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;}
header.sb .nav>ul>li>a,header.sb .sousuo,header.sb .lisnj{transform: translateY(0);opacity: 1;}
.logo{transform: translateX(0px);opacity:1;transition: 0.8s ease-out .3s;display: inline-block;}
.logo img{width: 280px;}
.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: #000;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;}
.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);
}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;margin-right: 1vw;}
.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;}
.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;}
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;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:last-child:before{display: none}

.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);
}
.sousuo input[type=text]{width:9vw;height: 2.1vw;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{display: inline-block;vertical-align: top;position: relative;transition: 0.8s ease-out 1.1s;}
.sousuo button{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 23px;cursor: pointer;}

.sousuo a {font-size: 24px;color: #fff;}

.lisnj{display: inline-block;vertical-align: top;margin-right: 1vw;}
.lisnj a{display: inline-block;width: 30px;height: 30px;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/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(3){background: url(../images/h3.png) no-repeat center center #fff;}
.lisnj a  span{display: none;line-height: 30px;position: absolute;top: 30px;color: #fff;}
.lisnj a:hover span{display: block;}
.lisnj a:nth-child(2) span{line-height: 1;top: 60px;}
.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/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(3):hover{background: url(../images/ff2.png) no-repeat center center #fff;}

.lisnj a:nth-child(3){position: relative;}
.lisnj a:nth-child(3) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(3):hover img{display: block;}

.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;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;}
.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;}
.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;}
/*--pc header end--*/

/*--pc footer--*/
footer{background: #007d21;padding-top: 55px;position: relative;z-index: 9;}
.divBox{width: 75% !important;margin: 0 auto;}
footer .divBox{font-size: 0; padding-bottom: 25px;}
.footer{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{font-size: 14px;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;color: #FFFFFF;text-transform: uppercase;margin-top: 3px;}
.footer1_div1 .foot_fw { background: #f3f3f3;padding: 3px;color: #292929;margin-top: -1px;}
.foot_fw img{height: 18px;margin-left: 5px;position: relative;top: -1px;}
.footer_swiper{position: relative;display:inline-block;}
.footer_swiper img{ width: 60%;/*margin-top: 60px;*/transition: 0.3s ease-in-out;float:right;}
.footer_swiper p{color:#cacaca;float:right;}
.foot_sec{padding: 25px 0;border-top: 1px solid #cccccc;text-align:center;}
.foot_sec span{font-size: 12px;color: #cacaca;}
.foot_sec a{font-size: 12px;color: #cacaca;margin-left:10px;}
.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: #007d21;margin-right: 30px;}
.youqinglianjie{margin-top: 23px;text-align: left;width:80%;}
.youqinglianjie li{display: inline-block;vertical-align: top;color: #cacaca;margin-right: 15px;}
.youqinglianjie li a{color: #cacaca;}
.youqinglianjie li:hover a{color: #fff;}
.footer_swiperlogo{float:right;margin-top:-25px;width:15%;}

/*--pc footer end--*/

/*-----kefu-------*/
.cbl{width: 72px;position: fixed;right:4px;bottom:14%;z-index: 3333;}
.cbl li{margin-top: 0;transition: 0.4s ease-in-out;height: 73px;margin-bottom: 4px;background:#fff;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 72px;height:73px;text-align: center;box-sizing: border-box;font-size: 12px;color: #666;line-height: 72px;border: 1px solid #007d21;padding-top: 20px;}
.cbl li:nth-child(1) span{background: url(../images/xf-h1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2) span{background: url(../images/xf-h2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3) span{background: url(../images/xf-h3.png) no-repeat  center 10px;background-size: 34px auto;}
.cbl li:nth-child(4) span{background: url(../images/xf-h4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5) span{background: url(../images/xf-h5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:hover {background:#007d21;}
.cbl span:hover{color: #fff;}
.cbl li:nth-child(1):hover span{background: url(../images/xf-b1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2):hover span{background: url(../images/xf-b2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3):hover span{background: url(../images/xf-b3.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(4):hover span{background: url(../images/xf-b4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5):hover span{background: url(../images/xf-b5.png) no-repeat center 10px;background-size: 34px auto;}
/*--
.cbl li:nth-child(4){position: relative;}
.cbl li:nth-child(4) img{display: none;}
.cbl li:nth-child(4):hover img{display:block;position: absolute;width: 73px;top: 0;left: -73px;}
*/
  /*-- pc kefu end --*/
  /*-- mobile kefu --*/
.sj-kefu-xuanfukuang{display: none;}
/*自定义修改*/
/*header*/
.ykheader{position: relative;background: #fff;padding:0px;}
header.active3{padding:0px;background: #fff;    position: unset;}
.ykheader nav{background:#007d21;width: 100%;     text-align: center; height:auto;  }
.ykheader nav ul{width:75%;    text-align: center;}
.ykheader-top{width:75%;    margin: 0 auto;padding-top: 30px;height: 100px; box-sizing: unset;}
.ykheader-topleft{float:left;padding-right: 20px;   }
.ykheader-topleft2{float:left;    border-left: 3px solid #000000;  }
.ykheader-topleft2 h3{color:#007d21;font-size: 34px;font-weight: bold;    line-height: 45px;    padding: 0px 20px; }
.ykheader-topleft2 p{font-size: 20px;font-weight: bold; line-height: 30px;    padding: 0px 20px;    letter-spacing: 2px;    margin-top: 15px;    color: #000;}
.ykheader-topright{float:right;    line-height: 40px;}
.ykheader-topright-tel {margin-bottom: 10px;}
.ykheader-topright-tel img{width:20%;float: left;}
.ykheader-topright-tel p{font-weight: bold;
    color: #000;
    margin-top: auto;
    font-size: 20px;
}
.yknav ul>li{width:calc(100%/8);
    margin: auto;
    background: unset;
    border-radius: unset;
    }
.yknav ul>li:hover{
	padding:unset;
    margin: unset;
    background: unset;
    border-radius:unset;
 
}
.yknav ul>li:nth-child(8){
	margin-right:0px;
    }
.ykbav {
    width: 178px;
    left: auto;
        background: #007d21;
        height: auto !important;
        transform: none;
}
.ykbav:after{display: none;}
.ykbav ol {
    width: 100%;
    background: none;
        padding: 10px;
    line-height: 20px;
}
.ykbav ol li a {
    font-size: 14px;
    color: white;

}
.ykbav ol li {
    background: unset;
    border-radius:unset;
        padding: 0px;
    margin: 0px;
    

}
.ykbav ol li:hover{
    background: unset;
    border-radius:unset;
        padding: 0px;
    margin: 0px;
    

}
.ykbav ol li a:hover {
    font-size: 14px;
    color: white;

}
/*footer*/
.ykfooter{margin-right: -80px;    }
.ykfooterz img{    width: 60%;}
.ykfooterz{display: inline-block;width: 20%;}
.ykfooterz p{color:#cacaca;    line-height: 25px;margin-top: auto;font-size: 14px;}
.ykfooter1{width:20%;    width: 15%;}
.ykfooter dl{}
.ykfooter dl:nth-child(2) {
    width: 28%;
}
.footer dl:nth-child(2) dd {
    float: left;
       padding-right: 20px;
}
.pagination {
text-align: center;
}
.pagination a.cur{
	background:#007d21 !important;
}
.pagination a{
	float:none !important;
	display:inline-block !important;
}
.pagination p{
	float:none !important;
	display:inline-block !important;
}
.pagination a:hover{
	
	color: #007d21 !important;
    background: white;
    border: 1px #007d21 solid !important;
}
.pc{display:block;}
.wap{display:none;}
@media (max-width: 1200px) {
	.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:nth-child(1) span{background: url(../images/xf-b1.png) no-repeat center 13px #007d21;background-size: 35px auto;color: #fff;font-size: 12px}
}
/* kefu end */


@media only screen and (max-width:1550px) {
	.divBox{width: 85%;}
}
@media (min-width: 1400px) and (max-width: 1550px) {
	.nav ul li {margin-right: 20px;}
	.ykheader-top{width:85%;}
	.ykheader nav ul{width:85%;}
	
	.ykfooter{    margin-right: -150px;}
	.ykfooterz{width:25%;}
	.ykfooter1{float:right;}
	.footer_swiper img{width:90%;float:right;}
	.footer_swiper p {
		color: #cacaca;
		float: right;
		font-size: 16px;
	}
	.yknav ul>li {
		width: calc((100% - 160px)/8);
	}
}
@media (min-width: 1280px) and (max-width: 1399px) {
	.nav ul li {margin-right: 10px;}
	.yknav ul>li {
		width: calc((100% - 80px)/8);
	}
}


@media only screen and (max-width:1279px ) {
	/*--mobile header--*/
	header{line-height:58px;height: 60px;background:rgba(0,0,0,.75);position: fixed;padding: 0 10px;z-index: 222;}
	header.active .nav{transform: translateX(0);opacity: 1;left:0}
	header.active1 .mobile,header.active1 .logo{transform: translateX(0);opacity: 1;}
	.logo{margin-top: -4px;vertical-align: middle;}
	.logo img {width:200px;}
	.mobile{display: block;width: 49px;height: 45px;margin-top: 8px;}
	.mobile i:nth-child(1){margin-top: 11px;}
	.nav{position: fixed;top:60px;left:0%;margin:0;z-index: 3333;height: auto;background: rgba(0,0,0,.75);width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 35px;text-align: center;transform: translateX(-100%);transition: 0.5s ease-in-out;}	
	.nav ul{width: 100%;}
	.nav ul>li{width: 100%;border-bottom: 1px solid rgba(250,250,250,.5);box-sizing: border-box;margin-right: 0;transform: translateX(-200px);opacity: 0;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 35px;vertical-align: top;font-size: 14px;padding: 0;}
	.nav ul>li ol{display: none;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.nav .divBox{width: 95%;}
	.nav ul>li:nth-child(1){transition: 0.4s ease-in-out 0.4s;}
	.nav ul>li:nth-child(2){transition: 0.4s ease-in-out 0.5s;}
	.nav ul>li:nth-child(3){transition: 0.4s ease-in-out 0.6s;}
	.nav ul>li:nth-child(4){transition: 0.4s ease-in-out 0.7s;}
	.nav ul>li:nth-child(5){transition: 0.4s ease-in-out 0.8s;}
	.nav ul>li:nth-child(6){transition: 0.4s ease-in-out 0.9s;}
	.nav ul>li:nth-child(7){transition: 0.4s ease-in-out 1s;}
	.nav ul>li:nth-child(8){transition: 0.4s ease-in-out 1.1s;}
	.nav.active ul>li{transform: translateX(0);opacity: 1;}
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
	
	
}

@media only screen and (max-width:800px ) {
    /*--mobile footer--*/	
	footer{padding-top: 25px;}
	footer>.divBox{padding-bottom: 20px;}
	.footer{display: block;width: 100%;}	
	.footer dl{width: 33%;text-align: center; }
	.footer dl dt a{font-size: 14px;padding: 10px 0;}
	.footer dl dd a{padding: 0;font-size: 12px;}
	.footer1{width: 100%;margin-left: 0;display: inline-block;float:none;}
	.footer1_div1 span{font-size: 14px;}
	.foot_sec{ padding: 10px 0;}
	.foot_sec span{display: block;}
	.youqinglianjie li {margin-right: 7px;}
	.footer_swiperlogo{display:none !important;}
	.footer_swiper img{width:80%;}

	.pc{display:none;}
	.wap{display:block;}
	.ykheader-topleft2{display:none;}
	.ykheader-topright{display:none;}
	.ykheader-top {
		width: 75%;
		margin: 10px auto;
		padding-top: 0px;
		height: 60px;
		box-sizing: unset;
	}
	.ykheader-topleft {
		float: none;
		padding-right: 0px;
	}
	.ykfooterz {
		display: inline-block;
		width: 50%;
		float: none;
	}
	.footer1 {
		float: none;
	}
	.footer_swiper {
		position: relative;
		display: inline-block;
		width: 50%;
		float: left;
	}
	.footer_swiper img {
		width: 80%;
		float: right;
	}
	.footer_swiper p {
		color: #cacaca;
		float: right;
	}
	.ykdivbox .footer_swiperlogo img{width:40%;}
	.ykfooter dl:nth-child(2){
		width: 30%;
	}
	/*-- end mobile footer--*/
}

@media (max-width: 1280px) and (min-width: 801px){
body{min-width: 1280px;}
}
@media (max-width: 750px) {
	.ykheader-top{padding-top: 10px;width:100%;}
	.ykheader-topleft{width:100%;line-height: 20px;}
	.ykheader-topleft img{max-width:70% !important;}
	.ykheader-topleft .mobile {

    margin-top: -4px;
}
.ykheader-topleft2{display: none;}
.ykheader-topright{display: none;}
.ykproductx li:nth-child(3){display: none;}
.ykproductx li:nth-child(4){display: none;}
.ykfooterz {
    display: inline-block;
    width: 90%;
    margin-top: 10px;
        text-align: left;
}
.yksjyc{display: none !important;}
.ykdivbox{width:90% !important;}
.divBox{width:98% !important;}
footer {
    padding-top: 10px;
}
footer>.divBox {
    padding-bottom: 20px;
    text-align: center;
}
.ej_banner{}
}