.header{position: relative;}
body{overflow-x: hidden;}
.swiper-pagination{z-index: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 13px;border-radius: 4px;margin: 0 5px;opacity: 0.66;background-color: #f4f5f8;}
.swiper-pagination-bullet-active{width: 26px !important;background: #0f3a95 !important;opacity: 1 !important;}

.page-ban{box-sizing:border-box; background: none;overflow: hidden;position: relative;}
.page-ban .BannerShow_c1 div{width: 100%;height: 28.5vw;}
.page-ban .BannerShow_c1 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-ban em,.page-ban br{display: none;}
.page-ban .ResTitle_a1{position: absolute;top: 12.2vw;left: 0;text-align: center; z-index: 2;width: 100%;}
.page-ban .ResTitle_a1 span{font-size: 2.3vw;color: #fff;display: inline-block;line-height: 1.5;padding-left: 5.2vw;box-sizing:border-box;
    background: url(../images/title-3.png) left center no-repeat;background-size: auto 100%;}

.NavList_a1{transform: skew(-13deg);-webkit-transform: skew(-13deg);line-height: 5.2vw;height: 5.2vw;}
.NavList_a1 li{display: block;width: auto;text-align: center;}
.NavList_a1 a{font-size: 22px;color: #4c4c4c;display: block;padding: 0 4vw;position: relative;z-index: 1;
transform: skew(13deg);-webkit-transform: skew(13deg);}
.NavList_a1 a.on{color: #fff;}
.NavList_a1 li:after{content: "";display: block;width: 0;height: 100%;background-color: #ce251f;position: absolute;bottom: 0;left: 50%;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;}
.NavList_a1 li.as:after{width: 100%;left: 0;}

.nav {margin-bottom: 4.2vw;position: relative;}
.nav .fr{width:80%;}
.nav .fr .t,.nav .fr .b{padding-right: 7vw;box-sizing:border-box;padding-left: 20px;}
.nav .fl{width: 20%;padding-left: 7vw;box-sizing:border-box;text-align: right;position: relative;z-index: 2;}
.nav .fl .bg{content: "";display: block; width: 0;height:0;position: absolute;top: 0;right: -35px;border-left: 0 solid transparent;
border-right: 35px solid transparent;border-top: 8vw solid #025da3; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.nav .swiper-button-next,.nav .swiper-button-prev{position: absolute;background-image: none;margin: 0;width: 0;height: 0;    z-index: 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) ;   
}
.nav .swiper-button-next {right: 2vw; border-right: 7px solid #025da3;}
.nav .swiper-button-prev {left: 2vw;border-left: 7px solid #025da3;}
.nav .swiper-button-next ,.nav .swiper-button-prev{border-bottom-width: 7px;border-top-width: 7px;}

.PosList_a1{color: #4c4c4c;font-size: 16px;line-height: 3vw;height: 3vw;text-align: right;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}
.PosList_a1 span{padding-left: 34px;background: url(../images/loc.png) left center no-repeat;}

.ResTitle_a2{color: #fff;line-height: 8vw;text-align: center;padding: 0;font-size: 1.8vw;position: relative;z-index: 1;}
.ResTitle_a2 br,.ResTitle_a2 em{display: none;}

.main-box{margin-bottom: 5.2vw;min-height: 400px;font-size: 18px;color: #4c4c4c;line-height: 1.8;}
.main-box img{max-width: 100%;}
table{border-collapse: collapse;border: 1px solid #cccccc;max-width: 100%;}
td{ padding: 5px 10px; border: 1px solid #cccccc;}

.about .img img{display: block;width: 100%;}
.about .t .L{width: 35.8%;margin-left: 7%;margin-right: 7.2%;}
.about .t .L h3{padding-bottom: 0.5vw;border-bottom: 1px solid #da251c;position: relative; }
.about .t .L h3:after{content: "";display: block;height: 8px;background: #025da3;width: 4em;position: absolute;bottom: -4px;left: 0;}
.about .t .R{width: 50%;}
.about .m{background: url(../images/bbg.png) left  no-repeat;background-size: auto 100%;box-sizing: border-box;padding: 1.8vw 0 4vw 7vw;line-height: 1.8;}
.about .m .L{width: 26%;margin-right: 3%;}
.about .m .R{width: 71%;}
.about .b{padding: 2vw 0;}
.about .t .L li{float: left;width: 25%;text-align: center;}
.about .t .L li img{max-width: 90%;width: 4.5vw;min-width: 50px;}
.about .t .L li p{line-height: 1.5;}

.about .b .L{width: 38.4%;margin-right: 5.5%;margin-left: 4%;}
.about .b .R{width: 38.4%;}
.about .b .ico{width: 13.7%;}

.about .ico img{height: 5.8vw;max-height: 116px;}
.about .ico2 img{height: 7.5vw;max-height: 149px;}

.rid34 .img{width: 53%;}
.rid34 .t .txt{margin-right: 7%;margin-left: 4.3%;}
.rid34 .b .txt{margin-left: 7%;margin-right: 4.3%;}
.rid34 .w50{width: 35.7%;}

.product .img-box, .product .product_box { width: 50%; }
.product .product_box li { flex:1;}
.product .product_box li:not(:last-child) { margin-right: 2%; }
.product .product_box {top: 1.1vw;bottom: 1.1vw; right: 7vw; box-shadow: 0 4px 4vw 0 rgba(228,232,244,0.5); padding: 2.5vw 2.5vw 4vw 2.5vw; }
.product .product_box .img figure { height: 18.2vw; background-color: #fff;background-position: center;
        background-repeat: no-repeat ; background-size:contain; }
.product .list{height: 30vw;}
.product .img-box {height: 100%;width: 41.6%;}
.product .img-box .img{width: 100%;background-size: cover;height: 100%;}
.product .list .title,.product .list .btn{left: 7vw;z-index: 2;}
.product .list .title{top: 3.6vw;}
.product .list .btn{bottom: 3.6vw;display: inline-block;}
.product .list .btn a{display: block; background: rgba(206,37,31,0.6);border: 1px solid #fff;padding: 0.5em 3vw;transition: 0.5s ease 0s;}
.product .list:nth-child(2n) .img-box{right: 0;position: absolute;}
.product .list:nth-child(2n) .product_box{left: 7vw;}
.product .list:nth-child(2n) .title{text-align: right;}
.product .list:nth-child(2n) .title,.product .list:nth-child(2n) .btn{left: auto;right: 7vw;}
.product .product_box .img{overflow: hidden;}
/*详情*/
.NewsDetail_a1{margin: 2vw auto;width: 1200px; max-width: 100%;box-sizing: border-box;border-radius: 9px;}
.NewsDetail_a1 p img{max-width: 100%;}
.NewsDetail_a1 #nt{text-align: center;font-weight: bold; color: #0770c3;box-sizing: border-box;font-size: 24px;display: block;line-height: 1.5;margin-bottom: 1vw;}
.NewsDetail_a1 #nf{padding: 0 0 15px 0; height:20px; line-height:20px;text-align: center;    border-bottom: 1px dashed #eee;}
.NewsDetail_a1 #nf em{font-style: normal;font-size: 16px; padding-top:2px; margin-right:2px;display: inline-block;vertical-align: middle;}
.NewsDetail_a1 #nf span{ padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px;  background:#999999; color:#fff;
    display: inline-block;vertical-align: middle;}
.NewsDetail_a1 #nf span.nf_on{ background:#0770c3;color: #fff;}
.NewsDetail_a1 em{font-style: normal;}

.NewsDetail_a1 .nf1{line-height:1.8; font-size:16px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 .nf2{line-height:1.8; font-size:18px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 .nf3{line-height:1.8; font-size:20px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 p{line-height: 1.8;}
.NewsDetail_a1 #nb{padding:10px 0px; margin-top:10px;text-align:center; color:#000; border-top: 1px dotted #ccc;}
.NewsDetail_a1 #newtb{line-height:30px; margin-top: 20px;color: #000;border-radius: 12px;}
.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{width: 100%;line-height: 1.8;padding: 10px 22px;box-sizing: border-box;}
.NewsDetail_a1 #newtb span{border-bottom: 1px dashed #eee;}
.NewsDetail_a1 #newtb>*{display:block; width:46%; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetail_a1 #newtb>*:last-child{float: right;}
.NewsDetail_a1 #newtb a{color: #000;}
.NewsDetail_a1 #newskw{ font-size:14px; font-weight:bold; margin:10px 0; line-height:30px; word-spacing:1em;}
#newtb em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* .product .list li{width: 47.5%;float: left;margin-right: 5%;margin-bottom: 3.7vw;position: relative;}
.product .list li:nth-child(2n){margin-right: 0;}
.product .list .img-L{ height: 20vw;width: 70.5%;background-size: cover;background-position: center;}
.product .list .img-R{width: 48.5%;position: absolute;top: 2.4vw;height: 15.2vw;right: 0;background: #eceff4;border-radius: 1vw;
box-shadow: 2px 2px 3px rgba(0,0,0,0.1);overflow: hidden;}
.product .list .img-R img{position: absolute;bottom: 0;width: 100%;  transition:.6s all ease-out;-ms-transition:.6s all ease-out;-webkit-transition:.6s all ease-out;}
.product .list .img-R p{position: absolute;top: 1vw;width: 80%;right: 10%;}
.product .list .img-R:after{background: url(../images/pmore.png) right center no-repeat;content: "";display: block;width: 80%;right: 10%;position: absolute;top: 4em;
height: 1.5vw;background-size: auto 100%;height: 30px;}
.product .list li.pol .img-R p{text-align: left;}
.product .list li.pol .img-R:after{background-position: left center;} */

.detail .t{margin-bottom: 2vw;padding-bottom: 3vw;border-bottom: 1px solid #e5e5e5;}
.detail .img{width: 61%;}
.detail .img .gallery-top a{position: relative;display: block;height: 25vw;border: 1px solid #f5f5f5;background-color: #eee;}
.detail .img .gallery-top a img{position: absolute;left: 50%;top: 50%;max-height: 95%;max-width: 95%;transform: translate(-50%,-50%);display: block;
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;height: auto;}
.detail .img .gallery-top li{width: 100% !important;}
.detail .img .swiper-container-thumbs{margin-top: 1.5vw;}
.detail .img .gallery-thumbs .swiper-slide{width: auto;}
.detail .img .gallery-thumbs a{background-position: center;background-repeat: no-repeat; background-size: contain;overflow: hidden;
    display: block;position: relative;box-sizing:border-box;text-align: center;font-size: 14px;line-height: 1.5;}
.detail .img .gallery-thumbs a p{display: block;width: 100%;}
.detail .img .gallery-thumbs a img{ height: 6.5vw;display: block;width: auto;border: 1px solid #bfbfbf;box-sizing: border-box;margin: 0 auto;
/* position: absolute;left: 50%;top: 50%;max-height: 100%;max-width: 100%;transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out; */}
.detail .img .swiper-slide-thumb-active a img{border-color: #0f3a95;}
.detail .swiper-container{width: 100%;}
.detail .txt{width: 34%;}
.detail .img  li:after{display: none;}
.detail .img li{background-color: #fff;}
.detail .video_list span{font-size: 18px;}
.detail .map-btn{display: block;border-radius: 23px;font-size: 18px;}
.VideoDisplay_a1{width:100%; margin:0 auto;}
.VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 1.5vw;font-size: 22px; text-align:center;}
/*.VideoDisplay_a1_C{ height:700px;}*/
.VideoDisplay_a1 video{display: block;max-width: 100% !important;height: 33vw;margin: 0 auto;object-fit: cover;}
.VideoDisplay_a1_C iframe{max-width: 100% !important;height: 33vw;width: 87.5%;}
.VideoDisplay_a1_C embed{max-width: 100% !important;height: 33vw;width: 87.5%;}

.VideoDisplay_a1_back{text-align:center; height:40px; margin-top:30px;}
.VideoDisplay_a1_back a{ width:200px;}
.VideoDisplay_a1_C{text-align: center;}

.VideoDisplay_a1_back a.more{color: #2750c5;display:inline-block;font-weight: lighter; border: 1px solid #2750c5; position:relative; transition: 0.6s; padding: 7px; padding-left:25px; padding-right: 25px;font-size:16px;z-index:1;font-family:"微软雅黑";}
.VideoDisplay_a1_back a.more::before{content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background:#2750c5;z-index: -1;}
.VideoDisplay_a1_back a.more.on{background:#2750c5;color:#fff;}

.page{width: 100%;text-align: center;margin-top: 3.5vw;}
.page a,.page span,.map-btn{border: 1px solid #999999;font-size: 14px;color: #999999;padding: 6px 20px; line-height: 1.5;border-radius: 8px;display: inline-block;margin: 0 0.2vw 5px 0.2vw;text-align: center;}
.pageinfo{display: none;}
.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur{background: #025da3;border-color: #025da3;color: #fff;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #025da3;color: #fff;border-color: #fff;}

#load_more_button{display: none;}
.caseback{background: #0f3a95;display: block;color: #fff; width: 8em;text-align: center;height: 36px;line-height: 36px;border-radius: 18px;font-size: 16px;
    margin: 30px auto 0 auto;}
.caseback.mob{display: none;}

.contact .map{width: 54%;height: 470px;}
/* .contact .txt{width: 36%;padding-top: 1.5vw;} */
.contact .txt{width: 100%;padding-top: 1.5vw;}
.contact_txt h3{font-weight: bold;color: #4d4d4d;font-size: 22px;border-bottom: 1px solid #bfbfbf;padding-bottom: 10px;}
.contact_txt li{line-height: 1.8; border-bottom: 1px solid #bfbfbf;padding: 13px 0;display: block;font-size: 18px;color: #4d4d4d;}
.contact_txt li i{width: 25px;height: 25px; margin-right: 0.8em;text-align: center;}
.contact_txt li p{display: inline;}
.contact_txt li i img{max-width: 100% !important;max-height: 100%; display: inline-block;vertical-align: middle;}
#map0{width: 100%;height: 100%;font-size: 14px;}

.box-serive .R{width: 44%;}
.box-serive .R .title:after{content: "";display: block;background: #da251c;height: 8px;width: 9vw;margin-top: 1vw;}
.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%;}
.bg4{background: url(../images/bg4.jpg) #fff left center no-repeat;background-size: auto 100%;}

.customer table{width: 46.5%;}
.customer tr:first-child{background-color: #16599a;color: #fff;text-align: center;}
.customer tr:nth-of-type(2){background-color: #dcdcdc;text-align: center;}
.customer tr{background-color: #f5f5f5;}

@media screen and (min-width: 1027px){
    .NavList_a1 a:hover{color: #fff;}
    .NavList_a1 li:hover:after{width: 100%;left: 0;}
    .detail .img .swiper-slide-thumb a:hover img{border-color: #0f3a95;}

    .product_box a:hover p{color: #015ea4;}
    .product_box a:hover figure{transform: scale(1.05);}
    .product .list .btn a:hover{background-color: rgb(206,37,31);border-color: rgb(206,37,31);}
}
@media screen and (max-width: 1440px){
    .NavList_a1 a{font-size: 18px;}
    .PosList_a1{font-size: 14px;}
    .about .m .R{width: 60%;}
    .about .m .L{width: 37%;}
}
@media screen and (max-width: 1240px){
    .NavList_a1 a{font-size: 16px;}
    .main-box,.detail .video_list span{font-size: 16px;}
    .ResTitle_a2 span{font-size: 20px;}
    .contact_txt li i{width: 18px;height: 18px;}
    .product .list .img-R:after{display: none;}
    .product .list .img-R .f-26{font-size: 16px;}

    .detail .txt{width: 60%;}
    .detail .img{width: 35%;}
    .detail .txt h4{font-size: 20px;}
    .detail .txt .f-26{font-size: 18px;margin-top: 10px;}
}
@media screen and (max-width: 1100px){
    .header{position: fixed;}
    .about .m{padding: 2vw 5%;background-color: #015ea4;background-size: contain;background-position: left top;}
    .about .m .R{width: 100%;}
    .about .m .L{width: 100%;margin: 0 0 2vw 0;}
    .about .ico img{height: 7.8vw;}
    .about .ico2 img{height: 7.5vw;}
    .about .t .L{margin-right: 2%;width: 41%;}
    
    .customer table{width: 100%;float: none;}
}
@media screen and (max-width: 640px){
    .page-ban .BannerShow_c1 div{height: 66vw;max-height: 775px;}
    .page-ban .ResTitle_a1 span{font-size: 6vw;padding-left: 14.2vw;}
    .page-ban .ResTitle_a1{top: 32vw;}

    .nav{margin-bottom: 8.2vw;padding: 0;}
    .nav .fr{float: none;width: 100%;padding: 0;}
    .nav .fr .t{padding: 0;font-size: 0;padding: 0 5%;text-align: center;}
    .nav .fl{width: 90%;float: none;margin: 0 auto;font-size: 0;text-align: center;}
    .NavList_a1{display: inline-block;height: 10vw;line-height: 10vw;-webkit-transform: none;max-width: 92%;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
    .NavList_a1 li:after{display: none;}
    .NavList_a1 a{font-size: 3.8vw;padding:  0 5vw;box-sizing:border-box;-webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
    .NavList_a1 a.on{background-color: #ce251f;}
    .main-box, .detail .video_list span{font-size: 3.8vw;}
    .main-box{margin-bottom: 8vw;}

    .about .R,.about .L,.about .t .L,.about .m .L,.about .b .L{display: block !important;width: 93% !important;margin: 2vw auto;}
    .about .m{padding: 6vw 0 4vw 0;}
    .about .m .mt-50{margin-top: 4vw;}
    .about .ico img{height: 13vw;}
    .about .ico2 img{height: 16vw;}
    .about .b{padding-top: 6vw;}
    .about .t .L ul{display: flex;
    justify-content: space-around;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-content: flex-start;}
    .about .t .L li {border-left: none;flex:1;width: auto;}

      .box-serive{background: none;}
      .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 .L:before{display: none;}
      .box-serive .R{margin-top: 6vw;}
      .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%;}

    .NewsDetail_a1{margin: 0 auto;width: 100%;padding: 0;box-shadow: none;}
    .NewsDetail_a1 .nf1{font-size: 3.6vw;margin-top: 4vw;}
    .NewsDetail_a1 .nf2{font-size: 3.8vw;margin-top: 4vw;}
    .NewsDetail_a1 .nf3{font-size: 4.2vw;margin-top: 4vw;}
    .NewsDetail_a1 #nt{font-size: 5vw;padding: 4vw 2vw 4vw 2vw;}
    .NewsDetail_a1 #nb{font-size: 3.2vw;}
    .NewsDetail_a1 #nf em{font-size: 3.5vw;}
    .NewsDetail_a1 #newtb{margin-top: 0;border-radius: 2.2vw;}
    .NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{font-size: 3.8vw;padding: 2.2vw 3vw;}
    
    .product .list li{width: 100%;float: none;margin: 0 0 6vw 0;}
    .product .list .img-L{height: 42vw;}
    .product .list .img-R{top: 4vw;height: 34vw;}
    .product .list .img-R .f-26{font-size: 3.8vw;}
    .detail .txt h4{font-size: 4.6vw;}
    .detail .txt .f-26{font-size: 4.2vw;margin-top: 10px;}
    .detail .txt{width: 100%;float: none;font-size: 3.8vw;}
    .detail .img{width: 100%;float: none;margin-bottom: 6vw;}
    .detail .img .gallery-top a{height: 67vw;}
    .detail .img .gallery-thumbs a img{height: 20vw;}
    .detail .img .gallery-thumbs a {font-size: 3.8vw;}

    .contact .con_box h3{font-size: 4.8vw;padding-bottom: 0.5em;}
    .contact .con_box p{font-size: 3.8vw;}

    .contact_txt h3{font-size: 4.2vw;}
    .contact_txt li{font-size: 3.8vw;}
    .contact_txt li i{width: 1em;height: 1em;}
    .map-btn{display: block;}
    #load_more_button,.map-btn{font-size: 3.8vw;margin: 6vw auto 0 auto;padding: 1.5vw 0;display: block;border-radius: 5vw;
        background: #025da3; width: 8em;text-align: center;color: #fff;}
    .map,.page{display: none;}
    .contact .txt{float: none;width: 100%;}

    .product .img-box{width: 100%;position: relative;padding-top: 17vw;}
    .product .list{height: auto;}
    .product .list .btn a{padding: 0.2em 5vw;border: none;}
    .product .list:nth-child(2n) .img-box{position: relative;}
    .product .img-box .img{position: absolute;left: 0;top: 0;width: 100%;height: 60vw;    z-index: -1;}
    .product .list .title,.product .list:nth-child(2n) .title{position: absolute;text-align: left;right: 5%;left: 5%;width: 55%;}
    .product .list .btn,.product .list:nth-child(2n) .btn{position: absolute;right: 5%;left: auto;}
    .product .product_box,.product .list:nth-child(2n) .product_box{width: 90%;position: static;left: 5%;right: auto;top: auto;margin: 0 auto;}
    .product .product_box .img figure{height: 40vw;}
    .product .product_box li{margin-bottom: 0;}

    .p_detail .nav{display: none;}
    .p_detail .product_detail{margin-top: 6vw;}

    .VideoDisplay_a1 video{height: auto;width: 92%;}
    .VideoDisplay_a1_C{margin-top: 3vw;}
    .detail .map-btn{font-size: 3.8vw;}

    .VideoDisplay_a1_C{width: 94%;margin: 0 auto;text-align: center;}
    .VideoDisplay_a1_C video{height: auto;width: auto;max-height: 60vh;}
}