@charset "utf-8";
/*澶撮儴鍐呭鍖哄煙*/
header{ position: relative;}
.top{position: absolute;z-index: 900;left: 0;margin-left: 0;top: 0;width: 100%;padding-bottom: 0;background: #01a039;}
.indextop{background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));}
.top::after{ content: ''; width: 100%; height: 1px; background:rgba(255, 255, 255, .1); display: block; top: 10rem; position: absolute; left: 0; z-index: 50;}
.top .logo{position: absolute;}
.top .fr{color: #fff;}
.top-xs{ display: none;}
.menubox{ width: 70%;}
.menu_t{ line-height:4rem; margin-top:1rem;}
/*瀵艰埅鏍忕洰*/
nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 10rem;display: block;margin-left: -1.8rem;}
.navbar{display: flex; justify-content: space-between;}
.navbar li.dropdown {display: inline-block;position: relative;width: calc(100% / 9);text-align:center}
.navbar li:after, .navbar li .current:after {content: "";width: 0px;height: 2.3rem;position: absolute;bottom: -5px;left: 0px;z-index:999;background:url(../images/cur.png) no-repeat center;transition: all 0.5s ease 0s;}
.navbar li:hover:after,.navbar li .current:after {width: 100%;} 
.navbar .toplink {text-decoration: none; font-size:18px; height: 100%; text-align: center; color: #fff;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #fff;}
.navbar .subnav{display: none;position: absolute;top:10rem;width: 100%;background:rgba(0, 0, 0, 0.2);box-shadow: 0 1.5rem 27px 0 rgba(0, 0, 0, 0.1);left:0;z-index: 900;}
.navbar li.dropdown:hover .subnav {display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.navbar .subnav a{display: block;font-size: 1.4rem;color: #fff;line-height: 4rem;    width: 190px; margin-left:-50px;text-align: center;background: rgba(0, 0, 0, 0.4);margin-bottom: 1px;}
.navbar .subnav a:hover{ background: #01a039; color: #fff;}



  /*swpier--bannerb閮ㄥ垎*/
.header .swiper {width: 100%;height:auto;z-index: 0;} 
.header .swiper-slide {background-position: center;background-size: cover;}
.header .swiper-slide img{width:100%;height:auto; transition:1s linear 2s;transform:scale(1.1,1.1); display: block;}
.header .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner .swiper-button-next,.banner .swiper-button-prev{ color: #fff !important;}
.header .swiper-pagination-bullet{ font-size: 1.6rem !important;}
 
/*aboutbox*/
.aboutbox{ background:#f8f8f8 url(../images/case_bg.jpg) no-repeat center bottom;  }
.aboutfl{ width: 45%; position: relative; padding-top: 4rem;} 
.aboutfl strong{ font-size: 4rem;text-transform:uppercase;   font-weight: bold; background: linear-gradient(68deg, #027943, #59bc68);
    -webkit-background-clip: text;
    color: transparent;position: absolute; z-index: -5; top: 0; line-height: 4rem; margin-bottom:40px;}
.aboutfl .color{ line-height: 9rem; margin-top:10px; font-size:50px;background: linear-gradient(68deg, #333, #333);
    -webkit-background-clip: text;
    color: transparent; }
.aboutfl p{ color: #444; line-height:35px;}
.aboutfr{ width: 50%;} 

.aboutfr img{    border-top-left-radius: 7rem;
    border-bottom-right-radius: 7rem;} 
.number ul li{display: inline-block;background-color: #01a039; z-index: 0; color:#fff;text-align: center;margin-right: 1rem;position: relative;width: 10rem;    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;height: 10rem;}
.number ul li:nth-child(2){ background-color:#2cb46f;}
.number ul li:nth-child(3){ background-color:#54c569;}
.number ul li:nth-child(4){ background-color:#6cc255;}
.number ul li:nth-child(5){ background-color:#96d25b;}
.number ul li em{font-size: 1rem;position: absolute;top: 4rem;right: 15%;font-style: normal;}
.number ul li .shu{display:block;height: 6rem;width: 90%;margin: 0 auto;position: relative;text-align: center;color: #fff;}
.number li p{font-size:1.4rem; font-weight:400;color:#fff;}
.dataNums{position: absolute;display: block;height: 7rem;text-align:center;left: 0;width: 100%;line-height: 7rem;z-index: 999;top: 1rem;}
.dataNums .dataOne{width: 1.6rem;height:6rem;text-align: center;font-family: "Arial";list-style: none;line-height: 6rem;display: inline-block;}
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute;top: 2rem;left: 0;width: 100%;height: 2rem;}
.dataNums .tt span{width:100%;font: bold 3rem/6rem "Arial";color: #fff;height: 6rem;float: left;}
.aboutbox .btn{ width: 12rem; line-height: 4rem;background-color: #01a039; text-align: center; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem;}
.aboutbox .btn a{ width: 100%; display: block; color: #fff;}

.tit h2{ font-size: 4rem; font-weight: bold; color: #333;}
.tit p{ line-height: 1.4; color: #666; position: relative;}
.tit p::after{content: '';display: block;position: absolute;width: 10rem;height: 3rem;background: url(../images/tit.png) no-repeat center bottom;left: 50%;margin-left: -5rem;bottom:-3rem;}


.tit2 h2{ font-size: 4rem; font-weight: bold; color: #fff;}
.tit2 p{ line-height: 1.4; color: #fff; position: relative;}
.tit2 p::after{content: '';display: block;position: absolute;width: 10rem;height: 3rem;background: url(../images/tit2.png) no-repeat center bottom;left: 50%;margin-left: -5rem;bottom:-3rem;}



/*浜у搧绯诲垪*/
.shao { width:100%;background-image:url(../images/d3.jpg); padding-bottom:180px;}
#tabs-product{ overflow:inherit; }
.product .cp_menu{ position: relative;}
.product .cp_menu a{display: inline-block; float:left; background: #fff;opacity:0.8;line-height: 8rem;width:24.9%;border-right: #fff 1px solid;text-align: center;font-size: 2rem;font-weight: bold;}
.product .cp_menu a.active { background: #01a039;color: #fff;} 
.product .cp_menu .more{position: absolute;right: 0;top: 0;width: 16.5%;z-index: 999;}
.product .cp_menu .more a{
    width: 100%;
    background: #f2f2f2;
    display: block;
}
.product .cpbox{background: #01a039; color: #fff;}
.product .cpboximg{ width: 66%;}
.product .cpboxcont{ width: 33%; box-sizing: border-box; padding:4rem ;}
.product .cpboxcont h2{ font-size: 3rem;}
.product .cpboxcont p{width: 100%;line-height: 2.4rem;opacity: .7;display: inline-block;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.product .cp_sub_menu  li{ display: inline-block; margin: 0 1rem 1rem 0;}
.product .cp_sub_menu  li a{ border: #ddd 1px solid; border-radius:3rem; line-height: 3rem; padding: 0 1.5rem; display: block; color: #fff; font-size: 1.4rem;}
.product .cp_sub_menu  li a:hover{ background: #fff; color: #01a039;}
.product .btn a,.proinfo .btn a{display: inline-block;line-height: 3.6rem;padding: 0 3rem;border-radius: 8px 0;background: #fff;}
.proinfo .btn a{ background: #01a039; color: #fff;}
.product .btn .zxzx,.proinfo .btn .zxzx{ background: #1d1b1b; color: #fff;} 
/* 鐑攢浜у搧 */ 
.hotcp{ background: url(../bg-shape.jpg) no-repeat center top;}   
#demo{overflow:hidden; display: inline; float:left; width: 1400px; height:280px;}
#indemo{float: left;width: 1000%;}
#demo1,#demo2{float:left;}
#demo1 a,#demo2 a{cursor:pointer;}
#demo ul li{float: left;box-sizing: border-box; width:40rem; margin-bottom:50px;  margin-left: 3rem; overflow: hidden;position: relative;text-align: center;background: #fff; border-radius: 2rem 0;}
#demo .name{ line-height:6rem;display:block; border-top: #ddd 1px solid;}
#demo .img img{ box-sizing: border-box; padding: 1.5rem;}
#demo .text{ position: absolute;left: 0;right: 0;top: 100%;bottom: 0;background-color:rgba(1,160,57,0.95) ;color: #fff; transition: all 0.5s linear; padding: 5rem 3rem; box-sizing: border-box;}
#demo .text h1 { font-size: 2rem;line-height: 6rem;margin: 0;padding: 0;margin-top:0rem;font-weight: bold;transition: all .4s cubic-bezier(.4,0,.2,1);}
#demo .text p {font-size: 1.6rem; line-height: 1.6;overflow: hidden; text-align: left;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
#demo a:hover .text{display: block;position: absolute;top: 0;text-decoration: none;transition: .3s ease 0s;animation: hidetip 1s 1;animation-fill-mode: forwards;-webkit-animation: showtip 1s 1;-webkit-animation-fill-mode: forwards;}

.advantage{ background: url(../images/ysbg.jpg) no-repeat center bottom; min-height: 800px;}
.advantage .cont{ position: relative; text-align: center;}
.advantage .cont img{max-width: 100%;box-sizing: border-box;padding-top: 5rem;}
.advantage ul li{ display: inline-block;  position: absolute;  }
.advantage ul li span{ display: block;}
.advantage ul li a{display: block;color: #01a039;width: 16rem;height: 6rem;padding-top: 1rem;border: #01a039 1px solid;background:#fff;border-radius: .8rem;font-size: 1.8rem;font-weight: bold;text-align: center;box-sizing: border-box;line-height: 1.2;}
.advantage ul li a:hover{ color: #fff;}
.advantage ul li:nth-of-type(1){ left: 12%; top: 35rem;}
.advantage ul li:nth-of-type(2){left:18%;top: 22rem;}
.advantage ul li:nth-of-type(3){ left:30%; top: 11rem;}
.advantage ul li:nth-of-type(4){left: 50%;top: 2rem;margin-left: -8rem;} 
.advantage ul li:nth-of-type(5){ right:30%; top: 11rem;}
.advantage ul li:nth-of-type(6){ right:18%; top: 22rem;}
.advantage ul li:nth-of-type(7){ right:12%; top: 35rem;}
.advantage ul li a:hover{background-color: #01a039; color: #fff;}

.choose{background: url(../bj.jpg) no-repeat center top;background-size: cover;}
.choose .wid{ position: relative; } 
.choose .tit p:after{ display: none;}
.choose .tit h2,.choose .tit p{ color: #fff !important;}
.choose .swiper{  height: auto;}
.choose ul li{width: 15.2%;background-color:#fff;border-radius:1rem;box-sizing: border-box;padding: 8px; margin-right:20px; margin-bottom:30px;display: inline-block;float: left;}
.choose .iconfont{font-size:3.8rem; width:5rem;height:5rem; line-height:5rem; display:inline-block;text-align:center; color:#01a039;  border-radius:100%; padding:1rem;
    -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    -ms-transition: -ms-transform .5s ease-out;
} 
.choose ul li:hover .iconfont{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.choose .icon p{line-height: 1.6;min-height: 60px;}
.choose .swiper-pagination{ position: relative; margin-top: 2rem;}
.choose .swiper-pagination-bullet{ width: 1.5rem !important; height: 1.5rem !important; background: #fff; opacity: 0.8;}
.choose .swiper-pagination-bullet-active{background: #f90;}
.fangan ul li{float: left; width: 32%; margin: 0 0.5%; border-bottom: #ddd 1px solid; } 
.fangan .imgbox{ overflow: hidden; border-radius: 8px;}
.fangan a img{  transition: all ease-in-out 0.5s;}
.fangan a:hover img{ transform:scale(1.1,1.1);}
.fangan ul li h1{line-height: 8rem;font-size: 1.8rem;width: 100%;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.shao2 {width:100%; background-image:url(../bj2.jpg);  background-size:cover;
  background-position:center;
  height:100%;}
.jianzheng { height:850px;}
.jianzheng ul li{ width: 20%; height:250px; float: left; position: relative; overflow: hidden; transition: all ease-in-out 0.5s;  z-index: 500;}
.jianzheng ul li a{ display: block; width: 100%;}
.jianzheng ul li:hover .con {transform: translateY(-2rem);}
.jianzheng ul li img{transition: all   0.5s;}
.jianzheng ul li:hover  img{transform:scale(1.2);}
.jianzheng ul li:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);content: "";}
.jianzheng ul li:hover:after {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.new{ background-image:url(../bg7.jpg);}
.new .newone{ width: 30%; margin-right: 3%; background: #fff;box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);  border-radius: 0 0 8px 8px;  }
.new .newone .img{ width: 100%;}
.new .newone .img img{ width: 100%; height: 100%;}
.new .textbox{ padding: 2rem 2rem 5rem;}
.new .date,.new  .text{color: #999;}
.new .text{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.new .title{ line-height:3rem;min-height: 5.5rem; font-weight: bold;    font-size: 21px; margin: 1rem 0 2rem;    word-wrap: break-word;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.new .newbox{ width: 44%; background: #fff; border-radius: 8px; box-sizing: border-box; padding: 1rem 4rem;box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);}
.new .new_menu  a{display: inline-block;line-height: 45px;margin-right: 1rem;margin-top: 1rem;background: #eee;border-radius: 45px;padding: 0 2rem;}
.new .new_menu   a.active { background: #01a039;color: #fff;}
.new .cont ul li{line-height:5rem;border-bottom: #ddd 1px dashed;position: relative;padding-left: 1rem;box-sizing: border-box;}
.new .cont ul li::before{ content: '路'; width: 5px; height: 5px; display: block; position: absolute; left: 0; font-size: 3rem;}
.new .cont ul li a{ width: 100%; display: block;}
.new .cont ul li a:hover{ text-indent: 0.5em;}
.new .cont ul li span{ float: right; color: #999;}
.new .cont ul li:nth-child(8){ border-bottom: none;}
.new .go{ text-align: center; line-height: 1.6;}
 
.chengnuo { background: url(../images/cnbg.jpg) no-repeat center bottom; }
.chengnuo .fl,.chengnuo .fr{ width:50%;box-sizing: border-box;}
.chengnuo .fl{ padding-right: 2rem;}
.chengnuo .fr{ padding-left: 2rem;}
.chengnuo img{ display: inline-block; }

.footer{     background: linear-gradient(120deg, #027943 30%, #b2d731 70%, #027943 20%); color: #fff; padding-bottom: 2rem; }
.footer .cont{ padding: 8rem 3rem 1em; border-bottom: #fff 1px solid; margin-bottom: 3rem;}
.footer a{color: #eee;}
.footer .f_logo{ width: 20%; color: #01a039; line-height: 1.6;}
.footer .contact{ width: 70%;}
.footer .contact ul li{ display: inline-block; width:33%; position: relative; margin-bottom: 3rem; line-height:35px; position: relative; box-sizing: border-box; padding-left: 5rem;}
.footer .contact ul li1{ display: inline-block; width:98%; position: relative; margin-bottom: 3rem; line-height:28px; position: relative; box-sizing: border-box; padding-left: 5rem;}
.footer .contact span{ display: inline-block;position: absolute; left: 0; top: 5px; width: 4rem; height: 4rem; text-align: center; line-height: 4rem; background: #eee; color: #333;border-radius: 100%;}
.footer .contact ul li p{line-height: 1.7;display: inline-block; }
.footer .erweima{ width: 10%; text-align: center;}
.footer .erweima span{ display: block; text-align: center;}
.footer .link,.footer .link a{ color: #fff;}
.footer .link .fr{text-align: right;}

.fadeInUp1{background: #f2f2f2 !important;}
.fadeInUp1:nth-of-type(4){width: 100%; margin:0 auto  ; margin: 2.51% 0;}
.fadeInUp1:nth-of-type(6){margin-right: 2.51% !important;}
.fadeInUp1:nth-of-type(7){margin-right: 0;}
.aboutcont .cultrue1{ padding: 1rem 0 12rem;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
 /*鍐呴〉*/ 
 .inban{width:100%;margin:0px auto;position:relative;min-width: 1200px;padding-top: 10rem;background: #fff;}
 .inban img:nth-child(1){ display:block;}
 .inban img:nth-child(2){ display:none;}
 .search {background: #f2f2f2;height: 8rem;line-height: 8rem;border-bottom: 1px solid #eee;overflow: hidden;}
 .search a{ display: inline-block;margin-right: 1.5rem;}
 /*.searchbox { width: 27rem; height: 4rem; border-radius: 20px; background: #fff; padding-left: 1.5rem; margin-top: 2rem;}
.searchbox .searchtxt{border: 0;width: 20rem;height: 4rem;line-height: 4rem;color: #a9a9a9;float: left;}
.searchbox .btn {width: 6rem;height: 3.6rem;border: 0;border-radius: 25px;background: url(../images/p102-search-icon1.png) no-repeat center center #01a039;float: right;position: relative;z-index: 2;cursor: pointer;}
*/
 .posnav{ width: 50rem; overflow: hidden; text-overflow: ellipsis; text-align: right;}
 .intitle{padding-bottom: 3rem;}
 .intitle  h2{font-size: 2.8rem;color:#01a039;font-weight: bold; position: relative; padding-left: 2rem;}
 .intitle  h2:before{ width: 7px; height:3rem; border-radius: 4px; content: ""; display: block; position: absolute; background:#01a039; left: 0px; top:9px;}
 .submenu ul li,.submenu .swiper-slide{display: inline-block;text-align: center;line-height: 3.6rem;margin-right: 1rem;margin-bottom: 1rem;}
 .submenu ul li a,.submenu .swiper-slide a{display: block;background: #fff;border: #ddd 1px solid;border-radius: .8rem 0;padding: 0 1rem;}
 .submenu ul li a:hover,.submenu ul li .on,.submenu .swiper-slide .swiper-slide-active{ background:#01a039; color: #fff; border: #01a039 1px solid;}
 .newlist{ margin-bottom: 30px}
.newlist ul li {margin-bottom: 2rem;height: 18rem;border-bottom: #ddd 1px dotted;width: 48%;display:inline-block;margin-right: 3%;box-sizing: border-box;padding: 1rem;}
.newlist ul li:nth-child(2n){ margin-right:0;}
.newlist ul li .data {width: 20%;max-width: 18rem;padding: 3rem 0;float: left;text-align: center;background: #f2f2f2;transition: all .5s;border-radius: .8rem 0;}
.newlist ul li .data p {color: #01a039;font-size: 3.6rem;font-family: arial;}
.newlist ul li .data span {color: #8c8c8c;font-size: 1.4rem;}
.newlist ul li .text {float: right;width: 75%;}
.newlist ul li .text h3 {color: #01a039;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: all .5s;font-weight: bold;}
.newlist ul li .text em {display: none;}
.newlist ul li .text p {color: #999;line-height: 2.4rem;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newlist ul li .text span {margin-top: 1.5rem;display: inline-block;border: 1px solid #e8e8e8;line-height: 3rem;padding: 0 2rem;color: #999999;}
.newlist ul li:hover{ box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);}
.newlist ul li:hover .text h3 {color: #f08921;}
.newlist ul li:hover .data {background: #01a039;}
.newlist ul li:hover .data p,.newlist ul li:hover .data span {color: #fff;}
.fanye ul li,.inright .fanye ul li {display: inline-block;margin-right: 0;float: none;width: auto !important;height: 5rem;border-radius:.8rem !important;background-color: #EFEFEF;text-align: center;line-height: 5rem;}
.fanye ul li:first-child,.inright .fanye ul li:first-child{width: auto;}
.fanye ul li:last-child,.inright .fanye ul li:last-child{margin-left: 3px;}
.fanye ul li a,.fanye ul li span,.inright .fanye ul li a,.inright .fanye ul li span{display: block;padding: 0 2rem;}
.fanye ul li:hover a,.inright .fanye ul li:hover a{color: #ffffff;background-color: #01a039;}
.fanye ul li.thisclass a,.inright .fanye ul li.thisclass a{ color: #ffffff;background-color: #01a039;}
.newdetail .submenu ul li{ width: 100%; line-height: 4.5rem; margin-bottom: 1rem;}
#share {width: 100%;height: 49px;background: url(../images/sharebg.gif) no-repeat left -2px;margin-top: 30px;margin-bottom: 20px;border-top: 1px dashed #E7E7E7; border-bottom: 1px dashed #E7E7E7;}
.time,.source {font-size: 13px; color: #BEBEBF; margin-right: 30px;}
#share ul { width: 90%; height: 49px; padding-left: 65px;}
#share li {width: 95px;height: 100%; float: left; margin-right: 10px;}
#share li a {width: 100%;height: 100%;display: inline-block;cursor: pointer;background: none;}
.daodu,.pages {padding: 1.5rem;border: #f5f5f5 1px solid;background: #fff;line-height: 30px;}
.bdshare-button-style0-32 .bds_qzone {background-position: 0 -52px}
.bdshare-button-style0-32 .bds_tsina {background-position: 0 -104px}
.bdshare-button-style0-32 .bds_weixin {background-position: 0 -1612px}
.bdshare-button-style0-32 { zoom:1}
.bdshare-button-style0-32:after {content: ".";visibility: hidden; display: block; height: 0; clear: both}
.bdshare-button-style0-32 a {
  float: left;width: 32px; line-height: 32px; height: 32px; background-image: url(../images/sharebg.gif); background-repeat: no-repeat;
  cursor: pointer;margin: 6px 6px 6px 0; text-indent: -100em; overflow: hidden; color: #3a8ceb}
.bdshare-button-style0-32 a:hover {color: #333;opacity: .8;filter: alpha(opacity=80)}
.bdshare-button-style0-32 .bds_more {color: #333;}
.bdshare-button-style0-32 .bds_count {
color: #333; background: url(../images/sharebg.gif) no-repeat 0 -60px;width: 48px;height: 32px;line-height: 32px;padding: 0;text-align: center;text-indent: 0}
.bdshare-button-style0-32 .bds_count:hover { background-position: -48px -60px;}
.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139 {display: none}
.detailbox {line-height:2;}
.detailbox img { display: block; text-align: center; margin: 2rem auto;}
.newdetail .inleft,.pro_detail .inright,.product_detail .inright{ width:80%;}
.newdetail .inright,.pro_detail .inleft,.product_detail .inleft{ width: 18%;}
.inright .tit{ line-height: 6rem; text-align: center; font-size:2.4rem; color: #fff; background: #01a039;}
.inright .tj_new ul li{ line-height: 4rem; border-bottom: #ddd 1px dotted;}
.product_detail{ background-color: #f2f2f2; padding: 3rem 0;overflow: auto;}
.bg_white{ background: #fff;} 
.procate dl{width:100%;display:block;height:4rem;margin-bottom: .5rem;}
.procate dl dt{text-align:center;background:#01a039;display:inline-block;color:#fff;line-height:4rem;border-radius: 4px;padding: 0 2rem;}
.procate dl dd{margin:0 .5rem;border-radius:4px;display:inline-block;background:#fff;}
.procate dl dt a{ color:#fff;}
.procate dl dd a{display:block;padding:.3rem 1rem;border-radius:4px;border:#eee 1px solid;font-size: 1.4rem;}
.procate dl dd a:hover{background:#01a039; color:#fff;border:#01a039 1px solid;}
.product_detail .inright ul li{float: left; margin-left: 0rem; width: 30%;background: #fff;overflow: hidden;position: relative;border-radius: 2rem 0;margin-right: 2%; margin-bottom: 3rem;text-align: center;}
.product_detail .inright ul li .name{ line-height:6rem;display:block; border-top: #ddd 1px solid;text-align: center;}
.product_detail .inright ul li .img img{ box-sizing: border-box; padding: 1.5rem;}
.product_detail .inright ul li .text {position: absolute;left: 0;right: 0;top: 100%;bottom: 0;background-color: rgba(1,160,57,0.95);color: #fff;transition: all 0.5s linear;padding: 5rem 3rem;box-sizing: border-box;}
.product_detail .inright ul li .text h1 {font-size: 2rem;line-height: 6rem;margin: 0;padding: 0;margin-top: 0rem;font-weight: bold;transition: all .4s cubic-bezier(.4,0,.2,1);}
.product_detail .inright ul li .text p {font-size: 1.6rem;line-height: 1.6;overflow: hidden;text-align: left;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.product_detail .inright ul li a:hover .text{display: block;position: absolute;top: 0;text-decoration: none;transition: .3s ease 0s;animation: hidetip 1s 1;animation-fill-mode: forwards;-webkit-animation: showtip 1s 1;-webkit-animation-fill-mode: forwards;}




/* .product_detail .inright ul li .text{ position: absolute;left: 0;right: 0;top: 100%;bottom: 0;background-color:rgba(1,160,57,0.95) ;color: #fff; transition: all 0.5s linear; padding: 5rem 3rem; box-sizing: border-box;}
.product_detail .inright ul li .text h1 { font-size: 2rem;line-height: 6rem;margin: 0;padding: 0;margin-top:0rem;font-weight: bold;transition: all .4s cubic-bezier(.4,0,.2,1);}
.product_detail .inright ul li .text p {font-size: 1.6rem; line-height: 1.6;overflow: hidden; text-align: left;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.product_detail .inright ul li a:hover .text{display: block;position: absolute;top: 0;text-decoration: none;transition: .3s ease 0s;animation: hidetip 1s 1;animation-fill-mode: forwards;-webkit-animation: showtip 1s 1;-webkit-animation-fill-mode: forwards;}
 */
.pro_detail{background: #f2f2f2;padding: 3rem 0;}
.pro_detail .inleft .pxq-plist h2,.product_detail .inleft .pxq-plist h2{width: 100%;height: 9rem;text-align: center;line-height: 9rem;font-weight: normal;font-size:3rem;color: #fff;background-color: #01a039;border-radius: 5px 5px 0 0;margin-bottom: .1rem;}
.pro_detail .inleft .pxq-plist,.product_detail .inleft .pxq-plist{overflow:hidden;width:100%;background-color:#fff;margin-bottom:10px;border: #eee 1px solid;}
.pro_detail .inleft .pxq-plist dl,.product_detail .inleft .pxq-plist dl{ overflow:hidden; width:100%;}
.pro_detail .inleft .pxq-plist dl dt,.product_detail .inleft .pxq-plist dl dt{overflow:hidden;width:100%;}
.pro_detail .inleft .pxq-plist dl dt>a,.product_detail .inleft .pxq-plist dl dt>a{display:block;width: 100%;height: 5rem;line-height: 5rem;color: #fff;text-decoration:none;background: #01a039;position: relative;box-sizing: border-box;font-weight: bold;text-align: center;}
.pro_detail .inleft .pxq-plist i,.product_detail .inleft .pxq-plist i{ display:inline-block; width:20px; height:16px; overflow:hidden; position:relative; margin-right:10px;}
.pro_detail .inleft .pxq-plist i,.product_detail .inleft .pxq-plist i{ *display:inline}
.pro_detail .inleft .pxq-plist img,.product_detail .inleft .pxq-plist img{ display:block}
.pro_detail .inleft .pxq-plist dl dd,.product_detail .inleft .pxq-plist dl dd{overflow:hidden;width:100%;border-top:1px solid #e7e7e7;}
.pro_detail .inleft .pxq-plist  dl dd a,.product_detail .inleft .pxq-plist dl dd a{display:block;width: 100%;color:#999;line-height: 5rem;height: 5rem;text-decoration:none;box-sizing: border-box;text-align: center;}
.pro_detail .inleft .pxq-plist  dl dd a:hover,.pro_detail .inleft .pxq-plist dl dd a.cur,.product_detail .inleft .pxq-plist dl dd a:hover{ color:#fff; background-color:#01a039}
.pro_detail .inleft .pxq-plist dl dd.cur>a,.pro_detail .inleft .pxq-plist dl dd>a:hover,.product_detail .inleft .pxq-plist dl dd.cur{ color:#fff; font-weight:bold}
.pro_detail .inleft .pxq-plist dl dd.cur>a img,.pro_detail .inleft .pxq-plist dl dd>a:hover img,.product_detail .inleft .pxq-plist dl dd.cur{ margin-top:-16px;}

.inright{ width: 930px;}
.inright .proinfo{ background: #fff; border: #e5e5e5 1px solid; border-radius: 4px;}
.inright .proviewbox{width: 40%;border-right: #eee 1px solid;text-align: center;padding: 3rem;box-sizing: border-box;}
.inright .proviewbox a{text-align: center;vertical-align: middle;}
.inright .wen{width: 60%;box-sizing: border-box;padding: 2rem;} 
.inright .wen h2{overflow:hidden;font-size: 1.8rem;color: #01a039;padding-bottom: 1.5rem;border-bottom:2px solid #e7e7e7;margin-bottom: 1rem;font-weight: bold;}
.inright .wen h2 span{ float:left;}
.inright .wen h2 a{ display:block; float:right; padding-right:20px; margin-top:3px;   font-weight:normal; font-size:12px; color:#999}
.inright .wen p{ font-size:14px; color:#555; line-height:30px; margin-bottom:5px;}
.inright .wen em{font-style: normal;background: #01a039;border-radius: 100%;color: #fff;padding: 1rem;font-size: 1.8rem;margin-right: 1rem;}
.inright .wen h3{display:block;font-size: 2.4rem;color: #01a039;font-family:Arial;border-top: #ddd 1px solid;padding: 2rem 0;}
.inright .wen a.zx{ display:block; width:154px; height:45px; text-align:center; line-height:45px; font-size:14px; color:#fff;float:left;}
.inright .wen a.zxc{ display:block; width:154px; height:45px; text-align:center; line-height:45px; font-size:14px; color:#fff;float:right;}
.inright .cpxq { background: #fff; line-height: 50px;}
.inright .cpxq span{background: #01a039;display: block;width: 18rem;line-height: 5rem;text-align: center;color: #fff;display: inline-block;}
.pro_detail .cont{min-height: 57rem;line-height: 1.8;background: #fff;box-sizing: border-box;padding: 2rem;}
.pro_detail .cont .box{position: relative;border-bottom: #ddd 1px dashed;padding: 1rem 0 0 10rem;}
.pro_detail .cont .box .cpxqtit{ color: #01a039; font-size: 20px;   position: absolute;left:0px;top:6px;}

/*鍏充簬鎴戜滑*/
.aboutsubnav{ text-align: center;}
.aboutsubnav ul li{display: inline-block;margin: 0 .5rem;}
.aboutsubnav ul li a{display: block;width: 100%;line-height: 5rem;background: #f2f2f2;font-size: 2rem;font-weight: bold;padding: 0 4rem;box-sizing: border-box;border-radius: 1.2rem 0;}
.aboutsubnav ul li a:hover,.aboutsubnav .on{ background: #01a039; color: #fff;}
.aboutcont .number{box-sizing: border-box;text-align: center;}
.aboutcont .number ul li{margin-right: 0;height: auto;}
.aboutcont .number ul li{display: inline-block;z-index: 0;color: #fff;text-align: center;position: relative;width: 12rem;height: 12rem;margin: 0 3%;}
.aboutcont .dataNums .tt span{width:100%;font: bold 4rem/6rem "Arial";color: #fff;height: 6rem;float: left;}
.aboutcont .number ul li .shu{color: #fff;} 
.aboutcont .number li p{color: #fff;}
.aboutcont .aboutfr{ margin-top: 10rem;}
.aboutcont .aboutfl p{ text-indent: 2em;}
.number ul li:nth-child(2){ background-color:#2cb46f;}
.number ul li:nth-child(3){ background-color:#54c569;}
.number ul li:nth-child(4){ background-color:#6cc255;}
.number ul li:nth-child(5){ background-color:#96d25b;}
.aboutcont  .dataNums .dataOne{width: 2.0rem;}
.aboutcont  .number ul li em{ right: 20%;}
.aboutcont  .cultrue{padding:10rem 0 12rem;background-image:url(../images/faya.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover}
.aboutblist{width:31.66%;margin-right:2.51%;border-radius:1rem;padding: 5rem 1.5rem;background: #fff;box-sizing: border-box;}
.aboutblist:nth-of-type(3n){margin-right:0}
.aboutblist .icon{width:5rem;height:5rem;position:relative;margin:0 auto;overflow:hidden}
.aboutblist .icon img{width:100%;position:absolute;top:0;left:0}
.aboutblist .icon img:nth-of-type(2){top:100%}
.aboutblist .textbox{margin-top:2rem}
.aboutblist .title{color:#dfc169;text-align:center;font-size: 2.6rem;font-weight: bold;}
.aboutcont1 .aboutblist .textbox .title{color: #01a039;}
.aboutblist .text{color:#222;text-align:center;font-size:1.8rem;}
.aboutcslide{position:relative}
.aboutcslide:before{content:"";width:100%;height: .5rem;background-color:#d6d6d6;position:absolute;top: 10.5rem;left:0;}
.aboutcslide .swiper-button-next, .aboutcslide .swiper-button-prev{width:3.6rem;height:3.6rem;top: 9.6rem;margin-top:0;opacity:1;background-size:100% 100%;color: #01a039;}
.aboutcslide .swiper-button-next{ right:0;} 
.aboutcslide .swiper-button-prev{ left:0} 
.aboutcslide .swiper-slide{height:auto;cursor:pointer;}
.aboutcslide .boxflex{flex-flow:column;height:100%}
.aboutcslide .aboutctop{width:100%;text-align:center;height: 3rem;}
.aboutcslide .aboutctop .year,
.aboutcslide .aboutctop .unit{display:inline-block;vertical-align:bottom}
.aboutcslide .aboutctop .year{color:#01a039;font-size:3.6rem;font-weight:bold;line-height:1;font-family:'montbold'}
.aboutcslide .aboutctop .unit{color:#01a039;margin-bottom:1px}
.aboutcslide .yuan{width: 2rem;height: 2rem;background-color:#fff;margin: 1rem auto 0;border-radius: 2rem;border: .5rem solid #11a84e;}
.aboutcslide .textbox{flex:1;-webkit-flex:1;-moz-flex:1;margin-top: 0;padding: 4rem 5%;text-align: center;}
.aboutcslide .text{flex:1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;min-height: 9rem;}
.aboutcslide .img{margin-bottom: 2rem;}
.aboutcslide .img img{width:100%}
.aboutcslidebox{padding:5rem;position:relative} 
.aboutcslide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.swiper-button-next, .swiper-button-prev {background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;outline: none;
opacity: 1}
.aboutcont {min-height: 50rem;height: auto;background: url(../images/aboutbottomhover.jpg) no-repeat  center bottom; }
.aboutcont1 {min-height: 50rem;height: auto; }
/* 鑱旂郴鎴戜滑 */
.contact-tact{overflow: hidden; padding-bottom: 20px;}
/* .contact-tact ul {margin-top: 40px;} */
.contact-tact ul li {float: left;width:23%;margin-right: 2%;border: 1px solid #eee;background: #f5f5f5;
box-sizing: border-box;text-align: center;padding: 20px 10px 0;    min-height:200px;}
.contact-tact ul li em {display: block;width: 30%;margin: auto;}
.contact-tact ul li b {display: block;font-size: 20px;font-weight: 700;line-height: 22px;color: #333;margin-top: 15px;margin-bottom: 15px;}
.contact-tact ul li span {display: block;font-size: 16px;font-weight: 400;line-height: 20px;color: #666;}

.contact-map {margin-top: 20px;padding-bottom: 30px;}
/* 鍙充晶娴姩 */
.izl-rmenu{position:fixed;right: 10px;margin-left:532px;bottom:10px;padding-bottom: 10px; z-index:999;}
.izl-rmenu .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-kf{background:url(../images/r_kf.png) center center no-repeat; background-color:#01a039;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) center center no-repeat; background-color:#01a039;}
.izl-rmenu .btn-qq:hover,.izl-rmenu .btn-kf:hover{background-color:#01a039;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) center center no-repeat; background-color:#01a039; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) center center no-repeat; background-color:#01a039;}
.izl-rmenu .btn-wx:hover{background-color:#01a039;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-125px;top:0px;display:none;width:120px;height:120px;max-width: 120px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) center center no-repeat; background-color:#01a039;}
.izl-rmenu .btn-phone:hover{background-color:#01a039;}
.izl-rmenu .btn-phone .phone{background-color:#01a039; position:absolute; width:150px; left:-157px; top:0px; line-height:50px; color:#FFF; font-size:18px; font-weight:bold;text-align:center; display:none; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -moz-border-radius:8px;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) center center no-repeat; background-color:#01a039; display:none;}
.izl-rmenu .btn-top:hover{background-color:#01a039;}


@media (max-width:1920px) {
.wid{ width: 1400px;}
.visible-xs{ display: none;}
.fangan ul li{ border-bottom: none;}
 .contact-map{display: block;}
   .contact-map1,.procate{display: none;}
   .chengnuo1,.inban .app{display: none;}
   
}
 
 @media (max-width:1440px) {
   .wid{ width:1200px; }
   #demo{ width: 1200px;}
   .advantage{ min-height: 700px;}
   .advantage .cont img{ width:500px;}
   .advantage ul li:nth-of-type(1){ left: 8%;  }
   .advantage ul li:nth-of-type(2){ left:12%;  }
   .advantage ul li:nth-of-type(3){ left:22%; }
   .advantage ul li:nth-of-type(4){left: 50%;top: 2rem; margin-left: -8rem;} 
   .advantage ul li:nth-of-type(5){ right:22%; }
   .advantage ul li:nth-of-type(6){ right:12%; }
   .advantage ul li:nth-of-type(7){ right:8%; }
   .new .newone .img{ height:18rem;}
   .new .newbox ul li{text-overflow: ellipsis; width: 100%; height: 5rem; overflow: hidden;}
   .contact-map{display: block;}
   .contact-map1,.procate{display: none;}
   .chengnuo1,.inban .app{display: none;}
 }
 @media (max-width:1280px) {
   .wid{ width:1000px; }
   .aboutfl,.aboutfr{ width: 100%;}
   #demo{ width: 1000px;}
   .advantage{ min-height: 65rem;}
   .advantage .cont img{ width:45rem;}
   .choose .icon p{font-size: 1.2rem;}
   .cp_sub_menu { display: none;}
   .product .cpboxcont{ padding: 5rem 3rem;}
   .new .newone{ width: 28%; margin-right: 2%; }
   .new .newbox{ width: 39%;}
   .jianzheng .con{ top:25%;}
   .product .cp_menu a{ font-size: 2rem; line-height: 7rem;}
   .newlist ul li .data {width: 25%;}
   .newlist ul li .text {width: 70%;}
   .inleft{ width:70%;}
   .inright{ width: 25%;}
   .aboutcont .number ul li{margin:0 1rem}
   .aboutcont .aboutfr{ margin-top: 0;}
   .contact-map{display: block;}
   .contact-map1{display: none;}
   .chengnuo1,.inban .app,.procate{display: none;}
 }
 @media (max-width:1080px) {
   .wid{width: 96%;padding-left: 2%;padding-right: 2%;}
   .mb80  { margin-bottom: 5rem;}
   .mb50{ margin-bottom: 3rem;}
   .pdt80{ padding-top: 5rem;}
   .pd60{padding-top: 2rem;/* padding-bottom: 4rem; */padding-bottom: 2rem;}
   .top { display: none;}
   .top-xs{ display: block;}
   .top-xs{background-color: #fff;height: 5rem;position: fixed;top: 0;z-index: 991;width: 100%;padding: 1rem 0;box-shadow: 0 5px 15px rgba(0, 0 ,0, 0.15);}
    .top-xs .logo{ position:relative; z-index:990;} 
  .top-xs .logo img{height: 5rem;width: auto !important;margin-left: 1rem;}
  .tit p br{ display: none;}
   .menu-button {display: block;height: 3rem;margin: 1.2rem 1rem 0 0;cursor: pointer;position: relative;z-index: 900;}
  .menu-button .line:nth-of-type(1) {margin-top: 0;}
  .menu-button .line:nth-of-type(2) {margin-bottom: 0;}
  .menu-button .line {position: relative;display: block;width: 2.8rem;height: 0.2rem;margin: .5rem 0;background: #666;border-radius: 5px;-webkit-transition: 0.3s;transition: 0.3s;}
  .header_active .line:nth-of-type(1) {
  -webkit-transform: translateY(6.5px) rotate(-45deg);
  -ms-transform: translateY(6.5px) rotate(-45deg);
  transform: translateY(6.5px) rotate(-45deg);
  
}
  .header_active .line:nth-of-type(2) {opacity: 0}
  .header_active .line:nth-of-type(3) {
  -webkit-transform: translateY(-7.5px) rotate(45deg);-ms-transform: translateY(-7.5px) rotate(45deg);transform: translateY(-7.5px) rotate(45deg);}
  #menu {background: #fff;height: 100%;position: fixed;transform: translateY(-100%);top: 0;left: 0;right: 0;bottom: 0;z-index: 800;overflow-y: hidden;padding: 7rem 3rem 5rem;transition: .5s;display: block;}
  #menu ul {margin: 0 0 7rem 0;transition-delay: .2s;}
  #menu ul li {border-bottom: 1px solid rgba(0,0,0,.05);position: relative;}
  #menu ul li a {color: #333;padding: 1rem 2rem;display: inline-block;width: 90%;font-weight: bold;}
  #menu ul li a:hover {background: none; color:#01a039}
  #menu ul li i {line-height: 2.2rem;font-size: 1.4rem;display: none;width: 2.2rem;transform: translateY(0);color: #333;position: absolute;right: 0;top: 3rem;cursor: pointer;}
  #menu ul li.cur i,#menu ul li.current i {display: inline-block;}
  #menu ul li.cur .fa-angle-down { display: inline-block;transform: rotate(90deg);}
  #menu ul li.on { background: rgba(255,255,255,.05);}
  #menu ul li.on a {color: #333;}
  #menu dl {background: rgba(0,0,0,.02);display: none;}
  #menu dl dd { border-bottom: 1px solid rgba(0,0,0,.05);}
  #menu dl dd a {color: #555;display: block;padding: .5rem 1.5rem;font-weight: normal;}
  #menu dl dd i {padding: 0 6.5rem 0 0;font-size: 1.4rem;}
  .header_active #menu {transform: translateY(0);}


   .aboutfl{ padding-top: 3rem;}
   .aboutfl strong{ font-size:5rem; line-height: 4rem;}
   .aboutfl .color{ line-height: 4rem;}
   .aboutfl p{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
   .tit h2{ font-size: 3rem; line-height:3.6rem;}
   .f36{font-size: 2.4rem;}
   .product .cpboxcont{ padding: 5rem 2rem;}
   .product .cp_menu a{ font-size: 1.8rem; line-height: 5rem; font-weight:normal;}
   .advantage ul li:nth-of-type(1){ left: 0%;  }
   .advantage ul li:nth-of-type(2){ left:5%;  }
   .advantage ul li:nth-of-type(3){ left:14%; }
   .advantage ul li:nth-of-type(4){left: 50%;top: 2rem; margin-left: -8rem;} 
   .advantage ul li:nth-of-type(5){ right:14%; }
   .advantage ul li:nth-of-type(6){ right:5%; }
   .advantage ul li:nth-of-type(7){ right:0%; }
   .fangan ul li h1{ font-size: 1.6rem;}
   #demo{ width: 100%;}
   #demo ul li{width:200px;  margin-left: 1rem;}
   .product_detail .inright ul li{width: 30%;}
   .product_detail .inright ul li .name {    display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
   #demo .name{ line-height:5rem; } 
   #demo .text{padding: 3rem 2rem; }
   #demo .text h1 { font-size: 1.8rem;line-height: 4rem; } 
   #demo a:hover .text{display: block;position: absolute;top: 0;text-decoration: none;transition: .3s ease 0s;animation: hidetip 1s 1;animation-fill-mode: forwards;-webkit-animation: showtip 1s 1;-webkit-animation-fill-mode: forwards;}
   .choose ul li{width: 48.5%;padding: .5rem 1rem .5rem 5rem;border-radius: .4rem;margin: 0 0 1rem .2%;margin-left: .5rem;min-height: 7rem;line-height: 2rem;height: auto;position: relative;height: 7rem;}
   .choose .iconfont{float: none;height: 3rem;line-height: 3rem;font-size: 3rem;position: absolute;left: 0;width: 3.5rem;}
   .choose .icon p{width: 100%;display: inline-block;text-align: left;font-size: 1.4rem;float: right;}
   .choose .icon br{ display: none;}
   .new .newbox {width: 100%;padding: 1rem;}
   .newone{ display: none;}
   .jianzheng ul li{ width: 50%;}
   .fangan ul li{float: left;width: 48%;margin: 0 0.5% 2rem; }
   .fangan ul li h1{ line-height: 5rem;}
   /*鍐呴〉*/
   .search{ line-height: 6rem; height: 6rem;}
   .inban{ padding-top: 7rem; min-width: 100%;} 
   .inban img:nth-child(1){ display:none;}
   .inban img:nth-child(2){display:block;width: 100%;}
   .newlist ul li {width:100%; float:none;}
   .newlist ul li .data {width: 20%;}
   .newlist ul li .text {width: 78%;}
   .inleft{ width:70%;}
   .inright{ width: 25%;}
  .inleft h1{ line-height:1.4; font-size:3rem;}
  .pro_detail .inleft .pxq-plist h2{ font-size:2.4rem;line-height:7rem; height:7rem}
  .pro_detail .inleft .pxq-plist dl dt>a{ height:4.5rem; line-height:4.5rem;}
  .number ul li:nth-child(6){ display: none;}
.chengnuo,.contact-map{display: none;}
  .chengnuo1,.contact-map1,.inban .app{display: block;}
  .contact-map,.inban .pc {display: none;}
  .product_detail .inright{width: 80%;}
 }
 @media (max-width:768px) {
  .hidden-xs{ display: none;}
  .visible-xs{ display: block;}
  .banner1{ padding-top: 6rem;} 
   h1 { font-size:3.6rem}
   h2{ font-size: 2rem;}
  .top-xs{ height:4rem}
  .top-xs .logo img{height: 4rem;width: auto !important;}
  .inban{ padding-top:6rem;margin-bottom:2rem}
   .posnav { display: none;}
   .tit h2{ font-size: 2.4rem;}
   .tit p{ font-size: 1.4rem;}
   .number ul li{width: 18.5%;margin-right: 0;height: auto;}
   .number ul li{display: inline-block;background-color:#fff;z-index: 0;color:#01a039;text-align: center;position: relative;margin-top: -2rem;}
   .dataNums .tt span{width:100%;font: bold 2.8rem/6rem "Arial";color: #01a039;height: 6rem;float: left;}
   .number ul li .shu{color: #333;} 
   .number li p{color: #333;font-size: 1.2rem;}
   .dataNums .dataOne{width: 1.4rem;height:6rem;text-align: center;font-family: "Arial";list-style: none;line-height: 6rem;display: inline-block;}
   .aboutbox{ background: #fff;}
   .number ul li:first-child(){ background-color:#fff;}
   .number ul li:nth-child(2){ background-color:#fff;}
   .number ul li:nth-child(3){ background-color:#fff;}
   .number ul li:nth-child(4){ background-color:#fff;}
   .number ul li:nth-child(5){ background-color:#fff;} 
   .aboutcont .number ul li{color: #01a039;margin: 0;width: 19%;}
 .aboutbox .number ul li em{top:3.5rem;}
  .aboutcont .dataNums .tt span{color: #01a039;font: bold 3rem/6rem "Arial";}
  .aboutcont .number ul li .shu{color: #01a039;} 
  .aboutcont .number li p{color: #01a039;}
  .aboutcont .dataNums .dataOne{ width: 1.5rem;}
  .aboutcont  .cultrue{ padding: 3rem 0;}
  .aboutcont .aboutblist .text{ font-size: 1.6rem;}
  .aboutcont .aboutblist{ padding: 3rem .5rem;}
    .product .cpboximg{ width: 50%;}
   .product .cpboxcont { width: 48%; padding: 1rem;}
   .product .cpboxcont h2{font-size: 2rem;}
   .product .cp_menu a{  width: 33%; margin-bottom: 1px;}
   .cpbox .mb30{ margin-bottom: 2rem;}
   .product .cp_menu .more{top: 5.1rem;width: 33%;right: 0.8%;}
   .product .cpboxcont p{width: 100%;line-height: 2.4rem;opacity: .7;display: inline-block;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
   .advantage{ min-height: 55rem;}
   .advantage ul li a{width: 14rem;height: auto;padding: 1rem;font-size: 1.6rem;}
   .advantage ul li:nth-of-type(1){ left: 0%; top: 30rem;}
   .advantage ul li:nth-of-type(2){left:4%;top: 20rem;}
   .advantage ul li:nth-of-type(3){ left:12%; top: 10rem;}
   .advantage ul li:nth-of-type(4){left: 50%;top: 3rem;margin-left: -7rem;} 
   .advantage ul li:nth-of-type(5){ right:12%; top: 10rem;}
   .advantage ul li:nth-of-type(6){ right:4%; top: 20rem;}
   .advantage ul li:nth-of-type(7){ right:0%; top: 30rem;}
   #demo .text p { font-size: 1.4rem; -webkit-line-clamp: 6;}
   .chengnuo-xs{ background-color: #01a039;}
  .footer-xs{ background: #1d1b1b; color: #eee; padding: 2rem 0;  text-align: center;}
  .footer-xs a{color: #eee;}
  .footer-xs a:hover{ color: #01a039;}
/*  .cpbox{margin: 0 2rem;} */
  .product .cpboximg,.product .cpboxcont  { width: 100%;}
  .product .cpboxcont{ padding-bottom:5rem}
  .product .cpboxcont p{-webkit-line-clamp: 5;} 
  .newlist ul li .data p{ font-size: 2.4rem;} 
  .newlist ul li .text p{-webkit-line-clamp:2;}
  .newdetail .inleft{width: 100%;float: none;}
  .newdetail .inleft h1{ font-size: 2.4rem;}
  .newdetail .inright{display: none;}
  .pro_detail .inright{ display:block; width:100%}
  .pro_detail .inleft{ display:none;}
  .search,#share,.daodu{ display: none;}
  .time_source{ background: #f2f2f2; box-sizing: border-box; padding: 1rem ; margin: 1rem 0;}
  .pages p{-webkit-line-clamp: 1;}
  .product_detail{padding-top:0}
  .submenu { padding: 2rem 1rem;} 
  .submenu .swiper-slide{max-width: 15rem;width: auto;}
  .newlist ul li{height: auto;margin-bottom: 0;}
   .newlist ul li .data {width: 25%;padding: 1rem 0;}
   .newlist ul li .text {width: 70%;}
   .newlist ul li .text span{ display:none;}
  .fanye ul li{height: 3rem; line-height: 3rem;border-radius:.4rem}  
  .fanye ul li a,.fanye ul li span{display: block;padding: 0 1rem;} 
  .prolist ul li{ width:48% !important;}
  .pro_detail .cont .box{ padding:1rem;}
  .pro_detail .cont .box .cpxqtit{ position:revert;}
  .inright .cpxq span{ width:100% !important;}
  .inright .proviewbox{width:100%;padding: 0;border: none;}
  .inright .proinfo{ padding:1rem}
  .inright .wen{width:100%;padding: 0;}
  .inright .wen h3{ display:none;}
  .inright .wen .btn{ text-align:center;}
  .inright .proinfo h2{ text-align:center; line-height:6rem; color:#01a039; font-weight:bold;}
  .pro_detail{padding: 0 0 3rem 0;}
  .aboutcont {min-height: 30rem;height: auto;}
  .aboutblist .title{ font-size:2.4rem}
  .contact-tact ul li{width: 48%; margin-bottom: 20px;padding: 5px 10px 0;min-height: 170px;}
  .chengnuo,.contact-map,.inban .pc,.product_detail .inleft{display: none;}
  .chengnuo1.contact-map1,.inban .app{display: block;}
  .product_detail .inright{width: 100%;}
  .product_detail .inright ul li{ width:46% !important;}
  .product_detail .inright ul li .name {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

 }