@charset "UTF-8";
/*
***重置样式***
*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,pre,hr,table,th,td,form,input,button,textarea{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;}
i,em{font-style:normal;}
li,ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{overflow:auto;resize:none;}
label{cursor:default;}
button,input[type="button"], input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a,a:hover,a:active{color:#333;text-decoration:none;}
input,textarea,button{ background:none;  border:none; outline:none; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif; font-size:12px; }
select{-webkit-appearance:none; appearance:none;}

/*
***全局公共样式***
*/
html {  font-size: 62.5%;}
body{font-size: 14px; font-size: 1.4rem;  color: #333;  margin: 0 auto;  font-family: 'Microsoft YaHei',Helvetica,Arial,sans-serif;  -webkit-tap-highlight-color: transparent;}
/*浮动*/
.fl ,.lt {  float: left;  }
.fr ,.rt {  float: right;  }
/*清除浮动*/
.clearfix{zoom:1;}
.clear {clear:both;}
.clearfix:after{display:block;height:0;content:"";clear:both}
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
/*placeholder 颜色*/
:-moz-placeholder { color: #666; }
::-moz-placeholder { color: #666;}
input:-ms-input-placeholder{ color: #666;}
input::-webkit-input-placeholder{ color: #666; }

/****主体宽度****/
.wrap{width:1200px;margin: 0 auto;}
.head-box{height: 90px;line-height: 90px;position: fixed;top: 0;box-sizing: border-box;z-index: 9999;border-bottom: 1px solid rgba(255,255,255,.2);width: 100%;}
.header{width: 1600px;margin: 0 auto;color: #fff}
.header .logo img{display: inline-block;vertical-align: middle;width: 130px;}
.header .nav-box{width: calc(100% - 640px);text-align: right;display: flex;align-items: center;justify-content: flex-end;height: 90px;box-sizing: border-box;}
.header .nav-box .nav{display: inline-block;width: 68px; box-sizing: border-box;text-align: center;font-size: 16px;color: #fff;margin-right: 60px;  height: 90px;}
.header .nav-box .nav:hover{border-bottom: 4px solid #ffb80f; color: #ffb80f}
.header .nav-box .nav.active{border-bottom: 4px solid #ffb80f;color: #ffb80f}
.header .head-person{font-size: 16px}
.header .head-person span:first-child{display: inline-block;margin-right: 40px}
.head-box.head-box1{padding-right: 17px;}
.head-box .logo{display: flex;align-items: center;}
.head-box .logo a{display: flex;align-items: center;margin-right: 5px;}
.head-box.head-box2{position: unset;color: #333}
.head-box.head-box2 .header{width: 1600px;margin: 0 auto;color: #333}
.head-box.head-box2 .header .nav-box .nav{color: #333}
.head-box.head-box2 .header .nav-box .nav.active{color: #ffb80f;}
.head-box.head-box2 .header .nav-box .nav:hover{color: #ffb80f;}
.head-box.head-box2 .header .head-person i{color: #333}
.foot{height: 105px;background-color: #fff;padding: 10px 0 0 0;text-align: center;box-sizing: border-box;font-size: 14px;color: #333;position: absolute;bottom:0px;width: 100%}
.foot .link i{display: inline-block;margin: 0 12px}
.foot .link a:hover{color:#ffb80f }
.foot .foot-b{font-size: 12px;display: flex;align-items: center;justify-content: center;}
.foot .foot-b .privacy{margin-left: 10px;}
.foot .foot-b .privacy:hover{color: #ffb80f;}
.foot.foot2{position: unset;top: unset;bottom: unset;height:105px}
.foot p{line-height:30px}
.m-br{display:none}
/* 更改 */
@media(min-width:1000px){
	@media screen and (-webkit-min-device-pixel-ratio: 1.1){
		.head-box.head-box1 .header .nav-box{width: calc(100% - 7rem);}
		.head-box.head-box1{height: 0.9rem;line-height: 0.9rem;}
		.head-box.head-box1 div{height: 0.9rem;}
		.head-box.head-box1 .header{width: 16rem;}
		.head-box.head-box1 .header .logo{width: 3rem;display: flex;align-items: center;justify-content: space-between;}
		.head-box.head-box1 .header .logo>a{height: 0.9rem;display: flex;align-items: center;}
		.head-box.head-box1 .header .logo>img{width: auto;height: 18px;}
		.head-box.head-box1 .header .head-person{min-width: 2.84rem;font-size: .16rem}
		.head-box.head-box1 .header .head-person span:first-child{margin-right: .4rem;}
		.head-box.head-box1 .header .nav-box{display: flex;align-items: center;justify-content: flex-end;}
		.head-box.head-box1 .header .nav-box .nav{border-bottom: 4px solid transparent;margin-right: .6rem;width: .68rem;font-size: .16rem;height: 0.9rem;min-width: 60px;display: flex;align-items: center;justify-content: center;}
		.head-box.head-box1 .header .nav-box .nav.active{border-color: #ffb80f;}
		.head-box.head-box1 .header .nav-box .nav:hover{border-color: #ffb80f;}
		@media(max-width:1400px){
			.head-box.head-box1 .header .nav-box .nav{margin-right: .4rem;}
		}
	}
}

.wap-nav{display: none}
@media(max-width:1600px){
    .header{width: 1200px;margin: 0 auto; }
    .head-box.head-box2 .header{width: 1200px;margin: 0 auto; }
}
@media(max-width:1400px){
    .header .nav-box .nav{margin-right: 40px}
    .head-box.head-box2 .header .nav-box .nav{margin-right: 40px}
}
@media(max-width:1219px){
    .header{width:90%;}
    .header .logo img:nth-child(2){display: none}
    .header .head-person span:first-child{margin-right: 0}
    .header .nav-box{width: calc(100% - 400px);display: flex;justify-content: flex-end;}

    .head-box.head-box2 .header{width:90%;}
    .head-box.head-box2 .header .logo img:nth-child(2){display: none}
    .head-box.head-box2 .header .head-person span:first-child{margin-right: 0}
    .head-box.head-box2 .header .nav-box{width: calc(100% - 400px)}
    .wrap{width: 90%;}
}
@media(max-width:1024px){
    .header .nav-box .nav{margin-right: 20px}
    .head-box.head-box2 .header .nav-box .nav{margin-right: 20px}
}
@media(max-width:980px){
    .header .nav-box .nav{margin-right: 10px}
    .head-box.head-box2 .header .nav-box .nav{margin-right: 0px}
}
@media(max-width:805px){
	.head-box.head-box2 .header .nav-box .nav{margin-right: 0px}
	.head-box.head-box1 .header .nav-box{width: calc(100% - 400px)}
	.header .nav-box .nav{min-width: 68px;}
}
@media(max-width:767px){
    .m-br{display:block}
	#fullPage{margin-top: 60px;margin-bottom: 70px;}
    .wrap{width: 96%;}
	.head-box.head-box1{width: 100%;}
    .header{position: relative;height: 100%!important;}
    .head-box{position: fixed;height: 60px;line-height: 60px;border-bottom: unset;left: 0;top: 0;background-color: #052559;}
    .header .logo img{max-height: 50px;width: 80px}
    .header .nav-box{width: 100%;display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap;line-height: 3}
    .header .head-person{position: absolute;top: 0; right:0 ;}
	.header .head-person .col-fff{color: #FFFFFF;}
    .header .nav-box .nav:hover{border-bottom: 2px solid #ffb80f; color: #ffb80f}
    .header .nav-box .nav.active{border-bottom:2px solid #ffb80f;color: #ffb80f}

    .head-box.head-box2 .header{position: relative}
    .head-box.head-box2{position: relative;height:unset;line-height:60px;border-bottom: unset}
    .head-box.head-box2 .header .logo img{max-height: 50px;width: 80px}
    .head-box.head-box2 .header .nav-box{width: 100%;display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap;line-height: 3}
   /* .head-box.head-box2 .header .head-person{position: absolute;top: 0; right:0 ;} */
    .head-box.head-box2 .header .nav-box .nav:hover{border-bottom: 2px solid #ffb80f; color: #ffb80f}
    .head-box.head-box2 .header .nav-box .nav.active{border-bottom:2px solid #ffb80f;color: #ffb80f}
	
	.header .nav-box{display: none!important;}
	.header .head-person{position: fixed;bottom: 0;left: 0;background:#77a7f3;width: 100%;float: none;margin: auto;padding: 6px 0;text-align: center;top: unset;right: unset;height: 42px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;color: #ffb80f;}
	.header .head-person .col-fff{color:  #ffffff!important;}
	.header .head-person span:nth-of-type(1){display: inline-block;margin-right: 20px!important;}
	.wap-nav{width: 5px;height: 100%;position: absolute;right: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;transition: all .4s ease 0s;z-index: 999999999999999;cursor: pointer;position: fixed;top: 0px;right: 0;display: block;}
	
	.wap-nav .nav{display: none;width: 300px;background: rgba(0,0,0,0.8);position: absolute;top: 0;right: 0;height: 100%;overflow: auto;}
	.wap-nav .nav ul{margin-top: 40px;}
	.wap-nav .nav ul li{line-height: 40px;text-indent: 30px;}
	.wap-nav .nav ul li a{color: #FFFFFF;font-size: 16px;}
	.wap-nav .menubtn{width: 23px;height: 18px;position: absolute;top: 22px;right: 12px;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;transition: all .4s ease 0s;z-index: 9999;}
	.wap-nav .menubtn span{display: block;width: 100%;height: 3px;margin-bottom: 3px;background-color: #fff!important;}
	
	.head-box.head-box2{background: #FFFFFF;position: fixed;height: 60px;}
    .foot p{line-height:22px}
    .foot .company{margin-bottom: 0;}
    .foot .company span{display:block;margin-top:5px}
	.foot.foot2{margin-bottom: 60px!important;height: 170px;padding-bottom: 80px;padding-top: 15px;}
	.wap-nav.head2 .menubtn span{background-color: #006ead!important;}
	
	.contact{margin-top: 60px;}
	.about{margin-top: 60px;}
	.template{margin-top: 60px;}
}
@media(max-width:420px) {
    .header .logo img{max-height: 35px}
    .header .nav-box .nav{width: 24%;margin: 0}
    .header .nav-box{line-height: 2}

    .head-box.head-box2 .header .logo img{max-height: 35px}
    .head-box.head-box2 .header .nav-box .nav{width: 24%;margin: 0}
    .head-box.head-box2 .header .nav-box{line-height: 2}

}
@media(max-width:360px) {
    .header .logo img{max-height:24px;position: relative;top: -2px}
    .header .nav-box{line-height: 1.4}

    .head-box.head-box2 .header .logo img{max-height:24px;position: relative;top: -2px}
    .head-box.head-box2 .header .nav-box{line-height: 1.4}
}