@charset "utf-8";
.swiper-pagination{z-index: 1;position: static;font-size: 0;text-align: center;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 2.6vw;margin-right: 1vw;background-color: #eeeeee;border-radius: 4px;opacity: 1;}
.swiper-pagination-bullet-active{background: #d8262c !important;}
.swiper-button-next,.swiper-button-prev{background: url("../img/rh.png") center no-repeat;width: 2.6vw;height: 2.6vw;border-radius: 0; 
  background-size: 100% 100%;max-height: 50px;max-width: 50px;min-height: 30px;min-width: 30px;
  transition: .2s all ease;-ms-transition: .2s all ease;-webkit-transition: .2s all ease;}
.swiper-button-prev{left: -5.2vw;background-image: url("../img/lh.png");}
.swiper-button-prev.swiper-button-disabled{background-image: url("../img/l.png");}
.swiper-button-next.swiper-button-disabled{background-image: url("../img/r.png");}

.banner{width: 100%;overflow: hidden;position: relative;}
.banner .swiper-container{height: 100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{position: static; margin-top: 0;}
.banner .swiper-pagination{width: 80%;left: 10%;position: absolute;text-align: center;bottom: 2.7vw;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;
    /*height: 42.2vw;max-height: 810px;*/
}
.banner .swiper-slide img{width: 100%;height: 100%;display: block;object-fit: cover;}

.mymore{display: block; background: url("../img/more.png") #d8262c no-repeat;background-position: 90% center;width: 147px;height:50px;line-height: 50px;
 padding: 0 1em;margin: 3vw auto 0 auto;border-radius: 7px;box-sizing: border-box;}
.mymore{padding: 0.5em 2em 0.5em 0.8em;height: auto; height: auto;line-height: 1.5;background-size: auto 1em;background-position: 7.5em center;width: 9em;}
 .i2 .mymore{margin-right: 0;border-radius: 0;padding: 0.2em 0.5em;width: 7em;background-position: 5.8em center;}

 .mymore.mob{display: none;}
.tap_group .tap_box{display: none;}

.title{text-align: center;margin-bottom: 3vw;position: relative; }
.title em,.title br{display: none;}
.title span{display: block;padding-bottom: 1em;background: url("../img/line.png") center bottom no-repeat;background-size: auto 0.6em; font-weight: bold;margin-bottom: 15px;}

.bg1{background: url("../images/bg1-1.png") center bottom no-repeat;background-size: 100% auto;}
.bg2{background: url("../img/bg2.jpg") left top;background-size: 100% 100%;}
.bg3{background: url("../img/bg3.jpg") center no-repeat;background-size: cover;}
.bg4{background: url("../img/bg4.jpg") center no-repeat;background-size: cover;}
.bg5{background: url("../img/bg5.jpg") center no-repeat;background-size: cover;}

.i1 .main-w{margin-left: 0;padding-top: 3vw;}
.i1 .L{width: 58.7%;}
.i1 .L .tit{line-height: 1.5;}
.i1 .L ul,.i1 .L .t{padding-left: 7.5vw;box-sizing: border-box;position: relative;}
.i1 .L .t:before{content: "";display: block;position: absolute;width: 6.5vw;height: 4vw;top: 0.5vw; left:0;background-color: #737373;}
.i1 .L ul:before{content: "";display: block;position: absolute;width: 9vw;height:100%;left:0;
  background: linear-gradient(to right,  transparent, #737373);
  background: -ms-linear-gradient(to right,  transparent, #737373);
  background: -webkit-linear-gradient(to right,  transparent, #737373);
}
.i1 .L li{float: left;width: 5.3vw;height: 5.3vw;padding-top: 0.5vw;box-sizing: border-box; text-align: center;border: 1px solid #666666;
  border-radius: 50%;background: #fff;display: block;background: #fff;margin-left: -0.5vw;position: relative;z-index: 2;min-width: 6em;min-height: 6em;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
}
.i1 .L li:nth-child(2n){border-color: #d8262c;}
.i1 .L li img{max-width: 50%;display: block;margin: 0 auto;}
.i1 .L h4:before{content: "";display: inline-block;vertical-align: middle;margin-right: 0.6em; height: 1vw;background: #d8262c;width: 1.5em;transform: skew(-13deg);-webkit-transform: skew(-13deg);}
.i1 .R{width: 40.5%;position: relative;}
/* .i1 .BannerShow_c1{width: 100%;font-size: 0;}
.i1  #kinMaxShow div{transform: skew(-13deg);-webkit-transform: skew(-13deg); border-top: 5.2vw solid #d8262c;box-sizing: border-box;overflow: hidden;} */
.i1 .BannerShow_c1 img{width: 100%; display: block;}
.i1 .slogan{text-align: right;padding: 1.3vw 2vw;box-sizing: border-box;  
  transform: skew(-20deg);-webkit-transform: skew(-20deg);width: 98%;
  background: linear-gradient(to right,  transparent, #d8262c);
  background: -ms-linear-gradient(to right,  transparent, #d8262c);
  background: -webkit-linear-gradient(to right,  transparent, #d8262c);
}
.i1 .slogan img{margin-left: 1em;}
.i1 .slogan img,.i1 .slogan p{transform: skew(20deg);-webkit-transform: skew(20deg);}

.i2{padding-bottom: 2.6vw;}
.i2 .title{margin-bottom: 2vw;}
.i2 .L{max-width: 34%;width: 300px;}
.i2 .L img{width: 6vw;max-width: 120px;min-width: 5.5em;}
.i2 .L p{line-height: 1.8;border-bottom: 6px solid #e94026;}
.i2 .R{width: 62.8%;}
.i2 li a{display: block;padding: 0.6vw 1.5vw;}
.i2 li{margin-top: 0.7vw;}
.i2 li.on{box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);background-color: #d8262c;}
.i2 .txt{max-width: 30%;width: 280px;}
.i2 .pic{width: 70%;height: 23vw;position: relative;overflow: hidden;}
.i2 .pic img{max-width: 100%;max-height: 100%; display: block;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.i2 .b-7e7f7f{padding: 1.2vw;}
.i2 .txt .f-26:before{content: "";display: inline-block;vertical-align: middle;margin-right: 0.3em; height: 1vw;background: #d8262c;width: 1.2em;transform: skew(-13deg);-webkit-transform: skew(-13deg);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.3;}
.i2 .L .swiper-container{overflow: visible;}
.i2 .L .swiper-button-next,.i2 .L .swiper-button-prev{z-index: 2; position: absolute;background-image: none;min-height: 0;min-width: 0;margin: 0;width: 0;height: 0;
     border-bottom: 20px solid transparent;border-top: 20px solid transparent;top: 50%;
    -webkit-transform:  translateY(-50%) rotate(-180deg) ;
    -ms-transform:  translateY(-50%) rotate(-180deg) ;
    -o-transform:  translateY(-50%) rotate(-180deg) ;
    transform:  translateY(-50%) rotate(-180deg) ;   
}
.i2 .L .swiper-button-next {right: -4vw; border-right: 2vw solid #d8262c;}
.i2 .L .swiper-button-prev {left: -4vw;border-left: 2vw solid #d8262c;}
.i2 .L .swiper-button-next ,.i2 .L .swiper-button-prev{border-bottom-width: 2vw;border-top-width: 2vw;}

.i3 .title{color: #fff;}
.i3 .title span{background-image: url("../img/lineb.png");}
.i3 li:after{content: "";display: block;height: 100%;width: 0;left: 50%; position: absolute;bottom: 0;background: #da251c;
transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;z-index: -1;}
.i3 li span {display: block;padding: 0.5vw;box-sizing:border-box;color: #fff;position: relative; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.i3 li h4{display: none;}
.i3 li a{display: block;height: 15vw;position: relative;overflow: hidden;}

.i5{padding: 4vw 0 6vw 0;}
.i5 .PhotoList_i1 li a{display: block;height: 6vw; box-sizing:border-box;background: #fff;border: 1px solid #7d7d7d;position: relative;overflow: hidden;   width: 99%;}
.i5 .PhotoList_i1 li h4,.i5 .PhotoList_i1 li span{display: none;}
.i5 .PhotoList_i1{width: 90%;margin: 0 auto;}
.i5 .swiper-button-next,.i5 .swiper-button-prev{position: absolute;top: 2.7vw;left: 0;}
.i5 .swiper-button-next{left: auto;right: 0;}

.i4{position: relative;}
.i4:after{content: "";display: block;width: 15%;background: #eeeeee;height: 100%;position: absolute;left:0;bottom: 0;}
.i4 .L,.i4 .R{z-index: 1;}
.i4 .L{width: 17.8%;padding: 3vw 1.3vw 1.5vw 1.3vw;box-sizing:border-box;margin-left: 7%;}
.i4 .L img{width: 5.2vw;max-width: 103px;}
.i4 .R{width: 73.75%;padding: 1.5vw 7% 2vw 1.5vw; border-top: 10px solid #e94026;box-sizing:border-box;position: relative;}
.i4 .more {border: none;width: 100%;text-align: left;display: block;background:url("../img/more2.png") right center no-repeat;background-size: 2em auto;}
.i4 .tap_btnlist li{display: block; margin: 0;padding: 12px 0;color: #e5e5e5;position: relative;border: 1px solid #e5e5e5;
  text-align: center;cursor: pointer;overflow: hidden;box-sizing: border-box;transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.i4 .tap_btnlist li+li{margin-top: 2vw;}
.i4 .tap_btnlist .on{color: #fff;background: #d8262c;border-color: #d8262c;}

.NewsList_g1 li{background:#f5f5f5;}
.NewsList_g1 .ntime{font-size: 14px;color: #808080;background: url("../img/icon3-2.png") left center no-repeat;height: auto;
  background-size: auto 1.3em;padding-left: 27px;position: absolute;bottom: 5em;left: 5%;margin: 0;}
.NewsList_g1  h3,.NewsList_g1  p{width:90%;margin: 0 auto;}
.NewsList_g1  h3{display: block;margin-top: 1.2vw;}
.NewsList_g1  h3 a{font-weight: bold; font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
  transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;
}
.NewsList_g1 p{font-size: 14px;color: #333333;line-height: 1.5;height: 3em;margin-top: 3.5em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.NewsList_g1 p:last-child{height: 1vw;opacity: 0;height: auto;margin: 0;}
.NewsList_g1 .nwimg {position: relative;overflow: hidden;}
.NewsList_g1 .nwimg img{width: 100%;height: 100%;/* object-fit:cover;max-height: 100%;max-width: 100%;   */display: block;position: absolute;top: 50%;left: 50%; 
  transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
  transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;
}
.NewsList_g1 .nwimg {height: 13.5vw;overflow: hidden;display: block;/* border: 1px solid #bfbfbf; */box-sizing: border-box;width: 100%;}

.i6 {padding: 5.2vw 0;}
.i6 .title{margin-bottom: 2vw;}
.i6 .class-link li{transform: skew(-13deg);-webkit-transform: skew(-13deg);display: inline-block;}
.i6 .class-link li a{transform: skew(13deg);-webkit-transform: skew(13deg);display: block;padding: 0.5vw 1.5vw;}
.i6 .L{width: 19.8%;margin-left: 7.5%;margin-right: 4%;}
.i6 .L .t{padding: 1.4vw 0 0.7vw 0;}
.i6 .L .tap_btnlist{padding: 1vw 2.5vw 3vw 2vw;box-sizing: border-box;display: block;box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);}
.i6 .L .tap_btnlist li{background: url("../img/moreh.png") no-repeat;background-size: auto 35% ;background-position: 130% center;}
.i6 .L .tap_btnlist li.on{background-position: right center;}
.i6 .L .tap_btnlist li.on a{color: #d8262c;font-weight: bold;}
.i6 .L .tap_btnlist li a{padding: 1.2vw 1.5vw 1.2vw 0;display: block;border-bottom: 1px solid #a0a0a0;transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.i6 .R{width: 66%;height: 100%;position: absolute;right: 0;}
.i6 .R .box{background-position: right center;background-size: 74% 100%;padding: 2.2vw 0 5.4vw 0;background-repeat: no-repeat;}
.i6 .R .txt{width: 37.4%;background: rgba(238,238,238,0.9);padding: 1.7vw;;box-sizing: border-box;}
.i6 .R .txt:before{content: "";display: block;vertical-align: middle;height: 0.5vw;margin-bottom: 0.7vw; background: #d8262c;width: 3em;transform: skew(-13deg);-webkit-transform: skew(-13deg);}
.i6 .R .more{text-align: center; border: 1px solid #7d7d7d;width: 8em;height: auto;line-height: 1.5;padding: 0.4em 0;float: right;}
.i6 .R .arrow {bottom: 2vw;z-index: 1;}
.i6 .R .arrow div,.i2 .R .arrow div{position: static;display: inline-block;margin: 0 2.2vw 0 0;background: #bfbfbf;max-width: 60px; width: 60px;height: 30px;
  text-align: center;line-height: 30px;font-family: Arial;}
.i2 .R .arrow div{margin-left: 2vw;margin-right:0;}
.page{display: none;}

.i3 li a img,.i5 .PhotoList_i1 li a img,.NewsList_g1 li:not(:first-child) .newimg img{
  display: block;position: absolute;top: 50%;left: 50%; 
  transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
  transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;
}
.i3 li a img{height: 100%;width: 100%;object-fit:cover;}
.NewsList_g1 li:not(:first-child) .newimg img{height: auto;max-width: 95%;width: auto;max-height: 98%;}
.i5 .PhotoList_i1 li a img{width: auto;max-width: 85%;max-height: 85%;}

@media screen and (min-width: 1024px){
  .swiper-pagination-clickable .swiper-pagination-bullet:hover{background-color: #ff6e6e;}
  .i2 li a:hover{box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);background-color: #d8262c;}

  .i3 .mymore:hover,.mymore:hover{background-position: 95% center;}
  .i3 li:hover span{color: #fff;}
  .i3 li:hover:after{width: 100%;left: 0;}
  .i3 li a:hover img,.i5 .PhotoList_i1 a:hover img,.NewsList_g1 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) ;}
  .i4 .more:hover,.NewsList_g1 li:hover a{color:#d8262c; }
  .i6 .R .arrow div:hover ,.i2 .R .arrow div:hover ,.i6 .class-link li:hover{background-color: #d8262c;}
  .i6 .R .more:hover,.i4 .tap_btnlist li+li:hover{background-color: #d8262c;border-color: #d8262c;color: #fff;}
  .i6 .L .tap_btnlist li a:hover{color:#d8262c; text-indent: 0.5em;}
}
@media screen and (max-width: 1440px){
  .i1 .L{width: 56.5%;}
  .i1 .slogan{width: 96%;}
  .i6 .R .arrow{bottom: 0;}
}
@media screen and (max-width: 1250px){
  .i2 .L{width: 230px;}
  
  .i2 .txt{max-width: 45%;}
  .i2 .pic{width: 55%;}
}
@media screen and (max-width: 1100px){
  .i1 .L .b{display: none;}
  .i4 .L{width: 22%;margin-left: 5%;}
  .i4 .R{padding-right: 5vw;width: 70%;}
  .NewsList_g1 .nwimg{height: 19vw;}
  .NewsList_g1 h3 a{font-size: 16px;}
  .NewsList_g1 p{margin-top: 3em;}

  .i6 .L .t .f-18{display: none;}
  .i2 .txt .f-26:before{display: none;}
}
@media screen and (max-width: 640px){
  .swiper-pagination{text-align: center;}
  .swiper-pagination-clickable .swiper-pagination-bullet{width: 6.8vw;height: 1vw;min-height: 4px;margin: 0 1.5vw;}
  .p_tb_80{padding: 8vw 0;}
  .i1 .R:before, .i1 .R .BannerShow_c1:after,.box-serive .L:before,.box-serive .R:before{display: none;}
  .mymore{height: 8vw;line-height: 8vw;padding: 0 3em 0 3vw;background-position: 90% center;border-radius: 1.2vw;}
  .mymore.pc, .more.pc{display: none;}
  .banner .swiper-slide a{height: 73vw;max-height: 550px;}
  
  .title,.i6 .title{margin-bottom: 8vw;}
  .title span{padding-bottom: 6vw;background-size: 5em auto;}
  .bg1,.bg3{background: none;}
  .bg1{background-image: url("../img/mbg1.jpg");background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
  .bg2{background-image: url("../img/mbg2.jpg");}
  .bg4{background-image: url("../img/mbg4.jpg");background-size: cover;}
  .bg7{background: url("../img/bg7.jpg");background-size: cover;}

  .i1 .R{float: left;height: 42vw;}
  .i1 .L ul, .i1 .L .t{padding: 0;}
  .i1 .L .t:before{display: none;}
  .i1 .main-w{margin-left: auto;}
  .i1 .L{display: block;width: 100%;background: none;}
  .i1 .slogan{text-align: left;background-color: #d8262c;border-radius: 2vw;padding: 2vw 3vw; }
  .i1 .slogan img{height: 1.5em;float: right;margin-top: 0.15em;}
  .i1 .L .tit,.i1 .L .tit span{color: #fff;}
  .i1 .main-w{padding-top: 1vw;}
  .i1 .L h4:before{width: 1.2em;height: 0.8em;background-color: #e94026;}
  
  .i2 .L,.i2 .R, .i2 .txt,.i2 .pic{float: none;width: 100%;max-width: 100%;}
  .i2 .L{position: relative;}
  .i2 .L li{background-color: #666666;width: auto;}
  .i2 .L li a{padding: 2.5vw 3.8vw;}
  .i2 .L li.on{box-shadow: none;background-color: #d8262c;}
  .i2 .L .swiper-container{overflow: hidden;}
  .i2 .pic{height: 64vw;margin-left: auto;}
  .i2 .txt{text-align:center;}
  .i2 .txt .f-26:before{display: none;}
  .i2 .mymore{display: inline-block;width: 10em;padding: 0;padding-left: 3vw;margin-top: 0;border-radius: 1vw;background-position: 8.5em center;}
  .i2 .mymore.b-666{background-color: #666666;}

  .i3 li a{height: 32.5vw;}
  .i3 li span{font-size: 3.8vw;margin-top: 1vw;}
  .i3 .mymore{margin-top: 6vw;}

  .i6 .class-link li a{padding: 2.5vw 4vw;}
  .i6 .L,.i6 .R{width: 90%;float: none;display: block;margin-left: auto;margin-right: auto;position: static;}
  .i6 .R .box{padding-top: 57vw;background-size: 100% 53vw;padding-bottom: 0;background-position: top center;}
  .i6 .R .txt:before{display: none;}
  .i6 .R .txt h3{width: 60%;display: inline-block;vertical-align: middle;}
  .i6 .R .more{display: inline-block;width: 26%;min-width: 6em;margin-right: 2px;}
  .i6 .R .txt h3,.i6 .R .more{height: 8vw;line-height: 8vw;padding: 0;}
  .i6 .R .txt{float: none;padding: 0;background: none;width: 100%;}
  .i6 .L .tap_btnlist{background: none;box-shadow: none;text-align: center;padding: 0;}
  .i6 .L .tap_btnlist li{background-image: none;}
  .i6 .L .tap_btnlist li,.i4 .L .tap_btnlist li{font-size: 3.8vw;color: #333; display: inline-block;width: 45%;margin: 0 2% 4vw 2%;text-align: center;padding: 0;height: 8vw;line-height: 8vw;}
  .i6 .L .tap_btnlist li a,.i4 .L .tap_btnlist li{border:1px solid #666;border-radius: 1.5vw;}
  .i6 .L .tap_btnlist li.on a,.i4 .L .tap_btnlist li.on{color: #fff;background-color: #d8262c;background-image: none;border-color: #d8262c;}
  .i6 .L .tap_btnlist li a{padding: 0;}
  .i6 .L .tap_btnlist li:nth-of-type(3),.i6 .L .tap_btnlist li:nth-of-type(4){margin-bottom:0;}
  
  .i5{padding: 8vw 0 8vw 0;}
  .i5 .PhotoList_i1{width: 100%;}
  .i5 .PhotoList_i1 li a{height: 22vw;}

  .i4 .L,.i4 .R{float: none;width: 90%;max-width: 100%;background: none;position: static;border: none;padding:0;margin-left: auto;margin-right: auto}
  .i4:after{display: none;}
  .i4 .L .tap_btnlist li{margin-bottom: 0;}
  .NewsList_g1 .nwimg{height: 53.3vw;}


}