.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: 15px 50px;line-height: 70px;transition: 0.3s ease-out;}
header.active3{background: rgba(0,0,0,.4);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;}
.sousuo{display: inline-block;vertical-align: top;}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;}
.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;margin-right: 35px;line-height: 70px;}

.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;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);}
.nav ul>li>ul>li>a:after{content: '';display: block;width: 0;position: absolute;opacity:0;width: 100%;height: 0;background: white;bottom: -6px;
transform: scaleX(0);transition: 0.5s ease-in-out;}

.cbl li:nth-child(4){position: relative;}
.cbl li:nth-child(4) img{position: absolute;width: 80px;top: 0;left: -80px;display: none;}
.cbl li:nth-child(4):hover img{display:block;}
/*.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-radius: 15px;}
.sousuo{position: relative;}
.sousuo font{display: block;position: absolute;right: 10px;font-size: 25px;color: white;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;}
.lisnj a:nth-child(2){background: url(../images/h1.png) no-repeat center center #fff;}
.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):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;width: 150px;}
.logo img:nth-child(1){display: none;}
.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;}
.bav_list{width: 100%;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: auto;}
.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: 30%;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: 80%;/* border: 1px solid #eae8e8;*/}
.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: #282a36;padding: 50px 0 0;}
.container{width: 75%;position: relative;margin: 0 auto;font-size: 0;}
.f_left{float: left;width: 45%;}
.f_nav {margin-top: 25px;}
.f_nav a{display: inline-block;line-height: 10px;border-right:1px solid rgba(255,255,255,.1);padding: 0 13px;color:rgba(255,255,255,.5)}
.f_nav a:last-child{border-right: 0;}
.f_nav a:first-child{padding-left: 0;}
.f_nav a:hover{color:#fff}
.f_center{float: left;}
.f_center p{line-height: 40px;font-size: 16px;color:rgba(255,255,255,.8)}
.f_center p font{display: inline-block;margin-right: 10px;vertical-align: middle;}
.f_center p font img{width: 20px;margin-top: -8px;}
.f_right{float: right;text-align: center;}
.f_right p{color:#fff; margin-top:5px;}
.bq{margin-top: 20px;border-top: 1px solid rgba(255,255,255,.1);padding: 30px 0;}
.bq p{float: left;color:rgba(255,255,255,.5);margin-right: 8px;}


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;}
.logo{transform: translateX(-100px);opacity: 0;transition: 0.8s ease-out .3s;display: inline-block;}


.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;}
.sousuo{transition: 0.8s ease-out 1.1s;}
.lisnj{transition: 0.8s ease-out 1.2s;}

.youqinglianjie{margin-top: 30px; margin-left:auto; margin-right:auto; width:75%;}
.youqinglianjie li{display: inline-block;vertical-align: top;font-size: 14px;color: rgba(255,255,255,.5);margin-right: 15px; line-height:30px;}
.youqinglianjie li a{font-size: 14px;color:rgba(255,255,255,.5);}
.youqinglianjie li:hover a{color: #fff;}

@media only screen and (max-width: 1550px) {
    .container{width: 95%;}
	.youqinglianjie{margin-top: 20px; margin-left:auto; margin-right:auto; width:95%;}
}

@media screen and (min-width: 958px) and (max-width: 1200px) {/* 平板 */
.container{width: 95%;}
.f_left {width: 48%;}
.f_nav a{ padding:0 8px;}
.f_nav a:first-child{ font-size:12px;}
.f_center p{ font-size:14px;}
.f_center p font img {width: 18px;margin-top: -6px;}
.youqinglianjie{margin-top: 20px; margin-left:auto; margin-right:auto; width:95%;}
}
@media (max-width: 957px) {/* 手机 */
footer{ padding:10px 0;}
.container {width: 100%;box-sizing: border-box;}
.f_left {float: none;width: 100%; text-align: center;}
.f_left a img{ width:80%;}
.f_nav { display: none;}
.f_center { float: none; width: 100%; margin-top: 20px;text-align: center;}
.f_center p {font-size: 12px; line-height: 24px; margin-bottom: 12px;}
.f_right { float: none; width: 100%;}
.bq {margin-top: 30px;padding: 10px 0; width:95%; margin-left:auto; margin-right:auto;}
.bq p {line-height: 24px;font-size: 12px;text-align: center;}
.youqinglianjie{margin-top: 20px; margin-left:auto; margin-right:auto; width:95%;}
.sousou1{width:48%; margin:0 3%;}
.sousou2{width:20%;}
.sousou3{width:20%; }
}


@media (max-width: 767px) {/* 手机 */
.sousou1{width:35%; margin:0 1%;}
.sousou2{width:30%; margin-right:1%}
.sousou3{width:25%;}
}


@media only screen and (max-width:1660px) {
	.footer dl dd a{font-size: 14px;}
}
@media only screen and (max-width:1550px) {
	.divBox{width: 85%;}
	.nav ul>li{margin-right: 25px;}
	.sousuo input[type=text]{width: 220px;height: 32px;}
	.logo img{width: 66px;}
	.footer dl dd a{font-size: 13px;}
}