@charset "utf-8";
/* CSS Document */
body{ overflow: hidden;}
.left{ float:left;}
.right{ float:right; }
.clearfix:before,.clearfix:after { content: "";display: block;clear: both;}
.clearfix{zoom: 1;}

.width_all{width:100%;}
.width_c{ width:1440px; margin: 0 auto}
.width_top{ margin-top:30px;}

/* 菜单 */
.top_con{ position:absolute;position:absolute;left:50%;top:0; transform:translate(-50%,0); z-index: 10000;}
.top_con .logo_logo{float: left;height:50px; margin-right:80px; margin-top:25px;}
.w_menu{float: left;}
.w_menu li{ float:left; position: relative; margin-right:30px; margin-left:30px;}
.w_menu li a{ display: block; font-size:1.6rem; color:#fff; line-height:90px; height:90px;}
.w_menu .m_active a{ border-bottom:4px solid #008AD2;}
.w_menu li a:hover{ font-weight: bold;}
.r_right{float:right;margin-top:35px;}

.butt_login{ padding-left:30px; padding-right:30px; background:#1a66f3;font-family:"Microsoft Yahei","Arial","Simsun";  font-size:1.4rem; color: #fff; line-height:32px;border-radius:16px;-moz-border-radius:16px; -webkit-border-radius:16px; }
.butt_register{ margin-left: 10px; padding-left:30px; padding-right:30px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3);font-family:"Microsoft Yahei","Arial","Simsun";  font-size:1.4rem; color: #ffffff; line-height:30px;border-radius:16px;-moz-border-radius:16px; -webkit-border-radius:16px; }
.butt_login:hover{background:#397af2;}
.butt_register:hover{border:1px solid #f5f5f5;color:rgba(0,0,0,0.8); background:rgba(255,255,255,0.8);}

/* banner */
#flashBg{width:100%;clear:both;margin:0;padding:0;position: relative;}
#flashLine{ width:100%;clear:both;}
#flash{width:100%;margin:0 auto;clear:both;position:relative;}
#flash a{width:100%;display:none; padding-top:100px;position: relative;min-height:calc(100vh);min-height:-webkit-calc(100vh);min-height:-moz-calc(100vh); overflow: hidden;}
.flash_div{position:absolute;left:50%;transform:translate(-50%,0);top:100px;height:calc(100vh - 360px); height:-webkit-calc(100vh - 360px); height:-moz-calc(100vh - 360px);border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; }
.flash_bar{z-index:69;height:30px;overflow:hidden;position:absolute; left:48%;top:0;transform: translate(-48%,0);top:calc(100vh - 320px); top:-webkit-calc(100vh - 320px); top:-moz-calc(100vh - 320px);text-align:center;}
.flash_bar .dq{display:block;float:left;width:80px;height:10px;margin:5px 5px;cursor:pointer; background:#fff;}
.flash_bar .no{display:block;float:left;width:10px;height:10px;margin:5px 5px;cursor:pointer; background:rgba(255,255,255,0.5);}
#flash1{ background: #4780ef;background:-moz-linear-gradient(top, #4780ef 0%, #553cc8 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4780ef), color-stop(100%,#553cc8));
background:-webkit-linear-gradient(top, #4780ef 0%,#553cc8 100%);
background:-o-linear-gradient(top, #4780ef 0%,#553cc8 100%);
background: -ms-linear-gradient(top, #4780ef 0%,#553cc8 100%);
background: linear-gradient(to bottom, #4780ef 0%,#553cc8 100%);
filter: progid:DXImageTransform.Microsoft.gradient
( startColorstr='#4780ef', endColorstr='#553cc8',GradientType=0 );}
#flash2{ background: #317ad2;background:-moz-linear-gradient(top, #317ad2 0%, #0f36bd 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#317ad2), color-stop(100%,#0f36bd));
background:-webkit-linear-gradient(top, #317ad2 0%,#0f36bd 100%);
background:-o-linear-gradient(top, #317ad2 0%,#0f36bd 100%);
background: -ms-linear-gradient(top, #317ad2 0%,#0f36bd 100%);
background: linear-gradient(to bottom, #317ad2 0%,#0f36bd 100%);
filter: progid:DXImageTransform.Microsoft.gradient
( startColorstr='#317ad2', endColorstr='#0f36bd',GradientType=0 );}
#flash3{ background: #1b4e86;background:-moz-linear-gradient(top, #1b4e86 0%, #1679b7 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b4e86), color-stop(100%,#1679b7));
background:-webkit-linear-gradient(top, #1b4e86 0%,#1679b7 100%);
background:-o-linear-gradient(top, #1b4e86 0%,#1679b7 100%);
background: -ms-linear-gradient(top, #1b4e86 0%,#1679b7 100%);
background: linear-gradient(to bottom, #1b4e86 0%,#1679b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient
( startColorstr='#1b4e86', endColorstr='#1679b7',GradientType=0 );}
.flash_one{ background:url(images/banner_3.png) center no-repeat; background-size:100% 100%;}
.flash_two{ background:url(images/banner_1.png) center no-repeat;background-size:100% 100%;}
.flash_three{ background:url(images/banner_2.png) center no-repeat;background-size:100% 100%;}
.flash_reg{ background:url(images/yzcbg.png) center no-repeat;background-size:100% 100%;}

.class_div{ width:40%; min-width:300px; position:absolute; right:0;top:100px;height:calc(100vh - 360px); height:-webkit-calc(100vh - 360px); height:-moz-calc(100vh - 360px);z-index: 10000; background:#fff;border-top-right-radius:15px;-moz-border-top-right-radius:15px;-webkit-border-top-right-radius:15px;border-bottom-right-radius:15px;-moz-border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;}
.n_span{ display:block; width:100%; padding-top:50px; text-align:center; font-size:20px; color:#444; font-family:"Microsoft YaHei"; font-weight:bold;}
.form_in{  width:70%; margin:0 auto; padding-top:50px; }
.n_div{ width:100%; margin-bottom:30px; border-bottom:1px solid #e4e4e4; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position: relative}
.name_icon{display:block;width:10%; height:36px; background:url(images/user.svg) center no-repeat; background-size:18px; }
.password_icon{display:block; width:10%; height:36px;background:url(images/lock.svg) center no-repeat; background-size:18px; }
.code_icon{display:block;width:10%; height:36px;background:url(images/code.svg) center no-repeat; background-size:18px;}
.input_in{ display:block; box-sizing: border-box; font-family:"Microsoft YaHei";  font-size:14px; color:#7D858C; line-height:36px; height:36px;border:none; width:90%; outline:none;}
.input_code{display:block; box-sizing: border-box; font-family:"Microsoft YaHei";  font-size:14px; color:#7D858C; line-height:36px; height:36px;border:none; width:90%; outline:none;}
.code_img{ position: absolute; right: 0; top: 0; width:24%; height:36px; background-size:100% 100%; }
.login_butt{display:block; box-sizing: border-box; margin-top:50px;  font-family:"Microsoft YaHei";  width:100%; height:40px; line-height:40px; color:#fff; font-size:16px;  background:#1a66f3;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; background: -moz-linear-gradient(left, #1a66f3 0%, #3191fc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a66f3), color-stop(100%,#3191fc));background: -webkit-linear-gradient(left, #1a66f3 0%,#3191fc 100%);background: -o-linear-gradient(left, #1a66f3 0%,#3191fc 100%);background: -ms-linear-gradient(left, #1a66f3 0%,#3191fc 100%);background: linear-gradient(to right, #1a66f3 0%,#3191fc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a66f3', endColorstr='#3191fc',GradientType=0 ); text-decoration:none; border:none; outline:none; cursor:pointer;}
.a_div{ width:100%; padding-top:24px; display: flex;Flex-wrap: nowrap;justify-content:center; }
.f_line{ padding-left:12px; padding-right: 14px; color: #d4d4d4; font-size:1.0rem}
.login_butt:hover{ background:#3191fc;}
.forget_a{ font-size:14px; color:#7D858C; cursor:pointer; text-decoration:none;}
.res_a{ font-size:14px; color:#1a66f3; cursor:pointer; text-decoration:none;}
.forget_a:hover{ text-decoration:underline;}
.res_a:hover{ text-decoration:underline;}
.login_bq{display:block; width:100%; text-align:center; font-size:14px; line-height:26px; color:#666; font-family:"Microsoft YaHei"; padding-top:18px; padding-bottom:18px; }
.input_in:focus ~ .name_icon{ border-bottom:1px solid #1a66f3;background:url(images/user_1.svg) center no-repeat; background-size:18px;}
.input_in:focus ~ .password_icon{ border-bottom:1px solid #1a66f3;background:url(images/lock_1.svg) center no-repeat; background-size:18px;}
.input_in:focus{ border-bottom:1px solid #1a66f3;}
.input_code:focus{ border-bottom:1px solid #1a66f3;}
.input_code:focus ~ .code_img{ border-bottom:1px solid #1a66f3;}
.input_code:focus ~ .code_icon{ border-bottom:1px solid #1a66f3;background:url(images/code_1.svg) center no-repeat; background-size:18px;}


.foot_box{position:absolute;left:50%; transform:translate(-50%,0);top:calc(100vh - 260px);top:-webkit-calc(100vh - 260px); top:-moz-calc(100vh - 260px); z-index: 10000;padding-top:30px; padding-bottom: 30px; display:flex;justify-content:flex-start;Flex-wrap:wrap;}
.foot_div_1{ width:18%; text-align: center; border-right:1px solid rgba(255,255,255,0.2);}
.f_ewm{ width:90px; margin: 0 auto;}
.tel_s{ display: block;font-size:1.4rem; color:rgba(255,255,255,0.8); line-height:30px;}
.foot_div_2{padding-left:4%; padding-right:4%; text-align: left;}
.f_title{display: block;padding-left:30px; font-size:1.6rem;  color:rgba(255,255,255,1);line-height:24px;margin-bottom: 10px;}
.f_span{display: block;padding-left:30px;font-size:1.4rem; color:rgba(255,255,255,0.7); line-height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.f_more{display: block;padding-left:30px;font-size:1.4rem; color:rgba(255,255,255,0.7); line-height:26px; }
.f_icon_1{ background:url(images/f_icon_1.svg) left center no-repeat; background-size: auto 20px;}
.f_icon_2{ background:url(images/f_icon_2.svg) left center no-repeat; background-size: auto 20px;}
.f_icon_3{ background:url(images/f_icon_3.svg) left center no-repeat; background-size: auto 20px;}
.foot_div_3{ width:25%; padding-left:2%; border-left:1px solid rgba(255,255,255,0.2);}

.foot_con_1{ padding-left:5%;width:50%}
.footer_span{display: block;display: block; color:rgba(255,255,255,0.9); font-size: 1.6rem; line-height: 28px; font-weight: bold;}
.footer_line3{ display: block;width:20px; background:rgba(255,255,255,0.7); height: 2px; margin-bottom:15px;}
.footer_a{display: block;color:rgba(255,255,255,0.5); font-size: 1.4rem; line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer_a:hover{color:rgba(255,255,255,0.8);}


@media (max-width:1500px) {
	.width_c{width:94%; }
}

@media (max-width:1200px) {
	.foot_box .foot_div_2{ padding-left:2%; padding-right: 2%;}
}

@media (max-width:1000px) {
	.width_c .class_div{ width:50%;}
	#flash .flash_bar{display:none;}
	.foot_box .foot_div_1{ border:none;}
	.foot_box .foot_div_3{ display:none;}
	.foot_box .foot_div_2{width:24%;}
}

@media (max-width:840px) {
	.top_con .r_right{display:none;}
}
@media (max-width:700px) {
	.width_c .class_div{ width:100%;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
	#flashLine #flash a{ display:none;}
	.width_c{ min-width:400px;}
}


@media (max-height:870px) {
	#flash .flash_div{height:calc(100vh - 300px); height:-webkit-calc(100vh - 300px); height:-moz-calc(100vh - 300px);}
	.width_c .class_div{height:calc(100vh - 300px); height:-webkit-calc(100vh - 300px); height:-moz-calc(100vh - 300px);}
	.foot_box{top:calc(100vh - 200px);top:-webkit-calc(100vh - 200px); top:-moz-calc(100vh - 200px); }
	#flash .flash_bar{top:calc(100vh - 260px); top:-webkit-calc(100vh - 260px); top:-moz-calc(100vh - 260px);}
}

@media (max-height:800px) {
	.class_div .n_span{ padding-top:30px;}
	.class_div .form_in{ padding-top:50px;}
}
@media (max-height:768px) {
	.class_div .n_span{ display: none;}
	
}
@media (max-height:690px) {
	.foot_box{ display: none;}
	#flash .flash_div{height:calc(100vh - 200px); height:-webkit-calc(100vh - 200px); height:-moz-calc(100vh - 200px);}
	.width_c .class_div{height:calc(100vh - 200px); height:-webkit-calc(100vh - 200px); height:-moz-calc(100vh - 200px);}
	#flash .flash_bar{display:none;}
}

@media (max-height:600px) {
	#flash .flash_div{height:calc(100vh - 140px); height:-webkit-calc(100vh - 140px); height:-moz-calc(100vh - 140px);}
	.width_c .class_div{height:calc(100vh - 140px); height:-webkit-calc(100vh - 140px); height:-moz-calc(100vh - 140px);}
	.form_in .n_div{ margin-bottom:20px;}
	.form_in .login_butt{ margin-top:40px;}
}

@media (max-height:490px)
{
	#flashBg .logo_logo{ display:none;}
	#flashBg .r_right{ display:none;}
	#flash .flash_div{height:calc(100vh - 60px); height:-webkit-calc(100vh - 60px); height:-moz-calc(100vh - 60px); min-height:400px;}
	.width_c .class_div{height:calc(100vh - 60px); height:-webkit-calc(100vh - 60px); height:-moz-calc(100vh - 60px); min-height:400px;}
	#flash .flash_div{top:30px;}
	.width_c .class_div{top:30px;}
	#flashLine #flash a{ padding-top:30px;}

}