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: #5abc1a !important;opacity: 1 !important;}

.page-ban{height: 39vw;box-sizing:border-box; background: none;overflow: hidden;}
.page-ban .BannerShow_c1{width: 100%;height: 100%;}
.page-ban .BannerShow_c1 div{width: 100%;height: 39vw;}
.page-ban .BannerShow_c1 img{width: 100%;height: 100%;object-fit: cover;display: block;}

.nav{position: relative;background: #327c01;height: 80px;margin-bottom: 2.7vw;}
.nav .main_width{-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.NavList_a1{background: #f4f4f4;/* overflow: visible; */}
.NavList_a1 li{display: inline-block;width: auto;text-align: center;}
.NavList_a1 a{font-size: 22px;color: #333333;display: block;padding: 0 3vw;line-height: 100px;height: 100px; position: relative;text-transform: capitalize;
    transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.NavList_a1 a.on{color: #fff;background: #5abc1a;}
.NavList_a1 li.as:after, .ClassList_b4 .on:after {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -11px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 11px solid #5abc1a;
}
.ClassList_b2{margin-bottom: 20px;background: url(../images/abbg.jpg) no-repeat;
    background-size: cover;}
.ClassList_b2 a{padding: 0.5vw 1vw;background: #5abc1a;color: #fff;}
.ClassList_b3{text-align: center;margin-bottom: 3.125vw;}
.ClassList_b3 li{display: inline-block;margin: 0 20px;}
.ClassList_b3 li a{display: block;padding: 0 2.5vw;border: 1px solid #e2e2e2;height: 48px;line-height: 48px;color: #333333;font-size: 14px;background-color: #f5f5f5;
border-radius: 24px;}
.ClassList_b3 .on a{color: #fff;background-color: #c10000;border-color: #c10000;}
.ClassList li.on a{color: #c10000;background-color: #fff;}

.page-t{border-bottom: 1px solid #999999;padding: 20px 0;margin-bottom: 5.8vw;position: relative;font-size: 36px;}
.page-t:after{content: "";display: block;width: 4em;position: absolute;bottom: -4px;left: 0;background: #4b9d16;height: 8px;}
.ResTitle_a3{line-height: 1.5;position: relative;font-size: 36px;color: #191919;text-transform: uppercase;display: inline-block;vertical-align: middle;}
.ResTitle_a3 em,.ResTitle_a3 br{display: none;}
.PosList_a1{color: #4c4c4c;font-size: 16px;display: inline-block;vertical-align: middle;text-align: right;float: right;padding-top: 26px;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}
.PosList_a1{padding-left: 34px;background: url(../images/loc.png) left 32px no-repeat;}
.ResTitle_a1{text-transform: uppercase;}
.ResTitle_a1 em{display: none;}
.main-box{margin: 0 auto 5.2vw auto;min-height: 400px;font-size: 18px;color: #4c4c4c;line-height: 1.6;}
img{max-width: 100%;}

.advantage .img li{width: 45%;float: left;margin-right: 5%;}
.advantage .img li p.c-5abc1a{min-height: 4.5em;line-height: 1.5;}
.advantage .img li:nth-child(2n){margin-right: 0;}
.advantage .img.w50{width: 50%;text-align: center;}
.advantage .txt{font-size: 18px;box-sizing: border-box;position: relative;}
.advantage .txt.w50{width: 45%;margin-right: 5%;}
.numico{width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 60px;background: #5abc1a;color: #fff;font-size: 50px;font-weight: bold;
font-family: Arial;position: absolute;left: 0;top: 0.2em;display: none;}

.about .ResTitle_a1{text-align: center;padding-bottom: 0.9vw;background: url(../images/line.png) center bottom no-repeat;
    margin-bottom: 3vw;padding-bottom: 20px;}
.about .ResTitle_a1 span{color: #191919;font-size: 1.8vw;display: block;line-height: 1.5;text-transform: uppercase;}
.about .ResTitle_a1 em{color: #999999;font-size:20px;text-transform: uppercase;font-style: normal;}
.about .ResTitle_a1 br{display: none;}

.about .w53{width: 53%;}
.about .about1 .txt{padding-right: 8vw;box-sizing: border-box;}
.about .about2 .txt{width: 41%;margin-left: 5%;}
.about .about1 .img{width: 41%;margin-left: 15%;}
.brand.about .about1 .img{margin-left: 9%;}
.about .about2 .title{font-size: 20px;color: #999999;text-transform: uppercase;margin-bottom: 1.2vw;}
.about .about2 .title span{margin-right: 10px;}
.about .about2 .title span:after{content: "";display: block;width: 3em;margin-top: 0.8vw;display: block;height: 6px;background: #4b9d16;}

.about .PhotoList_i1 li{width: 23.5%;margin-right: 2%;float: left;}
.about .PhotoList_i1 li:nth-child(4n){margin-right: 0;}
.about .PhotoList_i1 a{display: block;height: 12.5vw;border: 1px solid #e5e5e5;margin-bottom: 1vw;position: relative;box-sizing: border-box;
transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}
.about .PhotoList_i1 h4{display: none;}
.about .PhotoList_i1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;text-align: center;}
.about .PhotoList_i1 a img{display: inline-block;max-width: 85%;max-height: 85%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; 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;}
.about .page,.about #load_more_button{display: none !important;}
.about .more{width: 200px;line-height: 50px;height: 50px;text-align: center;font-size: 18px;color: #fff;background: #5abc1a;display: block;margin: 3vw auto;
border-radius: 25px;}

.box-user .PhotoList_i1 li{margin: 0;}
.box-user .PhotoList_i1 a{height: 7.8vw;margin: 0;width: 99%;}
.box-user .PhotoList_i1 span{display: none;}

.box-user .swiper-container{width: 90%;margin: 0 auto;}
.box-user .swiper-button-next,.box-user .swiper-button-prev{background-image: url(../images/l0.png);background-position: center;
  width: 2.6vw;height: 2.6vw;background-color: #aeaeae;border-radius: 50%;background-size: 28% auto;}
.box-user .swiper-button-prev{left: 0;}
.box-user .swiper-button-next{left: auto; right: 0;-webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.qiybuju li{position: relative;padding-left: 4vw;box-sizing: border-box;min-height: 3vw;margin-bottom: 1.8vw;}
.qiybuju i{position: absolute;left: 0;top: 0;border-radius: 50%; font-size: 1.8vw;color: #4d4d4d;font-weight: bold;width: 3vw;height: 3vw;font-style: normal;text-align: center;line-height: 3vw;background: #ffe400;}


.history{background: url(../images/fzbg.jpg) center no-repeat;background-size: cover;padding: 3.5vw 0 5vw 0;overflow: hidden;}
.history .gallery-top li[class*=active]:after { opacity: 1; }
.history .gallery-thumbs { font-size: 16px; color: #bbb; position: relative; z-index: 0;}
.history .gallery-thumbs:before { content: '';display: block; width: 100%; height: 1px; background:#fff; position: absolute; left: 0; top: 24px; }
.history .gallery-thumbs .swiper-slide:before { content: ''; width: 30px; height: 30px; background: url(/images/a.png) no-repeat; background-size: 100% 100%; 
position: absolute; left: 50%; margin-left: -15px;  top: 10px; }
.history .gallery-thumbs [class*=active],.history .gallery-thumbs .swiper-slide:hover { color: #fff; }
.history .gallery-thumbs li { cursor: pointer; padding-top: 45px; outline: none;text-align: center; }
.history .gallery-thumbs [class*=active]:before {background-image: url(/images/aa.png);}
.history em{font-style: normal;text-align: left;}
.history .issue_text span{border-right: 1px solid #000000;margin-right: 0.3em;padding-right: 0.3em;line-height: 1.4;}
.issue_text{text-align: center;min-height: 9vw;padding: 3vw 0;box-sizing: border-box;}

.swiper-pagination{width: 100%;text-align: center;position: static;}
/*详情*/
.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{padding-bottom: 0.9vw;background: url(../images/line.png) center bottom no-repeat;margin-bottom: 2vw;text-align: center;
    color: #191919;font-size: 1.8vw;display: block;line-height: 1.5;}
.NewsDetail_a1 #nf{ width: 180px; margin:0 auto; margin-bottom:20px; height:20px; line-height:20px;}
.NewsDetail_a1 #nf em{font-style: normal;font-size: 16px; display:block; padding-top:2px; margin-right:2px; float:left;text-transform: capitalize;}
.NewsDetail_a1 #nf span{display:block; padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px; float:left; background:#999999; color:#fff; text-align:center; cursor:pointer;}
.NewsDetail_a1 #nf span.nf_on{ background:#5abc1a;color: #fff;}
.NewsDetail_a1 em{font-style: normal;}

.NewsDetail_a1 .nf1{line-height:1.5; font-size:16px;min-height: 400px;margin-top: 1.5vw;}
.NewsDetail_a1 .nf2{line-height:1.5; font-size:18px;min-height: 400px;margin-top: 1.5vw;}
.NewsDetail_a1 .nf3{line-height:1.5; font-size:20px;min-height: 400px;margin-top: 1.5vw;}
.NewsDetail_a1 p{line-height: 1.5;}
.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;}
.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{}
.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;}

.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: #5abc1a;border-color: #5abc1a;color: #fff;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #5abc1a;color: #fff;border-color: #fff;}

#load_more_button{display: none;}
.caseback{background: #5abc1a;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;}
.search-item{margin-bottom: 1.5vw;padding: 2vw;background-color: #f5f5f5;box-sizing: border-box;}
.search-item h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.search-item h3 a {font-size: 1.3vw;color: #999999;display: inline-block;}
.search-item p {font-size: 16px;line-height: 1.8;max-height: 3.6em;overflow: hidden;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.search-item .thumb {float: left;width: 110px;height: 70px;background-position: left center;margin: 0 15px 0 0;padding-top: 0;display: none;}
.search-item .item-content .item-meta{font-size: 12px;line-height: 2;color: #aaa;display: none;}

.contact{font-size: 0;}
.contact .map{width: 45%;/* height: 470px; */margin-left: 9%;}
.contact .txt{width: 45%;padding-top: 1.5vw;}
.contact_txt h3{font-weight: bold;color: #4c4c4c;font-size: 30px;margin-bottom: 1.2vw;}
.contact_txt li{line-height: 1.8; border-bottom: 1px dashed #bfbfbf;padding: 13px 0;display: block;font-size: 20px;color: #4d4d4d;}
.contact_txt li i{width: 46px;margin-right: 0.8em;}
.contact_txt li p{display: inline;}
.contact_txt li i img{max-width: 100%;display: inline-block;vertical-align: middle;}
#map2{width: 100%;height: 100%;font-size: 14px;}


@media screen and (min-width: 1024px){
    .NavList_a1 li:hover a{color: #fff;background: #5abc1a;}
    .PosList_a1 a:hover{color: #5abc1a;}
    .search-item:hover{background-color: #d0e0c6;}
    .search-item h3 a:hover{color: #5abc1a;}
    .PhotoList_i1 li: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) ;}
    .PhotoList_i1 li:hover a{border-color: #5abc1a;}

}
@media screen and (max-width: 1440px){
    .page-t{font-size: 26px;}
    .ResTitle_a3,.about .ResTitle_a1 span{font-size: 26px;}
    .main-box{font-size: 16px;}
    
    .advantage .txt{font-size: 16px;}
    .numico{width: 45px;height: 45px;line-height: 45px;font-size: 30px;}
    .advantage .f-22{font-size: 18px;}
    .history .f-26{font-size: 24px;}

    .search-item h3 a{font-size: 20px;}

    .nav{height: 60px;}
    .NavList_a1 a{line-height: 80px;height: 80px;font-size: 20px;}
}

@media screen and (max-width: 1250px){
    .PosList_a1{padding-top: 15px;}
    
    .advantage .f-30{font-size: 26px;}
    .advantage .f-22{font-size: 16px;}
    .advantage .txt{font-size: 16px;}
    .numico{width: 35px;height: 35px;line-height: 35px;font-size: 24px;}
    .history .issue_text span{border: none;padding: 0;margin-right: 0;display: block;}

    .qiybuju i{font-size: 20px;line-height: 40px;height: 40px;width: 40px;}
    .qiybuju li{padding-left: 50px;}

    .history .f-26{font-size: 20px;}

    .history{padding: 50px 0;}
    .nav{height: 50px;}
    .NavList_a1 a{line-height: 70px;height: 70px;font-size: 18px;}
}
@media screen and (max-width: 1150px){
    .about .PhotoList_i1 a{height: 21vw;}
    .box-user .PhotoList_i1 a{height: 11vw;}
    .PosList_a1{display: none;}

    
}
@media screen and (max-width: 800px){
    .brand .about .img.w53{width: 100%;margin: 0;display: block;}
    .brand .about2 .txt{width: 100%;margin: 0;display: block;}
    .qiybuju li{display: inline-block;width: 46%;margin-right: 2%;vertical-align: top;}
    .qiybuju i{font-size: 16px;line-height: 30px;height: 30px;width: 30px;}
    .qiybuju li{padding-left: 40px;}
}
@media screen and (max-width: 640px){
    .page-ban{background-position: center;height: 66vw;}
    .page-ban .BannerShow_c1 div{height: 66vw;}
    .PosList_a1,.page,.page-ban:before{display: none;}
    .ResTitle_a3,.about .ResTitle_a1 span{font-size: 5vw;}
    .ResTitle_a3 em,.about .ResTitle_a1 em{font-size: 12px;}
    .about .ResTitle_a1,.NewsDetail_a1 #nt{background-size: auto 3px;padding-bottom: 10px;margin-bottom: 6vw;}
    .page-t{font-size: 5vw;}
    .page-t:after{height: 4px;bottom: -3px;}
    .nav{height: 8vw;}
    .nav .main_width{-webkit-transform: translateY(-1vw);
    -ms-transform: translateY(-1vw);
    -o-transform: translateY(-1vw);
    transform: translateY(-1vw);}
    .NavList_a1 a{font-size: 3.8vw;padding:  0 3vw;box-sizing:border-box;height: 11vw;line-height: 11vw;}
    #load_more_button,.map-btn{font-size: 3.8vw;margin: 6vw auto 0 auto;padding: 1.5vw 0;display: block;border-radius: 5vw;
        background: #5abc1a; width: 8em;text-align: center;color: #fff;}

    .main-box{font-size: 3.8vw;margin-top: 8vw;min-height: 10vh;}

    .brand.about .about1 .img,.about .about1 .img,.about .about2 .img{float: none;width: 100%;margin: 0 auto 3vw auto;}
    .about .about1 .txt,.about .about2 .txt{float: none;width: 100%;margin: 0 auto 3vw auto;}
    .about .about1{margin-bottom: 10vw;}
    .about .about2 .title{margin-bottom: 3vw;font-size: 3.8vw;}
    .about .about2 .title span:after{height: 2px;}
    .about .PhotoList_i1 li{width: 47.5%;margin-right: 5%;margin-bottom: 5vw;}
    .about .PhotoList_i1 li:nth-child(2n){margin-right: 0;}
    .about .PhotoList_i1 a{height: 33vw;}
    .about .more{width: 8em;height: 10vw;line-height: 10vw;font-size: 3.8vw;margin-top: 6vw;}

    .advantage .f-30{font-size: 5vw;}
    .advantage .f-22{font-size: 4.2vw;}
    .advantage .txt{font-size: 3.8vw;}
    .numico{width: 8vw;height: 8vw;line-height: 8vw;font-size: 5vw;}
    .advantage .img li{float: none;width: 100%;margin-bottom: 3vw;}
    .advantage .img.w50{width: 100%;float: none;}
    .advantage .txt.w50{width: 100%;float: none;margin: 0 0 3vw 0;}

    .NewsDetail_a1{margin: 0 auto;width: 100%;padding: 0;box-shadow: none;}
    .NewsDetail_a1 .nf1{font-size: 3.6vw;}
    .NewsDetail_a1 .nf2{font-size: 3.8vw;}
    .NewsDetail_a1 .nf3{font-size: 4.2vw;}
    .NewsDetail_a1 #nt{font-size: 5vw;}
    .NewsDetail_a1 #nb{font-size: 3.2vw;}
    .NewsDetail_a1 #nf em{font-size: 3.5vw;}
    .NewsDetail_a1 #newtb{margin-top: 0;}
    .NewsDetail_a1 #newtb a,.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{font-size: 3.8vw;line-height: 1.5;}
    .NewsDetail_a1 #newtb span{margin-bottom: 2vw;}
    .NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{width: 100%;}
    .ResTitle_a1 .VideoDisplay_a1_back{font-size: 3.8vw;margin-top: 2vw;border-left: 3px solid #fecb09;padding: 1vw 0 1vw 3vw;line-height: 1.0; }


    .map-btn{display: block;}
    
    .contact .txt,.contact .map{width: 100%;display: block;float: none;margin: 0 auto 3vw auto;}
    .contact_txt h3{font-size: 4.2vw;}
    .contact_txt li{font-size: 3.8vw;}
    .contact_txt li i{width: 1.5em;}

    .history{padding: 6vw 0;background-position: 20% center;}
    .issue_text{padding: 0;}
    .history .f-60{font-size: 4.6vw;}
    .history .f-26{font-size: 4.2vw;}
    .history .issue_text span{margin-bottom: 3vw;}
    .history .gallery-thumbs .swiper-slide:before{background-size: 50% auto;background-position: center;}
    .history .gallery-thumbs li{padding-top: 34px;}
    .box-user .PhotoList_i1 a{height: 18vw;}
    .box-user .PhotoList_i1 li{margin-bottom: 0;}
    .box-user .swiper-container{width: 100%;}
    .qiybuju li{float: none;width: 100%;display: block;margin: 0 0 3vw 0;}
    .swiper-pagination{margin-top: 5vw;}

    .search-item p{font-size: 3.8vw;}
    .search-item h3 a{font-size: 4.5vw;}
    .search-item{margin-bottom: 5vw;}
    .caseback.mob{display: block;}
    .caseback{display: block;margin-top: 5vw;font-size: 3.8vw;line-height: 9vw;height: 9vw;}
}