*{margin: 0;padding: 0;}
html,body{font: 16px/1.5;background: #fff;width: 100%;height: 100%;margin: 0 auto;    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}
a{text-decoration: none;}
.head{height:365px;background: url(../img/head.png) no-repeat center center;position: relative;}
.head .close{width:30px;height:30px;background: url(../img/close.png) no-repeat;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.head .title{font-size: 58px;color: #f1f1f1;text-align: center;padding-top: 60px;font-weight: normal;letter-spacing: 2px;}
.head .desc{font-size: 70px;color: #f1f1f1;text-align: center;display: block;letter-spacing: 4px;margin-top: 20px;}
.close-2{display: none;}
.banner{margin: 0 auto;}
.banner h3{text-align:center;font-size:22px;color: #df5555;line-height: 1.5;letter-spacing: 10px;padding-top: 12px;}
.banner .new{width:80%;max-width: 1200px;height:44px;color: #333;text-align: center;line-height:44px;border: 1px solid #999;margin: 0 auto;margin-top:20px;overflow: hidden;}
.banner .new ul {list-style: none;}
.banner .new ul li a{color: #333;}
.banner .new ul li a:hover{color: #FF974C;}
/*图片导航*/
.sub_menu {width: 1024px;margin: 0 auto;height: 400px;overflow: hidden;}
.sub_menu .item{list-style-type: none;}
.sub_menu .item img{width: 130px;height: 130px;transition:  all 1.8s ;-webkit-transition: all 1.8s;-moz-transition:all 1.8s;border-radius: 50%;border: 6px solid transparent;}
.sub_menu .item img:hover{transform:rotate(-360deg) scale(1.15);-webkit-transform: rotate(-360deg) scale(1.15);-moz-transform:rotate(-360deg) scale(1.15);-o-transform:rotate(-360deg) scale(1.15);}
.sub_menu .item img.pic-1:hover{border: 6px solid #c9ebda;}
.sub_menu .item img.pic-2:hover{border: 6px solid #cbe9ec;}
.sub_menu .item img.pic-3:hover{border: 6px solid #c8eae3;}
.sub_menu .item img.pic-4:hover{border: 6px solid #d1e0f8;}
.list-pic a{display:block;}
.sub_menu .item .list{float:left;width: 250px;margin:30px 3px 20px;text-align: center;font-family: "微软雅黑";}
.list-desc .desc-title{height: 30px;margin: 16px 0 20px;font-size: 24px;color: #1d1d1d;line-height: 30px;font-weight: normal;}
.list-desc .desc-subtitle{font-size: 18px;color: #1c1c1c;font-weight: normal;}
.list-desc .desc-text{margin-top: 10px;text-align: justify;padding:0 15px;font-size: 16px;color: 4f4f4f;}
/*视频播放*/
.v-play{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 10;display: none;}
.v-play .icon-close{width: 40px;height:40px;position: absolute;top: 10px;right: 10px;background: url(../img/icon-close.png) no-repeat;background-size: contain;cursor: pointer;}
.v-play .video{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);width: 1024px;height: 700px;background: #fff;margin:0 auto;cursor: pointer;}

#featured-area{height:537px;width:844px; margin:0 auto;margin-top: 90px;}
#featured-area2{height:500px; margin:40px auto 0 auto;}
.roundabout-holder{list-style:none;width: 480px;height:400px;margin:0px auto;}
#featured-area ul li a img{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));}
#featured-area ul li a:hover{opacity: 0.8;filter:alpha(opacity='80');  }
.roundabout-moveable-item{font-size:12px!important;height:377px;width:244px;cursor:pointer;padding:0px;border:0px solid #aaaaaa;-webkit-border-radius:0px;-moz-border-radius:0px;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:100px;right:0px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
.v{width: 1024px;margin: 0 auto 20px;}
.v .v-item{list-style-type: none;overflow: hidden;}
.v .v-item li{float: left;width: 117px;height:auto;margin: 0 5px;}
.v .v-item li .v-pic{position: relative;width: 117px;cursor: pointer;background: url(../img/bd.png) no-repeat ;padding: 5px 0;}
.v .v-item li .v-pic a{width: 87px;height:82px;background-size: cover;display: block;margin:0 16px;}
.v-item li .v-pic .icon-play{position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.4) url(../img/icon-play.png) no-repeat center center;display: none;}
.v .v-item li .v-pic:hover .icon-play{display: block;}
.v .v-item li span{font-size: 14px;color: #1d1d1d;text-align: center;padding-top: 5px;display: block;}
.v .v-item li:first-of-type{margin-left: 0;}
.new-content{height: 670px;background: url(../img/nav.png) no-repeat center center;}
.newlist {width: 1040px;margin:0 auto;color: #fefefe;padding: 110px 0;}
.newlist dl{width: 300px;height:300px;float: left;padding-left: 40px;position: relative;}
.newlist dl dt{font-size: 20px;padding-bottom: 40px;}
.newlist dl dd{}
.newlist dl dd a{color: #fefefe;display: block;}
.newlist dl dd a:hover{color: #ff974c;}
.more{position: absolute;bottom: 60px;}
.more a{color: #fefefe;}
.main{width: 1100px;margin:50px auto;}
.main .left-banner{width:320px;height:656px;margin:0 30px;float: left;background: url(../img/mobile.png) no-repeat;}
.main .left-banner .banner1{width: 284px;height: 504px;background:#fff;margin-left: 18px;margin-top:75px;overflow: hidden;position: relative;border:1px solid black;}
.banner1 .img{width: 5000px;position: absolute;left:0;top:0;overflow: hidden;}
.banner1 .img li{float:left;list-style: none;width: 284px;}
.banner1 .img li img{width: 100%;height: auto;}
.main .right-menu{width:650px;height: auto;color: #323232;float: left;}
.main .right-menu .title{text-align: center;font-size: 40px;line-height: 1.8;color: #323232;font-weight:100 ;}
.main .right-menu .tags{font-size: 36px;text-align: center;display: block;font-weight: 100;}
.main .right-menu .service{font-size:30px;color: #323232;font-weight: 100;margin: 30px 0 10px 0;}
.main .right-menu .nav-menu{list-style-type: none;}
.main .right-menu .nav-menu li{float: left;padding: 20px 10px;}
.main .right-menu .nav-menu li h5{font-size: 19px;color: #0096ff;font-weight: 100;text-align: center;}
.main .right-menu .nav-menu li:hover{opacity: 0.5;}
.main .right-menu .wx{margin: 0 auto;width: 300px;margin:30px auto;}
.main .right-menu .wx img{height: 250px;}
.cl{clear: both;height: 10px;}
.main-teacher{height: 730px;background: #f5f5f5;clear: both;padding-top: 40px;position: relative;}
.main-teacher .title{font-size: 40px;color:#343434;text-align: center;font-weight: 500;}
.main-teacher .article{font-size: 30px;color: #4d4d4d;text-align: center;font-weight: 100;line-height: 2;}
.main-teacher .picture{width: 1300px;margin: 0 auto;position: relative;margin-top:50px;}
.main-teacher .picture li{list-style: none;float: left;width: 623px;;height: 0px;}
.main-teacher .picture li:first-child{margin-right: 40px;width: 612px;}
.main-teacher .picture li>img{width: 100%;height: auto;}
.main-app{height: auto;margin: 60px 0;z-index: 250;clear: both;}
.main-app .app-title{font-size: 40px;color:#333;text-align: center;font-weight: 500;}
.main-app .app-nav{width:1200px;list-style: none;margin:0 auto;margin-top: 55px;text-align:center;}
.main-app .app-nav li{width: 280px;float: left;padding-left: 10px;}
.main-app .app-nav li h5{font-size: 30px;color: #509ae4;font-weight:100;}
.main-app .app-nav li span{font-size: 20px;color:#222;}
.main-app .app-img{text-align: center;margin-top:80px;}
.main-app .app-img img{padding:0 60px;}
.footer{height: 770px;background: #e3e6e4;position: relative;}
.footer .footer-nav{list-style: none;padding-top:110px;margin: 0 auto;position: absolute;left: 50%;margin-left: -360px;}
.footer .footer-nav dl{float: left;padding-left: 40px;}
.footer .footer-nav dl dt{padding: 10px 0;}
.footer .footer-nav dl .article-title{font-size: 20px;color:#333;}
.footer .footer-nav dl .article-more{font-size: 14px;color: #555;float: right;}
.footer .footer-nav dl  dd {line-height: 2;}
.footer .footer-nav dl  dd  a{color:#333;cursor: pointer;}
.footer .footer-nav dl  dd a:hover{color:#1e8ad7;}
.footer .footer-nav dl .article-more:hover{color:#1e8ad7;}
.footer .footer-submenu{clear: both;position: absolute;bottom: 70px;left: 50%;margin-left: -174px;}
.footer .footer-submenu  span a{color:#333;font-size: 14px;}
.footer .footer-submenu  span a:hover{color:#0096FF;}
.footer .footer-submenu .copyright{text-align: center;font-size: 14px;color:#333;line-height: 2;}
.center,
.left,
.right{
    position: relative;
    top: 100px;
    opacity: 0;
    height::1px;
}
.left{
   transition: all 2.5s ease-in 0.5s;
}
.right{
   transition: all 2s ease-in 0.5s;

}
.center{
	transition: all ease-in 2s;

}
.main-teacher.active .left{
   top:0;
   z-index: 198;
   opacity: 1;
   height: 300px;
}
.main-teacher.active .right{
   top:-5px;
   z-index: 199;
   opacity: 1;
   height: 350px;
}

.main-teacher.active .center{
	top:0px;
	z-index: 200;
    opacity: 1;
    height: 400px;
}