@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("../img/logo_128_60.png") 0 28px no-repeat;
}
.header .title {
	font-size: 24px;
	float: left;
	margin-top: 40px;
	margin-left: 15px;
	color: #999999;
	font-family: '幼圆';
}
.header .line {
	float: left;
	width: 1px;
	height: 24px;
	background-color: #c0c0c0;
	margin-top: 47px;    position: relative;
	margin-left: 146px;
}
/*.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: 1200px;
	height: 420px;
	margin: 0 auto;
}
.main_container .title {
	color: #666666;
	font-size: 30px;
}
.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: 490px;height: 300px;float: left;position: relative;}
.yindaolist.img1{background: url(../img/pwrk-new-system.jpg) 0 0 no-repeat;margin-right: 20px;}
.yindaolist i,  .yindaolist-side .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: 20px; z-index:0;top:250px;color: #fff;font-size: 18px;    text-shadow: 2px 0px 4px #333; font-weight: 400;}

.yindaolist .cg-btn:hover, .yindaolist-side .entrance .cg-btn:hover{background:#b61109; }
.yindaolist:hover i,.yindaolist:hover .cg-btn, .yindaolist-side .entrance:hover i,.yindaolist-side .entrance:hover .cg-btn{display: block;}
.yindaolist .titles, .yindaolist-side .titles {position: absolute;top: 310px;left:0px;color: #666666;font-size: 14px;    padding: 0px 10px;}

.yindaolist-side {
	width: 490px;
	height: 300px;
	float: left;
	position: relative;
}
.yindaolist-side .entrance {
	position: relative;
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
}
.yindaolist-side .entrance:last-child {
	margin-bottom: 0;
}

.yindaolist-side .entrance.img2 {
	background: url("../img/pwrk-leave.jpg") no-repeat;
}
.yindaolist-side .entrance.img3 {
	background: url("../img/pwrk-old-system.jpg") no-repeat;
}
.yindaolist-side .name {
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 2px 0px 4px #333;
	z-index: 0;
}
.yindaolist-side .entrance .cg-btn, .yindaolist .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;
}