/*.owl-carousel{*/
/*    display: block;*/
/*}*/
.intorduce{
    width: 100%;
    height:715px;
    background: url(../image/bg.png) no-repeat;
    background-size:100% 100%;
    padding-bottom: 80px;
}
.common-title{
    padding: 60px 0 15px;
    text-align: center;
    color: #202b03;
}
.common-title h3{
   color: #202b03;
   font-size:30px;
   line-height: 48px;  
   font-weight: 600;
   letter-spacing: 2px;
   margin-bottom: 10px;
   font-family: fantasy;
}
.common-title h5{
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.intorduce-info
{
    width: 50%;
}
.intorduce-info .info-title{
    width: 100%;
    text-align: center;
}
.intorduce-info .info-title span{
   display: inline-block;
   padding: 15px 30px;
   color: #fff;
   font-size: 18px;
   border-radius: 50px;
   letter-spacing: 2px;
   font-weight: 500;
   background-color:#b9c83f;
   position: relative;
   margin-bottom: 40px;
}
.intorduce-info .info-title span::after{
   content:'';
   position: absolute;
   width: 48px;
   height: 60px;
   background: url(../image/shape1.png)no-repeat;
   left: 0px;
   top: 50px 
}
.flex{
    display: flex;
}
.intorduce-info .info-title span::before{
    content:'';
    position: absolute;
    width: 48px;
    height: 60px;
    background: url(../image/shape2.png)no-repeat;
    right: 0px;
    top: 50px 
 }

 .info-list li{
    width: 180px;
    padding: 25px;
    background-color: #b9c83f;
    border-radius: 15px;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    position: relative;
    z-index: 10;
 }
 .info-list li h4{
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
 }
 .info-list li:first-child{
    margin-left: 60px;
    margin-right: 60px;
 }
 .info-list li:last-child{
    background-color:#a1d12a;
    
 }
 .intorduce .wrapper{
    position: relative;
 }
 .intorduce .intorduce-img{
    position: absolute;
    top: 240px;
 }
 .advantage{
    background: url(../image/bg3.png)no-repeat;
    padding: 100px 0;
    background-size: 100% 100%;
 }
 .advantage-list ul{
   padding: 0 30px;
   flex-wrap:nowrap;
   justify-content: space-between;
 }
 .advantage-item .item-top{
   position: relative;
   width:200px;
   height: 200px;
   border-radius: 50%;
   margin: 0 auto;
 }
 .advantage-item{
   width: 23%;
   margin-right: 2%;
   padding: 0 20px;
 }
 .advantage-item:last-child{
   margin-right: 0%;
 }
 .advantage-item .item-top span{
   display: inline-block;
   position: absolute;
   top: 25px;
   left: 8px;
   width: 30px;
   height: 30px;
   background-color: #fff;
   color: #000;
   text-align: center;
   line-height: 30px;
   font-size: 12px;
   border-radius: 50%;
 }
 .advantage-item .item-top img{
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .item-bottom{
   margin-top: 30px;
   font-size: 14px;
   line-height: 28px;
   text-align: left;
   padding: 0 20px;
 }
 .item-bottom h4{
   text-align: center;
   font-size: 16px;
   margin-bottom: 15px;
 }
 .products-list{
   flex-wrap: wrap;
 }
 .products-item{
   width: 30%;
   margin-right: 3.333%;
   margin-bottom:45px;
 }
 .products-item:nth-child(3n){
   margin-right:0;
 }
 .products-item a{
   display: block;
   position: relative;
 }
 .products-item .products-inner{
   overflow: hidden;
   border:4px solid #a1d12a;
   border-radius: 2px;
 }
 .products-item .products-inner img{
   width: 100%;
   height: 100%;
   object-fit: fill;
   transition: transform 0.3s ease;
 }
 .products-item .products-inner img:hover{
    transform: scale(1.2);
 }
 .productes-title{
   width: 70%;
   position: absolute;
   left: 15%;
   bottom: -20px;
   color: #202b03;
   background-color: #fff;
   box-shadow:0 0 10px 10px rgba(0,0,0,.2);
   padding: 20px 10px;
   text-align: center;
   font-size: 16px;
 }
 .products{
   padding-bottom: 30px;
 }
 .about-us{
   width: 100%;
    background: url(../image/7.png)top no-repeat;
    background-size: 100% 350px;
}


 .about-info{
    color:#202b03;
    font-size: 15px;
    line-height: 32px;
 }
  .about-img {
      height: 440px;
  }
 .about-img .swiper-slide img{
   width: 100%;
 }
 .swiper-button-next, .swiper-button-prev{
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    content: '';
    width: 40px;
    height:40px;
    background: url(../image/L.png)center no-repeat;
    background-size: 100% 100%;
 }
 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
   content: '';
    width: 40px;
    height:40px;
    background: url(../image/R.png)center no-repeat;
    background-size: 100% 100%;
 }
 .news-contain{
   padding-bottom: 30px;
 }
 .news-inner{
   flex-wrap: nowrap;
   justify-content: space-around;
 }
 .news-left{
   position: relative;
   width:480px;
   height:325px;
   box-sizing: border-box;
 }
 .news-left img{
   width: 100%;
   height: 325px;
   object-fit: cover;
 }
 .news-left .left-title{
   width: 100%;
   position: absolute;
   bottom: 0;
   background: rgba(0,0,0,.4);
   color: #fff;
   padding: 10px 20px;
   font-size: 14px;
   box-sizing: border-box;
 }
 .news-right{
   flex: 1;
   width: 54%;
   margin-left: 1%;
 }
 .news-list li{
   margin-bottom: 20px;
   overflow: hidden;
 }
 .news-list li:last-child{
   margin-bottom:0;
 }
 
 .news-date{
   padding: 10px;
   padding-right: 15px;
   border-right: 1px solid #ebebeb;
 }
 .news-date{
   width: 12%;
   font-size: 14px;
   color: #a1d12a;
   line-height: 28px;
   text-align: center;
 }
 .news-year{
   font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    
 }
 .news-info{
   flex: 1;
   padding-left:3%;
   width:85%;
 }
 .news-info a{
   display: block;
   width: 100%;
 }
 .news-title{
   width:100%;
   height: 36px;
   line-height: 36px;
   overflow: hidden;
   font-size: 16px;
   color: #333;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-weight: 500;
   margin-bottom: 10px;
   font-weight: 600;
 }
 .news-con{
   font-size: 14px;
   color: #333;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   word-break: break-all;
 }
 #owl-banner2{
      display: none;  
    }
 @media only screen and (max-width: 1199px){
   .intorduce .intorduce-img img{
      width: 75%;
   }
   .intorduce-info{
     float: none;
     margin: 0 auto;
   }
   .intorduce .intorduce-img{
      top: 330px;
   }
   
 }
 @media only screen and (max-width: 975px){
     .banner-con{
         display: none;
     }
    #owl-banner2{
      display: block;  
    }
     .intorduce{
         display: none;
     }
     .advantage{
    background: url(../image/bg33.png)no-repeat;
    padding: 100px 0;
    background-size: 100% 100%;
 }
   .intorduce-info{
      float: none;
      width: 100%;
      padding: 0 20px;
    }
   .info-list li{
      width:40%;
   }
   .info-list li:first-child{
      margin-left: 0;
   }
   .advantage-list ul{
      flex-wrap: wrap;
   }
   .advantage-item{
    width: 44%;
    padding: 0;
   }
   .advantage-item:nth-child(2n){
      margin-right: 0;
   }
   .advantage-item:nth-child(3n){
      margin-right:2%;
   }
 }
 @media only screen and (max-width: 765px){
   .advantage-item{
      width:100%;
      margin-right: 0;
     }
     .advantage-item:nth-child(2n){
        margin-right: 0;
     }
     .advantage-item:nth-child(3n){
        margin-right:0;
     }
     .item-bottom{
      text-align: center;
      margin-bottom: 20px;
     }
     .products-item{
       width: 49%;
       margin-right: 2%;
     }
     .products-item:nth-child(3n){
      margin-right:2%;
     }
     .products-item:nth-child(2n){
      margin-right: 0;
     }
    .news-left{
      display: none;
    }
    .about-us{
      width: 100%;
      background: url(../image/7.png)center no-repeat;
      background-size: 100% 100%;
      padding-bottom: 20px;
    }
    .about-info{
      font-size: 12px;
    }
    .news-date{
      width: 18%;
    }
    .common-title h3{
      font-size: 24px;
    }
    .common-title h5{
      font-size: 14px;
    }
    .productes-title{
       width: 100%;
       left: 0;
       box-sizing: border-box;
       padding: 5px;
    }
    .about-img{
        display: none;
    }
 }