inner/*
* @Author: Marte
* @Date:   2018-05-30 14:20:56
* @Last Modified by:   Marte
* @Last Modified time: 2018-07-17 16:32:06
*/
.tta{width:100%;position: absolute;top:85px;z-index: 3;}
/* 登录页开始 */
.logo_a{
  width: 20px;
}
.logo_new{
  height: 40px;
  width: 20px;
}

/* 登录页结束 */

/* element轮播 */
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
   background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
   background-color: #d3dce6;
}

/*首页第二部分start备份*/
/* .shilei{width:100%;height:575px;background-color:;float: left;}
.shilei .zi p{
  font-size:16px;
  color:#242933;
  padding-top: 10px;
  padding-bottom: 30px;}
.shilei .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}
.shilei .icons{padding-left:49px;}
.shilei li{
  width:222px;
  height:185px; 
  float: left;
  background-color:#2529349c;}
.shilei li img{display: block;padding-left:77px;padding-top:40px;}
.shilei ul li:nth-child(2n){width:222px;height:185px; float: left;background-color:#f6fafc;}
.shilei li p{ 
  font-size:20px;
  text-align:center;
  padding-top: 20px;
  color: #333;}
.shangyi img {
      position: relative;
    display: block;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.shangyi img:hover {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.index02{
  width: 222px; 
} */
/* 首页第二部分end */

/*首页第二部分start备份*/
 .shilei{width:100%;height:660px;background-color:;float: left;}
.shilei .zi p{
  font-size:16px;
  color:#5e5e5e;
  padding-top: 10px;
  padding-bottom: 20px;}
.shilei .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}
.shilei .icons{padding-left:49px;}
.shilei li{
  width:198px;
  height:233px; 
  float: left;
  background-color:#f4f5f8;
  margin: 10px;
  box-shadow: 2px 2px 10px #828488b0
}
.shilei li img{display: block;padding-left:63px;padding-top:40px;}
.shilei ul li:nth-child(2n){width:198px;height:233px; float: left;background-color:#f4f5f8;
  margin: 10px;
  box-shadow: 2px 2px 10px #828488b0}
.shilei li p{ 
  font-size:20px;
  text-align:center;
  padding-top: 20px;
  padding-right: 28px;
  padding-bottom: 6px;
  color: #333;}
.shangyi img {
      position: relative;
    display: block;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.shangyi img:hover {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.index02{
  width: 222px; 
}
/* 首页第二部分end */
 

/* 视频banner使用start */
body {
  margin-right: 0;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0
} 
.cloudvideo{
  text-align: center;
  box-align:center;
  width: 20px;
}
.abc {
  /* width: 100%; */
  /* height: auto;  */
  /* display: block; */
  /* min-height: 100%;
  min-width: 100%; */
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



video {
  display: block;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* 视频banner使用end */
@charset "utf-8";
*{margin:0;padding:0;}
body{color:#000;font-family:"微软雅黑";background:#fff;font-size:14px;margin: 0;padding:0;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{font-size:14px;padding:0;margin:0;}
span{font-size:14px}
img{border:0px;}
em{font-style:normal;}
.main{
  width:1200px;
  /* height: inherit; */
  margin:0 auto;
  overflow:hidden;}


/*导航*/
.location{position:relative;}
.location .demo{
  width:100%;
  /* padding-top: 18px; */
  background-color: rgba(255, 255, 255, 0);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
  position:absolute;
    z-index: 9999
}
.location .demo p{
  color: #FFFFFF;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.location .demo{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.location .demo p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}

.location .demo .main img{float: left;}
.location .demo .main ul{float: right;margin-top: 0px;padding-top: 0;padding-bottom:15px;}
.location .demo .main ul li{font-size:16px;float: left;width:62px;text-align:center; height:40px;}
.location .demo .main ul li a{width:100%;color:#fff;}
.location .demo .main ul li a:hover{color:#049ff1;}
.location .demo .main ul li.on{border-bottom:4px solid #049ff1;color:#fff; }
.location .demo .main ul li p.on{color:#049ff1;font-size:16px;}
/*
.location .move{
    height: 4px;
    width: 37px;
    border-top: 4px solid #008cd6;/*只需要将上边显示出来
    position: absolute;
    left:812px;
    top: 86px;
    transition: left .2s ease-in-out 0s;/*包含四个过度属性：执行变换属性、执行时间、速率、延迟
    -webkit-transition: left .2s ease-in-out 0s;/*chrome和safari
    -moz-transition: left .2s ease-in-out 0s;/*firefox
    -o-transition: left .2s ease-in-out 0s;/*opera
}
li:nth-child(1):hover~ .move{    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变
    left: 812px;
}
li:nth-child(2):hover~ .move{
    left: 914px;
}
li:nth-child(3):hover~ .move{
    left: 1025px;
}
li:nth-child(4):hover~ .move{
    left: 1140px;
}
li:nth-child(5):hover~ .move{
    left: 1252px;
}
li:nth-child(6):hover~ .move{
    left: 1370px;
}
li:nth-child(7):hover~ .move{
    left: 1480px;
}
*/
.tta{width:100%;position: absolute;top:85px;z-index: 3;}
/*banner*/
.banner { width:100%; position:relative;height:535px;overflow:hidden;}
.flexslider{position:relative;height:485px;overflow:hidden;  width:100%; z-index:2;}
.slides{position:relative;z-index:1;}
.slides li{height:535px;}
.slides li a{ display:block; height:535px;}

/*推荐条*/
.location .strip{width: 100%;background-color:#f0f0f0;height:30px;}
.location .strip .wrap{}
.location .strip .wrap img{padding-left:180px;padding-top: 5px;float: left;}
.location .strip .wrap p{float: left;padding-left: 65px;padding-top: 4px;color:#666;}
.location .strip .wrap p a{color:#666;}
.location .strip .wrap p a:hover{color:#008cd6;}

/*
      @-webkit-keyframes anim1{
        0% {top: 30px;opacity: 1}
        50% {top: -30px;opacity: 1}
        75% {top: -30px ;opacity: 0}
        100%{top:30px;opacity: 0}
      }
      @-webkit-keyframes anim2{

        0% {top: -30px;opacity: 0}
        25% {top: 30px;opacity: 0}
        50% {top: 30px;opacity: 1}
        100%{top: -30px;opacity: 1}
      }

.location .strip .wrap .content p:nth-child(1){}
.location .strip .wrap .content p:nth-child(2){}
.location .strip .wrap .content p:nth-child(1){

        -webkit-animation: anim1 8s linear infinite;
      }

.location .strip .wrap .content p:nth-child(2){

        -webkit-animation: anim2 8s linear infinite;
      }
*/


  /*底部*/
  .yejiao{float: left;width: 100%;height: 260px;background: url(images\dbbj.jpg);;}
  .yejiao .tess .left{padding-left:50px;padding-top:35px;margin-bottom: 50px;float: left;}
  .yejiao .tess .left img{padding-bottom:10px;}
  .yejiao .tess .left p{width:360px; font-size:14px;color:#ffffff;line-height: 25px;}
  .yejiao .tess .center{padding-left:105px;padding-top:37px;float: left;}
  .yejiao .tess .center p{width:360px; font-size:16px;color:#ffffff;line-height: 25px;}
  .yejiao .tess .right{padding-left:35px;padding-top:35px;float: left;}
  .yejiao .tess .right p{font-size:16px;color:#ffffff;line-height: 25px;}
  .yejiao .tess .right img{padding-top:20px;padding-left:20px;}
  
  
  .a{float: left;width: 100%;height:35px;background-color:#090d25;}
  .a p{font-size:14px;color:#7c7c7c;text-align:center;padding-top:5px;}

  .yejiao .butt .butt_xian{
    color: #000;
  }

/*内页开始*/
.bodyc{}

/*页码*/
.page{text-align:center;margin-bottom:30px;}
.page a{color:#555;font-size:13px;padding:5px 12px;border:#dcdcdc 1px solid;margin:0 2px;display:inline-block;background:#fff;}
.page a.hover{background:#0070bc;color:#fff;}
.page a:hover{background-color:#0070bc;color:#fff;}


/*成功案例内页*/
.bg{position:absolute;top: 0;}
.bg img{width:100%;height:500px;}
.tt{width:100%;position: absolute;top: 196px;z-index: 3;}
.slogan{width:665px;height:165px;background: rgba(255,255,255,0.7);}
.slogan span{width:100%; display: block;color:#008cd6;font-size:34px;text-align:center;padding-top:30px;}
.slogan p{width:100%;color:#333;font-size:20px;text-align:center;padding-top:20px;}


.all .subtitle .top{width:100%;height:100px;float: left;padding-top:30px;}
.all .subtitle .top p{width:100%;text-align:center;font-size:24px;color:#333;}
.all .subtitle .top span{width:100%;text-align:center;font-size:16px;color:#999; display: block;}
.all .subtitle .top img{width:100%;text-align:center;}
.all .subtitle .watch li{width:354px;
  height:300px;float: left;
  margin-left:35px;
  border:1px solid #ccc;
  margin-bottom:38px;

  text-align:center;
}
.all .subtitle .watch li:hover{border:1px solid #008cd6;box-shadow: 0 0 3px #008cd6;}
.all .subtitle .watch li p{  font-size:16px;margin-top: 10px;}

/*教研实力*/
.all .subtitle .teacher li{width:260px;
  height:420px;float: left;
  margin-left:30px;
  border:1px solid #ccc;
  margin-bottom:38px;
  text-align:center;
  overflow: hidden;
}

.jjj{overflow: hidden;}
.jjj img{cursor: pointer;transition: all 1.2s;}
.jjj img:hover{transform: scale(1.2);}
.all .subtitle .teacher li span{color:#333;font-size:18px;padding-top:5px;}
.all .subtitle .teacher li p{width:95%;font-size:14px;text-align:center;padding-left: 5px;padding-top:10px;color:#666;}
.all .subtitle .teacher li:hover{  border:1px solid #008cd6;box-shadow: 0 0 3px #666;}
/*新闻中心*/
.kind{height:60px;}

.news{padding-top:20px;padding-left:395px;}
.news ul{text-align: center;}
.news ul li{ float: left; width: 120px; height: 42px; line-height: 42px; font-size: 16px; color: #fff;  }
.news ul li a{ float: left; width: 100px; height:35px;line-height: 35px; font-size: 16px; color: #333;}
.news ul li a:hover{border:1px solid #008cd6; color: #008cd6;}
.news ul li a.on{border:1px solid #008cd6; color: #008cd6;}

.biao{width:885px; background-color: #fff;float: left;}
.biao .neirong img{width:206px;height:137px;float: left;padding-right: 20px;}
.biao .neirong li{float: left;height:140px;border-bottom:#dadada 1px solid;padding-bottom:16px;padding-top:18px;margin-right:20px;margin-left:20px;}
.biao .neirong h3{font-size:18px;color:#333;padding-bottom:10px;}
.biao .neirong p{font-size:14px;color:#666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.biao .neirong span{font-size:16px;color:#ccc;float: left;padding-top:15px;}
.biao .neirong a:hover h3{color:#008cd6;}

.right{width:285px;float: right;padding-left:20px;}
.right .top{width:285px;height:63px;border-bottom:#dcdcdc 1px solid;}
.right .tuijian li{width:272px;height:50px;float: left;border-top:#ccc 1px solid;border-left:#ccc 1px solid;border-right:#ccc 1px solid;padding: 5px;}
.right .tuijian p{float: left;font-size:14px;padding:5px;color:#333;}
.right .tuijian ul{padding-top:20px;height: 330px;border-bottom:#ccc 1px solid;}
.tuijian{padding-top:15px;}
.tuijian span{font-size: 18px;padding-bottom:10px;}
.tuwen{width:100%;text-align:center;padding-top:10px;}
.tuwen img{padding:10px;}
.tuwen li{height:230px;border-bottom:#dcdcdc 1px solid;padding-top:20px;}
.tuwen li a{font-size:14px;color:#666;}

.pagea{text-align:center;margin-top:20px;margin-bottom: 20px;}
.pagea a{color:#555;font-size:13px;padding:5px 12px;border:#dcdcdc 1px solid;margin:0 2px;display:inline-block;background:#fff;}
.pagea a.hover{background:#333;color:#fff;}
.pagea a:hover{color:#0070bc;}

.content input{margin-top:10px;padding:7px;float: left;border-radius:6px;background: #fff;border: 1px solid #ccc;}

.submit{padding-top:10px;text-align: center;margin-top:25px;}
.submit input{line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #008cd6;
    border: 1px solid #008cd6;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 7px 16px;
    font-size: 14px;
    border-radius: 4px;
}

/*新闻详情*/
.details .sub_wz{background: url("../images/wz.jpg") repeat-x;height: 45px;line-height: 45px;}
.details .sub_wz a p{}
.details .sub_wz a:hover{color:#008cd6;}
.details .sub_wz_main{width:100%;margin: 0 auto;text-align:left;}
.details .sub_wz_main span,.sub_wz_main a,.sub_wz_main{font-size: 13px;color: #868686;}
.details .sub_wz_main span{padding:0 5px;}

.details .xiangqing h1{font-size:24px;color:#333;padding-bottom:20px;}
.details .xiangqing{width:100%;text-align:center;}
.details .xiangqing .biaoti{width:100%;height:100px;border-bottom: 1px solid #ccc;padding-top:10px;}
.details .xiangqing span{font-size:14px;color:#ccc;padding-bottom:20px;}
.details .xiangqing img{padding-top:20px;padding-bottom:10px;text-align:center;}
.details .xiangqing .neir{width:100%;height:100%;border-bottom: 1px solid #ccc;}
.details .xiangqing .neir p{font-size:16px;color:#666;text-align:left;line-height: 30px;padding-top:20px;padding-bottom:30px;}
.text .bottoma{float: right;}
.text {width:100%;height:60px;padding-top:20px;}
.text .topa{float: left;}
.text .topa a{float: left;}
.text p{font-size:14px;color:#999;padding:5px;}
.text a:hover p{font-size:14px;color:#666;padding:5px;}

/*关于我们*/

.tte{width:100%;position: absolute;top: 196px;z-index: 3;}
.tte .slogan{width:665px;height:165px;background: url(../images/bjj.png) no-repeat;}
.tte .slogan span{width:100%; display: block;color:#008cd6;font-size:34px;text-align:center;padding-top:30px;}
.tte .slogan p{width:100%;color:#333;font-size:20px;text-align:center;padding-top:20px;}

.outer .title{}
.outer .title img{padding-left:515px;padding-top:30px;padding-bottom:20px;}

.outer .left_a{width: 701px;padding-left:30px;padding-top:30px;float: left;}
.outer .left_a span{font-size:18px;}
.outer .left_a .qq{font-size:16px;color:#666;border-bottom: 2px solid #008cd6;float: left;height:30px;padding-top:10px;}
.outer .left_a p{height:30px;font-size:16px;color:#666;padding-top:55px;line-height: 30px;}
.outer .right_a{float:right;padding-right: 20px;padding-top: 40px;}
.wrap_a{width:100%;height:360px;}

.wrap_b{width:100%;height:493px;background: url(../images/us.jpg) no-repeat;text-align:center;}
.wrap_b img{padding-top:30px;}

.outer .font{width:400px;padding-top:80px;padding-left:700px; line-height: 30px;}
.outer .font p{font-size:16px;text-align:left;}

.scroll{
    width:54px;
    height:54px;
    background: url(../img/top.png) no-repeat;
    text-align:center;
    position:fixed;
    top:50px;
    left:30px;
    cursor:pointer;
    font-size:14px; z-index: 100000000000000000000000000000;
  }
.roll-btn {
    display: none\0;
    z-index: 9;
    width:500px;
    height: 400px;
    z-index: 9;
    animation: bannerScale 2s linear infinite;
    background-size: cover;
}


@keyframes bannerScale {
    0% {bottom:15px;}
    50%{bottom:0px;}
    100%{ bottom:15px;}
}
@-webkit-keyframes bannerScale {
    0% {bottom:30px;}
    50%{ bottom:0px;}
    100%{bottom:30px;}
}
.ditubiao img{width:573px ; height: 320px; }


.frame{width:100%;float: left;    height: 445px;}
.frame .dd img{padding-left:515px;padding-top:30px;padding-bottom:20px;}
.frame ul img{width:342px;height:240px; padding-bottom: 10px;}
.frame ul li{width:350px;float: left;padding:25px;text-align:center;}
.frame ul li span{font-size:18px;}
.frame ul li p{font-size:14px;color:#666;}
.frame .null{width:80px;height:4px;background-color:#008cd6;margin-left:132px;margin-top:10px;margin-bottom:10px ;}

.fangda img{
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
  }
.fangda img:hover {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.fangwei_a{width:100%;float: left;background-color:#f6fafc;    height: 333px;}
.fangwei_a .zi_a{width:100%;text-align:center;padding-top:30px;padding-bottom:30px;}
.fangwei_a .zi_a span{font-size:24px;color:#333;}
.fangwei_a .why_a{padding-left:10px;}
.fangwei_a ul{width:100%;text-align:center;}
.fangwei_a ul li{float: left;width:196px;}
.fangwei_a .why_a p{font-size:16px;color:#333;line-height: 20px;padding:20px;}

.main .dd{padding-left:512px;padding-top:30px;}



/*课程服务*/
.kecheng{width:100%;float: left;height: 333px;float: left;}
.kecheng .zi_a{width:100%;text-align:center;padding-top:30px;padding-bottom:50px;}
.kecheng .zi_a span{font-size:24px;color:#333;}
.kecheng .why_a{padding-left:10px;}
.kecheng ul{width:100%;text-align:center;}
.kecheng ul li{width:238px;float: left;}
.kecheng .why_a p{font-size:18px;color:#333;line-height: 20px;padding:20px;}

.kefu{width:100%;height:400px;float: left;background-color:#10a1ed;}
.kefu .left_zi{width:45%;text-align:center;padding-top:70px;padding-left:30px;padding-right:115px;float: left;}
.kefu .left_zi span{font-size:30px;color:#fff;}
.kefu .left_zi p{font-size:20px;color:#fff;}
.kefu .left_zi .ll{padding-top:20px;padding-left:40px;}
.kefu .left_zi .ll p{width:420px;font-size:18px;padding:10px;border: 2px solid #fff;margin:20px;border-radius: 4px;}
.kefu .left_zi .ll img{padding-right:10px;}
.kefu .right_img{float: left;padding-top:80px;}

.gongkai {width:100%;height:535px;background: url(../images/ww.jpg) no-repeat;float: left;}
.gongkai .img_h p{width:100%;text-align:center;font-size:24px;padding-top:30px;}

.gongkai .img_h .pinka li{width:480px;
  height:110px;
  background-color:#ff544f;
  float: left;
  margin-left:80px;
  margin-top:40px;
  box-shadow: 9px 9px 6px 0px #999;
}
.gongkai .img_h .pinka img{padding-left:80px;padding-top:22px;float: left;}
.gongkai .img_h .pinka span{height:40px;width:223px;font-size:22px;color:#fff;padding-left:35px;padding-top:20px;float: left;}
.gongkai .img_h .pinka p{font-size:16px;color:#fff;}

.gongkai .img_h .whitea li{width:480px;height:220px;background-color:#fff;float: left;margin-left:80px;box-shadow: 9px 9px 6px 0px #999;}
.gongkai .img_h .whitea p{width:70%;font-size:18px;padding-left:70px;padding-top:40px;line-height: 30px;color:#666;}

.run {width:100%;height:500px;float: left;background-color: #fff;}
.zi{width: 100%;text-align: center;padding-top: 30px;}
.run .zi p{font-size:26px;color:#333;padding-top: 10px;padding-bottom: 30px;}
.img .list li{width:265px;height:302px;float: left;margin-left:20px;} // box-shadow: 0 0 3px #666;投影

.run .list span{}
.run .list a p{width:150px;font-size:18px;color:#333;}
.run .list a{text-align:center;float: left;}
.run .list a span{color:#008cd6;}
.run .list a:link p{width:92%;text-align:center;font-size:16px;color:#333;padding-left:10px;line-height:26px;}
.run .list a:link span{width:100%;text-align:center;font-size:20px;color:#333;float: left;padding-top:20px;padding-bottom:20px;}
.run .list a .list-icon{width: 80px;height: 80px;margin: 45px auto 15px;background:  left no-repeat;}
.run .list li:nth-child(1) a .list-icon{background-image:  url('../images/icon_28.png');}
.run .list li:nth-child(2) a .list-icon{background-image:  url('../images/icon_29.png');}
.run .list li:nth-child(3) a .list-icon{background-image:  url('../images/icon_30.png');}
.run .list li:nth-child(4) a .list-icon{background-image:  url('../images/icon_31.png');}
.run .list a:link img{padding:15px;}
.run .list a:link{width:230px;height:330px; display: block;background-color:#fff;box-shadow: 0 0 3px #666;}

.run .list a:hover{display: block;background-color:#008cd6; transition:0.3s;}/*给a标签设置成块级元素*/
.run .list a:hover span{width:100%;text-align:center;font-size:20px;color:#fff;float: left;padding-bottom:20px;}
.run .list a:hover p{font-size:16px;color:#fff;line-height:26px;}
.run .list li a:hover .list-icon{background-position:  right;}
.run .list .gengduo{width:100px;height:30px;border:1px solid #008cd6;margin-top:30px;margin-left:44px;color:#008cd6;padding-top:5px;}

.guanli{width:100%;height:550px;background-color:#f6fafc;float: left;}
.guanli .quan{width:100%;text-align:center;}
.guanli .quan p{font-size:24px;padding-top:30px;}
.guanli .quan img{padding:40px;}
.guanli .center{width:100%;padding-top: 50px;padding-left: 84px;}
.guanli .center ul{width:100%;padding-left: 20px}
.guanli .center li{width:500px;height:185px;float: left;}
.guanli .center li .left_s{float: left;padding-top:20px;}
.guanli .center li .left_s span{font-size:22px;color:#87cf73;padding-bottom:10px;}
.guanli .center li .left_s p{width:210px;font-size:16px;padding-top: 10px;}
.guanli .center li .right_s{float:right;}
.guanli .center li .left_e{float: left;padding-top:72px;}
.guanli .center li .left_e span{font-size:22px;color:#feb800;padding-bottom:10px;}
.guanli .center li .left_e p{width:210px;font-size:16px;padding-top: 10px;}
.guanli .center li .right_e{float:right;}
.guanli .center li .right_g{float: left;padding-left:20px;padding-top: 18px;}
.guanli .center li .right_g span{font-size:22px;color:#f9195f;padding-bottom:10px;}
.guanli .center li .right_g p{width:210px;font-size:16px;padding-top: 10px;}
.guanli .center li .left_g{float:left;}
.guanli .center li .right_c{float: left;padding-left:20px;padding-top:70px;}
.guanli .center li .right_c span{font-size:22px !important;color:#5ca9cb;padding-bottom:10px;}
.guanli .center li .right_c p{width:210px;font-size:16px;padding-top: 10px;}
.guanli .center li .left_c{float:left;}

.wrapb{
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}
.wrapb .inner{
    height: 490px;
    background: rgba(0,0,0,.4);
}
.wrapb .inner .zi{    padding-top: 50px;}
.wrapb .inner span{font-size:24px;color: #fff;padding-bottom: 15px;margin-top:50px;}
.wrapb .inner .nr p{width:70%;
  text-indent:center;
  font-size:18px;
  color: #fff;
  padding-top:110px;
  padding-left: 150px;
  padding-bottom: 30px;
  line-height:30px;
}

.circle{width:100%;height:540px;float: left;}
.circle .blk .lt img{padding-left: 80px;padding-top: 20px;}
.circle .blk .lt{float: left;}
.circle .blk .rz{float: left;padding-top:50px;padding-left:90px;}
.circle .blk .rz p{font-size:16px;padding-top:50px;}
.circle .blk .rz p img{padding-right:20px;}
.circle .blk .zi p{font-size:16px;color:#666;padding-top: 10px;padding-bottom:40px;}
.circle .blk .zi span{font-size:24px;color:#333;padding-bottom: 15px;}

.wrapg{
    height: 490px;
    background: url(../images/huanghun.jpg) no-repeat;
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}

.wrapg .zi{    padding-top: 50px;}
.wrapg span{font-size:24px;color: #fff;padding-bottom: 15px;margin-top:50px;}
.wrapg .nr{padding-top:125px;}
.wrapg .nr p{width:270px;font-size:18px;color: #fff;padding-left: 100px;padding-bottom: 0px;line-height:30px;float: left;}
.wrapg .nr img{padding-bottom:0px;}

.refer{width:100%;height:605px;float: left; background-color:#f5f5f5;}
.refer .call .zi span{font-size:24px;}
.refer .call .zi p{font-size:16px;color:#999;}
.refer .call .lianxi{width:100%;text-align:center;padding-top:25px;line-height:38px;}
.refer .call .lianxi p{font-size:18px;color:#999;}
.refer .call .lianxi p span{font-size:24px;color:#008cd6;}

.refer .content input{margin-top:30px;padding:10px;float: left;border-radius:6px;background: #fff;border: 1px solid #ccc;}
.refer .content{width:100%;padding:10px;padding-left: 280px;}
.refer .content p{float: left;padding-top: 37px;font-size:16px;}
.refer .content ul{width:520px;}
.refer .content ul li{float: right;}
.refer .content input{width:330px;}

.refer .submit{width:100%;padding:10px;padding-left: 188px;}
.refer .submit input{ width:300px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #008cd6;
    border: 1px solid #008cd6;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 35px;
}

/*奇妙作文*/
.special{}
.special .nav{
  padding-top: 25px;/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
  position: relative;
    z-index: 9999
}
.special .nav p{
  color: #333;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.special .nav{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.special .nav p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}

.special .nav .main img{float: left;}
.special .nav .main ul{float: right;margin-top: 8px;}
.special .nav .main ul li{width:85px;height:45px;font-size:16px;float: left;text-align:center;}
.special .nav .main ul li a{color:#333;}
.special .nav .main ul li a:hover{color:#008cd6;}
.special .nav .main ul li.on{border-bottom:4px solid #008cd6;color:#fff; }

.wrapy{
    height: 490px;
    background: url(../images/zuowen.jpg) no-repeat;
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}

.wrapy .inner .zi{    padding-top: 50px;}
.wrapy .inner span{font-size:24px;color: #fff;padding-bottom: 15px;margin-top:50px;}
.wrapy .inner .nr p{width:70%;
  text-indent:center;
  font-size:18px;
  color: #fff;
  padding-top:110px;
  padding-left: 150px;
  padding-bottom: 30px;
  line-height:30px;
}
.wrapy .banner img{}
.wrapy .banner{float-top:60px;}

.outline{width:100%;height:430px;float: left;}
.vivid{width:100%;float: left;}
.vivid .zi p{font-size:16px;color:#666;padding-top: 10px;padding-bottom:40px;}
.vivid .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}
.vivid .why{padding-left:10px;}
.vivid ul{width:100%;text-align:center;}
.vivid ul li{float: left;width:295px;}
.vivid .why p{width:170px;font-size:15px;color:#333;line-height: 26px;padding-left: 65px;padding-top: 20px;}
.fanzhuan img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 1s ease;
  transition: 1s ease; margin: 0 auto;
}
.fanzhuan img:hover{
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}


.level{width:100%;height:570px;background-color:#f6fafc;float: left;}
.level .zi p{font-size:16px;color:#666;padding-top: 10px;padding-bottom:40px;}
.level .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}

.level .divide .tu li{float: left;margin-left: 60px;}
.level .divide .tu p{font-size:16px;color:#999;margin-bottom: 6px;}
.level .divide .tu span{font-size:20px;}
.level .divide .tu{width:100%;text-align:center;}
.level .divide .tu img{padding-bottom:10px;}

.lead{width:100%;height:530px;float: left;}
.lead .zi p{font-size:16px;color:#666;padding-top: 10px;padding-bottom:40px;}
.lead .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}

.lead .divide .tu li{width:500px;height:115px;float: left;margin-left: 100px;margin-top: 40px;}
.lead .divide .tu p{font-size:16px;color:#666;margin-bottom: 6px;margin-top: 6px;}
.lead .divide .tu span{font-size:20px;}
.lead .divide .tu{}
.lead .divide .tu img{padding-right:30px;float: left;}
.lead .divide .tu .le{}
.lead .divide .tu .ri{padding-top:22px;}
.lead .divide .tu .ri span{margin-top:5px;}

.wrapv{
    background: url(../images/heiban.jpg) no-repeat;
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}
.wrapv .inner{
    background: url(../images/ppp.png) no-repeat;
    height: 490px;
}
.wrapv .inner .zi{    padding-top: 50px;}
.wrapv .inner .zi span{font-size:24px;}
.wrapv .inner span{font-size:20px;color: #fff;padding-bottom: 15px;margin-top:50px;}
.wrapv .inner p{font-size:16px;color: #fff;padding-top: 10px;padding-bottom: 30px;}
.wrapv .inner .nr p{width:100%;
  text-indent:center;
  font-size:18px;
  color: #fff;
  padding-top:50px;
  padding-bottom: 30px;
  line-height:30px;
}
.wrapv .four ul{width:100%;text-align:center;}
.wrapv .four li{width:200px;float: left;margin-left: 85px;padding-top: 50px;}
.wrapv .four li p{padding-top: 38px;}
.wrapv .four li span{border-bottom: 1px solid #fff;padding-left: 20px;padding-right: 20px;}

.yesd{width:100%;height:545px;float: left;text-indent:center;}
.yesd .zi span{font-size:24px;color: #333;padding-bottom: 15px;margin-top:50px;color:#008cd6;}
.yesd .zi p{font-size:16px;color: #666;padding-top: 10px;padding-bottom: 30px;padding-left:10px;}
.yesd .fiv ul li{width:358px;float: left;margin-left:32px;border:1px solid #f0f0f0;background-color:#fff;}
.yesd .fiv ul span{font-size:20px;color:#333;padding-left:10px;}
.yesd .fiv ul img{padding-bottom:10px;}

.yesd .fiv ul li a:hover{float: left;background-color:#008cd6;}
.yesd .fiv ul p{font-size:16px;color:#333;padding-top:12px;    margin-bottom:12px;padding-bottom: 20px;padding-left:10px;}
.yesd .fiv ul li a:hover p{font-size:16px;color:#fff;padding-top:12px;    margin-bottom:12px;}
.yesd .fiv ul li a:hover span{font-size:20px;color:#fff;}

.hill{width:100%;height:520px; background: url(../images/shanshui.png) no-repeat;float: left;}
.hill .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.hill .left_k,.right_k{float: left;}
.hill .right_k{width:450px;padding-top:185px;padding-left:150px;line-height:30px;}

.hill .right_k p{font-size:18px;}
.left_k{padding-left: 110px;padding-top:125px;}

.left_k .fangda p{
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
  }
.left_k .fangda p:hover {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.sign{width:100%;height:435px;float: left;background-color:#f5f5f5;}
.sign .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.sign .zi p{font-size:16px;color: #666;padding-top: 10px;padding-bottom: 30px;padding-left:10px;}
.sign .left_f  li{float: left;margin-left:60px;}
.sign .left_f {padding-top:45px;float: left;}
.sign .left_f  li a p{font-size:18px;color:#333;padding-top:10px;}
.sign .right_f p{font-size:24px;}
.sign .right_f p span{font-size:26px;color:#008cd6;}
.sign .right_f{width:230px;padding-left:180px;padding-top:75px;float: left;}

.wit{width:100%;height:500px;float: left;}
.wit .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.wit .zi p{font-size:16px;color: #666;padding-top: 10px;padding-bottom: 30px;padding-left:10px;}
.wit .three img{margin-left:70px;}

/*单词速记*/
.wrapm{float: left;width: 100%;}

.wrapm .inner .zi{    padding-top: 50px;}
.wrapm .inner span{font-size:24px;color: #fff;padding-bottom: 15px;margin-top:50px;}
.wrapm .inner .nr p{width:70%;
  text-indent:center;
  font-size:18px;
  color: #fff;
  padding-top:110px;
  padding-left: 150px;
  padding-bottom: 30px;
  line-height:30px;
}
.wrapm .banner img{width:100%;}
.wrapm .banner{float-top:60px;}
.steno{width:100%;height:330px;float: left;text-align:center;}
.steno .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.steno ul li{width:160px;margin-left:40px;float: left;}
.steno .icons{padding-top:50px;}
.steno ul li p{width:115px;font-size:16px;color:#333;padding-top: 20px;}

.strong{width:100%;height:490px;background-color:#f5f5f5;float: left;}
.strong .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.strong .six{width:100%;text-align:center;padding-top:50px;}

.science{width:100%;height:520px;float: left;}
.science .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.science .two ul li{width:400px;margin-left:150px;float: left;padding-top:50px;}
.science .two ul li p{width:380px;font-size:16px;color:#333;padding-top: 20px;padding-left:25px;line-height:25px;}

.means{width:100%;height:579px;float: left; background: url(../images/hei.jpg) no-repeat center;text-align:center;}
.means .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.means .say{padding-top:135px;}

.future{width:100%;height:555px;float: left;background-color:#f6fafc;}
.future .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.future .left{float: left;padding-top:40px;}
.future .left img{padding-left:35px;}
.future .right{float: left;padding-top:60px;padding-left:130px;}
.future .right .yy{width:380px;padding-top:30px;}
.future .right .yy p{font-size:15px;}
.future .right .pos img{margin-top:30px;}

.potent{ width:100%;height:523px;float: left;background: url(../images/chengs.jpg) no-repeat;}
.potent .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.potent .inner{height: 523px;background: rgba(0,0,0,.6);}

.duzhi .tu li{float: left;margin-left: 60px;}
.duzhi .tu p{font-size:16px;color:#fff;margin-bottom: 6px;}
.duzhi .tu span{font-size:20px;color:#fff;}
.duzhi .tu{width:100%;;}
.duzhi .tu img{padding-bottom:10px;}
.duzhi .tu li{width:500px;height:115px;float: left;margin-left: 100px;margin-top: 60px;}
.duzhi .tu p{font-size:16px;color:#fff;margin-bottom: 6px;margin-top: 6px;}
.duzhi .tu span{font-size:20px;color:#fff;}
.duzhi .tu img{padding-right:30px;float: left;}
.duzhi .tu .le{}
.duzhi .tu .ri{padding-top:22px;}
.duzhi .tu .ri span{margin-top:5px;color:#fff;}

/*方未阅读*/


.pote{ width:100%;height:523px;float: left;background-color:#f5f5f5;}
.pote .zi span{font-size:24px;color: #008cd6;padding-bottom: 15px;margin-top:50px;padding-left:10px;}
.pote .inner{height: 523px;}
.pote p,span{}

.imm{width:100%;text-align:center;float: left;padding-top:30px;padding-bottom:30px;}
.pingtai{
    float: left;
    width: 100%;
}
.pingtai .inner{
    height:565px;
}
.pingtai .inner .zi{ padding-top: 50px;}
.pingtai .inner .zi span{font-size:24px;}
.pingtai .inner p{font-size:14px;color: #fff;padding-top: 10px;padding-bottom: 30px;}
.pingtai .four ul{width:100%;text-align:center;}
.pingtai .four li{width:200px;float: left;margin-left:48px;padding-top: 35px;}
.pingtai .four li p{padding-top: 10px;}
.pingtai .four li span{font-size:18px;color:#fff !important;;padding-left: 20px;padding-right: 20px;}

.yesv{width:100%;height:420px;float: left;text-indent:center;}
.yesv .zi span{font-size:24px;color: #333;padding-bottom: 15px;margin-top:50px;color:#008cd6;}
.yesv .zi p{font-size:16px;color: #666;padding-top: 10px;padding-bottom: 30px;padding-left:10px;}
.yesv .fiv ul li{width:358px;float: left;margin-left:32px;background-color:#fff;}
.yesv .fiv ul span{font-size:20px;color:#333;padding-left:10px;}
.yesv .fiv ul img{padding-bottom:10px;}

.yesv .fiv ul p{font-size:16px;color:#333;padding-top:12px;    margin-bottom:12px;padding-bottom: 20px;padding-left:10px;}
.rt img{width:100%;float: left;}
.show{width:100%;text-align:center;float: left;}
.show img{padding-top:30px;padding-bottom:30px;margin: 10px;}

/*匠心独具*/

.navs{position:relative;}
.navs .demo{
  width:100%;
  padding-top: 25px;

  position:absolute;
    z-index: 9999
}
.navs .demo p{
  color: #FFFFFF;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.navs .demo{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.navs .demo p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}

.navs .demo .main img{float: left;}
.navs .demo .main ul{float: right;margin-top: 4px;}
.navs .demo .main ul li{font-size:16px;float: left;width:95px;text-align:center; height:50px;}
.navs .demo .main ul li a{width:100%;color:#fff;}
.navs .demo .main ul li a:hover{color:#049ff1;}
.navs .demo .main ul li.on{border-bottom:4px solid #049ff1;color:#fff; }
.navs .demo .main ul li p.on{color:#049ff1;font-size:16px;}

.total{width:100%;float: left;}
.total .left_h{width:47%;float: left;padding-top:30px;padding-right: 78px;padding-bottom:20px;}
.total .right_h{width:41%;float: left;}
.total .right_h .zi{ padding-top: 50px;}
.total .right_h .zi span{font-size:24px;}
.total .right_h img{float: left;padding-right:10px;padding-top:10px;}
.total .right_h li{height:70px;margin-top: 15px;}
.total .right_h li p,span{font-size:16px;line-height: 26px;}
.total .right_h ul{
  padding-top: 10px;
  padding-left: 75px;}
.total .right_h li p span{color:#008cd6  !important;;}

.qianbi{width:100%;height:550px;}
.qianbi .zi{ padding-top: 50px;}
.qianbi .zi span{font-size:24px;}

.classifys {width:100%;height:470px;float: left;background-color: #fff;}
.zi{width: 100%;text-align: center;padding-top: 30px;}
.classifys .zi p{font-size:16px;color:#666;padding-top: 10px;padding-bottom: 30px;}
.classifys .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}
.classifys .img .list li{width:205px;height:302px;float: left;margin-left:60px;} // box-shadow: 0 0 3px #666;投影

.classifys .list span{}
.classifys .list a p{width:150px;font-size:18px;color:#333;}
.classifys .list a{text-align:center;float: left;}
.classifys .list a span{color:#008cd6;}
.classifys .list a:link p{width:190px;text-align:center;font-size:16px;color:#333;}
.classifys .list a:link span{width:100%;text-align:center;font-size:20px;color:#008cd6;float: left;padding-top:10px;}
.classifys .list a .list-icon{width: 45px;height: 80px;margin:8px auto 0px;background:  left no-repeat;}

.classifys .list li:nth-child(1) a .list-icon{background-image:  url('../images/index_icon_c1_new.png');}
.classifys .list li:nth-child(2) a .list-icon{background-image:  url('../images/index_icon_c2_new.png');}
.classifys .list li:nth-child(3) a .list-icon{background-image:  url('../images/index_icon_c3_new.png');}
.classifys .list li:nth-child(4) a .list-icon{background-image:  url('../images/index_icon_c4_new.png');}
.classifys .list a:link img{padding:15px;}
.classifys .list a:link{display: block;background-color:#fff;box-shadow: 0 0 3px #666;}

.classifys .list a:hover{display: block;background-color:#008cd6; transition:0.3s;}/*给a标签设置成块级元素*/
.classifys .list a:hover span{width:100%;text-align:center;font-size:20px;color:#fff;float: left;padding-top:10px;}
.classifys .list a:hover p{width:190px;font-size:16px;color:#fff;padding-left:3px;}
.classifys .list li a:hover .list-icon{background-position:  right;}

.left_m{width:25%;height:560px;float: left;padding-top:130px;padding-left:120px;}
.right_m{width:500px;float: left;padding-left:270px;padding-top:134px;}
.right_m li{width:500px;height:60px;float: left;}
.right_m input{color:#fff;
  margin-top:10px;
  padding:7px;
  padding-right:150px;
  float: left;
  border-radius:6px;
  background-color:rgba(0,0,0,0);
  border: 1px solid #fff;
}
input::-webkit-input-placeholder { /* WebKit browsers */

color: #fff;

}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #fff;

}

input::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #fff;

}

input:-ms-input-placeholder { /* Internet Explorer 10+ */

color: #fff;

}

.submit{padding-top:10px;text-align: center;margin-top:25px;}
.submit input{line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #008cd6;
    border: 1px solid #008cd6;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 7px 148px;
    font-size: 14px;
    border-radius: 4px;
}