@charset "utf-8";
body{background: #fff;}
@font-face{
     font-family: 'timesbd'; 
     src: url('../fonts/timesbd.ttf');
}
@font-face{
     font-family: 'times'; 
     src: url('../fonts/times.ttf');
}
.footer{margin-top: 0;}
.banner .swiper-pagination{z-index: 1;text-align: left;bottom: 6vw;left: 5%}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 1px;width: 10px;margin-right: 5px;background-color: #bababa;border: none;
  border-radius: 5px;opacity: 0.5;display: inline-block;vertical-align: bottom;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet-active{background: #39af37 !important;width: 35px;height: 3px; opacity: 1;}

.banner{width: 100%;overflow: hidden;position: relative;}
.banner .swiper-container{height: 100%;height: 46vw;max-height: 940px;}
.banner .arrow{position: absolute;left: 6.5%;bottom: 30px;z-index: 2;}
.banner .swiper-slide{background-repeat: no-repeat;background-position: center top;background-size: cover;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;}
.banner .swiper-slide img{display: block;width: 100%;opacity: .9;transform: scale(1.02);-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);height: 100%;object-fit: cover;
    transition: 3s all ease;-ms-transition: 3s all ease;-webkit-transition: 3s all ease;}
.banner .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
 -webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.banner .swiper-pagination{width: 82%;left: 9%;bottom: 6vw;}

.mymore{color: #fff;background-color: #39af37; display: block;width: 9em;text-align: center; box-sizing: border-box; padding: 0.5em 0; 
    overflow: hidden;font-size: 14px; line-height: 1.5;border-radius: 2em;/* box-shadow: 0px 4px 15px 0 #22ac38; */max-width: 100%;
    transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;
} 
.mymore.mob{display: none;}

.ab-title{line-height: 1.2;text-transform: uppercase;text-align: center;margin-left: auto;margin-right: auto; max-width: 80%;padding-top: 2vw;
     background: url(../images/tbg.jpg) right bottom no-repeat;background-size: 19vw auto;
}
.ab-title h3{font-size: 2.5vw;color: #46b135;font-family: timesbd,'宋体',sans-serif;font-weight: bold;}
.ab-title h3 span{font-weight: 700;}
.ab-title em{font-size: 1.3vw;color: #282828;display: block;left: 0.8em;margin: 0.1em auto 0.3em auto;}
.ab-title p{font-size: 1.3vw;color: #282828;font-family: times,'宋体',sans-serif;left: 0.5em;}
.ab-title p:befoter{content: "";display: inline-block;margin-left: -0.5em;}
.ab-title em:befoter{content: "";display: inline-block;margin-left: -0.8em;}

.box1 .L{width: 27.5%;margin-left: 10%;padding-top: 2vw;}
.box1 .L .txt{line-height: 2.0;}
.box1 .L h4{font-family: times,'宋体',sans-serif;color: #46b135;}
.box1 .R{width: 53%;}
.box1 .R img{width: 100%;display: block;}
.win-list {margin-top: 2.6vw;}
.win-list li a{display: block;}
.win-list .img{height: 7.7vw;position: relative;display: block;}
.win-list .img img{position: absolute; max-width: 90%;max-height: 90%;top: 50%;left: 50%;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}

.bm-title{margin-left: auto;margin-right: auto; max-width: 80%;background: url(../images/yjn_18.jpg) center no-repeat;
  background-size: contain;padding: 4.2vw 0 2.6vw 0;
}
.bm-title span{color: #46b135;font-size: 1.8vw;font-family: timesbd,'宋体',sans-serif;font-weight: bold;background: #fff;}
.bm-title em{color: #282828;font-size: 16px;letter-spacing: 0.2em;display: block;padding: 0 0 0.2em 0;background: #fff;}
.bm-title em:after{content: "";display: inline-block;margin-left: -0.2em;background: #fff;}
.bm-title p{line-height: 1.8; text-transform: uppercase;color: #282828;font-size: 12px;
  letter-spacing: 2px;background: #fff;font-family: times,'宋体',sans-serif;
}

.box-class{background: url(../images/yjn_21.jpg),url(../images/yjn_13.jpg);padding-top: 5.2vw;
  background-repeat: no-repeat,no-repeat;
  background-size: 20vw auto,7.8vw auto;background-position: 3vw 7vw,top right;
}
.box-class .class-box {margin-top: 30px;}
.box-class .class-box + .class-box {margin-top: 2.6vw;}
.box-class .class-box .img{margin-top: 1.5vw;display: block;position: relative;height: 38vw;overflow: hidden;background-size: 100% 100%;
    background-position: center;background-repeat: no-repeat;
    transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;
}

.title {margin-left: auto;margin-right: auto; max-width: 80%;line-height: 1.2;text-transform: uppercase;text-align: center;}
.title span{font-size: 1.8vw;color: #46b135;font-weight: 700;font-family: timesbd,'宋体',sans-serif;display: block;}
.title em{font-size: 1.7vw;color: #46b135;line-height: 1.5;display: block;margin-bottom: 0.1em;}
.title p{font-size: 16px;color: #282828;line-height: 1.6;}

.box-case{background: url(../images/fbg_03.jpg) right bottom no-repeat;background-size: 20vw auto;
    padding-bottom: 7vw;margin-bottom: -7vw;
}
.box-case .mymore{font-weight: bold;font-size: 24px;text-align: center;width: 30px;height: 30px;line-height: 26px;padding: 0;
  border: 2px solid #46b135;color: #46b135;border-radius: 0;background: none;margin-left: auto;margin-right: auto;
    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.box-case .PhotoList_k2 li a{height: 12.5vw;position: relative;display: block;overflow: hidden;}
.box-case .PhotoList_k2 li h4{display: none;}
.box-case .PhotoList_k2 li img{position: absolute;left: 50%;top: 50%;
    width: 100%;height: 100%;object-fit:cover; 
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.box-case .PhotoList_k2 li span{color: #0e0e0d;font-size: 18px;margin-top: 1.5em;
  text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
}

@media screen and (min-width: 1200px){
  .box-other li a:hover{background-size: 105% 105%;}
  .box-other li a:hover span,.box-case .mymore:hover{background: #4eb640;border-color: #4eb640;color: #fff;}
  .box-other li a:hover span:after{background: #fff;}
  .box-class .class-box .img:hover{background-size: 105% 105%;}
  .box-case .PhotoList_k2 li a:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;}

}
@media screen and (max-width: 1024px){
  .box2 .T{width: calc(100% - 100px);}
  .box2 .swiper-pagination-current{font-size: 20px;}
  .box2 .arrow{display: none;}

  .bm-title span{font-size: 24px;}

  .box-case .PhotoList_k2 li a{height: 21vw;}
}
@media screen and (max-width: 640px){
  .mymore.pc{display: none;}
  .mymore.mob{display: block;}
  .banner .swiper-slide,.banner .swiper-container{height: 147vw;}
  .banner .swiper-pagination{bottom: 6vw;text-align: center;}

  .box1 .L{width: 90%;float: none;margin-left: 5%;margin-right: 5%;}
  .box1 .R{width: 100%;float: none;}
  .win-list .img{height: 20vw;}
  .ab-title h3{font-size: 6vw;}
  .ab-title em,.ab-title p{font-size: 4vw;}

  .title span,.title em{font-size: 4.5vw;}
  .title p{font-size: 3.8vw;}

  .box-class{padding-top: 12vw;}
  .box-class .class-box + .class-box{margin-top: 6vw;}
  .box-class .class-box .img{margin-top: 3vw;}

  .bm-title span{font-size: 6vw;}
  .bm-title em,.bm-title p{font-size: 3.8vw;}

  .box-case{padding-bottom: 14vw;margin-bottom: -14vw;background-size: 30vw auto;}
  .box-case .PhotoList_k2 li a{height: 32vw;}
  .box-case .PhotoList_k2 li span{font-size: 4vw;margin-top: 0.6em;}
} 
@media screen and (max-width: 420px){
  .box2 .bm-title span, .box2 .bm-title p{font-size: 12px;}
  .box2 .bm-title em{font-size: 4vw;}
  .title span, .title em{font-size: 3.8vw;}
  .title p{font-size: 14px;}

  .box2 .T h3{font-size: 3.8vw;}
  .box2 .T p{font-size: 14px;}
  .box2 .T span{font-size: 9vw;}
}