﻿.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: 10000;background: rgba(0,0,0,.4);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;margin-right: 100px;}
.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: 73px;top: 0;left: -73px;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:210px;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 button{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 23px;cursor: pointer;}
.lisnj{display: inline-block;vertical-align: top;margin-left: 50px;}
.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{display: inline-block;width: 320px;}
.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: 245px;}
.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: #292929;padding-top: 55px;position: relative;z-index: 9;}
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: #fff;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: #cacaca;padding: 3px 0;display: inline-block;}
.footer dl dd a:hover{color: #FFFFFF;}


.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;margin-top: 5px;}
.footer1_div1 span{display: inline-block;font-size: 14px;color: #FFFFFF;vertical-align: middle;margin-left: 15px;}
.footer1_div1 font{float: right;font-size: 12px;color: #FFFFFF;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{ 
    float: right;
    width: 230px;
    margin-top: 60px;
}
.footer_swiper img:hover{

}


.foot_sec{padding: 25px 0;border-top: 1px solid #cccccc;}
.foot_sec span{font-size: 12px;color: #cacaca;}
.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;}
footer>.divBox{padding-bottom: 30px;}


/*.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #bc1717;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 #bc1717;}
.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 #bc1717;border-radius: 50%;}
.cbl li:nth-child(2):hover span{background: url(../images/dd4.png) no-repeat center center #bc1717;border-radius: 50%;}
.cbl li:nth-child(3):hover span{background: url(../images/sc2.png) no-repeat center center #bc1717;border-radius: 50%;}
.cbl li:nth-child(4):hover span{background: url(../images/ff4.png) no-repeat center center #bc1717;border-radius: 50%;}
.cbl li:nth-child(5):hover span{background: url(../images/ee4.png) no-repeat center center #bc1717;border-radius: 50%;}*/
/*新加的-悬浮框*/
.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #bc1717;margin-right: 30px;}
.cbl{width: 72px;position: fixed;right:4px;bottom:14%;z-index: 3333;}  /*-------------------------------------------------------   right改为4px 原为0px  原bottom  10% ----------------------------------------------------*/
.cbl li{margin-top: 0;transition: 0.4s ease-in-out;height: 73px;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 72px;height:73px;text-align: center;background:#fff;box-sizing: border-box;
font-size: 12px;color: white;line-height: 72px;border: 1px solid #bc1717;}
.cbl span i{display: block;font-size: 40px;color: white;}
.cbl span p{}

.cbl li{margin-bottom: 4px;}   /*------------------------------------------------------------------------------------- 悬浮框上下间距(新增)    48行有改动  ------------------------------------------------------*/
.cbl li span{display: inline-block;padding-top: 20px;}  /*--------------------------------------------------------------------------- 文字的位置(新增)  以下直接复制 -----------------------------------------------------*/
.cbl li:nth-child(1) span{background: url(../images/xf-h1.png) no-repeat center 10px #fff;background-size: 34px auto;color: #666666;font-size: 12px}
.cbl li:nth-child(2) span{background: url(../images/xf-h2.png) no-repeat center 10px #fff;background-size: 34px auto;color: #666666;font-size: 12px}
.cbl li:nth-child(3) span{background: url(../images/xf-h3.png) no-repeat  center 10px #fff;background-size: 34px auto;color: #666666;font-size: 12px}
.cbl li:nth-child(4) span{background: url(../images/xf-h4.png) no-repeat center 10px #fff;background-size: 34px auto;color: #666666;font-size: 12px}
.cbl li:nth-child(5) span{background: url(../images/xf-h5.png) no-repeat center 10px #fff;background-size: 34px auto;color: #666666;font-size: 12px}
.cbl li:nth-child(1):hover span{background: url(../images/xf-b1.png) no-repeat center 10px #bc1717;background-size: 34px auto;color: #fff;font-size: 12px}
.cbl li:nth-child(2):hover span{background: url(../images/xf-b2.png) no-repeat center 10px #bc1717;background-size: 34px auto;color: #fff;font-size: 12px}
.cbl li:nth-child(3):hover span{background: url(../images/xf-b3.png) no-repeat center 10px #bc1717;background-size: 34px auto;color: #fff;font-size: 12px}
.cbl li:nth-child(4):hover span{background: url(../images/xf-b4.png) no-repeat center 10px #bc1717;background-size: 34px auto;color: #fff;font-size: 12px}
.cbl li:nth-child(5):hover span{background: url(../images/xf-b5.png) no-repeat center 10px #bc1717;background-size: 34px auto;color: #fff;font-size: 12px}
/*------------------------- 复制到这里结束   ---------------------------------*/

/*--------------------   手机客服悬浮  --------------------------------*/
.sj-kefu-xuanfukuang{
	display: none;
}
@media (max-width: 1280px) {
	.sj-kefu-xuanfukuang{
		display: block;
		width: 60px;position: fixed;right:0;bottom:18%;z-index: 3333;
	}
	.sj-kefu-xuanfukuang li{margin-top: 0;transition: 0.4s ease-in-out;height: 60px;}
	.sj-kefu-xuanfukuang span{       transition: 0.4s ease-in-out;
		display: inline-block;
		width: 60px;
		height: 60px;
		padding-top: 45px;
		text-align: center;
		background: #fff;
		box-sizing: border-box;
		font-size: 12px;
		color: white;
		border-radius: 30px;
		border: 1px solid rgba(188, 23, 23, 0.5);
	}
	.sj-kefu-xuanfukuang li{margin-top: 0;transition: 0.4s ease-in-out;height: 60px;}
	.sj-kefu-xuanfukuang li:nth-child(1) span{background: url(../images/xf-b1.png) no-repeat center 13px #bc1717;background-size: 35px auto;color: #fff;font-size: 12px}
}


/*end新加的-悬浮框*/


.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;}
.lisnj span{font-size: 24px;color: #fff;}


.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;text-align: left}
.youqinglianjie li{display: inline-block;vertical-align: top;font-size: 14px;color: #cacaca;margin-right: 15px;}
.youqinglianjie li a{font-size: 14px;color: #cacaca;}
.youqinglianjie li:hover a{color: #fff;}



@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: 180px;height: 32px;}
	.logo img{width: 266px;}
	.footer dl dd a{font-size: 13px;}
}