@charset "utf-8";
.swiper-pagination{z-index: 1;position: static;font-size: 0;text-align: left;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 2.6vw;margin-right: 1vw;background-color: #aaaaaa;border-radius: 0;}
.swiper-pagination-bullet-active{background: #da251c !important;}
.swiper-button-next,.swiper-button-prev{background: url(../images/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(../images/lh.png);}
.swiper-button-prev.swiper-button-disabled{background-image: url(../images/l.png);}
.swiper-button-next.swiper-button-disabled{background-image: url(../images/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: 49.5vw;max-height: 950px;}
.banner .swiper-slide img{width: 100%;height: 100%;display: block;object-fit: cover;}

.mymore{background: url(../images/more2.png) no-repeat;background-size: 100% 200%;background-position: 0 0; width: 8em;display: block;
  padding: 0.5em 0 0.5em 1em;}

.title{text-align: center;margin-bottom: 3vw;position: relative; }
.title p{display: block; padding-bottom: 20px;background: url(../images/line.png) center bottom no-repeat;}

.bg1{background: url(../images/bg1.jpg) #fff right bottom no-repeat;background-size: auto 100%;background-attachment: fixed;}
.bg2{background: url(../images/bg2-1.jpg) #f5f5f5 left center no-repeat;background-size: auto 100%;background-attachment: fixed;}
.bg3{background: url(../images/bg3.jpg) no-repeat;background-size: cover;}
.bg4{background: url(../images/bg4-1.jpg) #fff left center no-repeat;background-size: auto 100%;}
.bg5{background: url(../images/bg5.jpg) #fff left bottom no-repeat;background-size: cover;}

.box-about{padding: 4.5vw 0;}
.box-about .L{width: 32%;margin-right: 5.5%;}
.box-about .L li{float: left;width: 25%;text-align: center;}
.box-about .L li img{max-width: 90%;width: 4.5vw;min-width: 50px;}
.box-about .L h3{padding-bottom: 1vw;border-bottom: 1px solid #da251c;position: relative; }
.box-about .L h3:after{content: "";display: block;height: 8px;background: #025da3;width: 4em;position: absolute;bottom: -4px;left: 0;}
.box-about .R{width: 62.5%;position: relative;}
.box-about .BannerShow_c1{width: 100%;font-size: 0;}
.box-about .BannerShow_c1 img{width: 100%; display: block;position: relative;z-index: 3;}
.box-about .R:before,.box-about .R .BannerShow_c1:after{content: "";display: block;background: #fff;height: 100%;width: 100%;position: absolute;right: -1vw;top: 1vw;}
.box-about .R .BannerShow_c1:after{width: 19vw;height: 19vw; border-bottom: 1vw solid #f2b5b2;border-right: 1vw solid #a9c8e0;top: auto;bottom: -1vw;}

.box-product .swiper-container{width: 100%;}
.box-product li a{height: 28.7vw;display: block;background-size: cover;background-position: center;position: relative;background-repeat: no-repeat;}
/* .box-product li a:before{z-index: 1; content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: 0.3;
 transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;} */
.box-product .ceng{position: absolute;left: 0;top: 0;opacity: 0; z-index: 3;display: block; width: 100%;padding: 3.4vw 2.6vw;height: 100%; line-height: 1.7;
 background: url(../images/pbg.png);background-size: 100% 100%;opacity: 0;box-sizing:border-box;}
.box-product .ceng h3{padding-right: 90px;box-sizing:border-box;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box-product .ceng:after{content: "";display: block;border: 1px solid #025da3;width: 88px;height: 36px;background: url(../images/pmore.png) center no-repeat;
position: absolute;right: 3.0vw;top: 4.0vw;}
.box-product .ceng i{display: block;height: 8px;background: #da251c;width: 4.5vw;margin: 10px 0;}
.box-product .pic{display: block;width: 90%;height: 10vw;overflow: hidden;position: absolute;right: -10vw;bottom: 1.3vw;opacity: 0; background-size: cover;background-position: center;

}
.box-product .pic img{display: block;max-width: 100%;max-height: 100%;bottom: 0;right: 0;position: absolute;  
   transition:.8s all  ease;-ms-transition:.8s all  ease;-webkit-transition:.8s all  ease;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);}
.box-product .hover{position: absolute; width: 80%;left: 10%;bottom: 4vw;z-index: 2;}
.box-product .swiper-container,.box-product .b{padding: 10px;}

.box-case li span {display: block;padding: 0.7vw;box-sizing:border-box;background: #dcdcdc;color: #4c4c4c;margin-top: 6px;position: relative;
transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.box-case li:after{content: "";display: block;height: 100%;width: 0;left: 0; position: absolute;bottom: 0;background: #da251c;
transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;z-index: -1;}
.box-case li span{font-size: 22px; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.box-case li h4{display: none;}
.box-case li a{display: block;height: 15vw;position: relative;overflow: hidden;}

.box-case .mymore {background-image: url(../images/cmore.png);background-position: 0 0; background-size: 100% 200%;
  text-align: center;padding: 0.5em 2em;margin: 4vw auto 0 auto;}

.box-partner{padding: 4vw 0 6vw 0;}
.box-partner .PhotoList_i1 li a{display: block;height: 9vw; box-sizing:border-box;background: #fff;border: 1px solid #7d7d7d;position: relative;overflow: hidden;   width: 99%;}
.box-partner .PhotoList_i1 li h4,.box-partner .PhotoList_i1 li span{display: none;}

.box-partner .PhotoList_i1{width: 90%;margin: 0 auto;}
.box-partner .swiper-button-next,.box-partner .swiper-button-prev{position: absolute;top: 4.3vw;left: 0;}
.box-partner .swiper-button-next{left: auto;right: 0;}
.box-serive .R{width: 44%;}
.box-serive .R:before{content: "";display: block;background: #da251c;height: 8px;width: 9vw;}
.box-serive .R .slogan{padding: 0.5em 1.5vw;}
.box-serive .L{width: 50%; margin-right: 6%;position: relative;}
.box-serive .L>div{position: relative;z-index: 2;}
.box-serive .L:before{content: "";display: block;background: #000;height: 100%;width: 100%;position: absolute;left: -10px;top: 10px;opacity: 0.2;}
.box-serive .L img{display: block;max-width: 100%;}

.box-news .t{border-bottom: 1px solid #e5e5e5;}
.box-news .vmore {background: #e5e5e5;padding: 0.5em 2.2vw 0.5em 60px;}
.box-news .vmore:after{content: "";display: block; width: 0;height:0;position: absolute;top: 0;left: 0;border-left: 0 solid transparent;
border-right: 35px solid transparent;border-top: 60px solid #fff; }

.NewsList_a1 p{font-size: 16px;color: #666666;line-height: 1.8;line-height: 1.8;height: 3.6em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.NewsList_a1 a{display: block;position: relative;}
.NewsList_a1 i{display: none;}
.NewsList_a1 b{font-weight: normal;}
.NewsList_a1 .data{font-size: 16px;color: #808080;background: url(../images/icon3.png) left center no-repeat;
  background-size: auto 100%;padding-left: 27px;position: absolute;bottom: 16px;left: 30%;}
.NewsList_a1 .data b:after{content: "-";}
.NewsList_a1 .newnr {float: right;height: 100%; width: 70%;border-top: 1px dashed #dcdcdc;box-sizing:border-box;padding-top: 11px;}
.NewsList_a1 .newnr b{font-size: 22px;margin-bottom: 10px;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_a1 li {width: 54%;float: right;position: relative;margin-bottom: 40px;}
.NewsList_a1 li:not(:first-child) a:after{content: "";display: block; width: 70%;position: absolute;bottom: 1px; right: 0;height: 1px;border-bottom: 1px dashed #dcdcdc;}
.NewsList_a1 li:not(:first-child) .newimg {background: #eeeeee; display: inline-block; height: 157px;width: 25.5%;border: 1px solid #dcdcdc;box-sizing:border-box;position: relative;overflow: hidden;}
.NewsList_a1 li:not(:first-child) .newimg img{max-width: 90%;max-height: 90%;min-width: 50%;object-fit: cover;}
.NewsList_a1 li:first-child {width: 40.6%;float: left;margin-bottom: 0;}
.NewsList_a1 li:first-child a{padding-bottom: 60px;background: #eeeeee;border: 28px solid #e5e5e5;border-bottom: none;box-sizing:border-box;}
.NewsList_a1 li:first-child .data{left: 1.5vw;}
.NewsList_a1 li:first-child .newimg{height: 335px;width: 100%;border: none;}
.NewsList_a1 li:first-child .newimg img{width: 100%;display: block;height: 100%;object-fit:cover;}
.NewsList_a1 li:first-child .newnr{padding: 30px 1.5vw 10px 1.5vw;width: 100%;border: none;float: none;}
.NewsList_a1 li:first-child a:after{bottom: 55px;content: "";display: block;height: 2px;background: #025da3;position: absolute;left: 1.5vw;right: 1.5vw;}
.NewsList_a1 li:last-child {margin-bottom: 0;}

.page{display: none;}
.tap_group .tap_btnlist li{display: block;float: left; margin: 0;padding: 0.5em 5.2vw;color: #4e4e4e;position: relative;
  cursor: pointer;background: #e5e5e5;overflow: hidden;}
.tap_group .tap_btnlist .on{color: #fff;background: #025da3;}
.tap_group .tap_btnlist li:after{content: "";display: block; width: 0;height:0;position: absolute;top: 0;right: 0;border-left: 35px solid transparent;
border-right: 0 solid transparent;border-top: 60px solid #e5e5e5; }
.tap_group .tap_btnlist li:last-child:after{left: 0;right: auto;border-left-width: 0;border-right-width: 35px;border-bottom: 60px solid #e5e5e5; border-top: none;
 transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.tap_group .tap_box{display: none;}

.box-case li a img,.box-partner .PhotoList_i1 li a img,.NewsList_a1 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;
}
.box-case li a img{height: 100%;width: 100%;object-fit:cover;}
.NewsList_a1 li:not(:first-child) .newimg img{height: auto;max-width: 95%;width: auto;max-height: 98%;}
.box-partner .PhotoList_i1 li a img{width: auto;max-width: 85%;max-height: 85%;}

@media screen and (min-width: 1024px){
  .NewsList_a1 a:hover .newnr b,.NewsList_a1 a:hover .newnr b{color:#025da3; }

  .box-product li a:hover{box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);}
  .box-product a:hover .ceng{opacity: 1;}
  .box-product a:hover .pic {right: 1.3vw;opacity: 1;}
  .box-product a:hover .pic img{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
  .box-product a:hover:before{opacity: 0;}

  .box-case .mymore:hover,.mymore:hover{background-position: 0 100%;}
  .box-news .vmore:hover{padding-right: 3vw;}
  .box-news a:hover .newnr b{padding-left: 1vw;}

  
  .box-case li:hover span{background: #025da3;color: #fff;}
  .box-case li:hover:after{width: 65%;}
  .box-case li a:hover img,.box-partner .PhotoList_i1 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: 1440px){
  .box-about .L li p{font-size: 14px;}

  .NewsList_a1 .newnr b,.box-case li span{font-size: 20px;}
  .NewsList_a1 .newnr p{font-size: 16px;}
  .NewsList_a1 li:first-child .newimg{height: 240px;}
  .NewsList_a1 li{margin-bottom: 17px;}
  .NewsList_a1 .newnr{padding-top: 5px;}
  .NewsList_a1 .data{border-bottom: 12px;}
  .NewsList_a1 li:not(:first-child) .newimg{height: 137px;}
}
@media screen and (max-width: 1250px){
  .box-about .L li p{font-size: 14px;}
  .box-case li span{font-size: 16px;}

  .NewsList_a1 .newnr b{font-size: 18px;}
  .NewsList_a1 .newnr p{font-size: 14px;}

  .box-product .ceng:after{display: none;}
  .box-product .ceng{padding: 2.4vw;}
  .box-product .ceng h3{padding-right: 0;}
  .box-product .ceng p{font-size: 14px;}
}
@media screen and (max-width: 1100px){
  .box-about .L{width: 50%;}
  .box-about .R{width: 43%;}

  .NewsList_a1 li:first-child a{padding-bottom: 40px;border-width: 10px;}
  .NewsList_a1 li:first-child .newnr{padding: 10px 1.5vw;}
  .NewsList_a1 li:first-child .newimg{height: 180px;}
  .NewsList_a1 li{margin-bottom: 17px;}
  .NewsList_a1 .newnr{padding-top: 15px;width: 60%;}
  .NewsList_a1 li:not(:first-child) a:after{width: 60%;}
  .NewsList_a1 li:not(:first-child) .newimg{width: 35.5%;height: 148px;}
  .NewsList_a1 li:not(:first-child) .data{left: 40%;}
  .NewsList_a1 li:last-child,.NewsList_a1 li:first-child a:after{display: none;}
  .NewsList_a1 .data{border-bottom: 5px;font-size: 14px;}
  .NewsList_a1 li{margin-bottom: 33px;}

  .box-case li a{height: 21vw;}
}
@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;}
  .box-about .R:before, .box-about .R .BannerShow_c1:after,.box-serive .L:before,.box-serive .R:before{display: none;}
  .mymore.pc{display: none;}
  .banner .swiper-slide a{height: 60vw;}
  
  .title{margin-bottom: 8vw;}
  .title p{padding-bottom: 3vw;background-size: 4em auto;}
  .bg1,.bg4,.bg3,.bg2{background: none;}
  .bg2{background: #f5f5f5;}
  
  .box-about{padding: 9.3vw 0;}
  .box-about .main-w{padding-top: 42vw;position: relative;}
  .box-about .R{float: left;height: 42vw;position: absolute;top: 0;left: 5%;width: 90%;}
  .box-about .R div{height: 100%;}
  .box-about .BannerShow_c1 img{max-width: 100%;height: 100%;}
  .box-about .L{display: block;width: 100%;}
  .box-about .t h3,.box-about .t p{color: #fff;}
  .box-about .t{padding: 5.3vw 4.5vw;background: #025da3;box-sizing: border-box;}
  .box-about .L h3{border-color: #fff;padding-bottom: 3vw; }
  .box-about .L h3:after{background-color: #da251c;}
  .box-about .L .t{position: relative;}
  .box-about .L .t a{display: block;border: 1px solid #fff;background: url(../images/pmore2.png) center no-repeat;position: absolute;width: 13.3vw;height: 5.3vw;
    right: 4.5vw;top: 7.2vw;background-size: auto 40%;}

  .box-about .b ul{display: flex;display: flex; justify-content: space-around; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; }
  .box-about .L li{width: auto;float: none;flex: 1;}
  .box-about .L li p{font-size: 12px;}
  .box-about .L li img{width: 14.6vw;max-width: 14.6vw;}

  .box-product .ceng{opacity: 1;position: relative;background: #f5f5f5;padding: 0;}
  .box-product .ceng:after{display: block;width: 13.3vw;height: 5.3vw;right: 4.4vw;top: 7vw;background-size: auto 40%;}
  .box-product .ceng i{height: 0.8vw;width: 40%;}
  .box-product .ceng .txt{padding: 5.4vw 4.8vw 7vw 4.8vw;min-height: 55vw;background: url(../images/mpbg.jpg);background-size: 100% 100%;box-sizing: border-box;width: 56%;}
  .box-product .ceng p{font-size: 3.4vw;}
  .box-product .ceng p.fm-12{font-size: 12px;}
  .box-product .hover{display: none;}
  .box-product li a{height: auto;}
  .box-product .b{padding: 0;margin-top: 8.6vw;}
  .box-product .b .swiper-pagination{display: block;}
  .box-product .swiper-container, .box-product .b{padding: 0;}
  .box-news .vmore,.box-case .mymore{background: #025da3;height: 8vw;line-height: 8vw;width: 50%;margin: 6vw auto 0 auto;padding: 0;text-align: center;color: #fff;}
  .box-case .mymore{width: 100%;}
  .box-product .pic{right: 0;top: 2.5%;height: 95%; width: 44%;background: #fff; opacity: 1;}
  .box-product .pic img{top: 60%;left: 50%; -webkit-transform: translate(-50%,-50%) scale(1);
  -ms-transform: translate(-50%,-50%) scale(1);
  -o-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);}

  .box-case li a{height: 34.6vw;}
  .box-case li span{padding: 1vw 2vw;font-size: 3.85vw;}
  
  .box-news{background: #f5f5f5;padding: 8vw 0 0 0;}
  .box-news .t{border: none;text-align: center;}
  .box-news .vmore:after,.NewsList_a1 li:not(:first-child) a:after{display: none;}
  .tap_group .tap_btnlist li{padding: 0 11vw;height: 8vw;line-height: 8vw;}
  .tap_group .tap_btnlist li:after{border-top-width: 8vw;border-left-width: 3vw;}
  .tap_group .tap_btnlist li:last-child:after{border-bottom-width: 8vw;border-right-width: 3vw;}
  .NewsList_a1 li:last-child{display: block;}
  .NewsList_a1 li,.NewsList_a1 li:first-child{width: 100%;float: none; margin-bottom: 0;}
  .NewsList_a1 li:first-child a,.NewsList_a1 .newnr{border: none;}
  .NewsList_a1 li a,.NewsList_a1 li:first-child a{background: #eeeeee;padding-bottom: 8vw;}
  .NewsList_a1 li .newnr {width: 100%;float: none;padding: 3.4vw 3vw !important;}
  .NewsList_a1 li .newnr p{display: none;}
  .NewsList_a1 li .newimg{height: 50vw !important;}
  .NewsList_a1 .newnr b{font-size: 3.8vw;margin-bottom: 0 !important;}
  .NewsList_a1 li:not(:first-child) .newimg{width: 100%;border: none;}
  .NewsList_a1 li:not(:first-child) .newimg img{width: 100%;height: 100%;object-fit:cover;max-height: 100%;max-width: 100%;}
  .NewsList_a1 li .data{left: 3vw !important;bottom: 3.4vw;background-size: auto 88%;padding-left: 22px;}

  .box-serive{padding: 12vw 0 9.3vw 0;}
  .box-serive .main-w{width: 100%;}
  .box-serive .L,.box-serive .R{width: 90%;display: block;margin: 0 auto;}
  .box-serive .L{margin-left: 0;width: 95%;}
  .box-serive .R .slogan{margin-top: 5vw;box-sizing:border-box; font-size: 3.4vw;display: block;float: none;
    width: 100%;text-align: center;background: url(../images/sbg.jpg);background-size: 100% 100%;}

  .box-partner{padding: 9.3vw 0 14.6vw 0;}
  .box-partner .PhotoList_i1 li a{height: 18.9vw;}
}
@media screen and (max-width: 375px){
  .box-product .ceng p,.box-serive .R .slogan{font-size: 12px;}
}