@font-face{font-family:'dinpro'; src: url('../fonts/DINPro-Regular.otf');}
@keyframes  yun1 {
   0%{left:2.45%;}
   50%{left:4%;}
   100%{left:2.45%;}
}
@keyframes  yun2 {
   0%{left:24.5%;}
   50%{left:21.5%;}
   100%{left:24.5%;}
}
@keyframes  yun3 {
   0%{right:14.7%;}
   50%{right:11.7%;}
   100%{right:14.7%;}
}
@keyframes  yun4 {
   0%{right:1.34%}
   50%{right:3.34%}
   100%{right:1.34%}
}

@keyframes  rotate{
   0%{transform:rotate(0deg)}
   100%{transform:rotate(360deg)}
}
@keyframes  rotate1{
   0%{transform:rotate(0deg)}
   100%{transform:rotate(-360deg)}
}

@keyframes  save1{
   0%{width:36%; height:18%;left:30%;bottom:0%;border-color:rgba(255,255,255,0.8)}
   100%{width:48%; height:24%;left:23%;bottom:13%;border-color:rgba(255,255,255,0.6)}
}
@keyframes  save2{
   0%{width:48%; height:24%;left:23%;bottom:13%;border-color:rgba(255,255,255,0.6)}
   100%{width:62%; height:31%;left:17%;bottom:30%;border-color:rgba(255,255,255,0.4)}
}
@keyframes  save3{
   0%{width:62%; height:31%;left:17%;bottom:30%;border-color:rgba(255,255,255,0.4)}
   100%{width:68%; height:34%;left:14%;bottom:37%;border-color:rgba(255,255,255,0.2)}
}
@keyframes  save4{
   0%{width:68%; height:34%;left:14%;bottom:37%;border-color:rgba(255,255,255,0.2)}
   100%{width:96%; height:48%;left:1%;bottom:42%;border-color:rgba(255,255,255,0.1)}
}

/*特效字*/
.bm-right .link span a{background-image:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 40%,#ff5173 60%,#ff5173 100%);background-image:-moz-linear-gradient(left,#3419ff 0%,#3419ff 40%,#ff5173 60%,#ff5173 100%);background-image:-ms-linear-gradient(left,#3419ff 0%,#3419ff 40%,#ff5173 60%,#ff5173 100%);background-image:-o-linear-gradient(left,#3419ff 0%,#3419ff 40%,#ff5173 60%,#ff5173 100%);background-image:linear-gradient(left,#3419ff 0%,#3419ff 40%,#ff5173 60%,#ff5173 100%);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent;}
.pro-info h3 span,.kc-head h3 span,.kc-info a,.kc-main h4 span,.teach-head h3 span,.teach-right h3 span,.stu-head h3 span,.pro-info .detail a:hover span samp,.kc-more p:hover span samp,.teach-more p:hover span samp,.stu-more p:hover span samp,.zt-more p:hover span samp{background-image:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 30%,#ff5173 70%,#ff5173 100%);background-image:-moz-linear-gradient(left,#3419ff 0%,#3419ff 20%,#ff5173 80%,#ff5173 100%);background-image:-ms-linear-gradient(left,#3419ff 0%,#3419ff 20%,#ff5173 80%,#ff5173 100%);background-image:-o-linear-gradient(left,#3419ff 0%,#3419ff 20%,#ff5173 80%,#ff5173 100%);background-image:linear-gradient(left,#3419ff 0%,#3419ff 20%,#ff5173 80%,#ff5173 100%);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent;}

/*banner*/
.banner{ width:100%; overflow:hidden; position:relative; cursor:pointer; height:calc( 100vh )}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover}
.banner img{ display:none}
.banner a{ display:block; width:100%; height:100%}
.banner .swiper-container-horizontal > .swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px}
.banner .swiper-pagination-bullet{width:20px; height:20px; background:url(../img/icon-44.png) no-repeat;opacity:1}
.banner .swiper-pagination-bullet-active{ background:url(../img/icon-43.png) no-repeat}

/*profile*/
.profile{ width:100%; overflow:hidden; background:url(../img/bg-1.jpg) no-repeat top center; height:1098px}
.pro-content{ width:1450px; margin:119px auto 0px; overflow:hidden}
.pro-info{ float:left; width:656px; overflow:hidden; margin-top:59px}
.pro-info h3{ width:100%; overflow:hidden; font-size:42px; font-weight:normal;}
.pro-info em{ width:100%; display:block; font-size:22px; color:#333; font-style:normal; margin-top:9px}
.pro-info p{ width:100%; display:block; font-size:16px; color:#333; margin-top:29px; line-height:30px}
.pro-info .detail{ width:214px; height:47px; line-height:47px; overflow:hidden;border-radius:24px; margin-top:36px;background:-webkit-linear-gradient(left,#6c33da 30%,#f82d5c); text-align:center; position:relative; z-index:8}
.pro-info .detail a{ width:100%; position:absolute;left:0px;top:0px; line-height: 30px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.pro-info .detail a span{background: url(../img/icon-3.png) no-repeat right center; display:inline-block; padding-right:30px;}
.pro-info .detail a span samp { display:inline-block; }
.pro-info .detail:hover:after{ width:210px; height:43px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8); background:#fff}
.pro-info .detail a:hover span{background: url(../img/icon-27.png) no-repeat right center}

.pro-pic{ float:right; width:720px; overflow:hidden; position:relative}
.pro-pic span,.pro-pic span img{ width:100%; display:block; height:100%; overflow:hidden}
.pro-pic samp{ width:100%; display:block; overflow:hidden; position:absolute;left:0px;top:0px; height:auto}
.pro-pic samp img{ width:98.48%; height:auto;transition:all 0.4s ease-out}
.pro-pic samp:hover img{transform:scale(1.1)}

.pro-cir{ float:left; width:474px; overflow:hidden; position:relative; margin-top:34px}
.pro-cir .pro-bg{ width:100%; overflow:hidden; height:100%;}
.pro-cir .pro-bg img{ width:100%; height:auto}
.pro-cir .pro-ts{ width:100%; overflow:hidden; height:100%; position:absolute;left:0px;top:49%; text-align:center; font-size:18px; font-weight:bold;  color:#3f3e6e}
.pro-cir .pro-wz{ width:auto; overflow:hidden; position:absolute; z-index:2; font-size:16px; color:#333}
.pro-cir .wz1{left:0px;top:0px;}
.pro-cir .wz2{right:0px;top:0px}
.pro-cir .wz3{left:0px;bottom:0px}
.pro-cir .wz4{right:0px;bottom:0px}
.pro-cir .pro-sc{ width:86px; height:86px; overflow:hidden; border:1px #c6c6c6 dashed; position:absolute; z-index:2; border-radius:50%}
.pro-cir .sc1{left:8.9%;top:9.2%;animation:rotate 18s linear 0s  infinite normal}
.pro-cir .sc2{right:7.9%;top:9.2%;animation:rotate1 18s linear 0s  infinite normal}
.pro-cir .sc3{left:7.1%;bottom:9.2%;animation:rotate 18s linear 0s  infinite normal}
.pro-cir .sc4{right:8%;bottom:9.2%;animation:rotate1 18s linear 0s  infinite normal}
.pro-cir .pro-bc{ width:280px; height:280px; overflow:hidden; position:absolute;left:20.3%;top:22%; background:url(../img/icon-15.png) no-repeat; background-size:100%;animation:rotate 32s linear 0s  infinite normal}

.pro-right{ float:right; width:718px; overflow:hidden; margin-top:123px}
.pro-right .pro-t1{ float:left; width:320px; height:80px; background:url(../img/icon-1.jpg) no-repeat; line-height:80px; overflow:hidden; padding-left:74px; font-size:18px; color:#fff; font-weight:bold}
.pro-right p{ float:left; width:100%; overflow:hidden; line-height:28px; font-size:16px; color:#333; margin-top:33px}
.pro-right .pro-t2{ float:left; width:320px; height:80px; background:url(../img/icon-2.jpg) no-repeat; line-height:80px; overflow:hidden; padding-left:74px; font-size:18px; color:#fff; font-weight:bold; margin-top:56px}

/*kc*/
.kc{ width:100%; overflow:hidden; background:#fff; padding-bottom:118px}
.kc-head{ width:100%; overflow:hidden; margin-top:120px; text-align:center}
.kc-head h3{ width:100%; overflow:hidden; font-size:42px; font-weight:normal;}
.kc-head p{ width:100%; overflow:hidden; font-size:18px; color:#333; margin-top:13px}

.kc-nav{ width:100%; overflow:hidden; background:url(../img/icon-7.jpg) repeat-x left bottom}
.kc-nav ul{ width:780px;  margin:53px auto 0px; position:relative}
.kc-nav ul li{ float:left; width:260px; overflow:hidden; height:50px; line-height:50px; margin-top:10px; text-align:center; background:#383e5b; text-align:center; font-size:16px; color:#fff; cursor: pointer;transition:all 0.3s ease-out}
.kc-nav ul .swiper-slide-active li{ height:60px; line-height:60px; font-weight:bold; font-size:18px; margin:0px;background-image:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%)}

.kc-nav .swiper-button-prev{ background:url(../img/icon-26.png) no-repeat center; width:60px; height:60px;top:30px;left:-76px;opacity:1;top:42%; z-index:8}
.kc-nav .swiper-button-next{ background:url(../img/icon-27.png) no-repeat center; width:60px; height:60px;top:30px;right:-76px;opacity:1;top:42%;z-index:8}
.kc-nav .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center;}
.kc-nav .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center;}
.kc-info{ width:1440px; overflow:hidden; margin:50px auto 0px; line-height:27px; text-align:center; font-size:16px; color:#7f869a}
.kc-info a{ margin-left:30px; cursor:pointer}

.kc-content{ width:1440px; margin:0px auto 0px; display:none}
.kc-content h3{ width:100%; overflow:hidden; text-align:center; margin-top:40px}
.kc-content h3 span{ background:url(../img/icon-39.png) no-repeat left center; padding-left:36px; font-size:22px; color:#333; font-weight:normal}
.kc-main{ width:100%; margin-top:25px; position:relative}
.kc-main .swiper-slide{box-sizing:border-box;border:1px #eee solid; position:relative; height:420px}
.kc-main .swiper-slide a{ width:100%; height:100%; display:block}
.kc-num{ width:60px; height:100px; overflow:hidden; background:url(../img/icon-40.png) no-repeat; margin:88px auto 0px; text-align:center; line-height:66px;font-family:'dinpro'; font-size:16px; color:#fff;transition:all 0.4s ease}
.kc-main h4{ width:100%; overflow:hidden; text-align:center; margin-top:27px; font-size:18px; font-weight:bold; background:none;transition:all 0.6s ease}
.kc-type{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#9ba2b6; margin-top:8px;transition:all 0.6s ease}
.kc-bm{overflow:hidden; text-align:center; margin:65px auto 0px; font-size:16px; color:#9ba2b6; width:180px; height:36px; line-height:36px;border-radius:18px;transition:all 0.6s ease}
.kc-bm span{ background:url(../img/icon-41.png) no-repeat right center; padding-right:27px;transition:all 0.6s ease}
.kc-drop{ width:100%; overflow:hidden; height:10px; padding:0px; position:absolute;left:0px;top:0px; z-index:2; background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%);box-sizing:border-box;transition:all 0.6s ease}
.kc-drop img{ width:100%; height:0px;}
.kc-main .active .kc-drop{ height:160px; padding:10px}
.kc-main .active .kc-drop img{ height:auto}
.kc-main .active .kc-num{ margin-top:170px}
.kc-main .active h4{ margin-top:10px}
.kc-main .active .kc-bm{ margin-top:20px;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%)}
.kc-main .active .kc-bm span{ color:#fff; background: url(../img/icon-3.png) no-repeat right center;background-size:13px}
.kc-main .swiper-button-prev{ background:url(../img/icon-24.png) no-repeat; width:60px; height:60px;top:30px;left:-76px;opacity:1;top:50%;z-index:8}
.kc-main .swiper-button-next{ background:url(../img/icon-23.png) no-repeat; width:60px; height:60px;top:30px;right:-76px;opacity:1;top:50%;z-index:8}
.kc-main .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center}
.kc-main .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center}
.kc .show{ display:block}

.kc-more{ width:100%; overflow:hidden; margin-top:64px; text-align:center}
.kc-more p{ width:214px; height:47px; display:inline-block; line-height:47px; overflow:hidden;border-radius:24px;background:-webkit-linear-gradient(left,#6c33da,#f82d5c); text-align:center; position: relative}
.kc-more p a{ width:100%; line-height: 38px; position:absolute;left:0px;top:0px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.kc-more p a span{background: url(../img/icon-3.png) no-repeat right center; display:inline-block; padding-right:30px;}
.kc-more p a span samp { display:inline-block; }
.kc-more p:hover:after{ width:210px; height:43px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8); background:#fff}
.kc-more p:hover span{background: url(../img/icon-27.png) no-repeat right center}

.kcnew-drop{ width:100%; overflow:hidden; height:100%; position:fixed;left:0px;top:0px; z-index:23425343443; background:rgba(0,0,0,0.8); display:none;opacity:0}
.kcnew-body{ width:1200px; height:500px; position:absolute;left:50%;top:50%; z-index:234234; background:#fff; margin-left:-600px;margin-top:-250px;border-radius:8px}
.kcnew-body h3{ width:100%; overflow:hidden; text-align:center; margin-top:50px; font-size:26px; color:#333}
.kcnew-main{ width:80%; margin:20px auto 0px; overflow:hidden; line-height:28px; height:350px; font-size:16px; color:#666}
.kcnew-main p{ margin-top:20px}
.kcnewshow{ display:block;opacity:1}
.kcnew-close{ width:30px; height:30px; position:absolute;right:30px;top:30px; z-index:2424; font-size:30px; color:#333; cursor:pointer}
/*teach*/
.teach{ width:100%; overflow:hidden; background:url(../img/bg-4.jpg) no-repeat top center; padding-bottom:120px}
.teach-head{ width:100%; overflow:hidden; margin-top:120px; text-align:center}
.teach-head h3{ width:100%; overflow:hidden; font-size:42px; font-weight:normal; color:#3f3e6e}
.teach-head p{ width:100%; overflow:hidden; font-size:18px; color:#333; margin-top:13px}

.teach-nav{ width:780px; margin:56px auto 0px; position:relative}
.teach-nav .swiper-slide{ float:left; width:260px; overflow:hidden; height:50px; line-height:50px; margin-top:10px; font-size:16px; color:#fff; text-align:center; background:#383e5b; cursor:pointer;transition:all 0.3s ease}
.teach-nav .swiper-slide-active{ height:60px; background-image:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); margin:0px; font-size:18px; font-weight:bold; line-height:60px;}
.teach-nav .swiper-button-prev{ background:url(../img/icon-26.png) no-repeat center; width:60px; height:60px;top:30px;left:-76px;opacity:1;top:42%;z-index:8}
.teach-nav .swiper-button-next{ background:url(../img/icon-27.png) no-repeat center; width:60px; height:60px;top:30px;right:-76px;opacity:1;top:42%;z-index:8}
.teach-nav .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center;}
.teach-nav .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center;}


.teach-main{ width:100%; overflow:hidden; margin:60px auto 0px;}
.teach-content{ width:98%; overflow:hidden; /*display:none;*/ height: 0px;}
.teach-content .swiper-container {width: 100%;}
.teach-content .swiper-slide {width:22%!important;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;overflow:hidden; padding:0px 20px; cursor:pointer}
.teach-content .swiper-slide-next{ width:56%!important;}
.teach-item{ width:100%; overflow:hidden; background:url(../img/bg-3.jpg) no-repeat right top;background-size:69.5% auto;overflow:hidden; position:relative }
.teach-left{ float:left; width:100%; overflow:hidden; position:relative}
.teach-left img{ width:100%; height:auto;transition:all 0.4s ease-in-out}
.teach-left img:hover{transform:scale(1.1)}
.teach-title{ width:100%; position:absolute;left:0px;bottom:0px; overflow:hidden; z-index:2; background:-webkit-linear-gradient(right,rgba(248,45,92,0.7),rgba(108,51,218,0.7)); background:-moz-linear-gradient(right,rgba(248,45,92,0.7),rgba(108,51,218,0.7)); background:-ms-linear-gradient(right,rgba(248,45,92,0.7),rgba(108,51,218,0.7)); background:-o-linear-gradient(right,rgba(248,45,92,0.7),rgba(108,51,218,0.7)); background:-webkit-linear-gradient(right,rgba(248,45,92,0.7),rgba(108,51,218,0.7)); height:80px;transition:all 0.4s ease}
.teach-title span{ float:left; display:inline; width:auto; line-height:80px; background:url(../img/icon-20.png) no-repeat right center; padding-right:30px; font-size:18px; font-weight:bold; color:#fff; margin-left:62px;}
.teach-title p{ float:left; display:inline; width:auto; line-height:80px; font-size:16px;color:#fff; margin-left:19px}
.teach-right{ float:left; width:100%; overflow:hidden;transition:all 0.3s ease; position:absolute;right:-100%;top:0px}
.teach-right h3{ width:524px; overflow:hidden; margin:82px auto 0px;  font-size:30px; font-weight:bold;}
.teach-right .teach-zc{width:524px; overflow:hidden; margin:40px auto 0px; font-size:16px; color:#7f869a}
.teach-right .teach-zc span{ font-weight:bold; color:#333}
.teach-right .teach-info{width:524px; overflow:hidden; margin:20px auto 0px; font-size:16px; color:#7f869a; line-height:28px;}
.teach-right .teach-info span{ font-weight:bold; color:#333}
.teach-right .teach-sc{width:524px; overflow:hidden; margin:15px auto 0px; font-size:16px; color:#7f869a}
.teach-right .teach-sc span{ font-weight:bold; color:#333}
.teach-content .swiper-slide-next .teach-left{ width:36.8%}
.teach-content .swiper-slide-next .teach-item{border:1px #ccc solid}
.teach-content .swiper-slide-next .teach-right{width:63.2%;right:0px;}
.teach-content .swiper-slide-next .teach-title{ bottom:-80px;}
.teach-content .swiper-button-prev,.teach-content .swiper-container-rtl .swiper-button-next{ background:url(../img/icon-24.png) no-repeat center;opacity:1;left:3%; width:60px; height:60px;z-index:8}
.teach-content .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-22.png) no-repeat center}
.teach-content .swiper-button-next.swiper-button-disabled{background:url(../img/icon-3.png) no-repeat center}
.teach-content .swiper-button-next,.teach-content .swiper-container-rtl .swiper-button-prev{background:url(../img/icon-23.png) no-repeat center;opacity:1;right:3%;width:60px; height:60px;z-index:8}
.teach-main .active{ /*display:block;*/ height:auto;}

.teach-more{ width:100%; overflow:hidden; margin-top:28px; text-align:center;}
.teach-more p{ width:214px; height:47px; display:inline-block; line-height:47px; overflow:hidden;border-radius:24px; margin-top:36px;background:-webkit-linear-gradient(left,#6c33da,#f82d5c); text-align:center; position:relative}
.teach-more p a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.teach-more p a span{background: url(../img/icon-3.png) no-repeat right center; display:inline-block; padding-right:30px;}
.teach-more p a span samp { display:inline-block; }
.teach-more p:hover:after{ width:210px; height:43px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8); background:#fff}
.teach-more p:hover span{background: url(../img/icon-27.png) no-repeat right center}


/*student*/
.student{ width:100%; overflow:hidden; padding-bottom:100px}
.stu-head{ width:100%; overflow:hidden; margin-top:120px; text-align:center}
.stu-head h3{ width:100%; overflow:hidden; font-size:42px; font-weight:normal; color:#dfdfe0}
.stu-head p{ width:100%; overflow:hidden; font-size:18px; color:#323252; margin-top:13px}

.stu-nav{ width:780px; margin:56px auto 0px; position:relative}
.stu-nav .swiper-slide{ float:left; width:260px; overflow:hidden; height:50px; line-height:50px; margin-top:10px; font-size:16px; color:#fff; text-align:center;background:#383e5b ; cursor:pointer;transition:all 0.3s ease}
.stu-nav .swiper-slide-active{ height:60px;background-image:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%);margin:0px; font-size:18px; font-weight:bold;line-height:60px;}
.stu-nav .swiper-button-prev{ background:url(../img/icon-26.png) no-repeat center; width:60px; height:60px;top:30px;left:-76px;opacity:1;top:42%;z-index:8}
.stu-nav .swiper-button-next{ background:url(../img/icon-27.png) no-repeat center; width:60px; height:60px;top:30px;right:-76px;opacity:1;top:42%;z-index:8}
.stu-nav .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center;}
.stu-nav .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center;}


.stu-content{ width:1440px;  margin:35px auto 0px;}
.stu-item{ width:100%; transition:all 0.3s ease; display:none}
.stu-list{ width:100%; overflow:hidden; margin-top:20px; background:#fff;background-size:100%; padding-bottom:24px; position:relative;box-shadow:0px 0px 12px 1px rgba(125,125,125,0.1); position:relative; cursor:pointer}
.stu-cir{ float:left; height: 106px; display:inline; width:106px; padding:3px;border-radius:50%; background:-webkit-linear-gradient(top,rgba(248,45,92,1),rgba(108,51,218,1)); margin:22px 0px 0px 40px; }
.stu-cir div { width: 100px;height: 100px;border-radius:50%;background-size: cover; }
.stu-cir img{ width:100%; height:0px!important;}
.stu-main{ float:left; display:inline; width:80%; overflow:hidden; margin-top:56px; margin-left:20px;}
.stu-up{ width:100%; overflow:hidden; font-size:16px; color:#9ba2b6;}
.stu-up span{ float:left; width:auto; }
.stu-up span em{font-weight:bold; color:#333; font-style:normal}
.stu-up p{ float:left; display:inline; width:auto; margin-left:96px;color:#9ba2b6}
.stu-up p em{ font-weight:bold; font-style:normal; color:#333}
.stu-ct{ width:100%; overflow:hidden; font-size:16px; display:none;}
.stu-ct span{ width:100%; overflow:hidden; font-weight:bold; color:#fff; margin-top:18px; display:block } 
.stu-ct p{ width:100%; overflow:hidden; color:#9ba2b6; line-height:23px; margin-top:7px}
.stu-gx{width:100%; overflow:hidden; color:#9ba2b6; line-height:23px; margin-top:10px}
.stu-right{ width:46px; overflow:hidden; position:absolute;right:40px;top:0px; height:100%; background:url(../img/icon-42.png) no-repeat  left center; cursor:pointer;transition:all 0.4s ease}
.stu-content .active{ display:block;}

.stu-content .act{ background: url(../img/bg-5.jpg) no-repeat; padding-bottom:40px}
.stu-content .act .stu-up,.stu-content .act .stu-up em,.stu-content .act .stu-up p,.stu-content .act .stu-up p em,.stu-content .act .stu-ct p,.stu-content .act .stu-gx{ color:#fff}
.stu-content .act .stu-ct{ display:block}
.stu-content .act .stu-right{background:url(../img/icon-21.png) no-repeat  left center;transform:rotate(180deg);}

.stu-more{ width:100%; overflow:hidden; margin-top:28px; text-align:center}
.stu-more p{ width:214px; height:47px; display:inline-block; line-height:47px; overflow:hidden;border-radius:24px; margin-top:36px;background:-webkit-linear-gradient(left,#6c33da,#f82d5c); text-align:center; position:relative}
.stu-more p a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.stu-more p a span{background: url(../img/icon-3.png) no-repeat right center; display:inline-block; padding-right:30px;}
.stu-more p a span samp { display:inline-block; }
.stu-more p:hover:after{ width:210px; height:43px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8); background:#fff}
.stu-more p:hover span{background: url(../img/icon-27.png) no-repeat right center}


/*报名*/
.bm{ width:100%; overflow:hidden; background:url(../img/bg-8.jpg) no-repeat top center; height:450px; position:relative}
.bm-left{ width:40%; overflow:hidden; position:absolute;left:12%;top:38%; z-index:2; }
.bm-left span{ float:left; width:100%; overflow:hidden; font-size:42px; font-weight:bold; color:#fff}
.bm-left p{ float:left; width:100%; overflow:hidden; font-size:22px; color:#fff; margin-top:9px}
.bm-wx{ width:100%; overflow:hidden; position:absolute;left:3px;top:51px; text-align:center;}
.bm-right{ width:30%; overflow:hidden; position:absolute;right:6%;top:150px; z-index:2}
.bm-right .phone{ float:left; width:100%; overflow:hidden}
.bm-right .phone span{ font-size:28px; color:#fff;}
.bm-right .phone p{ display:inline; font-size:42px; color:#fff; font-family:"dinpro"}

.bm-right .link{ float:left; width:100%; margin-top:35px; padding-bottom:12px}
.bm-right .link span{ width:274px; height:60px; line-height:60px; text-align:center; display:block;border-radius:30px; font-style:normal; position:relative;}
.bm-right .link span a{ width:100%; height:100%; display:block; font-size:22px; line-height:26px; font-weight:bold;font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;position:absolute;left:0px;top:0px; z-index:14;}
.bm-right .link span:before{width:274px; height:60px; background:#fff; line-height:60px; text-align:center; display:block;border-radius:30px; font-style:normal; position:absolute;left:0px;top:0px; z-index:12; content:""}
.bm-right .link span:after{ width:274px; height:60px; overflow:hidden;border-radius:30px; content:""; display:block; position:absolute;left:4px;top:4px; z-index:11;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8);}
.bm-right .link span:hover:before{left:2px;top:2px;}


/*zhuanti*/
.zt{ width:100%; overflow:hidden; background:#f0f2fc url(../img/bg-7.jpg) no-repeat top center; padding-bottom:120px; background-size:100%}
.zt-nav{ width:1440px; margin:56px auto 0px; background:#fff;border-radius:8px; height:80px; position:relative}
.zt-nav .swiper-container {width: 100%; height: 100%;}
.zt-nav .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: left;-ms-flex-pack: left;-webkit-justify-content: left;justify-content: left;-webkit-box-align: left;-ms-flex-align: left;-webkit-align-items: left;align-items: left; width:320px; font-size:16px; color:#324263; cursor:pointer}
.zt-nav .swiper-slide span{float:left; width:auto; height:80px; line-height:80px; overflow:hidden; display:inline; margin-left:22px;transition:all 0.4s ease}
.zt-nav .swiper-slide samp{ float:left; width:auto; height:80px; overflow:hidden; position:relative; vertical-align:middle; display: inline; margin-left:30px}
.zt-nav .swiper-slide samp:before{ content:""; height:100%; vertical-align:middle; display:inline-block}
.zt-nav .swiper-slide samp img{ vertical-align:middle; display:inline-block;opacity:1;transition:all 0.5s ease}
.zt-nav .swiper-slide-active{ background:url(../img/icon-28.png) no-repeat left center; background-size:100% 100%; color:#fff}
.zt-nav .swiper-slide-active span{ margin-left:24px; font-weight:bold; font-size:18px}

.zt-nav .swiper-button-prev{ background:url(../img/icon-24.png) no-repeat; width:60px; height:60px;top:30px;left:-76px;opacity:1;z-index:8}
.zt-nav .swiper-button-next{ background:url(../img/icon-23.png) no-repeat; width:60px; height:60px;top:30px;right:-76px;opacity:1;z-index:8}
.zt-nav .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center}
.zt-nav .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center}

.zt-content{ width:1440px; overflow:hidden; margin:60px auto 0px; background:-webkit-linear-gradient(top,#fff,#f0f2fc); display:none}
.zt .active{ display:block}
.zt-up{ width:100%; overflow:hidden; margin-top:40px; padding-left:8px}
.zt-list{ float:left; display:inline; width:428px; overflow:hidden; margin-left:35px}
.zt-pic{ float:left; width:100%; overflow:hidden; position:relative;border-radius:9px}
.zt-pic img{ width:100%; height:auto}
.zt-pic p{ width:100%; overflow:hidden; position:absolute;left:0px;top:100%;opacity:0;transition:all 0.4s ease; height:100%; text-align:center;background:-webkit-linear-gradient(right,rgba(248,45,92,0.9),rgba(108,51,218,0.9));}
.zt-pic p span{ width:auto; display:block; position:absolute;left:50%;top:48%; margin-left:-50px; font-size:18px; color:#fff; background:url(../img/icon-3.png) no-repeat right center; padding-right:30px}
.zt-list h3{ float:left; width:100%; overflow:hidden; line-height:40px; height:40px; font-size:22px; color:#333; font-weight:normal; margin-top:17px }
.zt-date{ float:left; width:100%; overflow:hidden; font-size:16px; color:#999; margin-top:3px}
.zt-info{ float:left; width:100%; overflow:hidden; line-height:26px; height:52px; font-size:16px; color:#999; margin-top:9px}
.zt-list a:hover p{top:0px;opacity:1}
.zt-list a:hover h3{ color:#6c33da}

.zt-pannel{ width:100%; overflow:hidden; height:356px; margin-top:60px}
.zt-item{ float:left; display:inline; width:660px; overflow:hidden; margin-left:40px; padding-bottom:60px}
.zt-thumb{ float:left; width:200px; overflow:hidden}
.zt-thumb img{ width:100%; height:auto}
.zt-item h3{ float:right; width:418px; overflow:hidden; height:40px; line-height:40px; font-size:18px; color:#333; font-weight:normal}
.zt-item span{ float:right; width:418px; overflow:hidden; font-size:14px; color:#999}
.zt-item p{ float:right; width:418px; overflow:hidden; font-size:16px; color:#999; height:52px; line-height:26px; margin-top:9px}

.zt-more{ width:100%; overflow:hidden; text-align:center}
.zt-more p{ width:214px; height:47px; display:inline-block; line-height:47px; overflow:hidden;border-radius:24px; margin-top:16px;background:-webkit-linear-gradient(left,#6c33da,#f82d5c); text-align:center; position:relative}
.zt-more p a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.zt-more p a span{background: url(../img/icon-3.png) no-repeat right center; display:inline-block; padding-right:30px;}
.zt-more p a span samp { display:inline-block; }
.zt-more p:hover:after{ width:210px; height:43px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8); background:#fff}
.zt-more p:hover span{background: url(../img/icon-27.png) no-repeat right center}


.mCSB_scrollTools .mCSB_draggerRail{ display:none}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px;background:url(../img/icon-25.png) no-repeat; background-size:100% 100%}


.class-drop{ width:100%; overflow:hidden; display:none; height:100%; position:fixed;left:0px;top:0px; z-index:2342344234; background:rgba(0,0,0,0.4)}
.drop-content{ width:94%; position:absolute;left:3%;top:50%; z-index:234234; height:800px; background:url(../img/bg-21.jpg) no-repeat; background-size:auto 100%; margin-top:-400px}
.drop-close{ width:26px; height:26px; position:absolute;right:40px;top:40px; z-index:2134; cursor:pointer; background:url(../img/icon-95.png) no-repeat}
.drop-pic{ float:right; width:25%; overflow:hidden; display:inline; margin:102px 118px 0px 0px}
.drop-pic img{ width:100%; height:auto}
.drop-title{ float:left; width:auto; overflow:hidden; display:inline; margin:100px 0px 0px 120px; font-size:36px; color:#333; font-weight:normal; position:relative; padding-bottom:40px}
.drop-title:after{width:50%; height:1px; position:absolute;bottom:0px;left:0%; z-index:12;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); content:""; overflow:hidden}
.drop-main{ float:left; display:inline; width:59%; margin:0px 0px 0px 120px; line-height:26px; height:400px; overflow:hidden; font-size:16px; color:#9ba2b6}
.drop-main p{ margin-top:25px}
.drop-bm{ float:left; width:60%;}
.drop-bm p{ float:left; width:215px; height:48px; line-height:48px; text-align:center;border-radius:24px;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); margin-top:30px; display:inline; margin-left:120px; cursor:pointer; position:relative}
.drop-bm span{ font-size:18px; color:#fff; background:url(../img/icon-3.png) no-repeat right center; padding-right:28px}
.drop-bm a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block; color:#fff; z-index:8}
.drop-bm p:hover:after{ width:211px; height:44px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6;background:-webkit-linear-gradient(left,#6c33da,#f82d5e,#0726c8); background:#fff}
.drop-bm p:hover span{background: url(../img/icon-27.png) no-repeat right center}



@media screen and (max-width:1660px){
/*profile*/
.profile{height:auto; padding-bottom:72px}
.pro-content{ width:1250px; margin:105px auto 0px;}
.pro-info{width:45.44%;margin-top:46px}
.pro-info h3{font-size:36px;}
.pro-info em{font-size:20px;margin-top:7px}
.pro-info p{font-size:16px; margin-top:22px; line-height:27px}
.pro-info .detail{height:42px; line-height:42px;border-radius:21px; margin-top:36px;}
.pro-info .detail a{ font-size:16px; background-size:15px}

.pro-info .detail:hover span{ background-size:12px}
.pro-info .detail:hover:after{height:38px;}

.pro-pic{width:49.76%; }
.pro-cir{ width:30.4%; margin-top:30px}
.pro-cir .pro-ts{font-size:18px;}
.pro-cir .pro-wz{font-size:14px;}
.pro-cir .pro-sc{ width:68px; height:68px;}
.pro-cir .sc1{left:9%;top:9.3%;}
.pro-cir .pro-bc{ width:220px; height:220px;left:21.1%;top:22.5%;}
.pro-right{ width:49.76%;margin-top:73px}
.pro-right p{ margin-top:30px}
.pro-right .pro-t2{margin-top:46px}

/*kc*/
.kc{padding-bottom:100px}
.kc-head{ margin-top:100px;}
.kc-head h3{font-size:36px;}
.kc-head p{	font-size:18px;}
.kc-nav ul{ margin:50px auto 0px;}
.kc-info{ width:1250px;margin:40px auto 0px; text-align:left}
.kc-content{ width:1250px; margin:30px auto 0px;}
.kc-main .swiper-slide{ height:420px}
.kc-main .active .kc-drop{ height:148px;}
.kc-more{margin-top:54px;}

/*student*/
.stu-head{ margin-top:100px;}
.stu-head h3{font-size:36px; }
.stu-nav{margin:48px auto 0px;}
.stu-content{ width:1250px; }
.stu-main{ width:80%; margin-top:50px;}


/*teach*/
.teach{ padding-bottom:100px}
.teach-nav{margin:48px auto 0px;}
.teach-content .swiper-slide-next .teach-left{ width:36.3%}
.teach-content .swiper-slide-next .teach-right{width:63.7%;}
.teach-right h3{ width:92%;margin:42px auto 0px;  font-size:28px;}
.teach-right .teach-zc{width:92%; margin:36px auto 0px; font-size:16px; }
.teach-right .teach-info{width:92%}
.teach-right .teach-sc{width:92%;  }
.teach-title{ height:70px;}
.teach-title span{line-height:70px;  font-size:16px; margin-left:32px;}
.teach-title p{  line-height:70px; font-size:14px; margin-left:15px}

/*zt*/
.zt{padding-bottom:100px}
.teach-head{margin-top:100px;}
.teach-head h3{ font-size:36px;}

.zt-nav{ width:1250px; margin:50px auto 0px;}
.zt-content{ width:1250px; margin:50px auto 0px;}
.zt-up{margin-top:30px; padding:0px 15px;box-sizing:border-box}
.zt-list{width:33.33%; margin:0px; padding:0px 15px;box-sizing:border-box}
.zt-list h3{ font-size:20px; margin-top:14px }
.zt-pannel{ height:326px; margin-top:30px}
.zt-item{width:50%; margin-left:0px; padding:0px 30px 40px;box-sizing:border-box}
.zt-thumb{width:40%;}
.zt-item h3{width:54%;height:36px; line-height:36px; font-size:16px;}
.zt-item span{ width:54%;}
.zt-item p{width:54%;font-size:14px;}
.zt-more{ margin-top:20px}

/*报名*/
.bm-left span{font-size:36px;}
.bm-left p{  font-size:20px; }
.bm-right .phone p{ font-size:36px; }
.bm-right .link span{ width:250px; height:56px; line-height:56px; }
.bm-right .link span a{ font-size:20px; }
.bm-right .link span:before{width:250px; height:56px;  line-height:56px; }
.bm-right .link span:after{ width:250px; height:56px;}


.class-bm{ width:158px; height:34px; line-height:34px; bottom:30px;margin-left:-79px}
.class-bm:hover:after{width:154px; height:30px;}
.class-bm:hover span{background-size:12px}
.drop-content{height:600px;  margin-top:-300px; background-size:100%}
.drop-close{ right:30px;top:30px;}
.drop-pic{ width:25%;  margin:80px 80px 0px 0px}
.drop-title{margin:80px 0px 0px 80px; font-size:32px; padding-bottom:30px}
.drop-main{  width:59%; margin:0px 0px 0px 80px; height:300px;}
.drop-bm p{  width:200px; height:42px; line-height:42px;margin-top:30px; margin-left:80px; }
.drop-bm p:hover:after{ width:196px; height:38px;}


}
@media screen and (max-width:1500px){
/*导航下拉菜单*/
.new-drop{top:56px}

/*teach*/
.teach-right h3{margin:32px auto 0px;  font-size:22px;}
.teach-right .teach-zc{margin:25px auto 0px;  }

}
@media screen and (max-width:1440px){
/*profile*/
.profile{padding-bottom:66px}
.pro-content{ width:1100px; margin:90px auto 0px;}
.pro-info{margin-top:30px}
.pro-info h3{font-size:32px;}
.pro-info em{font-size:18px;}
.pro-info p{font-size:16px;}
.pro-cir .pro-ts{font-size:16px;}
.pro-cir .pro-sc{ width:60px; height:60px;}
.pro-cir .pro-bc{ width:195px; height:195px;left:20.6%;}
.pro-right{margin-top:53px}
.pro-right .pro-t1,.pro-right .pro-t2{width:290px; height:64px; background-size:100%; line-height:64px; padding-left:68px; font-size:16px;}
.pro-right .pro-t2{margin-top:40px}

/*kc*/
.kc{padding-bottom:90px}
.kc-head{ margin-top:90px;}
.kc-head h3{font-size:32px;}
.kc-nav ul{ margin:40px auto 0px;}
.kc-info{ width:1100px;margin:30px auto 0px;}
.kc-content{ width:1100px;}
.kc-main .swiper-slide{ height:400px}
.kc-num{margin:60px auto 0px;}
.kc-main h4{ margin-top:24px; font-size:16px; }
.kc-type{font-size:14px; margin-top:8px;}
.kc-bm{ margin:50px auto 0px;width:170px;}
.kc-main .active .kc-num{ margin-top:150px}
.kc-more{margin-top:48px;}
.kc-main .active .kc-drop{ height:128px;}

/*student*/
.student{ padding-bottom:90px}
.stu-head{ margin-top:90px;}
.stu-head h3{font-size:32px; }
.stu-nav{margin:40px auto 0px;}
.stu-content{ width:1100px; }
.stu-main{ width:74%; margin-top:40px;}

/*teach*/
.teach{ padding-bottom:90px}
.teach-nav{margin:40px auto 0px;}
.teach-content{ margin-top:50px}
.teach-content .swiper-slide-next .teach-left{ width:36.1%}
.teach-content .swiper-slide-next .teach-right{width:63.9%;}
.teach-right h3{margin:42px auto 0px;  font-size:20px;}
.teach-right .teach-zc{ margin:20px auto 0px; font-size:14px; }
.teach-right .teach-info{ margin:14px auto 0px; font-size:14px; line-height:26px; height:130px}
.teach-right .teach-sc{ font-size:14px; }
.teach-title{ height:60px;}
.teach-title span{line-height:60px;  font-size:14px; margin-left:22px;}
.teach-title p{  line-height:60px; font-size:12px; margin-left:12px}

/*zt*/
.zt{padding-bottom:90px}
.teach-head{margin-top:90px;}
.teach-head h3{ font-size:32px;}

.zt-nav{ width:1100px; margin:40px auto 0px;height:66px;}
.zt-nav .swiper-slide{width:260px;}
.zt-nav .swiper-slide span{height:66px; line-height:66px;}
.zt-nav .swiper-button-prev{width:50px; height:50px;top:30px;background-size:100%}
.zt-nav .swiper-button-next{width:50px; height:50px;top:30px;background-size:100%}
.zt-content{ width:1100px; margin:40px auto 0px;}
.zt-list h3{ font-size:18px; margin-top:10px }
.zt-date{font-size:14px;}
.zt-info{font-size:14px;}
.mCSB_inside > .mCSB_container{ margin:0px}
.zt-nav .swiper-slide samp{ height:66px; margin-left:30px}


/*报名*/
.bm{ background-size:1450px;height:330px}
.bm-wx{ left:1px;top:48px;}
.bm-wx img{ width:113px; height:auto}
.bm-left span{font-size:32px;}
.bm-left p{  font-size:18px; }
.bm-right{top:108px}
.bm-right .phone span{ font-size:26px}
.bm-right .phone p{ font-size:30px; }
.bm-right .link span{ width:210px; height:50px; line-height:50px; }
.bm-right .link span a{ font-size:18px; }
.bm-right .link span:before{width:210px; height:50px;  line-height:50px; }
.bm-right .link span:after{ width:210px; height:50px;}


}

@media screen and (max-width:1366px){
/*profile*/
.profile{padding-bottom:50px}
.pro-content{ width:1000px; margin:70px auto 0px;}
.pro-info{margin-top:20px}
.pro-info h3{font-size:28px;}
.pro-info em{font-size:16px;}
.pro-info p{font-size:14px;}
.pro-info .detail{ width:170px;height:38px; line-height:38px;margin-top:26px;}
.pro-info .detail a{ font-size:14px; background-size:13px}

.pro-info .detail:hover:after{width:166px;height:34px;}

.pro-cir .pro-sc{ width:55px; height:55px;}
.pro-cir .pro-bc{ width:177px; height:177px;left:20.6%;}
.pro-right{margin-top:45px}
.pro-right .pro-t1,.pro-right .pro-t2{width:250px; height:56px;line-height:56px; padding-left:62px;}
.pro-right p{ font-size:14px}

/*kc*/
.kc{padding-bottom:80px}
.kc-head{ margin-top:80px;}
.kc-head h3{font-size:28px;}
.kc-nav ul{ margin:30px auto 0px;}
.kc-nav ul li{width:100%; height:45px; line-height:45px; margin-top:8px;font-size:14px;}
.kc-nav ul .swiper-slide-active li{ height:53px; line-height:53px;  font-size:16px;}
.kc-info{ width:1000px;margin:25px auto 0px; font-size:14px}
.kc-content{ width:1000px; margin-top:25px}
.kc-main .swiper-slide{ height:430px}
.kc-num{margin:80px auto 0px;}
.kc-main .active .kc-num{ margin-top:190px}
.kc-main .active .kc-drop{ height:170px;}

.kcnew-body{ width:900px; height:400px; margin-left:-450px;margin-top:-200px;}
.kcnew-body h3{margin-top:40px;}
.kcnew-main{ width:86%; height:270px;}


/*student*/
.student{ padding-bottom:80px}
.stu-head{ margin-top:80px;}
.stu-head h3{font-size:28px; }
.stu-nav{margin:30px auto 0px;}
.stu-nav .swiper-slide{ width:100%; height:45px; line-height:45px; margin-top:8px; font-size:14px;}
.stu-nav .swiper-slide-active{ height:53px; font-size:16px;line-height:53px; margin:0px}

.stu-content{ width:1000px; }
.stu-main{ width:74%; margin-top:35px;}
.stu-cir{ width:90px;margin:22px 0px 0px 30px}
.stu-up{font-size:14px;}
.stu-ct{font-size:14px;}
.stu-ct span{ margin-top:15px;  } 
.stu-ct p{ margin-top:5px}
.stu-gx{line-height:22px; margin-top:8px; font-size:14px}

/*teach*/
.teach{ padding-bottom:80px}
.teach-nav{margin:30px auto 0px;}
.teach-nav .swiper-slide{ width:100%; height:45px; line-height:45px; margin-top:8px; font-size:14px;}
.teach-nav .swiper-slide-active{ height:53px; font-size:16px;line-height:53px; margin:0px}
.teach-content .swiper-slide-next .teach-left{ width:35.8%}
.teach-content .swiper-slide-next .teach-right{width:64.2%;}
.teach-content .swiper-button-prev,.teach-content .swiper-container-rtl .swiper-button-next{ width:40px; height:40px;background-size:40px}
.teach-content .swiper-button-next,.teach-content .swiper-container-rtl .swiper-button-prev{ width:40px; height:40px;background-size:40px}

/*zt*/
.zt{padding-bottom:80px}
.teach-head{margin-top:80px;}
.teach-head h3{ font-size:28px;}
.zt-nav{ width:1000px; margin:30px auto 0px;}
.zt-content{ width:1000px; margin:30px auto 0px;}
.zt-list h3{ font-size:16px;}
.zt-pic p span{  font-size:16px; }
.zt-item span{font-size:12px;}
.zt-item p{ font-size:14px;height:48px; line-height:24px; margin-top:7px}

.drop-content{height:500px; margin-top:-250px; background-size:100% 100%}
.drop-pic{ width:25%;  margin:70px 60px 0px 0px}
.drop-title{margin:70px 0px 0px 60px; font-size:28px; padding-bottom:20px}
.drop-main{  width:62%; margin:0px 0px 0px 60px; height:260px;}
}


@media screen and (max-width:1200px){
/*导航下拉菜单*/
.live-anchor{right:50px}
.new-drop{ width: 132px;left:-21px;}
.new-drop em a{ font-size:14px;line-height:40px;height:40px  ;}
.live-anchor span{ margin-right:20px;}
.showdrop{ height:124px}

/*profile*/
.pro-content{ width:900px; margin:60px auto 0px;}
.pro-info{margin-top:12px}
.pro-info h3{font-size:24px;}
.pro-info em{font-size:14px;}
.pro-info p{font-size:12px; margin-top:18px}
.pro-info .detail{ width:130px;height:34px; line-height:34px;margin-top:24px;}
.pro-info .detail a span{ font-size:12px; background-size:12px}
.pro-info .detail:hover a span{ background-size:12px}
.pro-info .detail:hover:after{width:126px;height:30px;}


.pro-cir .pro-ts{font-size:14px;}
.pro-cir .pro-wz{font-size:12px;}
.pro-cir .pro-sc{ width:49px; height:49px;}
.pro-cir .pro-bc{ width:160px; height:160px;}
.pro-right{margin-top:36px}
.pro-right .pro-t1,.pro-right .pro-t2{width:220px; height:49px;line-height:49px; padding-left:56px;}
.pro-right p{ font-size:12px}

/*kc*/
.kc{padding-bottom:70px}
.kc-head{ margin-top:70px;}
.kc-head h3{font-size:24px;}
.kc-head p{ font-size:16px}
.kc-nav ul{ margin:25px auto 0px; width:690px}
.kc-info{ width:900px;margin:22px auto 0px;}
.kc-content{ width:900px; margin-top:22px}
.kc-content h3{ margin-top:30px}
.kc-content h3 span{font-size:20px; }
.kc-more p{ width:180px; height:38px;line-height:38px;}
.kc-more p a{ background-size:14px;font-size:14px;}
.kc-more p:hover:after{ width:176px; height:34px;}
.kc-more p:hover span{background-size:14px;}

.kc-main .active .kc-drop{ height:152px;}

/*student*/
.student{ padding-bottom:70px}
.stu-head{ margin-top:70px;}
.stu-head h3{font-size:24px; }
.stu-head p{font-size:16px}
.stu-nav{margin:25px auto 0px;}
.stu-content{ width:900px; margin-top:25px }
.stu-more p{ width:180px; height:38px;line-height:38px; margin-top:10px}
.stu-more p a{ background-size:14px;font-size:14px;}
.stu-more p:hover:after{ width:176px; height:34px;}
.stu-more p:hover span{background-size:14px;}

/*teach*/
.teach{ padding-bottom:70px}
.teach-nav{margin:25px auto 0px;}
.teach-more p{ width:180px; height:38px;line-height:38px; margin-top:10px}
.teach-more p a{ background-size:14px;font-size:14px;}
.teach-more p:hover:after{ width:176px; height:34px;}
.teach-more p:hover span{background-size:14px;}
.teach-content{ margin-top:30px}
.teach-content .swiper-slide-next .teach-left{ width:35.4%}
.teach-content .swiper-slide-next .teach-right{width:64.6%;}
.teach-right h3{margin:28px auto 0px;  font-size:18px;}
.teach-right .teach-zc{ margin:15px auto 0px;  }
.teach-right .teach-info{ margin:10px auto 0px;height:104px}
.teach-right .teach-sc{line-height:20px; /*height:20px*/ }
.teach-title{ height:60px;}
.teach-title span{line-height:20px; margin-left:12px; margin-top:9px; width:90%; background:none}
.teach-title p{  line-height:20px; font-size:12px; margin-left:12px; width:90%}
/*zt*/
.zt{padding-bottom:70px}
.teach-head{margin-top:70px;}
.teach-head h3{ font-size:24px;}
.teach-head p{ font-size:16px;}

.zt-nav{ width:900px; height:52px }
.zt-nav .swiper-slide{width:200px; font-size:14px}
.zt-nav .swiper-slide span{height:52px; line-height:52px;}
.zt-nav .swiper-button-prev{width:40px; height:40px;top:26px;}
.zt-nav .swiper-button-next{width:40px; height:40px;top:26px;}
.zt-nav .swiper-slide .zt1,.zt-nav .swiper-slide .zt2,.zt-nav .swiper-slide .zt3,.zt-nav .swiper-slide .zt4,.zt-nav .swiper-slide .zt5{ background-size:20%; padding-left:32px}
.zt-nav .active span{ font-size:14px}
.zt-content{ width:900px;}
.zt-list h3{ font-size:16px;}
.zt-pic p span{  font-size:14px; }
.zt-pannel{ height:282px}
.zt-thumb{width:44%;}
.zt-item h3{width:50%;}
.zt-item p{ width:50%; font-size:12px;height:46px; line-height:23px; margin-top:5px}
.zt-item p{ width:50%}
.zt-more p{ width:180px; height:38px;line-height:38px; margin-top:10px}
.zt-more span a{ background-size:14px;font-size:14px;}
.zt-more p:hover:after{ width:176px; height:34px;}
.zt-more p:hover span{background-size:14px;}
.zt-nav .swiper-slide samp{ height:52px; margin-left:25px}
.zt-nav .swiper-slide samp img{ width:auto; height:60%}
/*报名*/
.bm{ background-size:1200px;height:280px}
.bm-wx{ left:1px;top:32px;}
.bm-wx img{ width:100px; height:auto}
.bm-left span{font-size:28px;}
.bm-right{top:83px}
.bm-right .phone span{ font-size:22px}
.bm-right .phone p{ font-size:24px; }
.bm-right .link span{ width:180px; height:40px; line-height:40px; }
.bm-right .link span a{ font-size:16px; }
.bm-right .link span:before{width:180px; height:40px;  line-height:40px; }
.bm-right .link span:after{ width:180px; height:40px;}


}



@media screen and (max-width:1000px){
.banner{ height: auto}
.banner img{ display: block; width:100%; height:auto}
/*导航下拉菜单*/
.new-drop{top:33px}
.new-drop em a{ font-size: 12px;}

/*profile*/
.pro-content{ width:780px; margin:50px auto 0px;}
.pro-info{margin-top:0px}
.pro-info h3{font-size:22px;}
.pro-info p{ margin-top:14px}
.pro-info .detail{ width:120px;height:30px; line-height:30px;margin-top:14px;}

.pro-info .detail:hover:after{width:116px;height:26px;}

.pro-cir .pro-ts{font-size:12px;}
.pro-cir .pro-sc{ width:42px; height:42px;}
.pro-cir .pro-bc{ width:138px; height:138px;}
.pro-right{margin-top:30px}
.pro-right .pro-t1,.pro-right .pro-t2{width:180px; height:41px;line-height:41px; padding-left:46px; font-size:14px}
.pro-right p{ margin-top:18px}
.pro-right .pro-t2{ margin-top:30px}

/*kc*/
.kc{padding-bottom:60px}
.kc-head{ margin-top:60px;}
.kc-head h3{font-size:22px;}
.kc-nav ul{ margin:22px auto 0px; width:620px}
.kc-info{ width:780px;}
.kc-content{ width:780px;}
.kc-content h3{ margin-top:20px}
.kc-main .active .kc-drop{ height:130px;}

.kcnew-body{ width:760px; height:400px; margin-left:-390px;}


/*student*/
.student{ padding-bottom:60px}
.stu-head{ margin-top:60px;}
.stu-head h3{font-size:22px; }
.stu-nav{ width:620px}
.stu-content{ width:780px;}
.stu-main{width:72%;}
.stu-right{ width:40px;right:30px;background-size:100%}
.stu-content .act .stu-right{background-size:100%}

/*teach*/
.teach{ padding-bottom:60px}
.teach-nav{ width:620px}
.teach-content .swiper-slide{ width:28%}
.teach-content .swiper-slide-next{ width:72%;}

/*zt*/
.zt{padding-bottom:60px;}
.teach-head{margin-top:60px;}
.teach-head h3{ font-size:22px;}
.zt-nav{ width:780px;  }
.zt-content{ width:780px;}
.zt-list h3{ font-size:14px; margin-top:8px}
.zt-pannel{ padding:0px 15px;box-sizing:border-box; height:236px}
.zt-item{ padding:0px 15px 30px}
.zt-thumb{width:50%;}
.zt-item h3{width:45%; font-size:14px; height:34px; line-height:34px}
.zt-item p{ width:45%; font-size:12px;height:46px; line-height:23px; margin-top:5px}
.zt-item span{ width:45%}

.drop-close{ width:20px; height:20px; right:20px;top:20px; background-size:100%}
.drop-pic{ width:32%;  margin:50px 30px 0px 0px}
.drop-title{margin:50px 0px 0px 30px; font-size:22px; }
.drop-main{width:57%; margin:0px 0px 0px 30px; height:220px;}
.drop-main p{ padding-right:10px;box-sizing:border-box}
.drop-bm p{ width:180px; height:40px; line-height:40px; margin-left:30px; }
.drop-bm span{ font-size:14px; background-size:14px }
.drop-bm p:hover:after{ width:176px; height:36px;}
.drop-bm p:hover span{background-size:14px}

}

@media screen and (max-width:900px){
/*profile*/
.profile{ background-size:auto 100%}
.pro-content{ width:88%; margin:40px auto 0px;}
.pro-info{float:none;width:100%;}
.pro-info em{font-size:17px; }
.pro-info p{  font-size:15px;margin-top:16px;}
.pro-info .detail{ width:160px; height:36px; line-height:36px;margin-top:20px;}
.pro-info .detail a{ font-size:14px; }

.pro-info .detail:hover:after{width:156px;height:32px;}

.pro-pic{float:none;width:100%; margin-top:30px}
.pro-cir{width:60%;float:none;margin:40px auto 0px}
.pro-cir .pro-ts{ font-size:14px}
.pro-cir .pro-wz{font-size:14px;}
.pro-cir .pro-sc{ width:17.8%; height:17.8%;}
.pro-cir .pro-bc{ width:59%; height:57%; left:20%;top:22%;}
.pro-right{ float:none; width:100%; margin:50px auto 0px}
.pro-right .pro-t1{width:300px; height:70px;line-height:70px; padding-left:70px; font-size:16px}
.pro-right p{ font-size:16px; margin-top:28px}
.pro-right .pro-t2{width:320px; height:70px; line-height:70px; margin-top:30px;padding-left:70px; font-size:16px}

/*kc*/
.kc{ padding-bottom:50px}
.kc-head{ margin-top:50px;}
.kc-head h3{font-size:22px; }
.kc-head p{font-size:16px; margin-top:11px}
.kc-nav ul{ width:88%;}
.kc-info{ width:88%; font-size:12px; line-height:24px; margin-top:15px;margin-bottom: 15px; }
.kc-nav .swiper-button-prev{width:40px; height:40px;top:48%;left:-40px}
.kc-nav .swiper-button-next{width:40px; height:40px;top:48%;right:-40px}
.kc-content{ width:88%; margin:20px auto 0px;}
.kc-content h3{ margin-top:10px}
.kc-content h3 span{font-size:18px;}
.kc-main .active .kc-drop{ height:auto;}
.kc-main .swiper-slide{ height:420px;}
.kc-main .active .kc-num{ margin-top:190px}
.kc-main .swiper-button-prev{ width:30px; height:30px;left:-36px;top:50%;background-size:100%}
.kc-main .swiper-button-next{width:30px; height:30px;right:-36px;top:50%;background-size:100%}
.kc-main .swiper-button-next.swiper-button-disabled{background-size:auto}
.kc-main .swiper-button-prev.swiper-button-disabled{background-size:auto}
/* .kc-info span{ float:left; width:100%} */
.kc-info span a{ margin:0px}
/*student*/
.student{ padding-bottom:50px}
.stu-head{ margin-top:50px;}
.stu-nav{ width:88%}
.stu-content{width:88%}
.stu-main{width:66%;}

.stu-nav .swiper-button-prev{left:-46px}
.stu-nav .swiper-button-next{ right:-46px;}

/*teach*/
.teach{ padding-bottom:50px}
.teach-nav{ width:88%}
.teach-nav .swiper-button-prev{ left:-46px}
.teach-nav .swiper-button-next{ right:-46px}

.teach-content .swiper-slide {width:100%;padding:0px 20px;}
.teach-content .swiper-slide-next{ width:0%;}
.teach-left{ width:35%;}
.teach-right{ width:65%; right:0%;}
.teach-content .teach-item{border:1px #ccc solid}
.teach-content .swiper-slide-next .teach-left{ width:35%}
.teach-content .swiper-slide-next .teach-item{border:1px #ccc solid}
.teach-content .swiper-slide-next .teach-right{width:65%;right:0px;}
.teach-content .teach-title,.teach-content .swiper-slide-next .teach-title{ bottom:-80px;}


/*zt*/
.zt{padding-bottom:50px}
.teach-head{margin-top:50px;}
.zt-nav .swiper-button-prev{width:30px; height:30px;top:32px;left:-45px}
.zt-nav .swiper-button-next{width:30px; height:30px;top:32px;right:-45px}
.zt-nav{ width:88%;  }
.zt-content{ width:88%;}

/*报名*/
.bm{ background-size:900px;height:210px}
.bm-wx{ left:1px;top:25px;}
.bm-wx img{ width:76px;}
.bm-left span{font-size:22px;}
.bm-left p{font-size:16px;}
.bm-right{top:63px;right:7%}
.bm-right .phone span{ font-size:18px}
.bm-right .phone p{ font-size:20px; }
.bm-right .link{ margin-top:20px}
.bm-right .link span{ width:150px; height:34px; line-height:34px; }
.bm-right .link span a{ font-size:14px; }
.bm-right .link span:before{width:150px; height:34px;  line-height:34px; }
.bm-right .link span:after{ width:150px; height:34px;}




}



@media screen and (max-width:768px){
/*banner*/
.banner .swiper-container-horizontal > .swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px}
.banner .swiper-pagination-bullet{width:15px; height:15px; background:url(../img/icon-44.png) no-repeat;opacity:1; background-size:100%}
.banner .swiper-pagination-bullet-active{ background:url(../img/icon-43.png) no-repeat;background-size:100%}

/*profile*/
.pro-content{margin:30px auto 0px;}
.pro-info h3{font-size:18px;}
.pro-info em{font-size:14px; }
.pro-info p{  font-size:12px;margin-top:15px; line-height:22px}
.pro-info .detail{ width:120px; height:30px; line-height:30px;margin-top:12px;}
.pro-info .detail a{ font-size:12px; }
.pro-info .detail:hover:after{width:116px;height:26px;}

.pro-cir{width:100%;margin:30px auto 0px}
.pro-cir .pro-wz{font-size:12px;}
.pro-right .pro-t1{width:220px; height:50px;line-height:50px; padding-left:56px; font-size:15px}
.pro-right p{ font-size:14px; margin-top:16px; line-height:24px}
.pro-right .pro-t2{width:220px; height:50px; line-height:50px; margin-top:20px;padding-left:56px; font-size:15px}

/*kc*/
.kc{ padding-bottom:30px}
.kc-head{ margin:30px auto 0px; width:90%}
.kc-head h3{font-size:18px; }
.kc-head p{font-size:14px; margin-top:9px}
.kc-nav ul{ width:86%; margin-top:14px}
.kc-nav ul li{height:32px; line-height:32px; margin-top:8px;font-size:12px;}
.kc-nav ul .swiper-slide-active li{ height:40px; line-height:40px;font-size:14px;}
.kc-nav .swiper-button-prev{width:30px; height:30px;top:68%;left:-30px; background-size:12px}
.kc-nav .swiper-button-next{width:30px; height:30px;top:68%;right:-30px;background-size:12px}
.kc-nav .swiper-button-next.swiper-button-disabled,.kc-nav .swiper-button-prev.swiper-button-disabled{background-size:14px}
.kc-main{ width:86%; margin:20px auto 0px}
.kc-main .swiper-slide{ height:auto; padding-bottom:20px}
.kc-main .kc-drop{ position:static; height:auto; padding:10px}
.kc-main .kc-drop img{ height:auto}
.kc-main  .kc-num,.kc-main .active .kc-num{ margin-top:20px}
.kc-main  .kc-bm{ margin-top:20px;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%)}
.kc-main  .kc-bm span{ color:#fff; background: url(../img/icon-3.png) no-repeat right center;background-size:13px}
.kc-more{ margin-top:24px;}


.kcnew-body{ width:88%; height:400px;left:6%; margin-left:0%;margin-top:-200px;}
.kcnew-body h3{ font-size:22px;}
.kcnew-main{ width:86%;line-height:24px; height:300px; font-size:14px;}
.kcnew-main p{ margin-top:15px}
.kcnew-close{right:10px;top:10px;}

/*student*/
.student{ padding-bottom:30px}
.stu-head{ margin:30px auto 0px; width:90%;}
.stu-head h3{font-size:18px; }
.stu-head p{font-size:14px; margin-top:8px }
.stu-nav{ width:86%}
.stu-nav .swiper-slide{height:32px; line-height:32px;font-size:12px;}
.stu-nav .swiper-slide-active{ height:40px; line-height:40px;font-size:14px;}

.stu-nav .swiper-button-prev{ background-size:12px}
.stu-nav .swiper-button-next{ background-size:12px}

.stu-content{width:90%; margin-top:14px}
.stu-content .act{background-size:cover;}
.stu-cir{ width:60px;height:60px; position:absolute;left:20px;top:20px; z-index:2; margin:0px}
.stu-cir div {width:60px;height:60px;}
.stu-main{ width:100%; margin:0px; padding-left:0px; margin-top:25px}
.stu-up{ padding-left:90px;min-height: 60px;}
.stu-up span{width:100%; }
.stu-up p{ width:100%; margin-left:0px; margin-top:9px}
.stu-ct{ padding:0px 24px;box-sizing:border-box}
.stu-gx{padding:0px 24px;box-sizing:border-box; margin-top:16px}
.stu-content .act .stu-gx{ margin-top:7px}
.stu-right{ width:30px; height:30px; position:absolute;right:15px;top:20px; z-index:23}
.stu-more{ margin-top:20px;}
.stu-more p a {line-height: 38px;}

/*teach*/
.teach{ padding-bottom:30px}
.teach-nav{ width:86%}
.teach-nav .swiper-slide{height:32px; line-height:32px;font-size:12px;}
.teach-nav .swiper-slide-active{ height:40px; line-height:40px;font-size:14px;}
.teach-more{ margin-top:20px;}
.teach-nav .swiper-button-prev{ background-size:12px}
.teach-nav .swiper-button-next{ background-size:12px}

.teach-right {position: relative;}
.teach-right h3{ margin-top:10px; font-size:14px}
.teach-right .teach-zc{ margin-top:7px; font-size:12px}
.teach-right .teach-info{ margin-top:4px; font-size:12px; line-height:21px; /*height:42px*/}
.teach-right .teach-sc{ font-size:12px; margin-top:5px}
.teach-more p a {line-height: 38px;}
/*zt*/
.zt{padding-bottom:30px}
.teach-head{margin:30px auto 0px; width:90%}
.teach-head h3{ font-size:18px;}
.teach-head p{ font-size:14px; margin-top:9px}
.zt-nav{ width:86%; height:38px;}
.zt-nav .swiper-slide { text-align:center}
.zt-nav .swiper-slide samp{ display:none}
.zt-nav .swiper-slide-active span{ margin:0px; font-size:14px;height:38px; line-height:38px; width:100%}
.zt-nav .swiper-button-prev{width:20px; height:20px;top:30px;left:-25px}

.zt-nav .swiper-button-next{width:20px; height:20px;top:30px;right:-25px}
.zt-content{margin:20px auto 0px; width:100% }
.zt-up{ margin-top:17px; padding:0px}
.zt-list{ width:100%; padding-bottom:16px}
.zt-list h3{ margin-top:4px; line-height:30px; height:30px}
.zt-date{ margin:0px}
.zt-info{ margin-top:3px; line-height:20px; font-size:12px; height:auto}
.zt-pannel{ width:100%; margin:0px}
.zt-item{ width:100%; padding:0px; overflow:hidden; padding-bottom:15px}
.zt-more p a {line-height: 38px;}

.zt-nav .swiper-slide samp{ height:38px; margin-left:15px}

/*报名*/
.bm{ background-size:760px;height:175px}
.bm-wx{ left:1px;top:28px;}
.bm-wx img{ width:56px;}
.bm-left span{font-size:18px;}
.bm-left p{font-size:14px;}
.bm-right{top:53px;right:7%}
.bm-right .phone span{ font-size:14px}
.bm-right .phone p{ font-size:16px; }
.bm-right .link{ margin-top:20px}
.bm-right .link span{ width:120px; height:28px; line-height:28px; }
.bm-right .link span a{ font-size:12px; }
.bm-right .link span:before{width:120px; height:28px;  line-height:28px; }
.bm-right .link span:after{ width:120px; height:28px;}

.drop-content{ height:490px; margin-top:-245px}
.drop-pic{ width:100%; float:left;  margin:20px 30px 0px 0px}
.drop-pic img{ width:auto; height:200px; margin-left:20px}
.drop-title{margin:30px 0px 0px 20px; font-size:18px; overflow:hidden }
.drop-main{width:90%; margin:20px 0px 0px 20px; height:120px;}
.drop-main p{ padding-right:10px; margin:0px; padding-bottom:12px; font-size:12px; line-height:23px}
.drop-bm p{ width:120px; height:30px; line-height:30px; margin-left:20px; margin-top:10px }
.drop-bm span{ font-size:12px; background-size:12px }
.drop-bm p:hover:after{ width:116px; height:26px;}
.drop-bm p:hover span{background-size:12px}


}

@media screen and (max-width:600px){
/*报名*/
.bm-left{left:3%; width:30%}
.bm-left span{font-size:14px;}
.bm-left p{font-size:12px;}
.bm-right{top:53px;right:2%; width:34%}
.bm-right .phone span{ font-size:12px; width:100%; display:block}
.bm-right .phone p{ font-size:14px; }
.bm-right .link{ margin-top:10px}
.bm-right .link span{ width:100px; height:26px; line-height:26px; }
.bm-right .link span:before{width:100px; height:26px;  line-height:26px; }
.bm-right .link span:after{ width:100px; height:26px;}


}