@charset "utf-8";
.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%;}
.ab-title p{font-size: 1.5vw;color: #282828;}
.ab-title span{font-size: 2.4vw;color: #46b135;font-weight: bold;font-family: Arial;display: block;}
.ab-title em{font-size: 1.5vw;color: #282828;display: block;}

.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: bold;font-family: Arial;display: block;
  width: 18em;max-width: 90%;margin-left: auto;margin-right: auto;
}
.title em{font-size: 1.2vw;color: #000000;font-weight: bold;line-height: 1.5;display: block;}
.title p{font-size: 16px;color: #282828;line-height: 1.8;display: block;padding-bottom: 10px;
  background: url(../images/tbg.png) bottom center no-repeat;background-size: auto 5px;
}

.box1 .B{background: url(../images/gd-alu_04.jpg) center no-repeat;background-size: cover;padding: 8vw 0 6vw;}
.box1 .B .poster{position: absolute;top: 0;left:0;width: 100%;bottom: 0;height: 100%;position: absolute;z-index: 1;background-size: cover;background-repeat: no-repeat;}
.box1 .B .play{display: block;width: 5.2vw;height: 5.2vw;z-index: 2; position: absolute;left: 50%;top: 50%;min-width: 40px;min-height: 40px; cursor: pointer;
  -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.box1 .B .play img{max-width: 100%;}
.box1 .content{width: 41%;}

.box2 .bm-title{margin-left: auto;margin-right: auto; max-width: 80%;}
.box2 .bm-title span{text-transform: uppercase;color: #282828;font-size: 2vw;font-family: Arial;display: block;}
.box2 .bm-title em{font-weight: bold; color: #46b135;font-size: 2.4vw;letter-spacing: 0.2em;display: block;margin: 0 auto 0.2em auto;}
.box2 .bm-title em:after{content: "";display: inline-block;margin-left: -0.2em;}
.box2 .bm-title p{text-transform: uppercase;color: #404040;font-size: 18px;font-family: Arial;letter-spacing: 2px;}
.box2 .T{width: calc(100% - 300px);box-sizing: border-box;}
.box2 .T span{font-size: 4.5vw;font-weight: bold;color: #46b135;line-height: 1.5;}
.box2 .T h3{color: #46b135;font-size: 2vw;font-weight: bold;font-family: Arial;text-transform: uppercase;}
.box2 .T p{color: #282828;font-size: 1.2vw;}
.box2 .B{background: url(../images/gd-alu_06.jpg) center no-repeat;background-size: cover;height: 30vw;box-sizing: border-box;
	/* padding-top: 10.7vw;padding-bottom: 2vw; */
  display: flex;
  align-items: center;
}
.box2 .B .content{width: 680px;max-width: 100%;margin-left: 0;text-align: left;}
/* .box2 .swiper-slide:nth-of-type(2) .content {margin-left: 0;text-align: left;} */
.box2 .swiper-slide:nth-of-type(1) .content {margin-left: 22vw;}
.box2 .swiper-slide:nth-of-type(2) .content {margin-left: 27vw;}
.box2 .swiper-slide:nth-of-type(3) .content {margin-left: 26vw;}
  .box2 .swiper-slide:nth-of-type(3) .content p:nth-of-type(1){color:#333;}
.box2 .swiper-slide:nth-of-type(4) .content {margin-left: 26vw;}
  .box2 .swiper-slide:nth-of-type(4) .content p:nth-of-type(1){color:#333;}
.box2 .swiper-slide:nth-of-type(5) .content {margin-left: 20vw;}
  .box2 .swiper-slide:nth-of-type(5) .content *{color:#333;}
.box2 .swiper-slide:nth-of-type(6) .content {margin-left: 27vw;}
  .box2 .swiper-slide:nth-of-type(6) .content *{color:#333;}
.box2 .swiper-slide:nth-of-type(7) .content {margin-left: 27vw;}
  .box2 .swiper-slide:nth-of-type(7) .content *{color:#333;}
  .box2 .swiper-slide:nth-of-type(8) .content {margin-left: 27vw;}
    .box2 .swiper-slide:nth-of-type(8) .content *{color:#fff;}

.box2 .img-list li{margin: 0 auto;display: inline-block;text-align: center;}
.box2 .img-list li + li{margin-left: 2.3vw;}
.box2 .img-list .img{display: block;height: 3vw;background-size: cover;background-position: center;width: 3vw;margin-bottom: 0.8em;
	border-radius: 50%;margin-left: auto;margin-right: auto;
}
.box2 .btn{position: absolute;right: 5%;top: 2vw;z-index: 2;}
.box2 .swiper-pagination{position: static;width: auto;font-size: 1.2vw;}
.box2 .swiper-pagination span:before{content: "0";}
.box2 .swiper-pagination-current{color: #46b135;font-size: 1.8vw;padding-left: 0.2em;padding-right: 0.2em;}
.box2 .arrow{display: inline-block;position: static;margin: 0; width: 80px;height: 40px;line-height: 40px;color: #fff;
	text-align: center;border-radius: 8px;background: #7d7d7d;font-family: '宋体',Sinsum;font-size: 20px;
}
.box2 .swiper-button-prev{margin: 0 15px;}
.box2 .arrow:hover{background: #46b135;}

.box-class .class-box + .class-box{margin-top: 4.5vw;}
.box-class .class-box .img{margin-top: 2vw;}
.box-class .class-box .img a{display: block;}
.box-class .class-box .img img{display: block;width: 100%;}

.box-other li{float: left;width: 50%;}
.box-other li a{display: block;background-size: 100% 100%;height: 40vw;padding: 3vw;box-sizing: border-box;background-position: center;
    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.box-other li .tag{background: #4eb640;display: inline-block;letter-spacing: 2px;padding: 0.2em 0.5em;}
.box-other li span{display: inline-block;border: 1px solid #d0d0d0;padding: 0.5em 3.5em 0.5em 0.8em;
  position: relative;
}
.box-other li span:after{content: "";width: 1.5em;height: 3px;display: block;position: absolute;
  right: 0.5em;top: 50%;margin-top: -1px;background: #4eb640;
    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}

@media screen and (min-width: 1200px){
  .box-other li a:hover{background-size: 105% 105%;}
  .box-other li a:hover span{background: #4eb640;border-color: #4eb640;color: #fff;}
  .box-other li a:hover span:after{background: #fff;}
}
@media screen and (max-width: 1024px){
  .box2 .T{width: calc(100% - 100px);}
  .box2 .swiper-pagination-current{font-size: 20px;}
  .box2 .arrow{display: none;}
}
@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;}

  .box2 .swiper-slide .content{margin:0 !important;}

  .box1 .content{width: 100%;}
  .ab-title span{font-size: 4.5vw;}
  .ab-title em{font-size: 4vw;}

  .box2 .bm-title span,.box2 .bm-title p{font-size: 4vw;}
  .box2 .bm-title em{font-size: 5vw;}

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

  .box-class .class-box + .class-box{margin-top: 10vw;}
  .box-class .class-box .img{margin-top: 5vw;}

  .box2 .T{width: 100%;}
  .box2 .T span{font-size: 12vw;}
  .box2 .T h3{font-size: 4.5vw;}
  .box2 .T p{font-size: 3.8vw;}
  .box2 .btn{top: auto;bottom: 3vw;display: none;}
  .box2 .B .content{color: #4c4c4c;text-align: left;}
  .box2 .B{height: auto; padding-top: 36vw;background-position: top center;background-size: 100% auto;}
  .box2 .img-list {display: none;}
} 
@media screen and (max-width: 420px){
  .title span, .title em{font-size: 3.8vw;}
  .title p,.box-case .PhotoList_k2 li span{font-size: 14px;}
  .bm-title em, .bm-title p,.ab-title em, .ab-title p{font-size: 12px;}
  .bm-title span,.ab-title h3{font-size: 5vw;}
  .box1 .L .txt{font-size: 14px;}

  .box-other li span{display: none;}
}