@import "../../fonts/iconfont.css";
html,body{
    height: 100%;
    width: 100%;
    -webkit-touch-callout: none;/*禁止长按菜单*/
    -webkit-text-size-adjust: none;/*取消浏览器最小字体限制*/
    -webkit-tap-highlight-color: transparent;/*取消a标签在移动端点击的背景颜色*/
    font:14px/1.5em Arial,'Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','STHeiti','SimHei',sans-serif;
    word-wrap:break-word;
    word-break:normal;
    margin: 0;
    padding: 0;
    list-style: none;
}
body{margin: 0 auto;}
ol, ul { list-style: none;padding: 0;margin: 0}
div{margin: 0;padding: 0;}
img { max-width: 100%; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent;color:#333;}
a:active{background: rgba(0,0, 0,0.1)}
input, textarea, select,button {outline: none;box-sizing: border-box;background-color: transparent;border-color: transparent; /*-webkit-appearance: none;*/border-radius: 0;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
textarea{resize: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;margin: 0}
hr,p{margin: 0;padding: 0}

input::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
input:-moz-placeholder{}                  /* Firefox版本4-18 */
input::-moz-placeholder{}                  /* Firefox版本19+ */
input:-ms-input-placeholder{}           /* IE浏览器 */

.p-1, .p-2, .p-3, .p-4 { overflow: hidden; text-overflow: ellipsis; }
.p-1 { white-space: nowrap; }
.p-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.p-3 { display: -webkit-box!important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.p-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.clear:after{content: '';display: block;width: 100%;height: 0;visibility: hidden;clear: both;}
.flex{display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-1{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;flex-wrap:wrap;}
.flex-0{-webkit-box-flex: none;-webkit-flex: none;-ms-flex: none;flex: none;}
.flex-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-center{display: flex;flex-direction: column;justify-content: center;}

/*公共的类*/
.main{padding: 60px 0;}
.main>h2{color: #333333;font-size: 30px;text-align: center;}
.gray-bg{background: #f5f7f7}
.gray-bg2{background-color: #2c3137;}
.gray-bg3{background-color: #f7f7f7;}
.mask{position: absolute;top: 0;left: 0;bottom: 0;right: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.mask-bg{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.8);z-index: 999}
/*首页*/
.nav{width: 100%;background-color: #2c3137;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);height: 60px;font-size: 16px;border-bottom: 1px solid #2c3137;position: fixed;top: 0;z-index: 555;}
.mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3)}
.logo{width: 82px;margin: 7px 0;margin-left: 70px;}
.list{padding-right: 35px;}
.list li{color: #fff;display: inline-block;margin-left: 32px;height: 33px;line-height: 33px;margin-top: 13.5px;cursor :pointer;}
.list div,.list ul{display: inline-block;color: #fff;}
.list div{margin-left: 28px;cursor :pointer;}
.list div:nth-child(2){margin-left: 35px;}
.list li:hover, .list li.active{border-bottom: 4px solid #08cec0;color: #08cec0}
.picture{width: 100%;height: 460px;overflow: hidden;margin-top: 60px;}
.picture img{width: 100%;height: 100%;object-fit: cover;}
.info{min-width: 900px;max-width: 1180px;text-align: center;margin:0 auto;}
.info ul{margin-top: 48px;}
.info li{width: 23%;margin-right: 2.6%;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);cursor: pointer;}
.info li:nth-child(4n){margin-right: 0}
.info li>div{padding-bottom: 100%;overflow: hidden;height: 0;width: 100%;}
.info li>div img{width: 100%}
.info li>p{margin: 20px;box-sizing: border-box;text-align: left;color: #333333;font-size: 14px;height: 41px;}
.info li>span{display: block;height: 40px;line-height: 40px;border-top: 1px solid #f5f5f5;font-size: 16px;color: #333;}
.info li:hover span{background-color: #08cec0;color: #fff;}
.more{width: 60px;padding-bottom: 8px;margin: 57px auto 0 ;border-bottom: 1px solid #333;cursor: pointer;}
.picture .swiper-container{height: 460px;}
.picture .swiper-button-prev{background: url("/images/pc-banner1.png") no-repeat;background-size: 100% 100%;position: absolute;height: 106px;width: 39px;top: 50%;left: 0; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate( 0%, -50%);}
.picture .swiper-button-next{background: url("/images/pc-banner2.png") no-repeat;background-size: 100% 100%;position: absolute;height: 106px;width: 39px;top: 50%;right: 0; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate( 0%, -50%);}
.details hr{width: 48px;height: 5px;background: #08cec0;border: 1px solid #08cec0;margin: 0 auto;margin-top: 24px;}
.details>p{color: #08cec0;font-size: 16px;margin-top: 64px;text-align: center;}
.details>p span{vertical-align: text-bottom;margin-left: 5px;}
.banner2{margin-top: 43px;}
.banner2 .swiper-slide{position: relative;}
.banner2 .swiper-slide>img{width: 60px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate( -50%, -50%);z-index: 222}
.banner2 .swiper-slide-active .mask{background: none}
.video-detail{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate( -50%, -50%);min-width: 700px;max-width: 1180px;}
.video-detail i{position: absolute;font-size: 28px;color: #fff;top: 8px;right: -48px;}
.details-video .swiper-slide {
    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;
    transition: 300ms;
}
.details-video .swiper-slide:not(.swiper-slide-active){transform: scale(0.8);}
.feature{box-sizing: border-box;}
.feature h2{color: #fff;}
.feature ul{max-width: 1180px;min-width: 1000px;margin: 48px auto 0;}
.feature li{width: 20%;height: 400px;position: relative;color: #fff;text-align: center;}
.feature li:hover .feature-detail>div{
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    transform:translate(0,-100px);
    -webkit-transform:translate(0,-100px);
    -moz-transform:translate(0,-100px);
    -o-transform:translate(0,-100px);
    -ms-transform:translate(0,-100px);
}
.feature li:hover p{ opacity: 1;}
.feature li{overflow: hidden;}
.feature li:nth-child(1){background: url("../../images/feature1.png");background-size: 100% 100%;}
.feature li:nth-child(2){background: url("../../images/feature2.png");background-size: 100% 100%;}
.feature li:nth-child(3){background: url("../../images/feature3.png");background-size: 100% 100%;}
.feature li:nth-child(4){background: url("../../images/feature4.png");background-size: 100% 100%;}
.feature li:nth-child(5){background: url("../../images/feature5.png");background-size: 100% 100%;}
.feature-detail .mask{background: rgba(0,0,0,0.6)}
.feature-detail>div{margin: 157px auto 0;padding: 0 27px;box-sizing: border-box;}
.feature-detail>div i{font-size: 63px;}
.feature-detail h2{font-size: 24px;margin-top: 20px;}
.feature-detail p{margin-top: 17px;font-size: 14px;opacity: 0;}
video{width: 100%;}
.details-video .swiper-slide{width: 960px;}
.teacher>p{margin-top: 36px;color: #08cec0;font-size: 24px;text-align: center;}
.map{height: 700px;background: url("/images/ditu.png") no-repeat right;background-size: 100% 100%;}
.map>div{min-width: 1000px;max-width: 1180px;margin: 0 auto;height: 100%; color: #fff;overflow:hidden }
.map li:nth-child(1) p{margin-top: 125px;font-size: 38px;}
.map li:nth-child(1) hr{display: inline-block;margin-top: 30px;width: 37.5px;height: 5px;}
.hr-color1{background: #77caff;border:#77caff;width: 39px;}
.hr-color2{background: #fff;border:#fff;border-top-left-radius: 6px;position: relative;left: -18px;}
.map li{font-size: 48px;}
.map li span{font-size: 18px;}
.map li:nth-child(2){margin-top: 140px;}
.map li:nth-child(3),.map li:nth-child(4){margin-top: 64px;}
.map-detail{background: url("/images/map.png") no-repeat;background-size: 100% 100%;width: 828px;height: 666px;margin-top: 15px;position: relative;}
.partner{width:1180px;min-width: 1180px;margin: 0 auto}
.partner ul{margin-top: 48px;}
.partner li{width: 224px;height: 80px;margin: 0 15px 30px 0;}
.partner li:nth-child(5n){margin-right: 0 !important;}
.partner img{width: 100%;height:100%;object-fit: cover;}
.foot{background-color: #2c3137;}
.foot>div{min-width: 1000px;max-width: 1100px;margin: 0 auto;color: #fff;}
.foot-detail>div{width: 100%;height: 280px;overflow: hidden;padding: 60px 0 51px;}
.foot-detail>div img{width: 100%;height: 100%;object-fit: cover}
.foot-detail p{font-size: 28px;margin-bottom: 41px;padding-top: 50px;}
.foot-detail li{width: 20%;}
.foot-detail li:last-child{width: 27%;}
.foot-detail li
.foot-detail li h2{font-size:16px;color: #727c88;}
.foot-detail li span{font-size:14px;}
.foot>div:nth-child(2){color: #999;font-size:14px;margin-top: 62px;text-align: center;padding-bottom: 32px;line-height: 27px;}
.banner3 .swiper-slide-next{margin-right: 100px!important;}
.banner3 .swiper-slide-prev{margin-left: 50px!important;}
.banner3 .swiper-wrapper{position: relative;  left: -30px;}
.banner3{position: relative;left: -18px;}
.banner2 .swiper-slide,.feature li{cursor: pointer;}
.list a{color: #fff;}
.list .active a,.list li:hover a{color: #08cec0}
.code{position: relative}
.code>div{position: absolute;top: 36px;left: -48px;width: 154px;}
.banner2 .swiper-slide div{width: 100%;height: 437px;}
.banner2 .swiper-slide div img{width: 100%;height: 100%;object-fit: cover;}
.teacher{min-width: 1000px;max-width: 1180px;margin: 0 auto}
.teacher .swiper-container{min-width: 1000px;max-width: 1200px}
/*首页地图效果*/
.point-area{position: absolute; width: 60px; height: 60px; visibility: visible; opacity: 1;}
.point1{top: 185px; left: 250px;}
.point2{top: 297px; left: 324px;}
.point3{top: 433px; left: 514px;}
.point4{top: 280px; left: 500px;width: 150px; height: 150px;}
.point5{top: 211px; left: 601px;}
.point6{top: 550px; left: 500px;}
.point7{top: 72px; left: 688px;width: 100px; height: 100px;}
.point8{top: 400px; left: 626px;}
.point9{top: 500px; left: 350px;}
.point10{top: 359px; left: 116px;}
.point11{top: 350px; left: 350px;width: 120px; height: 120px;}
.point-area .point {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background: transparent;
}
.point-area .point-dot {
    z-index: 1;
    background-color: #6AD7E9;
    border: 1px solid rgba(0, 205, 236, 0.37);
}
.point-area .point-shadow:after {
    -webkit-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
    -moz-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
    box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
}
.point-area .point-white {
    background-color: #fff;
    border: 1px solid #00C1DE;
}
.point-area .point-10 {
    width: 100%;
    height: 100%;
}
.point-area .point-10:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 225ms infinite;
    -moz-animation: ripple 4500ms ease-out 225ms infinite;
    -o-animation: ripple 4500ms ease-out 225ms infinite;
    animation: ripple 4500ms ease-out 225ms infinite;
}
.point-area .point-40 {
    width: 100%;
    height: 100%;
}
.point-area .point-40:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 900ms infinite;
    -moz-animation: ripple 4500ms ease-out 900ms infinite;
    -o-animation: ripple 4500ms ease-out 900ms infinite;
    animation: ripple 4500ms ease-out 900ms infinite;
}
.point-area .point-70 {
    width: 100%;
    height: 100%;
}
.point-area .point-70:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 1575ms infinite;
    -moz-animation: ripple 4500ms ease-out 1575ms infinite;
    -o-animation: ripple 4500ms ease-out 1575ms infinite;
    animation: ripple 4500ms ease-out 1575ms infinite;
}
.point-area .point-80 {
    width: 100%;
    height: 100%;
}
.point-area .point-80:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
    -moz-animation: ripple 4500ms ease-out 1800ms infinite;
    -o-animation: ripple 4500ms ease-out 1800ms infinite;
    animation: ripple 4500ms ease-out 1800ms infinite;
}
@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}


@media screen and (max-width: 1440px) {
    /*首页*/
}
@media screen and (max-width: 1280px) {
    /*首页*/
    .list li{margin-left: 20px}
    .list div{margin-left: 20px;}
}
@media screen and (max-width: 1024px){
    /*首页*/
    .list li{margin-left: 10px}
    .list div{margin-left: 10px;}
}
@media screen and (max-width: 900px){
    /*首页*/
    .list li{margin-left: 3px}
    .list div{margin-left: 3px;}
}
/*新闻列表页*/
.news-nav{min-width: 1000px;max-width: 1180px;margin: 98px auto 0;color: #999999;font-size: 14px;}
.news-nav a{color: #999;}
.news-nav span{color: #333333;margin-left: 5px;}
.news-list li{margin-bottom: 2.8%;}
.info .news-list{margin-top: 25px;}
.tcdPageCode{padding: 47px 20px 73px;color: #ccc;text-align:center;}
.tcdPageCode a{display: inline-block;color: #666;height: 25px;	line-height: 25px;padding: 0 10px;margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #08cec0;border: 1px solid #08cec0;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;border-radius: 4px;vertical-align: middle;}
.foot-other{background-color: #2c3137;padding: 20px 0; }
.foot-other p{min-width: 900px;max-width: 1180px;text-align: center;color: #999;line-height: 28px;font-size: 14px;margin: 0 auto;}
/*新闻详情页*/
.article{min-width: 900px;max-width: 1180px; padding: 49px 39px;margin: 0 auto;box-shadow: 0px 6px 16px 0px rgba(153, 153, 153, 0.4);margin-top: 24px;margin-bottom: 99px;box-sizing: border-box;}
.article-title h1{font-size: 20px;color: #333;margin-bottom: 19px;}
.article-title p{font-size: 14px;padding-bottom: 26px;color: #999;border-bottom: 1px solid #e6e6e6}
.article-detail{padding: 28px 0px;}
.article-detail p{line-height: 30px;font-size: 14px; color: #333;}
/*视频页面*/
.video-list{min-width: 1000px;max-width: 1180px;margin: 25px auto 0;}
.video-list li{width: 28.8%;margin: 0 6% 4.5% 0;position: relative;}
.video-list li>div{width: 100%;height: 0;overflow: hidden; padding-bottom:56.6%;}
.video-list li>div img{width: 100%;}
.video-list li>img{position: absolute;width: 66px;height: 66px;top: 41%;left: 50%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate( -50%, -50%);}
.video-list h2{margin-top: 17px;}
.video-list h2 img{width: 28px;height: 22px;vertical-align: bottom;}
.video-list h2 span{color: #333333;font-size: 18px;margin-left: 5px;}
.video-list li:nth-child(3n){margin-right: 0;}
.video-page{padding-top: 21px;}
/*首页闪校介绍*/
.index-intr{width: 600px;margin: 54px auto 56px;color: #4a4e4e;}
.index-intr p{text-align: center;letter-spacing: 2px;line-height: 24px;font-weight: bold;}
.video-img{text-align: center;}
.video-img>img{margin-bottom: 19px;}
.video-img>h2{color: #242626;font-size: 30px;margin-bottom: 40px;}
.video-poster{width: 850px;height: 517px;margin: 0 auto;}
.video-poster img{width: 100%;height: 100%;object-fit: cover;}
.video-img>span,.information>span{display:block;width: 240px;height: 36px;border-radius: 2px;border: solid 1px #02c8ba;box-sizing: border-box;line-height: 36px;color: #02c8ba;margin: 0 auto;text-align: center;margin-top: 30px;}
.feature li .mask:hover{background:rgba(2,200,186,0.6)!important;}
/*列表页分页栏*/
.tcdPageCode ul{width: 500px; height:auto; margin:0px auto; }
.tcdPageCode ul li{width:30px; float:left; text-align:center}
/*首页资讯动态*/
.information ul{min-width: 1180px;width:1180px; margin: 43px auto 0;}
.information li{width: 270px;height: 225px;padding: 25px 20px;box-sizing: border-box;margin-right: 14px;}
.information li:last-child{margin-right: 0;}
.information li.active{	box-shadow: 0px 6px 13px 0px #eeeeee;border: solid 1px #f2f2f2;}
.information li h3{color: #333;font-size: 15px;margin-bottom: 10px;font-weight: bold;}
.information li span{color: #b3b3b3;font-size: 13px;margin-bottom: 10px;display: inline-block;}
.information li hr{height: 2px;background: #666;margin-bottom: 10px;}
.information li p{font-size: 14px;color: #666;line-height: 24px;}
.information h3 {
    display: block;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#a1,#a2,#a3,#a4,#a5{margin-top: -60px;padding-top: 60px;}