*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */ font-family: 'Source Han Sans CN';}
ul,li,ol{list-style: none;}
a{text-decoration: none;color: #000;}
img{border: 0;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #ddd;line-height: 1.5;padding: 10px;}
input,textarea,select,button{outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;position: relative;font-size: .16rem;color: #000;background-color: #FFFFFF;}

.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.wrapper{width: 16rem;margin: 0 auto;min-width: 960px;}
.sub_wrapper{width: 12rem;margin: 0 auto;min-width: 960px;padding: .75rem 0 .85rem;}

.public_name{font-size: .46rem;color: #333;font-weight: bold;line-height: .48rem;text-align: center;}
.public_sub_name{font-size: .46rem;color: #333;font-weight: bold;line-height: .48rem;text-align: center;margin-bottom: .5rem;}
.public_name.nameColor{color:#0061ae;}

/* 头 */
header{width: 100%;background-color: #FFFFFF;}
header .head_info{height: 100px;}
header .head_info .tel .icon{display: block;height: 40px;margin-right: 5px;}
header .head_info .tel .text{font-size: 15px;color: #b0915f;line-height: 27px;}
header .head_info .tel span{font-size: 25px;}
header .head_info .logo{height: 64px;}
header .head_info .logo img{display: block;height: 100%;}
header .head_info .duration{display: block;height: 57px;}
header .line{display: block;width: 100%;height: 1px;background-color: #eeeeee;}
header .nav dd{font-size: 18px;line-height: 60px;}
header .nav dd a{display: block;color: #000000;padding: 0 .15rem;transition: .5s;}
header .nav .icon{display: block;height: 14px;cursor: pointer;}
header .nav .active{background-color: #0061ae;color: #fff;}
header .nav dd:hover a{background-color: #0061ae;color: #fff;}


/* banner */
.banner{width: 100%;position: relative;overflow: hidden;}
/* .banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;} */
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{width: 50%;left: 0;position: absolute;bottom: 33px;font-size: 18px;color:#fff;text-align: left;padding-left: .8rem;font-weight: bold;}
.banner .swiper-pagination-current{font-size: 67px;line-height: 69px;}
.banner .page{position: absolute;width: fit-content;top: 50%;transform: translateY(-50%);right: .8rem;z-index: 2;}
.banner .page .swiper-button-prev::after , .banner .page .swiper-button-next::after {display: none;}
.banner .page .swiper-button-prev, .banner .page .swiper-button-next{display: block;width: .74rem;height: .74rem;position: sticky;margin: 0;overflow: hidden;}
.banner .page .swiper-button-prev{margin-bottom: .15rem;}
.banner .page .swiper-button-prev:hover img, .banner .page .swiper-button-next:hover img{transform: translateY(-50%);}
.banner .carouselImg{position: absolute;z-index: 2;right: 100px;bottom: 0;}

/* 镂空分页器 */
.mySwiper2{position: absolute;bottom: 10px;right: 80px;z-index: 3;}
.circleProgress_wrapper{width: 20px;height: 20px;margin: 50px auto;position: relative;}
.circleProgress_wrapper::after{display: block;content:'';width: 16px;height: 16px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.list_wrapper{width: 10px;height: 20px;position: absolute;top:0;overflow: hidden;}
.right{right:0;}
.left{left:0;}
.rightcircle{border-top:3px solid #eaae72;border-right:3px solid #eaae72;right:0;}
.leftcircle{border-bottom:3px solid #eaae72;border-left:3px solid #eaae72;left:0; -webkit-transform: rotate(225deg);}
.circleProgress{width: 20px;height: 20px;border:3px solid transparent;border-radius: 50%;position: absolute;top:0;z-index: 2;-webkit-transform: rotate(45deg);}
.swiper-slide-thumb-active::after{background-color: transparent;border:2px solid #fff;}
.swiper-slide-thumb-active .rightcircle{border-top:3px solid #eaae72;border-right:3px solid #eaae72;right:0;-webkit-animation: circleProgressLoad_right 4s linear infinite;}
.swiper-slide-thumb-active .leftcircle{border-bottom:3px solid #eaae72;border-left:3px solid #eaae72;left:0;-webkit-animation: circleProgressLoad_left 4s linear infinite;}
@-webkit-keyframes circleProgressLoad_right{
    0%,50%{
      -webkit-transform: rotate(225deg);
    }
    100%{
        -webkit-transform: rotate(45deg);
    }
}
@-webkit-keyframes circleProgressLoad_left{
  0%{
       -webkit-transform: rotate(225deg);
  }
  50%,100%{
   -webkit-transform: rotate(45deg);
  }
}


/* 简介 */
.i-profile{width: 100%;padding: 1.42rem .6rem;background-color: #e8e8e8;overflow: hidden;position: relative;}
.i-profile::after{display: block;content: '';width: 2.1rem;height: 100%;background-color: #fff;position: absolute;top: 0;right: 0;}
.i-profile .content{width: 100%;overflow: hidden;position: relative;z-index: 2;}
.i-profile .img{width: 8.86rem;position: relative;margin-right: .95rem;overflow: hidden;}
.i-profile .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-profile .content::after{display: block;content: '';width: .1rem;height: 1.24rem;background-color: #cb0000;position: absolute;top: 27%;left: 8.8rem;}
.i-profile .text{flex:1;}
.i-profile .text .en{font-size: .18rem;color: #cb0000;line-height: .2rem;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;}
.i-profile .text .title{font-size: .42rem;color: #000;line-height: .52rem;font-weight: bold;margin-bottom: .35rem;}
.i-profile .text .desc{width: 100%;font-size: .18rem;color: #656565;line-height: .3rem;margin-bottom: .45rem;}
.i-profile .text .more{display: block;width: 1.96rem;height: .52rem;font-size: 16px;color: #000;line-height: .52rem;text-align: center;background-color: #fff;position: relative;}
.more i{font-style: normal;font-family: 'SimSun';font-weight: bold;}
.i-profile .text .more .line{background-color: #0A3F8B;position: absolute;}
.i-profile .text .more .top_line ,.i-profile .text .more .bot_line{width: 0;height: 1px;}
.i-profile .text .more .right_line ,.i-profile .text .more .left_line{width: 1px;height: 0;}
.i-profile .text .more:hover{background-color: #cb0000;color: #fff;transition: 1s;transition-delay: .5s;}
.i-profile .text .more:hover .top_line{width: 100%;top:0;left: 0;transition: .5s;}
.i-profile .text .more:hover .bot_line{width: 100%;bottom:0;right: 0;transition: .5s;}
.i-profile .text .more:hover .right_line{height: 100%;top:0;right: 0;transition: .5s;}
.i-profile .text .more:hover .left_line{height: 100%;bottom:0;left: 0;transition: .5s;}
.i-profile .text .more_none::after{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #cb0000;opacity: 0;box-sizing: border-box;}
.i-profile .text .more_none:hover::after{opacity: 1;transition: 1s;transition-delay: .5s;}
.i-profile .channel{margin-left: 1.45rem;}
.i-profile .channel dd:not(:last-child){margin-bottom: 10px;}
.i-profile .channel dd a{display: block;width: 2.86rem;height: 1.52rem;overflow: hidden;}
.i-profile .channel dd a img{display: block;width: 100%;height: 100%;object-fit: cover;}


/* 教学方式 */
.i-methods{width: 100%;background: url(../images/methods_bj.jpg)no-repeat center / cover;padding: 1.3rem 0 1.2rem;}
.i-methods dl dd a{width: 100%;height: 5.1rem;background-color: rgba(0,0,0,.73);padding: .8rem .2rem;transition: .5s;border-radius: 4px;}
.i-methods dl dd a .icon{display: block;width: .7rem;height: .7rem;}
.i-methods dl dd a .text{height: 1.6rem;font-size: .3rem;line-height: .4rem;color: #fff;text-align: center;}
.i-methods dl dd:hover a{background-color: rgba(211,39,39,.84);}



/* 教学 */
.i-achievement{width: 100%;padding: .7rem 0 .7rem 1.6rem;border-bottom: 1px solid #e8e8e8;}
.i-achievement .img{display: block;width: 4rem;height: 1.87rem;margin-right: .5rem;}
.i-achievement .img img{width: 100%;height: 100%;object-fit: cover;}
.i-achievement .item{flex:1;}
.i-achievement .item .list{ display: flex;align-items: center;width: 4.7rem;height: 2.26rem;background-color: #eaeaea;padding-right: .32rem;position: relative;overflow: hidden;}
.i-achievement .item .list::after{display: block;content:'';width: 100%;height: 100%;background:linear-gradient(-45deg , rgba(11,63,129,1) ,rgba(211,36,45,1)) ;opacity: 0;transition: .5s;position: absolute;top: 0;left: 0;}
.i-achievement .item .list .head_pic{width: 1.42rem;height: 1.42rem;border-radius: 50%;margin: 0 .32rem;overflow: hidden;}
.i-achievement .item .list .content{width: 100%;position: relative;z-index: 2;}
.i-achievement .item .list .head_pic img{width: 100%;height: 100%;object-fit: cover;}
.i-achievement .item .list .text{flex:1;overflow: hidden;position: relative;z-index: 2;transition: .5s;}
.i-achievement .item .text .title{font-size: .3rem;color:#000000;line-height: .34rem;font-weight: bold;margin-bottom: .1rem;}
.i-achievement .item .text .info{font-size: .18rem;color: #454545;line-height: .28rem;}
.i-achievement .item .text .school{width: 100%;}
.i-achievement .item .info span{font-weight: bold;}
.i-achievement .item .list  .more{display: block;width: .8rem;font-size: .14rem;color: #454545;text-align: center;line-height: .4rem;background-color: #e6e6e6;border-top-left-radius: .14rem;position: absolute;bottom: 0;right: 0;box-shadow: -.02rem -.02rem .1rem 0 rgba(0,0,0,.1);z-index: 3;}

.i-achievement .item .list:hover{padding: 0 .32rem;}
.i-achievement .item .list:hover::after{opacity: 1;}
.i-achievement .item .list:hover .head_pic{width: 1rem;height: 1rem;margin: 0 .2rem;transition: .5s;}
.i-achievement .item .list:hover .content{border-radius: 5px;-webkit-backdrop-filter: blur(100px);backdrop-filter: blur(100px);background-color: rgba(255,255,255,.2);padding: .1rem;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}
.i-achievement .item .list:hover .text{}
.i-achievement .item .list:hover .info , .i-achievement .item .list:hover .title{color: #fff;}
.i-achievement .item .list:hover .more{width: 100%;height: 100%;opacity: 0;}


/* 环境展示 */
.i-ambient{width: 100%;padding: .8rem 0;}
.i-ambient .name{font-size: .42rem;color: #000000;line-height: .42rem;}
.i-ambient .name span{font-weight: bold;}
.i-ambient .en{font-size: .18rem;color:#777777;line-height: .18rem;text-transform: uppercase;margin-top: .15rem;}
.paging{height: .49rem;cursor: pointer;}
.paging .btn_prev , .paging .btn_next{display: flex;justify-content: center;align-items: center;width: .9rem;height: 100%;background-color: #e8e8e8;opacity: .6;}
.paging .btn_next{margin-left: 4px;}
.paging img{display: block;width: .3rem;height: .1rem;}
.paging .btn_prev:hover , .paging .btn_next:hover{opacity: 1;}

.i-ambient .img_show{width: calc(100% - 1.6rem);margin: .5rem 0 0 1.6rem;position: relative;overflow: hidden;}
.i-ambient .img_show .list{width: 5rem;}
.i-ambient .img_show .list a{display: block;width: 100%;}
.i-ambient .img_show .list .img{width: 100%;height: 3.2rem;border-radius: .3rem;overflow: hidden;position: relative;}
.i-ambient .img_show .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.i-ambient .img_show .list .img::after{display: block;content:'';width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;opacity: 0;transition:.5s;}
.i-ambient .img_show .list .title{width: 100%;height: ;font-size: .26rem;color: #000;padding: .3rem 10px;}


.ambient .img_show .list:hover .img::after{opacity: 1;}
.ambient .img_show .list:hover .img img{transform: scale(1.1);}


/* 专家团队 */
.i-teacher{width: 100%;min-height: 7.6rem;padding-left: 1.6rem;background: url(../images/teacher_bj.jpg)no-repeat center / cover;overflow: hidden;}
.i-teacher .left{flex: 1;}
.i-teacher .left .icon{display: block;height: .62rem;}
.i-teacher .left .title{font-size: 1rem;line-height: 1.2rem; background-image:-webkit-linear-gradient(top,#ffffff,#ffffff,#a5c5ff);-webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;transform: skew(-10deg);padding: .2rem 0;}
.i-teacher .left .campus{font-size: .36rem;color: #c3d8ff;line-height: .48rem;}
.i-teacher .left .campus span{color: #e91915;}
.i-teacher .left .more{display: block;width: 2.15rem;font-size: .22rem;color: #FFFFFF;line-height: .56rem;text-align: center;border-radius: .56rem;background: linear-gradient(to right ,#d00600,  #012977);margin-top: .3rem;}
.i-teacher .img{width: 9.79rem;height: fit-content;}
.i-teacher .img img{display: block;width: 100%;}


/* 最新公告 */
.i-notice{width: 100%;padding: 2.21rem 0 .7rem 1.6rem;background: url(../images/notice_bj.jpg)no-repeat #e8e8e8 top center / 100% 5.31rem;overflow: hidden;position: relative;}
.i-notice .name{font-size: .42rem;color: #fff;line-height: .42rem;position: absolute;top: .8rem;left: 1.6rem;}
.i-notice .en{font-size: .18rem;color:#fff;line-height: .18rem;text-transform: uppercase;margin-top: .15rem;}
.i-notice .img_show{width: 100%;position: relative;overflow: hidden;}
.i-notice .list{width: 4.7rem;background-color: transparent;padding-top: .6rem;}
.i-notice .list a{display: block;width: 100%;}
.i-notice .list .img{display: block;width: 100%;height: 2.5rem;overflow: hidden;}
.i-notice .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-notice .list .text{width: 100%;padding: .45rem .45rem .2rem;background-color: #fff;}
.i-notice .list .date{font-size: .18rem;color: #000000;line-height: .2rem;margin-bottom: .2rem;}
.i-notice .list .title{width: 100%;height: .68rem;font-size: .26rem;color: #000000;line-height: .34rem;margin-bottom: .15rem;font-weight: bold;}
.i-notice .list .desc{width: 100%;height: .84rem;font-size: .16rem;color:#000000;line-height: .28rem;}
.i-notice .list .art_more{width: 100%;height: .8rem;padding: 0 .3rem .2rem;background-color: #fff;position: relative;}
.i-notice .list .art_more::before{display: block;content: '';width: calc(100% - .6rem);height: 1px;background-color: #e3e3e3;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.i-notice .list .art_more img{display: block;width: .3rem;}
.i-notice .notice_page{margin-top: .53rem;}
.i-notice .paging .btn_prev, .i-notice .paging .btn_next{background-color: #FFFFFF;}


/* 页脚 */
footer{width: 100%;background-color: #323742;padding: .3rem 0 .9rem;}
footer  .nav {border-bottom: 1px solid rgba(255,255,255,.15);margin-bottom: .5rem;padding: 0 1rem .2rem;}
footer  .nav dd a{font-size: 18px;color: #ffffff;line-height: 20px;}
footer .logo{display: block;width: 1.01rem;margin-right: .3rem;}
footer .logo img{display: block;width: 100%;height: auto;}
footer .link{width: 100%;}
footer  .info , footer  .qrcode {font-size: .16rem;color: rgba(255,255,255,.36);line-height: .26rem;font-weight: 300;}
footer  a{color: rgba(255,255,255,.36);}
footer .qrcode .img{display: block;width: 1.18rem;margin-left: .1rem;}


/* 标题 */
.top__name{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 3.68rem;color: #FFFFFF;position: relative;overflow: hidden;}
.top__name a{color: #FFFFFF;}
.top__name .name{font-size: .52rem;font-weight: bold;line-height: .52rem;}
.top__name .en{font-size: .28rem;font-weight: 200;line-height: .28rem;text-transform: uppercase;margin-top: .1rem;}
.top__name .break{position: absolute;top: 0;font-weight: 300;}
.break{line-height: .7rem;}



/* 介绍 */
.profile{width: 100%;padding: 1rem 0 .7rem;}
.profile  .wrapper{bottom: 1px solid #e7e7e7;}
.profile img{display: block;}
.profile .text_img{width: 5.67rem;margin-bottom: .35rem;}
.profile .logo{width: 1.25rem;}
.profile  .desc{width: 8.35rem;font-size: .18rem;line-height: .33rem;color: #000;text-indent: .36rem;}


/* 办学特色 */
.feature{width: 100%;padding: .8rem 0 .3rem;}
.feature .top{display: flex;flex-wrap: wrap;width: 100%;background: url(../icons/school_bj.png)no-repeat center right/ auto 1.3rem  #fff ;margin-bottom: .9rem;}
.feature .info_list{margin-right: 1.1rem;}
.feature .info_list .text{font-size: .76rem;color: #cb0000;line-height: .76rem;margin-bottom: .2rem;}
.feature .info_list .text span{font-size: .28rem;vertical-align: text-top;}
.feature .info_list .p20{font-size: .2rem;color: #000000;line-height: .2rem;}
.feature .content{display: flex;justify-content: flex-end;width: 100%;height: fit-content;overflow: hidden;position: relative;}
.feature .content .img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.feature .content .art{width: 5.42rem;background-color: rgba(16,32,60,.86);padding: .9rem .3rem;position: relative;z-index: 2;}
.feature .content .art .title{font-size: .36rem;color: #fff;font-weight: bold;line-height: .36rem;margin-bottom: .15rem;}
.feature .content .art .pic{display: block;width: 100%;margin-bottom: .8rem;}
.feature .content .art .desc{font-size: .18rem;color: #fff;line-height: .33rem;text-align: justify;font-weight: 300;text-indent: .36rem;}


/* 师资简介 */
.teachers{width: 100%;padding: .3rem 0 0;}
.teachers .top{padding-bottom: .8rem;border-bottom: .08rem solid #d0d0d0;}
.teachers .top .name{font-size: .4rem;color: #000000;line-height: .4rem;margin-bottom: .25rem;text-align: center;font-weight: bold;}
.teachers .top .art{font-size: .18rem;color:#000000;line-height: .33rem;}
.teachers .images{width: 100%;padding: 1.1rem .16rem 1.2rem;background-color: #e8e8e8;}
.teachers .images .img_show{display: flex;flex-wrap: wrap;width: 100%;overflow: hidden;position: relative;}
.teachers_page{display: flex;justify-content: center;padding: .24rem 0 .3rem;box-sizing: content-box;}
.teachers .images .list{display: block;width: calc((100% - 1rem) / 5);margin-bottom: .2rem;margin-right: .25rem;}
.teachers .images .img{width: 100%;height: 3.94rem;overflow: hidden;background-color: #fff;}
.teachers .images .img img{display:block;width: 100%;height: 100%;object-fit:contain;}
.teachers .images .text{width: 100%;background-color: #fff;padding:.25rem .2rem 0;}
.teachers .images .title{width:100%;font-size: .24rem;line-height: .24rem;margin-bottom: .05rem;}
.teachers .images .ftitle{width:100%;height:.56rem;font-size: .18rem;line-height: .28rem;margin-bottom: .05rem;}
.teachers .images .art_more{width: 100%;font-size: .16rem;color: #000000;line-height: .16rem;padding:.15rem 0 .2rem;border-top: 1px solid #ececec;}
.teachers .images .art_more .icon{display: block;width: .28rem;height: .07rem;}


/* 校长介绍 */
.principal{width: 100%;padding: .6rem 0 1.7rem;}
.principal .top .name{font-size: .52rem;line-height: .52rem;color: #000000;margin-right: .2rem;font-weight: bold;text-align: center;}
.principal .top  .ftitle{font-size: .18rem;color: #3b495a;line-height: .28rem;padding: 0 .05rem;background-color: #d8dee5;font-weight: 300;margin-top: .1rem;}
.principal .top .year{display: block;height: .94rem;}
.principal .content{width: 100%;border-radius: .2rem;padding: .77rem 0 .7rem;background:linear-gradient(to bottom , #0b4191 , #f7f9fc)  ;margin-top: .6rem;position: relative;overflow: hidden;}
.principal .content::before{display: block;content: '';width: 3.84rem;height: 5.35rem;background: url(../icons/principal_bj.png)no-repeat center / cover;position: absolute;right: 0;bottom: 0;}
.principal .content .images{width: 12.7rem;margin: 0 auto;position: relative;z-index: 2;}
.principal .images .list{display: block;width: calc((100% - 1.2rem) / 4);}

.principal .images .img{width: 100%;height: 3.94rem;overflow: hidden;}
.principal .images .img img{display:block;width: 100%;height: 100%;object-fit:cover;}
.principal .images .text{width: 100%;background-color: #fff;padding:.25rem .2rem 0;}
.principal .images .title{width:100%;font-size: .24rem;line-height: .24rem;margin-bottom: .05rem;font-weight: bold;}
.principal .images .ftitle{width:100%;height:.56rem;font-size: .18rem;line-height: .28rem;margin-bottom: .05rem;}
.principal .images .art_more{width: 100%;font-size: .16rem;color: #000000;line-height: .16rem;padding:.15rem 0 .2rem;border-top: 1px solid #ececec;}
.principal .images .art_more .icon{display: block;width: .28rem;height: .07rem;}


/* 校长介绍 */
.principal_detail{width: 100%;padding-top: 2.4rem;background-color: #fff;}
.principal_detail .backdrop{width: 100%;background-color: #f4f9fe;padding-bottom: 1.5rem;padding-top: 1px;}
.principal_detail .backdrop .content{width: 12.2rem;margin: -1.4rem auto 0;overflow: hidden;}
.principal_detail .content .img{width: fit-content;height: fit-content;position: relative;margin: .1rem 1.2rem 0 .1rem;}
.principal_detail .content .img::after{display: block;content: '';width: 100%;height: 100%;background-color: #c7daec;position: absolute;top: -.1rem;left: -.1rem;border-radius:  0 .6rem 0 .6rem;}
.principal_detail .content .img .box{width: 4.17rem;height: 5.57rem;overflow: hidden;border-radius:  0 .6rem 0 .6rem;position: relative;z-index: 2;}
.principal_detail .content .img .box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.principal_detail .content .text{flex: 1;padding-top: .6rem;}
.principal_detail .text .title{font-size: .45rem;color: #000000;font-weight: bold;overflow: hidden;line-height: .6rem;margin-bottom: .6rem;}
.principal_detail .text .title span{display: inline-block;color: #083f90;margin-right: .15rem;}
.principal_detail .text .desc{font-size: .18rem;color: #000000;line-height: .38rem;}
.principal_detail .text .desc img{max-width: 100%;}


/* 课程设置 */
.methods{padding-top: 0;}


/* 文章详情 */
.art_box{width: 100%;overflow: hidden;padding-bottom: .8rem;}
.art_box .content{padding: .75rem .8rem;background-color: #FFFFFF;}
.art_box .content .title{font-size: .34rem;color: #000000;line-height: .51rem;margin-bottom: .35rem;}
.art_box .content article{font-size: .16rem;color: #666666;line-height: .34rem;}
.art_box .content article img{max-width: 100%;}


/* 环境展示 */
.ambient{width: 100%;overflow: hidden;padding: 1.1rem 0;}
.ambient .item{display: flex;flex-wrap: wrap;}
.ambient .item dd{width: calc((100% - .9rem) / 4);margin-bottom: .25rem;}
.ambient .item a{display: block;width: 100%;}
.ambient .item a .img{width: 100%;height: 2.4rem;border-radius: 6px;overflow: hidden;}
.ambient .item a .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ambient .item a .title{width: 100%;font-size: .18rem;color: #000000;font-weight: 300;line-height: .6rem;text-align: center;padding: 0 .1rem;}


/* 新闻 */
.news{width: 100%;overflow: hidden;padding: .5rem 0 1.6rem;}
.news .channel{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: .75rem;}
.news .channel .list{display: block;min-width:2.06rem ;height: .5rem;font-size: .2rem;color: #000000;line-height: .5rem;text-align: center;background-color: #fff;}
.news .channel .list:not(:last-child){margin-right: .15rem;}
.news .channel .active{color: #fff;background-color: #cb0000;}
.news .channel .list:hover{color: #fff;background-color: #cb0000;}
.news .item{display: flex;flex-wrap: wrap;}
.news .item dd{width: calc((100% - .26rem) / 2);margin-bottom: .18rem;}
.news .item dd:not(:nth-child(2n)){margin-right: .26rem;}
.news .item a{display: flex;width: 100%;background-color: #fff;padding: .24rem;overflow: hidden;}
.news .item a .img{width: 2.02rem;height: 1.36rem;margin-right: .27rem;overflow: hidden;}
.news .item a .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news .item a .text{flex: 1;padding-top: .1rem;color: #000000;}
.news .item a .date{font-size: .18rem;line-height: .18rem;margin-bottom: .1rem;font-weight: 300;}
.news .item a .date .icon{display: block;width: .26rem;} 
.news .item a .title{width: 100%;font-size: .26rem;line-height: .26rem;margin-bottom: .1rem;}
.news .item a .desc{width: 100%;font-size: .16rem;line-height: .28rem;font-weight: 300;height:.56rem;}



/* 在线报名 */
.enroll{width: 100%;overflow: hidden;background: url(../images/enroll_bj.jpg)no-repeat center / cover;padding:1.2rem 0 2rem;position: relative}
.enroll .content{display: flex;background-color: rgba(0,0,0,.73);position: relative;}
.enroll .content .icon{display: block;width: 3rem;height: auto;position: absolute;bottom: 0;left: 0;}
.enroll .content .top__name{flex:1;width: auto;height: fit-content;padding: 1.4rem 0 ;}
.enroll .content .form{display: flex;flex-wrap: wrap;width: 11.25rem;padding: .9rem .85rem .9rem .6rem;background-color: #083f90;}
.enroll .form .list{display: flex;align-items: flex-start;width: 50%;font-size: .2rem;color: #fff;line-height: .58rem;margin-bottom: 10px;}
.enroll .form .list_width{width: 100%;}
.enroll .form .list .title{width: 1.7rem;position: relative;padding-left: .45rem;box-sizing: content-box;}
.enroll .form .list .title_must::after{display: block;content: '*';width: fit-content;color: #d00600;position: absolute;top: 0;left: .25rem;}
.enroll .form .list input{flex:1;height: .58rem;font-size: .2rem;border: none;outline: none;border-radius: 3px;background-color: #fff;padding: 0 .27rem;box-sizing: border-box;width: fit-content;width: inherit;}
.enroll .form .list .sel{background: url(../icons/sel.png) no-repeat center right .1rem  / .17rem .1rem  #fff;}
select::-ms-expand { display: none; }
select {
  /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding-right: 14px;
  /*如果要加入自定义图片， 就增加这个属性 background: url或者在html中直接加入图标也行*/
}
.enroll .form .list select{flex:1;height: .58rem;font-size: .2rem;border: none;outline: none;border-radius: 3px;padding: 0 .27rem;box-sizing: border-box;width: fit-content;width: inherit;background: url(../icons/sel.png) no-repeat center right .1rem  / .17rem .1rem  #fff;}

.enroll .form .list textarea{flex:1;height: 1.76rem;font-size: .2rem;border: none;outline: none;border-radius: 3px;background-color: #fff;padding: .13rem .27rem;}
.enroll .form .list button{width: 1.68rem;height: .56rem;font-size: .2rem;color: #fff;border-radius: 6px;margin-top: .45rem;background: linear-gradient(to right , #d00600 , #012977);cursor: pointer;}



/* 联系我们 */
.contact{width: 100%;overflow: hidden;padding-bottom: .8rem;}
.contact .content{padding: .75rem .8rem;background-color: #FFFFFF;}
.contact .content .img{width: 100%;border-bottom: 2px solid #083f90;}
.contact .content .img img{display: block;width: 100%;}
.contact .content .name{width: 100%;font-size: .34rem;color: #083f90;text-align: center;padding:.3rem 0}
.contact .content .bot{display: flex;width: 100%;}
.contact .content .bot .info{flex:1;padding: .2rem .3rem;background-color: #f7f7f7;line-height: .34rem;}
.contact .content .bot .info .title{font-size: .2rem;}
.contact .content .bot .info .text{font-size: .24rem;}
.contact .content .bot .info:not(:last-child){margin-right: .2rem;}



.city-form-group{flex:1;height: fit-content;}
.city-form-group input{width: 100%!important;cursor: pointer;}
.cityAreas{display: none;}
.selectbox{width: calc(100% - 1.5rem);height: 400px;position: absolute;background-color: #FFFFFF;top: .58rem;right: 0;padding: 5px;box-shadow: 0 5px 10px 0 rgba(0,0,0,.15);border-radius: 5px;}
.selectbox .scorll_y{width: 100%;height: 100%;overflow-y: scroll;}
.eachAreas{width: 130px;border-right: 1px solid #ddd;position: relative;}
.eachAreas > span:{background: #fff;color: #000;}
.eachAreas.checked .areasNamesIds,.cityArea span.checked{background: #0097E0;color: #fff;}
.eachAreas > span:hover,.cityArea > span:hover{background: #0097E0;color: #fff;}
.cityArea{display: none;position: absolute;left: 135px;min-width: 100px;top: 0;}
.selectbox span{*display: inline;*zoom: 1;display: inline-block;width: 100%;text-indent: 10px;line-height: 24px;color: #000;white-space: nowrap;} 
.resetAreas{display: block;position: absolute;width: 20px;height: 20px;line-height: 20px;text-align: center; font-size: 16px;color: #000;right: 0;top: 11px;z-index: 1;font-style: normal;cursor: pointer;}




/* 手机端 */
.wap_header{width: 100%;height: 1.3rem;padding: 0 .3rem;background-color: #fff;}
.wap_header .logo{width: 4rem;}
.wap_header .menu_btn{width: .42rem;}
.wap_header .logo img , .wap_header .menu_btn img{display: block;width: 100%;}

.wap_footer{display: flex;align-items: center;justify-content: center;width: 100%;height: .9rem;padding: .05rem .1rem;font-size: .2rem;line-height: .35rem;color: #ffffff;background-color: #323742;position: absolute;bottom: 0;left: 0;}

.wap_mySwiper2{position: absolute;bottom: 10px;right: .1rem;z-index: 3;transform: scale(.8);}
.wap_mySwiper2 .circleProgress_wrapper{margin: 0;}

.wap_head_info{height: 100px;height: 1.15rem;padding: 0 .3rem;}
.wap_head_info .tel .icon{display: block;height: .5rem;margin-right: .05rem;}
.wap_head_info .tel .text{font-size: .18rem;color: #b0915f;line-height: .3rem;}
.wap_head_info .tel span{font-size: .3rem;}
.wap_head_info .duration{display: block;height: .67rem;}


@media only screen and (min-width:960px ) {
    .i-methods dl dd{flex: 1;-webkit-animation: methods_list 4s linear infinite;}
    .i-methods dl dd:nth-child(1) , .i-methods dl dd:nth-child(5){-webkit-animation-delay:2s;}
    .i-methods dl dd:nth-child(2) , .i-methods dl dd:nth-child(4){-webkit-animation-delay:1s;}
    .i-methods dl dd:not(:last-child){margin-right: .2rem;}
    @-webkit-keyframes methods_list{
        0%{
        -webkit-transform: translateY(0);
        }
        25%{
        -webkit-transform: translateY(-.2rem);
        }
        50%{
        -webkit-transform: translateY(0);
        }
        70%{
        -webkit-transform: translateY(.2rem);
        }
        100%{
        -webkit-transform: translateY(0);
        }
    }
    
    .i-notice .swiper-slide-active{padding-top: 0;}
    .i-notice .swiper-slide-active .img{height: 3.1rem;}
    .principal .images .list:not(:nth-child(4n)){margin-right: .4rem;}
    .ambient .item dd:not(:nth-child(4n)){margin-right: .3rem;}
    .teachers .images .list:nth-child(5n){margin-right: 0;}
    
    /* 手机导航 */
    .wap_header  , .wap_footer , .wap_banner, .wap_head_info , .i-profile .wap_img{display: none;}
    

}


@media only screen and (max-width:960px ) {
    body{min-height: 100vh;padding-bottom: .9rem;}
    .wrapper{width: 100%;min-width: 100%;}
    .m-pages{margin: .2rem 0;}
    
    header , footer , .pc_banner{display: none;}
    .i-profile{padding: .6rem .3rem .75rem;}
    .i-profile::after , .i-profile .content::after{display: none;}
    .i-profile .content{flex-direction: column;}
    .i-profile .img{display: none;}
    .i-profile .wap_img{width: 100%;}
    .i-profile .wap_img img{display: block;width: 100%;}
    .i-profile .text .en{margin-bottom: .1rem;}
    .i-profile .text .title , .i-profile .text .desc{margin-bottom: .25rem;}
    .i-profile .text .more {display: block;width: 2.38rem;height: 0.58rem;font-size: .22rem;color: #000;line-height: .58rem;text-align: center;background-color: #fff;position: relative;margin: 2rem auto 0;}
    .i-profile .channel{display: flex;width: 100%;margin:0;position: absolute;left: 0;bottom: 1rem;}
    .i-profile .channel dd{flex:1;margin-bottom: 0!important;}
    .i-profile .channel dd:not(:last-child){margin-right: .1rem;}
    .i-profile .channel dd a{width: 100%;height: 1.4rem;}
    
    .i-methods{padding: 1.2rem .3rem 1rem;}
    .i-methods dl dd{flex:none;width: calc((100% - .1rem) / 2);margin-bottom: .15rem;}
    .i-methods dl dd:not(:nth-child(2n)){margin-right: .1rem;}
    .i-methods dl dd a{height: 1.7rem;flex-direction: initial;justify-content: flex-start;padding: .1rem 0 0 .2rem;}
    .i-methods dl dd a .text{height: fit-content;text-align: left;margin-left: .2rem;letter-spacing:-1px}
    .i-methods dl dd a .bot_icon{display: none;justify-content: center;}
    .i-methods dl dd:last-child:not(:nth-child(2n)){width: 100%;margin-right: 0;}
    .i-methods dl dd:last-child:not(:nth-child(2n)) a{justify-content: center;padding: 0 .2rem;}
    
    
    .i-achievement{flex-direction: column;padding: .4rem 0 .4rem .3rem;}
    .i-achievement .img{margin-right: 0;margin-bottom: .3rem;}
    .i-achievement .item{flex:none;width: 100%;}
    
    
    .i-ambient{padding: .4rem .3rem;}
    .i-ambient .img_show{width: 100%;margin-left: 0;height: 6.6rem;}
    .i-ambient .img_show .list{width: 3.35rem;height: fit-content;}
    .i-ambient .img_show .list .img{height: 2.2rem;border-radius:.1rem;}
    
    .i-teacher{padding: 2.07rem 0 .44rem .3rem;min-height: auto;position: relative;}
    .i-teacher .icon{height: .43rem;position: absolute;top: .44rem;left: 0;right: 0;margin: 0 auto;}
    .i-teacher .left .title{font-size: .78rem;line-height: .78rem;position: absolute;top: 1.1rem;left: 0;right: 0;margin: 0 auto;transform: skew(0);padding: 0;text-align: center;}
    .i-teacher .left .campus span{white-space: nowrap;}
    
    
    
    .i-notice{padding: 2.21rem .3rem .6rem;background: url(../images/notice_bj.jpg)no-repeat #e8e8e8 top center / auto 4.1rem;}
    .i-notice .name{left: .3rem;}
    .i-notice .name .f_weight{font-weight: bold;}
    .i-notice .list{padding-top: 0;width: 3.35rem;}
    .i-notice .list .img{height: 1.87rem;}
    .i-notice .list .text{padding: .3rem .2rem .2rem;}
    .i-notice .list .desc{display: none!important;}
    .i-notice .list .art_more{padding: 0 0.2rem 0.2rem;}
    
    .break{display: none;}
    .top__name{height: 2.73rem;}
    .top__name .name{font-size: .6rem;line-height: .6rem;}
    
    
    .profile {padding: .6rem .23rem .2rem;}
    .profile>.flex{flex-direction: column;}
    .profile .logo{display: none;}
    .profile .desc{width: 100%;font-size: .24rem;line-height: .4rem;}
    
    
    .feature{padding: .2rem .23rem ;}
    .feature .top{background: #fff;margin-bottom: .25rem;}
    
    .feature .info_list .text{font-weight: bold;}
    .feature .info_list .text span{font-weight: 400}
    .feature .content{flex-direction: column;}
    .feature .content .img{height: auto;position: relative;}
    .feature .content .art{width: 100%;padding:.3rem .3rem .6rem}
    .feature .content .art .pic{margin-bottom: .2rem;}
    .feature .content .art .desc{font-size: .24rem;line-height: .4rem;font-weight: 100;}
    
    .teachers{padding: .2rem 0 0;}
    .teachers .top{padding: 0 .23rem .5rem;border-bottom: none;}
    .teachers .top .name{font-size: .5rem;line-height: .5rem;text-align: left;}
    .teachers .top .art{font-size: .24rem;line-height: .4rem;}
    .teachers .images{padding: .4rem .2rem;}
    .teachers .images .list{width: calc((100% - .2rem) / 2);margin-right: .2rem;}
    .teachers .images .list:nth-child(2n){margin-right: 0;}
    
    
    .principal{padding: 0.6rem .23rem .4rem;}
    .principal .content{padding: .4rem .52rem 1.5rem;}
    .principal .content .images{width: 100%;}
    .principal .images .list{width: calc((100% - .25rem) / 2);margin-bottom: .25rem;}
    .principal .images .list:not(:nth-child(2n)){margin-right: .25rem;}
    .principal .images .title{font-size: .26rem;line-height: .26rem;}
    
    .principal_detail{padding:.75rem .23rem 0 ;}
    .principal_detail .backdrop .content{display: block;width: 100%;margin-top: 0;}
    .principal_detail .backdrop{background-color: #fff;padding-bottom:1.15rem;}
    .principal_detail .content .img{float: left;margin: 0.1rem .5rem .2rem 0.1rem;}
    .principal_detail .content .img .box{width: 2.72rem;height: 3.64rem;}
    .principal_detail .text .title{margin-bottom: .35rem;}
    .principal_detail .text .desc{font-size: .24rem;line-height: .4rem;}
    
    
    .methods{padding: .5rem .23rem .3rem;}
    .methods .top__name{height: fit-content;padding-bottom: .25rem;}
    .methods>.flex{flex-direction: column;}
    .methods dl dd{width: 100%;}
    .methods dl dd a{padding: 0 .6rem 0 .9rem!important;}
    .methods dl dd a .bot_icon{display: block;}
    .i-methods dl dd a .text{flex: 1;}
    
    .art_box{padding: .34rem .23rem;}
    .art_box .content{padding: .45rem .3rem;}
    .art_box .content .title{font-weight: bold;margin-bottom: .2rem;}
    .art_box .content article{font-size: .24rem;line-height: .4rem;}
    
    
    .ambient{padding: .6rem .23rem;}
    .ambient .item dd{width: calc((100% - .13rem) / 2);}
    .ambient .item dd:not(:nth-child(2n)) {margin-right: 0.13rem;}
    
    
    .news{padding:.35rem .23rem .9rem;}
    .news .channel{margin-bottom: .6rem;}
    .news .channel .list{width: calc((100% - .3rem) / 3);height: .7rem;line-height: .7rem;}
    .news .item dd{width: 100%;margin-right: 0!important;}
    .news .item a .date{margin-bottom: .2rem;}
    .news .item a .title{line-height: .34rem;display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-align: justify;white-space: initial;}
    .news .item a .desc{display: none!important;}
    

    .contact{padding: .34rem .23rem;}
    .contact .content{padding: .45rem .3rem;}
    .contact .content .bot{flex-wrap: wrap;flex-direction: column;}
    .contact .content .bot .info{width: 100%;margin-right: 0!important;margin-bottom: .1rem;}
    .contact .content .bot .info .title{font-size: .24rem;margin-bottom: .1rem;}
    .contact .content .bot .info .text{font-size: .3rem;line-height: .42rem;font-weight: bold;}
    
    
    .enroll{padding:.6rem .23rem 1.05rem}
    .enroll .content .top__name{padding: .4rem 0;}
    .enroll .content{flex-direction: column;}
    .enroll .content .form{width: 100%;padding: .7rem .3rem .95rem 0;position: relative;z-index: 3;}
    .enroll .form .list{width: 100%;}
    .enroll .form .list .title{width: 2rem;}
    .enroll .form .list textarea{height: 3.3rem;}
    .enroll .content .icon{width: 2.07rem;top: .5rem;}
    .enroll .form .list button{width: 2.11rem;height: .71rem;font-size: .26rem;line-height: .71rem;}
    
    
    .enroll .form .list{line-height: .62rem;}
    .enroll .form .list input{height: .62rem;}
}