@charset "utf-8";
@import url('reset.css?v=0.023');
@import url('swiper-bundle.min.css?v=0.027');
@import url('font-awesome/css/font-awesome.min.css');
@font-face {
	font-family: 'SourceSansProLightIt';
	src: url('fonts/SourceSansPro-LightIt.otf');
	font-weight: normal;
	font-style: normal;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input,select,button,textarea{ font-family: Arial, Helvetica, sans-serif;}
body{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #231f20;}
a{background:transparent;text-decoration:none;color:#000}a:active,a:hover{outline:0}a:hover{text-decoration:none;}
.wrapper{width: 100%; max-width: 1325px;  margin: 0 auto;}
.wrapper-fluid{width: 100%; max-width: 1200px;  margin: 0 auto;}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pf{position: fixed; z-index: 1;}
.pz{position:relative;z-index: 1}
.pa{position:absolute;z-index: 1999}
.bz{box-sizing:border-box}
.b,.fb{font-weight:bold}
.i{font-style:italic}
.hidden{display:none !important}
.cb{clear:both}
.vs{overflow:visible !important}
.bai{ background:#FFFFFF;}
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.flexJc{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}
.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}
.flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;}
.ov{overflow: hidden;}
.transition,.transition *{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
table{border-collapse: collapse;}
table td{border: 1px solid #bbbbbc;}
.textCenter{text-align: center !important;}
.textRight{text-align: right;}
.db{display: block;}
.fr{float: right;}
.clear{clear: both;}
img{max-width: 100%;}
.w100{width: 100%;}
.fb{font-weight: bold !important;}
/*animation*/
.scaleImg{overflow: hidden;}
/*.scaleImg img{border-radius:15px;}*/
.scaleImg img,.scaleImg:hover img{transition: all 0.3s ease-in-out;}
.scaleImg:hover img{transform: scale(1.2);}
.textEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line6 {
    -webkit-line-clamp: 6;
}
.line5 {
    -webkit-line-clamp: 5;
}
.line4 {
    -webkit-line-clamp: 4;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line2 {
    -webkit-line-clamp: 2;
}
.line1 {
    -webkit-line-clamp: 1;
}
/*头部*/
header{ position:fixed; left:0; top:0; width:100%; height:100px; z-index: 999 !important; background:#FFFFFF; transition: all .25s ease-in-out;}
.logo{ width:160px; padding:5px 0;}
.head-menu-item{position:relative;}
.head-menu-item a.nav-link{ font-size: 15px; line-height:100px; height:100px; padding-right:35px; font-weight:bold; text-transform:uppercase; }
.head-menu-item:hover a.nav-link,.head-menu-item.active a.nav-link{ color:#a3d08f;} 
.head-menu-item .nav-link .sub-arrow{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: 4px;
    border-top: 5px #000000 solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.menu_down{
	display: none;
	position: absolute;
	left: 0;
	top:70px;
	z-index: 9;
	width: 250px;
	background: rgba(255,255,255,.89); 
	border:#CCCCCC solid 1px;
	/*transform: skewX(20deg);*/
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.menu_down .menu_item{ 
    position:relative;
}
.menu_down a{
	width: 100%;
	line-height: 24px;
	padding: 7px 5px 7px 15px; 
	font-size: 14px; 
	transition: all 0.3s ease-in-out;
}
.menu_down .menu_item:hover a.first,.menu_two_down a:hover{
	color:#a3d08f; 
	padding-left:25px;
}
.menu_two_down{
    display:none;
    position: absolute;
	left: 100%;
	top:0;
	z-index: 9;
	width: 250px;
	background: rgba(255,255,255,.89); 
	border:#CCCCCC solid 1px;
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.menu_two_down a{
	width: 100%; 
	display:block;
	line-height: 24px;
	padding: 7px 15px; 
	font-size: 14px; 
	transition: all 0.3s ease-in-out;
}

.head-menu-search{ position:relative; line-height:100px; height:100px; width:25px; text-align:right;}
.head-menu-search i{cursor:pointer; font-size:18px; }
.index-search{
    display: none;
	position: absolute;
	right:0;
	top:100px;
	z-index: 9;
	width: 350px; 
	background:rgba(255,255,255,.89);
	padding: 15px 20px; 
	line-height:35px;
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.index-search.active{
    display:block;
}
.index-search-input{width:calc(100% - 47px); height:35px; }
.search-ips{border-radius:10px 0 0 10px; border:#dddddd solid 1px; width:100%; height:35px; font-size:14px; line-height:30px; padding:0 10px 0 15px;}
.index-search-bth{height:35px; line-height:30px;}
.isearch-bth{ border:none; background:#333 url(../images/search.png?v=0.02) 15px center no-repeat; color:#FFFFFF; padding:0 15px 0 32px;; border-radius:0 10px 10px  0; height:35px; line-height:30px; font-size:16px; letter-spacing:2px; width:45px;}
.m-navbth{display: none;}
.nav_box {
    background: #83b96b;
    width: 100%;
    position: absolute;
    top: 100px; 
	z-index: 9991 !important;
    display: none;
    padding-bottom: 50px;
	animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;
}
.nav_box.nav_show {
    display:block;
}
.head-nav{
	margin:0px auto;
	width:92%;
}
.head-nav .nav_item .title{
	line-height:50px;
	position:relative;
	border-bottom: 1px solid #eee;
}
.head-nav .nav_item .title, .head-nav .nav_item .title a{
	color:#fff;
	font-size:16px;
	font-weight:normal;
}
.jtt {
	position: absolute;
	top: 15px;
	right: 5px;
	font-size:20px;
    transition: transform .5s;
}
.head-nav .nav_item .link-list{
	padding-left:10px;
	line-height:36px;
	display:none;
	color:#fff;
	font-size:14px; 
}
.head-nav .nav_item .link-list.active {
    display: block;
}
.head-nav .nav_item .link-list .link-item{
	position:relative;
}

.head-nav .nav_item .link-list a.links{
	line-height:36px;
	color:#fff; 
	display:block;
	font-size:14px; 
}
.jts{
	position: absolute;
	top: 10px;
	right: 5px;
	font-size:16px;
    transition: transform .5s;
}
.head-nav .nav_item .third-list a{ 
    display:block;
    padding-left:10px;
	line-height:36px;
	color:#fff;
	font-size:14px; 
}
.head-nav .nav_item.open .jtt,.head-nav .link-list.open .jts{
	transform: rotate(180deg);
}
.nav_search{margin:0px auto; width:92%; padding-top:20px;}


/*轮播图*/
.indexbanner,.index-procate{width:100%;}
.indexbanner{ margin-top:100px;}
.indexbanner video{ width:100%;}
.indexbanner .swiper-slide img{ width:100%;}
.indexbanner  .swiper-button-next:after, .indexbanner  .swiper-button-prev:after {
    font-size: 30px;
}
.indexbanner .swiper-pagination-bullet{
    background: #fff;
    opacity: 1; 
	width:17px; 
	height:17px; 
	border-radius: 17px; 
}
.indexbanner .swiper-pagination-bullet-active{
    background:#a3d08f; 
}


/*首页关于我们*/		
.indexabout{margin:50px 0;}
.index-aboutimg,.index-aboutcon{width: calc((100% - 50px) / 2 ); }	
.index-aboutimg img{ width:100%;}
.index-aboutimg .swiper-pagination-bullet{
    opacity: 1; 
	width:15px; 
	height:15px; 
	border:#FFFFFF solid 2px; 
	background:none; 
	border-radius: 15px; 
}
.index-aboutimg .swiper-pagination-bullet-active{
    background:#a3d08f;  
	border:#a3d08f solid 2px; 
}
.index-about-text{ margin-top:10px;}	
.index-about-text p{margin-bottom:20px; font-size:16px; line-height:1.7;}
.index-about-more a{ color:#FFFFFF; font-size:16px; background:#393939; padding:11px 20px; border-radius:8px;} 
.index-about-more a:hover{background:#a3d08f;}

/*首页热门产品*/	
.indexhotproducts{padding:60px 0; background:url(../images/hot-back.jpg) no-repeat; background-size:100%;}
.hotproducts-list .ihotproducts-item{ width:24.9%; overflow:hidden; position:relative;}
.hotproducts-list .ihotproducts-item:nth-child(2){ width:45.2%; margin:0 2.5%;}
.hotproducts-list .ihotproducts-item img{ width:100%; transition: all 0.3s ease-in-out;}
.hotproducts-list .ihotproducts-item a:before {
	position: absolute;
	top: 50%;
	left: 0;
	background: rgba(255,255,255,.5);
	width: 100%;
	height: 0;
	content: "";
	z-index: 999;
	transition: all 0.3s ease-in-out;
}
.hotproducts-list .ihotproducts-item:hover a:before {
	top: 0;
	height: 100%;
}
.hotproducts-list .ihotproducts-item:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/*首页产品*/	
.index-products{padding:60px 0; background:#faf4f4 url(../images/pro-back.jpg) no-repeat; background-size:100%;}
.index-catetit{line-height: 48px; font-size:36px; font-weight:bold; margin-bottom:10px;}
.index-catetit a:hover{ color:#a3d08f;}
.index-productslist .index-productsitem{width: calc((100% - 60px) / 4); margin-top:20px; margin-right:20px;}
.index-productslist .index-productsitem:nth-child(4n){margin-right:0;}
.index-productslist .index-productsitem img{border-radius:10px; width:100%;}
.index-productslist .index-productsitem .iproductsitem-text{text-align:center; margin-top:10px;}
.index-productslist .index-productsitem .iproductsitem-text a{color:#252525;  line-height:1.3;}


/*底部*/	
footer{background:#363636; color:#a4a4a4; width:100%; padding:30px 0 0; }
.ft-item{width:22%; margin-right:13%; margin-bottom:30px; }
.ft-item:nth-child(3){width:30%;}
footer .ft-item:last-child{ margin-right:0;}
.ft-contacts{ font-size:15px;}
.ft-company{ margin-bottom:15px;}
.ft-contacts-item .iconfont{ color:#FFFFFF; font-size:20px; width:30px; }
.ft-contacts-item .c-text{ width: calc(100% - 30px); padding-top:5px; }
.ft-item-tit{ font-size:18px;  margin-bottom:20px; color:#FFFFFF;}
.ft-logo{margin-bottom:20px;}
.ft-logo img{ max-width:140px; }
.ft-free-bth{ margin:15px 0;}
.ft-free-bth a{ background:#a3d08f; border:#a3d08f solid 2px; color:#FFFFFF; width:180px; border-radius:8px; height:40px; line-height:40px; cursor:pointer; font-weight:bold; }
.ft-free-bth a .iconfont{ margin-right:5px;}
.ft-free-bth a:hover{ background:none;}
.ft-links-list a,.ft-news-text a{color:#a4a4a4;}
.social-icons a { 
    display:inline-block;
    margin-right: 10px; 
}
.social-icons a span{ 
	font-size:24px; color:#FFFFFF;
}
.ft-news-item .ft-news-img{ width:120px;}
.ft-news-item .ft-news-img img{ width:100%;}
.ft-news-text{width: calc(100% - 140px); border-bottom:#a4a4a4 solid 1px;}
.ft-news-list .swiper {
      width: 100%;
      height: 240px; padding-bottom:50px;
}
.ft-news-list .swiper-slide {
      height: calc((100% - 30px) / 2);
}
.ft-news-list .swiper-pagination{ text-align:left;}
.ft-news-list .swiper-pagination-bullet{
    background: #f4f4f4;
    opacity: 1; 
	width:7px; 
	height:7px; 
	border-radius:0; 
}
.ft-news-list .swiper-pagination-bullet-active{
    background:#a3d08f; 
}
.ft-copy{  padding:15px 0;   text-align:center; border-top: 1px solid #909090;}

.right_nav{ 
     right:0; 
	 bottom:50%; 
	 position:fixed; 
	 z-index:99999;
     transform: translateY(50%);
}
.right_nav .nav_item{
   background:#A3D08F;
   margin:4px 0;
   padding: 10px;
   cursor:pointer;
   position:relative;
   border-radius: 50px 0 0 50px;
   right: -80px;
}
.right_nav .nav_item .iconBox{overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav .iconBox > img{
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 50%;
    padding: 7%;
}
.right_nav .nav_item  h4{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav .nav_item:hover{background: #A3D08F;}
.right_nav .nav_item .hideBox{display: none; position: absolute;right:120px;padding:10px;padding-right: 28px;top:-10px;z-index: 999;opacity:1 !important;width:max-content;}
.right_nav .nav_item  .hideBox .hb{border: 1px solid #ccc;background: #fff; padding: 10px 20px;border-top: 2px solid #A3D08F; border-radius:0 0 4px 4px;}
.right_nav .nav_item .hideBox .hb p {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
}
.right_nav .nav_item  .hideBox .hb .fonttalk{margin-top: 10px;}
.right_nav .nav_item  .hideBox .hb .fonttalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav .nav_item  .hideBox a:hover{ color:#a3d08f;}


#lybook{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1005;
    background: rgba(0,0,0,.6);
    display: none;
}
#lybook .wbook{
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 600px;
    height: 520px;
    padding: 0 30px;
    margin-top: -260px;
}
#lybook .wbook span.icon{
    position: absolute;
    color: #fff;
    right: -3px;
    top: -14px;
    font-size: 30px;
    font-weight: normal;
    cursor: pointer;
}
#lybook .book{
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
}

/*内页banner*/
.postion{ margin-top:100px; background:#ebebeb; color: #2f2f2d; font-size: 14px; line-height:36px; font-family: 'SourceSansProLightIt';}
.postion a{color: #2f2f2d;}
.postion a:hover{color:#a3d08f;}
.about-title,.page-title{font-size: 28px; text-transform:uppercase; color:#a3d08f; border-bottom: 1px solid rgba(0,89,139,.2); margin:15px 0 50px;}
.page-title{ margin:0 0 20px; font-size: 24px; line-height:1; padding-bottom:10px; font-weight:bold;}

.about-item{ margin-top:20px;}
.about-item .about-item-text,.about-item .about-item-img{ width:50%;}
.about-item .about-item-img img{width:100%;}
.about-item .about-item-text{ background:#f4f4f4; padding:30px;}
.about-list .about-item:nth-child(2n){flex-flow: row-reverse wrap;}
.sub-text{ font-size:16px; color:#666; }
.sub-title{
	font-size: 28px; 
	font-weight:bold;  
	position:relative; 
	text-align:center; 
	padding-bottom:10px;
	margin-bottom: 30px; 
	color:#a3d08f;
}
.sub-title:after {
	content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #cccccc;
    position: absolute;
    top: 100%; 
	margin-left:-25px;
    left: 50%;
}
.page-map{margin-top:50px;  font-size:16px; color:#666; }
.page-map-img{ position:relative;}
.page-map-img img{ width:100%;}
.page-map-text{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.page-map-itext{ width:90%; padding:30px; margin:0 auto; background:#FFFFFF;}
.page-map-links{ text-align:center; margin-top:20px;}
.page-map-links a{color:#FFFFFF; font-size:16px; background:#a3d08f; padding:11px 25px; border-radius:8px;}
.page-map-links a:hover{background:#000;}
.page-factory{ margin:50px 0;}
.factory-list .factory-item{width: calc((100% - 40px) / 3); margin-top:20px; margin-right:20px;}
.factory-list .factory-item:nth-child(3n){margin-right:0;}
.factory-list .factory-item .factory-img img{ width:100%; cursor:pointer;}

/*联系我们*/
.page-contact-list .contact-item{width:25%; text-align:center; margin-top:30px;}
.contact-item-img{ background:#f2f2f2; width:100px; height:100px; margin:0 auto;  border-radius:100px;}
.contact-item-img .iconfont{ font-size:52px; color:#a3d08f; line-height:100px;}
.contact-item-btit{ font-size:24px; font-weight:bold; line-height:50px;}
.contact-item-con,.contact-item-con a{ padding:0 20px; font-size:16px; color:#666;}
.contact-item-con a:hover{color:#a3d08f;}
.contact-message{ margin:50px 0;}
.contact-cmessage{box-shadow: 0 0 5px #e1e0e0;}
.contact-message-title{ background:#013e5a; font-size:16px; color:#FFFFFF; padding:10px 20px;}
.form_book{ padding:20px;}
.form-group{ margin-bottom:20px;}
.form-bth{width:180px; margin:0 auto;}
.form-control{border:none; border:#eeeeee solid 1px;   width:100%; height:40px; line-height:40px; padding:0 10px; border-left:#013e5a solid 2px;}
.contact_btn{ border:none;  background:#ff6f00; color:#FFFFFF; padding:10px 0; width:100%;   text-align:center; border-radius:5px;  letter-spacing:2px;  transition: all 0.5s; -webkit-transition: all 0.5s;}
.contact_btn:hover{background:#23150c;}
textarea.form-control{ min-height:150px; line-height:30px; padding:8px 10px;}
.form-control::placeholder {
  color: #909090; /* 灰色的placeholder文本 */
}


/*新闻列表页*/
.page-news{ padding:20px 0 50px;}
.page-l{ width:230px;}
.page-r{ width: calc(100% - 260px);}
.page-cate,.page-bcate{background:#a3d08f; text-align:center; font-size:16px; text-transform:uppercase; line-height:36px; color:#FFFFFF;}
.page-bcate{ margin-top:20px;}
.page-mcate-list{ margin-top:20px; padding:0 10px;}
.page-mcate-item{ border-bottom:#CCCCCC solid 1px; line-height:32px;}
.page-mcate-item a.first:hover,.news-item  .news-item-text .news-item-tit a:hover,.cate-two a:hover{color:#a3d08f;}
.news-list .news-item{margin-top:20px; border-bottom:#f4f4f4 solid 4px; padding-bottom:20px;}
.news-item .news-item-img{ width:230px;}
.news-item .news-item-img img{width:100%;}
.news-item .news-item-text{ width: calc(100% - 250px);}
.news-item  .news-item-text .news-item-tit{ font-size:18px; line-height:1;}
.news-item  .news-item-text .news-item-tips{ padding:10px 0; font-style:italic;}
.news-item  .news-item-text .news-item-con{line-height:1.5;}

/*产品列表页*/
.page-mcate-item .sub-arrow{
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: 4px;
    border-top: 5px #000000 solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; 
	cursor:pointer;
}
.page-mcate-item:hover .sub-arrow,.page-mcate-item.current .sub-arrow{
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: 4px;
    border-top: 5px #a3d08f solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.cate-two{ display:none; padding-left:15px;}
.cate-two a{ display:block; line-height:30px;}
.page-mcate-item.current a{ color:#9d7b60;}
.page-mcate-item.current .cate-two{ display:block;}

.featured-products .swiper {
      height: 480px;
 }
.featured-products{padding:30px 0; position:relative; margin-top:15px;}
.featured-pitem-img{width:100px; border:#f4f4f4 solid 2px;}
.featured-pitem-text{width: calc(100% - 120px);}
.featured-products .swiper-button-next:after,.featured-products .swiper-button-prev:after { 
    display:none;
}
.featured-products .swiper-button-next,.featured-products .swiper-button-prev{top:calc(100% - 20px); margin-top:0; width:54px; height:10px; background:url(../images/side_product_down.png) no-repeat;  right:calc(50% - 27px); }
.featured-products .swiper-button-prev{top:0; left:calc(50% - 27px); right:auto; background:url(../images/side_product_up.png) no-repeat; }



.pro-list .pro-item{margin-top:20px; border-bottom:#f4f4f4 solid 2px; padding-bottom:20px;}
.pro-list .pro-item-img{ width:230px; box-shadow: 0 0 5px #e1e0e0;}
.pro-list .pro-item-img img{width:100%;}
.pro-list .pro-item-text{ width: calc(100% - 250px);}
.pro-list .pro-item-text .pro-item-tit{ font-size:18px; line-height:1; margin-bottom:15px;}
.pro-list .pro-item-text .pro-item-tit a:hover{color:#a3d08f;}
.pro-list .pro-item-text .pro-item-con{line-height:1.5;}
.pro-list .pro-item-text .pro-item-more{ text-align:right; margin-top:25px;}
.pro-list .pro-item-text .pro-item-more a{ margin-left:10px; color:#FFFFFF;   padding:9px 22px;  text-transform:uppercase; position:relative; z-index: 0; transition: all ease-in-out .35s; -webkit-transition: all ease-in-out .35s; }
.pro-list .pro-item-text .pro-item-more a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background:#666666;
    z-index: -2;
    transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
}
.pro-list .pro-item-text .pro-item-more a:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width:0;
    height: 100%;
    background: #13adeb;
    z-index: -1;
    transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
}
.pro-list .pro-item-text .pro-item-more a:hover::after { width:100%;}



/*服务列表页*/
.news-tips{ margin-bottom:20px; border-top:#bebdbd  dashed 1px; font-size:16px; color:#bebdbd; padding-top:5px;}
.servicedetail{ font-size:16px; color:#666;}
.servicedetail img{ max-width:100%;}


/*分页*/
.page-pages{ text-align:center; margin:30px 0 50px; }
.page-pages a{ color: #242424;
    font-size: 14px;
    line-height:30px; 
	background:#FFFFFF; 
	height:30px;
    border: 1px solid #dcdcdc;
    padding: 7px 15px;
    margin: 0 4px 4px; border-radius:5px;}
.page-pages a:hover{ background:#a3d08f; color:#FFFFFF;}
.page-pages a.active{
	color: #fff;
	background: #a3d08f;
	border-color: #a3d08f;
}


/*产品详情*/
.products-con-img{width:40%;}
.products-con-text{ width:calc(60% - 20px);}
.products-con-img .swiper-slide img{ width:100%;}
.jqueryzoom {border:#CCCCCC solid 1px; position: relative;  overflow: hidden; display: inline-block; cursor:pointer; }
.products-con-tumbimg{ margin-top:20px;}
.products-con-tumbimg .item-img{ 
    width:calc((100% - 15px) /4);
	margin-right: 5px; 
    cursor: pointer;

    transition: opacity .3s;
}
.products-con-tumbimg .item-img img{ width:100%; border: 2px solid #bbbab9;}
.products-con-tumbimg .item-img:nth-child(4n){ margin-right:0;}
.products-con-tumbimg .item-img img.cloudzoom-gallery-active{border: 2px solid #a3d08f;}
.products-con-text h1{ font-size:30px; font-weight:bold; line-height:1.6;}
.products-con-cs{ line-height:30px; margin:20px 0;}
.products-con-quote{ margin-top:5px;}
.products-con-dt{ font-size:20px; margin-bottom:10px;}
.products-con-dc{ line-height:30px;}
.products-con-quote a{color:#FFFFFF; background:#a3d08f; padding:2px 15px; margin-right:10px; width:165px; text-align:center; margin-top:10px;}
.products-con-quote a:hover{background:#393939;}
.products-con-quote a .iconfont{ font-size:18px; margin-right:5px;}
a.email{width:95px;}
a.whatsapp{width:125px;}

.products-con2{margin:50px auto 0;}
.products-tab .tab-item { width: calc((100% - 20px) / 3 ); margin-right:10px; text-align:center; cursor:pointer;  line-height:45px; font-size:16px;  border:#ccdee8 solid 1px; transition: all 1s; text-transform:uppercase;}
.products-tab .tab-item:last-child{ margin-right:0;}
.products-tab .tab-item.active {background:#a3d08f; border-top:#a3d08f solid 1px; color:#FFFFFF;}
.products-content .products-content-item{display:none;  transition: all 1s;}
.products-content .products-content-item.active{ display:block; padding:15px;  line-height:35px; color:#666;}
.products-content td{
    color: #202020; 
	border:#ecebeb solid 1px;
    padding:5px 6px;
}
.products-content .products-content-item img{ max-width:100%;}
.products-related{ font-size:16px; background:#a3d08f;  color:#FFFFFF; text-transform:uppercase; padding-left:20px; line-height:2.3;}
.products-related-list .products-related-item{width: calc((100% - 60px) / 4 );  margin-top:20px; margin-right:20px; border:#CCCCCC solid 1px; }
.products-related-list .products-related-item:nth-child(4n){margin-right:0;}
.products-related-list .proitem-img {position:relative; overflow:hidden;}
.products-related-list .proitem-img img{width:100%;}
.products-related-list .products-related-item .proitem-tit{ text-align:center;  line-height:30px; margin:10px 0; color:#666;}
.pro-prev-next{border-top:#CCCCCC dashed 1px; border-bottom:#CCCCCC dashed 1px; padding:10px 0; line-height:1.4; color:#666;}
.pro-prev-next a{ color:#666;}
.pro-msg{ margin:30px 0;}


@media (max-width: 1400px) {
   .wrapper{width:94%;}
   .ft-item{width:27%; margin-right:8%;}
} 

@media (max-width: 1080px) {
 .logo{padding-top:5px; }
 .head-r{ display:none;}
 .m-navbth{ display:block;}
 .m-navbth {
    position: relative;
    display:block;
    width: 30px;
    height: 25px; 
    margin-top:40px; 
   }
 .m-navbth a {
 display:block;
 width: 30px;
 height: 25px;
 position:relative;
}
.m-navbth span {
 display:block;
 width:30px;
 height:2px;
 background:#a3d08f;
 transition:transform .5s ease
}
.m-navbth .menu_top {
 position:absolute;
 top:2px;
 right:0
}
.m-navbth .menu_mid {
 position:absolute;
 top:9px;
 right:0;
 opacity:1
}
.m-navbth .menu_bot {
 position:absolute;
 top:16px;
 right:0
}
.m-navbth span.menu_top_r {
 transform:rotateZ(-45deg);
 transform-origin:center
}
.m-navbth .menu_mid_r {
 opacity:0
}
.m-navbth .menu_bot_r {
 transform:rotateZ(45deg);
 transform-origin:center
} 
.wrapper-fluid{width:94%;}
.about-item .about-item-text,.about-item .about-item-img{ width:100%;}
} 
@media (max-width: 980px){
   .ft-item{width:45%; margin-right:10%;}
   .ft-item:nth-child(2){ margin-right:0;}
   .ft-item:nth-child(3){ display:none;}
   .page-map-img{ height:500px;}
   .page-contact-list .contact-item{width:50%;}
   .page-l,.page-r{ width:100%;}
   .page-r{ margin-top:50px;}
} 
@media (max-width: 900px){
   .index-aboutimg,.index-aboutcon{width:100%; }
   .index-aboutcon{ padding-top:30px;}
} 
@media (max-width: 780px){
   .index-productslist .index-productsitem,.products-related-list .products-related-item{width: calc((100% - 20px) / 2);}
   .index-productslist .index-productsitem:nth-child(2n),.products-related-list .products-related-item:nth-child(2n){margin-right:0;}
   .products-con-img,.products-con-text{width:100%;}
   .products-con-text{ padding-top:15px;}
   #lybook .wbook{ width:90%;}
   .products-tab .tab-item{width: calc((100% - 10px) / 2 ); margin-right:10px;}
} 
@media (max-width: 640px){
   .factory-list .factory-item{width: calc((100% - 20px) / 2);}
   .factory-list .factory-item:nth-child(3n){margin-right:20px;}
   .factory-list .factory-item:nth-child(2n){margin-right:0;}
   .page-map-img{ height:auto;}
   .page-map-text{ position:relative; z-index:0; height:auto;}
   .page-map-itext{ width:100%; padding:30px 0; }
} 
@media (max-width: 600px){
   .ft-item{width:100%; margin-right:0;}
   .page-contact-list .contact-item,.news-item .news-item-img,.news-item .news-item-text,.pro-list .pro-item-img,.pro-list .pro-item-text{width:100%;}
   .news-item .news-item-text,.pro-list .pro-item-text{padding-top:15px;}
   .pro-list .pro-item-text .pro-item-more{ text-align:left;}
   .pro-list .pro-item-text .pro-item-more a:first-child{ margin-left:0;}
} 

@media (max-width: 480px){
   .hotproducts-list .ihotproducts-item{ width:100%;}
   .hotproducts-list .ihotproducts-item:nth-child(2){ width:100%; margin:15px 0;}
   .products-tab .tab-item{line-height:42px; font-size:14px; width:100%; margin-right:0; margin-bottom:5px;}
}