.sousuo input::-webkit-input-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important;}
.sousuo input::-ms-input-placeholder {color: #fff !important;}
.sousuo input[type=text]{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.nav{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}

header{position: absolute;top: 0;width: 100%;z-index: 3;box-sizing: border-box;padding: 5px 50px;line-height: 70px;transition: 0.3s ease-out;background: rgba(0, 0, 0, .5);}
header.active3{background: rgba(0,0,0,.7);position: fixed;padding: 5px 50px;}

.mobile{display:none;float: right;margin-top: 20px;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box;
padding-top: 2px;transition: 0.4s ease-in-out;}
.mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background: #fff;margin-top: 5px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:16px}
.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(6px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);}


.nav{display: inline-block;float: right;width: 74%;}
.sousuo{display: inline-block;vertical-align: top;}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;width:80%;}
.nav ul li a{font-size: 15px;color:#333;}
.nav ul li a:hover{color: #fff;}
.nav ul>li{display: inline-block;vertical-align: top;text-align: center;width: auto;padding: 0;width: 12%;position: relative;}
/* .nav ul>li:after{
	content: "";
    position: absolute;
    right: 0;
    top: 25px;
    color: #fff;
    display: block;
    background: #fff;
    width: 2px;
    transform: rotate3d(1, 1, 1, 45deg);
    height: 0px;
    opacity: 0;
} */
.nav ul>li:last-child:after{content: none;}
.lisnj a:nth-child(4){position: relative;}
.lisnj a:nth-child(4) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(4):hover img{display: block;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 12px;position: relative;border-bottom:1px solid transparent;font-size: 16px;
color: white;transform: translateY(3px);position: relative;}
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;width: 0;position: absolute;opacity:0;width: 100%;height: 2px;background: white;bottom: -6px;
transform: scaleX(0);transition: 0.5s ease-in-out;}
.nav ul>li:hover>a:after,.nav ul>li.active>a:after{opacity: 1;transform: scaleX(1);}
.cbl li a{position: relative;z-index: 4;}
.cbl li:nth-child(1){position: relative;}
.cbl li:nth-child(1) p{	
	position: absolute;
    width: 140px;
    top: 0;
    left: -144px;
    visibility: hidden;
    opacity: 0;
    transition: 1s ease;
    transform: translateX(130px);
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #f2b767;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 4px;
    z-index: 2;
}
.cbl li:nth-child(1):hover p{	
	visibility: initial;
    opacity: 1;
    transform: translateX(0px);
}
.cbl li:nth-child(2){position: relative;}
.cbl li:nth-child(2) img{
	position: absolute;
    width: 80px;
    top: 0;
    left: -84px;
    visibility: hidden;
    opacity: 0;
    transition: 1s ease;
    transform: translateX(130px);
    z-index: 2;
}

.cbl li:nth-child(2):hover img{
	visibility: initial;
    opacity: 1;
    transform: translateX(0px);
}
/*.nav ul>li.active>a{border-bottom:1px solid white;}*/
.nav ul>li:last-child:before{display: none}

/* .cbl li:nth-child(3){
	display: none
} */
.sousuo input[type=text]{width:240px;height: 38px;border: 1px solid rgba(250,250,250,.8);background: transparent;box-sizing: border-box;padding: 0 15px;
color: white;font-size: 15px;outline: none;}
.sousuo input[type=text]:focus{border-color: #f2b767;}
.sousuo{position: relative;}
.sousuo font{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 3px;cursor: pointer;}
.lisnj{display: inline-block;vertical-align: top;margin-left: 25px;}
.lisnj a{display: inline-block;width: 31px;height: 31px;margin-left: 0px;vertical-align: middle;border-radius: 50%;}
.lisnj a:nth-child(1){background: url(../images/h2.png) no-repeat center center #fff;position: relative;}
.lisnj a:nth-child(2){background: url(../images/h1.png) no-repeat center center #fff;position: relative;}
.lisnj a:nth-child(4){background: url(../images/h3.png) no-repeat center center #fff;}
.lisnj a:nth-child(3){background: url(../images/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}

.lisnj a:nth-child(1) span{display: none;line-height: 30px;position: absolute;top: 30px;color: #fff;}
.lisnj a:nth-child(1):hover span{display: block;}
.lisnj a:nth-child(2) span{display: none;line-height: 30px;position: absolute;top: 30px;color: #fff;}
.lisnj a:nth-child(2):hover span{display: block;}

.lisnj a:nth-child(1):hover{background: url(../images/cc1.png) no-repeat center center #fff;}
.lisnj a:nth-child(2):hover{background: url(../images/dd1.png) no-repeat center center #fff;}
.lisnj a:nth-child(4):hover{background: url(../images/ff2.png) no-repeat center center #fff;}
.lisnj a:nth-child(3):hover{background: url(../images/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.divBox{width: 75%;margin: 0 auto;}
.logo img:nth-child(2){display: inline-block;}
.logo img:nth-child(1){display: none;}
.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;}
.bav_list{line-height: 35px;transform:translateY(50px);opacity: 0;z-index: -1;height: 0 ;overflow: hidden;transition: 0.4s ease-in;}
.nav ul>li:hover .bav_list{transform: translateY(0);opacity: 1;z-index: 1;height: 130px;}
.langgus{display: inline-block;margin-left: 15px;transform: translateY(100px);opacity: 0;    transition: 0.8s ease-out 1.3s;}
.langgus a{font-size: 15px;color: white;}
header.sb .langgus{transform: translateY(0);opacity: 1;}
.bav_list ol{display: inline-block;vertical-align: middle;width: 100%;padding: 30px;box-sizing: border-box;background: #f8f8f8;height: auto;position: relative;z-index: 2;}
.bav_list ol li{border-bottom: 1px solid #f1f1f1;position: relative;}
.bav_list ol li:last-child{border: none;}
.bav_list ol li a{font-size: 14px;color: gray;}
.bav_list ol li:hover a{color: #000;}
.bav_list ol li i{display: inline-block;position: absolute;font-size: 13px;left: 9px;color: transparent;transition: 0.3s ease-in-out;}
.bav_list ol li:hover i{color: gray;}
.bav_list:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;background: #f8f8f8;}

.bav_list dl{display: inline-block;vertical-align: middle;padding: 20px 0;text-align: center;width: 70%;}
.bav_list dl span{display: block;}
.bav_list dl span img{max-width: 55%;}
.bav_list dl dd{display: none;}
.bav_list dl dd p{font-size: 14px;color: #666666;}
.bav_list dl dd p font{font-size: 12px;color: gray;}

footer{background: #272727;}
footer .divBox{font-size: 0;}
.footer{font-size: 0;width: 68%;display: inline-block;vertical-align: top;}
.footer dl{display: inline-block;vertical-align: top;width: 14%;}
.footer dl dt a{padding: 15px 0;display: inline-block;font-size: 15px;color: #333;position: relative;}
.footer dl dt{border-bottom: 1px solid #cdcdcd;margin-bottom: 10px;}
.footer dl dt a:after{content: '';display: block;width: 100%;height: 2px;background: #aeaeae;position: absolute;bottom: 0;left: 0;opacity: 0;transition: 0.3s ease-in-out;}
.footer dl dt:hover a:after{opacity: 1;}
.footer dl dd a{font-size: 14px;color: #535353;padding: 3px 0;display: inline-block;}
.footer dl dd a:hover{color: #000;}


.footer1{display: inline-block;vertical-align: top;width: 30%;margin-left: 2%;}
.footer1_div1{box-sizing: border-box;border: 1px solid #b6b6b6;padding: 10px 20px;}
.footer1_div1 span{display: inline-block;font-size: 14px;color: #333;vertical-align: middle;margin-left: 15px;}
.footer1_div1 font{float: right;font-size: 12px;color: #909090;text-transform: uppercase;margin-top: 3px;}
.footer_swiper img{max-width: 70%;transition: 0.3s ease-in-out;}
.footer_swiper{margin-top: 16px;position: relative;}
.footer_swiper .swiper-pagination{position: static;text-align: center;margin-top: 20px;}
.footer_swiper .swiper-pagination span{background: #999999;opacity: 1;margin-left: 10px;position: relative;}
.footer_swiper .swiper-pagination span:first-child{margin-left: 0;}
.footer_swiper .swiper-pagination span:after{content:'';width: 12px;height: 12px;border-radius: 50%;border: 1px solid #999;position: absolute;left: -3px;top: -3px;
opacity: 0;}
.footer_swiper .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}
.footer_swiper .swiper-slide{line-height: 63px;}

.footer_swiper img{ 

}
.footer_swiper img:hover{

}


.foot_sec{padding: 25px 0;    background: #111111;text-align: center;}
.foot_sec span{font-size: 12px;color: #999898;}
.foot_sec span a{font-size: 12px;color: #999898;}
.foot_sec span a:hover{color: #fff;}
.fotit{    margin-bottom: 20px;}
.fotit h6{font-size: 22px;color: #fff;text-transform: uppercase;}
.fotit p{font-size: 16px;color: #fff;margin: 10px 0 6px;}
.fotit em{width: 70px;height: 1px;display: block;background: #fff;}
.foot_sec .bdsharebuttonbox{display: inline-block;float: right;}
.foot_sec .bdshare-button-style0-16 a,.foot_sec  .bdshare-button-style0-16 .bds_more{width: 20px;height: 20px;padding: 0;opacity: 0.5;}
.foot_sec .bdshare-button-style0-16 a:nth-child(1){background: url(../images/weixin.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(2){background: url(../images/weibo.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(3){background: url(../images/qq.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a{margin:0;margin-right: 15px}
.foot_sec .bdshare-button-style0-16 a:last-child{margin-right: 0;}


.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #f2b767;margin-right: 30px;}
.cbl{width: 50px;position: fixed;right:0;bottom:10%;z-index: 3333;}
.cbl li{margin-top: 0px;transition: 0.4s ease-in-out;height: 51px;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 50px;height:50px;text-align: center;background:#fff;box-sizing: border-box;
font-size: 12px;color: white;line-height: 50px;border: 1px solid #f2b767;}
.cbl span i{display: block;font-size: 40px;color: white;}
.cbl span p{}
/* .cbl li:nth-child(1) span{background: url(../images/cc3.png) no-repeat center center #fff;}
.cbl li:nth-child(2) span{background: url(../images/dd3.png) no-repeat center center #fff;}
.cbl li:nth-child(2) span{background: url(../images/dd3.png) no-repeat center center #fff;}
.cbl li:nth-child(3) span{background: url(../images/sc1.png) no-repeat center center #fff;}

 */
/* .cbl li:nth-child(1):hover span{background: url(../images/cc4.png) no-repeat center center #f2b767;border-radius: 50%;}
.cbl li:nth-child(2):hover span{background: url(../images/dd4.png) no-repeat center center #f2b767;border-radius: 50%;}
.cbl li:nth-child(3):hover span{background: url(../images/sc2.png) no-repeat center center #f2b767;border-radius: 50%;}
 */
.cbl li:nth-child(1) span{background: url(../images/cc3.png) no-repeat center center #fff;}
.cbl li:nth-child(2) span{background: url(../images/ff3.png) no-repeat center center #fff;}
.cbl li:nth-child(3) span{background: url(../images/ee3.png) no-repeat center center #fff;}
.cbl li:nth-child(1):hover span{background: url(../images/cc4.png) no-repeat center center #f2b767;border-radius: 50%;}
.cbl li:nth-child(2):hover span{background: url(../images/ff4.png) no-repeat center center #f2b767;border-radius: 50%;}
.cbl li:nth-child(3):hover span{background: url(../images/ee4.png) no-repeat center center #f2b767;border-radius: 50%;}
.logo{transform: translateX(-100px);opacity: 0;transition: 0.8s ease-out .3s;display: inline-block;}
header.sb .logo{transform: translateX(0px);opacity:1;}
header.sb .nav>ul>li>a,header.sb .sousuo,header.sb .lisnj{transform: translateY(0);opacity: 1;}
.nav>ul>li>a,.sousuo,.lisnj{transform: translateY(100px);opacity: 0;}
header.sb .nav>ul>li:after{opacity: 1;height: 20px;}
.nav ul>li:nth-child(1):after{transition: 0.8s ease-out .3s;}
.nav ul>li:nth-child(2):after{transition: 0.8s ease-out .4s;}
.nav ul>li:nth-child(3):after{transition: 0.8s ease-out .5s;}
.nav ul>li:nth-child(4):after{transition: 0.8s ease-out .6s;}
.nav ul>li:nth-child(5):after{transition: 0.8s ease-out .7s;}
.nav ul>li:nth-child(6):after{transition: 0.8s ease-out .8s;}
.nav ul>li:nth-child(7):after{transition: 0.8s ease-out .9s;}
.nav ul>li:nth-child(8):after{transition: 0.8s ease-out 1s;}
.nav ul>li:nth-child(9):after{transition: 0.8s ease-out 1.1s;}
.nav>ul>li:nth-child(1)>a{transition: 0.8s ease-out .3s;}
.nav>ul>li:nth-child(2)>a{transition: 0.8s ease-out .4s;}
.nav>ul>li:nth-child(3)>a{transition: 0.8s ease-out .5s;}
.nav>ul>li:nth-child(4)>a{transition: 0.8s ease-out .6s;}
.nav>ul>li:nth-child(5)>a{transition: 0.8s ease-out .7s;}
.nav>ul>li:nth-child(6)>a{transition: 0.8s ease-out .8s;}
.nav>ul>li:nth-child(7)>a{transition: 0.8s ease-out .9s;}
.nav>ul>li:nth-child(8)>a{transition: 0.8s ease-out 1s;}
.nav>ul>li:nth-child(9)>a{transition: 0.8s ease-out 1.1s;}
.sousuo{transition: 0.8s ease-out 1.1s;}
.lisnj{transition: 0.8s ease-out 1.2s;     float: right;}
.lisnj img{display: inline-block;margin-right: 8px;}
.lisnj span{color: #f2b767;vertical-align: middle;font-size: 18px;}
.youqinglianjie{margin-top: 23px;}
.youqinglianjie li{display: inline-block;vertical-align: top;font-size: 14px;color: #333;margin-right: 15px;}
.youqinglianjie li a{font-size: 14px;color: #999;}
.youqinglianjie li:hover a{color: #333;}



@media only screen and (max-width:1660px) {
	.footer dl dd a{font-size: 14px;}
}
@media only screen and (max-width:1550px) {
	.divBox{width: 85%;}
	.sousuo input[type=text]{width: 220px;height: 32px;}
	.footer dl dd a{font-size: 13px;}
}


.fotter{overflow: hidden;padding: 4rem 0;}
.fotter_l{ float:left; width:35%; height:auto; margin-right: 4%;    border-right: 1px solid #aaaaaa;}
.fotter_l img{ display:block; max-width:100%; }
.fotter_l p{ line-height:27px; color:#ffffff; font-size:16px;}
.fotter_c{ float:left; width:27%; height:auto;border-right: 1px solid #aaaaaa;}
.fotter_l>p{ line-height:22px; overflow:hidden; clear:both; margin-bottom:18px;}
.fotter_l p span{ float:left; display:block; width:26px;}
.fotter_l p font{ float:right; display:block; width:calc(100% - 34px); color:#999; font-size:14px;}
.fotter_l p font a{color: #fff;}
.fotter_l p:last-child{ margin-bottom:0px;}
.fotter_r{ float:right; width:30%;}
.fotter_r textarea{
	outline-style: none;
    -webkit-appearance: none;
    resize: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
        height: 36px;
    line-height: 36px;
    margin-bottom: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}
.fotter_r input{
	outline-style: none;
    -webkit-appearance: none;
    resize: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
        height: 36px;
    line-height: 36px;
    margin-bottom: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}
.fotter_r button{
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #c58a62;
	color: #fff;
	font-size: 16px;
}
.fotter_r textarea::-webkit-input-placeholder{color: #999;}
.fotter_r input::-webkit-input-placeholder{color: #999;}
.fotter_r .code { padding-right: 144px; position: relative; }
.fotter_r .code #yzm { width:140px; max-height: 100%; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.fotter_r .code #verifyCanvas{width: 90px;    height: 36px;}
.fotter_r .refresh { width: 38px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/contacticon01.png) center no-repeat; }

@media(max-width:1440px){
.fotter{ width:100%; padding:0 60px; height:auto; margin:0 auto;}
.fotter_l{ float:left; width:26%; height:auto; padding-top:16px; margin-right:200px;}
.fotter_r{ float:right; width:23%;}
}
@media(max-width:1366px){
.fotter{ width:100%; padding:0 60px; height:auto; margin:0 auto;}
.fotter_l{ float:left; width:29%; height:auto; padding-top:16px; margin-right:160px;}
.fotter_r{ float:right; width:23%;}
.fotter_c{ float:left; width:29%; height:auto; padding-top:42px;}
}
@media(max-width:1280px){
.divBox{width: 90%;}
.fotter{ width:100%; padding:0 60px; height:auto; margin:0 auto;}
.fotter_l{ float:left; width:30%; height:auto; padding-top:16px; margin-right:100px;}
.fotter_r{ float:right; width:26%;}
.fotter_c{ float:left; width:29%; height:auto; padding-top:38px;}
}
@media(max-width:1024px){
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#252525; padding:40px 0 40px 0;}
.fotter{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.fotter_l{ float:left; width:100%; height:auto; padding-top:0px; margin-right:0px;}
.fotter_r{ float:right; width:40%;}
.fotter_c{ float:left; width:50%; height:auto; padding-top:10px;}
.fotter_l p{ line-height:27px; color:#ffffff; font-size:14px;}
.fotter_r dd p{ text-align:right; color:#bfbfbf; line-height:32px; font-size:14px;}
.fotter_l img{ display:block; max-width:25%; margin-bottom:15px;}
.fotter_r dd{ float:left; width:53%; text-align:right; padding-top:0px;}
.fotter_r dd h2{ font-size:20px; line-height:26px; color:#fff;}
.fotter_r dd h1{ color:#fff; font-size:16px; line-height:25px; margin-bottom:5px;}
.fotter_r dt img{ display:block; max-width:100%; height:54px; margin:0 auto;}

}
@media(max-width:414px){
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#252525; padding:40px 0 40px 0;}
.fotter{ width:100%; padding:0; height:auto; margin:0 auto;}
.fotter_l{ float:left; width:100%; height:auto; padding-top:0px; margin-right:0px; margin-bottom:20px;}
.fotter_r{ float:left; width:100%; margin-top:10px;}
.fotter_c{ float:left; width:100%; height:auto; padding-top:0;}
.fotter_l p{ line-height:27px; color:#ffffff; font-size:14px;        margin: 4px 0 5px}
.fotit h6{font-size: 18px;}
.fotter_l p span{width: 20px;}
.fotter_l img{ display:block; max-width:100%; margin-bottom:0px;}
.fotter_c p{ line-height:22px; overflow:hidden; clear:both; margin-bottom:10px;}
.fotter_r dd{ float:left; width:53%; text-align:left; padding-top:0px;}
.fotter_c p font{ float:right; display:block; width:89%; color:#fff; font-size:14px;}
.fotter_r dt img{ display:block; max-width:100%; height:55px; margin:0 auto;}
.fotter_r dd h1{ color:#fff; font-size:16px; line-height:16px; margin-bottom:10px;}
.fotter_r dd h1 img{ vertical-align:middle; margin-right:27px;}
.fotter_r dd p{ text-align:left; color:#bfbfbf; line-height:32px; font-size:14px;}
.fotter_r dd h2{ font-size:20px; line-height:32px; color:#fff;}

}