@charset "utf-8";
.header{position:absolute;top: 0;}
.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;}
.ResTitle_a1{position: absolute;top: 12.2vw; z-index: 2;width: 100%;}
.ResTitle_a1 span{font-size: 2.3vw;color: #fff;line-height: 1.5;display: none;}
.ResTitle_a1 em{font-size: 2.3vw;color: #fff;display: block;text-transform: uppercase;}

.nav {position: relative;border: 1px solid #333333;}
.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: 2%; border-right: 7px solid #38ae37;}
.nav .swiper-button-prev {left: 2%;border-left: 7px 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;text-align: left;}
.NavList_a1 a,.ClassList_b2 a{font-size: 18px;display: block;position: relative;z-index: 1;padding: 1vw 1vw 1vw 1.5vw;line-height: 1.5;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.NavList_a1 a:after, .ClassList_b2 a:after{content: "+";margin-left: 5.2vw;display: inline-block;}
.NavList_a1 a.on, .ClassList_b2 .on a{background-color: #45b035;color: #fff;font-weight: bold;}

.PosList_a1{font-size: 14px;line-height: 24px;padding: 20px 0;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}

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

.title{line-height: 1.8;}
.title br{display: none;}
.title span{font-size: 1.8vw;font-weight: bold;display: block;}
.title em{display: none;font-size: 14px;text-transform: uppercase;color: #bfbfbf;}
.title:after{display: inline-block;content: "";background:#4eb140;width: 1.5em;height: 4px;margin: 1em auto 0 auto;}

.rid31 .T{margin-bottom: 10vw;}
.rid31 .L{max-width: 33%;width: 400px;}
.rid31 .R{box-sizing: border-box; width: 62.5%;}
.rid31 .tit:after{content: "";display: block;width: 1.5em;height: 3px;background-color: #45b035;margin-top: 1vw;margin-left: 0;}
.num-list li{box-sizing: border-box;margin-bottom: 2.6vw;}
.num-list .box{text-align: left;box-sizing: border-box; }
.num-list .txt{max-width: 75%;}
.num-list i{width: 2.5vw;min-width: 40px; max-width: 60px;margin-right: 0.6vw;}
.num-list i img{display: block;width: 100%;}

.rid32{margin-top: 1vw; padding-top: 5.2vw;background:url(/images/hbg.png) no-repeat;background-size: 41% auto;background-position: 93% 0;}

#history{width: 800px;margin: 0 auto;max-width: 90%;}
#history .h-box{line-height: 1.8;text-align: center;padding: 4vw 0;}
#history .h-box .con{box-sizing: border-box;padding-right: 20px;}
#year{ position: relative;text-align: center;font-weight: bold;margin: 0 auto;}
#year .gallery-thumbs{line-height: 1.8;display: block;}
#year .gallery-thumbs:before {content: '';width: 100%;position: absolute;left: 0;top: 4px;border-bottom: 1px solid #424942;}
#year .swiper-slide{width: auto;cursor: pointer;}
#year .swiper-slide em{display: block;color: #fff;font-size: 14px;padding: 0 3em;font-weight: normal;position:relative;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
#year .swiper-slide em:before {content: '';background: #555;width: 10px;height: 10px;display: block;border-radius: 50%;margin:0 auto 10px auto;position: relative;z-index: 1;}
#year .swiper-slide em:after {content: '';background: #49ab3a;display: block;height: 3px;width: 0;left: 50%;position: absolute;top: 3px;
  box-shadow:  0 0 0.3em 0 rgba(82,222,61,0.7);
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
#year [class*=thumb-active] em:before {background-color: #52de3d;}
#year [class*=thumb-active] em:after {width: 50%;}
#year .swiper-slide-thumb-active em{color: #52de3d;font-size: 22px;font-weight: bold;}
#year .btns{width: 2.6vw;height: 2.6vw; line-height: 2.6vw;text-align: center; background-size: 100% auto;opacity: 1;position: absolute;/* transform: translateY(-50%); */
    top: -1vw;cursor: pointer;background: #424242;border-radius: 50%;color: #fff;font-weight: normal;}
#year .btns.btn-prev{left: -2.8vw;}
#year .btns.btn-next{right:-2.8vw;}
#year .btns:hover{background: #52de3d;}

#history .history-text {max-height: 280px;}
#history .history-text .swiper-slide{height: auto;}
#history .swiper-scrollbar-drag{background: rgb(39 144 23);}
#history .swiper-scrollbar{background: #5a5a5a;}

#news-swiper .img{width: 62%;}
#news-swiper .img a{display: block;position: relative;height: 25vw;overflow: hidden;background-size: cover;}
#news-swiper .img img{position: absolute;left: 50%;top: 50%;height: 100%;width: 100%;object-fit:cover; 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;}
#news-swiper .txt{width: 30%;margin-right: 8%;box-sizing: border-box;padding-bottom: 40px;}
#news-swiper .txt .a{line-height: 1.5; display: block;width: 9em;padding: 0.7em 1em;border: 1px solid #797979;color: #c6c6c6;text-align: left;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
#news-swiper .arrow {text-align:left;position: absolute;bottom: 0.7vw ;left:0;z-index: 1;}
#news-swiper .arrow div{position: static;display: inline-block;width: auto;color: #fff;height: auto; font-size: 20px;width: 28px;height: 28px;line-height: 30px;
  text-align: center;margin: 0;background-image: none;background-color: #434343;margin-left: 0;
}
#news-swiper .arrow .swiper-button-next.swiper-button-disabled, #news-swiper .arrow .swiper-button-prev.swiper-button-disabled{opacity: 0.3;}


.rid52 .T{border-radius: 15px;background:url(/images/j_bg.jpg); box-sizing: border-box;}
.rid52 .T li{float: left;box-sizing:border-box;padding: 4vw 1vw 2vw 1vw;width: 33.3%;overflow: hidden;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.rid52 .T li:nth-of-type(4),.rid52 .T li:nth-of-type(5),.rid52 .T li:nth-of-type(6){border-top: 1px solid #797979;}
.rid52 .T li:nth-of-type(2),.rid52 .T li:nth-of-type(5){border-left: 1px solid #797979;border-right: 1px solid #797979;}
.rid52 .T .img{z-index: 1;}
.rid52 .T .img img { height: 72px; margin: 0 auto; }
.rid52 .T .img i img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 0; }
.rid52 .T .img i { bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; transition: 0.5s linear 0s;position:absolute;z-index: 0; }
.rid52 .T .txt{position: relative;z-index: 1; width: 400px;max-width: 100%;margin-left: auto;margin-right: auto;}
.rid52 .T p{line-height: 1.6;height: 8em;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.rid52 .T .hover{z-index: 1;left: 0 ;top: 0;height: 100%;width: 100%;background-size: cover;opacity: 0;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1); 
  transition: .8s all ease;-ms-transition: .8s all ease;-webkit-transition: .8s all ease;
}

.rid52 .M{padding: 0 60px;box-sizing: border-box;}
.rid52 .M .swiper-button-prev,.rid52 .M .swiper-button-next{width: 30px;height: 30px;line-height: 30px; color: #fff;height: auto; font-size: 20px;
  text-align: center;margin: 0;top: 3vw; background-image: none !important;background-color: #404040;border-radius: 50%;opacity: 1 !important;
}
.rid52 .M li .txt{border-bottom: 4px solid transparent;padding-bottom: 2.6vw;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.rid52 .M li {cursor: pointer;}
.rid52 .M li .img{height: 9.3vw;}
.rid52 .M li .img img{max-height: 100%;max-width: 100%;}
.rid52 .M li:hover .txt{border-color: #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;}

.VideoDisplay_a1{width:100%; margin:0 auto;}
.VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 1.5vw;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%;}
.rid90 .VideoList_d1 li a:after{content: "";display: block;z-index: 5;position: absolute;left: 50%;top: 50%;
     background: url(/images/play.png) center no-repeat;background-size: contain;
     min-width: 30px;min-height: 30px;width: 4vw;height: 4vw;max-width: 80px;max-height: 80px;
     transform:  translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
}
.VideoDisplay_a1_back{text-align:center; height:40px; margin-top:30px;}
.VideoDisplay_a1_C{text-align: center;}
.VideoDisplay_a1_back a.more{color: #fff;display:inline-block;background: #38ae37; line-height: 1.5;
    position:relative; transition: 0.6s; padding: 0.5em 2em; font-size:16px;border-radius: 2em;}

@media screen and (min-width: 1027px){
    .NavList_a1 a:hover{background-color: #45b035;color: #fff;}
    .ClassList_b2 a:hover,#news-swiper .txt .a:hover,.rid52 .M .swiper-button-prev:hover,.rid52 .M .swiper-button-next:hover{
        background-color: #45b035;color: #fff;
    }
    #news-swiper .arrow div:hover{background-color: #45b035;}
    #year .swiper-slide:hover em:after {width: 50%;}
    #year .swiper-slide:hover em:before {background-color: #45b035;}
    #year .swiper-slide:hover em{color: #45b035;}
    .rid52 .T li:hover i { height: 100%; }
    .rid52 .T li:hover{background-color: #45b035;}
    .rid52 .T li:hover .hover{opacity: 0.4; -webkit-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    -o-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3); }

    .rid52 .T li:hover .icon>img { opacity: 0; transition-delay: 0.5s; }
}
@media screen and (max-width: 1440px){
    #year .swiper-slide-thumb-active  em{font-size: 20px;}
}
@media screen and (max-width: 1250px){
    .main-box{font-size: 14px;}
    .title span{font-size: 28px;}

    .NavList_a1 a, .ClassList_b2 a{font-size: 16px;}


    .rid31 .M .R{width: 47%;padding-top: 3vw;}
    .rid31 .M .L{width: 49%;max-width: 100%;}
    #year .swiper-slide-thumb-active  em{font-size: 18px;}

    .rid52 .M li .img{height: 12vw;}
}
@media screen and (max-width: 1100px){
    .page-ban .BannerShow_c1 div{height: 40vw;}
    .ResTitle_a1{top: 20vw;}
    .ResTitle_a1 span{font-size: 24px;}
    .title span{font-size:24px;}

    #news-swiper .img{width: 50%;}
    #news-swiper .txt{width: 45%;margin-right: 5%;}

    .page{display: none;}
    #load_more_button,.map-btn{display: block;margin: 3em auto 0 auto;padding: 0.5em 0;}
    #year .btns{width: 30px;height: 30px;line-height: 30px;}

    .rid52 .M li .img{height: 18vw;}
    .rid52 .M .swiper-button-prev, .rid52 .M .swiper-button-next{top: 7vw;}
}
@media screen and (max-width: 800px){
    .rid31 .M .R,.rid31 .R{width: 100%;float: none;}
    .rid31 .M .L,.rid31 .L{width: 100%;max-width: 100%;float: none;}

    .num-list li{width: 25%;margin-right: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 span{font-size: 5.5vw;}
    .title{text-align: center;}
    .title em{display: none;}
    .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;}

    .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;}

    #news-swiper .txt{width: 100%;display: block;padding-bottom: 0;}
    #news-swiper .img{width: 100%;display: block;}
    #news-swiper .img a{height: 56vw;}
    #news-swiper .arrow{bottom: 62vw;left:auto;right:0;}

    #year{width: 100%;}
    #history{width: 100%;max-width: 100%;}
    #year .swiper-slide-thumb-active em{font-size: 4vw;}

    .num-list li{width: 47.5%;margin-right: 5%;}.num-list i{margin-right:2vw;}

    .rid32{background:none;}
    .rid52 .M li .img{height: 39vw;}
    .rid52 .M{padding: 0;}
    .rid52 .T li{width: 50%;}
    .rid52 .T p{height: auto;}
    .rid52 .T .img img{height: 10vw;}
    .rid52 .T li:nth-of-type(4), .rid52 .T li:nth-of-type(5), .rid52 .T li:nth-of-type(6),.rid52 .T li:nth-of-type(2), .rid52 .T li:nth-of-type(5){border:none;}
    .rid52 .T li:nth-of-type(3), .rid52 .T li:nth-of-type(4){border-top: 1px solid #797979;border-bottom: 1px solid #797979;}
    .rid52 .T li:nth-of-type(3) p, .rid52 .T li:nth-of-type(4) p{min-height: 4.8em;}
    .rid52 .T li:nth-of-type(2n){border-left: 1px solid #797979;}

    .rid52 .M li div{font-weight: bold;}

    .VideoDisplay_a1_C{width: 94%;margin: 0 auto;text-align: center;}
    .VideoDisplay_a1_C{margin-top: 3vw;}
    .VideoDisplay_a1_C video{height: auto;width: auto;max-height: 60vh;}
    .VideoDisplay_a1_back a.more{font-size: 3.8vw;}

}