/* CSS reset */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}*/
*{margin: 0;padding: 0;font-family: "微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}

input,button{border: none;font-family: '微软雅黑';}
button{background-color: transparent;cursor: pointer;}
input:focus{ 
	box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 3px; 
     }
input,button:focus{outline: none;}

input,
textarea,select {
    border: 0; 
    -webkit-appearance: none;
   border-radius: 0;
}


/* 定位  浮动*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:block;}  /* 可修复IE6中双倍边距bug */
.fr{float:right;display:block;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.none{display:none;}

/*
@功能：全局css定义
*/
body{font-size: 16px;color: #040404;font-family: "微软雅黑";margin: 0 auto;}
a{color:inherit;text-decoration:none;}
a:focus,a:hover{color:inherit;text-decoration:none;}
/*去除input的默认样式  number的箭头*/
/*在chrome下：*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
/*Firefox下：*/
input[type="number"]{-moz-appearance:textfield;}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.container {
  width: 100%;
  padding-right: 15rem;
  padding-left: 15rem;
  margin-right: auto;
  margin-left: auto;
}

.container{width: 12rem;margin: 0px auto;padding: 0px;}
.modal_navBox{display: none;}
.sousuoBox{display: block;}

.headerBox{width: 100%;height: 2.11rem;background-color: #005bac;}
.header{width: 100%;height: 100%;background: url(../images/header_BG.png) right no-repeat;background-size: 3.61rem;height: 1.61rem;}
.sousuoBox{flex: 1;}
.logoBox span{display: block;margin-left: 1.01rem;line-height: 0.25rem;color: white;font-size: 0.18rem;letter-spacing: 0.01rem;}
.logo{display: block;height: 0.81rem;margin-top: 0.31rem;}
.logo img{display: block;height: 0.81rem;}
.toOld {display: block;float: right;margin-left: 4rem;margin-top: 0.15rem;line-height: 0.25rem;color: white;font-size: 0.18rem;letter-spacing: 0.01rem;}
.toOld:hover {color: white;}
.searchBox{float: right;width: 2.4rem;height: 0.3rem;background-color: white;border-radius: 0.15rem;overflow: hidden;margin-top: 0.56rem;}
.searchBox a{display: block;width: 0.2rem; height: 0.2rem;float: right;margin-top: 0.05rem;margin-right: 0.05rem;}
.searchBox a span{display: block;width: 0.2rem; height: 0.2rem;background: url(../images/sousuo_icon.png) center;background-size: cover;}
.searchBox input{display: block;width: 2.1rem;height: 0.3rem;float: left;text-indent: 0.15rem;}
.navBox{width: 100%;height: 0.5rem;background-color: white;text-align: center;line-height: 0.5rem;box-shadow: 0rem 0rem 0.04rem rgba(0,64,152,0.1);}
.navBox ul{margin: 0;}
.navBox ul li{width: 1.25rem;padding: 0px;position: relative;}
.navBox ul li a{font-size: 0.18rem;color: #333333;}
.navBox ul li:hover:not(:first-child)>a::after{content: "";display: block;width: 0.4rem;height: 0.02rem;background-color: #004098;position: absolute;bottom: 0px;left: 50%;margin-left: -0.2rem;}
.navBox ul li:first-child{width: 0.7rem;}
.navBox ul li:first-child img{display: block;width: 0.4rem;height: 0.4rem;margin-top: 0.04rem;}
.navBox ul li:first-child::after{content: "";display: block;width: 0.02rem;height: 0.2rem;background-color: #333333;position: absolute;right: 0rem;top: 0.15rem;}
.navBox ul li dl{margin: 0px;display: none; width: 1.4rem; position: absolute;top: 0.51rem;left: 50%;margin-left: -0.7rem;padding-top: 0.16rem;padding-bottom: 0.16rem; background-color: white;box-shadow: 0rem 0rem 0.04rem rgba(0,64,152,0.1);z-index: 999;}
.navBox ul li dl dd{line-height: 0.46rem;}
.navBox ul li dl dd:hover a{color: #004098;}
.navBox ul li.on:not(:first-child)>a::after{content: "";display: block;width: 0.4rem;height: 0.02rem;background-color: #004098;position: absolute;bottom: 0px;left: 50%;margin-left: -0.2rem;}
.footer{width: 100%;height: 3.3rem;background: url(../images/footer_bg.jpg) center;background-size: cover; border-top: solid 0.2rem #ccd9ea;}
.footer .row{margin: 0rem; margin-top: 0.7rem;}
.footer .footer_btn{position: relative;width: 3.60rem;float: left;}
.footer .footer_btn::before{content: "";display: block;width: 0.02rem;height: 1.92rem;background-color: #b9c5da;position: absolute;top: 0rem;right: 0rem;}
.footer .footer_btn a{float: left;width: 0.61rem;margin-right: 0.6rem;margin-bottom: 0.1rem;position: relative;}
.footer .footer_btn a dl{width: 0.61rem;height: 0.6rem;position: relative;margin: 0rem;}
.footer .footer_btn a dl dd{width: 100%;height: 100%;position: absolute;top: 0rem;left: 0rem;}
.footer .footer_btn a dl dd.on{opacity: 0;transition: all 0.6s;}
.footer .footer_btn a dl dd img{display: block;width: 100%;height: 100%;}
.footer .footer_btn a span{display: block;line-height: 0.33rem;font-size: 0.12rem;color: #ffffff;text-align: center;}
.footer .footer_btn a i{display: none;width: 1.08rem;height: 1.08rem;position: absolute;top: -1.28rem;left: 50%;margin-left: -0.54rem;}
.footer .footer_btn a i::after{content: "";display: block; width: 0rem;height: 0rem;border-top: solid 0.06rem white;border-left: solid 0.06rem transparent;border-right: solid 0.06rem transparent;position: absolute;bottom: -0.06rem;left: 50%;margin-left: -0.06rem;}
.footer .footer_btn a:nth-child(3){margin-right: 0rem;}
.footer .footer_btn a:nth-child(6){margin-right: 0rem;}
.footer .footer_btn a:hover dl dd.on{opacity: 1;}
.footer .footer_btn a:hover i{display: block;}
.footer .footer_logo{width: 4.78rem;float: left;position: relative;}
.footer .footer_logo::after{content: "";display: block;width: 0.02rem;height: 1.92rem;background-color: #b9c5da;position: absolute;top: 0rem;right: 0rem;}
.footer .footer_logo a{display: block;width: 3.8rem;height: 1.89rem;margin: 0 auto;}
.footer .footer_logo a img{display: block;width: 100%;height: 100%;}
.footer .foot_aboutUs{width: 3.6rem;float: left;}
.footer .foot_aboutUs>div{float: right;width: 3.05rem;}
.footer .foot_aboutUs h5{margin: 0rem;margin-bottom: 0.16rem;}
.footer .foot_aboutUs h5 img{display: block;max-width: 100%;}
.footer .foot_aboutUs p{font-size: 0.12rem;color: white;margin: 0rem;line-height: 0.21rem;letter-spacing: 0.005rem;}
.modal_footer{display: none;}
#signUpBox{display: none; width: 100%;max-width: 8rem;padding-bottom: 0.4rem; background-color: #fff;box-shadow: 0rem 0rem 0.15rem rgba(0,0,0,0.5); position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%); border: solid 0.01rem #005bac;box-sizing: border-box;z-index: 9999;}
#signUpBox .head{width: 100%;height: 0.8rem; background-color: #f0f2f5;border-bottom: solid 0.01rem #005bac;position: relative;}
#signUpBox .head h3{line-height: 0.8rem;font-size: 0.24rem;color: #005bac;font-weight: bold;text-align: center;}
#signUpBox .head .closeBtn{font-size: 16px;color: #005bac;font-weight: bold;position: absolute;top: 0.05rem;right: 0.1rem;cursor: pointer;}
#signUpBox .cont{width: 6.2rem;margin: 0 auto;}
#signUpBox .cont h4{font-size: 0.12rem;color: #646464;line-height: 1.2;margin-top: 0.3rem;}
#signUpBox .cont p{height: 0.37rem;margin-top: 0.23rem;line-height: 0.37rem;display: flex;}
#signUpBox .cont p:first-child{margin-top: 0.15rem;}
#signUpBox .cont p span{display: block;width: auto; min-width: 1.35rem;float: left;box-sizing: border-box;padding-right: 0.2rem;text-align: right;position: relative;font-size: 0.16rem;font-weight: normal;font-stretch: normal;letter-spacing: 0.01rem;color: #323232;}
#signUpBox .cont p input{flex: 1; height: 0.37rem;background-color: #f0f2f5;float: right;margin-right: 1.1rem;}
#signUpBox .cont p.must span::after{content: "*";position: absolute;top: 0.03rem;right: 0.07rem;font-size: 0.16rem;color: #ff0000;}
#signUpBox .cont p.other{height: 1.03rem;}
#signUpBox .cont p.other textarea{width: 3.73rem;height: 1.03rem;max-width: 3.73rem;max-height: 1.03rem;resize:none; background-color: #f0f2f5;float: right;margin-right: 1.1rem;}
#signUpBox .cont .submit{display: block; width: 1.2rem;height: 0.36rem;margin: 0 auto;font-size: 0.14rem;color: white;background-color: #005bac;margin-top: 0.4rem;}

@media (min-width: 1200px) {
	.container{width: 12rem;margin: 0px auto;padding: 0px;}
	.modal_navBox{display: none;}
	.sousuoBox{display: block;}
}
/*@media only screen and (min-width: 995px) and (max-width: 1200px){
	.container{width: 100%;padding: 0 0.25rem;}
	.modal_navBox{display: none;}
	.sousuoBox{display: block;}
}*/
@media (max-width: 1200px) {
	body{width: 7.5rem;margin: 0 auto;}
	.container{width: 7.5rem;padding: 0 0.25rem;margin: 0;box-sizing: border-box;}
	.header{height: 1.2rem;}
	.logo{height: 0.72rem;margin-top: 0.18rem;}
	.logo img{height: 100%;}
	.headerBox{height: 1.2rem;}
	.logoBox{flex: 1;margin-right: 1.5rem;}
	.logoBox span{position: relative;top: -0.05rem;}
	.modal_navBox{display: block;float: right;height: 1.2rem; position: relative;}
	.headerBox .nav_btn{margin-top: 0.24rem;}
	/*导航按钮*/
.nav_btn>.line{display: block;
    width: 0.59rem;
    height: 0.06rem;
    border-radius: 0.06rem;
    background-color: #fff;
    margin-top: 0.14rem;
    transition:transform 0.6s;
    transform-origin:0 50%;
}
.nav_btn>.line:first-child{
    margin-top: 0.16rem;
}
.nav_btn.on>.line:nth-child(1) {
    transform: rotate(45deg) ;
    margin-top: 0.14rem;
}
.nav_btn.on>.line:nth-child(3){
    transform: rotate(-45deg) ;
}
.nav_btn.on>.line:nth-child(2){
    transform: translateX(99px);
}
/*导航菜单*/
.nav{display: none; position: absolute;width: 3.2rem;text-align: center; top: 1.2rem;right: -0.25rem; z-index: 999;background-color: rgba(255,255,255,0.9);}
.nav li{line-height: 0.6rem;transition: background-color 0.6s;}
.nav li>a{display: block;width: 100%;height: 0.6rem;font-size: 0.28rem;color: #333333;transition: background-color 0.6s;}
.nav li dl{display: none; padding: 0.16rem 0rem;}
.nav li dd{line-height: 0.52rem;}
.nav li dd a{display: block;height: 0.52rem;font-size: 0.24rem;color: white;}
.nav li.on{background-color: #225295;}
.nav li.on>a{background-color: #004098;color: white;}
	
	.sousuoBox{display: none;}
	.navBox{display: none;}
	.footer{display: none;}
	.modal_footer{display: block;background: url(../images/footer_bg.jpg) center;background-size: cover;text-align: center;}
	.modal_footer>div{overflow: hidden;}
	.modal_footer h3{padding-top: 0.4rem;}
	.modal_footer p{line-height: 0.42rem;font-size: 0.24rem;color: white;}
	.modal_footer h3 img{display: block;width: 1.16rem;height: 1.14rem;margin: 0 auto;}
	.modal_footer h5{margin-top: 0.3rem;margin-bottom: 0.2rem;}
	.modal_footer h5 img{display: block;width: 4.4rem;margin: 0 auto;}
	.modal_footer dl{width: 4.25rem;margin: 0 auto;margin-top: 0.25rem;}
	.modal_footer dl dd{float: left;margin: 0 0.5rem;width: 1.09rem;position: relative;padding-bottom: 0.5rem;}
	.modal_footer dl dd .btn img{display: block;width: 1.09rem;height: 1.09rem;}
	.modal_footer dl dd .btn span{display: block;line-height: 0.54rem;text-align: center;font-size: 0.24rem;color: white;letter-spacing: 0.02rem;}
	.modal_footer dl dd .ewm{display: none;width: 1.2rem;height: 1.2rem; position: absolute;left: 50%;margin-left: -0.6rem;top: -1.25rem;}
	.modal_footer dl dd .ewm::after{content: "";display: block; width: 0rem;height: 0rem;border-top: solid 0.06rem white;border-left: solid 0.06rem transparent;border-right: solid 0.06rem transparent;position: absolute;bottom: -0.06rem;left: 50%;margin-left: -0.06rem;}
	.modal_footer dl dd .ewm img{display: block;width: 100%;height: 100%;}
}