.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:30; box-sizing:border-box; padding:15px 10%; line-height:70px; transition:0.3s ease-out;}
header.active3{ background:rgba(0,0,0,.4); position:fixed; padding:5px 10%;}
header.active3 .nav.c333 ul li a{ color:#FFF;}
header.active3 .nav.c333 ul>li>a:after{ background:#FFF;}
header.active3 .nav.c333 .langgus a{ color:#FFF;}
header.active3 .bav_list ol li a{font-size:14px;color:gray !important;}
header.active3 .bav_list ol li:hover a{ color:#000 !important;}

.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;}

.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: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}


.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: #b3916c;}
.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;}
.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:1400px; margin:0 auto;}
.logo img:nth-child(2){ display:inline-block; width:158px;}
.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: 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:#2b2c2e;}
footer .divBox{ width:80%;}
.footer{ float:left; width: calc(25% - 1px); height:175px; padding:70px 0 0; border-right:1px solid #555556;}
.footer img{ float:left; width:140px;}
.footer li{ float:left; width: calc(100% - 150px); padding-left:10px;}
.footer li h3{ font-size:13px; color:#818181; line-height:15px;}
.footer li h2{ font-family:Impact; font-size:25px; color:#e2e2e2; line-height:40px;}
.footer li p{ font-size:13px; color:#818181;}


.foot_top{ width:100%; padding:17px 0; border-bottom:1px solid #555556;}
.foot_top .foot_a{ float:left;}
.foot_top .foot_a a{ display:inline-block; font-size:13px; color:#7f7e7e;}
.foot_top .foot_a span{ display:inline-block; font-size:14px; color:#7f7e7e; padding:0 23px;}
.foot_sec{ padding:20px 0; background-color:#1d1d1d;}
.foot_sec span{ font-size:12px;color:#777777;}
.foot_sec span a{ color:#777777; font-size:12px;}
.foot_sec span.sl{ float:left;}
.foot_sec span.sr{ float:right;}
.foot_top .bdsharebuttonbox{display: inline-block;float: right;}
.foot_top .bdshare-button-style0-16 a,.foot_sec  .bdshare-button-style0-16 .bds_more{width: 20px;height: 20px;padding: 0;opacity: 0.5;}
.foot_top .bdshare-button-style0-16 a:nth-child(1){background: url(../images/weixin.png) no-repeat center center;background-size: 100% 100%;}
.foot_top .bdshare-button-style0-16 a:nth-child(2){background: url(../images/weibo.png) no-repeat center center;background-size: 100% 100%;}
.foot_top .bdshare-button-style0-16 a:nth-child(3){background: url(../images/qq.png) no-repeat center center;background-size: 100% 100%;}
.foot_top .bdshare-button-style0-16 a{margin:0;margin-right: 15px}
.foot_top .bdshare-button-style0-16 a:last-child{margin-right: 0;}



.footer1{ float:left; width: calc(30% - 55px); height:175px; padding:70px 0 0 54px; border-right:1px solid #555556;}
.footer1 ul{ display:block; width:100%; height:auto;}
.footer1 ul li{ padding-left:30px; height:30px; line-height:30px; font-size:13px; color:#5b5b5b; background-position:left center; background-repeat:no-repeat;}



.foot_mess{ float:left; width: calc(45% - 54px); padding:70px 0 0 54px;}
.foot_mess p{ font-size:13px; color:#5b5b5b; line-height:30px;}
.foot_mess li{ width:100%; height:41px;}
.foot_mess li #submit{ float:right; display:block; width:62px; height:41px; text-align:center; line-height:41px; font-size:13px; color:#FFF; background-color:#38baea;}
.foot_mess li input{ float:left; color:#fff; width: calc(100% - 70px); height:41px; padding:0; padding:0 4px; background-color:#404040; border:none; outline:none;}



.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #b3916c;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 #b3916c;}
.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(4) span{background: url(../images/ff3.png) no-repeat center center #fff;}
.cbl li:nth-child(5) 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 #b3916c;border-radius: 50%;}
.cbl li:nth-child(2):hover span{background: url(../images/dd4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(3):hover span{background: url(../images/sc2.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(4):hover span{background: url(../images/ff4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(5):hover span{background: url(../images/ee4.png) no-repeat center center #b3916c;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;}


.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: 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;}