@charset "utf-8";
/* CSS Document */

*{-webkit-tap-highlight-color:rgba(255,0,0,0);margin:0;padding:0;word-wrap:break-word}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none}blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,th,ul{margin:0;padding:0}article,aside,dialog,figure,footer,header,menu,nav,section{display:block}body{background:#fff;color:#333;font-size:14px;overflow-x: hidden;}body,input,button,input,select,textarea{ font-family:pingfang, Helvetica,"Hiragino Sans GB","Heiti SC","Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;}li{list-style-type:none}img,ul{margin:0;padding:0}img{border:0}a{color:#333;-webkit-transition:.3s;transition:.3s}a,a:hover{text-decoration:none}a:hover{color:#3274cd}em{font-style:normal}.fl{float:left}.fr{float:right}del{margin:0;padding:0;border:0;text-decoration:none;font-style:normal}.clear{clear:both;overflow:hidden;height:0}.clearfix{display:block}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}::selection{background:#3ab57f;color:#fff}::-moz-selection{background:#3ab57f;color:#fff}button,input,optgroup,select,textarea{margin:0;outline:0}legend{padding:0;border:0}textarea{overflow:hidden;resize:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#b1b1b1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b1b1b1}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b1b1b1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{ display:block;_zoom:1;}
.b-b-n{border-bottom: none !important;}
.gray-bgcolor{background: #f6f6f6;}
.green-bg{background-color: #3ab57f;}
.white-bg{background: #fff;}
.p0{padding-top:0 !important;padding-bottom: 0 !important;}
.t-a-l{text-align: left;}
.over-hide{overflow: hidden;}
.c-w{color: #fff;}
.c-32{color: #3274cd;}
.c-9a{color:#9a9a9a;}
.c-6f{color: #6f6f6f;}
.f40{ font-size:40px !important;}
.container{width: 1275px;max-width:1275px;margin: auto;}

#video{cursor:pointer;}
#video img{width:100%;}
.videoBg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top: 0;left:0;z-index: 100000; display:none;}
.videoBox{width:70%;position:fixed;top:10%;left:50%;margin-left:-35%; z-index:100001; background:#000; display:none;}
.videoBox iframe{border:0;}
.no-scroll{overflow:hidden;}
.videoBox iframe video{width:100%;}

/* animation */
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.floor,.nav-top,.footer,.nav-list{ min-width:1275px;}
/*头部导航样式*/
.nav-top .top-left-navBox,.top-right-navBox{ height:32px; line-height:32px;color:#7b7b7b; font-size:13px;}
.nav-top .top-left-navBox a{ margin:0 10px; color:#7b7b7b;vertical-align: middle;}
.nav-top .top-left-navBox span{ vertical-align:middle;}
.top-right-navBox .tel{ padding-left:20px; background:url(/Template/skin1/public/vTeacher/images/telicon.png) no-repeat left center;}

/*banner*/
.bannerBox{height:610px; background:url(/Template/skin1/public/vTeacher/images/Vbanner.jpg) no-repeat center top; min-width:1275px;}
.bannerBox .container{ position:relative;height: 100%;}
.big-title{ position:absolute; top: 227px;width:100%; left:0; text-align:center;z-index: 1;}
.big-title span{display: inline-block;height: 145px;margin:0 6px;}
.big-title span.i-1{width: 127px; background:url(/Template/skin1/public/vTeacher/images/bannert01.png) no-repeat center 15px;animation: flipInY alternate 1.5s ease 0.2s both;-webkit-animation: flipInY alternate 1.5s ease 0.2s both;}
.big-title span.i-2{width: 99px; background:url(/Template/skin1/public/vTeacher/images/bannert02.png) no-repeat center 15px;animation: flipInY alternate 1.5s ease 0.4s both;-webkit-animation: flipInY alternate 1.5s ease 0.4s both;}
.big-title span.i-3{width: 87px; background:url(/Template/skin1/public/vTeacher/images/bannert03.png) no-repeat center 15px;animation: flipInY alternate 1.5s ease 0.6s both;-webkit-animation: flipInY alternate 1.5s ease 0.6s both;}
.big-title span.i-4{width: 100px; background:url(/Template/skin1/public/vTeacher/images/bannert04.png) no-repeat center 10px;animation: flipInY alternate 1.5s ease 0.8s both;-webkit-animation: flipInY alternate 1.5s ease 0.8s both;}
.big-title span.i-5{width: 218px; background:url(/Template/skin1/public/vTeacher/images/bannert05.png) no-repeat center 25px;animation: flipInY alternate 1.5s ease 1.0s both;-webkit-animation: flipInY alternate 1.5s ease 1.0s both;}
.big-title span.i-6{width: 96px; background:url(/Template/skin1/public/vTeacher/images/bannert06.png) no-repeat center 15px;animation: flipInY alternate 1.5s ease 1.2s both;-webkit-animation: flipInY alternate 1.5s ease 1.2s both;}
.big-title span.i-7{width: 99px; background:url(/Template/skin1/public/vTeacher/images/bannert07.png) no-repeat center 15px;animation: flipInY alternate 1.5s ease 1.4s both;-webkit-animation: flipInY alternate 1.5s ease 1.4s both;}
.big-title span.i-8{width: 100px; background:url(/Template/skin1/public/vTeacher/images/bannert08.png) no-repeat center 15px;animation: flipInY alternate 1.5s ease 1.6s both;-webkit-animation: flipInY alternate 1.5s ease 1.6s both;}
.big-title span.i-9{width: 96px; background:url(/Template/skin1/public/vTeacher/images/bannert09.png) no-repeat top center;animation: flipInY alternate 1.5s ease 1.8s both;-webkit-animation: flipInY alternate 1.5s ease 1.8s both;}

.bottomLine{ width:100%; height:21px; position:absolute; left:0;bottom: 267px;background:url(/Template/skin1/public/vTeacher/images/bannerline.png) no-repeat center;}

.inner-small-title{color: #4194e0;font-size: 36.5px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);width: 447px;margin:auto;}
.small-title span{ float:left; margin:0 15px; letter-spacing:1px;}
.small-title .f01{animation: bounceInLeft alternate 1.5s ease 2.0s both;-webkit-animation: bounceInLeft alternate 1.5s ease 2.0s both;}
.small-title .f02{animation: bounceInLeft alternate 1.5s ease 2.2s both;-webkit-animation: bounceInLeft alternate 1.5s ease 2.2s both;}
.small-title .f03{animation: bounceInLeft alternate 1.5s ease 2.4s both;-webkit-animation: bounceInLeft alternate 1.5s ease 2.4s both;}
.small-title .f04{animation: bounceInLeft alternate 1.5s ease 2.6s both;-webkit-animation: bounceInLeft alternate 1.5s ease 2.6s both;}
.small-title .f05{animation: bounceInLeft alternate 1.5s ease 2.8s both;-webkit-animation: bounceInLeft alternate 1.5s ease 2.8s both;}
.small-title .f06{animation: bounceInLeft alternate 1.5s ease 3.0s both;-webkit-animation: bounceInLeft alternate 1.5s ease 3.0s both;}
.small-title .f07{animation: bounceInLeft alternate 1.5s ease 3.2s both;-webkit-animation: bounceInLeft alternate 1.5s ease 3.2s both;}
.small-title .f08{animation: bounceInLeft alternate 1.5s ease 3.4s both;-webkit-animation: bounceInLeft alternate 1.5s ease 3.4s both;}
.small-title .f09{animation: bounceInLeft alternate 1.5s ease 3.6s both;-webkit-animation: bounceInLeft alternate 1.5s ease 3.6s both;}
.small-title .f10{animation: bounceInLeft alternate 1.5s ease 3.8s both;-webkit-animation: bounceInLeft alternate 1.5s ease 3.8s both;}
.small-title .f11{animation: bounceInLeft alternate 1.5s ease 4.0s both;-webkit-animation: bounceInLeft alternate 1.5s ease 4.0s both;}
.small-title font{ float:left;}


.content{text-align: center;margin: 0 auto;width:350px;height:501px;background:rgba(255,255,255,1);box-shadow:0px 0px 9px 1px rgba(60,129,249,0.2);}
.content img{padding-top: 50px;width: 240px;height: 246px;margin-bottom: 45px;}
.content-sitem{font-size:20px;font-weight:bold;color:rgba(60,129,249,1);line-height:24px;}
.ordernub{font-size:32px;font-weight:300;color:rgba(255,156,26,1);line-height:33px;}
.order{margin-top: 20px;width:32px;height:3px;background:rgba(255,156,26,1);}
.develop{font-size:20px;font-weight:500;color:rgba(60,129,249,1);line-height:24px;margin-bottom: 35px;margin-top: 15px;}
.developx{font-size:16px;font-weight:400;color:rgba(102,102,102,1);line-height:30px;}
.devebox{background: rgba(255,255,255,1);box-shadow: 0px 0px 9px 1px rgba(10,31,93,0.1);overflow: hidden;margin-top: 40px;padding:50px 120px;}
.scene-ul{margin-top: 30px;}
.scene-ul li{padding-top:36px;}
.scene-ul li div{font-size:20px;font-weight:bold;color:rgba(0,0,0,1);line-height:24px;padding-bottom: 10px;}
.scene-ul li span{font-size:14px;font-weight:400;color:rgba(102,102,102,1);line-height:24px;}
.base{background: url(/index/powerfulbg.jpg);height: 816px;background-size: 100% 100%;}
.ioc li{width: 20%;float: left;text-align: center;color: #fff;}
.ioc-sp span{display: block;text-align: center;font-size: 14px;color: rgba(255,255,255,1);}
.ioc-title{font-size: 20px;font-weight: 600;color: rgba(255,255,255,1);line-height: 24px;margin: 10px 0;}
.content:hover{box-shadow: 0px 0px 9px 1px rgb(0, 93, 255);}
.safeguard{background:#F3F7FD;padding: 55px 0;}
.safeguard-img{width: 478px;height: 293px;}
.safeguard-bottom,.safeguard-bottom1{padding-left: 80px;}
.safeguard-ico{width: 50px;padding-top: 13px;}

.video-icon{ display:inline-block; width:16px; height:16px; background:url(/Template/skin1/public/vTeacher/images/playicon.png) no-repeat center;vertical-align: middle;margin-right: 5px;}
.download-icon{ display:inline-block; width:16px; height:16px; background:url(/Template/skin1/public/vTeacher/images/downloadicon.png) no-repeat center;vertical-align: middle;margin-right: 5px;}
/*导航*/
.nav-list{background:-webkit-linear-gradient(left,#512fb3,#392fab);/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,#512fb3,#392fab);/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,#512fb3,#392fab);/* Firefox 3.6 - 15 */background:linear-gradient(to right,#512fb3,#392fab);/* 标准*/}
.nav-list li{ float:left; line-height:50px; height:50px; width:14.28%; text-align:center; font-size:15px; cursor: pointer;}
.nav-list li a{ color:#fff;}
.nav-list li.curr,.nav-list li:hover{background:-webkit-linear-gradient(left,#9234a6,#7f49c3);/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,#9234a6,#7f49c3);/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,#9234a6,#7f49c3);/* Firefox 3.6 - 15 */background:linear-gradient(to right,#9234a6,#7f49c3);/* 标准*/}
.bannerBtnBox .video-intro{margin-left:40px;}
.video-intro .btn{ width:168px; height:45px; line-height:45px; text-align:center; background:#fff; border-radius:3px; display:inline-block;color: #433dc2;font-weight: 600;box-sizing: border-box; cursor: pointer;}
.downloadBtn .btn{ width:168px; height:45px; line-height:45px; text-align:center; border:1px solid #fff; border-radius:3px; display:inline-block;color: #fff;font-weight: 600;box-sizing: border-box;cursor: pointer;}
.small-title{position: absolute; top: 384px;width:100%; left:0;}
.bannerBtnBox{ position:absolute; bottom:64px; width:100%; left:0;text-align:center;}
.copyRightBox{ position:absolute; bottom: 140px; width:100%; left:0;text-align:center;}
.copyRightBox p{ display:inline-block; color:#fff; background: rgba(255, 255, 255, 0.07);line-height:36px;  border-radius: 36px;padding: 0 20px;letter-spacing: 1px;}
.copyRightBox .releaseTime{margin-left: 40px;}
.fixednav {position: fixed;top: 0px;width: 100%;z-index: 100;}

/*第一层*/
.floor1{ padding-top:70px; padding-bottom:70px;}
.special-title{ margin-bottom:35px;}
.special-title .s-text{color: #666;letter-spacing: 1px;}
.common-title{ text-align:center; margin-bottom:55px;}
.common-title h2{ font-weight:bold;font-size: 36px;color: #333;margin-bottom: 12px;letter-spacing: 1px;background:url(/Template/skin1/public/vTeacher/images/title_/Template/skin1/public/vTeacher/images/bg.png) no-repeat center;line-height: 80px;}
.common-title span{ color:#666; display:block;letter-spacing: 1px;}

.zzsc-container{margin: 0 auto;overflow: hidden;}

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}


/*第二层*/
.floor2{padding-top: 88px; padding-bottom:80px;}
.floor2 .con-box{ background:#fff;box-shadow: 0 0 5px 5px rgba(205, 205, 205, 0.1);border-radius: 10px;padding: 63px;}
.floor2 .newFunction{ padding-left:162px;}
.floor2 .newFunction h3{ font-weight:normal;}
.floor2 .newFunction .nf{ margin-bottom:20px;}
.floor2 .newFunction .nf p{ color:#909090; letter-spacing:1px;}
.floor2 .newFunction li{ float:left; text-align:center; margin-right:44px; cursor:pointer;}
.newFunction li .imgIcon{ display:block; width:40px; height:40px;}
.newFunction li .imgIcon.i-01{ background:url(/Template/skin1/public/vTeacher/images/nf01.png) no-repeat center;background-size: 34px 34px;}
.newFunction li .imgIcon.i-02{ background:url(/Template/skin1/public/vTeacher/images/nf02.png) no-repeat center;background-size: 34px 34px;}
.newFunction li .imgIcon.i-03{ background:url(/Template/skin1/public/vTeacher/images/nf03.png) no-repeat center;background-size: 34px 34px;}
.newFunction li .imgText{ display:block; font-size:16px; color:#525252;letter-spacing: 1px;}
.newFunction li.curr .imgText,.newFunction li:hover .imgText{ color:#2e47ff;}
.newFunction li.curr .imgIcon.i-01,.newFunction li:hover .imgIcon.i-01{ background:url(/Template/skin1/public/vTeacher/images/nf01h.png) no-repeat center;background-size: 34px 34px;}
.newFunction li.curr .imgIcon.i-02,.newFunction li:hover .imgIcon.i-02{ background:url(/Template/skin1/public/vTeacher/images/nf02h.png) no-repeat center;background-size: 34px 34px;}
.newFunction li.curr .imgIcon.i-03,.newFunction li:hover .imgIcon.i-03{ background:url(/Template/skin1/public/vTeacher/images/nf03h.png) no-repeat center;background-size: 34px 34px;}
.slidePro{width: 540px;height: 351px;overflow: hidden; position:relative;}
.swiper-pagination-bullet{ opacity:0.15;}
.swiper-pagination-bullet-active{background: #8bb8ff; opacity:1;}
.floor8-top{margin: 60px 0 100px;}

/*第三层*/
.floor3{ padding-top:92px; padding-bottom:104px;background-color: #f6f9fa;}
.floor3 .con-box{ text-align:center;}

/*第四层*/
.floor4{ padding-top:96px; background:url(/Template/skin1/public/vTeacher/images/bg.png) no-repeat top center;padding-bottom: 158px;background-size: auto 100%;}
.floor4 .con-box{ text-align:center;}
.floor4  .con-box img{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;}
.floor4  .con-box img:hover{transform:rotate(360deg) scale(1.1);-webkit-transform:rotate(360deg) scale(1.1);-moz-transform:rotate(360deg) scale(1.1);-o-transform:rotate(360deg) scale(1.1);-ms-transform:rotate(360deg) scale(1.1);}
.floor4 .common-title h2,.floor4 .common-title span{ color:#fff;}

/*第五层*/
.floor5{ padding-top:92px; padding-bottom:75px;}
.floor5 .con-box{ height:630px; padding:14px; box-sizing:border-box; background:#e4edff; border-radius:10px;}
.wrap{position: relative;width:100%;height:100%;cursor: pointer;}
.wrap .img{width: 100%;height: 100%; position: absolute;left:0;top:0; overflow: hidden;}
.wrap .img img{width:1255px; height: 100%; display:none;}
.wrap .img img.show{display:block;}
#icon{width: 58px;height: 58px; background:url(/Template/skin1/public/vTeacher/images/db-arrow.png) no-repeat center; position: absolute;left:50%;margin-left:-29px;top:50%;margin-top:-29px; z-index: 9;}
#db-btn{ width:152px; height:42px; text-align:center; line-height:42px;position: absolute;left:50%;margin-left:-76px;bottom:44px;z-index: 9;color:#f7f7f7; font-size:14px; border-radius:3px; letter-spacing:1px;cursor: pointer;background: #6a9ef1;}
#db-btn:hover{background: -webkit-linear-gradient(left,#98a6ff,#7cccff);background: -o-linear-gradient(right,#98a6ff,#7cccff);background: -moz-linear-gradient(right,#98a6ff,#7cccff);background: linear-gradient(to right,#98a6ff,#7cccff); }
#db-btn span{ display:none;}
#db-btn span.show{ display:block;}
#zimg{ z-index: 1; width: 50%;border-right: 3px solid #e4edff;}
.wrap .img span{ position:absolute; width:132px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; border-radius:3px;background: rgba(0, 0, 0, 0.4); right:285px; top:50px; letter-spacing:1px;}
.wrap #zimg span{ left:285px; top:50px;}
/*第六层*/
.floor6{ padding-top:102px; background:#f6f9fa;padding-bottom: 80px;}
.floor6 .con-box{ background:#fff;box-shadow: 0 0 5px 5px rgba(205, 205, 205, 0.1);border-radius: 10px;padding: 63px;}
/*.floor6 .con-box .yunLeft{ padding-left:63px;}*/
.floor6 .yunLeft img{transition: all 0.25s ease;}
.floor6 .yunLeft:hover img{transform: scale(1.15,1.15);}
.floor6 .con-box .yunRight{width: 44%;padding: 30px 0 0;}
.yunRight ul li{ padding-left:45px; position:relative; margin-bottom:30px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.yunRight ul li:hover{transform: translateX(45px) !important;-webkit-transform: translateX(45px) !important;-moz-transform: translateX(45px) !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.yunRight li img{ position:absolute; left:0;top: 5px;}
.yunRight li h3{ font-weight:normal; color:#383838; letter-spacing:1px;}
.yunRight li p{ color:#7b7b7b; letter-spacing:1px;}

/*第七层*/
.floor7{ padding-top:114px;padding-bottom: 112px;}
.modList{ margin:0 30px;}
.modList li{ width:50%; float:left;}
.modList li .modBox{ margin:30px 30px 20px; padding:25px;box-shadow: 0 0 5px 3px rgba(205, 205, 205, 0.3);border-radius: 10px;}
.modList .modImg{ position:relative;overflow: hidden;}
.modList .modImg img{ display:block;}
.modList .modInfo{ padding-top:25px;}
.modList .modInfo h3{ font-weight:normal; font-size:25px; color:#1b1b1b; letter-spacing:1px;margin-bottom: 15px;}
.modList .modInfo p{ font-size:15px; letter-spacing:1px; margin-bottom:30px;}
.modList .modInfo .modintro{ border-top:1px solid #eee; padding-top:24px; font-size:15px;line-height: 34px;color: #a2a2a2; letter-spacing:1px;}
.modList .modintro a{width: 114px;overflow: hidden;float: right;height: 34px;line-height: 34px;text-align: center;border-radius: 20px; color:#fff;background: -webkit-linear-gradient(left,#402d9f,#2e5aff);background: -o-linear-gradient(right,#402d9f,#2e5aff);background: -moz-linear-gradient(right,#402d9f,#2e5aff);background: linear-gradient(to right,#402d9f,#2e5aff);position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.modList .modintro a:before,.modList .modImg:before { content: ""; position: absolute; width:100px; height: 100%; top: 0; left: -150px; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)
}
.modList .modImg:before { width:150px;}
.modList .modintro a:hover:before,.modList .modBox:hover .modImg:before{ left: 150%; transition: left 1s ease 0s; }
.modList .modintro a:hover{transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


/*第八层*/
.floor8{ padding-top:90px;padding-bottom:100px;}
.floor8 ul li{ float:left; width:33.33%;}

.floor8 li .technology{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.floor8 li:hover .technology{transform: translateY(-6px) !important;-webkit-transform: translateY(-6px) !important;-moz-transform: translateY(-6px) !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.floor8 li img{ display:block; margin:auto;}
.floor8 li:hover img{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.floor8 li span{ display:block; text-align:center;margin-top:5px;font-size: 18px;color: #888;letter-spacing: 1px;}

/*第九层*/
.floor9{ padding-top:80px; padding-bottom:80px;}
.floor9 .con-box{ padding:13px; background:#f4f6f9; border-radius:5px;}
.floor9 .con-box .leftNews{ width:45%; float:left;}
.floor9 .con-box .rightNews{ width:55%; float:left;}
.l-top-imgBox{ height:350px; overflow:hidden; border-radius:5px; position:relative;}
.l-top-imgBox img{ width:100%; min-height:100%;-webkit-transition: .6s;transition: .6s;}
.l-top-imgBox:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.l-top-imgBox .l-top-text{ position:absolute; bottom:0; left:0; width:100%; height:77px; box-sizing:border-box;background: url(sbottom/Template/skin1/public/vTeacher/images/bg.png) no-repeat center top;background-size: 100%;padding: 47px 10px 0; color:#fff;}
.l-top-imgBox .l-top-text p{ font-size:16px;line-height: 30px; height:30px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;padding-right:20px;}
.l-top-imgBox .l-top-text span{ line-height:30px;font-size:16px;}
.rightNews ul li{ float:left; width:50%;}
.rightNews li .r-newsBox{ margin:0 0 30px 30px; padding:5px; background:#fff; border-radius:5px;}
.rightNews .r-newsBox a{ display:block; height:187px; overflow:hidden; position:relative;}
.r-newsBox .l-top-text{ position:absolute; bottom:0; color:#fff; padding:37px 10px 0; left:0; width:100%; height:67px; box-sizing:border-box;background-image: linear-gradient(to top,#000000ad, #fff0);}
.r-newsBox .l-top-text p{ font-size:14px;line-height: 30px; height:30px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;padding-right:20px;}
.r-newsBox .l-top-text span{ line-height:30px;font-size:14px;}
.rightNews li .r-newsBox img{ width:100%; min-height:100%;-webkit-transition: .6s;transition: .6s;}
.rightNews li:hover .r-newsBox img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.newshotlist{margin-right:-13px;}
.newshotlist li{ float:left; width:50%;height: 152px;}
.newshotlist li .newsliBox{ background:#fff; margin:26px 13px 0 0;padding:16px 18px;border-radius: 5px;box-shadow: 0 0 5px 3px rgba(205, 205, 205, 0.1);    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.newshotlist li .newsliBox:hover{    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(205, 205, 205, 0.8);
    -webkit-box-shadow: 0 26px 40px -24px rgba(205, 205, 205, 0.8);
    -moz-box-shadow: 0 26px 40px -24px rgba(205, 205, 205, 0.8);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.newsliBox h3{ font-size:16px; color:#3f3f3f; font-weight:normal;line-height: 21px;height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsliBox p{ font-size:12px; color:#747474; line-height:16px; height:32px; overflow:hidden;margin-top: 5px;letter-spacing: 1px;}
.newsSource{ line-height:22px; margin-top:13px;}
.newsSource a{ color:#482de0;font-size: 12px;}
.newsSource img{ height:22px;}

/*第十层*/
.floor10{ padding-top:88px; background:#f6f9fa; padding-bottom:88px;}
.floor10 .con-box{ border-bottom:1px solid #eee;}
.floor10 li{ float:left; width:16.66%;text-align: center;vertical-align: middle;border: 1px solid #eee;border-right: 0;border-bottom: 0; box-sizing:border-box;height: 210px;}
.floor10 li .casebox{padding: 40px 0;background: #fff;transition: .1s transform;transform: translateZ(0); box-sizing:border-box; height:100%;overflow: hidden;}
.floor10 li:nth-child(6n){ border-right:1px solid #eee;}
.floor10 li img {max-width: 80%;height: 78px;margin: 0 auto;transition: .1s;object-fit: contain;}
.floor10 li span{ display:block; text-align:center;}
.floor10 li a{display: inline-block;width: 160px;height: 40px;text-align: center;line-height: 40px;border-radius: 3px;background: #f4f6f9;position: absolute;left: 50%;margin-left: -80px; bottom:-40px;transition: .3s;font-size: 12px;}
.floor10 li:hover .casebox{transform: scale(1.05, 1.05);transition: .3s transform;box-shadow: 0 0 5px 3px rgba(205, 205, 205, 0.2);position: relative;z-index: 10;}
.floor10 li:hover img{ height:60px; margin-top:-15px;transition: .3s;}
.floor10 li:hover a{ bottom:39px;}

/*第十一层*/
.floor11{ padding-top:90px; padding-bottom:150px;}
.floor11 .linkTab{ width:1150px; margin:auto;}
.linkTab li{ float:left; margin-right:50px;cursor: pointer;}
.linkTab li:last-child{ margin-right:0;}
.linkTab li .gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.7;}
.linkInfo{ width:822px; margin:auto;padding:20px 0 20px 43px;box-sizing: border-box; position:relative; margin-bottom:50px;}
.linkInfo:before,.linkInfo:after{ content:''; position:absolute; width:27px; height:23px;}
.linkInfo:before{ left:0; top:0; background:url(/Template/skin1/public/vTeacher/images/l-mh.png) no-repeat center;}
.linkInfo:after{right:0; bottom:0; background:url(/Template/skin1/public/vTeacher/images/r-mh.png) no-repeat center;}
.linkInfoCon{ display:none; font-size:16px; color:#434242; line-height:25px; text-align:center;}

/*底部*/
.footer{ background:#fff; padding-top:48px; padding-bottom:48px; color:#666;}
.footerNav{width: 560px;margin:0 auto 22px;}
.footerNav li{ float:left; padding:0 15px; border-right:1px solid #666;}
.footerNav li:last-child{ border-right:0;}
.footerNav li a{ color:#666; font-size:16px; line-height:18px; letter-spacing:1px;}
.copyRightInfo{ text-align:center; font-size:13px; line-height:28px; letter-spacing:1px;}
.base-m{display: none;}

/*v名师*/
.Vshop{margin-top: 90px;}
.floor8 .con-box .vtitle{   
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
}
.floor8 li .technology li{
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    color: #666;
}
.v-fr{float:right;}
.v-fl{float:left;}
.scene{padding-left:80px;padding-top: 30px;}
.scenes{text-align: right;}

.scene-title{font-size:32px;margin-left: 30px;font-weight:bold;color:rgba(60,129,249,1);line-height:29px;}
.scene-info{font-size: 20px;color: #999;line-height: 48px;}

.floor2 .major .ks-col-xl-6{background:url(support_/Template/skin1/public/vTeacher/images/bg.png) no-repeat center;text-align: center;}
.floor2 .major .ks-col-xl-6 .title{font-size: 24px;color: #3c81f9;}
.floor2 .major .ks-col-xl-6 .item{font-size: 16px;color: #666;line-height: 30px;}

.support{clear: both;overflow: hidden;text-align: center;padding-top: 20px;}
.support .title{font-size: 24px;color: #3c81f9;margin-top: 18px;}
.support .item{color: #666;margin-top:20px;font-size: 14px;line-height: 26px;}
.support li{width: 20%;float: left;}
.support li img:hover{ transition: all 1s;transform: rotate(360deg) scale(1.1);-webkit-transform: rotate(360deg) scale(1.1);-moz-transform: rotate(360deg) scale(1.1);-o-transform: rotate(360deg) scale(1.1);-ms-transform: rotate(360deg) scale(1.1);}

.account-login li[data-v-8c0b1e52], .account-login ul[data-v-8c0b1e52] {
    padding: 10px 0;
}
.referindex,.lonimg,.topimg,#qidian_wpa_2852156247_226{display:none}
.vpopup{padding:60px 95px 0;}
/*响应式*/
@media screen and (max-width:768px) 
{
    .topimg{width:100%;display:block}
    .container{overflow: hidden;}
    #headerCon,.linkInfo,.asideuser,.bannerBox{display:none}
    .floor, .nav-top, .footer, .nav-list {min-width: 0;}
    .container {width: 100%;max-width: 100%;margin: auto;}
    .common-title h2 {font-size: 20px;background-size: 17%;margin-bottom: 0px;line-height: 34px;height: 50px;}
    .floor8 ul li,.cene img{width:100%;margin:0;}
    .technology{margin-bottom:20px;}
    .floor8 {padding-bottom: 50px;}
    .floor1 {padding-top: 40px;    padding-bottom: 40px;}
    .scene {padding-left: 0px;padding-top: 0px;width: 100%;}
    .support li {width: 100%;margin-bottom: 20px;}
    .floor3 {padding-top: 40px;padding-bottom: 50px;}
    .floor9 .con-box .leftNews{width: 100%;}
    .floor9 .con-box .rightNews {width: 100%;float: left;padding-top: 40px;}
    .rightNews li .r-newsBox {margin: 0;}
    .floor10 li {float: left;width: 33.333%;height: 130px;}
    .floor10 li .casebox {padding: 30px 10px;}
    .floor9,.floor10  {padding-top: 40px;padding-bottom: 40px;}
    .floor10 li img {max-width: 100%;height: 40px;margin: 0 auto;transition: .1s;}
    .f40 {font-size: 20px !important;}
    .floor10 li:hover a {bottom: 10px;}
    .copyRightInfo {font-size: 12px;line-height: 24px;letter-spacing: 0;color: #999;}
    .floor11,.floor2,.floor8{padding-top: 40px;padding-bottom: 40px;}
    .floor11 .linkTab {width: 100%;margin: auto;}
    .linkTab li {cursor: pointer;width: 50%;text-align: center;margin-right: 0px;padding-bottom: 10px;}
    .l-top-imgBox {height: 230px;}
    .rightNews .r-newsBox a {height: 90px;}
    .floor2 .major .ks-col-xl-6 {width: 100%;padding-bottom: 60px;}
    .common-title {text-align: center;margin-bottom: 40px;}
    .scene-title {margin-top: 0px;font-size:24px;}
    .footer {overflow: hidden;padding-top: 10px;}
    .main-header,.referindex{display:block;}
    .vpopup{padding:0;}
    .scene-info {font-size: 18px;line-height: 36px;}
    .scenes {text-align: left;}
    .newsliBox a,.l-top-text .fr{display:none}
    .floor8 .con-box .vtitle {font-size: 20px;}
    .floor8 li span {font-size: 14px;}
    .common-title span{margin-top:20px;font-size: 12px;}
    .cene .ks-row:nth-child(5) img{margin-right: 18px;}.cene .ks-row:nth-child(3) img{margin-top: 32px;}
    .rightNews li .r-newsBox img{object-fit: cover;}
    .floor10 li:nth-child(1),.floor10 li:nth-child(2),.floor10 li:nth-child(3){border-top:0px;}
    .floor10 li:nth-child(1),.floor10 li:nth-child(4),.floor10 li:nth-child(7),.floor10 li:nth-child(10){border-left:0px}
    .floor10 li:nth-child(6),.floor10 li:nth-child(12){border-right:0px}
    .floor10 li:nth-child(1),.floor10 li:nth-child(4),.floor10 li:nth-child(7){border-bottom:0px}
    .footerNav li{padding: 0 5px;font-size: 12px;border-right:0px;}
    .footerNav li a{font-size:12px;}
    .r-newsBox .l-top-text p{padding-right: 0}
    .cene{padding: 0 20px;}
    .footerNav{width:100%;margin: 0 auto 10px;}
    .footerNav li{width: 33.3%;text-align: center;padding: 5px;}
    #qidian_wpa_2852156247_224,.referindex{display: none;}
     .safeguard-img {width: 100%; height: 100%;}
     .devebox{height:100%;padding: 20px;}
     .safeguard-top {padding: 0px;text-align: center;}
     .safeguard-bottom1,.safeguard-bottom {padding:0;text-align: center;}
     .safeguard-ico {width: 12%;padding-top: 10px;}
     .develop{margin-bottom: 10px;}
     .floor8 .ks-col-xl-8{margin-bottom: 20px;}
     .floor8-top{margin:0px;}
     .base{display: none;}
     .base-m,#qidian_wpa_2852156247_226{display:block;}
     .content{width: 80%;height: 100%;}
     .scene-ul li{padding-top: 14px;}
     .scene-ul {margin-top: 10px;}
     .order {margin-top: 10px;}
     .Vshop{margin-top: 0px;}
     .floor8-top .content{height: 100%;}
     .content img{    padding-top: 20px;margin-bottom: 20px;width: 4rem;height: 5rem;}
}<!--耗时1782849210.8994秒-->