@charset "utf-8";
.header{position: absolute;}
#page,#load_more_button{display: none;}
/* .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: #d65227 !important;width: 35px;opacity: 1;}
.swiper-pagination-bullet{opacity: 1;}
 */
#main{height: 100%;}
.BannerShow_c1 img{display: block; width: 100%;}
.banner{width: 100%;height: 100vh;overflow: hidden;position: relative;}
.banner .swiper-container{height: 100%;}
.banner .swiper-slide{background-repeat: no-repeat;background-position: center top;background-size: cover;}
.banner .swiper-slide a{position: relative; display: block;width: 100%;height: 100vh;overflow: hidden;}
.banner .swiper-slide img{position: absolute;top: 0; display: block;height: 100%; width: 100%;opacity: .7;transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);
    transition: 2s all ease;-ms-transition: 2s all ease;-webkit-transition: 2s 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*/

.banner .BannerShow_b1 .swiper-pagination{left: 5%;bottom: 30px;text-align: left;left: 8.3%;bottom: 2vw;border-bottom: 2px solid #fff;width: 175px;
  position: absolute;color: #fff;padding-bottom: 0.5vw;z-index: 1;}
.banner .BannerShow_b1 .swiper-pagination-current{padding-bottom: 0.5vw;color: #fd9b1c;font-size: 1.8vw;padding-left: 0.2em;padding-right: 0.2em;opacity: 1;position: relative;}
.banner .BannerShow_b1 .swiper-pagination-current:before{content: "0";}
.banner .BannerShow_b1 .swiper-pagination-total:before{content: "0";}
.banner .BannerShow_b1 .swiper-pagination-current:after{content: "";position: absolute;left: 0;bottom: -3px;width: 100%;height: 4px;display: block;background:#fd9b1c;}
.banner .arrow{position: absolute;left: 14.3%;bottom: 2.8vw;z-index: 2;}
.banner .arrow div{display: inline-block;position: static;margin: 0; width: 27px;height: 27px;
  background: url(/public/static/images/l.png)  center no-repeat;background-size: contain;
}
.banner .swiper-button-next{margin-right: 1vw;
    -webkit-transform:  rotate(-180deg) ;
    -ms-transform:  rotate(-180deg) ;
    -o-transform:  rotate(-180deg) ;
    transform:  rotate(-180deg) ;   
}
.banner .arrow div:hover{background-image: url(/public/static/images/lh.png);}

.mymore{color: #fff;display: block;height: 40px;line-height: 40px;overflow: hidden;font-size: 14px; border-radius: 10px;text-align:center;border:1px solid #d65227;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;background:#d65227;width: 10vw;min-width: 9em;max-width: 100%;
}
.mymore.mob{display: none;}
.arrow .ar{margin: 0;width: 3vw;height: 3vw;min-width: 30px;min-height: 30px;max-width: 57px;max-height: 57px;
  background: url(/public/static/images/arrow2.png) center no-repeat;background-size: contain;left: -6vw;top: 6vw;
}
.arrow .swiper-button-next{right: -6vw;left: auto;
    -webkit-transform:  rotate(-180deg);
    -ms-transform:  rotate(-180deg);
    -o-transform:  rotate(-180deg);
    transform:  rotate(-180deg);   
}

.index-phone{background: #fd9b1c;padding: 0 80px 0 0;position: absolute;right: 0; bottom: 0;z-index: 1;}
.index-phone a{line-height: 1.8;padding: 24px 20px 24px 63px;background-repeat: no-repeat;background-position: 20px center;display: block;float: left;}
.index-phone .service{border-right: 1px solid #fff;background-image: url(/public/static/images/i1-1.png);}
.index-phone .tel{background-image: url(/public/static/images/i1-2.png);}
.index-phone .top{cursor: pointer; width: 0;height: 0;border-bottom: 17px solid #ffff0d;position: absolute;right: 50px;top: 30px;
  border-left: 11px solid #fd9b1c;border-right: 11px solid #fd9b1c;
}

.index-s2 {font-size: 0;padding: 12px;background-color: #4d4d4d;}
.index-s2 .item {display: inline-block;vertical-align: top;position: relative;border-radius: 5px;overflow: hidden;}
.index-s2 .item .img-box {overflow: hidden;}
.index-s2 .item .txt-box {position: absolute;left: 1.5vw;right: 1.5vw;bottom: 1.5vw;}
.index-s2 .item img {display: block;width: 100%;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.index-s2 .item h3 {font-size: 28px;color: #ed7d01;font-weight: bold;}
.index-s2 .item h4 {font-size: 16px;color: #808080;margin-top: 5px;font-family: Arial;}

  .index-main .mymore:hover{background-color: #929292;color: #fff;}
  .index-s2 .item {width: calc(25% - 9px);  margin-right: 12px;}
  .index-s2 .item:last-of-type {margin-right: 0;}
  .index-s2 .item:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
#service{display: none;}
@media screen and (max-width: 640px){
  .index-s2 .item{width: 100%;margin-bottom: 12px;}
  .index-s2 .item h3{font-size: 5vw;}
  .index-s2 .item .img-box{height: 55vw;}
  .index-s2 .item .img-box img{width: 100%;height: 100%;display: block;object-fit: cover;}
  .index-s2 .item .txt-box{bottom: 5vw;left: 3%;width: 94%;}
  .index-s2 .item h4{font-size: 3.8vw;}

  .banner .BannerShow_b1 .swiper-pagination{bottom: 3vh;font-size: 5vw;width: 5.3em;left:auto;right: 3%;}
  .banner .BannerShow_b1 .swiper-pagination-current{font-size: 1.6em;}
#service{display: block;}
}