@charset "utf-8";
.swiper-pagination{z-index: 1;font-size: 0;text-align: left;bottom: 6vw;left: 5%}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width: 10px;margin-right: 1vw;background-color: #fff;border: none;
  border-radius: 5px;opacity: 0.5;}
.swiper-pagination-clickable .swiper-pagination-bullet-active{background: #eb6100 !important;width: 35px;opacity: 1;}

.BannerShow_c1 img{display: block; width: 100%;}
.banner{width: 100%;overflow: hidden;position: relative;}
.banner .swiper-container{height: 100%;}
.banner .arrow{position: absolute;left: 6.5%;bottom: 30px;z-index: 2;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;height: 46vw;max-height: 940px;}
.banner .swiper-slide img{width: 100%;height: 100%;display: block;object-fit: cover;}
.banner .swiper-pagination{width: 82%;left: 9%;bottom: 6vw;}
/* .mymore{color: #eb6100;display: block;height: 37px;line-height: 37px;font-weight: bold; overflow: hidden;font-size: 14px; 
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
 */
.title{text-transform: capitalize;}

.ResTitle_a2{color: #282828;text-transform: capitalize;}
.ResTitle_a2 br{display: none;}
.ResTitle_a2 em{font-size: 4vw;font-weight: bold;line-height: 1.4;display: block;}
.ResTitle_a2 span{font-size: 1.6vw;display: block;}

.num-list{margin-top: -4.5vw;border: 1px solid #eeeeee;position: relative;z-index: 2;}
.num-list li{float: left;box-sizing: border-box;width: 23.5%;border-right: 1px solid #eeeeee;}
.num-list .box{padding: 3vw 0.5vw;text-align: center;box-sizing: border-box;}
.num-list li:last-child{border-right: none;width: 29.5%;white-space: nowrap;}
.num-list .txt{text-align: left;padding-top: 0.4vw;max-width: 75%;}
.num-list i{width: 3.5vw;max-width: 76px;margin-right: 4%;}
.num-list i img{display: block;width: 100%;}

.bg1{background: url(../images/bg1.jpg) right bottom no-repeat;background-size: 57% auto;}
.bg2{background: url(../images/bg2.jpg) no-repeat;background-size: cover;padding: 8vw 0 6.5vw;}
.bg3{background: url(../images/bg3.jpg) no-repeat;background-size: cover;padding-top: 6vw;}

.B1 {padding: 8.5vw 0 5.2vw 0;}
.B1 .title{position: relative;}
.B1 .ResTitle_a2{text-align: right;}
.B1 .ResTitle_a2:after{content: "";display: block;width: 2.5em;height: 5px;background-color: #eb6100;margin-top: 1vw;margin-left: auto;margin-right: 0;}
.B1 .fl{max-width: 40%;}
.B1 .fl:after{content: "";display: block;width: 2vw;height: 3px;background-color: #eb6100;margin-top: 1vw;}
.B1 .en-tit{font-size: 7.5vw;position: absolute;bottom: 0;left: 0;color: #f5f7fa;line-height: 1.2;}
.B1 .title p{position: relative;z-index: 1;}
.B1 .amore{width: 3vw;margin-bottom: 7.5vw;margin-left: auto;margin-right: 0;}
.B1 .amore img{display: block;width: 100%;box-shadow: 1px 0 10px 0 rgba(235,97,1,0.8);background: #eb6100;
    border-radius: 50%;}
.B1 .fr{width: 57.4%;padding-bottom: 13vw;}
.B1 .mymore{padding: 0.5em 4em; border: 1px solid #f5f6f9;display: inline-block;border-radius: 3em;}

.B2 .ResTitle_a2 span,.B2 .ResTitle_a2  em{color: #fff;}
.B2 .p:after{content: "";display: block;width: 1.6em;height: 3px;background-color: #fff;margin-top: 1em;}
.B2 ul{border: 1px solid #c95835;border-bottom: none;}
.B2 li a{display: block;padding: 1.5vw 1vw 1.4vw 1.3vw;box-sizing:border-box;position: relative;}
.B2 li {box-sizing:border-box;display: block;float: left;width: 25%;border-right: 1px solid #c95835;border-bottom: 1px solid #c95835;overflow: hidden;}
.B2 li p{position: relative;z-index: 1;}
.B2 li:nth-child(4n){margin-right: 0;border-right: none;}
.B2 li .img{opacity: 0;width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;}
.B2 li .img img{display: block;height: 100%;width: 100%;object-fit: cover;}

.B4{padding-top: 6.8vw;}
.B4 .L{width: 22%;}
.B4 .R{width: 74.6%;}
.B4 .tap_box {box-sizing:border-box;display: block;display: none;position: relative;}
.B4 .tap_box.show{display: block;}
.B4 .title{padding: 0;padding: 0;}
.B4 .tap_btnlist li{box-sizing:border-box;line-height: 1.5;padding: 0.6vw 2em 0.6vw 0;border-bottom: 1px solid #dee0ea;
  background-size: 1em auto;background-position: 97% center;
   -webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;background-repeat: no-repeat;
}
.B4 .tap_btnlist li.on{border-color: #eb6100;color: #eb6100;font-weight: bold;background-image: url(../images/arrow.png);}
.B4 .img{height: 24.7vw;overflow: hidden;position: relative;}
.B4 .img img{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;object-fit: cover;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
  transform:translate(-50%,-50%) ;-ms-transform:translate(-50%,-50%) ;-webkit-transform:translate(-50%,-50%);}
.B4 .tap_box h3{padding: 0.7vw 5%;box-sizing: border-box;}
.B4 .swiper-container {padding: 10px;box-sizing: border-box;}
.B4 .arrow {top: -70px;position: absolute;right: 0;}
.B4 .arrow div{position: static;display: inline-block;margin: 0 2.2vw 0 0;border: 1px solid #bfbfbf;width: 37px;height: 37px;color: #7d7d7d;font-size: 22px;
  text-align: center;line-height: 37px;margin-left: 1vw;margin-right:0;background-image: none;}
.B4 .mymore{background-color: #e8ebf4;padding: 30px 6vw 16px 9vw;position: relative;box-sizing: border-box;}
.B4 .mymore:after{content: "";width: 14px;height: 14px;border-top: 2px solid #eb6100;border-right: 2px solid #eb6100;position: absolute;right: 3.4vw;top: 53%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.B5 {overflow: hidden;}
.B5 .ResTitle_a2 em{color: #eb6100;}
.B5 .swiper-pagination{position: static;}
.B5 .swiper-pagination-clickable .swiper-pagination-bullet{background: #dddddd;opacity: 1;}
.B5 .mymore {padding: 1.2vw 3.2vw;  background-color: #eb6100;position: relative;}
.B5 .mymore:after{content: "";display: block;width: 13vw;height: 100%;background-color: #eb6100;position: absolute;right: -12vw;top: 0;}
.B5 .mymore i{width: 1.2em;height: 1.2em;margin-left: 1.4vw;background: url(../images/arrow2.png) center no-repeat;background-size: contain;}
 .mymore.mob{display: none;}
.B5 .swiper-container {padding: 10px 10px 15px 10px;box-sizing: border-box;}
.B5 li:hover + li{border-color: transparent;}
@media screen and (min-width: 1024px){
  .B2 li a:hover .img{opacity: 1;}

  .B4 .tap_box a:hover h3{background-color: #eb6100;color: #fff;}
  .B4 .tap_btnlist li:hover{border-color: #eb6100;color: #eb6100;background-image: url(../images/arrow.png);}
  .B4 .tap_box li:hover{box-shadow: 1px 0 10px 0 rgba(235,97,1,0.8);}
  
  .B4 .arrow div:hover,.B1 .mymore:hover{background-color: #eb6100;color: #fff;border-color: #eb6100;}
  .B4 .mymore:hover, .B5 .mymore:hover{padding-right: 8vw;}

  .B1 .amore:hover{padding-right: 2vw;}

  .num-list li:hover i{
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    animation: beat 0.5s 1;
  }
}
@media screen and (max-width: 1250px){
  .ResTitle_a2 span{font-size: 22px;}
}
@media screen and (max-width: 1100px){
  .swiper-pagination{text-align: center;}
  .swiper-pagination-clickable .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 1.5vw;background-color: #c0c0c0;}
  .num-list .swiper-pagination{text-align: right;padding-right: 4vw;box-sizing: border-box;}
  .B1 .fr{width: 65%;}
  .B1{background-size: 68% auto;}
  .B5 .swiper-container,.B4 .swiper-container{padding: 0;}

  .num-list .swiper-pagination{display: block;}

}
@media screen and (max-width: 800px){
  .B4 .arrow{top: -50px;}
  .B4 .img{height: 38vw;}
  .B4 .mymore{padding: 20px 16vw 16px 6vw;}
  .B4 .mymore:after{right: 10.4vw;top: 44%;}
}
@media screen and (max-width: 640px){
  .swiper-pagination{text-align: center;}
  .swiper-pagination-clickable .swiper-pagination-bullet{width: 1.8vw;height: 1.8vw;min-height: 6px;min-width: 6px; margin: 0 1.5vw;background-color: #c0c0c0;}
  .p_tb_80{padding: 8vw 0;}
  .mymore.pc{display: none;}
  .mymore.mob{display: block;}
  .banner .swiper-slide a{height: 159vw;}
  .banner .swiper-pagination{bottom: 16vw;}
  
  .ResTitle_a2 em{font-size: 10.4vw;font-weight: bold;line-height: 1.4;display: block;}
  .ResTitle_a2 span{font-size: 4.2vw;display: block;}

  .num-list{margin-top: -12.5vw;}
  .num-list li{border: none;}
  .num-list .box{padding: 6vw 2vw 6vw 5vw;text-align: left;}
  .num-list .txt{padding-top: 1vw;}
  .num-list i{width: 17%;margin-right: 6%;}

  .bg1{background-size: 100% auto;}
  .bg2{background-image: url(../images/mbg2.jpg);padding: 10.6vw 0;}
  .bg3{background-image: none;}

  .B2 li{width: 50%;}
  .B2 li a{padding: 4.5vw 2.6vw 6vw 4.2vw;}
  .B2 li:nth-child(2n){border-right: none;border-top: none;}
  
  .B1 .ResTitle_a2{text-align: left;position: relative;z-index: 1;}
  .B1 .en-tit{font-size: 20vw;}
  .B1 .ResTitle_a2:after{width: 1em;margin-left: 0;margin-right: auto;}
  .B1 .fr{float: none;width: 100%;padding-bottom: 30vw;}
  
  .B4 .R{float: none;width: 100%;}
  .B4 .img{height: 70vw;}
  .B4 .tap_box h3{padding: 1.7vw 5%;}
  .B4 .mymore{width: 100%;padding: 5vw 5%;}
  .B4 .mymore:after{width: 6vw;height: 6vw;right: 55%;top: 7.5vw;border-width: 3px;}
  
  .B5 .mymore{padding: 2.2vw 3.2vw;padding-left: 19.4vw;padding-right: 14vw;}

}