@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins.eot');
	src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Poppins.woff2') format('woff2'),
	url('../fonts/Poppins.woff') format('woff'),
	url('../fonts/Poppins.ttf') format('truetype'),
	url('../fonts/Poppins.svg#Poppins') format('svg');
	font-weight: normal;
	font-style: normal;
  }
body,td,th,input,textarea,select{
	font-family:'Poppins',Arial,Helvetica,sans-serif;
	color:#333;
}
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#aacd06;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1200px;margin:auto;}

.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}
body,html{height: 100%;}
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#aacd06;}

#headWrap{width: 100%;height:90px;position: fixed;left:0;top:30px; z-index: 99;transition: all .3s;}

#head{width: 100%;height:100%;max-width: 1500px;min-width: 1400px; box-sizing: border-box;background-color: #aacd06; transition: all .3s;margin: 0 auto;box-shadow: 0 10px 20px rgba(81,95,15,.3);}

#head .logo{float: left;width:18%; height:100%;text-align:center; background: #fff url(../images/hdimg2.png) no-repeat right top;overflow: hidden;box-sizing: border-box;}
#head .logo img{max-height:80%;vertical-align: middle;margin-top: 5px;transform: translateX(-10px);}
#head .menu{float: left;width: 60%;display: flex;justify-content: center;}
#head .menu li{display:inline-block; height: 90px;position: relative;padding: 0 .8vw;overflow: hidden;}
#head .menu li > a{display: block;cursor: pointer;font-size: 1.8rem; line-height: 90px; color: #fff;text-align: center;display:block;position: relative;padding:0 .5vw;}
#head .menu li > a:after{display: block;content: " ";width:0;height:3px; position: absolute;left:50%;bottom:2px;margin: auto;transition: all .2s;background-color:#fff;}
#head .menu li > a::before{display: block;content: " ";width:20px;height:23px; position: absolute;left:50%;bottom:-30px;margin-left:-10px;transition: all .6s;background:url(../images/menuimg1.png) no-repeat 0 0;opacity: 0;}

#head .menu li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .menu li > a:hover:before,#head .menu li.cur a:before{opacity:1;bottom:2px;}
#head .menu li.cur > a{transform: translateY(2px);}



#head .menu li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .hdfr{float: right; height: 100%; box-sizing: border-box;transition: all .3s;margin-right:30px;padding-top: 30px;padding-right:20px; position: relative;}
#head .hdfr .hdtel{display: block; font-size:1.8rem;font-weight: bold;color: #fff;padding-left:30px;white-space: nowrap;}
#head .hdfr .lan-cn{float: left;display: block;width: 28px;height:28px;text-align: center;color:#aacd06;font-weight: bold;line-height: 28px; background-color: #fff;border-radius: 30px;overflow: hidden;margin-top:2px;margin-right:15px;transition: all .3s;}
#head .hdfr .lan-cn:hover{transform: translateY(-2px);background-color:#97b807;color: #fff;}

#headWrap.on{top: 0;height:70px;}
#headWrap.on #head{max-width: 100%;}
#headWrap.on .logo{float: left;width:15%; }
#headWrap.on .menu{}
#headWrap.on .menu li{height: 70px;padding: 0 1vw;}
#headWrap.on .menu li > a{line-height: 70px;}
#headWrap.on .hdfr{padding-top:20px;}


.banner{width: 100%;height:700px;overflow: hidden;position: relative;z-index:70;}
.banner .swiper-banner{height: 100%;}
.banner .swiper-wrapper{z-index: inherit;}
.banner .swiper-slide{width: 100%;height:100%;overflow: hidden;position: relative;background-position: center top;background-size: cover;}
.banner .swiper-slide .ani{width:1400px; position: absolute;left:50%;top:42%;z-index: 9;margin-left: -700px;}
.swiper-pagination{ height: 34px;vertical-align: middle;}
.swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 7px !important;}
.swiper-pagination .swiper-pagination-bullet-active{position: relative;background: none;}
.swiper-pagination .swiper-pagination-bullet-active::before{display: block;content:" "; width: 17px !important;height: 34px!important; background:url(../images/bannerA.png) no-repeat 0 0;opacity: 1;position: absolute;left: 0;top:-7px;animation: xuanzhuan 1.2s;}
@keyframes xuanzhuan
{
from {transform: rotateY(0deg);}
to {transform: rotateY(360deg);}
}



.indmid{height: 75px;background-color:#aacd06;}
.indmid .wrap{height: 100%;display: flex;align-items:center;justify-content:space-between; background: url(../images/logo3.png) no-repeat 0 5px; }
.indmid .fl{width:50%;color: #fff;font-size:1.8rem;line-height: 100%;font-weight: lighter; padding-left:70px;box-sizing: border-box;}

#ind-search{width:40%;	height:45px;background-color:#fff;	overflow:hidden;}
	
#ind-search  input[type="text"]{
	float:left;
	height:45px;
	line-height:45px;
	width:80%;
	border:none;
	background-color:transparent;
	color:#666;
	font-size:1.4rem;
    text-indent: 20px;
	overflow:hidden;
	}
#ind-search input::-webkit-input-placeholder,#ind-search textarea::-webkit-input-placeholder { color: #ccc;	} 
#ind-search button{float:right;width:19%;height:45px; border:none;color:#fff;cursor:pointer;background-color: #778c13; transition: all .3s;overflow:hidden;}
#ind-search button span.iconfont{font-size: 2rem;}

.ind-tit{text-align: center;}
.ind-tit h3{font-size:3rem; color: #333;}
.ind-tit p{font-size:1.4rem; color: #999;}


.ind-pro{min-height: 400px;padding-top: 50px;padding-bottom: 40px;}
.probox{position: relative;padding-bottom:80px;margin-top:40px; overflow: hidden;}
.probox .swiper-pro .swiper-slide a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;}
.probox .swiper-pro .swiper-slide .img{width: 100%;position: relative;z-index: 9;transition: all .8s;transform:translateX(-8px);}
.probox .swiper-pro .swiper-slide .img img{max-width: 100%;}
.probox .swiper-pro .swiper-slide .name{text-align: center;font-size: 1.6rem;}
.probox .swiper-pro .swiper-slide .bg{width:80%;height: 80%;position: absolute;left:10%;top:0;z-index: 0;background-color: #aacd06;overflow: hidden;}
.probox .swiper-pro .swiper-slide .bg::before{display: block;content: " "; width:140%;height:100%;position: absolute;left:-20%;top:0;z-index:1;background:url(../images/indpro1.png) no-repeat 0 0;overflow: hidden;transition: all .8s;}

.probox .swiper-pro .swiper-slide:hover .bg::before{left:-30%;}
.probox .swiper-pro .swiper-slide:hover .img{transform:translateX(0px);}
.probox .swiper-pagination{}

.ind-about{background: url(../images/indabout1.jpg) no-repeat center top;padding-top: 50px;}
.ind-about .ab-box{ margin-top: 40px;}
.ind-about .ableft{width: 50%;float: left; height: 470px;color: #fff; background-color:#aacd06;box-sizing: border-box;padding:30px;overflow: hidden;}
.ind-about .abl-t h3{font-size: 1.8rem;font-weight: normal;}
.ind-about .abl-t p{margin-top: 10px;line-height: 180%;}
.ind-about .abl-f{border-top: 1px solid rgba(255,255,255,.7);margin-top: 25px;padding-top: 25px;display: flex;align-items:center;justify-content:space-between; }
.ind-about .abl-f dl{width:28.3%;padding-right: 5%; position: relative;}
.ind-about .abl-f dl::after{display: block;content: " ";height:20px;width: 1px;background-color: rgba(255,255,255,.5);position: absolute;right:30px;
top:30px;}
.ind-about .abl-f dl:last-child:after{display: none;}
.ind-about .abl-f dl dt{font-size:48px;height: 64px; color: #fff;font-weight: bold;}
.ind-about .ableft .more1{margin: 0;margin-top:30px; border: 1px solid #fff;}
.ind-about .ableft .more1::after{background-color:#d70011;}
.ind-about .ableft .more1:hover{color: #fff;border: 1px solid #d70011;}


.ind-about .appwrap{width: 50%;float: right;overflow: hidden;position: relative;margin-top:20px;padding-bottom:8px;}
.ind-about .appT{display: block;color: #fff;font-size: 1.6rem; padding: 10px 20px; position: absolute;right: -200px;bottom:30px;z-index:9;background-color: #aacd06;transition: all .3s;}
.ind-about .appwrap:hover .appT{right: 20px;}
.ind-about .swiper-app{position: relative;z-index: 8;}
.ind-about .appwrap .swiper-container-horizontal > .swiper-scrollbar{left:0;bottom: -5px;  width:100%;}
.ind-about .appwrap .swiper-scrollbar-drag{background:#aacd06;}


.ind-news{padding-bottom: 50px;margin-top: 60px;}
.ind-news .newslist{display: flex;justify-content: space-between;align-items:center;margin-top:40px;margin-bottom: 20px;}
.ind-news .newslist li{width:30%;}
.ind-news .newslist li a{display: block;}
.ind-news .newslist li a .img{width: 100%;}
.ind-news .newslist li a .img img{width: 100%;height:auto;}
.ind-news .newslist li a .con{margin-top: 15px;}
.ind-news .newslist li a .con h3{font-size: 1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ind-news .newslist li a .con p.t2{font-size: 1.2rem;color: #999;margin-top: 10px;}
.ind-news .newslist li a .con .date{font-size: 1.2rem;color:#aacd06;margin-top: 10px;}

.more1{display:block;width: 130px;height:36px;list-style:36px;color:#ddd; line-height: 40px; font-size: 1.4rem;border: 1px solid #ddd; border-radius:40px;margin:10px auto;position: relative;padding-left:20px; overflow: hidden;transition: all .3s;}
.more1::after{display:block;content: " ";width: 26px;height: 26px;position: absolute;right: 5px;top: 5px;z-index: 0;background-color:#aacd06; transition: all .3s;border-radius: 100%;}
.more1 > i{font-style: normal;position: relative;z-index: 9;}
.more1 span.iconfont{display: block; width: 26px;height: 26px;font-size: 1rem;text-align: center; line-height: 26px;color: #fff;position: absolute;right: 3px;top: 6px;z-index: 1; overflow: hidden;}
.more1:hover{color: #fff;border: 1px solid #aacd06;}
.more1:hover:after{width:200%;height:200%;right: -50%;top: -50%;}



.ft-contact{width: 100%;height: 140px;display: flex;justify-content: center;align-items:center;}
.ft-contact dl{width: 33.3%;height: 100%;background-color: #aacd06;overflow: hidden;box-sizing: border-box;padding: 0 1.5%;display: flex;justify-content: center;align-items:center; }
.ft-contact dl dt{display: inline-block;margin-right: 10px;}
.ft-contact dl dt span.iconfont{color: #fff;font-size:5rem;}
.ft-contact dl dd{display: inline-block;text-align: left;}
.ft-contact dl dd h3{font-size: 1.6rem;color: #fff;font-weight: normal;}
.ft-contact dl dd p{font-size: 1.4rem;color: #eaff89;}


.ft-contact dl:first-child{background-color: #94b301;}
.ft-contact dl:last-child{background-color: #b1d700;}




.foot{padding:20px 0; overflow: hidden;}
.foot .ftnav a{font-size:1.4rem;margin-right: 15px;color: #999;}
.foot .ftnav a:hover{color:#aacd06;}
.foot .copy{font-size:1.2rem;margin-top: 10px;color: #aaa;}
.ftlogo img{margin-top:0px;}

/*kefu TOP*/

#kefu{position:fixed;z-index:1001;right:0;bottom:185px;width:70px;height:240px;display: none;}
#kefu .kefu-box{position:relative;float:right;}
#kefu .clearfix:after{content:"";display:block;clear:both;}
#kefu .a{display:block;width:44px;height:44px;background:rgba(170,205,6,.8);margin-bottom:4px;cursor:pointer;outline:none;}
#kefu .a.active,
#kefu .a:hover{background:rgba(215,0,17,1);}
#kefu .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu_icon.png);background-repeat:no-repeat;}
#kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:0 0;}
#kefu .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
#kefu .a-qrcode .i{background-position:-44px 0;}
#kefu .a-cart .i{background-position:-88px 0;}
#kefu .a-top .i{background-position:-132px 0;}
#kefu .a-top{background:rgba(0,0,0,.8);}
#kefu .a-top:hover{background:rgba(0,0,0,1);}
#kefu .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
#kefu .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu_bg_arrow.png) no-repeat;right:-8px;top:31px;}
#kefu .d-service{top:0;}
#kefu .d-service-phone{top:34px;}
#kefu .d-qrcode{top:78px;}
#kefu .d .inner-box{padding:8px 22px 12px;}
#kefu .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
#kefu .d-service .d-service-item{border-bottom:none;}
#kefu .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
#kefu .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
#kefu .d-service-item:hover .i-qq{background-position:center 3px;}
#kefu .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu_con_icon02.png) no-repeat center center;display:block;}
#kefu .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text .number{font-family:Arial; color:#d0021c;}
#kefu .d-service-intro{padding-top:10px;}
#kefu .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
#kefu .d-service-intro i{background:url(../images/kefu_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
#kefu .d-qrcode{text-align:center; width:290px;}
#kefu .d-qrcode .inner-box{padding:20px 0;}
#kefu .d-qrcode .qrcode{ display:inline-block; width:110px;padding:0 9px; border-left:1px solid #eee;}
#kefu .d-qrcode .qrcode:first-child{ border:0 !important;}
#kefu .d-qrcode .qrcode>img{ width:100%; height:auto;}
#kefu .d-qrcode p{font-size:12px;color:#93959c;}