@CHARSET "UTF-8";



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

/*header*/

.new-login-bg{
	height:675px;
	background: url("../img/bg_1920x675.png") center center repeat-x;
}
.main_container {
	width: 1200px;
	height:675px;
	margin: 0 auto;
	position: relative;
}
.new-login-img {
	    padding-top: 144px;
    float: right;    margin-right: 50px;    position: relative;
}
.new-login-img .title{font-weight: bold;text-align: center;
font-size: 28px;
color: #121212;top: 60px;    position: absolute;
    left: 0px;
    width: 100%;}
.new-login-img a {
	text-decoration: none;
}
.rk_login h3{font-size: 26px;    margin-top: 8px;letter-spacing:0px;}
.rk_login {
	float: left;
	padding-top:290px;
	height: 164px;width: 320px;
	color: #333;
	font-size: 18px;text-align: center;position:relative;
}
.rk_login.jmr{margin-right: 0px;}
.rk_login:hover .listbg{position: absolute;left:-2px;top: -2px;z-index: 1; /*animation:mymovebg 3s infinite;-webkit-animation:mymovebg 3s infinite;  animation-iteration-count:1;*/
 }

.ovlay_border{background: #ef131b;height: 4px;position: absolute;}

.ovlay_start{ background-color:#EF131B; bottom:-2px; height:4px; position:absolute; right:-2px; width:0px;}
.ovlay_bottom{ background-color:#EF131B; bottom:2px; height:4px; right:0px; position:absolute; width:0px;}
.ovlay_left{ background-color:#EF131B; height:0px; left:-2px; position:absolute; bottom:-2px; width:4px;display:none;}
.ovlay_top{ background-color:#EF131B; height:4px; position:absolute; left:4px; top:-2px; width:0px;}
.ovlay_right{ background-color:#EF131B; top:-2px; height:0px; position:absolute; right:45px; width:4px;display:none;}


.rk_login.gys .ovlay_right{transform:rotate(-12deg);
-ms-transform:rotate(-12deg); 	/* IE 9 */
-moz-transform:rotate(-12deg); 	/* Firefox */
-webkit-transform:rotate(-12deg); /* Safari 和 Chrome */
-o-transform:rotate(-12deg);}
.ovlay_border{display:none;}
.rk_login:hover .ovlay_border{display:block;}
.rk_login:hover .ovlay_bottom{animation:borderslideBottom .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login:hover .ovlay_top{animation:bordersildeTop .2s linear 0s 1;animation-fill-mode:forwards}
/* .rk_login:hover .ovlay_left{animation:bordersildeLeft .2s linear 0.45s 1;animation-fill-mode:forwards;} 
  .rk_login:hover .ovlay_right{animation:bordersildeRight .2s linear .15s 1;animation-fill-mode:forwards;}
.rk_login:hover .start_point{animation:bordersildeEnd .1s linear .7s 1;animation-fill-mode:forwards} */

.rk_login.gys h3{float:left;margin-left:106px;}
.rk_login.gys .name{float:left;margin-left:108px;}
.rk_login.gys .base_login_btn{margin-left:79px;}

.rk_login.cgr h3{float:left;margin-left:154px;}
.rk_login.cgr .name{float:left;margin-left:156px;}
.rk_login.cgr .base_login_btn{margin-left:136px;}

.rk_login.jmr h3{float:left;margin-left:154px;}
.rk_login.jmr .name{float:left;margin-left:156px;}
.rk_login.jmr .base_login_btn{margin-left:136px;}

.rk_login:hover .base_login_btn{    background: #EF131B; border: 1px solid #EF131B; color: #Fff;}
.rk_login.cgr:hover .ovlay_bottom{animation:borderslideBottom2 .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login.cgr:hover .ovlay_top{animation:bordersildeTop2 .2s linear 0s 1;animation-fill-mode:forwards}
.rk_login.cgr .ovlay_bottom{right:2px;}

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



.rk_login.curr .ovlay_bottom{animation:borderslideBottom .2s linear 0s 1;animation-fill-mode:forwards;display:block}
.rk_login.curr .ovlay_top{animation:bordersildeTop .2s linear 0s 1;animation-fill-mode:forwards;display:block}


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

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


.rk_login.curr .base_login_btn{    background: #EF131B; border: 1px solid #EF131B; color: #Fff;}

@-moz-keyframes borderslideBottom{from{width:0px}
to{width:395px}
}
@-webkit-keyframes borderslideBottom{from{width:0px}
to{width:395px}
}
@keyframes borderslideBottom{from{width:0px}
to{width:395px}
}
@-moz-keyframes bordersildeLeft{from{height:0px}
to{height:450px;}
}
@-webkit-keyframes bordersildeLeft{from{height:0px}
to{height:450px;}
}
@keyframes bordersildeLeft{from{height:0px}
to{height:450px;}
}
@-moz-keyframes bordersildeTop{from{width:0px}
to{width:300px}
}
@-webkit-keyframes bordersildeTop{from{width:0px}
to{width:300px}
}
@keyframes bordersildeTop{from{width:0px}
to{width:300px}
}
@-moz-keyframes bordersildeRight{from{height:0px}
to{height:450px;}
}
@-webkit-keyframes bordersildeRight{from{height:0px}
to{height:450px;}
}
@keyframes bordersildeRight{from{height:0px}
to{height:450px;}
}

@-moz-keyframes bordersildeTop2{from{width:0px}
to{width:313px}
}
@-webkit-keyframes bordersildeTop2{from{width:0px}
to{width:313px}
}
@keyframes bordersildeTop2{from{width:0px}
to{width:313px}
}
@-moz-keyframes borderslideBottom2{from{width:0px}
to{width:318px}
}
@-webkit-keyframes borderslideBottom2{from{width:0px}
to{width:318px}
}
@keyframes borderslideBottom2{from{width:0px}
to{width:318px}
}
@-moz-keyframes bordersildeTop3{from{width:0px}
to{width:394px}
}
@-webkit-keyframes bordersildeTop3{from{width:0px}
to{width:394px}
}
@keyframes bordersildeTop3{from{width:0px}
to{width:394px}
}
@-moz-keyframes borderslideBottom3{from{width:0px}
to{width:300px}
}
@-webkit-keyframes borderslideBottom3{from{width:0px}
to{width:300px}
}
@keyframes borderslideBottom3{from{width:0px}
to{width:300px}
}



.rk_login .name{font-size: 18px;color: #2B2B2B; position: relative;z-index: 111; line-height: 50px;}
.gys {
	background: url("../img/entrance01.png") 0 0 no-repeat ;width:399px;
	
}
.base_login_btn{background: #fff; font-size: 16px;color: #2B2B2B;border: 1px solid #979797; position: relative;z-index: 111;    margin-top: 15px;   display: inline-block;float:left;margin-left:55px;border-radius: 100px;width: 220px;height:38px;line-height: 38px;text-align: center;}
.base_login_btn:hover{background: #EF131B; border: 1px solid #EF131B;color: #Fff;}



.cgr {
	background: url("../img/entrance02.png") 0 0 no-repeat; width:417px;margin-left:-70px;

}
.cgr_login {
	background: url("../img/rk_icon_gwc_33_33.png") 23px -3px no-repeat;
	display: inline;
	width: 35px;
	height: 33px;
	line-height: 33px;
	padding-left: 58px;
}

.jmr {
	background: url("../img/entrance03.png") 0 0 no-repeat; width:402px;margin-left: -75px;
	
}
.jmr_login {
	background: url("../img/rk_icon_cz_32_32.png") 23px -3px no-repeat;
	display: inline;
	width: 35px;
	height: 33px;
	line-height: 33px;
	padding-left: 58px;
}

.wtr {
	background: url("../img/rk_wtr_1_302_286.png") 0 0 no-repeat;
	width: 302px;
	margin-left: -65px;
}
.wtr_login {
	background: url("../img/rk_icon_hand_32_32.png") 93px -3px no-repeat;
	display: inline;
	width: 35px;
	height: 33px;
	line-height: 33px;
	padding-left: 128px;
}
.wtr:HOVER {
	background: url("../img/rk_wtr_2_302_286.png") 0 0 no-repeat;
}
.mark {
	color: #666666;
	font-size: 14px;
}
/*footer*/
.new-login-footer{background:rgba(0,0,0,0.5);height:50px;text-align: center;color: #fff;line-height:50px;font-size: 12px;}
.footer, .footer a {
	text-align: center;
	color: #999999;
}