﻿/* 技术支持 开元（重庆）科技有限公司 */
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
body{color:#132C8C; font-size:12px; font-family:"Montserrat",Jost,sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; height:100%; background:#fff; word-wrap: break-word; /*word-break:break-all;*/}
ul,ol{list-style-type:none;}
i {font-style:normal}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{text-decoration:none; transition: color .1s,border-color .1s,opacity .1s,text-decoration-color .1s;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.pr{position: relative;}
.marA {margin:auto;}
.clr{display:block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.tar{text-align:right;}
.imgW100{width:100%;}
span:focus {
    outline: none;
}
a{color:#132C8C;}
a:hover{color:#132C8C;}
img{max-width: 100%;}
.pr{position: relative;}
.wrapper{width:92%; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%;}

.header{width: 100%;}
.header.nhead{height: 100px;}
.header_content{width: 100%; padding:0 4%; font-size: 18px; position: fixed; top: 0; left: 0; right: 0; z-index: 90; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.header.fix .header_content{background: #fff;}
.logo img{float: left; width: 192px;}
.logo1{display: inline-block;}
.logo2{display: none;}
.header.fix .logo1, .header.nhead .logo1{display: none;}
.header.fix .logo2, .header.nhead .logo2{display: inline-block;}
.togglemenu{width: 40px; height: 40px; display: none;}
.togglemenu span i{width: 20px; height: 2px; background: #333; display:block; margin:4px 0;}
.nav{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; text-align: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;}
.nav li{display: inline-block; line-height:40px; margin:0 30px; padding:30px 0;}
.nav li a{display: inline-block; position: relative; color: #132C8C;}
.nav li a:hover{color: #132C8C;}
.nav li.active a{ font-weight: bold;}
.nav li .subnav{position: absolute; left: 0; right: 0; top: 80px; background: #fff; padding:15px 0; overflow: hidden; display: none;}
.nav li .subnav .subnavul{position:relative; width: 300px; text-align: left;}
.nav li .subnav li{display: block; overflow: hidden; text-align: left; font-size: 16px; margin:0; padding:10px 0; line-height: 20px;}
.nav li.active .subnav li a{font-weight: initial;}
.nav li .subnav li a:hover{font-weight: bold;}
.nav li .subnav ul ul{padding:10px 0 0 20px;}
.nav li .subnav ul ul li{padding:7px 0;}
.top_r{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.language a{background: url(../images/yyico.png) no-repeat right center; display: inline-block; padding-right: 24px; line-height: 38px;color: #132C8C;}
.language a:hover{color: #132C8C;}
.headlogin{position: relative; margin-left: 30px;}
.loginbtn{background: #EDCE1F; line-height: 38px; border-radius: 38px; padding:0 25px; display: inline-block;font-weight: bold; color: #132C8C;}
.loginbtn:hover{color: #132C8C;}
.headlogin_pop{position: absolute; top: 38px; right: 0; width: 100%; min-width: 110px; display: none;}
.headlogin_pop ul{padding:10px; background: #fff; text-align: center; border-radius: 10px;font-size: 16px;}
.headlogin_pop ul li{padding:5px 0;}
.headlogin:hover .headlogin_pop{display: block;}


.logregMask{width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.3; z-index:99; display: none;}
.loginpop{width: 90%; max-width: 1200px; position: fixed; top: 50%; left: 50%; z-index: 100; display: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.login_content{width: 100%; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; background: #fff;}
.login_cleft, .login_cright{width: 50%;}
.login_cleft{background:url(../images/login_lbg.png) no-repeat left center #EDCE1F;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;}
.login_logo{width: 80%; max-width: 410px;}
.login_cright{position: relative;}
.loginpop_colse{position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; border-radius: 26px; border:2px #132C8C solid; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.loginpop_colse:after, .loginpop_colse:before{content: ''; position: absolute; top: 50%; left: 50%; border-radius: 2px; background: #132C8C; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.loginpop_colse:after{width: 14px; height: 2px;}
.loginpop_colse:before{width: 2px; height: 14px;}
.login_form{padding:70px 50px; display: none;}
.login_hd ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.login_hd li{font-size: 24px;font-weight: bold;}
.login_hd li.active{font-size: 32px;}
.login_fbox{padding:10px 0; width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.login_dl{font-size: 16px; margin-top: 20px; width: 100%;}
.login_dl.w50{width: 48%;}
.login_dl dt{font-weight: 500;}
.login_dl dt i{color: #E44548; font-size: 14px; padding:0 3px;}
.login_dl dd{margin-top: 10px; position:relative;}
.login_dl .layui-input-affix{line-height: 46px;}
.login_input{ width: 100%; border: 1px solid #E4E4E4; border-radius: 4px;height: 48px; line-height: 46px; font-size: 16px;color: #132C8C; padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.login_input:hover{border-color: #EDCE1F !important;box-shadow:0 0 0 3px rgba(237,206,31,.08)}
.login_input:focus{border-color: #EDCE1F !important;box-shadow:0 0 0 3px rgba(237,206,31,.08)}
.login_dl dd .layui-icon-eye-invisible, .login_dl dd .layui-icon-eye{width: 16px; height: 46px; display: inline-block; float: right;}
.login_dl dd .layui-icon-eye-invisible:before, .login_dl dd .layui-icon-eye:before{display: none;}
.login_dl dd .layui-icon-eye-invisible{background: url(../images/mmicono.png) no-repeat center center;}
.login_dl dd .layui-icon-eye{background: url(../images/mmicoon.png) no-repeat center center;}
.loginyzmbtn{ position:absolute; top:5px; right:5px; bottom:5px; display:inline-block;background: #132C8C; color: #EDCE1F; border-radius: 4px; line-height:38px; padding:0 15px;}
.loginyzmbtn:hover{color:#EDCE1F;}
.login_submit, .register_btn{width: 66%; display: inline-block; margin:30px auto 0; line-height: 50px; border-radius: 50px;font-size: 20px;font-weight: bold;}
.login_submit, .login_submit:hover{background: #EDCE1F; color: #132C8C;}
.register_btn, .register_btn:hover{background: #132C8C; color: #EDCE1F;}
.login_dbot{width: 100%; margin-top: 20px; font-weight: 500;font-size: 14px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.login_checkbox, .login_checkbox .layui-form-checkbox[lay-skin=primary]>div{color: #132C8C;}
.login_checkbox .layui-form-checkbox[lay-skin=primary]>i{border: 1px solid #132C8C;}
.login_checkbox .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #132C8C;}
.login_checkbox .layui-form-checked[lay-skin=primary]>i{border-color: #132C8C !important; background-color: #132C8C !important;}
.login_dbot .password_btn{text-decoration: underline;}
.login_ftitle{font-size: 32px; font-weight: bold;text-align: center;}
.login_goback{font-size: 14px;font-weight: 500; background: url(../images/logico.png) no-repeat left center; padding-left: 25px; display: inline-block; text-decoration: underline; position: absolute; top: 25px; left: 20px;}

.footer{width: 100%; overflow: hidden; background: #132C8C; color: #EDCE1F;}
.footer a{ color: #EDCE1F; display: inline-block; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.footer a:hover{ color: #EDCE1F;}
.foot_tLlink a:hover, .foot_tM dd a:hover, .foot_tR .foot_signup:hover{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);}
.foot_top{width: 92%; max-width: 1400px; margin:0 auto; padding: 40px 0 30px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.foot_tL{width: 28%;}
.foot_tLlink{padding:40px 0 0;}
.foot_tLlink a{display: inline-block; margin:10px 10px 0 0;}
.foot_tLlink a img{max-height: 55px;}
.foot_tM dt{font-size: 28px;font-weight: bold; padding:5px 0;}
.foot_tM dd{font-size: 18px; margin-top: 15px;}
.foot_tR{width: 28%;font-size: 14px;}
.foot_tR li{padding-bottom: 10px;}
.foot_tR li img{margin:0 6px 0 0;}
.foot_tR .foot_signup{width: 100%; padding:0 20px; text-align: center; height: 60px; border-radius: 60px; margin-top: 20px; background: #EDCE1F;font-size: 20px;font-weight: bold; color: #132C8C;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.foot_tR .foot_signup:hover{color: #132C8C;}
.foot_bottom{padding:15px 4%; background: #EDCE1F; color: #132C8C;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.foot_bottom a, .foot_bottom a:hover{color: #132C8C;}
.foot_bottom .foot_bL{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;font-size: 18px;font-weight: 600; padding:5px 0;}
.foot_bottom .foot_bL a{text-decoration: underline;}
.foot_bottom .foot_allow, .foot_bottom .foot_decline{border-radius: 50px; line-height: 40px; padding:0 24px; display: inline-block; border: 1px solid #132C8C; margin-left:40px;font-size: 18px;font-weight: bold;}
.foot_bottom .foot_allow, .foot_bottom .foot_allow:hover{ background: #132C8C;color: #EDCE1F;}
.foot_bottom .foot_decline, .foot_bottom .foot_decline:hover{color: #132C8C;}




@media all and (max-width:1700px) {
	.nav li{margin:0 20px;}
}

@media all and (max-width:1600px) {
	.nav li{margin:0 15px;}
}
@media all and (max-width:1400px) {
	.header_content{font-size: 17px;}
	.nav li{margin:0 10px;}
}
@media all and (max-width:1300px) {
	.header_content{font-size: 16px;}
	.nav li{margin:0 6px;}
	
}
@media all and (max-width:1200px) {
	.header_content{padding:0 4%;font-size: 15px;}
	.nav li{margin:0 5px;}
	.headlogin{margin-left: 15px;}
	.login_hd li{font-size: 18px;}
	.login_hd li.active, .login_ftitle{font-size: 24px;}
	.login_submit, .register_btn{width: 80%; font-size: 16px;}
	.foot_tR .foot_signup{font-size: 18px;}
	
}
@media all and (max-width:1100px) {
	.header_content{font-size: 14px;}
	.nav li{margin:0 4px;}
	.logo img{width: 170px;}
	
}
@media all and (max-width:980px) {
	.header_content{padding:10px 4%;}
	.header.nhead{height: 60px;}
	.logo img{width: 126px;}
	.togglemenu{margin-right: -10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
	.togglemenu span{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform:translateX(0); -o-transform: translateX(0); transform:translateX(0);}
	.nav{position:fixed; flex:initial; display: block; top: 0; left: 0; bottom: 0; z-index: 99; width: 88%; padding:0; overflow-y:auto; background: #fff; border-top-width: 0; text-align: left; -webkit-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -o-transition: transform .5s cubic-bezier(.55,.03,.37,.96); transition: transform .5s cubic-bezier(.55,.03,.37,.96); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
	.nav ul{padding:40px 20px;}
	.nav li{display: block; font-size: 16px; padding: 5px 0; position: relative;}
	.nav li .subnav{position: initial; overflow: inherit; padding:0; display: block !important;}
	.nav li .subnav ul{padding:0 0 0 20px;}
	.nav li .subnav .subnavul{display: none;}
	.nav li .subnav::after{content: ''; width: 0;height: 0;border: 6px solid; border-color: #333 transparent  transparent transparent; position: absolute; top: 22px; right: 0; z-index: 999; border-radius: 3px;}
	.nav li .subnav .subnavul{width: 100%; position: initial;}
	.nav li .subnav li{font-size: 15px;}
	.nav li.toggle .subnav:after{border-color: transparent transparent  #333 transparent; top: 18px;}
	.nav li.toggle .subnav{display: block;}
	.nav li.toggle .subnav .subnavul{display: block;}
	.hsbg{background: rgba(0,0,0,0.4); opacity: 0; z-index: 80; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 0; -webkit-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -o-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); transition: opacity .5s cubic-bezier(.55,.03,.37,.96);}
	.header.opennav .nav{ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
	.header.opennav .hsbg{opacity: 1;}
	.header.opennav .togglemenu span{position: fixed; top: 15px; left:0; z-index: 100; margin-left:-50px; padding:20px; display: inline-block; -webkit-transform: translateX(88vw); -moz-transform: translateX(88vw); -ms-transform:translateX(88vw); -o-transform: translateX(88vw); transform:translateX(88vw); -webkit-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -o-transition: transform .5s cubic-bezier(.55,.03,.37,.96); transition: transform .5s cubic-bezier(.55,.03,.37,.96);}
	.header.opennav .togglemenu span i {opacity: 1; transform: rotate(45deg); position: absolute; top: 5px; left: 5px;}
	.header.opennav .togglemenu span i:nth-last-child(2) {opacity: 0;}
	.header.opennav .togglemenu span i:nth-last-child(3) {opacity: 1; transform: rotate(-45deg);}	
	.language a{background-size: 12px; padding-right:16px;}
	.headlogin{margin-left: 10px;}
	.loginbtn{padding:0 14px; line-height: 30px;}
	.loginpop{max-width: 600px;}
	.login_cleft, .login_cright{width: 100%;}
	.login_cleft{display: none;}
	.foot_tR .foot_signup{font-size: 16px;}
	.foot_tLlink a img{max-height: 40px;}


	
}

@media all and (min-width:0) and (max-width:768px) {
	.login_form{padding:50px 25px 40px;}
	.login_hd li{font-size: 17px;}
	.login_hd li.active, .login_ftitle{font-size: 21px;}
	.login_dl{margin-top:15px;}
	.login_dl.w50{width: 100%;}
	.login_dl dd{margin-top: 6px;}
	.login_bd{max-height: 70vh; overflow-y: auto;}
	.login_submit, .register_btn{margin-top: 20px;}
	.foot_tL, .foot_tM{width: 50%;}
	.foot_tR{width: 100%; margin-top: 30px;}
	.foot_logo img{max-height: 25px;}
	.foot_tLlink{padding-top: 15px;}
	.foot_tLlink a{margin:10px 10px 0 0;}
	.foot_tLlink a img{max-height: 30px;}
	.foot_tM dt{font-size: 18px; padding: 0;}
	.foot_tM dd{font-size: 14px; margin-top: 10px;}
	.foot_tR .foot_signup{height: 40px; max-width: 250px;}
	.foot_bottom{display: block;}
	.foot_bottom .foot_bL{flex: initial; font-size: 15px;}
	.foot_bottom .foot_allow, .foot_bottom .foot_decline{margin:20px 20px 0 0; line-height: 40px; font-size: 14px;}

	
	

	
}