@charset "utf-8";
/* CSS Document */

.wrap { margin:0 2.5rem;}
.ne-banner{ position:relative;}
.pc-banner {
    display: block;
}
.mobile-banner{ display:none;}
 
#map{ width:100%; height:5.75rem; margin:0.6rem 0;}
 .ne-ti{ text-align:center; color:#539e16; font-size:0.48rem; font-weight:bold; margin-bottom:0.5rem;}
.lx-box{ padding-top:0.7rem;}
.lx-le,.lx-ri{ width:48%;}
.lx-ri h1{ font-size:0.3rem; padding:0.15rem 0;}
.lx-ri ul li{display: flex; align-items: center; font-size:0.2rem; margin-bottom:0.14rem;}
.lx-ri ul li span{ display:block; padding-left:0.56rem;}
.lx-ri ul li img{ margin-right:0.1rem;}
.new-box{ padding:0.7rem 0;}
.new-list dl{ width:32%; float:left; margin:0 2% 0.35rem 0;}
.new-list dl dt{ overflow:hidden; background:#000;}
.new-list dl dt img{ width:100%; display:block; transition-duration:.5s;}
.new-list dl dd h1{ font-size:0.22rem;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; line-height:1.2; margin:0.2rem 0 0.05rem 0;
}
.new-list dl dd p{ color:#539e16; font-size:0.18rem;}
.new-list dl:nth-child(3n),.Application-list dl:nth-child(4n){ margin-right:0;}
.new-list dl:hover dt img{ transform:scale(1.1); opacity:0.8}
.page{display: flex;justify-content: center;align-items: center; margin-top:0.3rem;}
.page li a{ display:block; line-height:0.44rem; font-size:0.16rem; background:#9d9d9d; color:#fff; padding:0 0.15rem; margin:0 0.15rem; transition-duration:.5s; transition-duration:.5s;}
.page li a:hover{ background:#7dc642}
.new-nr-ti { text-align:center; border-bottom:1px solid #eee; padding-bottom:0.2rem; margin-bottom:0.2rem;}
.new-nr-ti h1{ font-size:0.2rem; padding-bottom:0.15rem;}
.new-nr-ti p{ font-size:0.19rem;}
.new-nr-zi{ font-size:0.16rem; line-height:1.8;}
.crop-box{ position:relative; padding:0.69rem 0 1.2rem;}
.app-img1{ position:absolute; top:0; left:0;}
.app-img2{ position:absolute; bottom:0; right:0;}
.app-img2 img,.app-img1 img{ display:block;}
.Application-list dl{-moz-box-shadow:0px 0px 7px #949494; -webkit-box-shadow:0px 0px 7px #949494; box-shadow:0px 0px 7px #949494; border-radius:20px; position:relative; width:23%; float:left; margin:0 2% 0.4rem 0;}
.Application-list dl dt{ position:relative; overflow:hidden; border-radius:20px;}
.Application-list dl dt img{ transition-duration:.5s; display:block;}
.Application-list dl dt .po-img{ position:absolute; bottom:0; left:0; width:100%;}
.Application-list dl dd{ position:absolute; bottom:0.12rem; text-transform:uppercase; color:#fff; font-weight:bold; font-size:0.24rem; width:100%; text-align:center;}
.Application-list dl:hover dt img:nth-child(1){ transform:scale(1.1)}
.crop-menu{display: flex;justify-content: space-between;}
.crop-menu li{ width:33.3333%; text-align:center; margin-right:1px;}
.crop-menu li a{ display:block; background:#e3e3e3; font-size:0.22rem; line-height:0.65rem;}
 .crop-menu li.hover{ background:#7dc642; color:#fff;}
.pro-img img{ width:100%; display:block;}
.pro-sj{ padding:0.38rem 0;}
.sj-title{display: flex;justify-content: space-between;}
.sj-title li{ width:50%; margin-right:1px; text-align: center; line-height:0.64rem; background:#e4bb57; font-size:0.22rem; color:#fff; }
.sj-list{ border:1px solid #e8e8e8; background:#f7f7f7}
.sj-list li{ border-bottom:1px solid #e8e8e8;text-align: center; line-height:0.64rem; font-size:0.18rem;display: flex;justify-content: space-between;}
.sj-list li p{width:50%;}
.sj-list li:last-child{ border-bottom:none;}
.sj-list li:nth-child(2n){ background:#fff;}
.corn-box .owl-controls,.carton-box .owl-controls{ display:none !important}
.sj-list li p:nth-child(1){border-right:1px solid #e8e8e8;}
.sj-list li:nth-child(2n) p:nth-child(1){border-right:1px solid #e8e8e8;}
.p-xq-menu li{ width:48%; float:left; overflow:hidden; position:relative;}
.p-xq-menu li:nth-child(2){ float:right;}
.p-xq-menu li p{ position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); color:#fff; font-weight:bold; font-size:0.28rem;}
.p-xq-menu li a{ display:block; position:relative;}
.p-xq-menu li img{ display:block;}
.p-xq-menu li a:after{ content:""; position:absolute; bottom:0; left:0; height:10px; background:#7dc642; width:0; transition-duration:.5s; border-radius:0 0 10px 10px;}
.p-xq-menu li a:hover:after,.p-xq-menu li .on:after{ width:100%;}
.Menubox ul{ text-align:center; padding:0.59rem 0 0.4rem 0;}
.Menubox ul li{ cursor:pointer; display:inline-block; line-height:0.58rem; background:#777777; color:#fff; font-weight:bold; font-size:0.26rem; padding:0 0.3rem; border-radius:10px; margin:0 0.1rem;}
.Menubox ul li.hover{ background:#7dc641}
.so-sb{ text-align:center; font-size:0.26rem; padding-bottom:0.4rem;  }
.so-box .ne-ti{ margin-bottom:0.3rem;}
.sub-title{ text-align:center; font-size:0.3rem; padding-bottom:0.25rem;}
.Packages-list li{ float:left; width:19.5%; overflow:hidden; background:#000; margin-right:0.5%; margin-bottom:5px;}
.Packages-list li:nth-child(1){ width:39.5%;}
.Packages-list li img{ width:100%; display:block; transition-duration:.5s;}
.Packages-list li:hover img{ transform: scale(1.1); opacity:0.5}
.so-box .app-img1{ top:1.6rem;}
.carton-box{ background:#eef8e7; padding:0.57rem 0;}
.Loading-box .Packages-list li{ width:31%; margin-right:1%; margin-bottom:0.15rem;}
.Loading-box .Packages-list li:nth-child(1){ width:31%;}
.Loading-box{ padding-bottom:0.6rem;}
.ab-box1{ padding:0.7rem 0 1.4rem 0;}
.ab-ri{ width:55%;}
.ab-ri h1{ font-size:0.6rem; line-height:1; padding:0.4rem 0 0.1rem 0;}
.ab-ri p{ font-size:0.18rem;}
.ab-le{ position:relative; width:40.5%; }
.ab-le img,.box2-ri img,.ab-box3 dt img{ position:relative; z-index:2; display:block; transition-duration:.5s; }
.ab-le:after{ content:""; width:100%; height:100%; background:#7dc642; top:15px; left:-15px; position:absolute; z-index:1; transition-duration:.5s;}
.ab-le:hover:after{ top:0; left:0;}
.box2-ri{ width:50%; position:relative; top:-1.13rem; overflow:hidden; background:#000;}
.box2-ri:hover img,.ab-box3 dt:hover img{ transform:scale(1.1)}
.box2-le{ width:50%; background:#e4f3d8; overflow:hidden; height:5.17rem;display: flex; align-items: center; padding:0 0.86rem; position:relative;}
.box2-le h1{ font-weight:normal; font-size:0.3rem; padding-bottom:0.2rem;}
.box2-le p{ font-size:0.17rem;}
.box2-le:after{ content:""; position:absolute; top:-1.5rem; left:-1rem; width:2.5rem; height:2.5rem; background:#7dc642; border-radius:50%;}
.ab-box2{ margin-bottom:0.6rem;}
.ab-box3{ padding:0 0.78rem;}
.ab-box3 dl{ margin-bottom:0.39rem;}
.ab-box3 dt{ width:50%; overflow:hidden;}
.ab-box3 dd{ width:47%;}
.ab-box3 dd h1{ font-size:0.3rem; font-weight:normal; padding:0.75rem 0 0.2rem 0;}
.ab-box3 dd p{ font-size:0.17rem;}
.p-title{ background:#7dc641; line-height:0.74rem; color:#fff; font-size:0.22rem;}
.p-title li{ float:left; width:15%; border-right:1px solid #fff; padding-left:0.2rem;}
.p-title li:nth-child(1){ width:5%;}
.p-title li:nth-child(4){ width:65%; border:none;}
.p-table{ border:1PX solid #e0e0e0;}
.p-table li{ border-bootom:1PX solid #e0e0e0; line-height:0.53rem; font-size:0.2rem; }
.p-table li p{ float:left;width:15%; border-right:1px solid #e0e0e0; padding-left:0.2rem;}
.p-table li p:nth-child(1){ width:5%;}
.p-table li p:nth-child(4){ width:65%; border:none;}
.p-table li:after{ content:""; clear:both; display:block;}
.p-table li:nth-child(2n){ background:#f0f9e8}
@media only screen and (max-width: 1650px) {
 .ab-ri p,.box2-le p,.ab-box3 dd p{ font-size:0.2rem;}
 
}

@media only screen and (max-width: 1540px) {
   
}

@media only screen and (max-width: 1400px) {
  
}

@media only screen and (max-width: 1280px) {
 .wrap{ margin:0 1rem}
}











@media only screen and (max-width: 760px) {
.pc-banner,.box2-le:after{display: none;}
.mobile-banner{ display:block;}
  .wrap{ margin:0;}
  .ab-box1,.crop-box,.new-box,.lx-box{ padding:30px 15px;}
  .ab-le,.ab-ri,.box2-le,.box2-ri,.ab-box3 dt,.ab-box3 dd,.lx-le, .lx-ri{ width:100%; float:none; margin-bottom:10px; top:0;}
  .ab-ri h1,.box2-le h1,.ne-ti,.sub-title,.lx-ri h1{ font-size:24px;}
  .ab-ri p, .box2-le p, .ab-box3 dd p,.crop-menu li a,.so-sb,.lx-ri ul li{ font-size:15px;}
  .box2-le{ height:auto; padding:15px;}
  .ab-box3{ padding:0 15px;}
  .ab-box3 dd h1{ font-size:24px; padding:10px 0;}
  .app-img2 img, .app-img1 img{ width:100px;}
  .Application-list dl,.new-list dl{ width:48%;}
  .p-xq-menu li a:after{ height:5px;}
  .new-list dl:nth-child(3n), .Application-list dl:nth-child(4n){ margin-right:2%;}
  .lx-ri ul li img{ width:30px;}
  .lx-ri ul li span{ display:inline-block; padding-left:0;}
}