@CHARSET "UTF-8";

body {background-color: white;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5 "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/*body*/
.container {
	width: 1200px;
	margin: 0 auto;
}

/*header*/
.header {
	height: 120px;
	background: url("../index_v2/images/logo_short.png") 0 35px no-repeat;
}
.header .title {
	font-size: 24px;
	float: left;
	margin-top: 46px;
	margin-left: 10px;
	color: #999999;
	font-weight: 400;
}
.header .line {
	float: left;
	width: 1px;
	height: 20px;
	background-color: #c0c0c0;
	margin-top: 56px;    position: relative;
	margin-left: 125px;
}
.header .phone-wrapper {
	float: right;
	padding-left: 30px;
	margin-top: 55px;
	background: url("../img/phone-logo.png") no-repeat;
	font-weight: 400;
	font-size: 20px;
	color: #333333;
	line-height: 20px;
	
}
/*.fr{float: right: ;}*/

.bg {
	height:675px;
	background: url("../img/rk_bg.jpg") center center no-repeat #f1f1f1; min-width: 1120px;
	padding-top: 115px;
}
.main_container {
	width: 1120px;
	height: 420px;
	margin: 0 auto;
}
.main_container .title {
	color: #666666;
	font-size: 30px;
	font-weight: 400;
}
.img {
	margin-top:15px;
	margin-bottom: 20px;
}
.img a {
	text-decoration: none;
}
.rk_login {
	float: left;
	cursor:default;
	padding-top: 240px;
	height: 46px;
	color: #ffffff;
	font-size: 18px;position: relative;display: block;
}

.gys.curr {
	background: url("../img/rk_gys_2_294_286.png") 0 0 no-repeat;
}
.cgr{
	background: url("../img/rk_cgr_1_364_286.png") 0 0 no-repeat;
	width: 364px;
	margin-left: -67px;
}
.cgr_login {
	background: url("../img/rk_icon_gwc_33_33.png") 23px -3px no-repeat;
	display: inline;    color: #fff;
	width: 35px;
	height: 33px;
	line-height: 33px;
	padding-left: 58px;text-shadow: 2px 1px 2px #666666;position: relative;z-index: 22;
}
.cgr.curr {
	background: url("../img/rk_cgr_2_364_286.png") 0 0 no-repeat;
}
.jmr {
	background: url("../img/rk_jmr_1_364_286.png") 0 0 no-repeat;
	width: 364px;
	margin-left: -70px;
}
.jmr_login {
	background: url("../img/rk_icon_cz_32_32.png") 23px -3px no-repeat;
	display: inline;    color: #fff;
	width: 35px;
	height: 33px;
	line-height: 33px;
	padding-left: 58px;text-shadow: 2px 1px 2px #666666;position: relative;z-index: 22;
}
.jmr.curr{
	background: url("../img/rk_jmr_2_364_286.png") 0 0 no-repeat;
}

.rk_login:hover{zoom:1;z-index: 9999999;}

.rk_login i{position: absolute;left: 0px;top: 0px;z-index: 23;height: 286px;}
.rk_login.gys i{background: url(../img/rk_gys_3.png) 0 0 no-repeat;width: 294px;}
.rk_login.cgr i{background: url(../img/rk_cgr_3.png) 0 0 no-repeat;width: 364px;}
.rk_login.jmr i{background: url(../img/rk_jmr_3.png) 0 0 no-repeat;width: 364px;}
.rk_login.wtr i{background: url(../img/rk_wtr_3.png) 0 0 no-repeat;width:302px;}
.rk_login.curr{cursor: pointer;  }
.rk_login.curr i{display: block;}
.rk_login.curr:hover i{display: none;}
.rk_login.curr:hover .cgr_login{z-index: 24;}

.rk_login.curr:hover .wtr_login{z-index: 24;}

.rk_login .cg-btn{width: 160px;height:40px;background: #dd342c;color: #fff;line-height: 40px;text-align: center;display: none;}
.rk_login .cg-btn:hover{background:#b61109; }
.rk_login .cg-btn.weituo{ position: absolute;left: 105px;top: 94px;z-index:25; }
.rk_login .cg-btn.zizhu{ position: absolute;left: 105px;top:153px;z-index: 25; }

.rk_login.cgr.curr:hover i{display: block;}
.rk_login.cgr.curr:hover .cg-btn{display: block;}

.rk_login.wtr.curr:hover i{display: block;}
.rk_login.wtr.curr:hover .cg-btn{display: block;}


.rk_login b{position: absolute;left: 0px;top: 0px;z-index: 123;height: 286px;font-size: 16px;line-height: 286px;font-weight: inherit;    text-shadow: 2px 1px 2px #666666;}

.rk_login.gys .ovlay_top{left: 0px;}
.rk_login.gys .ovlay_bottom{right: 86px;}
.rk_login.gys.curr:hover .ovlay_top{animation:bordersildeTop1 .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login.gys.curr:hover .ovlay_bottom{animation:borderslideBottom1 .2s linear 0s 1;animation-fill-mode:forwards}

.rk_login.cgr .ovlay_top{left: 86px;}
.rk_login.cgr .ovlay_bottom{right: 86px;}
.rk_login.cgr.curr:hover .ovlay_top{animation:bordersildeTop2 .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login.cgr.curr:hover .ovlay_bottom{animation:borderslideBottom2 .2s linear 0s 1;animation-fill-mode:forwards}

.rk_login.jmr .ovlay_top{left: 86px;}
.rk_login.jmr .ovlay_bottom{right: 0px;}
.rk_login.jmr.curr:hover .ovlay_top{animation:bordersildeTop3 .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login.jmr.curr:hover .ovlay_bottom{animation:borderslideBottom3 .2s linear 0s 1;animation-fill-mode:forwards}

.rk_login.wtr .ovlay_top{left: 0px;}
.rk_login.wtr .ovlay_bottom{right:0px;}
.rk_login.wtr.curr:hover .ovlay_top{animation:bordersildeTop4 .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login.wtr.curr:hover .ovlay_bottom{animation:borderslideBottom4 .2s linear 0s 1;animation-fill-mode:forwards}


.rk_login.gys b{left:100px;}
.rk_login.cgr b{left:160px;}
.rk_login.jmr b{left:160px;}
.rk_login.wtr b{left:150px;}
.rk_login.curr b{ display: none; }

.ovlay_border{background: #ef131b;height: 4px;position: absolute;}
.ovlay_bottom{ background-color:#EF131B; bottom:-2px; height:4px; right:0px; position:absolute; width:0px;}
.ovlay_top{ background-color:#EF131B; height:4px; position:absolute; left:0px; top:-2px; width:0px;}


@-moz-keyframes borderslideBottom1{from{width:0px}
	to{width:208px}
}
@-webkit-keyframes borderslideBottom1{from{width:0px}
	to{width:208px}
}
@keyframes borderslideBottom1{from{width:0px}
	to{width:208px}
}

@-moz-keyframes bordersildeTop1{from{width:0px}
	to{width:294px}
}
@-webkit-keyframes bordersildeTop1{from{width:0px}
	to{width:294px}
}
@keyframes bordersildeTop1{from{width:0px}
	to{width:294px}
}

@-moz-keyframes borderslideBottom2{from{width:0px}
	to{width:278px}
}
@-webkit-keyframes borderslideBottom2{from{width:0px}
	to{width:278px}
}
@keyframes borderslideBottom2{from{width:0px}
	to{width:278px}
}

@-moz-keyframes bordersildeTop2{from{width:0px}
	to{width:278px}
}
@-webkit-keyframes bordersildeTop2{from{width:0px}
	to{width:278px}
}
@keyframes bordersildeTop2{from{width:0px}
	to{width:278px}
}

@-moz-keyframes borderslideBottom3{from{width:0px}
	to{width:365px}
}
@-webkit-keyframes borderslideBottom3{from{width:0px}
	to{width:365px}
}
@keyframes borderslideBottom3{from{width:0px}
	to{width:365px}
}

@-moz-keyframes bordersildeTop3{from{width:0px}
	to{width:192px}
}
@-webkit-keyframes bordersildeTop3{from{width:0px}
	to{width:192px}
}
@keyframes bordersildeTop3{from{width:0px}
	to{width:192px}
}


@-moz-keyframes borderslideBottom4{from{width:0px}
	to{width:215px}
}
@-webkit-keyframes borderslideBottom4{from{width:0px}
	to{width:215px}
}
@keyframes borderslideBottom4{from{width:0px}
	to{width:215px}
}

@-moz-keyframes bordersildeTop4{from{width:0px}
	to{width:302px}
}
@-webkit-keyframes bordersildeTop4{from{width:0px}
	to{width:302px}
}
@keyframes bordersildeTop4{from{width:0px}
	to{width:302px}
}


.gys {
	background: url("../img/rk_gys_1_294_286.png") 0 0 no-repeat;
	width: 294px;
}
.gys_login {
	background: url("../img/rk_icon_sd_35_33.png") 13px -3px no-repeat;
	display: inline;
	width: 35px;    color: #fff;
	height: 33px;
	line-height: 33px;
	padding-left: 48px;    text-shadow: 2px 1px 2px #666666;position: relative;z-index: 22;
}

.clearfix{zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

.zb_login{width: 105%;margin: 0px auto;margin-bottom: 20px;}
.zb_login a{width: 208px;height: 86px;float:left;position: relative;margin-right: 20px;cursor:default }
.zb_login a .name{position:absolute;left: 0px;top: 0px;width:208px;height: 86px; z-index: 9;line-height: 86px;text-align: center;color: #fff;text-shadow: 2px 1px 2px #666666;font-size: 18px;}
.zb_login a .title{position:absolute;left: 0px;top:52px;width:208px;height: 20px; z-index:10;line-height: 20px;text-align: center;color: #fff;text-shadow: 2px 1px 2px #666666;font-size: 14px;}
.zb_login a i{position:absolute;left: 0px;top: 0px;width:208px;height: 86px; z-index: 8;background: #000;filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;  }
.zb_login a img{position: relative;z-index: 1}
.zb_login a .pic{position: absolute;left: 0px;top: 0px;z-index: 2;display: none }
.zb_login a.curr .pic{display: block; }
.zb_login a .ovlay_top{position:absolute;left: 0px;top:86px;width:0px;height: 4px; z-index: 8;background: #e50013;display: none;}
.zb_login a.curr b{display: block;}
.zb_login a.curr{cursor: pointer;}
.zb_login a.curr:hover i{display: none;}
.zb_login a.curr .title{display: none;}
.zb_login a:hover{text-decoration: none;}
.zb_login a.curr:hover .ovlay_top{animation:bordersildeTop .2s linear 0s 1;animation-fill-mode:forwards;display:block}



@-moz-keyframes bordersildeTop{from{width:0px}
	to{width:208px}
}
@-webkit-keyframes bordersildeTop{from{width:0px}
	to{width:208px}
}
@keyframes bordersildeTop{from{width:0px}
	to{width:208px}
}


.wtr {
	background: url("../img/rk_wtr_1_302_286.png") 0 0 no-repeat;
	width: 302px;
	margin-left: -68px;
}
.wtr_login {
	background: url("../img/rk_icon_hand_32_32.png") 93px -3px no-repeat;
	display: inline;
	width: 35px;    color: #fff;
	height: 33px;
	line-height: 33px;
	padding-left: 128px;text-shadow: 2px 1px 2px #666666;position: relative;z-index: 22;
}
.wtr.curr {
	background: url("../img/rk_wtr_2_302_286.png") 0 0 no-repeat;
}
.mark {
	color: #666666;
	font-size: 14px;
}
/*footer*/
.footer {
	padding: 30px 0 20px;;
	line-height: 22px;
	font-size: 14px;
}
.footer, .footer a {
	text-align: center;
	color: #999999;
}


.main_container.gt {
	width:1000px;
	height: 420px;
	margin: 0 auto;
}

.gt_login{height: 301px;}
.xbjyxt{background: url(../img/gt_login_left_1.png) 0 0 no-repeat;    width: 527px;height:61px;}
.xbjyxt i{background: url(../img/gt_login_left_2.png) 0 0 no-repeat;width: 527px; height: 301px;display: none;z-index: 21;}
.xbjyxt:hover i{display: block;}
.gtxt{background: url(../img/gt_login_right_1.png) 0 0 no-repeat;    width: 537px;height:61px;    margin-left:-67px;}
.gtxt i{background: url(../img/gt_login_right_2.png) 0 0 no-repeat;width: 537px; height: 301px;display: none;z-index: 21;}
.gtxt:hover i{display: block;}

.rk_login .cg-btn.djjr{ position: absolute;left: 160px;top:130px;z-index: 25; }
.rk_login:hover .cg-btn.djjr{display: block;}
.xbjyxt .gys_login{padding-left: 20px;}
.gtxt .cgr_login{padding-left: 100px;}
.rk_login.gtxt .cg-btn.djjr{left:200px;}
.rk_login .titles{position: absolute;top: 315px;left:10px;color: #666666;font-size: 14px;}
.rk_login.gtxt .titles{position: absolute;top: 315px;left:95px;color: #666666;font-size: 14px;}

.yindaolist{width: 320px;height: 300px;float: left;margin-right: 20px;position: relative;}
.yindaolist:last-child{margin-right: 0;}
.yindaolist.img1{background: url(../img/bid-evaluation-system.jpg) 0 0 no-repeat;}
.yindaolist.img2{background: url(../img/jbpbxt.jpg) 0 0 no-repeat;}
.yindaolist.img3{background: url(../img/bid-opening-hall.jpg) 0 0 no-repeat;}
.yindaolist i, .yindaolist-side .old-entrance i {position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1; display: none; background: #000;filter: alpha(Opacity=40);	-moz-opacity: 0.4;	opacity: 0.4;}
.yindaolist .name{position: absolute;left: 18px; z-index:0;bottom:18px;color: #fff;font-size: 24px;font-weight: bold; text-shadow: 0px 1px 6px rgba(0,0,0,0.4);}
.yindaolist .cg-btn{width: 110px;height:40px; z-index: 3;font-size: 18px; position: absolute; left: 105px;top: 130px; background: #dd342c;color: #fff;line-height: 40px;text-align: center;display: none;font-weight: 400;}
.yindaolist .cg-btn:hover, .yindaolist-side .old-entrance .cg-btn:hover{background:#b61109; }
.yindaolist:hover i,.yindaolist:hover .cg-btn, .yindaolist-side .old-entrance:hover i,.yindaolist-side .old-entrance:hover .cg-btn{display: block;}
.yindaolist .titles{position: absolute;top: 310px;left:0px;color: #666666;font-size: 14px;    padding: 0px 10px;}
.yindaolist .new-tag {
	position: relative;
	top: -6px;
	left: -6px;
	width: 82px;
	height: 82px;
	z-index: 2;
}

.yindaolist-side {
	width: 320px;
	height: 300px;
	float: left;
	position: relative;
}
.yindaolist-side .old-entrance {
	position: relative;
	width: 100%;
	height: 145px;
	background: #9A9A9A;
	margin-bottom: 10px;
}
.yindaolist-side .old-entrance:last-child {
	margin-bottom: 0;
}

.yindaolist-side .old-entrance.old-bid-evaluation {
	background: url("../img/old-bid-evaluation-system.jpg") no-repeat;
}
.yindaolist-side .old-entrance.old-bid-opening {
	background: url("../img/old-bid-opening-hall.jpg") no-repeat;
}
.yindaolist-side .name {
	position: absolute;
	left: 18px;
	bottom: 20px;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	z-index: 0;
}
.yindaolist-side .old-entrance:hover i{	
	display: block;
}
.yindaolist-side .old-entrance .cg-btn {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 110px;
	height: 40px;
	background: #DD342D;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	z-index: 3;
}