body{ background:#f5f5f5}
.live-anchor span:last-child a:after{ background:none}
.news-more p span,.yk-left h3,.yk-left p span,.class-bm span a,.yk-more a:hover em span,.base-kc:hover samp,.class-more:hover samp,.drop-bm p:hover 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;}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }


@keyframes  updown1 {
   0%{top:26%}
   50%{top:28%}
   100%{top:26%}
}
@keyframes updown2 {
   0%{top:2%}
   50%{top:0%}
   100%{top:2%}
}
@keyframes  updown3 {
   0%{top:32%}
   50%{top:34%}
   100%{top:32%}
}
@keyframes  updown4 {
   0%{top:51%}
   50%{top:53%}
   100%{top:51%}
}
@keyframes  save1 {
   0%{width:12px; height:12px;left:7px;top:7px;opacity:0.9}
   100%{width:26px; height:26px;left:0px;top:0px;opacity:0}

}



/*news*/
.banner-new{ width:100%; background:url(../img/bg-10.jpg) no-repeat top center; height:600px; position:relative}
.banner-center{ width:100%; position:absolute;left:0px; z-index:2;top:45%; text-align:center;color:#fff}
.banner-center h3{ width:100%; font-size:42px; font-weight:bold;}
.banner-center p{ width:100%; font-size:26px; margin-top:18px}

.nav-pos{ width:100%; overflow:hidden; position:relative; z-index:8; height:100px; background:#fff; margin-top:0px;box-shadow:0px 5px 26px 12px rgba(0,0,0,0.04)}
.nav-center{ width:1440px; margin:0px auto; position:relative}
.nav-center .swiper-slide{ line-height:100px; font-size:16px; background:url(../img/icon-45.png) no-repeat right}
.nav-center .swiper-slide:last-child{ background:none}
.nav-center .active a{ font-weight:bold}
.nav-center a{ color:#333;transition:all 0.4s ease}
.nav-center a:hover{font-weight:bold}
.nav-center img{ margin-right:8px}
.nav-center .swiper-button-prev{ background:url(../img/icon-24.png) no-repeat center; width:60px; height:60px;top:30px;left:-56px;opacity:1;top:42%}
.nav-center .swiper-button-next{ background:url(../img/icon-23.png) no-repeat center; width:60px; height:60px;top:30px;right:-56px;opacity:1;top:42%}
.nav-center .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center;}
.nav-center .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center;}

.news-list{ width:1440px; margin:42px auto 0px}
.news-item{ width:100%; overflow:hidden; margin-top:38px; background:#fff;transition:all 0.4s ease; cursor:pointer}
.news-pic{ float:left; width:32.23%; overflow:hidden}
.news-pic img{ width:100%; height:auto;transition:all 0.4s ease}
.news-pic img:hover{transform:scale(1.1)}
.news-top{ float:left; width:67.73%;overflow:hidden;box-sizing:border-box; padding:0px 60px; line-height:30px; margin-top:42px}
.news-top span{ float:left; width:auto; font-size:16px; color:#333}
.news-top p{ float:right; width:58px; height:28px; line-height:28px; font-size:16px; color:#333;border:1px #333 solid; text-align:center;transition:all 0.4s ease}
.news-pic.teach-pic { width:20%; }
.news-top.teach-top { width:80%;}
.news-item h3{ float:left; width:67.73%; overflow:hidden;box-sizing:border-box; padding:0px 60px; line-height:30px; font-size:24px; color:#333; font-weight:normal; margin-top:9px}
.news-info{ float:left; width:67.73%; overflow:hidden;box-sizing:border-box; padding:0px 60px; line-height:32px; height:64px; font-size:16px; color:#808080; margin-top:25px}
.news-item h3 p {padding-bottom: 10px;}
.news-item h3.teach-h3 { padding-left:100px;}
.news-item h3.teach-h3 dl { padding-bottom:12px;}
.news-item h3.teach-h3 dl dt {float: left;  font-size:20px; }
.news-item h3.teach-h3 dl dd { overflow: hidden;font-size: 14px; color:#808080;  }
.news-item h3.teach-h3 dl:first-child dd {font-size: 18px; color:#333; }
.news-item h3.teach-h3 dl:first-child dt { padding-right:1em; }


.news-more{ float:left; width:180px; height:50px; overflow:hidden; margin-top:44px; position:relative;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); display:inline; margin-left:60px; z-index:3}
.news-more:after{ width:176px; height:46px; background:#fff; position:absolute;left:2px;top:2px; z-index:2; content:"";transition:all 0.4s ease}
.news-more p{ width:auto; position:absolute; z-index:4;left:47px;top:15px; background:url(../img/icon-27.png) no-repeat right center; padding-right:23px;background-size:14px; font-size:15px;transition:all 0.4s ease}
.news-item a{ display:block}
.news-list .active{box-shadow:0px 0px 12px 6px rgba(0,0,0,0.03)}
.news-list .active .news-top p{background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); color:#fff;border:none; height:30px; line-height:30px; width:60px}
.news-list .active .news-more:after{background:transparent;}
.news-list .active .news-more p{background:url(../img/icon-3.png) no-repeat right center;background-size:14px;}
.news-list .active .news-more p span{ color:#fff;-webkit-text-fill-color:#fff;-moz-text-fill-color:#fff;-ms-text-fill-color:#fff;-o-text-fill-color:#fff;text-fill-color:#fff;}

.news-page{ width:100%; overflow:hidden; padding:38px 0px 100px; text-align:center}
.news-page a{ width:58px; height:58px; display:inline-block; margin:0px 6px; border:2px #eee solid; line-height:58px; text-align:center; font-size:16px; color:#333;transition:all 0.3s ease}
.news-page a:hover,.news-page .act{ color:#fff;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%)}
.news-page .lue{border:none; font-size:20px}

/*news-info*/
.banner-arc{ width:100%; overflow:hidden; background:url(../img/bg-11.jpg) no-repeat top center; height:400px; position:relative}
.arc-break{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; height:60px; background:rgba(31,49,140,0.5)}
.break-nav{ width:1440px; margin:0px auto; overflow:hidden; line-height:60px; font-size:14px}
.break-nav a{ font-size:14px; color:rgba(255,255,255,0.5); background:url(../img/icon-67.png) no-repeat left center; padding-left:30px; margin-left:16px;transition:all 0.3 ease}
.break-nav a:hover{ color:#fff}
.break-nav span{ float:left; width:auto; overflow:hidden; display:inline-block; background:url(../img/icon-50.png) no-repeat left center;}
.break-nav span a{ width:24px; height:60px; display:block; background:none; padding-left:0px; margin:0px}

.arc-main{ width:1440px; padding:30px 0px 50px; margin:0px auto}
.arc-left{ float:left; width:1080px; margin-top:20px; padding-bottom:80px}
.arc-content{ float:left; width:100%; overflow:hidden; background:#fff;box-shadow:0px 0px 12px 6px rgba(0,0,0,0.01); padding:10px 80px 60px;box-sizing:border-box; }

.arc-content h1{ float:left; width:100%; overflow:hidden; font-size:22px; color:#333; text-align:center; margin-top:30px; line-height:30px; font-weight:normal}
.arc-date { float:left; width:100%; overflow:hidden; font-size:14px; color:#666; margin-top:26px; text-align:center;border-bottom:1px #eee solid; padding-bottom:30px}
.arc-date  span{ width:auto; display:inline; margin:0px 22px}
.arc-date  span a{ color:#666; margin-right:10px;transition:all 0.4s ease}
.arc-date  span a:hover{ color:#eee; border-bottom:1px #eee solid}
.arc-date.art-key { text-align:left;}
.arc-date.art-key span {margin:0px;}

.arc-detail{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:36px;}
.arc-detail p{ margin-top:36px}
.arc-detail img{max-width:100%; height:auto}
.arc-back{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:38px}
.arc-page{ float:left; width:100%; overflow:hidden; height:80px; line-height:80px; background:#f7f7f7; margin-top:60px; font-size:16px}
.arc-page span{ float:left; overflow:hidden; height:80px; width:50%; padding:0px 15px 0px 40px;box-sizing:border-box}
.arc-page span:last-child{padding:0px 40px 0px 15px; text-align:right}
.arc-page span a{ color:#222}
.arc-page span a:hover{ color:#108cee}

.arc-pannel{ float:left; width:100%; margin-top:30px;}
.arc-pannel .swiper-slide{box-sizing:border-box; overflow:inherit; padding-bottom:20px}
.arc-item{ float:left; width:100%; overflow:hidden; background:#fff;box-shadow:0px 0px 12px 6px rgba(0,0,0,0.01); padding-bottom:32px }
.arc-item h3{ width:82%; margin:15px auto 0px; border-bottom:1px #ddd solid; font-size:16px; color:#333; line-height:50px}
.arc-item h3 img{ float:left; width:auto; display:inline; margin:15px 10px 0px 0px}
.arc-item ul{ width:82%; overflow:hidden; margin:10px auto 0px}
.arc-item ul li{ float:left; width:100%; overflow:hidden; line-height:36px; height:36px; background:url(../img/icon-58.png) no-repeat left center; padding-left:18px}
.arc-item ul li a{ color:#666; font-size:14px;transition:all 0.3s ease}
.arc-item ul li a:hover{ color:#108cee}
.arc-srcoll{ float:left; width:100%; overflow:hidden; position:relative; height:60px; text-align:center}
.arc-srcoll .swiper-button-prev{ position:static; display:inline-block; background:url(../img/icon-27.png) no-repeat center; width:60px; height:60px;left:0;opacity:1;top:0; margin:0px}
.arc-srcoll .swiper-button-next{ position:static; display:inline-block; background:url(../img/icon-26.png) no-repeat center; width:60px; height:60px;right:0;opacity:1;top:0; margin:0px}
.arc-srcoll .swiper-button-next.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center;}
.arc-srcoll .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center;}

.arc-right{ float:right; width:340px;}
.arc-side{ float:left; width:100%; overflow:hidden; background:#fff;box-shadow:0px 0px 12px 6px rgba(0,0,0,0.01); margin-top:20px; padding-bottom:34px}
.arc-side h3{ width:82%; margin:15px auto 0px; border-bottom:1px #ddd solid; font-size:16px; color:#333; line-height:50px; background:url(../img/icon-57.png) no-repeat left center; padding-left:29px}
.arc-side ul{ width:82%; overflow:hidden; margin:10px auto 0px}
.arc-side ul li{ float:left; width:100%; overflow:hidden; line-height:36px; height:36px; background:url(../img/icon-58.png) no-repeat left center; padding-left:18px}
.arc-side ul li a{ color:#666; font-size:14px;transition:all 0.3s ease}
.arc-side ul li a:hover{ color:#108cee}
.arc-side:nth-child(2) h3{background:url(../img/icon-59.png) no-repeat left center}

.arc-list{ width:82%; margin:20px auto 0px; overflow:hidden;box-sizing:border-box; border:1px #eee solid}
.arc-thumb{ float:left; width:100%; overflow:hidden; border-bottom:1px #eee solid}
.arc-thumb img{ width:100%; height:auto;transition:all 0.4s ease;}
.arc-thumb img:hover{transform:scale(1.1)}
.arc-bottom{ float:left; width:100%; overflow:hidden; line-height:58px; height:58px; text-align:center; position:relative; font-size:16px; color:#999}
.arc-bottom p span{ color:#333}
.arc-slide{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:2; background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); font-size:16px; color:#fff;opacity:0;transition:all 0.3s ease}
.arc-slide span{ background:url(../img/icon-3.png) no-repeat right center; padding-right:29px; height:100%; display:inline-block;}
.arc-list:hover .arc-slide{opacity:1}

/*yuekan*/
.yk{ width:1440px; margin:80px auto 0px}
.yk-list{ width:100%; overflow:hidden; background:#fff; margin-top:20px;box-shadow:0px 0px 12px 6px rgba(0,0,0,0.01);transition:all 0.4s ease; cursor:pointer; padding:40px 40px 20px;box-sizing:border-box}
.yk-list:hover{box-shadow:0px 0px 12px 6px rgba(0,0,0,0.03)}
.yk-pic{ float:right; overflow:hidden}
.yk-pic img{transition:all 0.3s ease}
.yk-pic img:hover{transform:scale(1.1)}
.yk-left{ float:left; width:70%; overflow:hidden}
.yk-left h3{ float:left; width:auto; line-height:32px; font-size:28px; font-weight:bold; display:inline; margin-right:20px}
.yk-left p{ float:left; display:inline; width:auto; background:url(../img/icon-11.jpg) no-repeat right center; padding-right:20px; line-height:32px; font-size:20px; margin-left:20px}
.yk-left .del{ background:none}
.yk-list ul{ float:left; width:70%; overflow:hidden; margin-top:20px}
.yk-list ul li{ float:left; width:97%; overflow:hidden; line-height:40px; height:40px; padding-left:20px; background:url(../img/icon-58.png) no-repeat left center}
.yk-list ul li a{ color:#9ba2b6; font-size:18px;transition:all 0.4s ease}
.yk-list ul li a:hover{ color:#00b4f1}
.yk-more{ float:left; width:214px; height:47px; line-height:47px; text-align:center; overflow:hidden;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%);border-radius:24px; margin-top:30px; position:relative}
.yk-more em{ font-style:normal}
.yk-more a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.yk-more a em{background: url(../img/icon-3.png) no-repeat right center; padding-right:30px;}
.yk-more: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}
.yk-more a:hover em{background: url(../img/icon-27.png) no-repeat right center}



/*info*/
.info{ background:url(../img/bg-12.jpg) no-repeat top center}
.info-pos{ width:100%; height:100px; position:absolute; z-index:2;left:0px;bottom:-50px;}
.info-pos ul{ width:1440px; margin:0px auto; background:#fff; height:100px; line-height:100px; font-size:16px; color:#333;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.03); overflow:hidden; text-align:center}
.info-pos ul li{ width:auto; display:inline-block; background:url(../img/icon-11.jpg) no-repeat right center; padding:0px 170px}
.info-pos ul li:last-child{ background:none; }
.info-pos ul li a:hover{color:#000; font-weight:bold}
.info-pos ul .pos1 a{ background:url(../img/icon-83.png) no-repeat left center; padding-left:32px; display:block}
.info-pos ul .pos2 a{ background:url(../img/icon-84.png) no-repeat left center; padding-left:32px; display:block}
.info-pos ul .pos3 a{ background:url(../img/icon-85.png) no-repeat left center; padding-left:32px; display:block}
.info-pos ul .selected a{ color:#000; font-weight:bold}

.des{ width:100%; overflow:hidden; background:url(../img/bg-13.jpg) no-repeat top center; height:835px}
.des-main{ width:1440px; overflow:hidden; margin:108px auto 0px}
.des-left{ float:left; width:690px; overflow:hidden; position:relative; margin-top:32px}
.des-left h3{ float:left; width:100%; font-size:36px; color:#333; font-weight:normal; position:relative; padding-bottom:47px}
.des-left h3:after{ width:80px; height:1px; position:absolute;bottom:0px;left:0px; z-index:12;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); content:""; overflow:hidden}
.des-content{ float:left; width:93%; overflow:hidden; font-size:16px; color:#333; margin-top:16px; line-height:32px; height:192px}
.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,.2);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px;background:url(../img/icon-25.png) no-repeat; background-size:100% 100%}

.des-right{ float:right; width:700px; overflow:hidden; position:relative}
.des-right img{ width:100%; height:auto}
.des-right span{ width:100%; height:100%; display:block; position:absolute;left:0px;top:0px; z-index:8;background:-webkit-linear-gradient(left,rgba(108,51,218,0.8) 5%,rgba(248,45,92,0.8)) }

.des-bottom{ width:1440px; margin:100px auto 0px; overflow:hidden; background:url(../img/icon-68.png) no-repeat bottom center; height:267px; position:relative} 
.des-t1{ width:512px; overflow:hidden; position: absolute;left:0px;top:0px; z-index:1; text-align:right; }
.des-t1 h3{ float:left; width:100%; overflow:hidden;font-size:22px; color:#333}
.des-t1 p{ float:left; width:100%; overflow:hidden; line-height:24px; margin-top:42px; font-size:16px; color:#333}

.des-t2{ width:509px; overflow:hidden; position: absolute;right:0px;top:0px; z-index:1; text-align:left}
.des-t2 h3{ float:left; width:100%; overflow:hidden;font-size:22px; color:#333}
.des-t2 p{ float:left; width:100%; overflow:hidden; line-height:28px; margin-top:42px; font-size:16px; color:#333}

.des-t3{ width:100%; overflow:hidden; position: absolute;left:0px;bottom:40px; z-index:1; text-align:center; font-size:26px; font-weight:bold}
.des-t3 span{background-image:-webkit-linear-gradient(bottom,#3419ff ,#ff5173);background-image:-moz-linear-gradient(bottom,#3419ff ,#ff5173);background-image:-ms-linear-gradient(bottom,#3419ff ,#ff5173);background-image:-o-linear-gradient(bottom,#3419ff ,#ff5173);background-image:linear-gradient(bottom,#3419ff ,#ff5173);-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;}

.des-cir1,.des-cir2{ width:26px; height:26px; position:absolute;left:41.5%;top:50%; text-align:center}
.des-cir1 span,.des-cir2 span{ width:10px; height:10px; background:#fff;border-radius:50%; display:inline-block; margin-top:8px;}
.des-cir1 span:before,.des-cir2 span:before{width:26px; height:26px; background:rgba(255,255,255,0.7);border-radius:50%; display:inline-block; position: absolute; content:"";left:0px;top:0px;animation:save1 2.5s linear 0s  infinite normal}
.des-cir1 span:after,.des-cir2 span:after{width:26px; height:26px; background:rgba(255,255,255,0.7);border-radius:50%; display:inline-block; position: absolute; content:"";left:0px;top:0px;animation:save1 2.5s linear 2.3s  infinite normal}
.des-cir2{ left:56.8%}

.jg{ width:100%; overflow:hidden; background:#fff url(../img/bg-14.jpg) no-repeat bottom center; padding:120px 0px; position:relative}
.jg-center{ width:1440px; overflow:hidden; margin:0px auto; position:relative}
.jg-pic{ width:100%; overflow:hidden;}
.jg-pic img{ width:100%; height:auto}
.jg-left{ width:50%; position:absolute;left:0px;top:0px; z-index:8}
.jg-left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333; font-weight:normal; position:relative; padding-bottom:47px}
.jg-left h3:after{ width:80px; height:1px; position:absolute;bottom:0px;left:0px; z-index:12;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); content:""; overflow:hidden}
.jg-left p{ float:left; width:58%; overflow:hidden; line-height:30px; font-size:16px; color:#333; margin-top:17px}

.center-nav{ width:100%; overflow:hidden; position:absolute;left:0px; bottom:0px; z-index:8}
.center-nav ul{ width:1440px; overflow:hidden; margin:0px auto}
.center-nav ul li{ float:left; width:25%; overflow:hidden; height:50px; margin-top:10px; background:#383e5b url(../img/icon-19.png) no-repeat right center; font-size:16px; color:#fff; line-height:50px; text-align:center; cursor:pointer;transition:all 0.3s ease}
.center-nav ul .active{ height:60px; line-height:60px; font-weight:bold; margin:0px;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%)}

.center-slide{ width:100%; overflow:hidden; background:url(../img/bg-16.jpg) no-repeat; height:555px;}
.center-main{ width:1440px; overflow:hidden; margin:0px auto; height:456px; background:#fff;}
.center-item{ width:100%; overflow:hidden; background:url(../img/bg-15.jpg) no-repeat left top; display:none; height:100%}
.item-des{ float:left; width:50%; display:inline; margin:0px 0px 0px 40px; line-height:27px; font-size:16px; color:#333; height:100%}
.item-des:before{ content:""; vertical-align:middle; display:inline-block; height:100%}
.item-des p{ vertical-align:middle; display:inline-block}

.item-right{ float:right; width:46%;}
.item-right img{ width:100%; height:auto}
.center-main .active{ display:block}

.ts{ width:100%; overflow:hidden; background:#fff url(../img/bg-17.jpg) no-repeat bottom center; height:675px}
.ts-left{ width:50%; position:absolute;left:0px;top:0px; z-index:8}
.ts-left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333; font-weight:normal; position:relative; padding-bottom:47px}
.ts-left h3:after{ width:80px; height:1px; position:absolute;bottom:0px;left:0px; z-index:12;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); content:""; overflow:hidden}
.ts-left p{ float:left; width:55%; overflow:hidden; line-height:30px; font-size:16px; color:#333; margin-top:17px}
.ts-center{ width:1440px; overflow:hidden; margin:118px auto 0px; position:relative; height:100%}
.ts-pic{ display:none}
.ts-main{ width:100%; position:relative;font-size:16px; color:#333; height:100%; overflow:hidden}
.ts-t1{ width:auto; position:absolute;left:21%;top:28%; z-index:8;animation:updown1 2s linear 0s  infinite normal }
.ts-t1 img{ float:left}
.ts-t1 span{ margin-left:10px; float:left; line-height:64px}
.ts-t2{ width:auto; position:absolute;left:48%;top:2%; z-index:8;animation:updown2 2s linear 0s  infinite normal }
.ts-t2 img{ float:left}
.ts-t2 span{ margin-left:10px; float:left; line-height:64px}
.ts-t3{ width:auto; position:absolute;right:20%;top:34%; z-index:8;animation:updown3 2s linear 0s  infinite normal }
.ts-t3 img{ float:left}
.ts-t3 span{ margin-left:10px; float:left; line-height:64px}
.ts-t4{ width:auto; position:absolute;left:48%;top:53%; z-index:8;animation:updown4 2s linear 0s  infinite normal }
.ts-t4 img{ float:left}
.ts-t4 span{ margin-left:10px; float:left; line-height:64px}

.jump{ width:100%; overflow:hidden; background:url(../img/bg-18.jpg) no-repeat bottom center; height:731px;}
.jump-center{ width:1440px; margin:127px auto 0px; overflow:hidden;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.01)}
.jump-item{ float:left; width:25%; overflow:hidden; height:504px}
.jump-item a{ display:block; width:100%; height:100%}
.jump-main{ float:left; width:100%; height:100%; overflow:hidden; position:relative;}
.jump-item .jump1{ background:#fafafa url(../img/icon-16.jpg) no-repeat bottom center; background-size:100% ;transition:all 0.3s ease}
.jump-item .jump2{ background:#fff url(../img/icon-17.jpg) no-repeat bottom center; background-size:100%;transition:all 0.3s ease }
.jump-item .jump3{ background:#fafafa url(../img/icon-18.jpg) no-repeat bottom center; background-size:100% ;transition:all 0.3s ease}
.jump-item .jump4{ background:#fff url(../img/icon-19.jpg) no-repeat bottom center; background-size:100% ;transition:all 0.3s ease}
.jump-item .jump1 .jump-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:2; background:-webkit-linear-gradient(-45deg,rgba(250,250,250,1) 50%,rgba(250,250,250,0.85));}
.jump-item .jump2 .jump-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:2; background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0.85));}
.jump-item .jump3 .jump-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:2; background:-webkit-linear-gradient(-45deg,rgba(250,250,250,1) 50%,rgba(250,250,250,0.85));}
.jump-item .jump4 .jump-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:2; background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0.85));}

.jump-cont{ width:100%; height:100%; overflow:hidden; position: absolute;left:0px;top:0px; z-index:8;}
.jump-cont span{ width:85%; display:block; margin:100px auto 0px; height:24px;transition:all 0.3s ease }
.jump-item .jump1 .jump-cont span{ background:url(../img/icon-75.png) no-repeat left center;transition:all 0.3s ease}
.jump-item .jump2 .jump-cont span{ background:url(../img/icon-76.png) no-repeat left center;transition:all 0.3s ease}
.jump-item .jump3 .jump-cont span{ background:url(../img/icon-77.png) no-repeat left center;transition:all 0.3s ease}
.jump-item .jump4 .jump-cont span{ background:url(../img/icon-78.png) no-repeat left center;transition:all 0.3s ease}

.jump-cont h3{ width:85%; margin:10px auto 0px; font-size:22px; color:#333; font-weight:normal;transition:all 0.3s ease}
.jump-cont p{ width:85%; margin:10px auto 0px; font-size:16px; color:#666; line-height:24px;transition:all 0.3s ease}
.jump-more{ width:auto; position:absolute;left:12%; bottom:12%; overflow:hidden; z-index:12;transition:all 0.3s ease;border-radius:18px}
.jump-more em{ width:auto; line-height:36px; font-style:normal; font-size:16px; background:url(../img/icon-27.png) no-repeat right center; padding-right:29px;background-size:14px;transition:all 0.3s ease}
.jump-more em samp{ font-family:"Microsoft Yahei";background-image:-webkit-linear-gradient(bottom,#3419ff 2%,#ff5173);background-image:-moz-linear-gradient(bottom,#3419ff 2%,#ff5173);background-image:-ms-linear-gradient(bottom,#3419ff 2% ,#ff5173);background-image:-o-linear-gradient(bottom,#3419ff 2%,#ff5173);background-image:linear-gradient(bottom,#3419ff 2%,#ff5173);-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;transition:all 0.3s ease}

.jump-center .active .jump1{ background: url(../img/icon-12.jpg) no-repeat bottom center;}
.jump-center .active .jump2{ background: url(../img/icon-13.jpg) no-repeat bottom center;}
.jump-center .active .jump3{ background: url(../img/icon-14.jpg) no-repeat bottom center;}
.jump-center .active .jump4{ background: url(../img/icon-15.jpg) no-repeat bottom center;}

.jump-center .active  .jump1 .jump-bg{ background:-webkit-linear-gradient(-10deg,rgba(78,26,233,1),rgba(230,30,99,0.85))}
.jump-center .active  .jump2 .jump-bg{ background:-webkit-linear-gradient(-10deg,rgba(78,26,233,1) ,rgba(230,30,99,0.85))}
.jump-center .active  .jump3 .jump-bg{ background:-webkit-linear-gradient(-10deg,rgba(78,26,233,1) ,rgba(230,30,99,0.85))}
.jump-center .active  .jump4 .jump-bg{ background:-webkit-linear-gradient(-10deg,rgba(78,26,233,1) ,rgba(230,30,99,0.85))}

.jump-center .active .jump1 .jump-cont span{ background:url(../img/icon-79.png) no-repeat left center}
.jump-center .active .jump2 .jump-cont span{ background:url(../img/icon-80.png) no-repeat left center}
.jump-center .active .jump3 .jump-cont span{ background:url(../img/icon-81.png) no-repeat left center}
.jump-center .active .jump4 .jump-cont span{ background:url(../img/icon-82.png) no-repeat left center}
.jump-center .active .jump-cont h3,.jump-center .active .jump-cont p{ color:#fff}
.jump-center .active .jump-more{ width:180px; height:36px;border-radius:18px; background-color:#fff; text-align:center}


/*kecheng*/
.vk{ /*background:url(../img/bg-19.jpg) no-repeat top center*/}

.hot{ width:100%; overflow:hidden; background:url(../img/bg-20.jpg) no-repeat bottom  center; padding-bottom:100px}
.hot-head{ width:100%; overflow:hidden; margin:90px auto 0px; text-align:center;}
.hot-head h3{float:left; width:100%; overflow:hidden; font-size:36px; color:#333; padding-bottom:44px; font-weight:normal; position:relative}
.hot-head h3:after{width:80px; height:1px; position:absolute;bottom:0px;left:50%; margin-left:-40px; z-index:12;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%); content:""; overflow:hidden}
.hot-head p{float:left; width:100%; overflow:hidden; font-size:16px; color:#333; margin-top:22px}
.hot-content{ width:1440px; margin:0px auto;}
.hot-nav{ width:10000%; overflow:hidden; height:20px; border-bottom:1px #ddd solid; position:absolute; z-index:;left:0px;top:0px}
.kc-main .swiper-slide{ margin-top:56px}
.hot-icon{ width:100%; position:absolute;left:0px;top:-54px; z-index:2}
.hot-icon span{ width:32px; height:32px; margin:0px auto; overflow:hidden; display:block; background:url(../img/icon-92.png) 0px 0px}
.hot-icon samp{ width:100%; overflow:hidden; display:block; background:url(../img/icon-94.png) no-repeat bottom center; height:20px; margin-top:2px}
.hot-content .iconact span{background-position:-32px 0px}

.class{ width:100%; overflow:hidden; padding-bottom:100px; background:#fff}
.class-conent{ width:1440px; overflow:hidden; margin:40px auto 0px; background:#fff; box-shadow:0px 4px 22px 7px rgba(0,0,0,0.04); padding-bottom:60px}
.class-top{ width:100%; overflow:hidden; height:6px;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff5173 90%,#ff5173 100%)}
.class-center{ width:84.1%; overflow:hidden; margin:60px auto 0px}
.class-left{ float:left; width:906px; margin-top:50px}
.class-left h3{ float:left; width:auto; overflow:hidden; background:url(../img/icon-93.png) no-repeat left center; padding-left:34px; font-size:22px; color:#333}
.class-left p{ float:left; width:100%; overflow:hidden; background:url(../img/icon-58.png) no-repeat 0px 10px; line-height:27px; font-size:16px; color:#9ba2b6; padding-left:34px; margin-top:20px;box-sizing:border-box}
.class-more{ 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:34px; cursor:pointer; position:relative; z-index:8}
.class-more span{  background:url(../img/icon-3.png) no-repeat right center; padding-right:28px}
.class-more  a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block;  font-size:18px; color:#fff; z-index:8}
.class-more:hover:after{width:211px; height:44px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6; background:#fff}
.class-more:hover span{background: url(../img/icon-27.png) no-repeat right center;}


.class-right{ float:right; width:265px; overflow:hidden; position:relative}
.class-pic,.class-pic img{ float:left; width:100%; overflow:hidden; height:auto}
.class-bm{ width:178px; height:36px; line-height:36px; text-align:center; overflow:hidden; border-radius:18px; background:#fff; position:absolute;left:50%;bottom:40px; z-index:2; margin-left:-89px;}
.class-bm span{font-size:16px; background:url(../img/icon-27.png) no-repeat right center; padding-right:28px; background-size:14px}

.class-bm  a{ width:100%; line-height:30px; position:absolute;left:0px;top:0px; height:100%; display:block;z-index:8}
.class-bm  a span { display:inline-block;}
.class-bm  a span samp { display:inline-block; }
.class-bm:hover{background:-webkit-linear-gradient(left,#6c33da 30%,#f82d5c)}
.class-bm:hover:after{width:174px; height:32px;border-radius:30px; content:""; display:block; position:absolute;left:2px;top:2px; z-index:6; background:#fff}
.class-bm:hover span{background: url(../img/icon-27.png) no-repeat right center; background-size:13px}

.class-bottom{ width:84.1%; margin:18px auto 0px;}
.class-bottom h3{ float:left; width:auto; overflow:hidden; background:url(../img/icon-39.png) no-repeat left center; padding-left:34px; font-size:22px; color:#333}
.class-bottom .kc-main .swiper-container{ width:100%}
.class-bottom .kc-main .swiper-slide{ margin:0px; max-width:23%; margin-right:2%;}

@media (max-width:1366px){
   .class-bottom .kc-main .swiper-slide {max-width:31.33%; }
}

@media (max-width:1000px){
   .class-bottom .kc-main .swiper-slide {max-width:48%; }
}

@media (max-width:767px){
   .class-bottom .kc-main .swiper-slide {max-width:100%; margin-right:0px; }
   
   .nav-center { width:90%; }
   .nav-center .swiper-slide img {width: auto;height:22px;}
   .nav-center .swiper-slide a { line-height: 70px; font-size: 14px;}
   .nav-center .swiper-button-next {right:0px;}
   .nav-center .swiper-button-prev {left:0px;}

   .base-type em {font-weight: normal;}
   .base-kc a {line-height: 26px;}
   
   .tuij-pic {width:72%;float: none;margin:0px auto;}
   .news-item h3.teach-h3 dl dt {font-size: 16px;}
   .news-item h3.teach-h3 dl:first-child dd {font-size: 14px;}
   .arc-thumb {text-align: center;}
   .arc-thumb img {width:72%;}
   .yk-more a {line-height: 32px;}
}
@media (max-width:600px){

   .nav-center .swiper-slide img {height:18px;}
   .nav-center .swiper-slide a { line-height: 50px; font-size: 13px;}

}


.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}

.bg1{ background:url(../img/bg-22.jpg) no-repeat}

/*�����*/
.base{ width:1440px; overflow:hidden; margin:-160px auto 0px; position:relative; z-index:2; box-shadow:0px 4px 20px 5px rgba(0,0,0,0.05);}
.base-nav{ width:100%; line-height:60px; font-size:14px; color:#bcbed1; overflow:hidden; height:60px; background:-webkit-linear-gradient(left,rgba(30,45,123,0.9)0%,rgba(30,45,123,0.8) 50%,rgba(30,45,123,0))}
.base-nav a{color:#bcbed1; background:url(../img/icon-67.png) no-repeat left center; padding:0px 20px 0px 26px}
.base-nav span{ float:left;}
.base-nav span a{background:url(../img/icon-50.png) no-repeat center; padding-right:30px; display:block; width:20px; height:60px; }

.base-content{ width:100%; overflow:hidden; background:#fff url(../img/bg-23.jpg) no-repeat top center; padding:60px 120px; box-sizing:border-box}
.base-pic{ float:left; width:50%; overflow:hidden; position:relative}
.base-pic img{ width:100%; height:auto;transition:all 0.3s ease-in-out}

.base-video{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12345; background:rgba(0,0,0,0.4) url(../img/video.png) no-repeat center; cursor:pointer;} 
.video-drop{ width:100%; overflow:hidden; position:fixed;left:0px;top:0px; z-index:234566; background:rgba(0,0,0,0.6); height:100%; text-align:center; display:none;}
.video-drop:before{ height:100%; vertical-align:middle; display:inline-block; content:""}
.video-drop video{ width:70%; display:inline-block; vertical-align:middle; height:auto}
.video-close{ width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; background:rgba(255,255,255,0.8); color:#222; font-size:26px; position:absolute;right:20px;top:20px; z-index:23; cursor:pointer}



.base-pic img:hover{transform:scale(1.1)}
.base-right{ float:right; width:43%; overflow:hidden; margin-top:30px}
.base-right h3{ float:left; width:auto; overflow:hidden; font-size:24px; color:#333; position:relative; padding-bottom:17px; font-weight:normal;}
.base-right h3: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}
.base-right p{ float:left; width:100%; overflow:hidden; font-size:17px; color:#666; line-height:27px; margin-top:15px}
.base-type{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; margin-top:30px}
.base-type span{ font-weight:bold;}
.base-type em{ float:right; font-style:normal}
.base-ul{ float:left; width:100%; overflow:hidden; margin-top:36px}
.base-kc{ float:left; width:180px; height:36px; line-height:36px; overflow:hidden;border-radius:18px;background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff2054 100%); display:inline; margin-right:20px; text-align:center; font-size:16px; position:relative}
.base-kc a{ color:#fff}
.ic1 span{ background:url(../img/icon-96.png) no-repeat right center; padding-right:26px}
.ic2 span{ background:url(../img/icon-3.png) no-repeat right center; padding-right:26px;background-size:15px}
.base-kc a{ width:100%; position:absolute;left:0px;top:0px; height:100%; display:block; color:#fff; z-index:8}
.base-kc:hover:after{ width:176px; height:32px;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}
.ic1 a:hover span{background: url(../img/icon-98.png) no-repeat right center; background-size:17px}
.ic2 a:hover span{background: url(../img/icon-27.png) no-repeat right center;background-size:15px}	

.base-head{ float:left; width:100%; overflow:hidden; background:url(../img/icon-20.jpg) no-repeat; height:70px; margin-top:60px; line-height:70px; font-size:24px; color:#fff}
.base-head span{ margin-left:40px}
.base-info{ float:left; width:100%; overflow:hidden; padding:0px 30px 0px 40px;box-sizing:boder-box; line-height:27px; font-size:16px; color:#333; margin-top:30px}
.base-content ul{ float:left; width:100%; overflow:hidden; margin-top:40px}
.base-content ul li{ float:left; display:inline; width:19%; overflow:hidden; line-height:43px; font-size:16px; color:#666; padding-left:18px; background:url(../img/icon-97.png) no-repeat left center; margin-left:40px}
.xiao{ background:#fff; margin-top:50px}

.tuij{ width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:100px}
.tuij-content{ width:1440px; margin:30px auto; position:relative}
.tuij-content .swiper-slide{ cursor:pointer}
.tuij-pic{ /*float:left; width:100%;*/ overflow:hidden}
.tuij-pic img{ width:100%; height:auto;;transition:all 0.3s ease}
.tuij-pic img:hover{transform:scale(1.1)}

.tuij-head{ width:100%; position:absolute;left:0px;bottom:-40px; z-index:2}
.tuij-main{ width:90%; overflow:hidden; margin:0px auto; background:#fff; text-align:center; padding:15px 0px;transition:all 0.3s ease;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04)}
.tuij-main span{ float:left; width:100%; overflow:hidden; line-height:28px; font-size:18px; color:#333; font-weight:bold;transition:all 0.3s ease}
.tuij-main p{ float:left; width:100%; overflow:hidden; line-height:28px; font-size:15px; color:#999;transition:all 0.3s ease}
.tuij-main p em{ color:#333; font-style:normal;transition:all 0.3s ease}

.tuij-content .swiper-wrapper{ padding-bottom:50px}
.tuij-content .swiper-button-prev{ background:url(../img/icon-24.png) no-repeat; width:60px; height:60px;top:30px;left:-76px;opacity:1;top:50%}
.tuij-content .swiper-button-next{ background:url(../img/icon-23.png) no-repeat; width:60px; height:60px;top:30px;right:-76px;opacity:1;top:50%}
.tuij-content .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center}
.tuij-content .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center}
.tuij-content .active  .tuij-main{background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff2054 100%);}
.tuij-content .active .tuij-main span,.tuij-content .active .tuij-main p,.tuij-content .active .tuij-main p em{ color:#fff}

.xy{ width:100%; overflow:hidden;padding-bottom:100px}
.xy-content{ width:1440px; margin:40px auto; position:relative}
.xy-pic{ float:left; width:100%; overflow:hidden; text-align:center}
.xy-pic img{ width:72%; height:auto}
.xy-content .swiper-wrapper{ padding-bottom:40px}
.xy-content .swiper-slide{ padding-bottom:62px; cursor:pointer}
.xy-main{ width:100%; position:absolute;left:0px;bottom:0px; z-index:2}
.xy-head{  width:90%; overflow:hidden; text-align:center; margin:0px auto; background:#fff; text-align:center; padding:15px 0px;transition:all 0.3s ease;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04)}
.xy-head h3{ width:100%; overflow:hidden; font-size:18px; color:#333; line-height:30px}
.xy-head p{ width:100%; overflow:hidden; line-height:24px; font-size:15px; color:#999}
.xy-head p span{ color:#333}
.xy-content .swiper-button-prev{ background:url(../img/icon-24.png) no-repeat; width:60px; height:60px;top:30px;left:-76px;opacity:1;top:50%}
.xy-content .swiper-button-next{ background:url(../img/icon-23.png) no-repeat; width:60px; height:60px;top:30px;right:-76px;opacity:1;top:50%}
.xy-content .swiper-button-next.swiper-button-disabled{background:url(../img/icon-27.png) no-repeat center}
.xy-content .swiper-button-prev.swiper-button-disabled{background:url(../img/icon-26.png) no-repeat center}
.xy-content .active  .xy-head{background:-webkit-linear-gradient(left,#3419ff 0%,#3419ff 10%,#ff2054 100%);}
.xy-content .active .xy-head h3,.xy-content .active .xy-head span,.xy-content .active .xy-head p,.xy-content .active .xy-head p em{ color:#fff}


/*add*/
.class-gd{ float:right; width:auto;  font-size:14px; font-weight:bold; margin-top:8px}
.class-gd a{ color:#333}
.class-gd a:hover{ color:#108cee}