@charset "utf-8";
body{margin: 0;background: #fff;}
.swiper-pagination{z-index: 1;position:static;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 2px;width: 13px;border-radius: 4px;margin: 0 2px;opacity: 0.66;background-color: #f4f5f8;}
.swiper-pagination-bullet-active{width: 26px !important;background: #45b035 !important;opacity: 1 !important;}

.page-ban{box-sizing:border-box; background: none;overflow: hidden;position: relative;background: #f5f5f5;}
.page-ban .BannerShow_c1 div{width: 100%;/*height: 25vw;*/}
.page-ban .BannerShow_c1 img{min-width: 100%;height: 100%;object-fit: cover;display: block;}
.page-ban br{display: none;}

.nav {position: relative;background: #333333;text-align: center;}
.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: 7%; border-right: 10px solid #38ae37;}
.nav .swiper-button-prev {left: 7%;border-left: 10px solid #38ae37;}
.nav .swiper-button-next ,.nav .swiper-button-prev{border-bottom-width: 7px;border-top-width: 7px;z-index: 2;}

.ClassList_b2 li,.NavList_a1 li{display: block;width: auto;min-width: 12.5%;}
.NavList_a1 a,.ClassList_b2 a{display: block;position: relative;z-index: 1;padding: 1.2vw 1vw;line-height: 1.5;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;box-sizing: border-box;
}
.NavList_a1 a.on, .ClassList_b2 .on a{background-color: #45b035;color: #fff;}

.PosList_a1{color: #4c4c4c;font-size: 14px;line-height: 24px;margin-bottom: 2.4vw;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}

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

.title{line-height: 1.5;padding-bottom: 20px;border-bottom: 1px solid #000000;}
.title div{display: inline-block;vertical-align: middle;}
.title br{display: none;}
.title span,.title em{font-size: 1.8vw;font-weight: bold;display: block;color: #46b135;}
.title span{display: none;text-transform: uppercase;}
.w-warp{height: 32px;border-radius: 6px;font-size: 14px;color: #fff;padding-right: 30px;
 -moz-appearance:none;appearance:none;min-width: 14em;
    -webkit-appearance: none;background: url(../images/db.png) #313131 calc(100% - 13px) center no-repeat;text-indent: 13px;}

.detail .B{background: #f5f5f5;}
.detail .L{width: 50%;height: 32em;border: 1px solid #d2d2d2;background-color: #fff;position: relative;}
.detail .R{width: 45%;padding: 2em 1em 1.5em 0;box-sizing:border-box;}
.detail .L a{display: block;height: 100%;position: relative;}
.detail .L 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-h3{line-height: 1.5;width: 100%;}
.detail .map-btn{display: inline-block;width: 8em;margin-right: 1em;border-radius: 5px;}
.detail .map-btn.b-333{background-color: #aaa;}
.detail .back{background:url(../images/back.png) no-repeat;background-position: 0.9em center;background-size: 1.2em;padding-left: 1.5em;
    background-color: #dcdcdc;color: #333;
}
.detail .R .swiper-container{height: 14.6em;line-height: 1.8;}
.detail .R .swiper-container .swiper-slide{height: auto;}
.detail .R .swiper-scrollbar-drag{background: #45b035;}

.page{width: 100%;text-align: center;margin-top: 3.5vw;font-size: 0;}
.page a,.page span{font-size: 14px;color: #9a9a9a;padding: 0.6em 1.1em;margin: 0 2px; line-height: 1.5;display: inline-block;text-align: center;
    background-color: #414141;font-weight: bold;
}
.pageinfo{display: none;}
.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur{font-weight: bold;background-color: #38ae37;color: #fff;border-color: #38ae37;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #38ae37;color: #fff;border-color: #fff;}

#load_more_button{display: none;width: 8em;margin-left: auto;margin-right: auto;text-align:center;padding: 0.5em 0;border-radius: 2em;
    background: #38ae37;color: #fff;}
.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;}

@media screen and (min-width: 1027px){
    .NavList_a1 a:hover{background-color: #45b035;color: #fff;}
    .ClassList_b2 a:hover{
        background-color: #45b035;color: #fff;
    }
}
@media screen and (max-width: 1440px){
}
@media screen and (max-width: 1250px){
    .main-box{font-size: 14px;}
    .title em{font-size: 28px;}
}
@media screen and (max-width: 1100px){
    .page-ban .BannerShow_c1 div{height: 40vw;}
    .ResTitle_a1{top: 20vw;}
    .ResTitle_a1 span{font-size: 24px;}
    .title em{font-size:24px;}

    .page{display: none;}
    #load_more_button,.map-btn{display: block;margin: 3em auto 0 auto;padding: 0.5em 0;}

}
@media screen and (max-width: 640px){
    .header{position:fixed;}
    .page-ban .BannerShow_c1 div{height: 60vw;max-height: 775px;}
    .ResTitle_a1{top: 31vw;}
    .ResTitle_a1 span{font-size: 5vw;font-weight: bold;}
    .ResTitle_a1 em{font-size: 12px;}
    .title em{font-size: 5.5vw;}
    .title{text-align: center;border: none;}
    .title p{float: none;display: block;}
    .nav{margin-bottom: 10vw;}
    .nav .swiper-button-next{right: 3%;}
    .nav .swiper-button-prev{left: 3%;}
    .nav .swiper-button-next, .nav .swiper-button-prev{-webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);}

    .NavList_a1,.ClassList_b2{margin: 0 auto; max-width: 85%;display: inline-block;}
    .NavList_a1 a,.ClassList_b2 a{font-size: 3.8vw;padding:  0 3vw;box-sizing:border-box;height: 10vw;line-height: 10vw;}
    .NavList_a1 a.on, .ClassList_b2 .on a{background: none;color: #45b035;}

    .main-box{font-size: 3.8vw;}

    .rid96 .w-warp{float: none;width: 100%;border-radius: 3px;}
    .rid96 .title .fr{float: none;width: 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;}
    .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;}

    .detail .L{float: none;width: 100%;height: 45vw;}
    .detail .L li{float: none !important;width: 100% !important;}
    .detail .R{float: none;width: 100%;}
    .detail .R{padding: 0 3vw 5vw 3vw;}

}