/*
Technical support：湖南享趣信息技术有限公司
Author：林先生
tel：15616881988
Date：2021-06-08
*/

/*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:'';}


@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }



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;
}
img {
    max-width: 100%;
    border: 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: .14rem;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(../img/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.11rem;}
.logo img{display: block;height: 1.2rem;}
.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: 1.3rem;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(../img/sousuo_icon.png) center;background-size: cover;}
.searchBox input{display: block;width: 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.45rem;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 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(../img/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;}
.link a{margin-right:20px;color:rgba(255,255,255,0.8) !important}
.link a img{height:.8rem;display:inline}
.modal_footer{display: none;}
#signUpBox{ width: 100%;padding-bottom: 0.4rem; background-color: #fff;box-sizing: border-box;}
#signUpBox .head{width: 100%;height: 0.8rem; border-bottom: solid 0.01rem #ddd;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;}
#signUpBox .cont p select{width: 3.73rem;padding:0 .1rem;background-color: #f0f2f5;}


.hbox {width: 100%;background: #ebebeb;overflow: hidden;padding-top:.35rem;padding-bottom: .25rem;}
.hbox dl{float:left;margin-right:.65rem;color: #666666;}
.hbox dl dt{font-size: .18rem;margin-bottom: .1rem;}
.hbox dl dd{line-height:.3rem;}

/*底部*/

.foot {
	background: #005bac;
	background-size: cover;
	padding: .3rem 0 0 0;
	position: relative;
}



.foot>div {
	color: #fff;
}

.foot a {
	color: #fff;
}

.foot h3 {
	font-size: .18rem;
	margin-bottom: .2rem;
}

.foot-l {
	width: 18.39%;
}
.link{margin-bottom:.3rem;}

.link p {
	line-height: .48rem;
	padding-right: .2rem;
	background: #303c45;
	color: #9096dc;
	text-align: left;
	font-size: .16rem;
	background: url(../img/link-icon-down.png) no-repeat;
	background-position: right center;
}

.link>div {
	position: relative;
	padding: 0 .2rem;
	background: rgba(29, 36, 114, 0.17);
	border: 1px solid rgba(255, 255, 255, 0.17);
	margin-top: .1rem;
}

.link>div:first-child {
	margin-left: 0;
}

.link>div:hover div {
	display: block;
}

.link>div div {
	position: absolute;
	bottom: 100%;
	background: #fff;
	padding: .15rem 0;
	left: 0;
	right: 0;
	display: none;
}

.link>div div a {
	display: block;
	color: #333;
	line-height: .3rem;
	font-size: .16rem;
	padding: 0 .1rem;
}

.link>div div a:hover {
	background: #1d2080;
	color: #fff;
}

.foot-c {
	
	width: 37%;
}

.foot-c p {
	color: rgba(255, 255, 255, 0.75);
	line-height: .42rem;
}



.foot-r>p {
	text-align: center;
	font-size: .18rem;
	margin-bottom: .5rem;
	margin-top: .5rem;
}

.foot-media>div {
	float: left;
	text-align: center;
	margin-left: .3rem;
	position: relative;
}

.foot-media>div:first-child {
	margin-left: 0;
}

.foot-media>div:hover div {
	display: block;
}

.foot-media>div>div {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	margin-bottom: .15rem;
	width: 1.2rem;
	padding: 0.05rem;
	background: #fff;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);
	display: none;
}

.foot-media>div>div img {
	display: block;
	width: 100%;
}

.foot-media>div>div::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-top: .1rem solid #fff;
	border-left: .1rem solid transparent;
	border-right: .1rem solid transparent;
}

.foot-media>div>img {
	width:1.2rem;
	display: block;
	margin: 0 auto;
}

.foot-media>div>p {
	font-size: .16rem;
	color: rgba(255, 255, 255, 0.75);
	margin-top: .1rem;
}

.foot-bq {
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	line-height: .3rem;
	padding: .15rem .2rem;
	font-size: .16rem;
	color: rgba(255, 255, 255, 0.48);
	margin-top: .32rem;
}

.foot-bq p {
	font-size: .12rem;
	color: rgba(255, 255, 255, 0.48);
}


@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(../img/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%;}

.hbox dl{float:none;display:inline-block;margin-right: .2rem;}
.hbox dl dt{display:inline-block;font-size: .2rem;}
.hbox dd{display: none;}

.foot-l{display: none;}
.foot-l, .foot-c, .foot-r {
    float: none;
    width: auto;
}
.foot-c {
    margin-left: 0;
    margin-top: .2rem;
    text-align: center;
}

.foot h3 {
    text-align: center;
    font-size: .16rem;
    margin-bottom: .15rem;
}
.foot-r {
    margin-top: .2rem;
}
.foot-media {
    text-align: center;
    margin-top: .25rem;
}
.foot-media>div {
    width: 31.333%;
    margin-left: 0;
    margin-top: .1rem;
}
}