.header{
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    background: none;
    z-index: 9999;
}
.header-top{
    /* padding: 0 0 0 40px; */
    /* border-bottom: 1px solid rgba(255,255,255,.25); */
    display: flex;
    justify-content: space-between;
}
.header-top .layui-container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.header .logo{
    padding: 12px 30px;
    background-color: #FFFFFF;
    border-radius: 0 0 25px 25px;
}
.fixed .header .logo, .subpage .header .logo{
    padding: 12px 0px;
}
.header .logo img{
    height: 56px;
}
.header .logo .logo-white{
    display: block;
}

.header .header-right{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    align-items: center;
}

.header .layui-nav{
    background: none;
    font-size: inherit;
    padding: 0;
}
.header .layui-nav-more,
.header .layui-nav-bar{
    display: none!important;
}
.header .layui-nav .layui-nav-item{
    line-height: 0 !important;
}
.header .layui-nav .layui-nav-item>a,
.header .layui-nav .layui-nav-item{
    font-size: inherit;
}
.header .layui-nav .layui-nav-item>a{
    display: inline-block;
    color: #fff;
    border-radius: 20px;
    padding: 0;
    transition: unset;
}
.header .layui-nav .layui-nav-item>a span{
    display: inline-block;
    padding: 18px 15px;
    font-size: 16px;
}
.header .layui-nav .layui-nav-item.active>a,
.header .layui-nav .layui-nav-item>a:hover{
    color: #00235F;
    background-color: #ffffff;
}

.header.fixed .layui-nav .layui-nav-item.active>a,
.header.fixed .layui-nav .layui-nav-item>a:hover{
    background-color: #00235F;
    color: #ffffff;
}
.subpage .header .layui-nav .layui-nav-item>a{
    color: #00235F;
}
.subpage .header .layui-nav .layui-nav-item.active>a,
.subpage .header .layui-nav .layui-nav-item>a:hover{
    background-color: #00235F;
    color: #ffffff;
}
.header.fixed .layui-nav .layui-nav-child{
    background: #fff;
}
.header .layui-nav .layui-anim-upbit {
    -webkit-animation-name: layui-upbit1;
    animation-name: layui-upbit1;
}
@media screen and (max-width: 1123px) {
    .header .layui-nav .layui-nav-item>a{
        border-radius: 18px;
    }
    .header .layui-nav .layui-nav-item>a span{
        padding: 15px 10px;
        font-size: 15px;
    }
}
@media screen and (max-width: 991px) {
    .header .layui-nav{
        display: none;
    }
}

/* header-btn-box  start */
.header-btn-box{
    height: 33px;
    display: flex;
    align-items: center;
}
.header-btn-box .btn i{
    font-size: 20px;
}

.header-btn-box .btn{
    margin-left: 20px;
    cursor: pointer;
}

.layui-nav-child{
    top:50px;
    left:-5px;
}
.layui-nav .layui-nav-child a:hover{
    background-color:#00235F;
    color:#FFFFFF;
}

@media screen and (max-width: 1123px){
    .layui-nav-child{
        top:50px;
        left:-10px;
    }
}
/* header-btn-box  end */
/*menu*/
.menu {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4;
    visibility: hidden;
    transition: 0.7s;
}
.menu-close {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.menu:before {
  content: "";
  width: 120%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background: #FCFDFF;
  z-index: -2;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
}
.header.menu-show .menu {
  visibility: visible;
}
.header.menu-show .menu:before {
  opacity: 1;
  visibility: visible;
  animation: menuShow 2.5s forwards;
}



.header.menu-hidden .menu {
  visibility: hidden;
}
.header.menu-hidden .menu:before {
  opacity: 0;
  visibility: hidden;
  animation: menuHidden 2.5s forwards;
}
@keyframes menuShow {
    0% {
        transform: scale(0);
        border-radius: 0 0 0 100%;
    }
    30%{
        border-radius: 0 0 0 100%;
    }
    50% {
        transform: scale(1);  
    }
    100% {
        transform: scale(1);
        border-radius: 0;
    } 
}
@keyframes menuHidden {
    0% {
        transform: scale(1);
        border-radius: 0;
    }
    50%{
        transform: scale(1);
    }
    30% {
        border-radius: 0 0 0 100%;
    }
    100% {
        transform: scale(0);
        border-radius: 0 0 0 100%;
    } 
}

/*menu END*/

.header.fixed{
    position: fixed;
    top: -100%;
}
.header.fixed .header-top{
    /*display: none;*/
    background: #fff;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 15%); */
    color: #00235F!important;
}
.subpage .header-top{
    /*display: none;*/
    background: #fff;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 15%); */
    color: #00235F!important;
}
.header.fixed .layui-nav .layui-nav-item>a{
    color: #00235F;
}
.header.fixed .layui-nav .layui-nav-more{
    border-color: #00235F transparent transparent!important;
}
.header.fixed .header .header-right .role-list a:not(:last-child):after{
    border-color: rgba(0, 0, 0, .5);
}
.header.fixed .header .logo-white{
    display: none;
}
.header.fixed .header .logo-black{
    display: block;
}
.header.fixed.show{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: top  .3s;
    -o-transition: top  .3s;
    transition: top  .3s;
    background-color: #FFFFFF;
}


@media screen and (max-width: 767px) {
    .header .logo img{
        height: 40px;
    }
    .header-top .language-btn{
        margin-right: 10px;
    }
    .header-top .menu-toggle{
        padding: 0 22px;
    }
    .header-top .search-btn .text,
    .header-top .menu-toggle .text{
        display: none;
    }
    .header-top .menu-toggle .toggle-iconfont,
    .header-top .search-btn .iconfont{
        margin-right: 0;
    }
    .header .layui-nav{
        padding: 0 10px!important;
    }

}
.layui-nav .layui-this:after{
    content: unset;
}
.nav-intro{
    position:relative;

}
.nav-intro .sub-menu{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    top: 40px;
    min-width: 100%;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    height:0px;
    transition:all .3s;
    overflow:hidden;
}
.nav-intro .sub-menu-item{
    line-height:36px;
}
.nav-intro .sub-menu-item a{
    display: block;
    padding: 0 20px;
    color:#333;
}
.nav-intro:hover .sub-menu{
    padding-top: 5px;
    height:190px;
}
.nav-intro .sub-menu-item:hover a{
    background-color:#00235F;
}
/*header END*/




/*banner*/
.banner{
    height: 46.87vw;
}
@media screen and (max-width: 1300px) {
    .banner{
        height: 52vw;
    }
}
@media screen and (max-width: 1123px) {
    .banner{
        height: 58vw;
    }
}
@media screen and (max-width: 991px) {
    .banner{
        height: 60vw;
    }
}
@media screen and (max-width: 556px) {
    .banner{
        height: 70vw;
    }
    .banner-more .more-btn{
        padding: 5px 20px;
        border-radius: 20px;
    }
}
@media screen and (max-width: 413px) {
    .banner{
        height: 80vw;
    }
    
}
.banner .swiper-container {
    width: 100%;
    height: 100%;
}
.banner .swiper-slide {
    background-size: cover;
    color: #fff;
    background-position: center center;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.banner img{
    width: 100%;
}
.banner .swiper-pagination{
    position: absolute;
    bottom: 145px;
    z-index: 10;
    
}
.banner .swiper-pagination-bullet{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    opacity: 0.5;
    transition: all .3s;
    margin-right: 4px;
}
.banner .swiper-pagination-bullet-active{
    width: 60px;
    opacity: 1;
}
@media screen and (max-width: 991px) {
    .banner .swiper-pagination{
        bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .banner .swiper-pagination{
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    
}
@media screen and (max-width: 414px) {
    .banner .swiper-pagination{
        bottom: 8px;
    }
}
/*banner END*/

/*banner-box*/
.banner-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 9;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 115px;
}
.banner-box .banner-text{
    text-align: left;
    max-width: 70%;
}
.banner-box .banner-title{
    font-size: 54px;
    letter-spacing: 2px;
}
.banner-box .banner-desc{
    font-size: 20px;
    margin-top: 20px;
    line-height: 1.8em;
    letter-spacing: 2px;
}
.banner-box .banner-more{
    margin-top: 40px;
}
.banner-box .banner-more .single-link{
    color: #fff;
}
@media screen and (max-width: 1600px) {
    .banner-box .banner-title{
        font-size: 54px;
    }
    .banner-box .banner-desc{
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .banner-box .banner-text{
        max-width: 70%;
    }
}
@media screen and (max-width: 991px) {
    .banner-box{
        padding-bottom: 0;
    }
    .banner-box .banner-text{
        max-width: 70%;
    }
    .banner-box .banner-title{
        font-size: 46px;
    }
    .banner-box .banner-desc,
    .banner-box .banner-more{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .banner-box{
        padding-top: 64px;
        padding-bottom: 20px;
    }
    .banner-box .banner-text{
        max-width: 100%;
        text-align: center;
    }
    .banner-box .banner-title{
        font-size: 38px;
    }
    .banner-box .banner-desc,
    .banner-box .banner-more{
        font-size: 16px;
    }
    .banner-box .banner-more .single-link{
        justify-content: center;
    }
}
@media screen and (max-width: 556px) {
    
    .banner-box .banner-title{
        font-size: 28px;
    }
    .banner-box .banner-desc{
        margin-top: 15px;
    }
    .banner-box .banner-more{
        margin-top: 25px;
    }
}
@media screen and (max-width: 413px){
    .banner-box .banner-title{
        font-size: 24px;
    }
    .banner-box .banner-desc{
        font-size: 14px;
        margin-top: 10px;
    }
    .banner-box .banner-more{
        margin-top: 15px;
    }
}
/*banner-box END*/

/*block*/
.block{
    padding: 60px 0;
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* overflow: hidden; */
    background: #f8f8f8;
}
.small-block{
    padding: 40px 0;
}
@media screen and (max-width: 991px) {
    .block{
        padding: 50px 0;
    }
}
@media screen and (max-width: 767px){
    .block{
        padding: 40px 0;
    }
    .small-block{
        background: #fff!important;
    }
}
.block.grey{
    background-color: #F8F2EA;
}
.block.blue{
    background-color: #00235F;
}
.block.bg .layui-container,.block.color_white .layui-container{
    z-index: 2;
    position: relative;
    color: #fff;
}
.block p{
    margin-bottom: 10px;
}
.block-temp{
    padding: 0!important;
    height: 60px;
}
/*block END*/
/*footer*/
.footer{
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.5;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.footer a{
    color: rgba(255,255,255,.75);
}
.footer a:hover{
    color: #FFBD07;
    text-decoration: underline;
}
.footer .copyright{
    padding: 15px 0;
    border-top: 1px solid rgba(0,0,0,.15);
}
.footer-top{
    padding: 40px 0 30px;
}
.footer-top .title{
    color: rgba(255,255,255,.9);
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 18px;
    position: relative;
}
.footer-top .title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #FFBD07;
}
.footer-top ul li{
    margin-bottom: 8px;
}
.footer-top .has-icon li{
    padding-left: 24px;
    position: relative;
}
.footer-top ul li .iconfont{
    position: absolute;
    left: 0;
    font-size: 14px;
}
.footer-top .column-2{
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
}

.flex-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.35);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.flex-logo img{
    max-width: 20%;
    width: 180px;
}   

.footer-top .qrcode{
    display: flex;
    justify-content: flex-end;
}
.footer-top .box{
    max-width: 120px;
    font-size: 12px;
}
.footer-top .box+.box{
    margin-left: 20px;
}
.footer-top .qrcode-item{
    padding: 5px;
    background: #fff;
    max-width: 120px;
}
.footer-top .qrcode-item+.qrcode-item{
    margin-left: 20px;
}
.footer-top .footer-scoial-links{
    width: 100%;
    display: flex;
    align-items: center;
}
.footer-top .footer-scoial-links li a{
    display: block;
    margin-right: 13px;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 12px;
}
.footer-top .footer-scoial-links li .iconfont {
    position: unset;
    left: unset;
    font-size: 16px;
}
.footer-top .footer-scoial-links li a{
    text-decoration: none;
}
.footer-top .footer-scoial-links .qr-box-item{
    position: relative;
}
.footer-top .footer-scoial-links .qr-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 0px;
    position: absolute;
    top: 35px;
    left: -55px;
    background-color: #FFFFFF;
    transition: all .3s;
    overflow: hidden;
} 
.footer-top .footer-scoial-links .qr-box img{
    width: 130px;
    height: 130px;
}
.footer-top .footer-scoial-links .qr-box-item:hover .qr-box{
    height: 140px;
}
@media screen and (max-width: 767px){
    .footer-top .qrcode{
        justify-content: flex-start;
    }
}
@media screen and (max-width: 567px) {
    .footer-top{
        padding: 20px 0;
    }
    .flex-logo{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .footer-top .title{
        font-size: 16px;
    }
    .footer-top .column-2{
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0px;
    }
}

/*footer END*/



#button-to-top {
    /*background: #CC0100;*/
    background: #00235F;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 997;
    display: none;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    color: #eee;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    opacity: .75;
}
#button-to-top:hover{
    opacity: 1;
}
.qr-box{
    width: 120px;
    height: 120px;
}
.qr-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*footer END*/
.anchor {
    position: relative;
    display: block;
    padding-top: 60px;
    margin-top: -60px;
    /* z-index: -1; */
}

.overlay-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.45);
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.overlay-box .iconfont{
    display: inline-block;
    font-size: 24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: rgba(255, 255, 255, .75);
    border-radius: 24px;
    color: #00235F;
}
.slide:hover .overlay-box{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*slide*/
.slide{
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    top: 0;
    background: #F6F8F9;
    height: 100%;
}
.block.grey .slide,.block.bg .slide{
    background: #fff;
}
.slide a{
    text-decoration: none;
    color: #333;
}
.slide:hover {
    -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
}
.slide:hover a{
    color: #CC0100;
}
.slide .img-box{
    height: 0;
    padding-bottom: 66.666666%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.slide .img-box .img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slide .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.slide:hover .img-box img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slide .text-box{
    padding: 20px;
    position: relative;
}
.slide .text-box h4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    max-height: 28px;
    font-size: 18px;
}
.slide .text-box .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    max-height: 44px;
    margin-top: 0;
}
.slide .text-box .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    font-size: 13px;
    max-height: 60.5px;
    color: #828589;
}
.slide .text-box .time{
    display: block;
    font-size: 13px;
    color: #828589;
    margin-top: 20px;
    padding-top: 5px;
}
.slide .text-box .other{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.slide .text-box .other .category{
    background: rgba(60,120,198,.1);
    color: rgba(60,120,198,.75);
    padding: 1px 15px;
    font-size: 12px;
    border-radius: 30px;
}


@media screen and (max-width: 991px) {
    .slide .text-box{
        padding: 15px;
    }
}
/*slide-END*/

/*.layui-layer*/
.layui-layer .layui-layer-setwin{
    top: 16px;
    right: 40px;
}
.layui-layer .layui-layer-setwin .layui-layer-close2{
    top: 0px;
    right: 0px;
    background: none;
    position: relative;
    text-align: center;
    line-height: 50px;
    transition: all .5s;
    color: #333;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 28px;
}
.layui-layer .layui-layer-setwin .layui-layer-close2:after{
    content: "\e60b";
    font-family: 'iconfont';
}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{
    color: #00235F;
}
@media screen and (max-width: 767px) {
    .layui-layer .layui-layer-setwin{
        top: 20px;
        right: 0px;
    }
    .layui-layer .layui-layer-setwin .layui-layer-close2{
        width: 36px;
        height: 36px;
        font-size: 18px;
        line-height: 36px;
    }
}


.layui-layer.tc-fullpage{
    border-radius: 0;
    background: unset;
    box-shadow: none;
    background: #fff;
    overflow: hidden;
    top: 0 !important;
}
.layui-layer.tc-fullpage .tc-head{
    display: flex;
    justify-content: space-between;
}
.layui-layer.tc-fullpage .close-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #00235F;
    font-size: 16px;
    padding: 0 5% 0 30px;
    background: #E3E5E4;
    font-weight: bold;
}
.layui-layer.tc-fullpage .close-btn:hover{
    color: #00235F;
}
.layui-layer.tc-fullpage .close-btn .iconfont{
    font-size: 20px;
    /* margin-right: 10px; */
}
.layui-layer.tc-fullpage .logo{
    padding: 12px 0;
    padding-left: 40px;
}
.layui-layer.tc-fullpage .logo img{
    height: 56px;
}

.layui-layer.tc-fullpage .layui-layer-content{
    padding: 0px;
    display: flex;
    /* height: 70vh!important; */
    overflow: hidden;
    height: auto !important;
}
.layui-layer.tc-fullpage .layui-layer-content .tc-box{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.layui-layer.tc-fullpage .layui-layer-content .tc-box.search-container{
    height: 100vh;
}
.layui-layer.tc-fullpage .layui-layer-content .tc-box .tc-body{
    flex: 1;
    background: #E3E5E4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .layui-layer.tc-fullpage .logo{
        padding-left: 5%;
    }
    .layui-layer.tc-fullpage .logo img{
        height: 40px;
    }
    .nav-container .nav-wrapper{
        padding: 0 5%;
    }
}

/*search-container*/
.layui-layer.tc-fullpage .search-container .container{
    max-width: 800px;
    margin: 0 auto;
    flex: 1;
}
.layui-layer.tc-fullpage .search-container .input-box{
    position: relative;
    margin-bottom: 30px;
    display: flex;
    margin:  0 -2px;
}
.layui-layer.tc-fullpage .search-container .input-box>*{
    margin: 0 2px;
}
.layui-layer.tc-fullpage .search-container .layui-input{
    height: 60px;
    border: 0;
    padding: 10px 20px;
    background: #fff;
    border-radius: 0;
}
.layui-layer.tc-fullpage .search-container .layui-form-select .layui-input{
    padding-right: 36px;
}
.layui-layer.tc-fullpage .search-container .layui-form-select{
    width: 50%;
}
.layui-layer.tc-fullpage .search-container .layui-form-select dl{
    top: 60px;
    border-radius: 0;
}
.layui-layer.tc-fullpage .search-container .form-submit{
    outline: none;
    border: 0;
    font-size: 22px;
    cursor: pointer;
    z-index: 3;
    color: #fff;
    background: #00235F;
    padding: 0 20px;
}


.layui-layer.tc-fullpage .search-container .search-title{
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: normal;
    color: #9E9E9E;
    margin-top: -100px;
}
.layui-layer.tc-fullpage .search-container .popular-search{
    margin-top: 40px;
}
.layui-layer.tc-fullpage .search-container .popular-search .title{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 31px;
    /* margin-bottom: 15px; */
}
.layui-layer.tc-fullpage .search-container .popular-search ul li{
    list-style: none;
    margin-bottom: 2px;
}
.layui-layer.tc-fullpage .search-container .popular-search ul li a{
    color: #333;
}
.layui-layer.tc-fullpage .search-container .popular-search ul li a:hover{
    color: #00235F;
    text-decoration: underline;
}
.layui-layer.tc-fullpage .search-container .popular-search {
    display: flex;
}
.layui-layer.tc-fullpage .search-container .popular-search .hot-search-list{
    flex: 1;
    margin-left: 8px;
}
.layui-layer.tc-fullpage .search-container .popular-search .hot-search-list .item{
    display: inline-block;
    color: #00235F;
    padding: 5px 15px;
    border-radius: 18px;
    background-color: rgba(204,1,0,.1);
    font-size: 14px;
    margin-right: 8px;
    margin-bottom: 10px;
}
/*search-container END*/


/*nav-container*/
.layui-layer.tc-fullpage .nav-container .close-btn{
    background: #FFFFFF;
}
.nav-container .tc-head{
    border-bottom: 1px solid #EAEBED;
}
.nav-container .tc-head,
.nav-container .tc-body{
    background: none!important;
}
.nav-container .tc-body{
    flex-direction: row;
    align-items: unset!important;
    justify-content: unset!important;
    padding: 0!important;
}
.nav-container .tc-body .right-wrapper{
    background: #00235F;
    color: #fff;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    padding-bottom: 60px;
}
.nav-container .tc-body .role-list{
    flex: 1;
    text-align: center;
}
.nav-container .tc-body .role-list .item{
    color: #fff;
    display: block;
    padding: 15px 10px;
}
.nav-container .tc-body .role-list .item .iconfont{
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    border: 1.5px solid #fff;
    margin-bottom: 10px;
    border-radius: 60px;
    transition: all .5s;
}
.nav-container .tc-body .role-list .item:hover .iconfont{
    background: rgba(255, 255, 255, .65);
    border-color: rgba(255, 255, 255, .65);
    color: #1d1f22;
}

.nav-container .tc-body .role-list .item span{
    display: block;
}

.nav-container .nav-wrapper{
    flex: 1;
    display: flex;
    /* margin: 0 -2vw; */
    /* padding: 0 40px; */
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-delay: .2;
    animation-delay: .2;
    /* margin-bottom: 60px; */
}
.nav-container .nav-wrapper .nav-col-0{
    width: 100%;
    /* max-width: 340px; */
    /* border-right: 1px solid #EAEBED; */
    padding: 0 5%;
}
.nav-container .layui-layer-content{
    height: auto !important;
}
.nav-list .nav-item{
    cursor: pointer;
    font-size: 16px;
    padding:  0;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #EAEBED;
    display: block;
}
.nav-list .nav-item span{
    padding:20px 0;
    display: inline-block;
    position: relative;
}

.nav-list .nav-item:hover span,
.nav-list .nav-item.active span{
    color: #00235F;
}

.nav-container .nav-wrapper .nav-col-1{
    width: 50%;
    max-width: 500px;
    padding: 0 2vw;
}
.nav-container .nav-child-desc{
    margin-bottom: 40px;
}
.nav-container .nav-child-list .title{
    font-size: 20px;
    margin-bottom: 10px;
    color: #00235F;
}
.nav-container .nav-child-list .desc{
    color: #4d4d4f;
}
.nav-container .nav-child-list .child-item{
    font-size: 20px;
    margin-bottom: 5px;
    cursor: pointer;
}
.nav-container .nav-child-list .child-item .iconfont{
    opacity: 0;
    left: 0;
    transition: all .5s;
    position: relative;
}
.nav-container .nav-child-list .child-item:hover {
    color: #00235F;
}
.nav-container .nav-child-list .child-item:hover .iconfont{
    left: 5px;
    opacity: 1;
}

.nav-container .tc-body .bottom{
    display: flex;
    border-top: 2px solid #E3E3E1;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    height: 60px;
    opacity: 0;
    animation: showBottom .5s 1s forwards;
}
@keyframes showBottom {
  0% {
    opacity: 0;
    bottom: -60px;
  }

  100% {
    opacity: 1;
    bottom: 0px;
  }
}
.nav-container .tc-body .bottom .left{
    flex: 1;
    padding: 0 40px;
}
.nav-container .tc-body .bottom .left ul li{
    display: inline-block;
}
.nav-container .tc-body .bottom .left ul li+li{
    margin-left: 30px;
}
.nav-container .tc-body .bottom .left ul li a{
    color: #4d4d4f;
    height: 58px;
    line-height: 58px;
}
.nav-container .tc-body .bottom .left ul li a .iconfont {
    margin-right: 5px;
}
.nav-container .tc-body .bottom .right{
    width: 120px;
    text-align: center;
    padding: 0 5px;
}
.nav-container .tc-body .bottom .right a{
    color: #fff;
    display: inline-block;
    padding: 0 2px;
    height: 58px;
    line-height: 58px;
}
.mobile-menu{
    display: none;
}
.nav-wrapper .child-nav{
    width:100%;
    height:0;
    background-color:rgba(16,47,169,.1);
    transition:all .3s;
    overflow:hidden;
}
.nav-wrapper .child-nav .item{
    padding:15px 0;
    border-bottom:1px solid rgba(16,47,169,.3);
}
.nav-wrapper .child-nav .item:last-child{
    border-bottom:none;
}
.nav-wrapper .child-nav .item a{
    font-size:14px;
}
.nav-wrapper .child-nav .item:hover a{
    color:#00235F;
}
.nav-item-active .child-nav{
    height:219px;
}
.nav-item .layui-icon-down{
    display:inline-block;
}
.nav-item .layui-icon-up{
    display:none;
}
.nav-item-active .layui-icon-down{
    display:none;
}
.nav-item-active .layui-icon-up{
    display:inline-block;
}

@media screen and (max-width: 991px) {
    .mobile-menu{
        display: block;
    }
    .nav-list .nav-item{
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .nav-list .nav-item{
        font-size: 16px;
    }
    .nav-container .nav-wrapper .nav-col-0{
        padding: 0;
    }
    .layui-layer.tc-fullpage .search-container .search-title{
        font-size: 22px;
        margin-bottom:20px;
    }
    .layui-layer.tc-fullpage .search-container .layui-input{
        height: 46px;
    }

}
/*nav-container END*/

/*弹窗动画*/
.layer-anim-01 {
    -webkit-animation-name: slideInDown!important;
    animation-name: slideInDown!important;
    -webkit-animation-duration: .6s!important;
    animation-duration: .6s!important;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.layui-layer.tc-fullpage.layer-anim-close {
    -webkit-animation-name: slideOutUp!important;
    animation-name: slideOutUp!important;
    -webkit-animation-duration: .6s!important;
    animation-duration: .6s!important;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/*弹窗动画 END*/
/*.layui-layer tc-fullpage END*/
/* index_title START  */
.index_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.index_title .title-box{
    color: #00235F;
}
.index_title.white .title-box{
    color: #FFFFFF;
}
.index_title .title-box .title{
    font-weight: 800;
    font-size: 24px;
}
.index_title .title-box .en-title{
    font-size: 12px;
    opacity: .7;
}
@media screen and (max-width:556px) {
    .index_title .title-box .en-title{
        display: none;
    }
}
/* index_title END  */
/* notice_wrap START */
.block.notice{
    padding-top: 0;
    padding-bottom: 0;
}
.notice .index_title{
    margin-bottom: 40px;
}
.notice_wrap{
    position: relative;
    top: -115px;
    padding: 30px;
    margin: 0 -30px;
    background-color: #FFFFFF;
    z-index: 99;
}
.notice_wrap .notice-list{
    display: flex;
    margin-bottom: 10px;
}
.notice_wrap .notice-list .item{
    display: flex;
    width: 50%;
    align-items: center;
    border-right: 1px solid #D1D1D1;
}
.notice_wrap .notice-list .item:last-child{
    padding-left: 40px;
    border: none;
}
.notice_wrap .notice-list .item:last-child .content{
    padding: 0 0 0 20px;
}
.notice_wrap .notice-list .item .date-box{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 85px;
    height: 85px;
    box-shadow: 0px 2px 11px 0px rgba(198, 197, 197, 0.5);
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    transition: all .3s;
}
.notice_wrap .notice-list .item .date-box .day{
    font-size: 26px;
}
.notice_wrap .notice-list .item .content{
    flex: 1;
    padding: 0 40px 0 20px;
}
.notice_wrap .notice-list .item .content .title{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.notice_wrap .notice-list .item .content .text{
    color: #9E9E9E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.notice_wrap .notice-list .item:hover .date-box{
    background-color: #00235F;
    color: #FFFFFF;
}
@media screen and (max-width: 991px)  {
    .block.notice{
        padding: 50px 0;
        background-color: #FFFFFF !important;
    }
    .notice_wrap{
        position: unset;
        top: -115px;
        padding: 0px;
        margin: 0;
    }
}
@media screen and (max-width: 767px){
    .notice_wrap .notice-list{
        flex-direction: column;
    }
    .notice_wrap .notice-list .item{
        width: 100%;
        margin-bottom: 20px;
        border-right: none;
    }
    .notice_wrap .notice-list .item .content {
        padding: 0 0px 0 20px;
    }
    .notice_wrap .notice-list .item:last-child{
        padding-left: 0;
        margin-bottom: 0;
    }

}
/* notice_wrap END */
/* dynamics START */
.block.dynamics{
    margin-top: -50px;
    padding-top: 0;
}
.dynamics-item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
    border-radius: 10px;
}
.dynamics-item::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: linear-gradient(180deg, #141678 0%, #113ECA 100%);
    opacity: 0;
    transition: all .3s;
    z-index: 0;
    border-radius: 10px;
}
.dynamics-item .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 90px;
    background: url('../images/dynamics_bg.png') no-repeat;
    background-size: contain;
    z-index: 1;
}
.dynamics-item .icon-box img{
    width: 45px;
}
.dynamics-item .icon-box .hover-img{
    display: none;
}
.dynamics-item .title{
    font-weight: 600;
    color: #00235F;
    font-size: 18px;
    margin: 30px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    z-index: 1;
}
.dynamics-item .text{
    color: #9E9E9E;
    line-height: 1.8em;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 75px;
    z-index: 1;
}
.dynamics-item .time{
    margin-top: 25px;
    color: #00235F;
    font-size: 16px;
    z-index: 1;
}

.dynamics-item:hover .title{
    color: #ffffff;
    
}
.dynamics-item:hover .text{
    color: rgba(255, 255, 255, .75);
}
.dynamics-item:hover .time{
    color: #ffffff;
}
.dynamics-item:hover .icon-box{
    background: url('../images/dynamics_white_bg.png') no-repeat;
    background-size: contain;
}
.dynamics-item:hover .icon-box .img{
    display: none;
}
.dynamics-item:hover .icon-box .hover-img{
    display: inline-block;
}
.dynamics-item:hover::after{
    opacity: 1;
}
@media screen and (max-width: 991px){
    .block.dynamics{
        margin-top: 0px;
        padding-top: 50px;
    }
}
@media screen and (max-width: 767px){
    .dynamics-item .text{
        min-height: unset;
    }
}
/* dynamics END */
/* cultivation START  */
.cultivation-list{
    margin-top: 50px;
}
.cultivation-list .item{
    display: block;
    width: 100%;
    padding: 30px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size:130px 130px;
    background-position:top 40px right 30px ;
}
.cultivation-list .item-box:nth-of-type(2n) .item{
    background-color: #EBF1FD;
}
.cultivation-list .item .top{
    margin-bottom: 70px;
}
.cultivation-list .item .img-box{
    position: relative;
    width: 68px;
    height: 68px;
}
.cultivation-list .item .img-box .img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: o;
}
.cultivation-list .item .img-box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cultivation-list .item .bottom{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    
}
.cultivation-list .item .bottom .title-box .title{
    font-size: 18px;
}
.cultivation-list .item .bottom .title-box .en-title{
    color: #9E9E9E;
    font-size: 12px;
    line-height: 12px;
}
.cultivation-list .item .bottom i{
    color: #00235F;
    font-size: 12px;
}
@media screen and (max-width:991px) {
    .cultivation-list .item-box:nth-of-type(2n) .item{
        background-color: unset;
    }
    .cultivation-list .item-box:nth-of-type(2) .item{
        background-color: #EBF1FD;
    }
    .cultivation-list .item-box:nth-of-type(3) .item{
        background-color: #EBF1FD;
    }
    .cultivation-list .item-box:nth-of-type(6) .item{
        background-color: #EBF1FD;
    }
}
@media screen and (max-width:767px) {
    .cultivation-list .item-box .item{
        background-color: unset !important;
        padding: 20px;
        background-size:100px 100px;
        background-position:top 35px right 20px ;
    }
    .cultivation-list .item-box .item{
        background-color: #FFFFFF !important;
    }
    .cultivation-list .item-box:nth-of-type(2n) .item{
        background-color: #EBF1FD !important; 
    }
    .cultivation-list .item .top{
        margin-bottom: 50px;
    }
}
/* cultivation END  */
/* serve START */
.serve-item{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, .5);
    transition: all .3s;
}
.serve-item .img-box{
    position: relative;
    width: 180px;
    height: 180px;
    margin-right: 20px;
}
.serve-item .img-box .img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.serve-item .img-box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.serve-item .date-box{
    padding: 25px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
}
.serve-item .date-box .day{
    font-size: 36px;
    line-height: 1em;
}
.serve-item .date-box .year{
    color: rgba(255, 255, 255, .65);
}
.serve-item .content-box{
    flex: 1;
}
.serve-item .content-box .title{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 800;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.serve-item .content-box .text{
    color: rgba(255, 255, 255, .75);
    line-height: 1.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.serve-item:hover{
    background: #EBF1FD;
}
.serve-item:hover .content-box .title{
    color: #333333;
}
.serve-item:hover .content-box .text{
    color: #9E9E9E;
}
@media screen and (max-width:556px) {
    .serve-item{
        flex-direction: column;
       
    }
    .serve-item .img-box{
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        margin-right: 0;
    }
    .serve-item .content-box{
        margin-top: 20px;
        flex: unser;
        width: 100%;
    }
    .serve-item .content-box .title{
        -webkit-line-clamp: 1;
        margin-bottom: 10px;
    }
    
}
@media screen and (max-width:420px){
    .serve-item{
        padding: 15px;
    }
}
/* serve END */
/* show START */
.fruit-show{
    margin-top: 110px;
    display: flex;
    justify-content: space-between;
}
.fruit-show .btn-box{
    width: 200px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fruit-show .swiper-container{
   flex: 1;
}
.fruit-show-list .item{
    position: relative;
    display: block;
    width: 100%;
}
.fruit-show-list .item .img-box{
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 130%;
}
.fruit-show-list .item .img-box .img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fruit-show-list .item .img-box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fruit-show-list .item .title-box{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    text-align: center;
}
.fruit-show-list .item .title-box .title{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.fruit-show-wrap{
    position: relative;
}
.fruit-show-wrap::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    width: 30%;
    height:calc(100% - 150px) ;
    background-color: #ECECEC;
    z-index: 0;
}
.fruit-show .btn-box .swiper-btn-prev{
    margin-bottom: 40px;
}
.fruit-show .btn-box .swiper-btn-prev,.fruit-show .btn-box .swiper-btn-next{
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    color: #00235F;
    text-align: center;
    line-height:60px;
    border-radius: 50%;
    font-weight: 800;
    font-size: 20px;
    cursor: pointer;
    transition: all .3s;
}
.fruit-show .swiper-button-disabled{
    opacity: .65;
}
@media screen and (max-width:991px){
    .fruit-show-wrap::after{
        width: 40%;
    }
}
@media screen and (max-width:767px){
    .fruit-show-wrap::after{
        width: 50%;
    }
}
@media screen and (max-width:567px){
    .fruit-show .btn-box{
        display: none;
    }
    .fruit-show-wrap::after{
        display: none;
    }
    .fruit-show{
        margin-top: 0;
    }
}
/* show END */
/* banner-bg START */
.banner-bg{
    margin-top: 80px;
    width: 100%;
    height: 310px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-bg .bg-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.banner-bg .bg-inner .bg-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
}
.banner-bg .bg-inner .bg-content .title{
    font-size: 28px;
    letter-spacing: 2px;
}
.banner-bg .bg-inner .bg-content .en-title{
    font-size: 12px;
    opacity: .5;
    letter-spacing: 3px;
    margin: 5px 0;
}
.banner-bg .bg-inner .bg-content .line{
    width: 36px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 18px;
}
@media screen and (max-width:767px){
    .banner-bg{
        margin-top: 64px;
        height: 230px;
    }
    .banner-bg .bg-inner .bg-content .title{
        font-size: 22px;
        letter-spacing: 1px;
    }
    .banner-bg .bg-inner .bg-content .line{
        width: 30px;
        height: 2px;
        background: #FFFFFF;
        border-radius: 15px;
    }
}
@media screen and (max-width:556px){
    .banner-bg .bg-inner .bg-content .title{
        font-size: 20px;
    }
    .banner-bg{
        margin-top: 64px;
        height: 180px;
    }
    
}
/* banner-bg END */
/* menu-wrap START */
.menu-title{
    font-size: 20px;
    font-weight: 800;
    border-bottom: 1px solid #DBDEE4;
    padding:20px 30px;
}
.menu-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.menu-wrap .item{
    position: relative;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    margin-bottom: 12px;
    z-index: 1;
}

.menu-wrap .item .name{
    font-size: 16px;
}
.menu-wrap .item i{
    display: none;
}
.menu-wrap .item::after{
    position: absolute;
    top: 0;
    left: 0;
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(315deg, #113DC8 0%, #141A81 100%);
    opacity: 0;
    transition: all .3s;
    z-index: -1;
}
.menu-wrap .item:hover::after,.menu-wrap .item.active::after{
    opacity: 1;
}
.menu-wrap .item:hover,.menu-wrap .item.active{
    color: #FFFFFF;
}
.menu-wrap .item:hover i,.menu-wrap .item.active i{
    display: block;
}
.menu-wrap .item.active::after{
    opacity: 1;
}

/* menu-wrap END */
/*.menu-mobile*/
.menu-mobile-block{
    display: none;
    z-index: 999;
    margin-bottom: 30px;
}
.menu-mobile{
    position: relative;
    display: block;
    font-size: 18px;
    background: #fff;
    padding: 0!important;
}
.menu-swiper{
    position: relative;
}
.menu-mobile .swiper-slide{
    width: auto;
    padding: 16px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
}
.menu-mobile .swiper-slide:hover,
.menu-mobile .swiper-slide.active{
    background: linear-gradient(315deg, #113DC8 0%, #141A81 100%);
    color: #fff;
}
/*.menu-mobile END*/
@media screen and (max-width: 991px) {
    .block.mobile{
        padding-top: 0;
    }
    .menu-block{
        display: none;
    }
    .menu-mobile-block{
        display: block;
    }
}
/* dynamics-list START */
.dynamics-list,.announcement-list{
    padding-left: 30px;
}
.dynamics-list .item{
    position: relative;
    display: block;
    padding: 15px;
    border-radius: 5px;
    z-index: 1;
}
.dynamics-list .item .img-box{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.dynamics-list .item .img-box .img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.dynamics-list .item .img-box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dynamics-list .item .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: 800;
    color: #00235F;
    margin: 15px 0;
}
.dynamics-list .item .intro{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #9E9E9E;
    line-height: 1.8em;
}
.dynamics-list .item .time-box{
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00235F;
    border-bottom: 1px solid #E4E4E4;
}
.dynamics-list .item .time-box i{
    font-size: 12px;
}
.dynamics-list .item::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s;
    background: linear-gradient(180deg, #141B82 0%, #2A56DB 100%);
    box-shadow: 0px 2px 33px 0px rgba(211, 211, 211, 0.5);
    z-index: -1;
    border-radius: 5px;
}
.dynamics-list .item:hover::after{
    opacity: 1;
}
.dynamics-list .item:hover .title,.dynamics-list .item:hover .time-box{
    color: #ffffff;
}
.dynamics-list .item:hover .intro{
    color: rgba(255, 255, 255, .75);

}
.dynamics-list .item:hover .time-box{
    border-bottom: none;
}
@media screen and (max-width:991px){
    .dynamics-list{
        padding-left: 0;
    }
}
@media screen and (max-width:556px) {
    .ui-xxs12{
        width: 100%;
    }
}

/* dynamics-list END */

/* detail-container START */
.detail-container{
    padding-left: 40px;
}
.article-title{
    margin-bottom: 30px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 20px;
}
.article-title .title{
    text-align: center;
    font-size: 22px;
}
.article-title .info{
    text-align: center;
    color: #AAAAAA;
    font-size: 13px;
    margin-top: 8px;
}
.article-title .info span+span{
    margin-left: 24px;
}
@media screen and (max-width:991px){
    .detail-container{
        padding-left: 0;
    }
}
/* detail-container END */
/*announcement-list*/
.announcement-list .item{
    display: flex;
    align-items: center;
	padding: 36px 2.5vw;
	cursor: pointer;
	background: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
	overflow: hidden;
    background: #fff;
    box-shadow: 0px 2px 46px 0px rgba(226, 226, 226, 0.5);
    margin-bottom: 30px;
}
.announcement-list .item .date{
	text-align: center;
	padding-right: 2.5vw;
	margin-right: 2.5vw;
	border-right: 1px solid #DADDE4;
}
.announcement-list .item .date .day{
	/*color: #C9151E;*/
	font-size: 2.5em;
	line-height: 1.2;
}
.announcement-list .item .date .month{
	color: #999;
}
.announcement-list .item .text-box{
	flex: 1;
	display: block;
	overflow: hidden;
}
.announcement-list .item .title{
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
}
.announcement-list .item .desc{
	margin-top: 15px;
	color: rgba(51,51,51,.5);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* max-height: 44px; */
}
.announcement-list .item .icon{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -120px;
    width: 120px;
    background: linear-gradient(315deg, #1A4EF3 0%, #141A81 100%);
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.announcement-list .item:hover .icon{
    right: 0;
}

@media screen and (max-width: 991px) {
    .announcement-list{
        padding-left: 0;
    }
	.announcement-list .item{
		padding: 32px 20px;
	}
	.announcement-list .item .date{
		margin-right: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 767px) {
	.announcement-list .item{
		padding: 20px 10px;
        margin-bottom: 20px;
	}
	.announcement-list .item .date{
		margin-right: 10px;
		padding-right: 10px;
		font-size: 13px;
	}
    
	.announcement-list .item .date .day{
		font-size: 2em;
	}
	.announcement-list .item .title{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.announcement-list .item .icon{
		display: none;
	}
	.announcement-list .item:hover{
		background: none;
	}
	.announcement-list .item .desc{
        margin-top: 10px;
		font-size: 13px;
		max-height: 40px;
	}
}
/*announcement-list END*/

/* achievement-list START */
.achievement-list{
    padding-left: 30px;
}
@media screen and (max-width: 991px) {
    .achievement-list{
        padding-left: 0;
    }
}
@media screen and (max-width: 767px){
    .show-xxs{
        width: 33.33333333%;
    }
}
@media screen and (max-width: 656px){
    .show-xxs{
        width: 50%;
    }
}
@media screen and (max-width: 420px){
    .show-xxs{
        width: 100%;
    }
}
/* achievement-list END */
/* page START */
#page {
    margin-top: 60px;
    text-align: center;
}

.layui-laypage a, .layui-laypage span{
    background-color: unset;
    border: none;
}
.layui-laypage a:hover{
    color: #00235F;
}
/* page END */
/* swiper-members start */
.swiper-members-item{
    position: relative;
    padding: 15px 10px 20px;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .3s;
    height: 100%;
    cursor: pointer;
}
.swiper-members-item .img-box{
    padding: 10px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    z-index: 2;
}
.swiper-members-item .img-box .img{
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
}
.swiper-members-item .img-box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-members-item .name-box{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 10px 0 20px;
    z-index: 2;
}
.swiper-members-item .name-box .name{
    font-size: 18px;
    color: #00235F;
    font-weight: 800;
    margin-bottom:2px;
}
.swiper-members-item .name-box::after{
    content: '';
    display: block;
    width: 15px;
    height: 5px;
    border-radius: 15px;
    background: linear-gradient(to right, #131679 , #113DC8);
}
.swiper-members-item .intro{
    color: #929496;
    z-index: 2;
    text-align: center;
}
.swiper-members-item::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .3s;
    background: linear-gradient(180deg, #141678 0%, #113ECA 100%);
    border-radius: 10px;
    z-index: 1;
}
/* .swiper-members-item:hover .name, .swiper-members-item:hover .intro{
    color: #ffffff;
}
.swiper-members-item:hover .name-box::after{
    background: linear-gradient(to right, rgba(255,255,255,1) , rgba(255,255,255,.5));
}
.swiper-members-item:hover:after{
    opacity: 1;
} */
.team-members .index_title{
    align-items: center;
}
.members-btn-box{
    display: flex;
}
.members-swiper-btn{
    font-size: 12px;
    color: #00235F;
    cursor: pointer;
}
.members-swiper-btn-prev{
    margin-right: 10px;
}
.members-swiper-btn.swiper-button-disabled{
    opacity: .5;
}
.swiper-members .swiper-slide{
    height: unset;
}
/* swiper-members end */

/*team-box start  */
.team-box .top-wrap{
    padding: 30px 30px 40px;
    background: linear-gradient(315deg, #113DC8 0%, #141A81 100%);
    color: #ffffff;
   
}
.team-box .top-wrap .title{
    font-size: 18px;
    margin-bottom: 10px;
}
.team-box .top-wrap .content{
    display: flex;
}
.team-box .top-wrap .content .left{
    width: 50%;
    padding-right: 20px;
    opacity: .75;
}
.team-box .top-wrap .content .right{
    display: flex;
    width: 50%;
}
.team-box .top-wrap .content .right .item{
    width: 33.3333%;
    padding: 0 40px;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.team-box .top-wrap .item .num-box{
    font-size: 12px;
    line-height: 1;
    margin-bottom: 10px;
}
.team-box .top-wrap .item .num{
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin-right: 4px;
}
.team-box .top-wrap .item .intro{
    opacity: .75;
}
.team-box .top-wrap .item:last-child{
    border-right: none !important;
}
.team-box .members-wrap{
    margin-top: 30px;
}
.team-box .layui-tab-title li{
    color: rgba(0, 35, 95, .75);
    font-size:16px;
    padding-left: 0;
    padding-right: 30px;
}
.team-box .layui-tab-brief>.layui-tab-title .layui-this {
    color: #00235F;
}
.team-box .layui-tab-title .layui-this:after{
    width: calc(100% - 30px);
}
.team-box .layui-tab-brief>.layui-tab-more li.layui-this:after,.team-box .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #00235F;
}
.members-list{
    margin-top: 20px;
}
.members-list .item{
    display: flex;
    /* align-items: center; */
    /* padding:5px 0; */
    /* cursor: pointer; */
    transition: all .3s;
    height: 100%;
    padding: 10px 0;
}
/* .members-list .item:hover{
    background: #FFFFFF;
    box-shadow: 0px 13px 42px 0px rgba(0, 0, 0, 0.21);
} */
.members-list .item .img-box{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.members-list .item .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.members-list .item .text-content{
    flex: 1;
    padding-left: 15px;
}
.members-list .item .text-content .name{
    font-size: 16px;
    color: #00235F;
    font-weight: 800;
}
.members-list .item .text-content .title{
    color: rgba(0, 35, 95, .75);
    margin: 0px 0 10px;
    font-size: 12px;
}
.members-list .item .text-content .intro{
    color: #929496;
    font-size: 13px;
}
.layui-row.flex{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

@media screen and (max-width: 1600px){
    .team-box .top-wrap .content .right .item{
        padding: 0 20px;
        border-right: 1px solid rgba(255, 255, 255, .2);
    }
    
}
@media screen and (max-width: 1400px){
    .team-box .top-wrap .content .left{
        width: 40%;
    }
    .team-box .top-wrap .content .right{
        width: 60%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .team-box .top-wrap{
        padding-bottom: 30px;
    }
    .team-box .top-wrap .content .left{
        width: 100%;
        padding-right: 0;
    }
    .team-box .top-wrap .content .right{
        width: 100%;
        margin-top: 20px;
    }
    .team-box .top-wrap .content{
        flex-direction: column;
    }
    .team-box .top-wrap .content .right .item{
        padding: 0 40px;
    }
    .team-box .layui-col-lg6 {
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .team-box .top-wrap{
        padding: 20px;
    }
    .team-box .top-wrap .content .left{
        width: 100%;
        padding-right: 0;
    }
    .team-box .top-wrap .content .right{
        width: 100%;
        margin-top: 20px;
    }
    .team-box .top-wrap .content{
        flex-direction: column;
    }
    .team-box .top-wrap .content .right .item{
        padding: 0 40px;
    }
    
}
@media screen and (max-width: 668px){
    .team-box .top-wrap .content .right .item{
        padding: 0 20px;
    }
    .team-box .top-wrap .content .right .item:first-child{
        padding-left: 0;
    }
    .team-box .top-wrap .content .right .item:last-child{
        padding-right: 0;
    }
    .team-box .layui-col-lg6 {
        width: 100%;
    }
    
}
@media screen and (max-width: 556px){
    .members-list .item .img-box{
        width: 60px;
        height: 60px;
    }
    .members-list .item .text-content{
        padding-left: 10px;
    }
}
/*team-box end  */
.swiper-members.members-list .item{
    align-items: center;
    background-color: rgba(255,255,255,.2);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgba(53, 71, 146, 0.3);
    transition: all .3s;
    cursor: pointer;
}
.swiper-members.members-list .item:hover{
    background-color: rgba(255,255,255,1);
}
.swiper-members.members-list .item .img-box{
    width: 60px;
    height: 60px;
}
.swiper-members.members-list .item .text-content .title{
    margin-bottom: 0;
    color: #333;
}
.swiper-members.members-list .item .text-content .intro{
    display: none;
}

.paging {
    margin-top: 60px;
    text-align: center;
}

.pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
     display: inline-flex;
    *display: inline-flex;
    *zoom: 1;
    vertical-align: middle;
    margin: 10px 0;
}

.pagination li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    margin-left: 0px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}

    .pagination .active a {
        background-color: #00235F;
        color: #fff;
    }