
.home-about{padding:15px;}
.home-about h2{font-size:25px;padding:20px 0}
.home-about h3{font-size:20px;;margin-bottom:15px;}
.home-about b{color:#9ac06c;font-size:1.1em}


.home-ab-pic b{display:block;text-align:center;font-size:20px;color:#536639;margin-bottom:10px;}
.home-ab-pic{padding:20px 0;text-align:center;}

.service{position:relative;}
.service h3{padding:15px;color:#536639}
.servicebox{padding:0 5px;}
.ser-box{background:#fff;color:#70983c;border-radius:15px;box-shadow:0 0 8px rgba(0,0,0,.3);padding:20px 8px 10px;text-align:center;}
.ser-box img{height:50px;}
.ser-box h4{margin:10px 0;color:#000}
.ser-box p{font-size:12px;margin:0}
.ser-box b{font-size:40px;display:block;line-height:35px;font-weight:normal;}
.ser-box a{text-decoration:none;}
.servicebox .cont-vart{float:left;width:50%;padding:10px;}

.fanan-title h3{font-size:30px;}
.fanan-title h4{color:#70983c;font-size:18px;padding:20px 0;margin-bottom:20px;}
.fanan-title a{display:inline-block;background:#f6cf4f;color:#fff;padding:8px 20px;}
.fanan-title{padding:15px;text-align:center;}

.fanan ul{padding:0 10px;}
.fanan li{border-bottom:1px dashed #70983c;position:relative;padding:15px 0 15px 60px;}
.fanan li:last-child{border-bottom:0}
.fanan li:after{background:url(../images/gou.jpg) no-repeat left -4px;background-size:50px auto;content:'';position:absolute;top:0;left:0;height:100%;width:100px;}
.fanan li p{margin:0;font-size:12px;}
.fanan li h3{margin-bottom:10px;font-size:18px;}

.team{padding-left:10px;padding-right:10px}

.team{background:#f3f7ee;position:relative;}
.team:after{position:absolute;height:50%;bottom:0;content:'';width:100%;background:#bbd19e;left:0}

.team-title{font-size:25px;position:relative;position:relative;z-index:9;text-align:center;padding:0 10px 20px;}
.team-title p{color:#536639;font-size:14px;font-weight:normal;margin:0;margin-top:10px;line-height:1.4}

.teambox-loop{padding-left:30px;padding-right:30px;position:relative;}
.teambox{text-align:center;}
.teambox .swiper-button-next:after, .teambox .swiper-button-prev:after{color:#fff}
.teambox h3{font-size:18px;padding:10px 0}
.teambox p{font-size:12px;}

.case{background:#fcefc5;padding-left:10px;padding-right:10px;}
.swiper-container {width: 100%;height: 100%;overflow:hidden;}

.caseitem{margin-bottom:15px;box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);}
.case-info{background:#fff;padding:15px;}
.case-info h3{font-size:18px;margin-bottom:10px;}
.case-info p{margin:0}

.caseswiper-info{background:#fff;border-radius:10px;padding:15px;}
.caseswiper .swiper-slide{position:relative;}
 
 .caseswiper .caseswiper-info{height:100%;}
.caseswiper .caseswiper-info h3{font-size:18px;border-bottom:1px solid #333;padding-bottom:8px;margin-bottom:10px;}

.ser-box p{height:52px;}



@media (min-width: 768px) {
  .ab-pic{width:40%}
  .ab-info{width:60%;padding-left:30px;}

  .aboutbox{background:url(../images/home-about.jpg) no-repeat center left;background-size:auto 60%;}


  .home-about h2{font-size:28px;padding:25px 0}
  .home-about h3{font-size:23px;;margin-bottom:20px;}
  .home-ab-pic{padding:20px 5%}
  .home-ab-pic img{width:80px}
  .home-ab-pic b{font-size:25px;}
  .ser-box img{height:60px;}
  .ser-box h4{font-size:20px;}

  .cont-vart,.fl-col-height,.cont-vart-cont{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .cont-vart-cont{
        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-shrink: 1;
        min-width: 1px;
        max-width: 100%;
        width: 100%;
    }
  .ser-box{padding:25px 20px 15px;}
  .servicebox .cont-vart{padding:0 10px;float:none;width:25%;}
  .fanan-title{width:45%;padding:20px;}
  .fanan{width:55%;}
  .fanan-title h3{font-size:35px;}
  .fanan-title h4{font-size:22px;padding:25px 0;}
  .fanan-title a{padding:10px 25px;}

  .caseitem{background:#fff;margin-bottom:25px;}
  .caseitem .case-info .cont-vart-cont{border:1px solid #999;padding:15px}
  .caseitem .case-pic{width:45%}
  .caseitem .case-info{width:55%}

  .caseswiper .caseswiper-info{padding:20px;padding-right:50px;height:200px;}
  .caseswiper .swiper-slide{padding-right:40px;padding-top:20px;}
  .caseswiper .swiper-slide img{position:absolute;border-radius:100px;height:100px;right:0;top:0}
  .caseswiper .caseswiper-info h3{font-size:24px;}
  .teambox-loop{padding-left:40px;padding-right:40px;}

  .team-title{font-size:30px;padding-bottom:30px;}
  .ser-box p{height:auto;}
} 
@media (min-width: 992px) {
  .servicebox{padding-left:80px;}
  .service > h3{position:absolute;top:50%;transform:translateY(-50%);left:20px}
  .service > h3 span{display:block}
  .service > h3{font-size:30px;}
  .ser-box{padding:30px 25px 20px;}
  .ser-box p{font-size:14px;}
  .ser-box img{height:70px;}
  .ser-box h4{font-size:23px;}
  .caseitem{margin-bottom:35px;}
  .caseitem .case-info{padding:20px;} 
  .caseitem .case-pic{width:40%}
  .caseitem .case-info{width:60%}

  .caseswiper .caseswiper-info{padding-right:90px;}
  .caseswiper .swiper-slide img{height:120px;}

  .team-title{font-size:35px;padding-bottom:40px;}
  .team-title p{font-size:16px;padding:0 3%}
  .teambox-loop{padding-left:50px;padding-right:50px;}
  .aboutbox{background-size:auto 75%;}
}

@media (min-width: 1200px) {
    
  .ab-info{padding-left:40px}
  .servicebox{padding-left:100px;padding-right:20px;}
  .service > h3{font-size:35px;left:30px;}
 .fanan li p{font-size:14px;}

 .caseitem .case-info{padding:30px}
  .caseitem{margin-bottom:45px;}
  .caseitem .case-pic{width:35%}
  .caseitem .case-info{width:65%}

.teambox-loop{padding-left:60px;padding-right:60px;}
.team-title{font-size:40px;padding-bottom:50px;}
.team-title p{font-size:18px;}
  .aboutbox{background-size:auto 90%;}

}
@media (min-width: 1300px) {
  .home-about h2{font-size:35px;padding:0 0 35px;}
  .home-about h3{font-size:25px;;margin-bottom:25px;}
  .home-ab-pic b{font-size:35px;}
  .home-ab-pic img{width:100px}
  .home-ab-pic{padding:30px 10%}
  .ab-info{padding-left:50px;font-size:16px;}
  .ab-info p{line-height:1.5}

  .ser-box img{height:80px;}
  .ser-box h4{font-size:25px;margin:20px 0}

  .fanan-title{width:35%;padding:30px;}
  .fanan{width:65%;}
  .fanan li{padding:25px 0 25px 90px;}
  .fanan li h3{font-size:20px;}
 .fanan li p{font-size:16px;}
 .fanan li:after{background-size:70px auto}
 .caseitem .case-info{padding:35px}

 .teambox-loop{padding-left:60px;padding-right:60px;}
}

@media (min-width: 1400px) {
  .home-about h2{font-size:40px;padding:0 0 40px;}
  .home-about h3{font-size:30px;;margin-bottom:30px;}
 

  .fanan li h3{font-size:23px;}
 .fanan li:after{background-size:90px auto}
  .fanan li{padding:30px 0 30px 110px;}
 .caseitem .case-info{padding:40px}
}

@media (min-width: 1500px) {
  .home-about h2{font-size:45px;padding:0 0 50px;}
  .home-about h3{margin-bottom:35px;}
  .aboutbox{background-size:auto 100%;}
  


 .caseitem .case-info{padding:45px}

 .homemax{max-width:1500px;margin-left:auto;margin-right:auto}

}




