







.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,

.section7 .swiper-slide img,.s7_qh .swiper-button-prev,.s7_qh .swiper-button-next{

	transition: all .8s cubic-bezier(.35,.75,.55,1);

	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);

	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1);

}



input:-moz-placeholder,

textarea:-moz-placeholder { 

    color: c8c8c8;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder { 

		color: c8c8c8;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder { 

		color: c8c8c8;

}





header{font-size: 0;box-sizing: border-box;}





.logo{display: inline-block;vertical-align: middle;width: 25%;}

.logo a{display: inline-block;vertical-align: middle;}

.logo img{max-width: 100%;}

.nav{display: inline-block;position: relative;vertical-align: middle;text-align: right;width: 75%;box-sizing: border-box;}

.nav ul{font-size: 0;}

.nav ul li{display: inline-block;box-sizing: border-box;}

.nav ul li a{font-size: 16px;color: #615c5c;display: inline-block;vertical-align: middle;line-height: 130px;padding:0 40px;position: relative;}

.nav ul li a:hover,.nav ul li.ac a,.nav ul li a.ac{color: #fc9703;}
.nav ul li:last-of-type a{padding: 0;}
.nav ul li:last-of-type a:last-of-type{padding-right: 15px;}
.nav ul,.nav form{display: inline-block;vertical-align: middle;}

.nav form{border-bottom: 2px solid #e7e7e7;}

.nav form input{border: none;outline: none;}

.nav form button{font-size: 20px;color: #a3a3a3;}

.nav form button:hover{color: #db6927;}







footer{position: relative;}

.ft{padding: 90px 0;position: relative;font-size: 0;background: #f0f0f0;}

.ft1,.ft2,.ft3,.ft4{display: inline-block;vertical-align: top;width: 25%;}

.ft1 img{display: block;max-width: 90%;margin-top: -10px;}

.ft1 a{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #cecece;border-radius: 50%;font-size: 20px;

	color: #cecece;margin-right: 16px;margin-top: 30px;

}

.ft1 a:hover{background: #db6927;color: #fff;border: 1px solid #db6927;}

.ft2 ul{font-size: 0;}

.ft2 ul li{display: inline-block;vertical-align: middle;width: 33.33%;text-align: left;margin-bottom: 40px;}

.ft2 ul li a{font-size: 16px;color: #333333;}

.ft2 ul li a:hover{color: #db6927;}

.ft3dh{margin-bottom: 30px;}

.ft3dh span,.ft3dh h2{display: inline-block;vertical-align: middle;}

.ft3dh span{font-size: 40px;color: #db6927;margin-right: 15px;}

.ft3dh h2{font-size: 0;}

.ft3dh h2 strong,.ft3dh h2 i{display: inline-block;vertical-align: middle;font-size: 16px;color: #db6927;line-height: 24px;font-weight: bold;}

.ft3dh h2 strong{margin-right: 5px;}

.ft3dh h2 strong:first-of-type{margin-right: 14px;}

.ft3 p{font-size: 14px;color: #636363;}

.ft4{font-size: 0;text-align: right;}

.ft4_l,.ft4_r{display: inline-block;vertical-align: middle;}

.ft4_l span{font-size: 40px;color: #d6d6d6;}

.ft4_l p{font-size: 14px;color: #636363;}

.ft4_l{margin-right: 30px;text-align: center;}

.ft4_r img{display: inline-block;vertical-align: top;border: 1px solid #e6e6e6;padding: 6px;}

.ft4_r img:first-of-type{margin-right: 12px;}

.fhdb{position: absolute;right: 0;top: 30%;width: 62px;text-align: center;padding: 30px 0;background: #cccccc;cursor: pointer;}

.fhdb p{font-size: 20px;color: #fff;}

.fhdb:hover{background: #db6927;}

.fb{background: #db6927;font-size: 0;}

.fb p{display: inline-block;vertical-align: middle;width: 50%;}

.fb p:last-of-type{text-align: right;}

.fb p,.fb p a{font-size: 14px;color: #fff;line-height: 65px;}











.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 69px;top: 50%;transform: translateY(-50%);

    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}

.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #db6927;margin-top: 7px;border-radius: 5px;}

.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}

.mobile i:nth-child(2){transition: 0.4s ease-in-out;}

.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}

.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(5px);}

.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}

.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-8px) translateX(8px);}











