@charset "utf-8";

/* CSS Document */

 
 
@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	-webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
	/*开始为原始大小*/
}

100% {
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}


.slideBox {
    /* width:100%; */
    position: relative;
    margin: 0 auto;
    background: #000;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slideBox .bd li {
    vertical-align: middle;
    position: relative;
}

.slideBox .bd .b-img {
    width: 100%;
    display: block;
    animation: changeScale 1 2.5s;
}

.slideBox .bd .s-img {
    display: none;
}

.slideBox .hd {
    position: absolute;
    width: 100%; left:0;
    bottom: 0.25rem;
    z-index: 2; text-align:center;
}

.slideBox .hd ul {
    zoom: 1;
    color: #fff;
    width: 100%; text-align:center;
}

.slideBox .hd ul li {
    display: inline-block;
    margin: 0 6px;
    cursor: pointer;
    transition-duration: .5s;  position:relative; width:19px; height:19px; border:1px solid #7dc642; border-radius:50%;
}

.slideBox .hd ul li.on { background:#7dc642;}
.banner-txt{ width:100%; position:absolute; top: 50%;
    transform: translateY(-50%);left:2.92rem; color:#fff; }
.banner-txt div{ position:relative;}
.banner-txt div p{ color:#fff; font-size:0.35rem; width:70%; padding-bottom:0.2rem;}
.banner-txt div a{ display:block; width:2.15rem; line-height:0.6rem; text-align:center; color:#fff; background:#ffb500; border-radius:30px;}
.home-Application{ padding:1.05rem 0; background:#f4f7fe; position:relative;}
.in-ti{ text-align:center;display: flex;justify-content: center;align-items: center; margin-bottom:0.5rem;} 
.in-ti span{ display:inline-block; width:0.51rem; height:0.04rem; background:#539e16;}
.in-ti p{ font-weight:bold; font-size:0.3rem; color:#539e16; padding:0 0.11rem;}
.Application-list{ padding:0 1.74rem;}
.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;}
.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)}
.Application-list .owl-theme .owl-controls .owl-nav [class*=owl-]{ display:none !important;}
.Application-list .owl-theme .owl-controls{ margin-top:0.64rem;}
.Application-list .owl-theme .owl-dots .owl-dot span{ background:none !important; border:1px solid #989898; width:13px; height:13px;}
.Application-list .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#7dc642 !important; border:1px solid #7dc642;}

.app-img1{ position:absolute; top:0; left:0;}
.app-img2{ position:absolute; bottom:0; right:0;}
.home-about{ margin:0 2.4rem; padding:1.25rem 0 2rem 0;}
.ab-le{ width:5.75rem; position:relative;}
.ab-le:before{ content:""; width:1.12rem; height:80%; background:#7dc642; left:-1.12rem; top:10%; position:absolute;}
.ab-ri{ padding-left:1.16rem;width: calc(100% - 5.75rem);width: -webkit-calc(100% - 5.75rem);}
.ab-ti{ font-size:0.5rem; line-height:1;}
.ab-zi{ font-size:0.17rem; padding:0.28rem 0;}
.icon-list li{ width:31%; float:left; border:2px solid #eef2fb; padding:0.55rem 0 0.15rem 0; text-align:center; margin-right:1.5%; transition-duration:.5s;}
.icon-list li img{ transition-duration:.5s;}
.icon-list li p{ font-size:0.2rem; height:0.6rem;display: flex;justify-content: center;align-items: center; line-height:26px;}
.icon-list li:hover{-moz-box-shadow:0px 0px 7px #949494; -webkit-box-shadow:0px 0px 7px #949494; box-shadow:0px 0px 7px #949494; border-radius:20px;}
.icon-list li:hover img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.home-about .in-ti{ margin-bottom:0.24rem;}
.home-Packaging{ background:url(../images/farm.jpg) no-repeat center; padding:1.18rem 0 1.18rem 2.16rem;}
.home-Packaging .in-ti p{ color:#fff;}
.home-Packaging .in-ti span{ background:#fff;}
.home-Packaging .ab-ti{ width:75%; font-size:0.4rem;}
.home-Packaging  .icon-list{ width:55%; margin:0.6rem 0 0.5rem 0;}
.home-Packaging  .icon-list li{ width:18%; border:1px solid rgba(255,255,255,0.5); border-radius:20px; padding:0.21rem 0 0 0; margin-right:4%;}
.home-Packaging  .icon-list li p{ color:#fff; font-size:0.18rem; height:0.4rem; line-height:24px; position:relative; top:-0.15rem;}
.more{ display:block; width:2.14rem; text-align:center; line-height:0.66rem; color:#fff; background:#ffb500; font-size:0.18rem; text-transform:uppercase; border-radius:30px; transition-duration:.5s;}
.more:hover{ border-radius:20px; color:#fff;}

.home-new{ padding:0.87rem 2.34rem 1rem;}
.new-le{ width:49%;}
.new-le dt{ overflow:hidden; background:#000; height:5.29rem;}
.new-le dt img,.new-ri dl dt img{ width:100%; display:block; transition-duration:.5s;object-fit: cover;}
.new-le:hover dt img,.new-ri dl:hover dt img{ transform:scale(1.1); opacity:0.5}
.new-le dd{ border:1px solid #dcedd8; border-top:0; padding:0.28rem 0.2rem; position:relative;}
.new-le dd h1{ font-size:0.24rem; line-height:1.3;}
.new-le dd p{ position:absolute; right:0.2rem; bottom:0.3rem; color:#539e16; font-size:0.18rem;}
.new-ri{ width:48%;}
.new-ri dl{ margin-bottom:0.44rem;}
.new-ri dl dt{ width:2.48rem; height:1.87rem; overflow:hidden; float:left; background:#000;}
.new-ri dl dd{width: calc(100% - 2.48rem);width: -webkit-calc(100% - 2.48rem); padding:0.26rem; border:1px solid #dcedd8; height:1.87rem; float:left;}
.new-ri dl dd p{ color:#539e16; font-size:0.18rem;}
.new-ri dl dd h1{ font-size:0.19rem; line-height:1.5;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; margin:0.1rem 0;}
.new-ri dl dd span{ border-bottom:1px solid #808285; text-transform:uppercase; font-size:0.16rem; font-weight:bold; color:#808899;}
.new-ri dl a:after{ content:""; clear:both; display:block;}


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

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

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

@media only screen and (max-width: 1280px) {
 .banner-txt img{ width:400px;}
 .ab-le:before{ width:0.5rem; left:-0.5rem}
 .home-about{ margin:0 1.5rem;}
 .icon-list li img{ width:70px;}
 .Application-list{ padding:0 1.5rem;}
 .home-Packaging{ padding-left:1.5rem;}
	}


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

@media only screen and (max-width: 760px) {
	 .slideBox .bd .b-img,.ab-le:before,.new-ri dl dd span{ display:none !important;}
	   .slideBox .bd .s-img{ display:block !important;}
.banner-txt img{ max-width:50%;}
 .banner-txt{ left:10px;}
 .banner-txt div a{ bottom:0;}
 .slideBox .hd ul li{ width:10px; height:10px;}
 .home-about,.home-Application,.home-Packaging,.home-new{ margin:0; padding:30px 15px;}
 .ab-le,.ab-ri,.new-le,.new-ri{ width:100%; height:auto; float:none !important; margin-bottom:10px; padding:0;}
 .in-ti p{ font-size:24px;}
 .ab-ti{ font-size:28px;}
 .ab-zi,.new-ri dl dd p,.new-ri dl dd h1{ font-size:14px;}
 .icon-list li img{ width:50px;}
 .icon-list li{ padding:20px 0;}
 .icon-list li p{ font-size:14px; line-height:1;}
 .left1,.right1{ width:100px;}
 .Application-list{ padding:0;}
 .home-Packaging .ab-ti{ width:100%; font-size:24px;}
 .home-Packaging .icon-list{ width:100%;}
 .home-Packaging .icon-list li{ width:24%; margin-right:1%; padding:10px;}
 .home-Packaging .icon-list li p{ font-size:14px; line-height:1; height:50px;}
 .new-le dt{ height:auto;}
 .new-le dd h1{ font-size:16px;}
 .new-le dd p{ position:relative; font-size:14px; bottom:0; left:5px;}
 .new-ri dl dd{ padding:10px;}
 
}

@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(2);
    }
}

@-moz-keyframes grow {
    from {
        -moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(2);
    }
}

@keyframes grow {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}