@charset "utf-8";
/* CSS Document */

/*===========================header=============================*/
#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ z-index:999; height:6rem; width:100%; position: fixed; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header>.m{   }
#top{ display: flex; justify-content: flex-end; align-items: center; padding-top: 1.125rem;}
.top_nav{}  
.top_nav a{ font-size: .875rem; color: #fff; margin-left: 2.5rem;}
.btn_search{ width: 1.125rem; height: 1.125rem; cursor: pointer; margin-left: 3rem;}
#header .navbox{  display: flex; justify-content: space-between; align-items: center; gap: 5rem;} 
#logo{ flex-shrink:0; }
#logo a{ display: flex; height: 100%; align-items: center;}
#logo img{ height: 3.375rem; } 
#nav{ flex-grow: 1; max-width: 1030px; }
#nav ul{display: flex; justify-content: space-between;}
#nav ul li{ position:relative; z-index:0; text-align: center; }
#nav ul li a{ display:block; text-transform:uppercase; }
#nav ul li h3{ font-size:1.1rem;line-height: 2.0rem; color:#fff; text-align: center; position:relative; z-index: 1; display:inline-block;} 
 #nav ul li h3:before {content: "";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background: #fff;transition: 0.3s ease-in-out; transform: scaleX(0); transform-origin: center;}
#nav ul li.on h3:before, #nav ul li:hover h3:before { transform: scaleX(1); } 
#nav ul li.hassub h3:after{ content: ""; display: block; width: 2px; height:0; background: #fff; position: absolute; top: 100%; left: 50%; margin-left: -1px; transition: .5s;}
#nav ul li.hassub:hover h3:after{height: .8125rem;  }
#nav li .sub {position: absolute; text-align: left; padding-top: .7rem;left: 0;top: 100%;z-index: 999;transform-origin: 0 0 0;transform: translateY(10px);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}
#nav li .sub .box {padding: 0;position: relative; transition: .5s; display: flex; background: #fff; border-top: 3px solid #accf53; padding: 1.25rem 1.875rem; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;}
#nav li .sub dl{}
#nav li .sub .hd a{ font-size: .9375rem; color: #353535; } 
#nav li .sub .bd div{ display: none;}
#nav li .sub .bd a{ font-size: .875rem; color: #585858; margin-left: 2rem; display: block;}
#nav li .sub a {padding: 0;line-height: 2.25rem;transition: .3s; white-space: nowrap; border-bottom: 1px solid #e3e3e3;}
#nav li .sub a:hover {color: #387238;border-bottom: 1px solid #387238;}
#nav li:hover .sub {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;transform: translateY(0px);}
#nav ul li:last-child .sub{ right: 0; left: auto;}
#nav ul li:last-child .sub .box{ flex-direction: row-reverse;}
#nav ul li:last-child .sub .bd a{ margin-left: 0; margin-right: 2rem; text-align: right;}
#header.xg{ background: #387238; } 
#header.xg #nav ul li h3:before{ background: #accf53;}
#header.xg #nav ul li h3:after{ background: #accf53;}

#index_header{ background: #387238; height: 7.5rem; position: relative; z-index: 999;}
#index_header .m{ max-width: 1560px;}
#index_header .topbox{ display: flex; align-items: center; justify-content: space-between; padding-top: .8125rem; margin-bottom: .625rem;}
#index_header #top{ padding-top: 0;}
#index_header #nav{ max-width: inherit;}
#index_header #nav ul li h3:before{ background: #accf53;}
#index_header #nav ul li.hassub h3:after{ background: #accf53;}
.s_pad_top{ padding-top: 8.125rem;}
.index_miso>.cursor {
    z-index: 100; width: 125px; height: 125px; border-radius: 50%; background-size: contain;
    background: url(../images/part4_img_zz.png) no-repeat;
    transition: 0.1s;
    opacity: 0 !important; 
}
.index_miso #index_header{ background: rgba(56, 114, 56, 0.95); }
/***********************/

/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:996; transition:.5s; background: #387238;   } 
#m_logo img{ height: 38px;}
#m_header .m{ position:relative; height:100%; display: flex; align-items: center;}
#m_header #logo img{ height: 36px;}
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav .top_search{ display: flex; justify-content: center; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem;}
/*搜索*/
.top_search{ display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; opacity: 0;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(30px);} 
#m_nav.act .top_search{ opacity: 1;transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(0); }
.top_search form{ width: 304px; height: 46px;  background: none; border-radius: 26px; border:1px solid rgb(191 195 200 / 63%); display: flex; align-items: center; justify-content: space-between; } 
.top_search form .input{ width: 100px; height: 100%; background: none; border: 0; flex-grow: 1; color: #fff; padding-left: 20px; } 
.top_search form .button{ width: 46px; height: 100%; cursor: pointer; background: url(../images/search-btn.svg) center no-repeat ; background-size: 23px !important; border: 0; outline: 0; color: #fff;  } 
.top_search form .button:active{ background: url(../images/search-btn.svg) center no-repeat ;}
.top_search form .input::-webkit-input-placeholder{color:#fff;}
.top_search form .input::-moz-placeholder{ color:#fff;}
.top_search form .input::-moz-placeholder{ color:#fff;}
.top_search form .input::-ms-input-placeholder{ color:#fff;}
.top_search form .input:focus::-webkit-input-placeholder {color: transparent;}
.top_search form .input:focus:-moz-placeholder { color: transparent;}
.top_search form .input:focus::-moz-placeholder { color: transparent;}
.top_search form .input:focus:-ms-input-placeholder {color: transparent;}
#m_nav {
    z-index: -1;
    position: fixed;
    background: #387238;  
    background-size: cover;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1); 
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0; transform-origin: left;
    }
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 997;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display: block; transform: translateY(100%);overflow: hidden; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 0;  }
#m_nav.act li .a{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #ffffff;padding:0;font-size:1.25rem;float:left;  font-weight: 400; }
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 12px;height:4.5rem; opacity: .8; float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: rgb(255 255 255 / 53%);text-align:left;line-height:35px;height: 35px;border:0; transform: translateY(100%); opacity: 0; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
#m_nav.act .title .list a{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}
 

.search-dialog-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70vh;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    /* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0; transition: .6s;left: 0;right: 0;z-index: 1;  background-image: -moz-linear-gradient(270deg, #387238 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(270deg, #387238 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(270deg, #387238 30%, rgba(175, 30, 40, 0) 100%);}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.search-dialog-box .search-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0,0,0,.7);
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
    transform:translateY(100%);
    transition: .6s;
}
.header-right .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
    position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
    width:6%;
    padding-top: 6%;
    left: 26.875%;
    top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
    width:12px;
    padding-top: 12px;
    left: 13.54%;
    top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
    width:36px;
    padding-top: 36px;
    left: 8.854%;
    top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
    width:56.875%;
    padding-top: 56.875%;
    left: -28.6458%;
    top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
    width:54px;
    padding-top: 54px;
    left: 26.3%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
    background-color: #fff;
    opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
    width:56.875%;
    padding-top: 56.875%;
    left: 73.4375%;
    top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
    width:2rem;
    padding-top: 2rem;
    left: 60.9375%;
    top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
    width:1.35rem;
    padding-top: 1.35rem;
    left: 95.83%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
    width:16px;
    padding-top: 16px;
    left: 76.5625%;
    top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
    width:56.875%;
    padding-top: 56.875%;
    left: 71.354%;
    top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
    animation:spin 8s infinite linear;
    transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
    animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
    animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
    transform-origin: 30% 30px;
}
.search-dialog{
    position: absolute;
    left: 0;
    top: 50%;

    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.search-dialog .search-tit{
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}
.search-dialog .search-inner{
    overflow: hidden;
    margin-top: 0;
}
.search-dialog .search-input{
    width: 50rem;
    margin: 0 auto;
    padding: 0 0.5rem 0 1.5rem;
    background-color: rgba(255,255,255,.1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;
}
.search-dialog .search-input input[type=text]{
    float: left;
    height: 4.5rem;
    width: calc(100% - 3.5rem);
    background-color: transparent;
    font-size: 1.25rem;
    color: #fff;
    transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=button],
.search-dialog .search-input .clear-btn{
    float: right;
    height: 4.5rem;
    width: 3.5rem;
}
.search-dialog .search-input input[type=button]{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-image: url('../images/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
    background-color: rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}
.search-dialog .search-input.on{
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{
    background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search{
    font-size: 0;
    width:19.5rem;
    margin:.6rem auto 0;
    box-sizing: border-box;
    padding:0 .6rem;
    overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url(../images/hot-icon.png);
}
.search-dialog .hot-link{
    margin-left: 1rem;
}
.search-dialog .hot-link a{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color:#fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before{
    content: "";
    position: absolute;
    left:0%;
    bottom:0;
    width:100%;
    height: 2px;
    background-color: #fff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .3s;
}
.search-dialog-box .bottom-box{
    position: absolute;
    left: 0;
    bottom:5.1%;
    width:100%;
}
.search-dialog-box .bottom-box .share-box{
    overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
    font-size: .35rem;
    line-height:.5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg{
    visibility: visible;
    opacity: 1;
}
.header-right.is-open .search-btn .con-box{
    display:none;
}
.header-right.is-open .close-btn{
    display:block;
}
.header-right.is-open .item .search-bg{
    transform:scale(1);
}
.search-dialog-box.on{
    opacity: 1;
    visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*首页banner*/
#bannerbox{ position: relative;}
.s_gonggao{ position: absolute; right: 0; bottom: 7.5rem; width:50%; height: 3.125rem; z-index: 9; color: #fff; padding-right: 5%;
    background-image: -moz-linear-gradient( 0deg, rgba(57, 115, 57,0) 0%, rgba(57, 115, 57,1) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(57, 115, 57,0) 0%, rgba(57, 115, 57,1) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(57, 115, 57,0) 0%, rgba(57, 115, 57,1) 100%);}
.s_gonggao .box{ position: relative; display: flex; justify-content: flex-end;}
.s_gonggao h5{ line-height: 3.125rem; font-size: 1.125rem; font-weight: 400; margin-right: 1rem; }
.s_gonggao .swiper{ max-width:400px; margin: 0;}
.s_gonggao .arrbox{ display: flex;}
.s_gonggao .arrbox .arr{ width: 1.5rem; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#banner {position: relative;}
#banner .swiper-container {height: 100vh;}
#banner .swiper-slide {overflow: hidden;}
#banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
}
#banner .m{ display: flex; align-items: flex-end; justify-content: flex-start;}
#banner .txt {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end; padding-bottom: 7.5rem;
    padding-top: calc(5% + 6rem);
}
#banner .txt span{ font-weight: bold; font-size: 4rem; font-family: DINCond-Bold;}
#banner .txt h3 {
    opacity: 0;
    /* transform: translateY(-60px); */
}

#banner .txt p {
    font-size: 3.25rem; font-weight: 400; line-height: 3.5rem; display: flex; align-items: center; 
    opacity: 0;
    /* transform: translateY(-60px); */
}

 

#banner .swiper-button-prev {
    left: 4%;
}

#banner .swiper-button-next {
    right: 4%;
}

#banner .swiper-button-white {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#banner .swiper-button-next:after, #banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-white .arr {
    width: 1.5rem;
    height: 1.5rem;
}

#banner .swiper-button-white .border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0s;
}

#banner .swiper-button-white:hover .border {
    transform: rotate(360deg);
    transition: 2s;
}

/* #banner .swiper-slide.swiper-slide-active .txt h3 {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

#banner .swiper-slide.swiper-slide-active .txt p {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
} */

#banner .swiper-slide.swiper-slide-active .slide-inner{ animation: scaleUpDown 6s linear forwards; -webkit-animation: scaleUpDown 6s linear forwards;} 
#banner .swiper-slide.swiper-slide-active .txt h3{ animation: enter4 1.2s forwards .3s;} 
#banner .swiper-slide.swiper-slide-active .txt p{ animation: enter4 1.2s forwards .2s;} 

#banner .arr{ width: 5.4375rem; height: 5.4375rem; margin-top: 0; transform: translateY(-50%); transition: .5s; opacity: 0; display: none;}
#banner:hover .arr{ opacity: 1;}
#banner .arr:before{ content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-size: contain !important;}
#banner .arr_left:before{ background: url(../images/banner_left.png) center no-repeat;}
#banner .arr_right:before{ background: url(../images/banner_right.png) center no-repeat;}
 
@-webkit-keyframes enter4 {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    20% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@keyframes enter4 {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    20% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

#n_main{}
.n_banner{ height: 28.125rem; width: 100%; overflow: hidden; position: relative; z-index: 1;}
.n_banner .m{ display: flex; height: 100%; align-items: flex-end; justify-content: flex-start;  }
.n_banner .tt{ margin-bottom: 4.875rem;}
.n_banner h3{color: #fff; font-size: 3.125rem; margin-bottom: .625rem; }
.n_banner p{ font-size: 1.25rem; color: #ffffff; text-transform: uppercase;}
.n_banner:before{ content: ""; display: block; width: 1px; height: 10rem; background: #fff; position: absolute; left: 50%; bottom: 0; 
animation-delay: 0ms; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: reverse; animation-name: arrow2; animation-play-state: running; animation-timing-function: linear;}
@-webkit-keyframes arrow2 {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, -3rem, 0px); }
}

@keyframes arrow2 {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, -3rem, 0px); }
}

@-ms-keyframes arrow2 {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, -3rem, 0px); }
}
.n_banner .line{ animation-delay: 0ms;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow2;
    animation-play-state: running;
    animation-timing-function: linear;}

.n_title {padding: 0;position: absolute; z-index: 2; margin-top: -2.1875rem; right: 0; } 
.n_title .m{ position: relative; display: flex; justify-content: flex-end; }
.n_nav { position: relative; background: #387238; padding: 0 3.125rem; }
.n_nav ul{ display: flex; gap: 2.5rem;}
.n_nav li{display: block; font-size: .9375rem; line-height: 2.8125rem;z-index: 1; position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.n_nav li>a{ display: block; text-align: center; color: #fff; transition: .5s; position: relative; overflow: hidden;} 
.n_nav li i{ display: inline-block; width: .625rem; height: .625rem; background: url(../images/n_nav_arr.svg) center no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: -1.25rem;} 
.n_nav li.on a,.n_nav li:hover a{ color: #fff;}
.n_nav li.on:before, .n_nav li:hover:before { width: 100%; opacity: 1;}  
.n_nav li.on:after,.n_nav li:hover:after{ opacity: 0;}
.n_nav .sub{position: absolute;top: 100%; left: 0;display: flex; padding: 0 2.125rem; margin-left: -3.125rem; opacity: 0; visibility: hidden; transition: .5s; }
.n_nav .sub a{display: block;height: 2.75rem; padding: 0 1rem; font-size: .875rem; color: #787878 !important; line-height: 2.75rem;transition: .3s; text-align: center;text-transform: uppercase;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;white-space: nowrap; font-weight:normal!important; }
.n_nav .sub a:hover,.n_nav .sub a.on{ color: #387238 !important;}
.n_nav li:hover .sub{ opacity: 1; visibility: visible;}
.n_nav li:last-child .sub{left: auto; right: 0; margin-left: 0; margin-right: -3.125rem;}
.n_nav li:nth-child(3) .sub{left: auto; right: 0; margin-left: 0; margin-right: -3.125rem;}
.n_nav li:nth-child(4) .sub{left: auto; right: 0; margin-left: 0; margin-right: -3.125rem;}
.n_nav li>a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 6px);
    top: 100%;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent;
}
.n_nav li>a:hover:before,.n_nav li.on>a:before{
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #387238;}
#m_n_nav .m{  display: flex; align-items: center; justify-content: space-between;}
#bnt_back { }
#bnt_back svg { fill: #fff; vertical-align: middle; width: 26px; height: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 20px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #387238; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #387238; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; border-top: 1px solid #e7e7e7; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; margin-bottom: 0; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 15px; font-weight: 400; vertical-align: top;  font-weight: 400; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #387238; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #387238; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #387238;}
#sub_nav_content dd {  }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; font-size: 13px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #387238; }

#n_main .m{ max-width: 1480px;}
.n_biaozhi01{}
.n_biaozhi01 ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem;}
.n_biaozhi01 ul li{}
.n_biaozhi01 ul li .box{}
.n_biaozhi01 ul li .img{}
.n_biaozhi01 ul li .img img{}
.n_biaozhi01 ul li .txt{ background: #ededed; padding: 3.125rem 2.75rem;}
.n_biaozhi01 ul li .txt h5{ font-size: 2rem; color: #000000; margin-bottom: 1rem;}
.n_biaozhi01 ul li .txt p{ font-size: .875rem; line-height: 1.625rem; height: 6.5rem; color: #000000; margin-bottom: .625rem;}
.n_biaozhi01 ul li .txt .btn_buy{}
.btn_buy{ display: block; width: 7.5rem; height: 2.8125rem; line-height: 2.8125rem; font-size: 1rem; background: #296329; display: flex; justify-content: center; align-items: center; color: #fff;}

.n_biaozhi02{ width: 100%; overflow: hidden; background: url(../images/biaozhi_bg.jpg) center bottom no-repeat; background-size: 100%;}
.n_biaozhi02 .m{ display: grid; grid-template-columns: 1fr 25.5rem; padding-top: 2.25rem; padding-bottom: 5rem;}
.n_biaozhi02 .m .img{ margin-right: 1.75rem;}
.n_biaozhi02 .m .img img{}
.n_biaozhi02 .m .txt{ padding-left: 1.75rem; position: relative;}
.n_biaozhi02 .m .txt:before{ content: ""; display: block; width: 2px; background: #ededed; position: absolute; left: 0; top: -2.25rem; bottom: -5rem;}
.n_biaozhi02 .m .txt h3{ font-size: 2.125rem; color: #000000; margin-bottom: 1.5rem;}
.n_biaozhi02 .m .txt .con{ font-size: .9375rem; line-height: 1.875rem; color: #000000;}

#foot{ width: 100%; overflow: hidden; background: #387238; padding-top: 3.25rem; color: #fff; padding-bottom: 2.25rem; position: relative; z-index: 9;}
#foot .m{ max-width: 1560px;}
#foot .box1{ display: flex; justify-content: space-between;}
#foot .box2{ display: flex; justify-content: space-between; align-items: center; padding-top: 1.75rem; border-top: 1px solid rgba(255, 255, 255, .4); margin-top: 1.625rem;}
.foot_logo{ width: 28rem;}
.foot_lianxi{}
.foot_lianxi dl{ display: grid; grid-template-columns: 1.75rem 1fr; height: 2.375rem; font-size: 1.125rem; align-items: center; font-weight: 400;}
.foot_lianxi dl dt svg{ width: 1.375rem;}
/* .foot_lianxi dl span{ font-family: DINCond-Bold,"苹方","微软雅黑"; font-size: 1.5rem;} */
.foot_ewm{ display: flex; gap: 3rem;}
.foot_ewm .pic{ width: 6rem; height: 6rem;}
.foot_ewm p{ font-size: .75rem; text-align: center; margin-top: .5rem;}

.foot_link{ width: 300px; max-width: 100%; position: relative; z-index: 100; }
.foot_link dl{ position: relative; }
.foot_link dt{ height: 3.4375rem; padding: 0 1.25rem; cursor: pointer; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.foot_link dt h3{ font-size: 1rem; color: rgba(255, 255, 255, 0.7);}
.foot_link dt h3 span{ font-size: .875rem; color: rgba(255, 255, 255, 0.4); margin-right: 1.25rem;}
.foot_link dt i{ width: 10px; height: 10px;}
.foot_link dt i svg{ transition: .5s;}
.foot_link dt>svg{ margin-right: .5rem;}
.foot_link dt span{ flex-grow: 1;}
.foot_link dd{ position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding-bottom:3.4375rem;}
.foot_link dd:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(8, 44, 117, 0); border: 1px solid rgba(255, 255, 255, .4); z-index: -1;}
.foot_link dd .box{ border-radius: 1.5rem; padding: 1rem 1.25rem 0; display: none; }
.foot_link dd .box a{ display: block; color: rgba(255, 255, 255, 0.7); font-size: .875rem; line-height: 2; transition: .3s;}
.foot_link dd .box a:hover{ color: #fff;}
.foot_link dt.on+dd:before{  background: #387238;}
.foot_link dt.on i svg{ transform: rotate(180deg);}
#gotop{ position: fixed; right: 1rem; bottom: 5rem; z-index: 99; cursor: pointer; overflow: hidden; height: 3.125rem; transition: .5s;}
#gotop span{ display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 3.125rem; border-radius: 5px; background: #387238;}
#gotop span svg{ width: 2.375rem; height: 2.375rem;}

#gotop.hide{ height: 0;}
.copyright{ font-size: .9375rem; line-height: 2; color: rgba(255, 255, 255, 0.5);}

.n_tt{ text-align: center; margin-bottom: 6rem;}
.n_tt h3{ font-size: 4.25rem; color: #387238; margin-bottom: 2.25rem; line-height: 1.25;font-weight: 300;}
.n_tt i{ display: block; width: 70px; height: 6px; background: #387238; border-radius: 3px; margin: 0 auto;}
.n_aim{ background: url(../images/n_aim_bg.jpg) center top no-repeat #f6f6f6;}
.n_aim ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.n_aim ul li{}
.n_aim ul li .box{ position: relative;}
.n_aim ul li .img{}
.n_aim ul li .img:after{ padding-top: 145%;}
.n_aim ul li .img img{}
.n_aim ul li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 4rem; background: rgba(0,0,0,.4); z-index: 1; transition: .5s ease; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction:  column;}
.n_aim ul li .txt h3{ font-size: 2.5rem; font-weight: 400; margin-bottom: 1.25rem;}
.n_aim ul li .txt i{ display: block; width: 55px; height: 3px; background: #fff; margin-bottom: 1.875rem;}
.n_aim ul li .txt .con{ font-size: 1rem; line-height: 2rem; height: 0; overflow: hidden; transition: .5s ease; }
.n_aim ul li .txt .scroll{ overflow: auto; height: 10rem;}

.n_aim ul li .txt:before{ content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(56, 114, 56, 0.9);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
    .n_aim ul li:hover .txt .con{ height: 10rem;}
    .n_aim ul li:hover .txt:before{
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    .n_aim ul li.on .txt .con{ height: 10rem;}
    .n_aim ul li.on .txt:before{
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

.n_jiagou{ background: url(../images/n_jiagou_bg.jpg) center bottom no-repeat #f6f6f6; background-size: 100%;}
.n_jiagou .bd{ display: flex;  }
.n_jiagou .bd .line{ display: block; width: 1px; height: auto; background: #387238; margin: 0 3.375rem;}
.n_jiagou .bd dl{ }
.n_jiagou .bd dl dt{ font-size: 1.375rem; color: #000000; font-weight: 400; min-height: 3rem; }
.n_jiagou .bd dl dd{ font-size: 1.125rem; line-height: 2.375rem;}

.n_yunlan{ background: url(../images/n_yunlan_bg.jpg) center top no-repeat #ededed; background-size: 100%;}
.n_yunlan ul{ display: grid; grid-template-columns: repeat(2,1fr); max-width: 1200px; margin: 0 auto; gap: 3.125rem; }
.n_yunlan ul li{ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.13);}
.n_yunlan ul li .box{ background: #fff;}
.n_yunlan ul li .img{}
.n_yunlan ul li .img img{}
.n_yunlan ul li .txt{ padding: 2.375rem;}
.n_yunlan ul li .txt .tt{ padding-bottom: 1.625rem; position: relative; z-index: 1; overflow: hidden;}
.n_yunlan ul li .txt .tt:before{ content: ""; display: block; width: 100%; height: 1px; background: #e7e7e7; position: absolute; left: 0; bottom: 0;}
.n_yunlan ul li .txt .tt:after{ content: ""; display: block; width: 80px; height: 3px; background: #3a7339; position: absolute; left: 0; bottom: 0;}
.n_yunlan ul li .txt h3{ font-size: 1.875rem; color: #000000; font-weight: 400; display: inline-block; position: relative; z-index: 1;}
.n_yunlan ul li .txt h3 span{ font-size: 1.625rem; color: #e6e6e6; text-transform: uppercase; font-weight: bold; position: absolute;left: 4rem; bottom: -7px; z-index: -1; white-space: nowrap; }
.n_yunlan ul li .txt .con{ font-size: .875rem; line-height: 1.625rem; color: #787878; padding-top: 1.25rem; padding-bottom: 1.25rem; position: relative;}
.n_yunlan ul li .txt .con p{ overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.n_yunlan ul li .btn_xq{ font-size: .875rem; color: #424242;}

.tc .item img{box-sizing:border-box; margin:0 auto; cursor:pointer; }
.tc-box{ text-align:center; color:#9d9ea0;}
.j_tab{ position:relative;}
.tc-box h5.tt{ font-size:2.125rem; color:#000; margin-bottom:2.5rem; line-height:1.3;}
.tc-box .con{ font-size:1rem; color:#666; line-height:1.7; }
.tc_t{ height:80%; overflow-y:auto;}
.tc_slide{ max-width:80%; width: 700px; margin:0 auto 2rem;}
.tc_slide .img{ width:100%;} 
.tc_slide .img img{ width:100%;}
.video_box{ width:100%; height:0; box-sizing:content-box; padding-bottom:58%; position:relative;}
#my-video{ max-width:100% !important; position:absolute; left:0; top:0; width:100%; height:100%;}
.tc_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-22px; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width:2rem;height: 2rem; transition:.3s; opacity:1;}
.tc_slide .slick-prev{background:url(../images/arr_left.svg) center no-repeat !important; background-size: contain !important; left:-6rem;}
.tc_slide .slick-next{background:url(../images/arr_right.svg) center no-repeat !important; background-size: contain !important; right:-6rem; left:auto;}
.tc_slide .slick-arrow:hover{ opacity:.8; }
.slick-prev:before, .slick-next:before{ display: none;}
.tc_case .scriollbox{ max-height: 6.8rem; overflow: auto; padding-right: 1rem; margin-right: -1rem;}

.n_rongyu{ background: url(../images/n_rongyu_bg.jpg) repeat-y; background-size: 100%;}
.n_rongyu ul{}
.n_rongyu ul li{ margin-bottom: 1.5rem; }
.n_rongyu ul li i{ width: 1px; height: 7.75rem; background: #b3b3b3; display: block; margin: 0 auto; position: relative; z-index: 1;}
.n_rongyu ul li:first-child i:before{ content: ""; display: block; width: 15px; height: 15px; border-radius: 50%; background: #387238; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.n_rongyu ul li .tt{ font-size: 5rem; color: #387238; text-align: center; font-weight: 400; margin: 1rem 0;}
.n_rongyu ul li .con{ font-size: 1rem; line-height: 2rem; color: #1a1a1a; text-align: center;}

.n_gaikuang{ position: relative; width: 100%; overflow: hidden; background: url(../images/n_gaikuang_bg.jpg) center top no-repeat #f6f6f6; }
.n_gaikuang ul{ position: relative;}
.n_gaikuang ul:before{ content: ""; display: block; width: 2px; height: 0; background: #e4e4e4; position: absolute; left: 50%; top: 0; margin-left: -1px; transition: 10s;}
.n_gaikuang ul.aos-animate:before{height: 100%;}
.n_gaikuang ul li{ padding: 3.5rem 0;}
.n_gaikuang ul li .box{ display: grid; grid-template-columns: repeat(2,1fr); gap: 9.625rem; }
.n_gaikuang ul li .img{}
.n_gaikuang ul li .img img{ height: auto; max-width: 100%;}
.n_gaikuang ul li .txt{ display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #e4e4e4; justify-content: center; padding-bottom: 1rem;}
.n_gaikuang ul li .txt h3{ font-size: 2.5rem; color: #333333; font-weight: 400; position: relative; margin-bottom: .375rem; }
.n_gaikuang ul li .txt h3:before{ content: ""; display: block; width: 100%; height: 2px; background: #333333; position: absolute; left: 0; bottom: 0;}
.n_gaikuang ul li .txt p{ font-size: 1rem; line-height: 1.875rem; color: #333333; margin-top: 1.625rem;}
.n_gaikuang ul li:nth-child(even){ direction: rtl; text-align: right;}
.n_gaikuang ul li:nth-child(even) .txt{ direction: ltr; align-items: flex-end;}
.n_gaikuang ul li:last-child{ padding-bottom: 0 !important;}
.n_gaikuang .photoActives .photoActive{ background: #f6f6f6;}
.n_lingdao{ width: 100%; background: url(../images/n_lingdao_bg.jpg) center no-repeat;}
.n_lingdao ul{ display: grid; }
.n_lingdao ul li{ position: relative; z-index: 1; padding: 2.375rem 0;}
.n_lingdao ul li:before{ content: ""; display: block; position: absolute; right: 0; top: 0; width:0; height: 100%; background: #eaeaea; opacity: 0; transition: opacity .4s ease-out; }
.n_lingdao ul li:hover:before{ width: 100%; right: auto; left: 0; transition: width .7s .2s ease-out; opacity: 1;}
.n_lingdao ul li .box{ display: grid; grid-template-columns: 15rem 13.75rem  1px 1fr  1px 10.625rem; gap: 3rem;}
.n_lingdao ul li .box .imgbox{ position: relative; z-index: 1; align-self: flex-start;}
.n_lingdao ul li .box .imgbox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: .9375rem; top: .9375rem; border: 1px solid #81a480; transition: .3s;}
.n_lingdao ul li .box .img{}
.n_lingdao ul li .box .img:after{ padding-top: 133.333%;}
.n_lingdao ul li .box .line{ width: 1px; height: 100%; background: #8dad8c;}
.n_lingdao ul li .box dl{}
.n_lingdao ul li .box dt{ font-size: 1.75rem; font-weight: 400; color: #3a7339; line-height: 5.5rem; }
.n_lingdao ul li .box dt b{ font-size: 2rem;  font-weight: 400;}
.n_lingdao ul li .box dd{ font-size: 1.2rem; line-height: 2.25rem;}
.n_lingdao ul li:hover .box .imgbox:before{ left: 0; top: 0;} 

.n_lingdao2{ width: 100%; background: url(../images/n_lingdao_bg.jpg) center no-repeat #f6f6f6;}
.n_lingdao2 ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2.5rem 3rem; }
.n_lingdao2 ul li{ position: relative; z-index: 1; }  
.n_lingdao2 ul li .box{ display: block; padding: 10px; border: 1px solid #ddd;}
.n_lingdao2 ul li .img:after{ padding-top: 133.333%;}
.n_lingdao2 ul li .txt{ display: flex; align-items: flex-end; padding: 15px 0 10px; gap: 10px;}
.n_lingdao2 ul li .txt h5{ font-size: 1.25rem; color: #000; font-weight: bold;}
.n_lingdao2 ul li .txt p{ font-size: 1.125rem; color: #666;}


.page{}
.page .box{ text-align: center; margin-top: 4rem; display: flex;  justify-content: center; align-items: center;}
.page .box a{ font-size: 1.25rem;width: 60px; height: 2.5rem; display: flex; align-items: center; justify-content: center; color: #858585; position: relative; font-weight: 400; display: flex; align-items: center; overflow: hidden;}
.page .box a span{ position: absolute; right: 0; line-height: 2.5rem; width: 60px;  text-align: center; transition: .5s;}
.page .box a i{ display: block; height: 2px; width: 0; right: 0px; position: absolute; transition: .5s;  }
.page .box a i em{ display: block; height: 2px; width: 0; left: -88px; background: #387238; position: absolute; transition:opacity .5s; opacity: 0;  }
.page .box a.on { color: #387238;}
.page .box a.on { color: #387238;} 
.page .box a.on i em{ opacity: 1; width: 88px; }
.page .box a.on span{ left: 0; right: auto; } 
.page .box a:hover { color: #387238;} 
.page .box a:hover span{ animation: spanAni forwards .7s;} 
.page .box a:hover i em{ opacity: 1; width: 88px; }
.page .box a.next,.page .box a.prev{ display: none !important;}
@keyframes spanAni {
	0% {
		opacity:1; transform:scale(1); right: 0;
	}
    10% {
		opacity:0; transform: scale(.5); right: 0;
	}
	100% {
		opacity:1; transform: scale(1); right: calc(100% - 60px); 
	}
}


.n_bumen{ width: 100%; background: url(../images/n_bumen_bg.jpg) center bottom no-repeat #f6f6f6;}
.n_bumen .bd{ display: grid; grid-template-columns: repeat(5,1fr); row-gap: 3rem; border-left: 0px solid #3a7339;}
.n_bumen ul{ padding-left: 0.75rem; border-left: 1px solid #3a7339;}
.n_bumen ul li{}
.n_bumen .box{ display: flex; height: 3.375rem; cursor: pointer;}
.n_bumen .box h4{ font-size: 1.375rem; color: #000000;}
.n_bumen .box svg{ display: block; margin-left: .5rem; width: 14px; height: 14px; margin-top: -.5rem;}

.mytcbox{ background: #fff; width: 1280px; max-width: 90%; position: relative; padding: 4rem 4.5rem;}
.mytcbox .tc_close{ top: 1rem; right: 1rem; position: absolute;}
.mytcbox .tt{ font-size: 0rem; color: #000000;}
.mytcbox .tt2{ margin-bottom: 3rem;}
.mytcbox .tt2 h3{ font-size: 2.375rem; color: #000000; font-weight: 400; position: relative; z-index: 1; display: inline-block; margin-bottom: 1.875rem; }
.mytcbox .tt2 span{ position: absolute; left: 0; bottom: -.75rem; font-size: 1.5rem; color: rgba(199, 199, 199, 0.4); z-index: -1; font-weight: bold; white-space: nowrap; text-transform: uppercase;}
.mytcbox .tt2 svg{ width: 1.25rem; height: 1.25rem;}
.scrollbox{ max-height: calc(100vh - 20rem); overflow: auto; padding-right: 1rem;}
.scrollbox::-webkit-scrollbar {width: 1px;height: 1px;}

.n_tt2{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 4.25rem;}
.n_tt2 i{ display: block; width: 1px; height: 9.375rem; background: #025511; margin-bottom: 2.5rem; display: none;}
.n_tt2 h3{ font-size: 3.125rem; color: #3a7339; font-weight: 400; margin-bottom: 2.5rem;}
.n_tt2 .con{ text-align: center; font-size: 1rem; line-height: 1.875rem;}
.rencai_xueyuan{ background: #f6f6f6; width: 100%; overflow: hidden;}
.rencai_xueyuan .bd{ position: relative; z-index: 1; padding: 6rem;}
.rencai_xueyuan .itembox{ position: relative; margin-bottom: 8.75rem;}
.rencai_xueyuan .itembox:last-child{ margin-bottom: 0;}
.rencai_xueyuan .bd:before{ content: ""; display: block; width: 100vw; height: 100%; background: #ededed; position: absolute; right: 0; z-index: -1; top: 0;}
.rencai_xueyuan .tablebox{ position: relative; z-index: 1; padding-bottom: 2rem;}
.rencai_xueyuan table{ text-align: center; width: 100%;}
.rencai_xueyuan table:after{ content: ""; display: block; width: 100vw; height:100%; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; position: absolute; right: 0; z-index: -1; top: 50%; transform: translateY(-50%);}
.rencai_xueyuan table th{ padding: .9375rem .5rem;}
.rencai_xueyuan table th h4{ font-size: 1.75rem; color: #000000; font-weight: 400; line-height: 4.75rem; position: relative; }
.rencai_xueyuan table th h4:before{ content: ""; display: block; width: 25px; height: 2px; background: #3a7339; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.rencai_xueyuan table td{ font-size: 1.25rem; color: #4c4c4c; color: #4c4c4c; line-height: 1.875rem; padding: .93754rem .5rem;}
.rencai_xueyuan table td .more_jia{height: 1.5rem; display: block; background: url(../images/more_jia.svg) center no-repeat; background-size: contain;}
.bg_color{content: ""; display: block; width: .75rem; height: calc(100% - 3.75rem); background: #4a3091; position: absolute; bottom: 1.875rem; left: 100%; }
.rencai_xueyuan .itembox:nth-child(even) .bd:before{ right: auto; left: 0;}
.rencai_xueyuan .itembox:nth-child(even) table:after{ right: auto; left: 0;}
.rencai_xueyuan .itembox:nth-child(even) .bg_color{ left: auto; right: 100%; }
.rencai_xueyuan .itembox:nth-child(even) .gonext{ bottom: 10rem;}
.gonext{ display: block; width: 5.625rem; height: 5.625rem; border-radius: 50%; border: 1px solid #bfbfbf; position: absolute; bottom: 0; right: -8.5rem; z-index: 9; display: flex; align-items: center; justify-content: center;}
.gonext:before{ content: ""; display: block; width: 1.625rem; height: 1.625rem; background: url(../images/gonext.svg) center no-repeat;  animation-delay: 0ms;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-name: arrow3;
    animation-play-state: running;
    animation-timing-function: linear;}
    @-webkit-keyframes arrow3 {
        0% { opacity: 0; -webkit-transform: translate3d(0px, 1rem, 0px); }
        33% { opacity: 1; }
        66% { opacity: 1; }
        100% { opacity: 0; -webkit-transform: translate3d(0px, -1rem, 0px); }
    }
    
    @keyframes arrow2 {
        0% { opacity: 0; -webkit-transform: translate3d(0px, 1rem, 0px); }
        33% { opacity: 1; }
        66% { opacity: 1; }
        100% { opacity: 0; -webkit-transform: translate3d(0px, -1rem, 0px); }
    }
    
    @-ms-keyframes arrow2 {
        0% { opacity: 0; -webkit-transform: translate3d(0px, 1rem, 0px); }
        33% { opacity: 1; }
        66% { opacity: 1; }
        100% { opacity: 0; -webkit-transform: translate3d(0px, -1rem, 0px); }
    }

.rencai_jiaoshou{ width: 100%; overflow: hidden; background: url(../images/n_jiaoshou_bg.jpg) center top no-repeat #f6f6f6;}
.rencai_jiaoshou ul{ padding-left: 4.375rem; position: relative; z-index: 1;}
.rencai_jiaoshou ul:before{ content: ""; display: block; width: 2px; height: 100%; background: #e4e4e4; position: absolute; left: .5rem; top: 0;}
.rencai_jiaoshou ul li{ margin-bottom: 4rem; padding-top: 1rem;}
.rencai_jiaoshou ul li:last-child{ margin-bottom: 0 !important;}
.rencai_jiaoshou ul li .box{}
.rencai_jiaoshou ul li .box .tt{ margin-bottom: 1.25rem;}
.rencai_jiaoshou ul li .box .tt h4{ font-size: 2rem; color: #000000; font-weight: 400; position: relative;}
.rencai_jiaoshou ul li .box .tt p{ font-size: 1.5rem; margin: 1.125rem 0 1.75rem;}
.rencai_jiaoshou ul li .box .tt i{ display: block; width: 25px; height: 2px; background: #3a7339;}
.rencai_jiaoshou ul li .box .con{ font-size: 1rem; line-height: 2; color: #464646;}
.rencai_jiaoshou ul li .box .tt h4:before{ content: ""; display: block; width: 1rem; height: 1rem; border-radius: 50%; border: 3px solid #3a7339; transform: translateY(-50%); top: 50%; position: absolute; left: -4.375rem; background: #fff;}

.rencai_leader{}
.rencai_leader .conbox{ font-size: 1.125rem; line-height: 2.25rem; text-align: center; max-width: 920px; margin: 0 auto 5.5rem;}
.rencai_leader ul{ display: grid; grid-template-columns: repeat(4,1fr); gap:4.875rem 4rem;}
.rencai_leader ul li{}
.rencai_leader ul li .box{ position: relative; border-bottom: 1px solid #3a7339;}
.rencai_leader ul li .img{}
.rencai_leader ul li .img img{}
.rencai_leader ul li .img:after{ padding-top: 100%;}
.rencai_leader ul li .txt{ padding-top: 1.875rem; padding-bottom: 1.625rem;}
.rencai_leader ul li .txt .tt{ display: flex; justify-content: space-between; margin-bottom: 1.25rem; align-items: flex-end;}
.rencai_leader ul li .txt .tt h4{ font-size: 1.625rem; font-weight: 400; }
.rencai_leader ul li .txt .tt span{ font-size: 1.125rem;}
.rencai_leader ul li .txt .con{display: flex; justify-content: space-between;font-size: 1rem;}
.rencai_leader ul li .txt .con p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rencai_leader ul li .txt .con svg{ width: 1rem; flex-shrink: 0;}
.rencai_leader .mask{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; padding: 2.5rem; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.rencai_leader .mask:before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background: rgba(56, 114, 56, 0.92);  transition: .4s; z-index: -1;}
.rencai_leader .mask .con{ font-size: 1rem; line-height: 1.875rem; opacity: 0; transform: translateY(50px); transition: .2s;}
.rencai_leader .mask .ico{ display: block; width: 2.5rem; height: 2.5rem; opacity: 0; transition: .2s; transform: translateY(50px); display: block; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; margin-top: 1.875rem;} 
.rencai_leader ul li:hover .mask:before{ height: 100%;}
.rencai_leader ul li:hover .mask .con{ opacity: 1; transform: translateY(0); transition: .5s;}
.rencai_leader ul li:hover .mask .ico{ opacity: 1; transform: translateY(0); transition: .5s;}


.tc_leader_info{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 2.5rem;}
.tc_leader_info .img{ max-width: 270px; width: 63%;}
.tc_leader_info .img:after{ padding-top: 100%;}
.tc_leader_info .txt{ text-align: center; padding-top: 2.375rem;}
.tc_leader_info .txt .tt{ display: flex; justify-content:center; align-items: flex-end; margin: 0;}
.tc_leader_info .txt h4{ font-size: 1.625rem; font-weight: 400;}
.tc_leader_info .txt span{ font-size: 1.125rem; display: block; margin-left: .75rem;}
.tc_leader_info .con{font-size: 1rem; margin-top: 1.375rem;}
.tc_leader .scrollbox{ max-height: calc(100vh - 41rem);}

.rencai_jianshe{ width: 100%; overflow: hidden; background: url(../images/n_jiaoshou_bg.jpg) center top no-repeat #f6f6f6;}
.rencai_sanwei{ width: 100%; overflow: hidden; background: url(../images/n_sanwei_bg.jpg) center top no-repeat #ffffff;}

.ico_jia{ display: block; width: 40px; height: 40px; opacity: 0; transition: .2s; transform: translateY(50px); display: block; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; margin-top: 1.875rem;} 


.n_join02{ position: relative; z-index:1; width: 100%; overflow: hidden;}
.n_join02:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 40rem; z-index: -1; background: #f9f9f9;}
.n_join02 .tt{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem;}
.n_join02 .tt h3{font-size: 3.5rem; 
    color: #000000;
    line-height: 4rem;}
.n_join02 .tt p{font-size: 1rem; text-align: right; max-width: 462px;
    color: #000000;
    line-height: 2rem;}
.join02_hd{ margin-top: -2rem; position: relative;}
.join02_hd ul{ overflow: hidden; display: flex; align-items: center; height:375px;}
.join02_hd ul li{ width:33.33%; float: left; flex-grow: 1; padding: 0 10px; transition: .5s linear; -webkit-transition: .5s linear; -moz-transition: .5s linear; -ms-transition: .5s linear; -o-transition: .5s linear; }
.join02_hd .box{ position: relative; cursor: pointer;}
.join02_hd .box:before,.join02_hd .box:after{ content: ""; display: block; display: none; width: 100%; height: 3.125rem; position: absolute; left: 0; width: 100%; z-index: 9; background: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.join02_hd .box:before{ top: 0;}
.join02_hd .box:after{ bottom: 0; background: #f9f9f9;}
.join02_hd .img{ height:375px; transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -ms-transition: .2s linear; -o-transition: .2s linear; }
.join02_hd .img:before{ padding-top: 0; height: 500px;}
.join02_hd .img img{ transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
.join02_hd .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 2rem;opacity: 0;transition: .5s;transition-delay: 0;}
.join02_hd .txt .tag01{
    font-size: 1rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5rem;
    position: absolute;
    left: 2rem;
    top: 2rem;
    }
    .join02_hd .txt div{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.join02_hd .txt .tag02{font-size: 3rem; padding: 0 2.5rem; position: relative; z-index: 3; display: inline-block; position: relative;
    font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20; white-space: nowrap;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 56px;}
.join02_hd .txt .tag02:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #387238; z-index: -1; transform: skewX(-10deg);}
.join02_hd .txt .tag03{font-size: 1.75rem; position: absolute; right: 0; z-index: 1; display: inline-block; padding: 1rem 2rem 1rem 0; margin-top: -1rem; margin-left: 10px;  max-width: 700px;
    color: #fff; font-weight: bold; width: 90%; text-align: right;
    line-height: 1.375rem;
    letter-spacing: 2px;}
.join02_hd .txt .tag03:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0.25turn,transparent,#387238); z-index: -1;}


.join02_hd ul li.on{ width: 73%; flex-shrink: 0;}
.join02_hd .swiper-slide-active .txt{ opacity: 1; transition-delay: .5s;}
.join02_hd ul li.on .box:before,.join02_hd ul li.on .box:after{ height: 0 !important;}

.join02_bd{ }
.join02_bd .con{ font-size: 1rem; line-height: 2rem; padding-top: 4rem;}
.join02_bd ul{ display: grid; grid-template-columns: repeat(5,1fr); gap: 2rem; margin-top: 3rem;}
.join02_bd ul li .box{ background: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 22.5rem; position: relative; }
.join02_bd ul li .ico{ width: 6.875rem; height: 6.875rem; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; transition: .5s ease-out .2s;}
.join02_bd ul li .ico:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute;z-index: -1; left: 0; top: 0; background: #4a3091; border-radius: 50%; transition: .7s;}
.join02_bd ul li .ico svg{ }
.join02_bd ul li h4{ font-size: 1.375rem; margin-top: 1.875rem; margin-bottom: 2.25rem; position: relative; z-index: 3; transition: .5s ease-out .2s; text-align: center;}
.join02_bd ul li .box>svg{ position: relative; z-index: 3; }
.join02_bd ul li .ico_jia{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 5rem; z-index: 3; transition: .5s ease-out .2s;}
.n_join02 .join2_left,.n_join02 .join2_right{ width: 6.125rem; height: 1.3125rem; margin: 0 !important; transform: translateY(-50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_join02 .join2_left:after,.n_join02 .join2_right:after{ display: none !important;}
.n_join02 .join2_left{ left: 3rem; display: none;}
.n_join02 .join2_right{ right: 3rem;  display: none;}
.join02_bd ul li:nth-child(1) .ico:before{ background: #4a3091;}
.join02_bd ul li:nth-child(2) .ico:before{ background: #f84272;}
.join02_bd ul li:nth-child(3) .ico:before{ background: #3879ef;}
.join02_bd ul li:nth-child(4) .ico:before{ background: #ffad19;}
.join02_bd ul li:nth-child(5) .ico:before{ background: #439d69;}

.join02_bd ul li:nth-child(1) a>svg path{ fill: #4a3091;}
.join02_bd ul li:nth-child(2) a>svg path{ fill: #f84272;}
.join02_bd ul li:nth-child(3) a>svg path{ fill: #3879ef;}
.join02_bd ul li:nth-child(4) a>svg path{ fill: #ffad19;}
.join02_bd ul li:nth-child(5) a>svg path{ fill: #439d69;}

.join02_bd ul li:hover .ico{ transform: translateY(-1rem); transition: .5s ease;}
.join02_bd ul li:hover .ico:before{ transform: scale(5);}
.join02_bd ul li:hover h4{ color: #fff; transform: translateY(-3.25rem); transition: .5s ease; }
.join02_bd ul li:hover .ico_jia{ opacity: 1; transform: translateX(-50%) translateY(-1rem); transition: .5s ease;}
.n_join02 .swiper-button-next:after,.n_join02 .swiper-button-prev:after{ display: nonr !important; }
 
.n_tt3{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 4rem;}
.n_tt3 i{ display: block; width: 1px; height: 0; background: none; margin-bottom: 2.5rem;}
.n_tt3 h3{ font-size: 2.75rem; color: #3a7339; font-weight: 400;  position: relative; z-index: 1;}
.n_tt3 span{ font-size: 2.25rem; color: #cccccc; position: absolute; z-index: -1; left: 50%; bottom: -1rem; opacity: .3; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; font-weight: bold; }
.n_tt3 .con{ font-size: 1rem; line-height: 1.875rem;margin-top: 3rem; text-align: left;}
.section{ overflow: hidden;} 
.rc_nengli_sj{ width: 100%; overflow: hidden;}
.rc_nengli_sj ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem 1.5rem;}
.rc_nengli_sj ul li{}
.rc_nengli_sj ul li .box{ background: #fff; position: relative; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.13);}
.rc_nengli_sj ul li .img{}
.rc_nengli_sj ul li .img img{}
.rc_nengli_sj ul li .img:after{}
.rc_nengli_sj ul li .txt{ height: 6.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 2rem;}
.rc_nengli_sj ul li .txt h5{ font-size: 1.125rem; color: #282828; font-weight: 400; width: 100%; }
.rc_nengli_sj ul li .txt i{ display: block; width: 25px; height: 3px; background: #3a7339; margin-top: 1.25rem;}
.rc_nengli_sj ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; transform: scaleY(.5); transform-origin: top; transition: .5s; display: flex; align-items: center; justify-content: center; background: rgba(56, 114, 56, 0.9); color: #fff; font-size: 1.125rem; line-height: 2rem; padding: 2.875rem;}
.rc_nengli_sj ul li .mask{    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.rc_nengli_sj ul li:hover .mask{ opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);}

    .rc_nl_coop{}
    .rc_nl_coop ul{ display: grid; grid-template-columns: repeat(5,1fr); gap: 2.375rem 2.875rem;}
    .rc_nl_coop ul li{}
.rc_nl_coop .box {
        position:relative;
        z-index:1;
        display:block;
        border-radius:50%; 
        overflow:hidden;
    }
.rc_nl_coop .img{ border: 1px solid #e8e8e8; border-radius: 50%; background: #fff;}
.rc_nl_coop .img .img_hezi {
        padding-bottom:100% !important;
        background-size:100% 100% !important;
        transition:.5s;
    }
.rc_nl_coop .mask {
        position:absolute;
        padding:2rem;
        display:flex;
        align-items:center;
        justify-content:center;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity:0;
        visibility:hidden; background: #3a7339;
        color:#fff;
        transition:.5s;
    }
.rc_nl_coop .img .pic { left: 0; top: 0; width: 100%; height: 100%;
        position:absolute; 
        display:flex;
        align-items:center;
        justify-content:center;
    }
.rc_nl_coop .img .pic img {  width: 60%; height: auto;
    }
.rc_nl_coop .box p {
        font-size:1.125rem;
        color:#fff;
        transition:.5s;
        line-height:1.5;
        margin:.5rem 0 0;
        text-align:center;
    }
.rc_nl_coop ul li:hover .mask {
        opacity:1;
        visibility:visible;
    }
    
.rc_nl_pro{}
.rc_nl_pro ul{}
.rc_nl_pro ul li{}
.rc_nl_pro ul li .box{}
.rc_nl_pro ul li .img{ width: 350px; max-width: 80%; margin-top: 2.25rem; display: none;}
.rc_nl_pro ul li .box .tt h4{ font-size: 1.875rem; color: #000000; margin-bottom: 1.125rem;}

.shetuanbox{ position: relative;}
.shetuanbox:before{ content: ""; display: block; width: 100%; padding-top: 403px;}
#shetuan{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#certify { 
	width: 100%;
	margin: 0 auto
}
#certify  .swiper-slide {
	width: 650px; max-width: 76%;
}
#certify  .swiper-slide img{
	display:block;
}
#certify .swiper-button-prev {
	left: 0;
	width: 4.375rem;
	height: 4.375rem;
	background: url(../images/shetuan_left.png) no-repeat;
	background-size: 100%;
}
 
#certify .swiper-button-next {
	right: 0;
	width: 4.375rem;
	height: 4.375rem;
	background: url(../images/shetuan_right.png) no-repeat;
	background-size: 100%;
}
#certify .swiper-button-prev:after,#certify .swiper-button-next:after{ display: none !important;}
 
 
@media (max-width: 1200px)
{
    #certify{ width: 95%;}
    #certify  .swiper-slide {max-width: 64%;}
}
@media (max-width: 1024px)
{ 
    #certify  .swiper-slide {max-width: 75%;} 
}
@media (max-width: 768px)
{
    #certify  .swiper-slide {max-width: 88%;}
    .shetuanbox:before{ padding-top: 65%;}
    #certify .swiper-button-prev{ top: auto; bottom: -6rem; transform: translateX(-115%); left: 50%;}
    #certify .swiper-button-next{ top: auto; bottom: -6rem; transform: translateX(115%); right: 50%;}
}
@media (max-width: 480px)
{
  #certify { max-width:100%;  }
  #certify .swiper-container{ padding-bottom: 0;}
  #certify .swiper-slide{ max-width: 300px;} 
  .shetuanbox:before{ padding-top:260px;}
  #certify .swiper-button-prev{ width: 3rem; height: 3rem; top: auto; bottom: -5rem; transform: translateX(-115%); left: 50%;}
  #certify .swiper-button-next{ width: 3rem; height: 3rem; top: auto; bottom: -5rem; transform: translateX(115%); right: 50%;}
}

.sy_yanjiusheng{ background: #fff; padding-bottom: 4rem; width: 100%; overflow: hidden;}
.n_tt4{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 3.5rem;}
.n_tt4 h3{ font-size: 2.375rem; color: #282828; font-weight: 400; margin-bottom: 1rem; position: relative; z-index: 1; }
.n_tt4 span{ display: block; text-align: center; transform: translateY(-1.5rem); margin-top: -.5rem; font-size: 1.5rem; color: rgba(199, 199, 199, 0.4); font-weight: bold; white-space: nowrap; text-transform: uppercase; }
.n_tt4 svg{ width: 1.125rem;}
.n_tt4 .con{ font-size: 1rem; line-height: 1.875rem; color: #282828; margin-top: 2.5rem; text-align: center;}
.n_tt4.left{ align-items: flex-start;}

.n_tt4.white{}
.n_tt4.white h3{ color: #fff;}
.n_tt4.white span{ color: rgba(255, 255, 255, .2);}
.n_tt4.white .con{ color: #fff;}
.sy_zhitongban01{ width: 100%; overflow: hidden;}
.sy_zhitongban01 .n_tt4 .con{ text-align: left;}
.sy_zhitongban01 ul{ display: grid; gap: 5rem; position: relative;z-index: 1;}
.sy_zhitongban01 ul:before{ content: ""; display: block; width: 1px; height: 100%; background: #dcdcdc; position: absolute; left: 50%; top: 0;  }
.sy_zhitongban01 ul li{ position: relative; z-index: 1;}
.sy_zhitongban01 ul li:before{ content: ""; display: block; width: 1rem; height: 1rem; background: #f6f6f6; border: 1px solid #dcdcdc; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 50%;}
.sy_zhitongban01 ul li:after{ content: ""; display: block; width: 2rem; height: 2rem; background: #f6f6f6; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(1px); }
.sy_zhitongban01 ul .box{ display: grid; grid-template-columns: repeat(2,1fr); gap: 9.5rem; align-items: center;}
.sy_zhitongban01 ul li .img{}
.sy_zhitongban01 ul li .img img{}
.sy_zhitongban01 ul li .txt{}
.sy_zhitongban01 ul li .txt h4{ font-size: 2.375rem; color: #333333; font-weight: 400; margin-bottom: 1.625rem; }
.sy_zhitongban01 ul li .con{ font-size: 1rem; line-height: 2.125rem; color: #333333;}
.sy_zhitongban01 ul li:nth-child(even){ direction: rtl;}
.sy_zhitongban01 ul li:nth-child(even) .txt{ text-align: right; direction: ltr;}
.sy_zhitongban01 ul li:nth-child(even):after{ transform: translateY(-50%) translateX(-100%) translateX(-1px); }

.sy_tese{ width: 100%; overflow: hidden;}
.sy_tese .swiper-slide{ height:auto;  background: #fff; border-radius: .625rem;}
.sy_tese .box{ height: 100%; display: flex; flex-direction: column; align-items: center; padding: 5rem 3rem 3rem; }
.sy_tese .box .ico{}
.sy_tese .box .ico svg{}
.sy_tese .box h4{ font-size: 1.5625rem; color: #282828; font-weight: 400; margin: 1.25rem 0; }
.sy_tese .box span{ font-size: 1.5625rem; color: #c2c2c2; font-weight: bold; display: block; width: 100%; text-align: center; padding-bottom: 1.75rem; border-bottom: 1px solid #e1e1e1;}
.sy_tese .box .con{ font-size: .9375rem; line-height: 1.875rem; color: #6c6c6c; height: 7.5rem; /* height: auto; */overflow: auto; padding-right: 10px; margin-right: -10px; margin-top: 1.75rem;}


.sy_tese .swiper-wrapper{ align-items:stretch !important;}
.sy_peiyang{ width: 100%; overflow: hidden;}
.sy_peiyang ul{}
.sy_peiyang ul li{ padding: 3.75rem 0; border-bottom: 1px solid #e0e0e0;}
.sy_peiyang ul li:nth-child(1){ padding-top: 0 !important;}
.sy_peiyang ul li .box{ display: grid; grid-template-columns: 32.125rem 1fr; align-items: center; gap: 3.25rem;}
.sy_peiyang ul li .img{}
.sy_peiyang ul li .img img{}
.sy_peiyang ul li .txt{}
.sy_peiyang ul li .txt svg{}
.sy_peiyang ul li .txt h4{ font-size: 1.875rem; color: #272727; font-weight: 400; margin: 1.875rem 0;}
.sy_peiyang ul li .txt .con{ font-size: 1rem; color: #000000; line-height: 1.875rem;}


.sy_yanjiusheng .bdbox{ display: grid; gap: 4rem;}
.sy_zhiwei{ display: grid; grid-template-columns: repeat(2,1fr);}
.sy_zhiwei .pic{ justify-self: flex-end;}
.sy_bg2{ background: url(../images/sy_shizi.jpg) center top no-repeat #fff;}
.sy_shizi{}
.sy_shizi .box{ display: flex; flex-direction: column;}
.sy_shizi .img{}
.sy_shizi .img img{}
.sy_shizi .img:after{ padding-top: 112.8%;}
.sy_shizi .txt{ height: 6.875rem; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.sy_shizi .txt h5{ font-size: 1.625rem; color: #282828;}
.sy_shizi .txt i{ display: block; width: 24px; height: 2px; background: #67e5a0; margin-top: 1.125rem;}
.sy_shizi .swiper-slide:nth-child(even) .box{ flex-direction: column-reverse;}

.tc_shizi_info{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 2.5rem;}
.tc_shizi_info .img{ max-width: 20rem; width: 63%;}
.tc_shizi_info .img:after{ padding-top: 112.8%;} 
.tc_shizi_info h5{ font-size: 1.625rem; font-weight: 400; margin-top: 1.75rem;}
 
.sy_zhuoyue{ width: 100%; overflow: hidden;}
.sy_zhuoyue ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2.75rem;}
.sy_zhuoyue ul li{}
.sy_zhuoyue ul li .img{ border-radius: .625rem; overflow: hidden;}
.sy_zhuoyue ul li .img:after{ padding-top: 131.57%;}

.sy_zhitong{ width: 100%; overflow: hidden;}

.rc_sw_kecheng{}
.rc_sw_kecheng ul{ }
.rc_sw_kecheng ul li{ padding: 3.75rem 0; border-bottom: 1px solid #e3e3e3;}
.rc_sw_kecheng ul li .box{ display: grid; grid-template-columns: 35.3125rem 1fr; align-items: center; gap: 3.75rem;}
.rc_sw_kecheng ul li .img{}
.rc_sw_kecheng ul li .img img{}
.rc_sw_kecheng ul li .img:after{ padding-top: 69.9%;}
.rc_sw_kecheng ul li .txt{}
.rc_sw_kecheng ul li .txt h4{ font-size: 1.75rem;  margin-bottom: 2rem;}
.rc_sw_kecheng ul li .txt p{ font-size: 1rem; line-height: 2rem;}
.rc_sw_kecheng ul li:first-child{ padding-top: 0 !important;}
.rc_sw_kecheng ul li:last-child{ padding-bottom: 0 !important; border-bottom: 0 !important;}

.rc_sw_research{}
.rc_sw_research .shuzi{}
.rc_sw_research .shuzi ul{ display: flex; justify-content: space-between;}
.rc_sw_research .shuzi ul li{ text-align: center;}
.rc_sw_research .shuzi ul li .ico{ display: inline-block; position: relative; z-index: 1;}
.rc_sw_research .shuzi ul li .ico:after{ content: ""; display: block; width: 27px; height: 27px; border-radius: 50%; background: #b1d8b0; position: absolute; right: -.5rem; top: -.5rem; z-index: -1;}
.rc_sw_research .shuzi ul li span{ display: block; font-family: BarlowCondensed-Regular; font-size: 3.5rem; margin:.75rem 0 .5rem;}
.rc_sw_research .shuzi ul li p{ font-size: 1rem; color: #585858; line-height: 1.3;}
.rc_sw_research .shuzi ul li:hover .ico:after{ transform: translateX(5px) translateY(-5px) scale(1.2); opacity: .5;}
.rc_sw_research .img{ margin-top: 3.4375rem;}

.rc_sw_competition{}
.rc_sw_competition ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2.375rem;}
.rc_sw_competition ul li{}
.rc_sw_competition ul li:nth-child(odd){ padding-top: 3.75rem;}
.rc_sw_competition ul li .img{}
.rc_sw_competition ul li .img img{}
.rc_sw_competition ul li .img:after{ padding-top: 174.13%;}

.rc_sw_activities{ width: 100%; overflow: hidden;}
.rc_sw_activities ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 3.75rem 3.75rem;}
.rc_sw_activities ul li{}
.rc_sw_activities ul li .box{ background: #fff; position: relative; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.13);}
.rc_sw_activities ul li .img{}
.rc_sw_activities ul li .img img{}
.rc_sw_activities ul li .img:after{ padding-top: 58.85%;}
.rc_sw_activities ul li .txt{ height: 6.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 2rem;}
.rc_sw_activities ul li .txt h5{ font-size: 1.625rem; color: #000; font-weight: 400;  }
.rc_sw_activities ul li .txt i{ display: block; width: 25px; height: 3px; background: #3a7339; margin-top: 1.25rem;}

.rc_sigeng{}
.rc_sigeng ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 4.25rem 2.5rem;}
.rc_sigeng ul li{}
.rc_sigeng ul li .box{}
.rc_sigeng ul li .imgbox{ position: relative;}
.rc_sigeng ul li .imgbox:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 2; background-image: -moz-linear-gradient( 270deg, transparent 0%, rgba(58, 115, 57, 0.773) 100%);
    background-image: -webkit-linear-gradient( 270deg, transparent 0%, rgba(58, 115, 57, 0.773) 100%);
    background-image: -ms-linear-gradient( 270deg, transparent 0%, rgba(58, 115, 57, 0.773) 100%);}
.rc_sigeng ul li .imgbox:before{ content: ""; display: block; width: 35px; height: 10px; background: #439d69; position: absolute; z-index: 3; right: 20px; bottom: -5px;}
.rc_sigeng ul li .img{ position: relative;}
.rc_sigeng ul li .img:after{ padding-top: 139.3%; }
.rc_sigeng ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(58, 115, 57, 0); transition: .5s ease-out .1s; color: #fff; padding: 2.5rem; }
.rc_sigeng ul li .mask .con{ font-size: .9375rem; text-align: justify; line-height: 1.75rem; max-height: 15.75rem; overflow: auto; transition: .5s ease-out .1s; opacity: 0;}
.rc_sigeng ul li .mask .con::-webkit-scrollbar {width: 3px;height: 3px;background-color: transparent;}
.rc_sigeng ul li .mask .con::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
.rc_sigeng ul li .mask .con::-webkit-scrollbar-thumb {border-radius: 10px; background-color: rgba(243, 243, 243, 0.293);}
.rc_sigeng ul li .mask .ico_jia{  transform: translateX(0);  transition: .5s ease-out .1s; flex-shrink: 0;}
.rc_sigeng ul li h5{ font-size: 1.625rem; text-align: center; margin-top: 1.5rem;}
.rc_sigeng ul li:hover .mask{ background: rgba(58, 115, 57, 0.93); transition: .5s ease; }
.rc_sigeng ul li:hover .con{opacity: 1;
    transform:  translateY(-1rem);
    transition: .5s ease;}
.rc_sigeng ul li:hover .ico_jia {
    opacity: 1;
    transform: translateX(0) translateY(-1rem);
    transition: .5s ease;
}

.qinnian_xq{ overflow: hidden;}
.qinnian_xq .info{ display: grid; grid-template-columns: 1fr 32.5rem; align-items: flex-end;}
.qinnian_xq .info .txt{ padding: 5rem 4.375rem; position: relative; z-index: 1; display: flex; flex-direction: column; align-items:flex-start;}
.qinnian_xq .info .txt:before{ content: ""; display: block; width: 100vw; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #e5e5e5;}
.qinnian_xq .info .tt{ border-bottom: 6px solid #33a242; display: flex; font-weight: 400; padding-bottom: 1.125rem; }
.qinnian_xq .info .tt h4{ font-size: 3.125rem;}
.qinnian_xq .info .tt span{ font-size: 1.258rem; color: #39b44a; margin-top: .25rem; margin-left: .5rem;}
.qinnian_xq .info .con{ font-size: 1.5rem; line-height: 2.5rem; margin-top: 2rem;}
.qinnian_xq .pic{ position: relative; z-index: 9; margin-right: 4.375rem;}
.qinnian_xq .pic img{ display: block;}
.qinnian_xq .box2{ padding: 5rem 4.375rem 0; }

.rc_rixin{ background: url(../images/n_sanwei_bg.jpg) center top no-repeat #ffffff;}
.rc_rixin .con{ text-align: center; font-size: 1rem; line-height: 2rem;}
.rixin_pic{ margin-top: 3.125rem; border-radius: .625rem; overflow: hidden;}
.rixin_pic img{ display: block; width: 100%;}
.rc_rixin01{ background: url(../images/rc_rixin01.jpg) center top no-repeat; background-size: 100%;}

.rc_rixin02{ width: 100%; overflow: hidden;}
.rc_rixin02 .box{ display: grid; grid-template-columns: 1fr 28.9375rem; align-items: flex-start; gap: 3rem;}
.rc_rixin02 .txt{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.rc_rixin02 .txt .con{ font-size: 1rem; line-height: 2; padding: 4rem 0 4.375rem;}
.rc_rixin02 .txt img{ display: block; width: 40.1875rem;}
.rc_rixin02 .pic{}
.rc_rixin02 .pic img{ display: block;}

.rc_rixin03{ width: 100%; height: 35.625rem; overflow: hidden; background: url(../images/rc_rixin03_bg.jpg) center no-repeat; background-size: cover;}
.rc_rixin03 .m{ display: flex; align-items: center; justify-content: center;}
.rc_rixin03 .n_tt4{ margin-bottom: 0;}

.rc_rixin_daoshi{}
.rc_rixin_daoshi ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 3.875rem;}
.rc_rixin_daoshi ul li{}
.rc_rixin_daoshi ul li .box{ position: relative;}
.rc_rixin_daoshi ul li .img{}
.rc_rixin_daoshi ul li .img img{}
.rc_rixin_daoshi ul li .img:after{ padding-top: 132.46%;}
.rc_rixin_daoshi ul li .mask{ position: absolute; z-index: 1; left: 0; top: 0; padding: 3rem; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;}
.rc_rixin_daoshi ul li .mask:before{ content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0;  background: rgba(56, 114, 56, 0.9); transition: .5s; position: absolute; z-index: -1; opacity: 0; transform: scaleY(0); transform-origin: top;}
.rc_rixin_daoshi ul li .mask h4{ font-size: 2.375rem; margin-bottom: 1.125rem; transition: .5s; transform: translateY(3rem); color: #fff;}
.rc_rixin_daoshi ul li .mask p{ line-height: 1.5rem; height: 4.5rem; font-size: 1rem; text-align: center; opacity: 0; transition: .5s; transform: translateY(2rem); text-align: center;}
.rc_rixin_daoshi ul li:hover .mask{}
.rc_rixin_daoshi ul li:hover .mask:before{ opacity: 1; transform: scaleY(1);}
.rc_rixin_daoshi ul li:hover .mask h4{ transform: translateY(0);}
.rc_rixin_daoshi ul li:hover .mask p{ opacity: 1; transform: translateY(0);}
.rc_rixin_daoshi ul li:nth-child(2) .mask:before{ background: rgba(36, 127, 145, 0.9);}
.rc_rixin_daoshi ul li:nth-child(3) .mask:before{ background: rgba(231, 167, 49, 0.9);}
.rc_rixin_duxue{ width: 100%; overflow: hidden; background: url(../images/rixin_duxue_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.rc_rixin_duxue ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1.875rem 2.4375rem;}
.rc_rixin_duxue ul li{}
.rc_rixin_duxue ul li .box{ display: grid; grid-template-columns: 95px 1fr; gap: 1.875rem; align-items: center; height: 100%; padding: 2.5rem 3.125rem;background-image: -moz-linear-gradient( 0deg, #fff 0%, #e9f2fb 100%);
    background-image: -webkit-linear-gradient( 0deg, #fff 0%, #e9f2fb 100%);
    background-image: -ms-linear-gradient( 0deg, #fff 0%, #e9f2fb 100%); border-radius: .625rem; overflow: hidden;}
.rc_rixin_duxue ul li .ico{ position: relative; width: 95px; height: 95px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  
    background-image: -moz-linear-gradient( 0deg, #abddc4 0%, #ecf7f2 100%);
    background-image: -webkit-linear-gradient( 0deg, #abddc4 0%, #ecf7f2 100%);
    background-image: -ms-linear-gradient( 0deg, #abddc4 0%, #ecf7f2 100%);}
.rc_rixin_duxue ul li .ico svg{}
.rc_rixin_duxue ul li .txt{ font-size: 1.375rem; color: #282828; line-height: 1.55;}
.rc_rixin_duxue ul li .txt p{ font-weight: 400; }

.rixin_peiyang .box{ display: flex; justify-content: space-between; flex-direction: row-reverse;} 
.rixin_peiyang .pic{ flex-shrink: 0;}

.kejiyuan_jiagou{ background: url(../images/kejiyuan_jiagou_bg.jpg) center no-repeat; background-size: cover;}

.kejiyuan_coop .swiper{ display: flex; justify-content: center;}
.kejiyuan_coop .swiper-wrapper{ width: auto; max-width: 100%;}
.kejiyuan_coop{}
.kejiyuan_coop .box{ background: #fff;}
.kejiyuan_coop .box .img{}
.kejiyuan_coop .box .img:after{}
.kejiyuan_coop .box:hover .img img{ transform: scale(1.1);}
.kejiyuan_coop .box .txt{ text-align: center; padding: 0 3.5rem 4.25rem;}
.kejiyuan_coop .box .txt h5{ font-size: 1.5rem; font-weight: 400; margin-bottom: 3rem; }
.kejiyuan_coop .box .txt p{ font-size: .9375rem; line-height: 1.625rem; color: #646464; margin-bottom: 3rem;}
.kejiyuan_coop .box .txt svg{ margin: 0 auto; width: .8125rem;}

.bg_f9{ width: 100%; overflow: hidden; background: url(../images/bg_f9.jpg) center top no-repeat #f9f9f9; }
.kejiyuan_coop .bd .arr{ width: 4.625rem; height: 2rem;}
.kejiyuan_coop .bd .arr_left{ background: url(../images/arr_left.png) center no-repeat;}
.kejiyuan_coop .bd .arr_right{ background: url(../images/arr_right.png) center no-repeat;}
.dashline{ width: 100%; height: 0; border-top: 1px dashed #e1e1e1;}
.kejiyuan_coop_info h4{ font-size: 2.25rem; font-weight: 400;}
.kejiyuan_coop_info .img{ max-width: 10rem;}
.tc_leader .kejiyuan_coop_scrollbox {
    max-height: calc(100vh - 40rem);
}

.kejiyuan_about{}
.kejiyuan_about .shuzi{ max-width: 940px; margin: 0 auto;}
.kejiyuan_about .shuzi ul{ display: flex; justify-content: space-between;}
.kejiyuan_about .shuzi ul li{ text-align: center;}
.kejiyuan_about .shuzi ul li .ico{ display: inline-block; position: relative; z-index: 1; width: 3.25rem; height: 3.25rem;}
.kejiyuan_about .shuzi ul li .ico:after{ content: ""; display: block; width: 27px; height: 27px; border-radius: 50%; background: #b1d8b0; position: absolute; right: -.5rem; top: -.5rem; z-index: -1;}
.kejiyuan_about .shuzi ul li span{ display: block; font-family: BarlowCondensed-Regular; font-size: 3.5rem; margin:.75rem 0 .5rem;}
.kejiyuan_about .shuzi ul li p{ font-size: 1rem; color: #585858; line-height: 1.3;}
.kejiyuan_about .shuzi ul li:hover .ico:after{ transform: translateX(5px) translateY(-5px) scale(1.2); opacity: .5;}
.kejiyuan_about .img{ margin-top: 3.4375rem;}
.index_miso>.cursor.on {
    opacity: 1 !important; 
}

.kejiyuan_ys_line{ width: 100%;}

.n_tt5{ margin-bottom: 2.625rem;}
.n_tt5 span{ display: block; width: 85px; height: 85px; box-shadow: -12.021px 12.021px 23px 0px rgba(58, 115, 57, 0.25); display: flex; align-items: center; justify-content: center; background: #387238; color: #fff; border-radius: 50% 0 50% 50%; font-size: 2rem; font-family: BarlowCondensed-Regular; }
.n_tt5 h4{ font-size: 2.125rem; font-weight: 400; margin-top: 1.5rem;}
.n_tt5 p{ font-size: 1.25rem; color: #333333; margin-top: 1.375rem; margin-bottom: 4rem; line-height: 1.3;}
.kejiyuan_ys01 .con{ font-size: 1rem; line-height: 2rem;}

.kejiyuan_ys01 .shuzi{ max-width: 1096px; margin: 5.75rem auto .75rem;}
.kejiyuan_ys01 .shuzi ul{ display: flex; justify-content: space-between;}
.kejiyuan_ys01 .shuzi ul li{ text-align: center;} 
.kejiyuan_ys01 .shuzi ul li div{ display: flex; justify-content: center; font-family: BarlowCondensed-Regular;}
.kejiyuan_ys01 .shuzi ul li span{ display: block; font-size: 3.75rem; }
.kejiyuan_ys01 .shuzi ul li div i{ font-size: 1.875rem; margin-left: .375rem;}
.kejiyuan_ys01 .shuzi ul li p{ font-size: 1rem; color: #585858; line-height: 1.3; margin-top: .625rem;}

.kejiyuan_ys02{}
.kejiyuan_ys02 ul{ display: grid; gap: 6.875rem; position: relative; z-index: 1;}
.kejiyuan_ys02 ul:after{ content: ""; display: block; width: 1px; height: 100%; background: #dcdcdc; position: absolute; left: 50%; margin-left: -.5px; z-index: -1;}
.kejiyuan_ys02 ul li{}
.kejiyuan_ys02 ul li .box{ display: grid; grid-template-columns: 1fr 1fr; gap: 9.375rem; align-items: center;}
.kejiyuan_ys02 ul li .img{ border-radius: .625rem;}
.kejiyuan_ys02 ul li .img img{}
.kejiyuan_ys02 ul li .img:after{}
.kejiyuan_ys02 ul li .txt{}
.kejiyuan_ys02 ul li .txt span{ font-size: 2.5rem; display: block; color: #4a3190; font-family: BarlowCondensed-SemiBold; position: relative; }
.kejiyuan_ys02 ul li .txt span:after{ content: ""; display: block; width: 3px; height: 30px; background: #4a3190; position: absolute; z-index: 9; left: -4.6875rem; top: 50%; transform: translateX(-50%) translateY(-50%);}
.kejiyuan_ys02 ul li .txt h6{ font-size: 1.875rem; color: #333333; font-family: BarlowCondensed-Regular; margin: 1.375rem 0;}
.kejiyuan_ys02 ul li .txt .con{ font-size: 1rem; line-height: 2.125rem; color: #333333;}
.tipbox{ font-size: 1.375rem;  font-family: BarlowCondensed-Regular;  line-height: 2.5rem; color: #333333; text-align: center; margin-top: 5.625rem;}
.kejiyuan_ys02 ul li:nth-child(even) .txt{ grid-column: 1/2; grid-row: 1/2; text-align: right;}
.kejiyuan_ys02 ul li:nth-child(even) .txt span:after{ left: auto; right: -4.6875rem; transform: translateX(50%) translateY(-50%);}
.kejiyuan_ys02 ul li:nth-child(even) .img{ grid-column: 2/3;}
.kejiyuan_ys02 ul li:nth-child(2) .txt span{ color: #439d69;}
.kejiyuan_ys02 ul li:nth-child(2) .txt span:after{ background: #439d69;}
.kejiyuan_ys02 ul li:nth-child(3) .txt span{ color: #ffad19;}
.kejiyuan_ys02 ul li:nth-child(3) .txt span:after{ background: #ffad19;}
.kejiyuan_ys02 ul li:nth-child(4) .txt span{ color: #f84272;}
.kejiyuan_ys02 ul li:nth-child(4) .txt span:after{ background: #f84272;}
.kejiyuan_ys02 ul li:nth-child(5) .txt span{ color: #3879ef;}
.kejiyuan_ys02 ul li:nth-child(5) .txt span:after{ background: #3879ef;}
.kejiyuan_ys02 ul li:nth-child(6) .txt span{ color: #f84242;}
.kejiyuan_ys02 ul li:nth-child(6) .txt span:after{ background: #f84242;}

.kejiyuan_ys03{ width: 100%; overflow: hidden;}
.kejiyuan_ys03.bg{ background: url(../images/kejiyuan_ys03_bg.jpg) center no-repeat; background-size: cover;}
.kejiyuan_ys03 .box{ display: grid; grid-template-columns: 1fr 42.5rem; gap: 5.625rem; align-items: center;}
.kejiyuan_ys03 .txt{}
.kejiyuan_ys03 .txt .con{ font-size: 1rem; line-height: 2rem; text-align: justify;}
.kejiyuan_ys03 .img{ border-radius: .625rem;}
.kejiyuan_ys03 .img img{}

.kejiyuan_guihua{ padding-top: 10rem; width: 100%; overflow: hidden; background: url(../images/kejiyuan_guihua_bg.jpg) center no-repeat; background-size: 100% 100%; position: relative; z-index: 1;}
.kejiyuan_guihua .txt{ font-size: 1rem; line-height: 2rem; width: 53%; text-align: justify; padding-bottom: 5rem;}
.shan{ position: absolute; right: 0; bottom: 0; max-width: 57%; }

.serve_xiaoli{ width: 100%; overflow: hidden; background: url(../images/n_sanwei_bg.jpg) center top no-repeat; }
.serve_xiaoli ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem;}
.serve_xiaoli ul li{}
.serve_xiaoli ul li .box{}
.serve_xiaoli ul li .img{}
.serve_xiaoli ul li .img img{ transform: none !important;}
.serve_xiaoli ul li .txt{ display: grid; grid-template-columns: 1fr 5rem; align-items: center; padding-top: 2rem;}
.serve_xiaoli ul li .txt h5{ font-size: 1.75rem;font-weight: 400; }
.serve_xiaoli ul li .txt i{ width: 4.625rem; height: 1rem; background: url(../images/arr_right.png) center no-repeat; background-size: contain;}

.scrollbox2{ height: 90vh; overflow: auto;}
.scrollbox2 img{ width: 417px; max-width: 100%; height: auto; max-height: inherit;}

.serve_dangan{}
.serve_dangan ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 2.25rem 2.5rem;}
.serve_dangan ul li{}
.serve_dangan ul li .box{ display: grid; grid-template-columns: 1fr 7.75rem; grid-auto-rows: 8.125rem; align-items: center; background: #f5f5f5;}
.serve_dangan ul li .txt{ padding: 0 2rem;}
.serve_dangan ul li .txt h4{ font-size: 1.375rem; color: #282828; line-height: 1.3;}
.serve_dangan ul li .ico{ display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; gap: .75rem; background: #acddc4; position: relative; transition: .5s;}
.serve_dangan ul li .ico:before{ content: ""; display: block; width: 0; height: 0; border: 1.25rem solid transparent; border-top: 1.25rem solid #acddc4; position: absolute; left: -1.25rem; top: 0; transition: .5s;}
.serve_dangan ul li .ico svg{}
.serve_dangan ul li .ico span{ font-size: .9375rem; color: #282828;}
.serve_dangan ul li:hover .ico{ background: #ffca4c;}
.serve_dangan ul li:hover .ico:before{ border-top: 1.25rem solid #ffca4c;}

.serve_luxian{}
.serve_luxian ul{ display: grid; grid-template-columns: 1fr; gap: 1.5625rem;}
.serve_luxian ul li{}
.serve_luxian ul li .box{ display: grid; grid-template-columns: 10rem 1fr; grid-auto-rows: minmax(8.75rem,auto); align-items: center; background: #f5f5f5;}
.serve_luxian ul li .txt{ padding: 1.5rem 2rem;}
.serve_luxian ul li .txt p{ font-size: 1rem; color: #333333; line-height: 2;}
.serve_luxian ul li .ico{ display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; gap: .75rem; background: #acddc4; position: relative; transition: .5s;}
.serve_luxian ul li .ico:before{ content: ""; display: block; width: 0; height: 0; border: 1.25rem solid transparent; border-top: 1.25rem solid #acddc4; position: absolute; right: -1.25rem; top: 0; transition: .5s;}
.serve_luxian ul li .ico svg{}
.serve_luxian ul li .ico span{ font-size: 1.125rem; color: #333333; font-weight: 400; }
 
#container{ width: 100%; height: 100%;} 
.amap-info-content{ padding:15px 20px;}
.amap-info-content h5{ font-size: 15px; color: #333; margin-bottom: 3px; font-weight: 400; }
.amap-info-content p{ font-size: 14px; color: #999;}

.serve_map{ height: 31.875rem; margin-bottom: 3.75rem; position: relative;}

.shetuan_xq .ar_article{ font-size: 1rem; line-height: 2; color: #000;}
.shetuan_xq .ar_article p{ font-size: 1rem; line-height: 2; color: #000;}

.serve_shetuan{ background: #f9f9f9;}
.serve_shetuan ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 3rem 1.5rem;}
.serve_shetuan ul li{ background: #fff;}
.serve_shetuan ul li .box{ display: block; position: relative; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.13);}
.serve_shetuan ul li .img{}
.serve_shetuan ul li .img img{}
.serve_shetuan ul li .img:after{ padding-top: 64.6%;}
.serve_shetuan ul li .txt{ height: 8.875rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .625rem;}
.serve_shetuan ul li .txt svg{ width: 2.75rem; height: 2.75rem;}
.serve_shetuan ul li .txt h5{ font-size: 1.375rem;}
.serve_shetuan ul li .mask{ position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 2.5rem; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.serve_shetuan ul li .mask:before{ content: ""; display: block; width: 100%; height: 100%; transition: .5s; transform: scaleY(0); transform-origin: bottom; position: absolute; z-index: -1; left: 0; top: 0; background: rgba(74, 48, 145, 0.9);  }
.serve_shetuan ul li .mask>svg{ width: 2.75rem; height: 2.75rem;flex-shrink: 0;  }
.serve_shetuan ul li .mask svg path{ fill: #fff;}
.serve_shetuan ul li .mask h5{ font-size: 1.375rem; color: #fff; margin: 1rem 0 1rem;}
.serve_shetuan ul li .mask p{ font-size: .9375rem; line-height: 1.625rem; color: #ffffff; transition: .5s;overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.serve_shetuan ul li .mask .ico_jia{ opacity: 1; transform: none; flex-shrink: 0; border: 1px solid rgba(255, 255, 255, .7);}
.serve_shetuan ul li:hover .mask:before{ transform: scaleY(1);}
.serve_shetuan ul li .mask>svg,.serve_shetuan ul li .mask h5,.serve_shetuan ul li .mask p,.serve_shetuan ul li .mask .ico_jia
{transition: .5s; transform: translateY(40px); opacity: 0;}
.serve_shetuan ul li:hover .mask>svg,.serve_shetuan ul li:hover .mask h5,.serve_shetuan ul li:hover .mask p,.serve_shetuan ul li:hover .mask .ico_jia
{ opacity: 1; transform: translateY(0);}


.serve_shetuan ul li:nth-child(5n+1) .txt svg path{ fill: #4a3091;}
.serve_shetuan ul li:nth-child(5n+1) .mask:before{ background: rgba(74, 48, 145, 0.9);}

.serve_shetuan ul li:nth-child(5n+2) .txt svg path{ fill: #f84272;}
.serve_shetuan ul li:nth-child(5n+2) .mask:before{ background: rgba(248, 66, 115, 0.9);}

.serve_shetuan ul li:nth-child(5n+3) .txt svg path{ fill: #3879ef;}
.serve_shetuan ul li:nth-child(5n+3) .mask:before{ background: rgba(56, 120, 239, 0.9);}

.serve_shetuan ul li:nth-child(5n+4) .txt svg path{ fill: #ffb227;}
.serve_shetuan ul li:nth-child(5n+4) .mask:before{ background: rgba(255, 179, 39, 0.9);}

.serve_shetuan ul li:nth-child(5n+5) .txt svg path{ fill: #459e6b;}
.serve_shetuan ul li:nth-child(5n+5) .mask:before{ background: rgba(69, 158, 108, 0.9);}

.sub_nav4{ margin-bottom: 3.125rem;}
.sub_nav4 ul{ display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center;}
.sub_nav4 ul li{ position: relative; z-index: 1;}
.sub_nav4 ul li a{ width: 11.5rem; height: 3.75rem; font-size: 1rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.sub_nav4 ul li:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; border: 1px solid #d4d4d4;}
.sub_nav4 ul li:after{ content: ""; display: block; width: 100%; height: 0; transition: .5s; position: absolute; left: 0; top: 0; z-index: -1; background: #387238;}
.sub_nav4 ul li.on a{ color: #fff;}
.sub_nav4 ul li.on:after{ height: 100%;}
.serve_zuzhi{ width: 100%; overflow: hidden;}
.serve_zuzhi .bdbox{ max-width: 56.375rem; width: 70%; margin: 0 auto;}
.zuzhi_slide1 .swiper{ overflow: visible;}
.serve_zuzhi .img:after{ padding-top: 54.44%;}
.serve_zuzhi .img:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; background: rgba(0,0,0,.6); transition: .5s;}
.serve_zuzhi .swiper-slide-active .img:before{ background: rgba(0, 0, 0, 0);}
.serve_zuzhi .txt{ padding-top: 3rem;}
.serve_zuzhi .txt h4{ font-size: 2rem; line-height: 1.5; font-weight: 400; }
.serve_zuzhi .txt i{ display: block; width: 1.875rem; height: 4px; background: #387238; margin: 1.5rem 0;}
.serve_zuzhi .txt .con{ font-size: 1rem; line-height: 2rem;}

.serve_zuzhi .bd .arr{ width: 6.125rem; height: 2rem; z-index: 99 !important;}
.serve_zuzhi .bd .arr_left{ left: -11.875rem !important; background: url(../images/arr_left_on.png) center no-repeat;}
.serve_zuzhi .bd .arr_right{ right: -11.875rem !important; background: url(../images/arr_right_on.png) center no-repeat;}


.serve_money{ width: 100%; overflow: hidden;  }
.serve_money #list_slide{  position:relative; }
.serve_money #list_slide dl{ position: relative; margin-bottom: 16px; z-index: 1;}
.serve_money #list_slide dt{ position:relative; cursor:pointer; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; height:6.25rem; transition:.5s; padding: 0 2.25rem; background: #387238; }
.serve_money #list_slide dt h3{  color:#fff; font-size:1.5rem; overflow:hidden; }
.serve_money #list_slide dt .tgl{ flex-grow: 0; margin-left: 10%; width:2.25rem; height:2.25rem; background: #ffca4c; border-radius: 50%; position: relative; transition: .4s;}
.serve_money #list_slide dt .tgl:before{ content: ""; display: block; width: .875rem; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -.4375rem; margin-top: -1px; transition: .4s; }
.serve_money #list_slide dt .tgl:after{ content: ""; display: block; width: .875rem; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%;margin-left: -.4375rem; margin-top: -1px; transform: rotate(90deg); transition: .4s; }
.serve_money #list_slide dl.on dt .tgl:before{ background: #fff;}
.serve_money #list_slide dl.on dt .tgl:after{ background: #fff; transform: rotate(180deg); } 
.serve_money #list_slide dd{ display:none; transition: 0s; line-height:2rem; font-size: .9375rem; padding: 2.375rem 3rem 3rem; background: #ededed ; border-bottom: 0; }
.serve_money #list_slide dd .content{ display: flex; flex-direction: row-reverse; }
.serve_money #list_slide dd .content {  line-height: 2; font-size: 1rem;  } 
 
.serve_heart{}
.serve_heart ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 2.625rem 2.5rem;}
.serve_heart ul li{}
.serve_heart ul li .box{ display: block; position: relative;}
.serve_heart ul li .img{}
.serve_heart ul li .img img{}
.serve_heart ul li .img:after{ padding-top: 47.79%;}
.serve_heart ul li .mask{ position: absolute; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.serve_heart ul li .mask h3{ font-size: 3.125rem; color: #fff; font-weight: 300;}
.serve_heart ul li .mask span{ font-size: 1.5rem; text-transform: uppercase; margin-top: -1rem; color: rgba(255, 255, 255, .2);}

.serve_zhengshu01{ padding-bottom: 5rem;}
.serve_zhengshu01 .txt0{ font-size: 1.5rem; line-height: 2.75rem; text-align: center;}
.serve_zhengshu01 ul{ display: grid; gap: 9rem;}
.serve_zhengshu01 ul li{}
.serve_zhengshu01 ul li .box{ display: flex; gap: 6rem; align-items: center; position: relative; }
.serve_zhengshu01 ul li .txt{ width: 30rem; flex-shrink: 0;}
.serve_zhengshu01 ul li .txt .tt{ font-size: 1.875rem; padding-bottom: 1.625rem; border-bottom: 1px solid #e1e1e1; margin-bottom: 2rem;}
.serve_zhengshu01 ul li .txt .con{ font-size: 1rem; line-height: 2rem;}
.serve_zhengshu01 ul li .txt h6{ font-size: 1rem; font-weight: 400; margin-top: 2.5rem; line-height: 1.5; }
.serve_zhengshu01 ul li .img{ flex-grow: 1; border-radius: 5px; overflow: hidden; position: relative;}
.serve_zhengshu01 ul li .img img{}
.serve_zhengshu01 ul li .img:after{ padding-top: 64.28%;}
.serve_zhengshu01 ul li .img .ico{ width: 6.25rem; height: 6.25rem; z-index: 9; position: absolute; border-radius: 50%; left: 2rem; top: 2rem; display: flex; align-items: center; justify-content: center; background: #4a3091; }
.serve_zhengshu01 ul li .img .ico svg{ width: 2.5rem; height: 2.5rem;}
.serve_zhengshu01 ul li .img .ico svg path{ fill: #fff;}
.serve_zhengshu01 ul li:nth-child(odd) .box:after{ content: ''; display: block; width: 15.125rem; height: 85px; position: absolute; left: 0; bottom: -9rem; background: url(../images/zhengshu_dot.jpg) left bottom no-repeat;}
.serve_zhengshu01 ul li:nth-child(even){ background: #f9f9f9; margin-bottom: 6rem;}
.serve_zhengshu01 ul li:nth-child(even) .box{ flex-direction: row-reverse; }
.serve_zhengshu01 ul li:nth-child(even) .box .txt{padding: 3rem 0; }
.serve_zhengshu01 ul li:nth-child(even) .img{ transform: translateY(6rem);}
.serve_zhengshu01 ul li:nth-child(even) .img .ico{ left:auto; right: 2rem;}

.serve_zhengshu01 ul li:nth-child(1) .img .ico{ background: #4a3091;}
.serve_zhengshu01 ul li:nth-child(2) .img .ico{ background: #ffad19;}
.serve_zhengshu01 ul li:nth-child(3) .img .ico{ background: #439d69;}
.serve_zhengshu01 ul li:nth-child(4) .img .ico{ background: #f84272;}
.serve_zhengshu01 ul li:nth-child(5) .img .ico{ background: #3879ef;}
.serve_zhengshu01 ul li:nth-child(6) .img .ico{ background: #f54848;}

.zhengshu_lianxi .m{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0 !important;}
.zhengshu_lianxi .ewm{}
.zhengshu_lianxi .ewm img{ width: 13.25rem; height: 13.25rem; border: 1px solid #e0e0e0; padding: 8px;}
.zhengshu_lianxi .ewm p{ font-size: 1.0625rem; margin-top: .625rem; line-height: 2rem; text-align: center;}
.zhengshu_lianxi dl{ text-align: center; font-size: 1.0625rem; line-height: 2; margin-top: 2rem;}
.zhengshu_lianxi dl dt{ font-weight: 400; line-height: 1.5;}
.zhengshu_lianxi dl dd{}


.serve_zhengshu02{ background: #f4f4f4; width: 100%; overflow: hidden; margin-bottom: 5rem;}
.serve_zhengshu02 .con{ font-size: 1rem; line-height: 2rem; padding-top: 4rem;}
.serve_zhengshu02 ul{ display: grid; grid-template-columns: repeat(5,1fr); gap: 2rem; margin-top: 3rem;}
.serve_zhengshu02 ul li{ position: relative;}
.serve_zhengshu02 ul li .img{}
.serve_zhengshu02 ul li .img img{}
.serve_zhengshu02 ul li .img:after{ padding-top: 161.7%;}
.serve_zhengshu02 ul li .img:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); }

.serve_zhengshu02 ul li .box{ overflow: hidden; display: flex; justify-content: center; z-index: 3; align-items: center; flex-direction: column; height: 22.5rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.serve_zhengshu02 ul li .ico{ width: 6.875rem; height: 6.875rem; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; transition: .5s ease-out .2s;}
.serve_zhengshu02 ul li .ico:before{ content: ""; opacity: 0; display: block; width: 100%; height: 100%; position: absolute;z-index: -1; left: 0; top: 0; background: #4a3091; border-radius: 50%; transition: .7s;}
.serve_zhengshu02 ul li .ico svg,.serve_zhengshu02 ul li .ico img{ width: 3rem; height: 3rem; }
.serve_zhengshu02 ul li h4{ font-size: 1.375rem; color: #fff; position: relative; z-index: 3; transition: .5s ease-out .2s; text-align: center;}
.serve_zhengshu02 ul li .box>svg{ position: relative; z-index: 3; }
.serve_zhengshu02 ul li .ico_jia{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 5rem; z-index: 3; transition: .5s ease-out .2s;}
.serve_zhengshu02 ul li:nth-child(1) .ico:before{ background: #4a3091;}
.serve_zhengshu02 ul li:nth-child(2) .ico:before{ background: #f84272;}
.serve_zhengshu02 ul li:nth-child(3) .ico:before{ background: #3879ef;}
.serve_zhengshu02 ul li:nth-child(4) .ico:before{ background: #ffad19;}
.serve_zhengshu02 ul li:nth-child(5) .ico:before{ background: #439d69;}

.xueyuan_scrollbox{ max-height: calc(100vh - 14rem) !important; }
.tc_xueyuan .tt{ font-weight: 400; }
.n_tt6{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.n_tt6 h3{ font-size: 2.375rem; font-weight: 400; position: relative;}
.n_tt6 span{ font-size: 1.5rem; color: rgba(199, 199, 199, 0.4); font-weight: bold; text-transform: uppercase;margin-top: -1rem; }

.td_zhichen{ width: 100%; overflow: hidden; background: url(../images/td_zhichen_bg.jpg) center top no-repeat; background-size: cover;}

.td_xinxi{}
.td_xinxi ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 2.25rem 2.5rem;}
.td_xinxi ul li{  border-radius: .625rem; overflow: hidden; position: relative; z-index: 1;}
.td_xinxi ul li:after{ content: ""; display: block; width: 200%; height: 100%; position: absolute; left: -100%; top: 0; z-index: -1; transition: .5s ease-in;
    background-image: -moz-linear-gradient(    0deg, #abddc4 50%, #eefcf5 100%);
    background-image: -webkit-linear-gradient( 0deg, #abddc4 50%, #eefcf5 100%);
    background-image: -ms-linear-gradient( 0deg, #abddc4 50%, #eefcf5 100%);
}
.td_xinxi ul li .box{ padding: 2.5rem; display: block;}
.td_xinxi ul li .box h4{ font-size: 1.375rem; line-height: 1.3; font-weight: 400; color: #333; margin-bottom: 1.25rem;}
.td_xinxi ul li .box div{ display: flex; align-items: flex-end;}
.td_xinxi ul li .box div svg{ margin-right: .5rem;}
.td_xinxi ul li .box div span{}
.td_xinxi ul li:hover:after{ left: 0;}

.xuzhi{}
.xuzhi a{ display: block; position: relative; border-radius: .625rem; overflow: hidden;}
.xuzhi .img{}
.xuzhi .txt{ position: absolute; left: 0; top: 0; padding-left: 7.25rem; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.xuzhi .txt h3{ font-size: 2.75rem; color:#353535; margin-bottom: 1.625rem;}
.xuzhi .txt span{ width: 7.75rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: #025511; color: #fff; transition: .5s;}
.xuzhi:hover .txt span{ background: #076719;}

.td_houqin{ background: #f9f9f9; width: 100%; overflow: hidden;}
.houqinlist{ display: grid; grid-template-columns: 1fr 1fr; gap: 3.125rem 4.375rem; margin-top: 5rem;}
.houqinlist li{ background: #fff; border-radius: .625rem; overflow: hidden;}
.houqinlist li .box{}
.houqinlist li .img{}
.houqinlist li .img img{}
.houqinlist li .img:after{ padding-top: 53.7%;}
.houqinlist li .txt{ padding: 3.125rem; position: relative;}
.houqinlist li .txt .ico{ position: absolute; right: 3.125rem; top: 0; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); width: 6.25rem; height: 6.25rem; border-radius: 50%; overflow: hidden; transition: .5s;}
.houqinlist li .txt .ico svg{ width: 2.5rem;}
.houqinlist li .txt h5{ font-size: 1.625rem; font-weight: 400; margin-bottom: 1.5rem; }
.houqinlist li .txt .con{ font-size: 1.125rem; line-height: 2rem;}
.houqinlist li:hover .txt .ico{ transform: translateY(-70%);}
.houqinlist li:nth-child(1) .ico{ background: #4a3091;}
.houqinlist li:nth-child(2) .ico{ background: #ffad19;}
.houqinlist li:nth-child(3) .ico{ background: #439d69;}
.houqinlist li:nth-child(4) .ico{ background: #f84272;}
.houqinlist li:nth-child(5) .ico{ background: #3879ef;}

.td_zhankai{ background: #f2f2f2;}
.td_zhankai .box{ display: flex; justify-content: space-between; gap: 2.5rem; margin-top:6rem;}
.td_zhankai dl{ border-left: 1px solid #3a7339; padding-left: 2.5rem;}
.td_zhankai dl dt{ margin-bottom: 1.875rem;}
.td_zhankai dt h3{ font-size: 2.125rem; color: #33523a;font-weight: 400;margin-bottom: 2.375rem;}
.td_zhankai dt i{ display: block; width: 2.75rem; height:4px; border-radius: 2px; 
    background-image: -moz-linear-gradient( 0deg, #66b78e 0%, #32533a 100%);
    background-image: -webkit-linear-gradient( 0deg, #66b78e 0%, #32533a 100%);
    background-image: -ms-linear-gradient( 0deg, #66b78e 0%, #32533a 100%);}
.td_zhankai dd { margin-bottom: 1.25rem;}
.td_zhankai dd a{ display: flex; align-items: center; gap: .9375rem;}
.td_zhankai dd .ico{ flex-shrink: 0; width: 3.125rem; height: 3.125rem; transition: .7s; position: relative; z-index: 1; overflow: hidden; border-radius: 50%; background: #dddddd; display: flex; align-items: center; justify-content: center;}
.td_zhankai dd .ico svg{ width: 1.75rem; height: 1.75rem;}
.td_zhankai dd .ico svg path{ fill: #387238;}
.td_zhankai dd h3{ font-size: 1.375rem; color: #4d4d4d;}
.td_zhankai dd:hover h3{ color: #3a7339;}
.td_zhankai dd:hover .ico img{ animation: jello 1s;}
.td_zhankai dd:hover .ico svg path, .td_zhankai dd:focus .ico svg path, .td_zhankai dd:active .ico svg path{ fill: #fff;} 
.td_zhankai dd:hover .ico:before, .td_zhankai dd:focus .ico:before, .td_zhankai dd:active .ico:before { -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: scale(2); opacity: 1;
    transform: scale(2);
}
.td_zhankai dd .ico:before {
    content: ""; opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #387238;
    border-radius: 100%;transition: 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
    /* transition-property: opacity; */
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; display: none;
   
}
.w_logo img{ }
.mywelcome{ position: relative;}
.mywelcome .box{ width: 100vw; height: 100vh;}
.mywelcome .box .m{height: 100%;display: flex; align-items: center;   }
.mywelcome .box .txtbox{position: relative; display: flex; align-items: center; width: 100%; justify-content: flex-end;  }
.mywelcome .box .txt{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-right: 6.5rem; }
.mywelcome .box .txt h3{ font-size: 3.125rem;font-weight: 400; color: #fff; margin-bottom: 2rem;}
.mywelcome .box .txt .circle{}
.mywelcome .box .txtbox i{ width: 100vw; height: 1px; background: rgba(255, 255, 255, .5); position: absolute; right: 0; bottom: 6px; }
.mywelcome .slide-inner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-size: cover !important;}
.mywelcome .box .txt h3{ opacity: 0; transform: translateY(-10px); }
.mywelcome .box .txt .circle{ opacity: 0;transform: scale(0); }
.mywelcome .box .txtbox i{ opacity: 0; transform: scaleX(0); transform-origin: left;}
.mywelcome .swiper-slide.swiper-slide-active .box .txt h3{ transform: translateY(0) translateZ(0); opacity: 1; transition: opacity .6s linear 1.8s,transform .6s cubic-bezier(.215,.61,.355,1) 1.8s;} 
.mywelcome .swiper-slide.swiper-slide-active .box .txt .circle{ transform:scale(1); opacity: 1; transition: opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) 1s;} 
.mywelcome .swiper-slide.swiper-slide-active .box .txtbox i{transform: scaleX(1); opacity: 1; transition: opacity .6s linear .3s,transform 2.6s cubic-bezier(.215,.61,.355,1) .3s;}
.mywelcome .swiper-slide.swiper-slide-active .slide-inner{ animation: scaleUpDown2 3.7s linear forwards; -webkit-animation: scaleUpDown2 3.7s linear forwards;} 
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}

@-webkit-keyframes enter3 {
    0% { opacity: 0;  transform: scaleX(0); }
    20% { opacity: 0; transform: scaleX(0); }
    100% { opacity: 1;transform: scaleX(1); }
}
@keyframes enter3 {
    0% { opacity: 0;  transform: scaleX(0); }
    20% { opacity: 0; transform: scaleX(0); }
    100% { opacity: 1; transform: scaleX(1); }
}

.mywelcome .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99;}
.mywelcome .innerbox{ display: grid; height: 100%; padding: 3.75rem 0; grid-template-columns: 1fr; grid-auto-rows: 55% 45%;}
.mywelcome_nav{  display: flex; flex-direction: column; justify-content: space-between; align-self: flex-end; height: 100%; padding: 5rem 0 2rem; align-items: flex-start;}
.mywelcome_nav li{ }
.mywelcome_nav li a{ display: block;}
.mywelcome_nav li h3{ color: #fff; font-size: 2rem; position: relative;}
.mywelcome_nav li h3:before{ content: ""; display: block; width: 1.875rem; height: 4px; background: #fff; border-radius: 2px; position: absolute; left: -3.125rem; top: 50%; transition: .5s; transform: translateY(-50%) scaleX(0); transform-origin: left;}
.mywelcome_nav li.on h3:before{  transform: translateY(-50%) scaleX(1);}


.mywelcome .circle{ position: relative;z-index: 2;}
.mywelcome .circle.red span{ background:#0e45a9;}
.mywelcome .circle.purple span{ background:#0e45a9;}
.mywelcome .circle { 
    width: 12px;
	height: 12px;  
    border-radius: 50%;
    background: #fff; 
    display: block;
    box-sizing: border-box;
    z-index: 99;
}
.mywelcome .circle span {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 50%; margin-top: -1.25rem; margin-left: -1.25rem;
	left: 50%;
	border-radius: 50%;
    border: 1px solid #fff;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: circleScale 3s linear infinite;
	-moz-animation: circleScale 3s linear infinite;
	-ms-animation: circleScale 3s linear infinite;
	animation: circleScale 3s linear infinite;
	z-index: 0;
}
.mywelcome .circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.mywelcome .circle span:nth-of-type(3) {
  animation-delay: 2s;
}
.cursor { display: none;}
@keyframes circleScale {
  0% {
    opacity: .5;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}
@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scaleUpDown2 {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown2 {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    to {
        transform: scale(1);
        transform: scale(1);
    }
}

.news_bobao{ width: 100%; overflow: hidden; }
.news_bobao ul{}
.news_bobao ul li{ border-bottom: 1px solid #e9eaed;}
.news_bobao ul li .box{ display: grid; grid-template-columns: 5.9375rem 1fr; gap: 1.875rem; align-items: center; padding: 1.75rem 0;}
.news_bobao ul li .box .time{ width: 100%; height: 6.875rem; position: relative; display: flex; color: #3c3c3c; transition: .5s; align-items: center; justify-content: center; flex-direction: column; font-size: .875rem; font-weight: 400;}
.news_bobao ul li .box .time span{ font-size: 2.25rem; font-weight: bold;}
.news_bobao ul li .box .time:before{ content: ""; display:block; width: 100%; height: 100%;position: absolute; left: 0; top: 0; border: 2px solid #eaebef; z-index: -1;}
.news_bobao ul li .box .time:after{ content: ""; display:block; width: 100%; height: 0;position: absolute; left: 0; bottom: 0; background: #387238; z-index: -1; transition: .5s;}
.news_bobao ul li .box .txt{}
.news_bobao ul li .box .txt h5{ font-size: 1.5rem; color: #000000; font-weight: 400; margin-bottom: .75rem;}
.news_bobao ul li .box .txt p{ font-size: .9375rem; line-height: 1.625rem; color: #4a4a4a; overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.news_bobao ul li:hover .box .time{ color: #fff; }
.news_bobao ul li:hover .box .time:after{ height: 100%; top: 0; bottom: auto;}
.news_bobao ul li:first-child .box{ padding-top: 0 !important;}

.news_jujiao,.news_sigeng{ width: 100%; overflow: hidden; background: url(../images/n_aim_bg.jpg) center top no-repeat #f6f6f6;}
.news_jujiao ul{}
.news_jujiao ul li{ position: relative;}
.news_jujiao ul li .box{ display: grid; grid-template-columns: 20.875rem 1fr; gap: 1.875rem; align-items: center; padding: 3rem 0;}
.news_jujiao ul li .box .img{  }
.news_jujiao ul li .box .img:after{ padding-top: 65.67%;}
.news_jujiao ul li .box .txt{}
.news_jujiao ul li .box .txt h5{ font-size: 1.5rem; color: #000000; font-weight: 400; margin-bottom: 1.25rem; transition: .5s;}
.news_jujiao ul li .box .txt p{ font-size: .9375rem; line-height: 1.625rem; color: #4a4a4a; overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.news_jujiao ul li .box .txt span{ display: flex; align-items: center; font-size: .9375rem; color: #4a4a4a; margin-top: 2.25rem;}
.news_jujiao ul li .box .txt span svg{ width: 1.25rem; margin-right: .5rem;}
.news_jujiao ul li:first-child .box{ padding-top: 0 !important;}
.news_jujiao ul li:before{ content: ""; display: block; width: 100%; height: 0; border-bottom: 1px dashed #d6d8d9; position: absolute; left: 0; bottom: 0;}
.news_jujiao ul li:after{ content: ""; display: block; width:0; height: 0; border-bottom: 1px solid #025511; position: absolute; right: 0; bottom: 0;  transition: 1.1s;  }
.news_jujiao ul li:hover:after{ width: 100%; left: 0; right: auto;}
.news_jujiao ul li:hover .box .txt h5{ color: #025511;}

.n_news_xq .m{ display: flex; align-items: flex-start; gap: 2.75rem;}
.left_con{ flex-grow: 1; min-height: 500px;}
.right_con{ flex-shrink: 0; width: 25rem; position: sticky; top: 8rem;}
.ar_title{ position: relative; padding-bottom: 1.875rem; border-bottom: 1px solid #e6e6e6; margin-bottom:2rem;}
.ar_title h3{ font-size: 2.25rem; font-weight: 400; line-height: 3rem; margin-bottom: 1.5rem; color: #000000; }
.ar_title .box1{ width: 3.75rem; display: flex; flex-direction: column; align-items: center; position: absolute; left: -7.5rem; top: 120%;}
.ar_title .box1 .web .time{ font-size: 1.25rem; font-weight: bold; font-family: 'Times New Roman', Times, serif; color: #000000; margin-bottom: 2.375rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ar_title .box1 .time span{ font-size:2.5rem; display: flex; font-family: 'Times New Roman', Times, serif; }

.ar_title .box1 .share{}
.ar_title .box1 .share .tt{ text-align: center; font-size: .75rem; color: #707774; margin-bottom: 1.25rem; display: flex; flex-direction: column; align-items: center;}
.ar_title .box1 .share .tt svg{ margin-bottom: 7px; width: 1.5rem; height: 1.5rem;}
.ar_title .box1 .share .tt span{ margin-left: .5rem; white-space: nowrap;}
.ar_title .box1 .share .social-share{ text-align: center;}
.share .social-share .social-share-icon{color: #9ea0a6; border-color: #e0e3e8; font-size: 1rem;}
.share .social-share .social-share-icon:hover{ background: #387238; border-color: #387238; color: #fff;}
.ar_title .box2{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem; font-size: .9375rem;}
.ar_title .box2 .tag{ display: flex; flex-flow: wrap; gap: .75rem;}
.ar_title .box2 .tag span{ display: block; transition: .5s; display: flex; align-items: center; font-size: .875rem; color: #636363; font-weight: 400; justify-content: center; }
.ar_title .box2 p{ margin-bottom: .75rem;}
.wap .share{ display: flex; justify-content: flex-end; align-items: center; }
.wap .share .tt{ display: flex; justify-content: center; align-items: center; }
.wap .share .tt svg{ width: 1.25rem; height: 1.25rem; margin-right: .5rem;}
 
 
.right_tuijian .tt {
	font-size:1.5rem;
	color:#393939; 
	margin-bottom:1.25rem;
}
.right_tuijian ul li a {
	display:flex; gap: 1rem;
	padding:.9375rem 0;
	border-bottom:1px dashed #d5d5d5;
	align-items:center;
}
.right_tuijian ul li .img {
	width:8.75rem;
	flex-shrink:0; 
}
 
.right_tuijian ul li .txt2{ display: grid; gap: .875rem;}
.right_tuijian ul li .txt2 p {
	font-size:1rem;
	line-height:1.375rem; 
	color:#252525; font-weight: 400; overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
	max-height:2.75rem;
	overflow:hidden;
}
.right_tuijian ul li .txt2 h5 {
	font-size:1rem; 
	color:#252525; 
	overflow:hidden;
}
.right_tuijian ul li .txt2 span {
	font-size:.8125rem;
	color:#808080;
	font-family: 'Times New Roman', Times, serif;
	display:flex;
	align-items:center; 
}
.right_tuijian ul li .txt2 span svg {
	width:1rem;
	margin-right:5px;
}
.right_tuijian ul li .img.img2 {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
 

#s_news{ width: 100%; overflow: hidden;}
#s_news .outbox{ display: grid; grid-template-rows:  1fr 9.375rem; height: 100%;}
#s_news .box1{ align-self: center;}
#s_news .box1 .m{ height: auto; display: grid; grid-template-columns: 11.4375rem 50% 1fr;}
#s_news .box1 .tt{
    position: relative;
    padding-left: 1.625rem;
}
#s_news .box1 .tt span{font-size: 3.625rem;color: rgba(179, 179, 179, 0.15);font-family: framd;white-space: nowrap;display: block;transform: rotate(90deg) translateX(-1.875rem) translateY(-1.375rem);transform-origin: left center;position: absolute;left: 0;top: 0;}
#s_news .box1 .tt h3{ font-size: 2.875rem; color: #3a7339; width: 3rem;}
.s_news_for .img{ height: 27.5rem;}
.s_news_nav{}
.s_news_nav ul{ display: grid; grid-auto-rows: 33.33333333333333333%; height: 100%;}
.s_news_nav ul li{ align-self: stretch;  position: relative; z-index: 1; transition: .5s ease;}
.s_news_nav ul li a{ height: 100%; display: flex; flex-direction: column; justify-content: center; padding:0 2.25rem; position: relative; z-index: 1;}
.s_news_nav ul li div{ margin-bottom: 1rem; display: grid; grid-template-columns: 1fr 3.125rem; align-items: center; max-width: 384px;}
.s_news_nav ul li div h5{ font-size: 1.625rem; color: #2a2a2a; font-weight: 400;}
.s_news_nav ul li div i{ display: block; width: 100%; height: 100%; background: url(../images/news_arr.png) center no-repeat; background-size: contain !important;}
.s_news_nav ul li p{ font-size: 1rem; color: #616161; max-width: 384px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.s_news_nav ul li:before{ content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: #eeeeee;}
.s_news_nav ul li:first-child:after{ content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: 0; background: #eeeeee;}
.s_news_nav ul li a:before{ content: ""; display: block; width: 0; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-size: 7.5rem;  }
.s_news_nav ul li.on a:before{ width: 100%; opacity: 1;}
.s_news_nav ul li.on{ margin-left: -5rem;}
.s_news_nav ul li.on div h5{ color: #fff;}
.s_news_nav ul li.on p{ color: #fff;}
.s_news_nav ul li:nth-child(1) a:before{ background: url(../images/s_news_nav_bg01.jpg) right bottom no-repeat #387238; }
.s_news_nav ul li:nth-child(2) a:before{ background: url(../images/s_news_nav_bg02.jpg) right bottom no-repeat #387238; }
.s_news_nav ul li:nth-child(3) a:before{ background: url(../images/s_news_nav_bg03.jpg) right bottom no-repeat #387238; }
.s_news_nav ul li a:before{ background: url(../images/s_news_nav_bg.jpg) right bottom no-repeat #387238; }
.s_news_nav ul li a:before{ background: url(../images/s_news_nav_bg.jpg) right bottom no-repeat #387238; }
#s_news .box2{ background: url(../images/s_news_bg.jpg) center no-repeat; background-size: auto 100%;}
.s_bobao{ display: grid; grid-template-columns: 18rem 1fr; align-items: center; height: 100%;}
.s_bobao .tt{ font-size: 1.625rem; color: #397339; font-weight: 400;}
.s_bobao .bd{ position: relative;}
.s_bobao .bd .arr{ position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 2.5rem; height: 2.5rem;}
.s_bobao .bd .arr_left{ left: -3.25rem;}
.s_bobao .bd .arr_right{ right: -3.25rem;}
.s_bobao .bd .arr:hover path{ fill: #076719;}
.s_bobao .bd .box{ display: flex; align-items: center;}
.s_bobao .bd .time{ font-size: 1.125rem; flex-shrink: 0; color: #3c3c3c; transition: .5s; font-weight: 400; border-right: 2px solid #3c3c3c; margin-right: .625rem; text-align: right; padding-right: .625rem;}
.s_bobao .bd .time span{ font-size: 1.125rem; font-weight: bold; display: block;}
.s_bobao .bd .txt{}
.s_bobao .bd .txt p{ font-size: 1.0625rem; color: #3c3c3c; line-height: 1.375rem; font-weight: 400; transition: .5s;}
.s_bobao .bd .box:hover .txt p{ color: #076719;}
.s_bobao .bd .box:hover .time{ color: #076719; border-right: 2px solid #076719;}

#s_shuzi{ width: 100%; height: 100%; overflow: hidden; background: url(../images/s_shuzi_bg.jpg) center no-repeat; background-size: cover;}
#s_shuzi .m{ max-width: 1500px; display: flex; align-items: center; justify-content: center;}
#s_shuzi .m>div{ width: 100%;}
#s_shuzi .tt{ text-align: center; margin-bottom: 4.625rem;}
#s_shuzi .tt h3{ font-size: 3.5rem; color: #fff;  font-weight: bold;}
#s_shuzi .tt i{ display: block; margin: 0 auto; width: 6.25rem; height: 3px; background: #fff; margin-top: 2.25rem;}
#s_shuzi ul{ display: flex; justify-content: space-between;}
#s_shuzi ul li{ text-align: center; }
#s_shuzi ul li span{ font-size: 7.5rem; color: #accf53;font-family: DINNextLTPro-Bold; }
#s_shuzi ul li p{ font-size: 1.125rem; color: #accf53;  }
#s_shuzi .con{ font-size: 1.125rem; line-height: 2.125rem; color: #fff; margin-top: 5rem; font-weight: 300;}
#s_shuzi .con p{}
#s_shuzi .s_btn{ color: #fff; font-size: 1.25rem; display: inline-block; margin-top: 1.375rem; font-weight: 300;border: 1px solid #fff;
    text-align: center;
    margin: 4rem auto 0;
    width: 12rem;
    display: block;
    padding: 1rem;}
.sanwei_bg{ background: url(../images/s_sanwei_bg.jpg) center no-repeat !important; background-size: cover !important;}
.s_sanwei{ width: 100vw; height: 100vh; color: #fff; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1;}
.s_sanwei .outbox{ display: grid; grid-template-columns: 1fr 1fr; gap: 11rem; padding: 6rem 0; height: 100%;}
.s_sanwei .tt{ justify-self: flex-end; text-align: right; }
.s_sanwei .tt span{ font-size: 5.25rem; color: #fff; font-family:DINCond-Bold; }
.s_sanwei .tt h3{ font-size: 1.75rem; color: #fff; margin-top: .25rem;}
.s_sanwei .txtbox{ align-self: flex-end;}
.s_sanwei ul{ display: grid; gap: 3.125rem; max-width: 225px;}
.s_sanwei ul li{ position: relative; }
.s_sanwei ul li h5{ font-size: 2rem; position: relative;}
.s_sanwei ul li i{ display: block; width: 100%; height: 1px; background: #ffffff; margin: 9px 0;}
.s_sanwei ul li span{ font-size: 1.375rem;}
.s_sanwei ul li .circle{ position: absolute; width: 2.25rem; height: 2.25rem; border-radius: 50%; left: -6.625rem; top: 0;}
.s_sanwei ul li .circle span{ position: absolute; background: #979891; left: 0; top: 24px; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #fff;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale3 4s linear infinite;
    -moz-animation: circleScale3 4s linear infinite;
    -ms-animation: circleScale3 4s linear infinite;
    animation: circleScale3 4s linear infinite;
}
/* .s_sanwei ul li .circle span:nth-child(1){ transform: scale(1);}
.s_sanwei ul li .circle span:nth-child(2){ transform: scale(.6);}
.s_sanwei ul li .circle span:nth-child(3){ transform: scale(.3);  } */

.s_sanwei ul li .circle span:nth-child(1){
    animation-delay: 1s;
  }
.s_sanwei ul li .circle span:nth-child(2) {
    animation-delay: 2s;
  }
.s_sanwei ul li .circle span:nth-child(3) {
    animation-delay: 3s;
  }
  @keyframes circleScale3 {
    0% {
      opacity: 1;
      -webkit-transform: scale(.3);
      -moz-transform: scale(.3);
      -ms-transform: scale(.3);
      transform: scale(.3);
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
.s_sanwei .line{ width: 1px; height: 100%; background: #fff; position: absolute; left: 50%; top: 0;}
.s_sanwei ul li:nth-child(3) .circle{}
#m_nav .title .list dl{ padding:0 1rem;}
#m_nav .title .list dt a{ color: #fff;}
#m_nav .title .list dd{ padding:0 1rem; display: none;}
#m_nav .title .list dt{ display: flex; align-items: center; justify-content: space-between;}
#m_nav .title .list dt.hassub i:before{ content: "+"; color: rgb(255 255 255 / 55%); font-size: 19px;}
/* 
.s_sanwei .tt{ opacity: 0;}
.s_sanwei .txtbox{ opacity: 0;}
.s_sanwei .line{ opacity: 0;} */
.section{ overflow: hidden; position: relative;}
.s_txtanim.onleave{  opacity: 0; }
.s_txtanim.onleave .txt h3{ font-size: 100rem;}
.s_txtanim{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 9; background: #387238; color: #fff; transition: opacity .6s .8s; pointer-events: none; }
.s_txtanim .txt{ height: 100%; display: flex; height: 100%; background-size: cover;  flex-direction: column; align-items: center; justify-content: center; text-align: center;
  }
  .s_txtanim .txt .h3box{ opacity: 1 !important;}
.s_txtanim .txt h3{ transition: all 1000ms ease-in 0s; font-size: 7.25rem;font-family:DINCond-Bold; transition: 1.5s; opacity: 1 !important;  background: url(../images/s_sanwei_bg.jpg) center no-repeat; color: transparent; -webkit-background-clip: text;
}
.s_txtanim .txt i{ display: block; width: 7.5rem; height: 1px; background: #fff; margin:3.75rem 0;}
.s_txtanim .txt h4{ font-size: 2.875rem; font-weight: 400; color: #fff;}

.s_tt{ margin-bottom: 2rem;}
.s_tt h3{ font-size: 2.875rem; color: #3a7339; position: relative; z-index: 2;}
.s_tt span{ font-size: 3.875rem; color: #e7e7e7; opacity: .7; font-family: framd; display: block; margin-top: -2.25rem; margin-left: 1rem;}

 .s_shijie{ width: 100%; height: 100%; overflow: hidden; display: grid; align-items: center; background: url(../images/s_shijie_bg.jpg) left top no-repeat; position: relative; z-index: 1; }
 .s_shijie .m{ height: auto; max-width: 1745px; margin-right: 0; padding-right: 0 !important;}
 .s_shijie:before{ content: ""; display: block; width: 100%; height: 50%; position: absolute; z-index: -1; left: 0; bottom: 0; background: #efefef;}
 .s_shijie .swiper{  margin-right:0 !important;   }
 .s_shijie .box{}
 .s_shijie .img{}
 .s_shijie .img img{}
 .s_shijie .img:after{ padding-top: 88.6%;}
 .s_shijie .txtbox{ background: #fff; padding: 2rem;}
 .s_shijie .txt{ display: grid; grid-template-columns: 29px 1fr; gap: 1rem; align-items: center; border-bottom: 1px solid #a8a8a8; padding-bottom: 1rem;}
 .s_shijie .txt i{ display: block; width: 29px; height: 30px; background: url(../images/s_shijieico.png) center no-repeat; background-size: 100% 100%;}
 .s_shijie .txt h4{ font-size: 1rem; line-height: 1.5rem;}
 .s_shijie .swiper-slide:nth-child(even){ margin-top: 4.375rem;}

 .s_qinnian{ width: 100%; height: 100%; overflow: hidden; background: url(../images/s_qinnian_bg.jpg) center top no-repeat #f6f8f8; display: grid; align-items: flex-end; }
 .s_qinnian .m{ height: auto;  max-width: 1745px; margin-right: 0; padding-right: 0 !important;}
 .s_qinnian .bd{ display: grid; grid-template-columns: 31.5625rem 1fr;  margin-left: 12.5rem; background: #efefef; padding: 2.5rem 0 2.5rem 6.625rem;}
 .s_qinnian .bd .txt{}
 .s_qinnian .bd .s_qinnian_yinhao{ margin-bottom: 1rem; margin-left: -1.375rem; width: 2.125rem;}
 .s_qinnian .bd ul{ display: flex; gap: 1.125rem; }
 .s_qinnian .bd ul li{ width: calc(100% - 25rem);transition: .5s .1s; }
 .s_qinnian .bd ul li .pic{ position: relative; z-index: 1;}
 .s_qinnian .bd ul li img{ object-fit: cover; height: 31.5625rem; display: block;}
 .s_qinnian .bd ul li .pic:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.2); transition: .5s;}
 .s_qinnian .bd ul li.on{ flex-shrink: 0;}
 .s_qinnian .bd ul li.on .pic:before{ opacity: 0;}
 .s_qinnian .bd .tt{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
 .s_qinnian .bd .tt h3{ font-size: 3.125rem; color: #595757; position: relative; margin-bottom: .5rem;}
 .s_qinnian .bd .tt h3:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #595757;}
 .s_qinnian .bd .con{ font-size: 1.0625rem; margin-top: 2rem; line-height: 2.5rem; color: #b5b5b5;}
 .s_qinnian .bd .btn_more{ width: 105px; height: 35px; margin-top: 2.5rem; font-size: 1.125rem; color: #fff; background: #397339; display: flex; align-items: center; justify-content: center; transition: .5s;}
 .s_qinnian .bd .btn_more:hover{ background:#2e652e;}
 .s_qinchun{ overflow: hidden; width: 100%; background: #fff;}
 .s_qinchun .hd{ position: relative; z-index: 99;}
 .s_qinchun .hd .s_tt{ margin-bottom: 0;}
 .s_qinchun .hd .m{ display: flex; justify-content: space-between; align-items: center; max-width: 1560px;}
 .s_qinchun .hd .arrbox{ display: flex; gap: 1.625rem; display: none;}
 .s_qinchun .hd .arr{ width: 4.625rem; height: 2rem; cursor: pointer; background-size: contain !important;}
 .s_qinchun .hd .arr_left{ background: url(../images/arr_left.png) center no-repeat;}
 .s_qinchun .hd .arr_right{ background: url(../images/arr_right.png) center no-repeat;}
 .s_qinchun .bd{ }
 .fp-controlArrow{ opacity: 0 !important;}
.s_sharebox{}

.s_sharebox {
    display: flex;  
    align-items: center;
    position: relative;
    z-index: 10000;
  }
  
  .s_sharebox ul {
    display: flex; gap: 1.25rem;
  }
  
  .s_sharebox ul li {
    position: relative; 
  }
  
  .s_sharebox ul li .ico {
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 50%; background: #397339;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
  }
  .s_sharebox ul li:hover .ico{ background: #025511;}
  .s_sharebox ul li .ico a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .s_sharebox ul li .ico svg {
    max-height:20px; 
  }
  
  .s_sharebox ul li .ico svg path {
    fill: rgba(255, 255, 255, 1);
  }
  
  .s_sharebox ul li .ewmbox {
    position: absolute;
    opacity: 0; transform: translateY(-10px);
    visibility: hidden;
    width: 10rem; 
    right: 0;
    top: calc(100% + 1rem); transition: .5s;
  }
  
  .s_sharebox ul li:hover .ewmbox {
    opacity: 1;
    visibility: visible; transform: translateY(0px);
  }
  
  .s_sharebox ul li .ewm {
    position: relative;
    background: #fff; border-radius: 5px;
    padding: 5px;
    border: 1px solid #ddd;
    padding-bottom: 3px;
  }
  
  .s_sharebox ul li .ewm img {
    width: 8rem; height: 8rem; margin: 0 auto; display: block;
    mix-blend-mode: multiply; position: relative; z-index: 3;
  }
  
  .s_sharebox ul li .ewm p {
    font-size: 1rem;
    text-align: center;
    color: #000; 
    padding-bottom: .5rem; position: relative; z-index: 3;
  }
  .s_sharebox ul li .ewm:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; border-radius: 5px; z-index: 1;}
  .s_sharebox ul li .ewm:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transform: rotate(45deg);
    position: absolute;
    z-index: 1;
    background: #fff;
    right:1rem;
    bottom: 100%;
    margin-bottom: -9px; border-radius: 3px;
  }
  
 
  .s_sharebox ul li:hover .ico {  }
  
#j_pop1 {
    display: block;
    z-index: 9;
    position: fixed;
    bottom: 320px;
    left: 2px;
    border-radius: 5px;
    overflow: hidden;
    width: 18rem;
}
#j_pop1 .box {
    position: relative;
}
#bnt_close_pop1 {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
  .s_qinchun{ display: grid; align-items: center;}
  .s_qinchun .outbox{ display: grid; grid-template-rows: 94px 1fr; gap: 30px;}
  .s_qinchun .bd{}
  .s_qinchun .bd .m{height: auto;  max-width: 1745px; width: auto; margin-right: 0; }
  .s_qinchun .bd .swiper{}
  .s_qinchun .bd .swiper-slide:nth-child(4n+1){ width: 19.0625rem; }
  .s_qinchun .bd .swiper-slide:nth-child(4n+2){ width: 19.0625rem; }
  .s_qinchun .bd .swiper-slide:nth-child(4n+3){ width: 38.625rem; flex-shrink: 1;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+4){ width: 19.0625rem; }

  .s_qinchun .bd .swiper-slide:nth-child(4n+1) .txt{ background: #e8c456;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+2) .txt{ background: #64d89b;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+3) .txt{ background: #8e64e2;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+4) .txt{ background: #54a4d7;}

  .s_qinchun .bd .swiper-slide:nth-child(4n+1) .img:after{ padding-top: 113.4%;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+2) .img:after{ padding-top: 144.26%;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+3) .img:after{ padding-top: 61.588%;}
  .s_qinchun .bd .swiper-slide:nth-child(4n+4) .img:after{ padding-top: 101.6%;}
  .s_qinchun .bd .box{} 
  .s_qinchun .bd .box .lishare{ display: flex; gap: .5rem; display: none;}
  .s_qinchun .bd .box .lishare a{ display: block; width: 1rem; transition: .2s;}
  .s_qinchun .bd .txt{ height: 3.4375rem; display: flex; align-items: center; padding: 0 1rem; justify-content: space-between; opacity: 0; transition: .5s; transform: translateY(5px); transition: .5s ease; transform-origin: top;}
  .s_qinchun .bd .txt h5{ font-size: 1.0rem; color: #fff;}
  .s_qinchun .bd .box .lishare a:hover{ opacity: .7;}
  .s_qinchun .bd .box:hover .txt{ opacity: 1; transform: translateY(0);}
  .pin-spacer{ pointer-events: none;}


 


.l-loader{ width:100vw; height:100vh; position:fixed; z-index:9999999999999;}

.p-loader {
  position: relative;
  width: 100%;
  height: 100%; background:none;
/*  background-color: #f8f9f9;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-loader .p-loader__line {
  position: relative; z-index:9999;
  width: 380px;
  height: 1px;
  background-color: #dfdfdf; opacity:1; transition:.5s;
  overflow: hidden; visibility:visible;
}
.loaded #loader-wrapper .p-loader__line{ opacity:0; visibility:hidden;}
.p-loader .p-loader__line:before, .p-loader .p-loader__line:after {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  display: block;
  width: 250px;
  height: 1px;
}
.p-loader .p-loader__line:before {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px);
    background-image: linear-gradient(-90deg, #387238 20%, #8bae8b 69%, #dce4dc 97%);
    -webkit-animation: LOADING_BEFORE 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: LOADING_BEFORE 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
  
  
  
  .p-loader .p-loader__line:after {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
    background-image: linear-gradient(90deg, #387238 20%, #8bae8b 69%, #dce4dc 97%);
    -webkit-animation: LOADING_AFTER 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: LOADING_AFTER 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }

@media screen and (max-width: 1100px) {
  .p-line__illust {
    width: 81.54545vw;
    height: 49.18182vw;
  }
}

@-webkit-keyframes LOADING_BEFORE {
  0% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px);
  }
  40% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
  100% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
}

@keyframes LOADING_BEFORE {
  0% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px);
  }
  40% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
  100% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
}

@-webkit-keyframes LOADING_BEFORE_SP {
  0% {
    -webkit-transform: translateX(-190px);
            transform: translateX(-190px);
  }
  40% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
  100% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
}

@keyframes LOADING_BEFORE_SP {
  0% {
    -webkit-transform: translateX(-190px);
            transform: translateX(-190px);
  }
  40% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
  100% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
}

@-webkit-keyframes LOADING_AFTER {
  0% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
  60% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
  100% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px);
  }
}

@keyframes LOADING_AFTER {
  0% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
  60% {
    -webkit-transform: translateX(380px);
            transform: translateX(380px);
  }
  100% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px);
  }
}

@-webkit-keyframes LOADING_AFTER_SP {
  0% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
  60% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
  100% {
    -webkit-transform: translateX(-190px);
            transform: translateX(-190px);
  }
}

@keyframes LOADING_AFTER_SP {
  0% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
  60% {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
  }
  100% {
    -webkit-transform: translateX(-190px);
            transform: translateX(-190px);
  }
}

 #loader-wrapper { position: fixed;   top: 0; left: 0; width: 100%; height: 100%; z-index:999999;background:none; opacity:1; }

.loaded #loader-wrapper {
	visibility: hidden; opacity:0;
	-webkit-transition: all 0.3s 1s ease-out;  
			transition: all 0.3s 1s ease-out;
}

 #loader-wrapper .loader-section {
            position: fixed;
            left: 0; right:0;
            width: 100%;
            height: 51%;
            background: #fff;
            z-index: 0;
            -webkit-transform: translateY(0); 
            -ms-transform: translateY(0); 
            transform: translateY(0);
        }
#loader-wrapper .loader-section.section-left {top: 0;}
#loader-wrapper .loader-section.section-right {bottom: 0;}

.loaded #loader-wrapper .loader-section.section-left {
	  -webkit-transform: translateY(-100%); 
		  -ms-transform: translateY(-100%);
			  transform: translateY(-100%);  
	  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
			  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	  -webkit-transform: translateY(100%); 
		  -ms-transform: translateY(100%);
			  transform: translateY(100%);  
	  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #387440 !important; transition: .5s; opacity: .7;}

.fp-viewing-page1 #fp-nav ul li a span, .fp-viewing-page1 .fp-slidesNav ul li a span{ background: #fff !important;}
.fp-viewing-page3 #fp-nav ul li a span, .fp-viewing-page3 .fp-slidesNav ul li a span{ background: #fff !important;}
.fp-viewing-page4-0 #fp-nav ul li a span, .fp-viewing-page4-0 .fp-slidesNav ul li a span{ background: #fff !important;}
.fp-viewing-page4-1 #fp-nav ul li a span, .fp-viewing-page4-1 .fp-slidesNav ul li a span{ background: #fff !important;}

.tc_video{ width:90%; max-width: 800px; margin:0 auto; background:none; position: relative;}
.tc_video #my-video{ position:relative; height: 0; padding-top:60%;}
.tc_video #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tc_video .tc_close{ display:block; position:absolute; top:-2rem; right:-3rem; border-radius:50%;} 
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill; }
.vjs-poster{ background-size: cover !important;}
.tc.act .tc_video {
    animation: fadeInDown .6s forwards ease-out;
}
.s_video .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.s_video{ position: relative;}

.bn_video{ position: absolute; bottom: 3.125rem; right: 7.5rem; z-index: 9;}
.bn_video img{ display: block; width: 15.3125rem;}
.bn_video .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); transition: .5s; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; font-family: Bluu-Next-Cyrillic-2; text-transform: uppercase; font-style: italic; }
.bn_video .mask:hover{ background: rgba(0, 0, 0, 0.2);}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

#s_shuzi .con{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.btn_play{ display: block; width: 5.4375rem; height: 5.4375rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.btn_play+p{ font-size: 1.125rem; text-align: center; margin-top: 3rem;}
.btn_play img{ position: relative; z-index: 99;}
  .btn_play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; border: 1px solid rgba(255, 255, 255, .6);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
  }
  .btn_play span:nth-of-type(2) {
    animation-delay: 1s;
  }
  .btn_play span:nth-of-type(3) {
    animation-delay: 2s;
  }
  .btn_play span:nth-of-type(4) {
    animation-delay: 3s;
  }
  @keyframes circleScale {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
      
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -ms-transform: scale(1.8);
      transform: scale(1.8);
    }
  }
  @keyframes circleScale1 {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      transform: scale(3);
    }
  }
  /*#fp-nav ul li:last-child{ display: none;}*/

 
  #serve_zuzhi .img:after{ padding-top: 41%;}
  #serve_zuzhi .bdbox{ max-width: inherit; width: 100%;}
  .join02_bd ul li .box{ background: #f4f4f4;}
  .join02_hd .img{ height: auto;}
  @media (max-width: 1440px){
    #serve_zuzhi .bdbox{ width: calc(100% - 22rem);}
  }
  @media (max-width: 768px){
    #serve_zuzhi .bdbox {
    width: 100%;
    }
    #serve_zuzhi .arrstyle .bd .arr_left{ margin-left: .5rem;}
    #serve_zuzhi .arrstyle .bd .arr_right{ margin-right: .5rem;}
 #serve_zuzhi .bd{ padding-bottom: 0; margin: 0 9rem;}
 #serve_zuzhi .arrstyle .bd .arr{ top: 50% !important;}
  }

  #index_header{ position: fixed; width: 100%;}
  .pfgg{ position: fixed; top: 10.5rem; right: 0; z-index: 990; width: 17.25rem;}
  .pfgg .close{ position: absolute; right: 0; top: -2.5rem; width: 2rem; cursor: pointer;}
   #n_main .jsimg_box{padding: 0 3rem;}
  .bqy_box{background: #fff;padding-top: 5rem;}
  .bqy_box .jsbt_box{display: flex;justify-content: space-between;padding-bottom: 2.5rem;}
  .bqy_box .jsbt_box .left{max-width: 15.0625rem;display: flex;align-items: center;}
  .bqy_box .jsbt_box .left1{max-width: 20.6875rem;display: flex;align-items: center;}
  .bqy_box .jsbt_box .right{max-width: 15.0625rem;}
  .bqy_box .jsbt_box .right{max-width: 15.0625rem;}
  .sgbqy{padding-bottom:5rem;}
  .sgjs_box{padding-bottom:5rem;}
  .qa ul{display: flex;flex-direction: column;gap: 1.875rem;}
  .qa ul li .bt{margin-bottom: 1.5rem;}
  .qa ul li .bt h1 {background: #c0c0c0;padding: 1.25rem;font-size: 1.25rem;color: #fff;}
  .sgjszf{max-width:1280px;margin:0 auto;padding-bottom:4rem;}
  .sgjszfbt{font-size:2rem;color:#387238;text-align:center;font-weight: bold;padding: 4rem 0 3rem 0;}
  .sgjszf_txt h1{font-size:1.5rem;text-align:center;padding: 1rem 0 .5rem 0;}
  .sgjszf_txt p{font-size:1rem;text-align:center;color:#787878;}
  .news_sigeng ul li:hover .sgjszf_txt{opacity: 0;transition: opacity 0.2s ease-in-out; /* 设置过渡效果的时间为0.5秒 */visibility: hidden;}
    
  .news_sigeng{position:relative;}
  .news_sigeng .sgjt_on{display:none;}
  .news_sigeng .sgjt_left{position: absolute;width: auto;left: 12%;top: 47%;}
  .news_sigeng .sgjt_right{position: absolute;width: auto;right: 12%;top: 47%;}
  .news_sigeng .sgjt_left:hover .sgjt,
  .news_sigeng .sgjt_right:hover .sgjt{display:none;}  
  .news_sigeng .sgjt_left:hover .sgjt_on,
  .news_sigeng .sgjt_right:hover .sgjt_on{display:block;}
  .sgjszf_img{width;}
    .news_sigeng ul li{position:relative;}
  .news_sigeng ul li .zhanshi_on{opacity: 0; position:absolute; top:0;}
  .news_sigeng ul li:hover .zhanshi_on{opacity: 1;transition: opacity 0.3s ease-in-out;}
    .news_sigeng ul li:hover .zhanshi{opacity: 0; transition: opacity 0.3s ease-in-out;}
   .zhanshi_on .sgjszf_img p {position: absolute;text-align: center;top: 50%;transform: translateY(-50%);left: 0;right: 0;    font-size: .95rem;font-weight: 300;color: #fff;}
   .zhanshi_on .sgjszf_img:before{content: "";
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(56, 114, 56, 0.9)
   }
    .m_news_sigeng{display:none;}
    .section8{ display: grid; grid-template-rows: .8fr .5fr; min-height: 100vh; background: #efefef;}
      .s_xuexi{ align-self: center; }
      .s_xuexi ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 1.875rem;}
      .s_xuexi ul li{}
      .s_xuexi ul li .img:after{}
      @media (max-width: 1024px)
      {
        .section8{ height: auto; min-height: inherit; display: block;}
        .s_xuexi{ padding-bottom: 7rem!important;padding-top: 7rem!important;}
      }
      @media (max-width: 768px)
      {
        .s_xuexi ul{ grid-template-columns: 1fr 1fr;}
      }
      @media (max-width: 480px)
      {
        .s_xuexi ul{ gap: 1rem; }
        .s_xuexi{ padding-bottom: 5rem!important;padding-top: 5rem!important;}
      }