@charset "utf-8";
/* public */
body{font-family: Arial;}
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cont p{font-size: 0.20rem !important;color: #666 !important;line-height: 0.3rem !important;}
.cont p span{font-size: 0.18rem !important;color: #666 !important;line-height: 0.3rem !important;}
:before,:after{transition:0.5s;}
.ny_banner:after{content:"";position:absolute;width:100%;height:100%;background:url(../images/banshad.png) no-repeat;left:0;bottom:0;background-size:100% 100%;}
/*  */
.list_sj{position: relative;z-index: 10;background: #f3f5f9;}
.list_sj ul{display: flex;flex-wrap: wrap;min-height: .7rem;justify-content: center;}
.list_sj ul li *{ transition: .5s;}
.list_sj ul li{position: relative;width: 16.6%;}
.list_sj ul li:last-child::after{display: none;}
.list_sj ul li h3{/* display: flex; */width: 100%;line-height: .7rem;/* align-items: center; */font-size: .18rem;color: #000;position: relative;z-index: 1;/* padding: 0 0.5rem; */text-align: center;}
.list_sj ul li h3::after{content: "";position: absolute;z-index: -1;width: 100%;height: 0.04rem;background: #1CAEE9;bottom: 0;left: 0;opacity: 0;transform: skew(-45deg);}
.list_sj ul li.on h3 a,.list_sj ul li:hover h3 a{color: #1CAEE9;font-weight: bold;}
.list_sj ul li.on h3::after,.list_sj ul li:hover h3::after{ opacity: 1}


/* 三级导航 */
.list_sj .sub {position: absolute;top: 100%;background: rgb(255, 255, 255);width: 100%;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;min-width: 1.6rem;padding: .1rem 0;}

.list_sj .sub a{line-height: 0.42rem;font-size: 0.16rem;color: #666;display: block;text-align: center;padding-left: 0;}

.list_sj  li:hover .sub{transform: translateX(-50%) scaleY(1);opacity: 1;visibility: visible;}
.list_sj .sub a:hover{background:#F6F5F5;color: #1CAEE9;}

#sub_nav_content i{opacity: 1;display: inline-block;width: .34rem;height: .3rem;display: inline-block;background: url(../images/ny_z/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;top: 2px;transition: 0.5s;}
#sub_nav_content i.on{transform: rotate(-90deg);}
#sub_nav_content .box{display: none;padding-left: 0.25rem;}
#sub_nav_content .box a{font-size: 0.16rem;line-height: 0.3rem;color: #666 !important;display: block;}
#sub_nav_content .box a:hover{color: #1CAEE9 !important;}


#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;float: left;width: 100%;background: #1CAEE9;}
#bnt_back {position: absolute;left: 15px;top: 0px;display: flex;align-items: center;height: 50px;}
#bnt_back img {height: 28px;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }

#m_n_nav h1 {font-size: 18px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;line-height: 1.2;}
#sub_nav_content dt { position: relative; background: rgb(255, 255, 255); z-index: 999; width: 100%; display: inline-block; margin-bottom: 0px;  }
#sub_nav_content dt a {margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400;}

#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a{color: #1CAEE9;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: #1CAEE9; }

@media(max-width: 1200px){	
    #m_n_nav{ display: block;}
    .list_sj,.n_banner .top{ display: none;}
}
/* currt */
.currt .fl01{width: 100%;overflow: hidden;padding: 1rem 0 1.1rem;background: url(../images/ny_z/cu-bg1.jpg) no-repeat bottom #fff;background-size: 100%;}
.currt .wp,.colist .wp{width:74%;padding:0 1%;max-width: 100%;}
.currt .fl1-t {margin-bottom: .6rem;align-items: center;}
.currt .fl1-t .left{width: 48%;}
.currt .fl1-t .right{width: 48%;}
.currt .fl1-t .left::after{border: 1px solid #1CAEE9;width: 100%;left: -0.1rem;bottom: auto;top: -0.1rem;}
.currt .fl1-t .left img{width: 100%;}
.currt .fl1-t .right h3{font-size: 0.48rem;color: #333;font-weight: bold;line-height: 1.3;/* margin-bottom: 0.25rem; */align-items: flex-start;}
.fl1-b ul{display: flex;justify-content: center;flex-wrap: wrap;justify-content: center;}
.fl1-b ul li{padding: 0 2vw;margin-bottom: 0.6rem;cursor: pointer;}
.fl1-b ul li h3{height: 1.33rem;/* width: 15vw; */align-items: center;padding: 0 .4rem;display: flex;background: url(../images/ny_z/cu-bg1.png) no-repeat center/cover;transition: 0.5s;box-shadow: 0px 0px 20px 0px rgba(5, 57, 108, 0.52);}

.fl1-b ul li h3::after{width: 100%;}

.fl1-b ul li span{width: 0.87rem;height: 1.01rem;background: url(../images/ny_z/ico-bg1.png) no-repeat;background-size: 100% !important;display: flex;font-style: normal;transition: 0.5s;align-items: center;justify-content: center;}
.fl1-b ul li span .img2{display: none;}


.fl1-b ul li p{font-size: 0.24rem;color: #fff;line-height: 1.3;padding-left: 0.45rem;transition: 0.5s;width: calc(100% - 0.87rem);font-weight: bold;}


/* .fl1-b ul li.on h3::after{background: #1CAEE9;}
.fl1-b ul li.on span{background: url(../images/ny_z/c-i11.png) no-repeat;}

.fl1-b ul li.on p{color: #fff;} */
.fl1-b .item{display: none;}
.fl1-b .item:first-child{display: block;}
.c-tit{justify-content: center;margin-bottom: 0.55rem;}
.c-tit h3{display: flex;align-items: flex-end;font-size: 0.48rem;color: #333;font-weight: bold;}
.c-tit h3 img{display: inline-block;margin-left: 0.15rem;width: 0.94rem;}

.c-more{justify-content: center;margin-top: 0.55rem;}
.c-more a{width: 2.2rem;height: 0.6rem;display: flex;justify-content: center;}
.c-more a::before{width: 100%;left: 0.1rem;border: 1px solid #1CAEE9;content: "";position: absolute;bottom: 0.1rem;height: 100%;z-index: -1;}
.c-more a::after{width: 100%;background: #1CAEE9;}
.c-more span{font-size: 0.18rem;color: #fff;display: flex; align-items: center;transition: 0.5s;}
.c-more span img{display: inline-block;width: 0.62rem;margin-left: 0.15rem;}

.currt .fl02{width: 100%;overflow: hidden;padding: 1.1rem 0;background: url(../images/ny_z/cu-bg2.png) no-repeat center/cover;}
.currt .fl02 .wp{align-items:center;}
.currt .fl02 .left{width: 48%;}
.currt .fl02 .right{width: 48%;}
.currt .fl02 .right::after{background:  #1CAEE9;width: 100%;left: -0.1rem;bottom: auto;top: -0.1rem;}
.currt .fl02 .right img{width: 100%;}
.currt .fl03{width: 100%;padding: 1.1rem 0 0.3rem;overflow: hidden;}
.currt .fl03::after{width: 100%;height: 85%;bottom: auto;top: 0;background: url(../images/ny_z/cu-bg3.jpg) no-repeat center/cover;}
.currt .fl03 .c-tit h3{color: #fff;}
.currt .fl03 .con{padding: 0.65rem;background: url(../images/ny_z/cubg3.png) no-repeat bottom/cover;box-shadow: 0px 4px 0.2rem 0px rgba(0, 0, 0, 0.1);border-radius: 0.2rem;background-size: cover;}
.currt .fl03 .c-more{margin-top:.85rem;}
.currt .fl04{width: 100%;overflow: hidden;padding: 1.4rem 0 1.1rem;}
.currt .fl04-t .left{width: 55%;}
.currt .fl04-t .right{width: 33%;}
.currt .fl04-t .left li{margin-bottom: 0.4rem;}
.currt .fl04-t .left li::after{width: 100%;border: 1px solid #1CAEE9;/* left: -0.1rem; */opacity: 0;}
.currt .fl04-t .left li a{height: 1.2rem;align-items: center;background: rgba(0, 0, 0, 0.04);padding: 0.2rem;}
.currt .fl04-t .left li *{transition: 0.5s;}
.currt .fl04-t .left li .con{width: calc(100% - 0.8rem);}
.currt .fl04-t .left li span{display: block;width: 0.6rem;height: 0.6rem;border: 1px dashed #999;border-radius: 50%;background: url(../images/ny_z/c-xq1.png) no-repeat center center;background-size: 0.35rem !important;}
.currt .fl04-t .left li span::after{width: auto;height: auto;top: -0.05rem;right: -0.05rem;bottom: -0.05rem;left: -0.05rem;background: #fff;opacity: 0;border-radius: 50%;}
.currt .fl04-t .left li h3{font-size: 0.18rem;color: #333;line-height: 0.36rem;}
.currt .fl04-t .left li p{font-size: 0.18rem;color: #333;line-height: 0.36rem;opacity: .6;}

.currt .fl04-t .right ul{padding: 0.35rem;height: 5.7rem;}
.currt .fl04-t .right ul::before{content: "";position: absolute;border: 1px solid #1CAEE9;width: 100%;height: 100%;top: -0.1rem;right: -0.1rem;z-index: -1;}
.currt .fl04-t .right ul::after{width: 100%;background: url(../images/ny_z/cu-bg4.png) no-repeat center/cover;}
.currt .fl04-t .right li *{transition: 0.5s;}
.currt .fl04-t .right li a{height: 0.7rem; align-items: center;border-bottom: 1px solid rgba(255,255,255,.5);}
.currt .fl04-t .right li a::after{background: #fff;height: 1px;bottom: -1px;}
.currt .fl04-t .right li h3{display: flex;align-items: center;font-size: 0.24rem;color: #fff;width: calc(100% - 0.5rem);}
.currt .fl04-t .right li span{display: block;width: 0.35rem;opacity: 0;}
.currt .fl04-t .right li h3 img{display: block;margin-right: 0.15rem;max-width: 0.31rem;}
.currt .fl04-t .right li:last-child a{border-bottom: none;}
.currt .fl04-t .right .img{margin: -2.5rem 0 0 -0.8rem;z-index: 10;position: relative;width: 100%;}
.currt .fl04-t .right .img img{width:100%;}
.currt .fl05 .left{width: 50%;}
.currt .fl05 .right{width: 50%;background: url(../images/ny_z/cu-bg5.jpg) no-repeat center/cover;padding: 0.7rem 10% 1.2rem 0.65rem;display: flex;align-items: center;}
.currt .fl05 .left img{width:100%;height:100%;object-fit: cover;}
.currt .fl05 .right .con p{font-size: 0.18rem;color: #666;line-height: 0.48rem;}
.currt .fl05 .right .con p span{display: inline-block;font-weight: bold;color: #333;}




@media(min-width: 1024px){	
    .c-more a:hover span{transform: translateX(.15rem);}
    .currt .fl04-t .left li:hover::after{bottom: 0.1rem;opacity: 1;left: -.1rem;}
    .currt .fl04-t .left li:hover a{background: #1CAEE9;}
    .currt .fl04-t .left li:hover h3,.currt .fl04-t .left li:hover p{color: #fff;}
    .currt .fl04-t .left li:hover span::after{opacity: .4;}
    .currt .fl04-t .left li:hover span{background: url(../images/ny_z/c-xq2.png) no-repeat center center #fff;border: 1px solid rgba(0, 0, 0, 0);}
    .currt .fl04-t .right li a:hover::after{width: 100%;}
    .currt .fl04-t .right li a:hover h3{font-weight: bold;}
    .currt .fl04-t .right li a:hover span{opacity: 1;}
    .fl1-b ul li:hover h3{transform: scale(1.2);}
    .fl1-b ul li:hover span{background: url(../images/ny_z/ico-bg2.png) no-repeat;}
    .fl1-b ul li:hover span .img2{display: block;}
    .fl1-b ul li:hover span .img1{display: none;}
    .fl1-b ul li:hover h3{background: url(../images/ny_z/cu-bg1-2.png) no-repeat center/cover;}
}

@media(max-width: 1024px){	
    .currt .fl01,.currt .fl02,.currt .fl03{padding: 0.4rem 0;}
    .currt .fl03{padding:.4rem 0 .2rem;}
    .currt .fl04{padding:.4rem 0 .4rem}
    .currt .fl1-t .left{width: 100%;}
    .currt .fl1-t .right{width: 100%;margin-top:.3rem;}
    .currt .fl02 .left{width: 49%;}
    .currt .fl02 .right{width: 49%;}
    .currt .fl1-t .right h3{font-size: 0.4rem;}
    .currt .fl05 .right{padding:.4rem 20px .4rem 20px;}
    .currt .wp,.colist .wp{width:90%;}
    .currt .fl04-t .right{width:37%;}
    .currt .fl04-t .right .img{margin: -2.5rem 0 0 -0.3rem;}
}

@media(max-width: 768px){	
    .c-tit{margin-bottom:.3rem;}
    .currt .fl1-t .left,.currt .fl02 .left{width: 100%;}
    .currt .fl1-t .right,.currt .fl02 .right{width: 100%;margin-top:.3rem;}
    .currt .fl1-t .right h3,.c-tit h3{font-size: 0.3rem;}
    .fl1-b ul li{padding: 0 .15rem;margin-bottom: 0.6rem;cursor: pointer;}
    .fl1-b ul li h3{/* height: 0.6rem; *//* width: 3rem; */}
    .c-tit h3 img{width: .5rem;}
    .currt .fl03 .con{padding: .25rem;}
    .fl1-t{margin-bottom: 0.3rem;}
    .currt .fl04-t .left{width: 100%;}
    .currt .fl04-t .right{width: 100%;margin-top: .1rem;}
    .currt .fl04-t .right .img{margin: -3rem 0 0 0rem;z-index: 10;position: relative;}
    .currt .fl05 .left{width: 100%;}
    .currt .fl05 .right{width: 100%;}
}

@media(max-width: 600px){
    .fl1-b ul li{width: 100%;margin-bottom: 0.3rem;display: flex;justify-content: center;}
    .fl1-b ul li p{font-size: 0.18rem;padding-left: 0.2rem;width:calc(100% - .7rem);}
    .fl1-b ul li span{width: 0.7rem;height: .9rem;}
}


/* courselist */
.colist{padding: 1.1rem 0;width: 100%;overflow: hidden;}
.colist h2{text-align: center;font-size: 0.48rem;color: #333;line-height: 1.4;font-weight: bold;margin-bottom: 0.5rem;}
.conlist-t{position: relative;}
.conlist-t .list-l{width: 1.35rem;position: absolute;left: .35rem;top: 0;}
.conlist-t .list-r{width: 100%;display: flex;justify-content: flex-end;}
.conlist-t .list-l ul::after{width: 1px;height: auto;top: .25rem;bottom: 0.3rem;background: rgba(0, 0, 0, 0.08);left: auto;right: 0.2rem;}
.conlist-t .list-l li *{transition: 0.5s;}
.conlist-t .list-l li{height: 0.6rem;display: flex;align-items: center;cursor: pointer;justify-content: flex-end;}
.conlist-t .list-l li p{width: 0.9rem;text-align: right;font-size: 0.18rem;color: #999;line-height: 1.2;padding-right: .05rem;white-space: nowrap;}
.conlist-t .list-l li span{width: 0.4rem;height: 0.4rem;border-radius: 50%;background: url(../images/ny_z/c1.png) no-repeat center center;background-size: 0.2rem 0.2rem;display: inline-block;}
.conlist-t .list-l li.on p{font-size: 0.24rem;font-weight: bold;color: #333;}
.conlist-t .list-l li.on span{background: url(../images/ny_z/c2.png) no-repeat center center;background-size: 100% 100%;}
.conlist-t .list-r .tab{display: none;max-width: 94%;}
.conlist-t .list-r .tab:first-child{display: block;}
.conlist-t .list-r ul{margin: 0 -0.25rem;display: flex;flex-wrap: wrap;}
.conlist-t .list-r li{width: 50%;padding: 0 0.25rem;margin-bottom: 0.5rem;}
.conlist-t .list-r li a{height: 2.6rem;display: block;}
.conlist-t .list-r li a::after{width: 100%;background: url(../images/ny_z/list-bg1.jpg) no-repeat right rgba(0,0,0,.02);background-size: 100% !important;border-radius: 0 0.45rem 0 0.45rem;}
.conlist-t .list-r li a::before{content: "";position: absolute;width: 100%;height: 100%;border: 1px solid #1CAEE9;border-radius: 0 0.45rem 0 0.45rem;left: 0.1rem;bottom: 0.1rem;opacity: 0;z-index: -1;}
.conlist-t .list-r li h3{/* display: inline-block; */color: #fff;background: #1CAEE9;padding: 0 0.4rem;min-width: 2.8rem;border-radius: 0px 0.25rem 0.25rem 0px;height:.6rem;display:flex;align-items:center;}
.conlist-t .list-r li h3 span{
    line-height: .24rem;
    max-height: .48rem\0;
}
.conlist-t .list-r li .con{padding: 0.3rem 0.4rem;overflow: hidden;}
.conlist-t .list-r li h4{display: flex;align-items: center;}
.conlist-t .list-r li h4 img{width: 0.25rem;display: inline-block;}
.conlist-t .list-r li p{width: calc(100% - 0.25rem);padding-left: 0.15rem;font-size: 0.16rem;color: #333;line-height: 0.36rem;} 
.conlist-t .list-r li p b{color: #333;font-size: .16rem;}


@media(min-width: 1024px){	
    .conlist-t .list-r li a:hover::before{opacity: 1;}
    .conlist-t .list-r li a:hover::after{background: url(../images/ny_z/list-bg2.jpg) no-repeat right}
}
@media(max-width: 1300px){
    .conlist-t .list-r{padding-left:.4rem;}
}
@media(max-width: 1024px){
    .colist{padding: .4rem 0;}
    .colist h2{font-size: .4rem;}
    .conlist-t .list-r ul{margin: 0 -0.1rem;}
    .conlist-t .list-r li{width: 50%;padding: 0 0.1rem;margin-bottom: 0.3rem;}
    .conlist-t .list-l{left:.2rem;}
    .conlist-t .list-r{/* width:calc(100% - 1.35rem); */padding-left: 1.35rem;}
    .conlist-t .list-r .tab{max-width: 100%;}
    .conlist-t .list-r li p{/* font-size: 14px; */}
    .conlist-t .list-r li .con{padding:.15rem .2rem;}
}
@media(max-width: 768px){
    .colist h2{font-size: .34rem;margin-bottom: 0.3rem;}
    .conlist-t .list-r li{width: 100%;}
}

@media(max-width: 500px){
    .conlist-t .list-l{width: 100%;position: relative;left: auto;top: 0;}
    .conlist-t .list-r{/* width:calc(100% - 1.35rem); */padding-left: 0rem;margin-top: 0.3rem;}
    .conlist-t .list-l ul::after{display:none;}
    .conlist-t .list-l ul{display:flex;flex-wrap:wrap;}
    .conlist-t .list-r li a{height: auto;}
    .conlist-t .list-r li a:after{border-radius:0;}
    
}