.about_01{padding: 80px 0;}
.about_01 ul{margin: 0 -10px;}
.about_01 dl{padding: 0 10px;}
.about_01 h3{color: #58975f;margin-bottom: 10px;}
.about_01 p{color: #5d5d5d;}
.about_01 ul{overflow: hidden;}
.about_01 li{float: left;width: 25%;text-align: center;}
.about_01 dt{margin-bottom: 20px;overflow: hidden;}
.about_01 dt img{width: 190px;}

.about_02{padding: 80px 0 115px 0;background: #f7f7f7;}
.about_02{overflow: hidden;}
.about_02 .left{width: 357px;float: left;}
.about_02 .left img{border-radius: 10px;}
.about_02 .right{width:calc(100% - 425px);float: right;}
.about_line{width: 79px;height: 3px;background: #87bd25;margin-bottom: 45px;}
@media only screen and (max-width:1366px) {
    .about_01 dt{margin-bottom: 10px;}
    .about_01{padding: 60px 0;}
    .about_line{margin-bottom: 30px;}
    .about_01 dt img{width: 160px;}
}
@media only screen and (max-width:1024px) {
    .about_01,.about_02{padding: 50px 0;}
    .about_line{margin-bottom: 20px;}
    .about_01 dt img{width: 120px;}
    .about_01 h3{line-height: 30px;}
    .about_02 .left,.about_02 .right{float: none;width: 100%;}
    .about_02 .left{width: 350px;margin:auto;margin-bottom: 20px;}

}
@media only screen and (max-width:767px) {
    .about_01,.about_02{padding: 30px 0;}
    .about_01{padding-bottom: 10px;}
    .about_02 .left{width: 100%;}
    .about_01 li{width: 50%;margin-bottom: 20px;}
    .about_01 li:nth-child(2n+1){clear: both;}
    .about_01 dt img{width: 100px;}
    .about_01 h3{margin-bottom: 5px;}
    .about_01 p br{display: none;}



}


@media only screen and (min-width:1025px) {
    .about_01 dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .about_01 li:hover dt{-webkit-transform: translateY(10px); -moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}

}

/*领导*/
.leader_box{padding: 50px 0 30px 0;}
.leader_box:nth-child(2n){background: #f7f7f7 url(/images/cn/leader_bg.jpg) no-repeat center 0;background-size: cover; padding-bottom: 80px;}
.leader_box h1{margin-bottom: 20px;}

.leader_list ul{overflow:hidden;margin: 0 -30px;}
.leader_list li{float: left;width: 33.33%;margin-bottom: 40px;}
.leader_list dl{margin: 0 30px;overflow: hidden;position: relative;}
.leader_list dt{float: left;width:calc(100% - 70px);}
.leader_list dt,.leader_list dt img{border-radius: 10px;}

.leader_list dd{width: 70px;overflow: hidden;position: absolute;top:0;right: 0;height: 100%;}
.leader_list dd h3,.leader_list dd p{writing-mode: vertical-lr;writing-mode: tb-lr;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leader_list dd h3{position: absolute;top:0;right:25px;max-height: 100%;}
.leader_list dd p{position: absolute;top:0;right: 0;max-height: 100%;}

@media only screen and (max-width:1024px) {
    .leader_list ul{margin: 0 -10px;}
    .leader_list dl{margin: 0 10px;}
    .leader_list dd{width: 56px;}
    .leader_list dt{width:calc(100% - 56px);}
    .leader_list li{margin-bottom: 20px;}
    .leader_box,.leader_box:nth-child(2n){padding: 50px 0;padding-bottom: 30px;}
}
@media only screen and (max-width:767px) {
    .leader_box, .leader_box:nth-child(2n){padding: 30px 0;padding-bottom: 20px;}
    .leader_list li{width: 50%;margin-bottom: 30px;}
    .leader_list ul{margin: 0 -5px;}
    .leader_list dl{margin: 0 5px;}
    .leader_list dd{position: static;width: 100%;}
    .leader_list dt{float: none;width: 100%;margin-bottom: 10px;}
    .leader_list dd h3,.leader_list dd p{position: static;float: none;writing-mode:inherit;writing-mode:inherit;}
    .leader_list li:nth-child(2n+1){clear: both;}
}
/*院长寄语*/

.message_cont{background: url(/images/cn/message_bg.jpg) no-repeat center center;background-size: cover;padding: 60px 0 120px 0;}
.wrap_2{width: 1210px;max-width: 88%;margin:auto;}
.message_cont .wrap_2{overflow: hidden;}
.wrap_2 .left{float: right;width: 37%;overflow: hidden;border-radius: 10px;}
.wrap_2 .left img{width: 100%;}
.wrap_2 .right{float: left;width: 56%;padding-top: 60px}
@media only screen and (max-width:1440px) {
    .wrap_2 .right{padding-top: 20px;}
}

@media only screen and (max-width:767px) {
    .message_cont{padding: 40px 0;padding-top: 20px;}
    .wrap_2{width:94%;max-width: 100%;}
    .wrap_2 .left,.wrap_2 .right{float: none;width: 100%;}
    .wrap_2 .left{width: 280px;margin: auto;}
}

/*组织机构*/
.group_cont,.group_cont_new{padding-bottom: 110px;}
.group_box h1{margin-bottom: 40px;}
.group_box h1 span{display:block;width: 79px;height: 3px;background: #87bd25;margin-top: 10px;}
.group_box{overflow: hidden;padding: 50px 50px;padding-bottom: 40px;}
.group_list{margin:0 -15px;}
.group_list dl{float: left;width: 32%;margin-bottom: 20px;margin-right: 2%;}
.group_list dl:nth-child(3n){margin-right: 0;}
.group_list dt{background: #f7f7f7;margin: 0 15px;padding: 0 20px;line-height: 66px;height: 66px; border-bottom:1px solid #d1d1d1;overflow: hidden;}
/*.group_list dt span{float: right;width: 25px;height: 100%}*/
.group_list dt span a{height: 100%;display: block;background: url(/images/cn/arrow.png) no-repeat center center;}
.group_list dt span img{vertical-align: middle;display: none;}
.group_list dt>p{width: calc(100% - 40px);float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;cursor: pointer;}
.group_list dt a{display: block;width: 100%;transition: none;}

.group_cont ul>li:nth-child(2n),.group_cont_new ul>li:nth-child(2n){background:#f7f7f7 url(/images/cn/group_bg.jpg) no-repeat center 0;background-size: cover; }
.group_cont ul>li:nth-child(2n) dt,.group_cont_new ul>li:nth-child(2n) dt{background: #fff;    border-bottom: 1px solid #87bd25;}


@media only screen and (max-width:1440px) {
    .group_cont{padding-bottom: 50px;}
    .group_box{padding: 40px 0;}
    .wrap_2 .left{width: 24%;}
    .fnt_24{font-size: 22px;}
}
@media only screen and (max-width:1366px) {
    .group_list{margin:0 -10px;}
    .group_list dt{margin:0 10px;}
    .group_box h1{margin-bottom: 30px;}

}
@media only screen and (max-width:1024px) {
    .group_box h1{margin-bottom: 20px;}
    .group_cont{padding-bottom: 20px;}
    .group_list dt{padding: 0 15px;height: 50px;line-height: 50px;}
    .group_list dl{margin-bottom: 15px;}
    .group_box h1 span{height: 2px;}

}
@media only screen and (max-width:767px) {
    .group_box{padding:20px 0;}
    .group_list dl{float: none;width: 100%;margin-bottom: 10px;}
    .group_list{margin:0 ;}
    .group_list dt{margin:0;}
    .group_list dt span a{background-size: 80%;}


}







/*banner*/
.inbanner{overflow: hidden;position: relative;}
.inbanner .banner{
    transition:all 3s;-webkit-transition:all 3s;-moz-transition:all 3s;-o-transition:all 3s;-ms-transition:all 3s;
    transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.inbanner.on .banner{
    transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}

.inbanner ul>li{overflow: hidden;}
.inbanner ul>li:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);}
.inbanner ul>li:last-child:after{background: none}
.inbanner .but{display: none;}
.bannerwrap {width: 100%;top:23%;z-index: 2;position: absolute;left: 5%;}
.inbanner video{object-fit: cover; object-position: center;width: 100%;height: 100%; }
.textbox{
    width: 70%;color: #fff;position: relative;right: -300px;
    opacity: 0;
    transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;
}
.textbox h3{font-size: 30px;overflow: hidden; margin-bottom: 20px;}
.textbox p{font-size: 48px;line-height: 58px;margin-bottom: 50px;max-height: 116px;overflow: hidden;}
.banner_m a{display: inline-block;width: 110px;height: 32px;line-height: 32px;text-align: center; border:1px solid #fff;color: #fff;border-radius: 20px;}
.inbanner .ani-slide .textbox{right: 0;opacity: 1;}

.textbox02{width: 100%;overflow: hidden;right: auto;left: 0;}
.textbox02 h3{font-size: 72px;line-height:72px;}
.textbox02 p{font-size: 16px;line-height: 24px;max-height: 48px;}
.ban_le{float: left;width: 49%;transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s; position: relative;right: -200px;}
.inbanner .ani-slide .ban_le{right: 0;}

.ban_re{float: right;width: 49%;}
.ban_re h4{margin-bottom: 10px;}
.ban_re li{float: left;width: 33.33%;margin-bottom: 40px;}
.ban_re li:nth-child(3n+1){clear: both;}
.ban_re li dl{margin: 0 15px;}
.ban_re ol{overflow: hidden;margin: 0 -15px;}
.ban_re dl{border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 10px;}
.ban_re dt{font-size:90px; height: 90px;line-height: 90px; font-weight: 100;margin-bottom: 10px;}


.textbox03{width: 100%;}
.textbox03 ol{margin: 0 -75px;}
.textbox03 ol li{float: left;width: 33.33%;}
.textbox03 li a{display: block;margin: 0 50px;    border-radius: 10px;}
.textbox03 li img{border-radius: 10px;}




.banner_cicle{position: absolute;left: 7%;bottom: 90px;width: 100%;z-index: 2;}
.banner_cicle,.inbanner .swiper-pagination,.inbanner .swiper-pagination span{height: 56px;}
.inbanner .swiper-pagination{display: inline-block;width: auto;position: relative;}
.inbanner .swiper-pagination span{width: 250px;background:none;opacity: 1;position: relative;margin: 0 !important;cursor: pointer;}
/*.inbanner .swiper-pagination span:first-child{width: 280px;}*/
.inbanner .swiper-pagination span:after{content: "";position: absolute;width: 100%;height:1px; right: 0;top:50%; background: rgba(255,255,255,0.4);}
.inbanner .swiper-pagination span:before/*,.inbanner .swiper-pagination:before*/{content: "";position: absolute;width: 8px;height: 8px;background: #fff;border-radius: 50%;top:50%;margin-top: -4px; z-index: 3;}
.cicle_s{position: absolute;width: 8px;height: 8px;background: #fff;border-radius: 50%;top:50%;margin-top: -4px; z-index: 3;left: -8px;display: none;}

.inbanner .swiper-pagination span:first-child .cicle_s{display: block;}
.inbanner .swiper-pagination span:before{right: 0; }
.inbanner .swiper-pagination:before{left: 0;}
.iline{
    visibility: hidden;opacity: 0;
    position: absolute;width: 0%;height:1px; left: 0;top:50%;margin-top: 0px; background:#87bd25;z-index: 2;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
}
.inbanner .swiper-pagination span.on .iline{visibility: 1;opacity: 1; width: 100%;transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-o-transition:all 5s;-ms-transition:all 5s;}
.inbanner .swiper-pagination span.swiper-pagination-bullet-active .iline{ width: 0%;transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;}




.banner_cicle_insert{width: 1420px; max-width: 94%; margin: auto;}



.banner li img{width: 100%;}
.s_text01,.s_text02{font-size: 18px;color: #fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.s_text02{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}
.s_text01{text-align: center;line-height: 28px;position: absolute;left: 0;width: 100%;bottom:-10px;}
.s_text01 img{margin-right: 8px;width: 28px;}

.banner_cicle_insert span .s_text02{width: 188px;height: 56px;line-height: 56px;border-radius: 40px;border:1px solid rgba(255,255,255,0.5);text-align:left;padding-left: 15px;box-sizing:border-box;position: absolute;top:0;left:-100px; margin-left: -94px; visibility: hidden;opacity: 0;}
.s_text02 b{display: block;background: url(/images/cn/pub_ic.png) no-repeat 0 center;padding-left: 50px;font-weight: normal;}


.banner_cicle_insert .swiper-pagination-bullet-active .s_text02{visibility: visible;opacity: 1;left: 50%;}
.banner_cicle_insert .swiper-pagination-bullet-active .s_text01{visibility: hidden;opacity: 0;}


.iline02{
    visibility: hidden;opacity: 0;
    width:0;
    position: absolute;

    height: 1px;
    left: 0;
    top: 50%;
    background: rgba(255,255,255,0.4);
}


.banner_cicle_insert .swiper-pagination-bullet-active .iline02{visibility: visible;opacity: 1;width: calc(100% - 220px);}

.inbanner .swiper-pagination span.swiper-pagination-bullet-active:after{width: calc(100% - 220px);visibility: visible;opacity: 1;}


.bannerwrap_03{top:19%;}




.inbanner ul>li{height:calc(100vh - 122px) !important;}
/*01*/

@media ( min-width:1025px ) and ( max-height:900px ){
    .banner_cicle{bottom: 50px;}
    .textbox01 h3{font-size: 26px;}
    .textbox01 p{font-size: 40px;line-height: 50px;max-height: 100px;}
    .textbox02 h3{font-size: 52px;line-height: 56px;}
    .textbox p{margin-bottom: 40px;}

    .textbox03{width: 80%;margin: auto;}

}

@media ( min-width:1025px ) and ( max-height:760px ){
    .ban_re dt{font-size: 60px;height: 60px;line-height: 60px;}
    .ban_re li{margin-bottom: 20px}
    .textbox03{width: 70%;margin: auto;}


}
@media ( min-width:1025px ) and ( max-height:680px ){

    .textbox03{width: 60%;margin: auto;}


}
@media ( min-width:1025px ) and ( max-height:590px ){

    .textbox03{width: 50%;margin: auto;}
    .textbox01 h3{font-size: 22px;}
    .textbox01 p{font-size: 32px;line-height: 42px;max-height: 84px;}
    .textbox02 h3{font-size: 44px;line-height: 50px;}
    .ban_re dt{font-size: 66px;height: 66px;line-height: 66px;}
    .ban_re li{margin-bottom: 30px;}

}

/*01*/


@media only screen and (max-width:1440px) {
    .banner_cicle{bottom: 50px;}
    .textbox01 h3{font-size: 26px;}
    .textbox01 p{font-size: 40px;line-height: 50px;max-height: 100px;}
    .textbox02 h3{font-size: 52px;line-height: 56px;}
    .textbox p{margin-bottom: 40px;}
    .ban_re dt{font-size: 72px;height: 72px;line-height: 72px;}



}


@media only screen and (max-width:1366px) {
    .textbox01 h3{font-size: 22px;}
    .textbox01 p{font-size: 32px;line-height: 42px;max-height: 84px;}
    .textbox02 h3{font-size: 44px;line-height: 50px;}
    .ban_re dt{font-size: 66px;height: 66px;line-height: 66px;}
    .ban_re li{margin-bottom: 30px;}
}

@media only screen and (max-width:1150px) {
    .inbanner .swiper-pagination{display: block;}
    .inbanner .swiper-pagination span{width: 25%;}
    .banner_cicle_insert span .s_text02{width: 130px;}
    .s_text02 b{padding-left: 32px;    background-size: 24px;}
    .s_text01, .s_text02{font-size: 14px;}
    .banner_cicle_insert span .s_text02{margin-left: -65px;}
    .banner_cicle_insert .swiper-pagination-bullet-active .iline02,.inbanner .swiper-pagination span.swiper-pagination-bullet-active:after {

        width: calc(100% - 186px);
    }
    .s_text01 img{width: 22px;}
    .textbox01 p{font-size: 22px;line-height: 30px;max-height: 60px;margin-bottom: 30px;}
    .textbox02 h3{font-size: 30px;line-height: 36px;}
    .ban_re dt{font-size: 40px;height: 40px;line-height: 40px;}
    .textbox p{font-size: 14px;margin-bottom: 20px;}
    .banner_cicle{bottom: 30px;left: 0;}

    .bannerwrap{left: 0;}


}


@media only screen and (max-width:767px) {
    .inbanner ul>li{height:600px !important;}
    .textbox03 li a{margin: 0 5px;}
    .textbox03 ol{margin: 0 -5px;}

    .textbox{width: 100%;}
    .textbox h3{margin-bottom: 10px;font-size: 20px;}
    .textbox02 h3{font-size: 20px;line-height: 24px;}
    .ban_le,.ban_re{float: none;width: 100%}
    .ban_re dt{font-size: 22px;height: 22px;line-height: 22px;margin-bottom: 5px;font-weight: bold;}
    .ban_le{margin-bottom: 20px;}
    .ban_re li{margin-bottom: 20px;}
    .ban_re dl{padding-bottom: 5px;}
    .bannerwrap_02{top:18%;}
    .textbox02 p{font-size: 12px;line-height: 20px;max-height: 40px;}
    .banner_cicle, .inbanner .swiper-pagination, .inbanner .swiper-pagination span{height: 40px;}
    .banner_cicle_insert span .s_text02{height: 40px;line-height: 40px;}
    .bannerwrap_03{top:28%;}
    .banner_cicle_insert span .s_text02{    width: calc(100% - 6px);}
    .s_text02 b{padding: 0;background: none;}
    .banner_cicle_insert span .s_text02{padding:0;text-align: center;}
    .banner_cicle_insert .swiper-pagination-bullet-active .s_text02{left: 0;margin: 0;}
    .s_text01 img {
        width: 16px;
        vertical-align: middle;
        margin-top: -4px;margin-right: 4px;
    }
    .s_text01{width: 90px;left: 50%;margin-left: -45px;}
    .s_text01, .s_text02{font-size: 12px;}

    .ban_re li dl{margin: 0 5px;}
    .ban_re ol{margin: 0 -5px;}



}


/*学院新闻*/
.news_list{padding-top: 20px;padding-bottom: 90px;}
.news_label{margin-bottom: 30px;}
.news_label span{display: inline-block; color: #959595;padding:0 15px;border-bottom: 1px solid #88c346;padding-bottom: 4px;}
.news_time{font-family: "Arial";color: #58975f;}
.news_time span{font-weight: bold;margin-right: 3px;}
.news_list li{padding: 0px 30px;border:1px solid #fff;}
.news_list dl{overflow: hidden;border-bottom: 1px solid #e4e4e4;padding:40px 0;}
.news_list dt{float: left;width: 38.6%;}
.news_list dt img{width: 100%;}
.news_list dd{float: right;width: 57.6%;}
.news_list dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 20px;}
.news_list dd p{line-height: 30px;max-height: 60px;color: #5f5f5f;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media only screen and (max-width:1440px) {
    .news_label{margin-bottom: 20px;}
    .news_list{padding-bottom: 60px;}

}
@media only screen and (max-width:1280px) {
    .news_label{margin-bottom: 15px;}
    .news_list dd h3{margin-bottom: 15px;}
    .news_list dl{padding: 30px 0;}

}
@media only screen and (max-width:1024px) {
    .news_list{padding-bottom: 40px;}
    .news_list li{padding: 0;}
    .news_list dl{padding: 20px 0;}
    .news_time{margin-bottom: 5px;}
    .news_list dd h3{margin-bottom: 5px;}
    .news_list dd p{line-height: 24px;max-height: 48px;font-size: 14px;}
    .news_label span{padding:0 10px;}
    .news_label{margin-bottom: 10px;}

}
@media only screen and (max-width:767px) {
    .news_list{padding: 0;padding-bottom: 20px;}
    .news_list dt,.news_list dd{float: none;width: 100%;}
    .news_list dt{margin-bottom: 10px;}
    .news_list dd h3{font-weight:bold;}

}




@media only screen and (min-width:1025px) {
    .news_list li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .group_list dt span a:hover{background: url(/images/cn/arrow_on.png) no-repeat center center;}
    .banner_m a:hover{background: #87bd25;border:1px solid #87bd25;color: #fff !important;}
    .news_list li:hover{background: #f7f7f7 url(/images/cn/news_bg.jpg) no-repeat center center;background-size: cover;border:1px solid #58975f;box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);}
    .detial_page span a:hover{color: #58975f;}



}

.noBottom_line .pub_flow li.on em{
    display: none;
}



/*滚动条*/
.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #edf1f5 ;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    min-height: 30px;
    -webkit-border-radius: 0;
    background: #88c346;
    border-radius: 5px;

}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar {
    background: #88c346;
}

.edit_about{height: 380px;overflow: hidden;}
@media only screen and (max-width:1024px) {
    .edit_about{height: auto;}
}





/*2020 1 - 04 变更 */
.newsbg{height: 100%;}
.newsbg_ul{height: 100%;}
.newsbg_ul li{position: absolute;left: 0;top: 0;opacity: 0;transition: all .3s;}
.newsbg_ul li.on{opacity: 1;}
.circle_item{cursor: pointer;}
.circle_item>span{width: 56px;height:56px;position: absolute;top:0;left: 0;border: 1px solid #d2d2d2;border-radius: 50%;
    animation: home_hero_item_hints_border 2s linear infinite;
}
.circle_item>span i{display: block;width: 9px;height: 10px;}
.circle_item em{width: 1px;height: 55px;background: #d2d2d2;position: absolute;left:27px;bottom:0;display: none;}

.circle_con{width: 400px;position: absolute;right: 0px;top: 240px;z-index: 100000;}
.circle_item{width: 56px;float: left;height: 56px;position: relative;margin-bottom: 100px;margin-right: calc(50% - 58px);}

/*.big_circle{width: 220px;height: 220px;}*/
.span_before{
    top: 50%;
    margin-top: -78px;
    left: 50%;
    margin-left: -78px;

    width:156px;
    height:156px;background: rgba(255,255,255,0.2);
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    animation: Circle 2s infinite;
    transform: scale(0);
    transition-property: background-color, opacity, visibility, transform;
    transition-duration: time(normal);
    transition-timing-function: ease, ease, ease, ease(inout);
}
.circle_line{position: absolute;top: -42px;
    right: 58px;width: 200px!important;display: none;}
.circle_text{color: #fff;margin-top: -205px;
    margin-left: -202px;display: none;}
.circle_text h3{margin-bottom: 10px;white-space: nowrap;
    width: 100%;
    overflow: hidden;}

/*@keyframes Circle {*/
/*0% {*/
/*opacity: 1;*/
/*}*/

/*100% {*/
/*opacity: 0;*/
/*}*/
/*}*/

@keyframes home_hero_item_hints_border {
    0%,
    100% {
        border-color: fade-out(white, .4);
        transform: translate(-50%, -50%) scale(.8);
    }

    50% {
        border-color: fade-out(white, .7);
        transform: translate(-50%, -50%) scale(1);
    }
}



.circle_item.on .span_before{visibility: visible;-webkit-transform: scale(1);
    transform: scale(1);opacity: 1;}
.circle_item.on .circle_text{display: block;}
.circle_item.on .circle_line{display: block;}


@media only screen and (max-width:1024px) {
    .circle_con{bottom: 100px;top: auto;}
}
@media only screen and (max-width:767px) {
    .circle_con{bottom: 45px;top: auto;width: 100%;}
    .circle_item{margin-bottom: 60px;margin-right: 0;width: 50%;}
    .circle_item>span{margin: 0 auto;display: block;left: 50%;}
    .circle_line{display: none;}
    .circle_item.on .circle_line{display: none;}
    .circle_text{display: block!important;margin-top: 45px;margin-left: 0px;text-align: center;}
    .circle_text p{display: none;}
    .circle_text span{display: none;}
    .circle_item .span_before{display: none!important;}
    .newsbg_ul  .bannerwrap{top: 15%;}
}
.group_body .group_modal{top: 200px;
    left: 50%;
    margin-left: -100px;height: auto;}
.group_body .character_con{width: 400px;padding: 50px;box-shadow: 0 0 10px rgba(0,0,0,0.3);top: 40%;}
.group_body .close_btn{width: 30px;height: 30px;line-height: 30px;right: 10px;top: 10px;}
.group_body .close_btn i{font-size: 22px;}
.group_body .team_box dt{padding-top: 0;height: auto!important;}
.group_body .team_text1{margin-top: 0;}
.group_list dl{margin-bottom: 30px;}
.group_list dt{position: relative;overflow: inherit;}
.modal_txt{position: absolute;right: 0px;box-shadow: 0 0 10px rgba(0,0,0,0.3);bottom: -25px;display: none;width: auto;background: #fff;line-height: 22px;font-size: 12px;padding: 0 20px;}
.inbanner ul>li:first-child:after{display: none;}
.newsbg_ul>li:after{background:none!important;}

.istanchuan .modal_txt{display: none!important;}