﻿#BannerShow_b1{overflow: hidden;}
#swiper-container1 .swiper-slide img{width: 100%;display: block;}
#swiper-container1 .swiper-pagination-bullets{width: 90%;right: 4%; bottom: 7%;text-align: right;display: inline-block;}
#swiper-container1 .swiper-pagination-bullet{display: inline-block;width: 8px;height: 8px;border: 2px solid #fff;margin: 0 9px !important;background: #fff;
    display: inline-block;border-radius: 50%; }
#swiper-container1 .swiper-pagination-bullet-active{border-color: #ffde00;background-color: #ffde00;}
.p_ban{width: 100%;position: relative;}
.p_ban a{display: block;max-height: 40vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}

.page,#load_more_button{display: none;}

.box {width: 73%;margin: 0 auto;}
.box .page, .box #load_more_button{display: none;}
.more{width: 150px;border-radius: 5px; color: #fff;line-height: 44px;height: 44px;margin: 2.6vw auto 0 auto;display: block;text-indent: 23px;text-align: left;
background: #ffde00;position: relative;overflow: hidden;}
.more:after{content: "";display: block;background: url(../image/more2.png) #eacc02 center no-repeat; position: absolute;right: 0;top: 0;height: 100%;width: 40px;}
.more:hover{background-color: #1c2b4a;}
.more:hover:after{background-color: #000f2e;}

.ResTitle_a1{text-align: center;margin-bottom: 3.5vw;}
.ResTitle_a1 span{font-size: 2vw;color: #1a2948;line-height: 1.3;top: 1.3vw;}
.ResTitle_a1 em{font-size: 1.2vw;color: #ffde00;line-height: 1.0;display: block;text-transform: uppercase;}
.ResTitle_a1 em:after{content: "";display: block;background: #ffde00;height: 1px;width: 2.6vw;margin: 0.7vw auto;}
.ResTitle_a1:after{display: none;}
.box-about{margin-top: 7vw;background: url(../image/bga.jpg) no-repeat;background-position: right 65%;background-size: 27% auto;}
.box-about .box{position: relative;padding-bottom: 11.7vw;}
.box-about .box>.fl .BannerShow_c1{position: absolute;bottom: -3.4vw;z-index: 2;width: 50%;}
.box-about .BannerShow_c1 img{display: block;width: 100%;}
.box-about .ResTitle_a1{text-align: left;margin-bottom: 1.7vw;}
.box-about .ResTitle_a1 em{margin-bottom: 1.5vw;}
.box-about .ResTitle_a1 em:after{margin-left: 0;display: inline-block;margin-left: 1vw;margin-bottom: 0.35em;}
.box-about .box>.fl{width: 50%;color: #646464;font-size: 20px;margin-bottom: -4.5vw;}
.box-about .box>.fl p{margin-bottom: 2.6vw;display: block;}
.box-about  img{display: block;max-width: 100%;}
.box-about .box>.fr{width: 50%;color: #404040;line-height: 1.7;}
.box-about p{margin-top: 1.5vw;line-height: 1.8;font-size: 1vw;}
.box-about .moret{float: left;display: block; margin-top: 1.9vw;color: #1a2948;text-decoration: underline;}
.box-about .fl,.box-about .fr{width: 50%;}
.box-about .top{background: #f1c903;}
.box-about .top .txt{box-sizing:border-box;padding: 2vw;font-size: 20px;color: #fff;}
.box-about .bottom{background: #eef1f6;}
.box-about .bottom .txt{box-sizing:border-box;padding: 2vw;font-size: 16px;color: #646464;}
.box-about .bottom p{margin: 0;line-height: 1.8;height: 12.6em;display: block;font-size: 0.9vw;
    display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}
.box-about .top .txt img{height: 5vw;max-width: 100px;margin-bottom: 3vw;}

.box_product{position: relative; overflow: hidden;text-align: center;background: url(../image/bgfab.jpg) #eef1f6 no-repeat;padding: 7.5vw 0 6.5vw 0;background-position: center 80% ;background-size: 50% auto,cover;}
.box_product .top p{line-height: 2;}
.classlist li{float: left;width: 31%;margin: 0 3.5% 2vw 0; border-radius: 5px;text-align: left;background: #fff; }
.classlist li a{display: block;padding: 2.6vw;box-sizing:border-box;}
.classlist li:nth-child(3n){margin-right: 0;}
.classlist img{height: 2.6vw;max-height: 50px; width: auto;margin-bottom: 2vw;display: block;}
.classlist p{font-size: 1.2vw;color: #1a2948;margin-bottom: 5px; font-weight: bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.classlist small{text-transform: uppercase; font-size: 14px;color: #646464; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

.box_case{margin: 4.2vw auto 0 auto;}
.box_case .PhotoList_i1 li{width: 24.2%;height: 15vw;position: relative;float: left;margin: 0 1.06% 1vw 0;}
.box_case .PhotoList_i1 li:nth-child(4n){margin-right: 0;}
.box_case .PhotoList_i1 li img{display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit:cover;}
.box_case .PhotoList_i1 li a{display: block;height: 100%;width: 100%;}
.box_case .PhotoList_i1 li a:before{content: "";position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;display: block;z-index: 1;
background: url(../image/sousuo.png) #ffde00 center no-repeat; opacity: 0.76;display: none;}
.box_case .PhotoList_i1 span,.box_case .PhotoList_i1 h4{display: none;}

.bant{background: url(../image/banbg.jpg) center no-repeat;background-size: cover;padding: 6vw 0;margin: 4.2vw auto;}
.bant .txt{background: #fff;width: 62.5%;padding: 4.3vw 0;text-align: center;margin: 0 auto;}
.bant h3{font-size: 2vw;color: #1a2948;display: block;margin-bottom: 1vw;}
.bant p{color: #646464;font-size: 18px;width: 900px;max-width: 90%;margin: 0 auto; line-height: 1.6;}
.bant ul{display: block;margin-top: 42px;text-align: center;}
.bant ul li{display: inline-block;}
.bant ul li .more{width: 150px;text-align: left;margin-top: 0;}
.bant ul li:last-child {margin-left: 3vw;}
.bant ul li:last-child .more{background: #eef1f6;color: #1a2948;}
.bant ul li:last-child .more:after{background-color: #c4c9d3;background-image: url(../image/more.png);}

.box_news{margin-bottom: 5.2vw;}
.NewsList_g2 li{float: left;width: 30%;margin-right: 5%;background: #eef1f6;padding-bottom: 1vw;}
.NewsList_g2 li:last-child{margin-right: 0;}
.NewsList_g2 .nwimg{display: block;height: 15vw;margin-bottom: 1.5vw;}
.NewsList_g2 .nwimg img{width: 100%;height: 100%;object-fit:cover;}
.NewsList_g2 li h3,.NewsList_g2 li p{display: block;width: 90%;margin: 0 auto;}
.NewsList_g2 li h3 a{font-size: 18px;color: #1a2948;font-weight: bold; margin:0 auto 0.5vw auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.NewsList_g2 li p:last-child{display: none;}
.NewsList_g2 li p{font-size: 12px;color: #666666;font-style: normal;line-height: 1.8;height: 5.4em;display: block;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g2 li .ntime{height: auto;margin-top: 0.5vw;}

.wmore{display: none;}
@media screen and (min-width: 1025px) {
    .box_case .PhotoList_i1 li a:hover:before{display: block;}
    .classlist li:hover{background-color: #ffde00;background: url(../image/hbg.jpg) #ffde00;background-size: cover;}
    .classlist li:hover p,.classlist li:hover small{color: #fff;}
    .NewsList_g2 li:hover h3 a{color: #ffde00;}
}
@media screen and (max-width: 1440px) {
    .box{width: 80%;}
    .box_ser .fr{right: 12%;top: 6vw;}
    .box_ser .fr li p{font-size: 16px;}
    .box_ser .fr h4{font-size: 20px;}
}
@media screen and (max-width: 1250px) {
    .ResTitle_a1 span{font-size: 2.8vw;}
    .ResTitle_a1 em{font-size: 2vw;}

    .box-about .box>.fr{padding-top: 3.5vw;}

    .classlist p{font-size: 2vw;}
    .classlist small{font-size: 16px;}
    .classlist img{height: 4.5vw;}

    .box-about p,.box-about .bottom p{font-size: 14px;}
    .box-about .bottom p{-webkit-line-clamp: 4;max-height: 7.2em;}
}
@media screen and (max-width: 1024px){
    .ResTitle_a1 span{font-size: 3vw;}

    .box{width: 90%;}
    .box_case .PhotoList_i1 li{height: 17vw;}

    .bant h3{font-size: 3vw;}
    .NewsList_g2 li h3 a{font-size: 16px;}
}
@media screen and (max-width: 640px){
    .box{width: 94%;}

    .more{line-height: 10vw;height: 10vw;font-size: 3.8vw;margin-top: 6vw;}

    .ResTitle_a1{width: 94%;margin: 0 auto 6vw auto;}
    .ResTitle_a1 em{font-size: 5vw;}
    .ResTitle_a1 span{font-size: 6vw;}
    .ResTitle_a1 em:after{width: 5vw;margin: 2vw auto;}

    .box-about {padding-bottom: 0;margin-bottom: 0;margin-top: 4vw;}
    .box-about .box{padding-bottom: 4vw;}
    .box-about .bottom .img{display: none;}
    .box-about .bottom .txt{float: none;width: 100%;padding: 5vw;}
    .box-about .moret{font-size: 3.8vw;margin-top: 6vw;float: none;}
    .box-about .top .txt img{height: 10vw;}
    .box-about .top .txt{padding-top: 10vw;padding-left: 5vw;}
    .box-about .ResTitle_a1{text-align: center;margin: 0 auto 4vw auto;}
    .box-about .ResTitle_a1 span{text-indent: 0;}
    .box-about .box>.fl{float: none;width: 100%;display: none;}
    .box-about .box>.fr{float: none;width: 100%;padding-top: 0;}
    .box-about .box>.fr .more{float: none;margin: 5vw auto 0 auto;}
    .box-about p, .box-about .bottom p{font-size: 3.8vw;height: auto;}

    .classlist li,.classlist li:nth-child(3n){width: 47.5%;margin-right: 5%;margin-bottom: 5vw;text-align: center;}
    .classlist li a{padding: 5.6vw;}
    .classlist p{font-size: 4.2vw;font-weight: normal;margin-bottom: 0;}
    .classlist small{display: none;}
    .classlist img{height: 12vw;display: inline-block;margin-bottom: 4vw;}
    .box_case .title{margin-bottom: 6vw;}
    .box_case .box_case .PhotoList_i1{width: 93%;margin: 0 auto;}
    .box_case .PhotoList_i1 li{height: 30vw;display: none;}
    .box_case .PhotoList_i1 li:nth-child(1),.box_case .PhotoList_i1 li:nth-child(2),.box_case .PhotoList_i1 li:nth-child(3),.box_case .PhotoList_i1 li:nth-child(4){width: 49%;margin-right: 2%;margin-bottom: 2vw; height: 30vw;display: block;}
    .box_case .PhotoList_i1 li:nth-child(2n),.classlist li:nth-child(2n){margin-right: 0;}
    
    .NewsList_g2 li{float: none;width: 100%;margin-bottom: 5vw;padding: 5vw 0;}
    .NewsList_g2 .nwimg{display: none;}
    .NewsList_g2 li:first-child{padding-top: 0;}
    .NewsList_g2 li:first-child .nwimg{display: block;height: 53vw;margin-bottom: 3vw;}
    .NewsList_g2 li h3 a{font-size: 4.2vw;margin-bottom: 0.5vw;}
    .NewsList_g2 li p{font-size: 3.6vw; display: -webkit-box;-webkit-line-clamp: 2;height: 3.6em;}

    .bant{padding: 17vw 0;margin: 12vw auto;}
    .bant .txt{padding: 9vw 3vw;width: 93%;box-sizing: border-box;}
    .bant ul li .more{width: 130px;text-indent: 15px;}
    .bant ul{margin-top: 4vw;}
    .bant h3{font-size: 5vw;}
    .bant p{font-size: 3.6vw;}
}