/* common */

.more-btn{width: 1.8rem; height: .56rem; line-height: .56rem; cursor: pointer; border-radius: .27rem; display: block; text-align: center;}
.more-btn i{margin-left: 5px;}
.more-btn:hover{transform: translateX(10px);}
.bg-white{background: #fff;}
.bg-yellow{background: #C8A54A;}
.more-btn.bg-white:hover{
    background: #C8A54A;
    color: #fff;
}
.newsSwiper .news-more .more-btn.bg-white:hover{color: #fff;}
.ind-p1{font-size: .24rem; font-weight: 600; } 

.ind-p2{font-size: .14rem;  } 



.myswiperbtn{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; background: rgba(255, 255, 255,.3); }
.myswiperbtn.swiper-button-prev:after,.myswiperbtn.swiper-button-next:after{font-size: 14px ; color: #fff; }
.myswiperbtn:hover{
    background: #C8A54A;border: 1px solid #C8A54A;
}

/* 搜索页面 */

.search--box{ transform: translateY(50%); bottom: 0; left: 0; right: 0; z-index: 1;}

.search--box .input-box{height: 1rem; width: 100%; background-color: #fff;box-shadow: 0px 12px 32px 0px rgba(0,0,0,0.08);

    border-radius: 12px; position: relative; overflow: hidden;}

.search--box .input-box input{width: 100%; height: 100%; padding: 0  .43rem;}

.search--box .search-icon{width: 1.11rem; position: relative; height: 100%; display: flex; align-items: center; justify-content: center; }

.search--box .search-icon::after{position: absolute; content: '';width: 1px; height: 60%; background: #D8D8D8; top: 20%; left: 0; z-index: 2;}

.search-result { overflow: hidden; position: relative; padding-top: 90px ;background-color: #F6F6F8; }

.search-result::after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 4rem;background: linear-gradient(180deg, #F6F6F8 0%, #FFFFFF 100%);  background-size: 100% 100%; z-index: 2;}

.search-result .result-title{padding-bottom: 60px ;}

.pro-list{position: relative; z-index: 5;}

.pro-list .item{background-color: #fff;border-radius: .18rem; overflow: hidden; display: block; height: 100%; }

.pro-list .item-img{padding: .5rem .63rem 0; height: 3.06rem; width: 100%; overflow: hidden; }

.pro-list .item-txt {padding: .49rem .24rem; }

.pro-list .item-txt .txt1{margin-top: 9px; margin-bottom: 10px; }

.pro-list .row >div{margin-bottom: .24rem;}









#section1 .bannerSwiper .ind-banner-silde{
    height: 100vh;
}
.ind-banner-txt{left: 0; right: 0; bottom: 0; top: 30%; color: #FFFFFF; }
.ind-banner-txt  .ind-ban-t {font-size: 0.72rem; }
.ind-banner-txt  .ind-ban-t.t2 {font-size: 0.28rem; }
.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-t.t1{
    animation: myfadeInUp .8s ease-in-out both;
    animation-delay: 0;
}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-t.t2{
    animation: myfadeInUp .8s ease-in-out both;
    animation-delay: 0.25s;
}
.marbottom20{margin-bottom: .2rem;}
/* .ind-banner  .ind-banner-swiper,.ind-banner  .ind-banner-swiper .bannerSwiper { height: 100%;}


.t1{margin-bottom: 0.50rem; }



.ind-banner-txt  .ind-ban-morebtn { position: relative; z-index: 5; border: 1px solid #FFFFFF; padding: 0 0.54rem; display: inline-block; border-radius: 0.08rem; height: 0.52rem; line-height: calc(0.52rem - 2px); text-align: center; color: #FFFFFF; font-size: 0.18rem;  }

.ind-banner-txt  .ind-ban-morebtn::after{ border-radius: 0.08rem; z-index: -1; overflow: hidden; transition: width .36s; position: absolute; content: ''; left: 0; top: 0; width: 0; height: 100%; background: #4F84FF;}



.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-morebtn{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0.4s;

}

.bannerSwiper .swiper-button-prev:after,.bannerSwiper  .swiper-button-next:after{font-size: 0.22rem; font-weight: 600;}



.ind-banner-bottom .swiper-button-prev,

.ind-banner-bottom .swiper-button-next{position: relative;color: #fff;margin-top:unset; left: unset; right: unset;}

.ind-banner-bottom .swiper-pagination{position: relative;  width: unset; bottom: unset; margin:  0 0.44rem;}





.ind-banner .swiper-pagination .swiper-pagination-bullet{width: 24px; height: 24px; overflow: hidden; position: relative; background: transparent; margin: 0 0.20rem; opacity: 1;}

.ind-banner .swiper-pagination .swiper-pagination-bullet:before{content: ""; position: absolute; width: 8px; height: 8px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,0.5); border-radius: 50%;}


.ind-banner .swiper-pagination .ui-loop .svg { 

    transform: rotate(-90deg);

    opacity: 0;

}

.ind-banner .swiper-pagination .swiper-pagination-bullet-active  .ui-loop .svg{opacity: 1;}

.ind-banner .swiper-pagination .swiper-pagination-bullet-active .svg .progress {    animation: rotate  30s linear ;} */
.ind-banner-bottom{
    z-index: 10; 
    position: absolute; 
    left: 30px; 
    right: 30px; 
    bottom: 0.50rem;
}
.ind-banner-bottom .swiper-pagination{
    padding-left: 13.56vw;
    text-align: left;
}
.index-mouse{
    z-index: 5; 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom:  0.30rem;  
    justify-content: center; 
    align-items: center;}

.index-mouse .mouse{
    width: 18px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 20px;
    position: relative;
    margin-right: 5px;

}

.index-mouse .mouse::after{
  content: "";
  position: absolute;
  width: 2px;
  height: 6px;
  top: 8px;
  left: 50%;
  margin-left: -1px;
  background: #fff;
  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}


 .my_swiper-button{width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #FFFFFF; }

 .my_swiper-button-prev{width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #FFFFFF;}



/* 首页 */
#section1 .swiper-pagination-bullet{background: #fff; opacity: 1;}
#section1 .swiper-pagination-bullet-active{background: #C8A54A;}
#section1 .swiper-button-prev,#section1 .swiper-button-next { top: unset; bottom: .3rem;}
#section1 .swiper-button-prev{left: unset; right: calc(13.56vw + 56px); }
#section1 .swiper-button-next{ right: 13.56vw;}
#section1 .swiper-pagination{text-align: left; z-index: 10;}
#section1  .swiper-horizontal > .swiper-pagination-bullets,#section1 .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: .3rem;
    width: 50%;
    padding-left: 13.56vw;
}
#section2{
    background: url(/static/index/images/index2-bg.jpg) no-repeat;
    background-size: cover;
}
.sec2-top .sec2-top-l{
    width: 60%;
    padding-right: 12.5vw;
}
.sec2-top .sec2-top-l .sec2-top-l-t{
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 0.48rem;
    margin-top: .5rem;

}

.sec2-top .sec2-top-l  .sec2-top-l-txt{
    font-size: 16px;
    margin-bottom: .5rem;
    
}
.sec2-top-l-txt div.f16{line-height: 28px;}
.sec2-top .sec2-top-l  .sec2-top-l-txt div{
    margin-bottom: 0.16rem;
}
.sec2-top .sec2-top-r{
    max-width: 40%;
    padding-top: .4rem;
}
.sec2-top .sec2-top-r img{
    width: 100%;
}
.sec2-bottom{
    margin-top: .5rem;
}
.sec2-bottom  .num-item{
    width: 25%;
}
.sec2-bottom  .num-item  .num-item-top{
    align-items: baseline;
}
.sec2-bottom  .num-item  .num-item-top > img{
    width: .4rem;
    height: .4rem;
    margin-right: .13rem;
}
.sec2-bottom  .num-item  .num-item-top .num-box span{
    font-size: .56rem;
    color: #C8A54A;
    font-weight: bold;
}
.sec2-bottom  .num-item  .num-item-bottom{
    padding-left: .53rem;
    font-size: .19rem;
    padding-top: 6px;
}

#section3{
    /* padding: 1.75rem 0 1.84rem; */
    background: url(/static/index/images/index3-bg.jpg) no-repeat;
    background-size: cover;
}
.section3-bg{
    height: 100%;
    position: relative;
}
.section3-bg .pic{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.section3-bg .pic.on{
    opacity: 0.5;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    z-index: 10;
}
/* ***************************** */
#circle{
    transition: all 2s;
    stroke-dasharray:0,157,78.5,314;
    stroke-dashoffset:157;
    /* transform: rotate(90deg); */
}
svg:hover #circle{
    stroke-dashoffset:78.5;
}

/* *************** */
#section4{
    /* padding: 1.84rem 0 1.29rem; */
    background: #EFEFEF;
}
#section4 .ind-title{
    margin-bottom: .39rem;
}
.ind-title .en{
    font-size: .56rem;
}
.newsSwiper{
    padding-left: 13.55%;
}
.newsSwiper .news-more .more-btn{ color: #333;}
 .news-item .item-img{
    height: 2.68rem;
    position: relative;
}
.news-item .item-img::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 4px;
    background: #C8A54A;
    width: 0;
    transition: width .36s;
}
.news-item .item-txt{
    padding: 0.4rem .3rem .29rem;
    background: #fff;
}
.news-item .item-txt .news-type{
    color: #666666;
}
 .news-item .item-txt .news-title{
    line-height: .32rem;
    height: .96rem;
    overflow: hidden;
    margin-top: .2rem;
    margin-bottom: .28rem;
    color: #333;
}
 .news-item .item-txt .news-time{
    color: #666666;
}
.news-more{
    padding-right: 13.55%;
    display: flex;
    justify-content: flex-end;
    margin-top: .4rem;
}
#section2 .more-btn,#section2 .sec2-top .sec2-top-l .sec2-top-l-t ,#section2 .sec2-top .sec2-top-l  .sec2-top-l-txt,
#section4 .ind-title,#section4 .newsSwiper
{
    transform: translateY(100%); transition: all 1s ease; transition-delay: 0.5s;opacity: 0;
}
#section2.active .more-btn, #section2.active .sec2-top .sec2-top-l .sec2-top-l-t,#section2.active .sec2-top .sec2-top-l  .sec2-top-l-txt,
#section4.active .ind-title,#section4.active .newsSwiper
{
    transform: translateY(0); opacity: 1;
}
#section2.active .more-btn{transition-delay: 0s;}
#fp-nav.fp-right{left: 4.07vw; right: unset;}
#fp-nav ul li, .fp-slidesNav ul li{width: 27px; height: 27px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #BBBBBB;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
    width: 20px; height: 20px; border: 2px solid #C8A54A; background: transparent;margin: -10px 0 0 -10px
}
/* 内页大图 */

.inner-banner{position: relative; }  

.inner-banner >img{width: 100%;}

.inner-ban-txt{ left: 0; right: 0; top: 50%; transform: translateY(-50%);   z-index: 2; }

.inner-ban-txt .small{margin-top: 10px;}
.bgwhite{background-color: #fff;}

.bggray{background: #f5f5f5;}

/* 内页二级目录 */

.sub-menu{position: absolute; left: 0 ; right: 0; bottom: 0; transform: translateY(50%); z-index: 10;}

.sub-menu-box {width: 100%;  height: 0.80rem;}

.sub-menu-list{width: 100%; height: 100%; font-size: 0; }
.sub-menu-list .swiper-wrapper{justify-content: center ; padding-top: .6rem; padding-bottom: .6rem;}

.sub-menu-list .item{position: relative; z-index: 8;  width: 100%; overflow: hidden;  height: 0.80rem;
    box-shadow: 0px 8px 20px 0px rgba(26,30,39,0.1); border-radius: 0.08rem; background: #fff;
}

.sub-menu-list .item::before{position: absolute; content: ''; z-index: 2; left: 0; top: 0; right: .27rem; height: 100%; transition:  all .3s;background:  url(../images/logo-bg.png) no-repeat ; transform: translateX(-.7vw); background-size:auto 100% ; background-position: top right; opacity: 0;}

.sub-menu-list .item::after{position: absolute; content: ''; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; transition:  all .3s;opacity: 0; transform: translateX(-.7vw); background-color: #C8A54A; }

.sub-menu-list .item .item-img, .sub-menu-list .item .item-txt{ z-index: 2; position: relative; font-size: .2rem;}

.sub-menu-list .item .item-img{ width: 0.36rem; height: 0.36rem; margin-right:0.06rem ;}

.sub-menu-list .item .item-img img{width: 0.28rem; height: 0.28rem; position: absolute; left: 0; top: 0; }
.sub-menu-list .item .item-img img:nth-child(1){opacity: 1;}
.sub-menu-list .item .item-img img:nth-child(2){opacity: 0;}
.sub-menu-list .item .item-txt{color: #333;}

.sub-menu-list .item:hover .item-txt,.sub-menu-list .item.on .item-txt{color: #fff;}

.sub-menu-list .item:hover::after,.sub-menu-list .item.on::after,.sub-menu-list .item:hover::before,.sub-menu-list .item.on::before{opacity: 1; transform: translateX(0);}
.sub-menu-list .item:hover .item-img img:nth-child(1),.sub-menu-list .item.on .item-img img:nth-child(1){opacity: 0;}
.sub-menu-list .item:hover .item-img img:nth-child(2),.sub-menu-list .item.on .item-img img:nth-child(2){opacity: 1;}
/* 分页 */

.mypage{text-align: center; padding: 0.30rem 0.30rem 0.52rem;}

.mypage .pagination>li>a, .mypage .pagination>li>span{

    color: #30364C;font-size: 0.18rem;background-color:  #fff;

    font-weight: 500;border-radius: 0.04rem; margin: 0 0.1rem;padding: 0;

    display: block;width: 0.44rem; height: 0.44rem;border: 1px solid #EEEEEE; text-align: center; line-height: 0.44rem;

}

.mypage .pagination>li>a:hover,.mypage .pagination>.active>a,.mypage  .pagination>.active>a:focus,.mypage .pagination>.active>a:hover,.mypage  .pagination>.active>span,.mypage  .pagination>.active>span:focus,.mypage  .pagination>.active>span:hover{

    color: #fff !important; background-color: #C8A54A;

}
/* 事业伙伴 */
.partner1{padding: .6rem 0 0;}
.partner1 .partner1-box{
    display: inline-block;
    position: relative;
}
.mobile-ul{display: none;}
.partner1 .partner1-box ul li {
    position: absolute;
    min-width: 163px;
    text-align: right;
    font-size: .18rem;
}
.partner1 .partner1-box ul li:nth-child(1){
    left: -2%;
    bottom: 11%;
}
.partner1 .partner1-box ul li:nth-child(2){
    left: 1%;
    bottom: 29%;
}
.partner1 .partner1-box ul li:nth-child(3){
    left: 7%;
    bottom: 47%;
}
.partner1 .partner1-box ul li:nth-child(4){
    left: 14.5%;
    bottom: 62.5%;
}
.partner1 .partner1-box ul li:nth-child(5){
    left: 26%;
    bottom: 75%;
}
.partner1 .partner1-box ul li:nth-child(6){
    left: 43%;
    bottom: 80%;
    text-align: center;
}
.partner1 .partner1-box ul li:nth-child(7){
    left: 62%;
    bottom: 76%;
    text-align: left;
}
.partner1 .partner1-box ul li:nth-child(8){
    left: 73%;
    bottom: 62%;
    text-align: left;
}
.partner1 .partner1-box ul li:nth-child(9){
    left: 81%;
    bottom: 48%;
    text-align: left;
}
.partner1 .partner1-box ul li:nth-child(10){
    text-align: left;
    left: 87%;
    bottom: 29%;
}
.partner1 .partner1-box ul li:nth-child(11){
    left: 90.5%;
    bottom: 11%;
    text-align: left;
}
.partner2{background: #F5F5F5; padding: .68rem 0 .3rem;}
.partner3{padding: .78rem 0 .48rem;}
.partner3 img{margin-top: -1.2rem; z-index: 1;}
.partner3 .section-title,
.partner3 .section-title-info{position: relative;z-index: 5;}
.section-title-info{margin-top: .2rem;}
/* 联系我们 */
.contact1{padding: .8rem 0;}
.contact1-item{
    height: 2.68rem;
    padding: .26rem;
    background: #F5F5F5;
    margin-bottom: .2rem;
}
.contact1-item img{
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: .12rem;
    transition: all .3s;
}
.mb12{
    margin-bottom:  .12rem;
}
.contact2{
    padding: .95rem 0 1.11rem;
}
.form-box{
    background: #fff;
    padding: 3.7vw 7.2vw;
}
.message-form{margin-top: 0.75rem;}
.message-form  .form-group{ width: 49%; margin-bottom: 0.4rem; position: relative; }
.message-form  .form-group.request::after{
    position: absolute;
    left: 0.3rem;
    top: 52%;
    content: '*';
    transform: translateY(-50%);
    color: #EC3030;
 }
 .message-form  .form-group.form-texttarea.request::after{
    top: 0.32rem;
 }
.message-form  .form-group:nth-child(odd){margin-right: 1%;}
.message-form  .form-control{background-color: #F5F6F7; width: 100%; height: 0.6rem;line-height: 0.5rem; border-radius: 0.04rem; border: 0; padding-left: 0.45rem;box-shadow:none}
.form-texttarea{width: 100%  !important; }
.form-texttarea  .form-control{height: 2rem ; border: 0;border-radius: 0.04rem; resize: none;}
.message-form input::-webkit-input-placeholder,.message-form textarea::-webkit-input-placeholder{
	color: #212121 !important;
 }
 .message-form input::-moz-placeholder,.message-form textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */
    color: #212121 !important;
 }
 .message-form input:-moz-placeholder,.message-form textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */
	color: #212121 !important;
 }
 .message-form input:-ms-input-placeholder,.message-form textarea::-webkit-input-placeholders{  /* Internet Explorer 10-11 */ 
    color: #212121 !important;
 }
 .message-form .submit-btn{width: 3rem;height: 0.6rem;background: #C8A54A;color: #ffffff; font-size: 0.18rem;border-radius: 0.3rem;}

/* 新闻 */
.news-list{
    padding: .88rem 0;
}
.news-list .news-item{
    margin-bottom: 40px;
}
/* 新闻详情 */
.news-detail{
    padding:.48rem 0 .8rem;
}
.del-content{
    background: #fff;
    padding: .67rem 13vw .5rem;
}
.del-content .del-title{
    border-bottom: 1px solid #E5E5E5;
}
.del-content .del-title .del-title-txt{
    color: #212121;
    line-height: .4rem; 
}
.del-content .del-title .del-title-time{
    margin-top: .28rem;
    margin-bottom: .28rem;
}
.content-box{
    padding: .37rem 0 .5rem;
    border-bottom: 1px solid #E5E5E5;
}
.content-box *{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.content-box img{
    max-width: 100%;
}
.del-btn{
    padding: .52rem 0 0;
}
.del-btn .del-btn-item{
    margin-bottom: .3rem;
}
.del-btn .del-btn-item span{
    width: 1.18rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    background: #F6F2E5;
    color: #30364C;
    margin-right: .2rem;
}
.del-btn .del-btn-item div{
    flex: 1;
    max-width: calc(100% - 1.38rem);
}
/* 视频中心 */
.videos-list{
    padding: 1.22rem 0;
}
.videos-list .videos-item{
    margin-bottom: .4rem;
}
.videos-list .item-img{
    height: 3.82rem;
    position: relative;
}
.videos-list .item-img .play{
    position: absolute;
    left: 50%;
    top: 50%;
    width: .8rem;
    height: .8rem;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%,-50%);
}
.videos-list .item-img .play img{
    
    animation: myrotate 1.1s linear infinite;
}
.videos-list .item-txt{
    padding: .22rem 0;
}

/* 视频弹框 */

#video-pop{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;}

#video-pop.on {
    opacity: 1;
    display: flex;
    pointer-events: auto;
    visibility: visible;
}

#video-pop .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);

}

#video-pop .con {
  padding: 1em;
  width: 64%;
  position: relative;
  transform: translate3d(0, 8px, 0);
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  opacity: 0;
  background-color: #333;

}

#video-pop.on .con {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  opacity: 1;
}

#video-pop .con .del_p {
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc(100% + 5px);
   width: 0.3rem;
   height: 0.3rem;
   border: 1px solid #fff;
   border-radius: 50%;
   cursor: pointer;

}

#video-pop .con .del_p::after{content: 'x'; font-size: 0.3rem; color: #fff; position: absolute; left: 20%; top:-25%;}

.video-box {
  height: 70vh;
  overflow: hidden;
}
.video-box video{ object-fit: cover; height: 100%; width: 100%;}
/* 合作伙伴 */
.bpartner-list{
    padding: .88rem 0 1rem;   
}
.bpartner-list .bpartner-item{
    margin-bottom: .4rem;
}
.bpartner-list .bpartner-item .item-img{
    height: 2.6rem;
    background: url(/static/index/images/bpartnerbg.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bpartner-list .bpartner-item .item-img img{
    height: .66rem;
}
.bpartner-list .bpartner-item .item-txt{
    background: #fff;
    padding: .31rem .4rem;

}
.bpartner-list .bpartner-item .item-txt .item-info{
    margin-top: .28rem;
    margin-bottom: .86rem;
    line-height: 28px;
}
.bpartner-list .bpartner-item .item-txt .item-more i{
    margin-left: 5px;
}

/* 超能教室-文旅 */
.supper-class-room{
    padding: .8rem 0 1.6rem;
}
.supper-class-room .swiper{margin-bottom: .8rem;}
.supper-class-room .myslide-txt{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .44rem .6rem ;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
}
.supper-class-room .myslide-txt .big{
    margin-bottom: .12rem;
    width: 52%;
}
.supper-class-room .myslide-txt .small{
    width: 52%;
}
.supper-class-room .swiper-pagination-bullet{
    opacity: 1;
    background: transparent;
    border: 1px solid #fff;
}

.supper-class-room .swiper-pagination-bullet-active{
    background: #fff;
}

.supper-class-room .swiper-pagination{
    padding-right: .6rem ;
    text-align: right;
}
.supper-class-room  .swiper-horizontal > .swiper-pagination-bullets,.supper-class-room  .swiper-pagination-bullets.swiper-pagination-horizontal{
bottom: .36rem;
}
/* 超能教室-史地生 */
.supperclassroom1{
    padding: .88rem 0 1rem;
}
.supperclassroom1-item{
    margin-bottom: .4rem;
    background: #fff;
    height: 4.2rem;
}
.supperclassroom1-item .item-left{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.65vw 4.2vw ;
}
.supperclassroom1-item .item-left .txt{
    line-height: 28px;
}
.supperclassroom1-item .item-left .item-btn{
    display: block;
    width: 1.80rem;
    height: .56rem;
    text-align: center;
    line-height: .54rem;
    background: #FFFFFF;
    border-radius: .28rem;
    border: 0.01rem solid #BBBBBB;
}
.supperclassroom1-item .item-right{
    width: 50%;
    height: 100%;
    overflow: hidden;
}
/* 超能教室-数字化数学系统 */
.supperclassroom2{
    padding: .88rem 0 1rem;
}

.supperclassroom2-item{
    margin-bottom: .4rem;
    position: relative;
    
}
.supperclassroom2-item  .item-txt{
    box-shadow: 0px 0.06rem .16rem 0px rgba(0,0,0,0.08);
    background: #FFFFFF;
    min-height: 4.2rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.supperclassroom2-item .item-img{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden;
}
.supperclassroom2-item.img-right  .item-txt{
    margin-right: 50%;
    padding-left: 13.55vw;
    padding-right: 4.2vw;
   
}
.supperclassroom2-item.img-left  .item-txt{
    margin-left: 50% ;
    padding-left: 4.2vw;
    padding-right: 13.55vw;
}
.supperclassroom2-item.img-right .item-img{
    right: 0;
    padding-right: 13.55vw;
}
.supperclassroom2-item.img-left .item-img{
    left: 0;
    padding-left: 13.55vw;
}
.supperclassroom2-item  .item-txt .title{
    color: #C8A54A;
    margin-bottom: .32rem;
}
.supperclassroom2-item  .item-txt .txt{
    line-height: .28rem;
}
.supperclassroom2-item  .item-txt .num{
    font-size: 1.12rem;
    position: absolute;
    top: -0.29rem;
    color: rgba(200,165,74,0);
    text-stroke: 1px #CACACA;
    -webkit-text-stroke: 1px #CACACA;
}
.supperclassroom2-item.img-right  .item-txt .num{
    right: calc(50% + 4.2vw);
}
.supperclassroom2-item.img-left  .item-txt .num{
    right: 13.55vw;
}
/* 超能教室详情 */

.details{
    left: 0;
    right: 0;
    top: 1.39rem;
    z-index: 5;

    
}
.details .details-top .breadcrumbs{
    color: #fff;
    flex: 1;
}
.details .details-top .breadcrumbs a{
    color: #fff;
}
.details .details-top .detail-back-btn{
    width: 1.80rem;
    height: .56rem;
    background: #C8A54A;
    border-radius: .27rem;
    color: #fff;
    justify-content: center;
} 
.details .details-top .detail-back-btn img{
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
.details  .details-title{
   height: 4.6rem;
   background: #fff;
   padding: .44rem .5rem;
   margin-top: .22rem;
   align-items: stretch;
}
.details-title-left{
    width: 45% ;
    
}
.details-title-right{
    width: 55% ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .46rem 3.45vw;
}
.details-title-right .detaile-txt{
    color: #000;
    overflow-y: auto;
    margin-bottom: 10px;
}
.details-title-right .item-btn{
    width: 1.80rem;
    height: .56rem;
    background: #C8A54A;
    border-radius: .27rem;
    color: #fff;
    line-height: .56rem;  
}
.details-content{
    padding: 1.08rem 0 1rem;
    font-size: 16px;
    line-height: 28px;
}

.contents{
    background: #fff;
    padding:3vw 4.03vw;
}
.contents *{
    font-size: 16px;
    color: #333;
}
.contents  img{
    max-width: 100%;
}

/* 关于我们 */
.about-sec1{
    padding-top: .9rem;
    background: url(/static/index/images/about-bg1.png) no-repeat;
    background-size: cover;
    
}

.about-title-style .title{
    font-size: .56rem;
}
.about-sec1 .sec2-top .sec2-top-l{
    padding-right: 7.8vw;
}
.about-sec1 .sec2-top-l-txt{
    margin-top: .6rem;
}
.about-sec2{
    margin-top: 7px;
    padding: .96rem 0 2.05rem;
    background: url(/static/index/images/ABOUTUS.png) no-repeat;
    background-position: top left;
    background-size: auto;
}
.about-sec2 .about-sec2-img{
    position: absolute;
    left: 0;
    top: 1.7rem;
    width: 55%;
    height: 7.06rem;
    z-index: 1;
}
.about-sec2 .about-sec2-txt{
    position: relative;
    z-index: 5;
    width: 50%;
    margin-left: 50%;
    background: url(/static/index/images/about-bg2.png) no-repeat;
    background-position: right bottom;
    background-size: 100% 100%;
    padding: 7.2vw 12vw 30px 9.4vw ;
    min-height: 6.9rem;
}
.about-sec2 .about-sec2-txt .about-sec2-txt-title{
    margin-bottom: .48rem;
}
.about-sec2 .about-sec2-txt .about-sec2-info{
    line-height: 28px;
}
.about-sec3 .thumb{
    padding: .8rem 0 .6rem;
    background: url(/static/index/images/about-bg3.png) no-repeat;
    background-size: cover;
}
.about-sec3 .thumb .swiper {
    padding: .6rem 0;
}

/* ********************************* */
.about-sec2-swiper .swiper-slide {
    padding: 0.5rem .38rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.about-sec2-swiper .slide-item{
    padding-left: 0.18rem;
    position: relative;
    padding-bottom: 1rem;
    top: 0;
    transition: .33s;
}

.about-sec2-swiper .slide-item .slide-year{
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding-bottom: .28rem;

}

.about-sec2-swiper .slide-item .slide-line{
    width: 100%;
    height: 2px;
    background: #DDDDDD;
    position: relative;
}
.about-sec2-swiper .swiper-slide .slide-item .slide-line::after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 2px;
    top: 0;
    width: 0;
    background: #C8A54A;
    transition: width .36s;
}
.about-sec2-swiper .swiper-slide.active .slide-item .slide-line::after{
    width: 100%;
}

.about-sec2-swiper .swiper-slide.active  .slide-item .slide-year{
    color: #C8A54A;
}

.about-sec2-swiper .slide-item .slide-des{
    color: #666;
    line-height: 22px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 2.5rem;
    padding: .28rem 0;
}

.about-sec2-swiper-prosess{ position: relative;}

.years-swiper{position: relative; margin-top: .41rem;  }
.years-swiper::after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: .28rem;
    height: 1px;
    background: #e0e0e0;
}
.years-slide-item{text-align: center;  color: #fff;  cursor: pointer; position: relative;}
.years-slide-item::before{
    position: absolute;
    content: '';
    width: .18rem;
    height: .18rem;
    border: 1px solid rgba(255, 255, 255,.5);
    border-radius: 50%;
    top: -.4rem;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s;
}
.years-slide-item::after{
    position: absolute;
    content: '';
    width: .12rem;
    height: .12rem;
    background: #fff;
    border-radius: 50%;
    top: -.37rem;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s;
}
.years-swiper .swiper-slide.active .years-slide-item::before{
    width: .24rem;
    height: .24rem;
    top: -.43rem;
    background: #fff;
}
.years-swiper .swiper-slide.active .years-slide-item::after{
    background: #C8A54A;
}
.years-swiper .swiper-button-prev,
.years-swiper .swiper-button-next{
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: #fff;
    color: #333;
    top: 15%;
}
.years-swiper .swiper-button-prev:after,
.years-swiper .swiper-button-next:after{
    content: '';
    
}
.years-swiper .swiper-button-prev i{
    transform: rotate(180deg);
}
.years-swiper .swiper-button-prev:hover,
.years-swiper .swiper-button-next:hover{
    background: #C8A54A;
    color: #fff;
}
.years-swiper .swiper-button-prev{left: -.3rem;}
.years-swiper .swiper-button-next{right: -.3rem;}
.years-swiper .swiper-button-prev.swiper-button-disabled,.years-swiper .swiper-button-next.swiper-button-disabled{opacity: 1;}
/* *********************************************** */


.about-sec4{
    padding: .82rem 0 ;
}
.about-tab{
    margin-top: .44rem;
    margin-bottom: .3rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.about-tab .tab-item{
    cursor: pointer;
    display: block;
    width: 1.4rem;
    height: .46rem;
    background: #F1F1F1;
    border-radius: .23rem;
    text-align: center;
    line-height: .46rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
}
.about-tab .tab-item.on,.about-tab .tab-item:hover{
    background: #C8A54A;
    color: #fff;
}

.about-tab-content .tab-content{
    display: none;
}
.about-tab-content .tab-content.active{
    display: block;
}
.about-silde .item-img{
    height: 3.2rem;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-silde .item-img img{
    width: 80%;
    height: 80%;
}
.about-silde .item-txt{
    padding: .23rem ;
}
.about-tab-content .tab-content .swiper{
    padding-bottom: 38px;
}

.about-sec4 .swiper-pagination-bullet-active{
    background: #C8A54A;
}
@keyframes myrotate {

    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}

  }
@media(max-width: 1800px){
    .partner1 .partner1-box ul li:nth-child(1),
    .partner1 .partner1-box ul li:nth-child(2),
    .partner1 .partner1-box ul li:nth-child(3),
    .partner1 .partner1-box ul li:nth-child(4),
    .partner1 .partner1-box ul li:nth-child(5)
    {
        min-width: 140px;
    }
}
@media(max-width: 1600px){
    .partner1 .partner1-box ul li:nth-child(1),
    .partner1 .partner1-box ul li:nth-child(2),
    .partner1 .partner1-box ul li:nth-child(3),
    .partner1 .partner1-box ul li:nth-child(4),
    .partner1 .partner1-box ul li:nth-child(5){
        min-width: 135px;
    }
}
@media(max-width: 1200px){
    .partner1 .partner1-box ul li:nth-child(1),
    .partner1 .partner1-box ul li:nth-child(2),
    .partner1 .partner1-box ul li:nth-child(3),
    .partner1 .partner1-box ul li:nth-child(4),
    .partner1 .partner1-box ul li:nth-child(5){
        min-width: 100px;
    }
}
  @media (min-width: 993px){
    .img-hover:hover img{transform: scale(1.1);}
    .news-item:hover {
        box-shadow: 0px 12px 32px 0px rgba(0,0,0,0.08);
    }
    .news-item:hover .item-img::after{
        width: 100%;
    }
    .news-item:hover .news-type,
    .news-item:hover .news-title,
    .news-item:hover .news-time,
    .del-btn-item:hover div,
    .bpartner-list .bpartner-item:hover .item-txt .item-title,
    .bpartner-list .bpartner-item:hover .item-txt .item-info,
    .bpartner-list .bpartner-item:hover .item-txt .item-more
    {
        color: #C8A54A;
    }
    .supperclassroom1-item:hover .item-left .item-btn{
        background: #C8A54A; color: #fff; border: 1px solid #C8A54A;
    }
    .videos-item:hover .img-cover,
    .contact1-item:hover img,
    .mysilde:hover img,
    .supperclassroom1-item:hover .item-right img ,
    .supperclassroom2-item:hover .item-img img,
    .about-sec2 .about-sec2-img:hover img,
    .about-silde:hover .item-img img
    {transform: scale(1.1);}
    .details-title-right .item-btn:hover,
    .message-form .submit-btn:hover
    {
        transform: translateX(10px);
    }
    #section2 .more-btn:hover{transform: translate(10px, 0) !important;}
    .row-flex{display: flex; align-items: stretch; flex-wrap: wrap;}
    .list-row .row { margin-right: -0.2rem; margin-left: -0.2rem; }
    .list-row .col-xs-6,.list-row .col-lg-6,

    .list-row .col-md-3,.list-row .col-lg-3{ padding-right: 0.2rem;  padding-left: 0.2rem;  }

}

@media (max-width:1600px){
    /* .ind3 .list .item{width: 25%; margin-bottom: 15px;}
    .about-sec1-bottom.ind3 .list .item{width: 50%; margin-bottom: 15px;} */
}
@media (max-width: 993px) {
    #video-pop .con {
        width: 85%;
    }
    .video-box {
        height: unset;
    }
    #video-pop .con .del_p::after{top: -37%;}
    .m-d-flex{flex-wrap: wrap;}
    .m-flex-100{width: 100%;}
    .supperclassroom1-item .item-left .item-btn,.more-btn{height: 0.68rem; width: 2.3rem; font-size: 12px; line-height: 0.68rem; border-radius: .68rem;}
    .sub-menu-list .swiper-wrapper{justify-content: left;}
    .inner-banner{height: 320px;}
    .ind-banner{height: 100vh;}
    .ind-banner-swiper,.ind-banner-silde {height: 100%; }
    .ind-banner-bottom{top: 90%; bottom: unset;}
    .index-mouse{display: none;}
    .ind-banner-swiper .swiper ,.ind-banner-swiper .swiper {height: 100%;}
    .bannerSwiper .ind-banner-silde .ind-banner-txt{left: 30px; right: 30px;}
    .ind-banner-txt .ind-ban-morebtn{height: 40px; line-height: 38px; font-size: 14px}
    .sec2-top .sec2-top-l{width: 100%;padding-right: 0;}
    .sec2-top .sec2-top-r{width: 100%;}
    .sec2-top .sec2-top-r{max-width: 100%;}
    .sec2-bottom .num-item{width: 50%; text-align: center; margin-bottom: 20px;}
    .sec2-bottom .num-item .num-item-top{justify-content: center;}
    .news-item .item-txt .news-title{line-height: 26px; height: 78px;}
    .footer-logo{width:120px;}
    .footer-copyright{text-align: center;}
    .supperclassroom1-item .item-left .item-btn,.supperclassroom1-item .item-left .item-btn i{font-size: 12px;}
    
    .supperclassroom2-item,.news-item .item-img,.videos-list .item-img{
        height: unset;
        height: auto;
    }
    .supperclassroom2-item .item-txt{
        padding-top: 1.3rem;
        padding-bottom: .6rem;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .supperclassroom2-item.img-right .item-txt{
        margin-right:0 ;
    }
    .supperclassroom2-item .item-img{
        position: relative;
        width: 100%;
    }
    .supperclassroom2-item.img-right .item-img{
        padding-right: 0;
    }
    .supperclassroom2-item.img-left .item-txt{

        margin-left: 0;
    }
    .supperclassroom2-item.img-left .item-img{
        padding-left: 0;
    }
    .supperclassroom2-item.img-right .item-txt .num{
        right: 13.55vw;
    }
    .supperclassroom2-item .item-txt .txt{
        line-height: .48rem;
    }
    .message-form .form-group{width: 100%;}
    .message-form .form-control{height: 50px; }
    .message-form .form-texttarea  .form-control{height: 200px;}
    .message-form .form-group.form-texttarea.request::after{
        top: 20px;
    }
    .message-form .form-control{padding-left: .6rem;}
    .message-form  .submit-btn{width: 100%; height: 50px; line-height: 50px; font-size: 16px;border-radius: 25px;}
    .about-sec1 .sec2-top .sec2-top-l{
        padding-right: 0;
    }
    .about-sec2{background-size: 100% auto; padding: .96rem 0 0;}
    .about-sec2 .about-sec2-img{position: relative; top: 0; width: 100%; height: unset;}
    .about-sec2 .about-sec2-txt{width: 100%; margin-left: 0;}
    .years-swiper .swiper-button-prev, .years-swiper .swiper-button-next{top: 25%;}
    .about-tab .tab-item,.details-title-right .item-btn{width: 120px;height: 40px; line-height: 40px; border-radius: 20px;}
    .about-silde .item-img{height: 5rem;}
    #section2 .sec2-top .sec2-top-l .sec2-top-l-t{font-size: 28px;}
    .supper-class-room .myslide-txt .big,.supper-class-room .myslide-txt .small{width: 100%;}
    .details .details-top .detail-back-btn,.details-title-right .item-btn{font-size: 12px;}
    .details-title-right{padding: 0 15px;}
    .del-content .del-title .del-title-txt{line-height: 30px;}
    

    .pc-ul{display: none;}
    .mobile-ul{display: block;}
    .partner1 .partner1-box .mobile-ul li{position: relative; border-radius: 30px;  font-size: 14px; padding: 15px ; background-color: #C8A54A; color: #fff; margin-bottom: 15px; left: unset !important; bottom: unset !important; text-align: center !important;}
    .partner1-box img{display: none;}
    .partner1 .partner1-box{display: block; padding:15px 30px;}
    .newsSwiper{padding-left: 20px;}
}


@media (max-width: 450px) {
    .ind-banner-txt  .ind-ban-t {font-size: 23px; }

}

@keyframes myfadeInUp2{

    0%{
        transform: translate3d(0,100%,0);

    }

    100%{
        transform: none;

    }

}

.myfadeInUp2 {

    animation: myfadeInUp2 .5s ease-in-out both;
    animation-delay: .4s;
}

@keyframes myfadeInUp{

    0%{

        opacity: 0;
        transform: translate3d(0,50px,0);

    }

    100%{

        opacity: 1;
        transform: none;

    }

}

.myfadeInUp {

    animation: myfadeInUp .5s ease-in-out both;
    animation-delay: .4s;

}



@keyframes imgbigtosmall {

    0% { 

    opacity: 1;

    -webkit-transform: scale(1.2); 

    -ms-transform: scale(1.2); 

    transform: scale(1.2);

    }

    100% { 

    opacity: 1;

    -webkit-transform: scale(1); 

    -ms-transform: scale(1); 

    transform: scale(1);

    }

  }

  .imgbigtosmall{

    -webkit-animation-name: imgbigtosmall;

    animation-name: imgbigtosmall;

    transition: all 10s ease;

    transform-origin: 50% 50%;

  }