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

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉a, input点击的时候的附带效果 */
    -webkit-touch-callout: none; /* 禁止长按a标签连接于图片弹出的菜单 */
    -webkit-overflow-scrolling: touch; /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
    -webkit-text-size-adjust: 100%; /* 关闭横竖屏的时候调整文字大小 */
    font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, sans-serif;
}
img {
    width:100%;
    display:block;
    list-style:none;
}
a {
  color: #333;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}

body{font-size:.26rem; color:#fff; background:#2a48dc;}

.nav-item1{display:inline-block;width:.8rem;height:.4rem;color:#2d4ed8;background:#12ebff;border-radius:40px;margin:.3rem 0 0 .2rem;line-height:.4rem;text-align:center;}

/*表单3*/
.tanchuang{width:7.1rem;height:4.2rem;background:url("../img/pop9.png") center top no-repeat;background-size:7.1rem 3.7rem;/*position:fixed;top:28%;left:50%;*/margin:0 auto 0;z-index:999999;overflow:visible;position:relative;}

.left9{width:4rem;height:1rem;padding:.52rem 0 .3rem;margin:0 auto;padding-left:2.6rem;}
.left9 p{line-height:.48rem;font-size:.26rem;color:#fff;}

.pop9{width:6.2rem;height:1.5rem;padding:.0rem 0;margin:0 auto;}
.pop9 .tel9{width:4.4rem;height:.6rem;line-height:.6rem;text-align:left;background:#fff;font-size:.18rem;border:none;color:#333;border-radius:2px;text-indent:1em;margin-bottom:.16rem;}
.pop9 .yzm9{width:2.5rem;height:.6rem;line-height:.6rem;text-align:left;background:#fff;font-size:.2rem;border:none;color:#333;border-radius:2px;text-indent:1em;margin-right:.1rem;}
.pop9 .submit9{display:inline-block;width:1.7rem;height:.6rem;line-height:.6rem;text-align:center;background:#fff;font-size:.2rem;border:none;color:#f74e2e;border-radius:2px;}
.pop9 .submit10{width:1.7rem;height:1.7rem;background:url("../img/pop9-btn.png") center center no-repeat;background-size:1.7rem 1.7rem;position:absolute;top:1.72rem;right:.3rem;border:none;}



.pop9 input::-webkit-input-placeholder {
        color: #666;
      }
      input::-moz-input-placeholder {
        color: #666;
      }
      input::-ms-input-placeholder {
        color: #666;
      }




.btn{display: block; width:3.4rem; height:.88rem; margin:.3rem auto 0; background:#12ebff; line-height:.88rem; font-size:.32rem; color:#18319a; border-radius:.44rem; text-align: center;}

.title{text-align:center; padding-top:.6rem;}
.title .tit{display:inline-block; color:#fff; position:relative; padding:0 .5rem;}
.title .tit .icon{width:.57rem; height:.55rem; background:url(../img/icon.png); background-size:100% .55rem; position:absolute; left:-.18rem; top:-.12rem;}
.title .tit h1{font-size:.4rem; font-weight:bold;}
.title .tit p{font-size:.24rem;}

.con1,
.con2,
.con3,
.con4,
.con5,
.con6,
.con7,
.con11,
.con12,
.con13,
.con14,
.con8{width:7.1rem; height: auto; overflow:hidden; margin:.3rem auto 0; background-color: #1730a7; border-radius:.12rem; padding-top:.2rem; padding-bottom:.4rem;}

.kemu{height:1.0rem; margin:0 .2rem; background-color: #4166ff; text-align: center; line-height:1.0rem; font-size:.32rem; font-weight:bold; letter-spacing:1px; border-radius:0 0 .08rem .08rem;}

.videobox{width:6.70rem; margin:0 auto; background-color: #071734; border-radius:.08rem;}
.tabDetail{display: none;}
.show{display: block;}

/* header */
.m-box{width:100%;}
.m-ban{width:100%; height:3.228rem; background:url(../img/banbg.jpg); background-size:100% auto; text-align: center; padding-top:.6rem;}
.m-ban h3{width:2.5rem; height:.56rem; margin:0 auto; line-height:.56rem; border-radius:.28rem; font-size:.28rem; border:1px solid #fff;}
.m-ban h2{font-size:.6rem; font-weight:bold; letter-spacing:1px;}
.m-ban a.btn{width:2.4rem; height:.68rem; margin:.1rem auto 0; line-height:.68rem; font-size:.28rem; border-radius:.34rem;}

.adv-pack{width:7.1rem; margin:0 auto .2rem;}

/* con1 */
.con1{margin:0 auto; padding-bottom:0;}
.tabCon{height:200px; margin:0 .2rem; background-color: #071734;}
.con1 .swiper-container{padding-bottom:.25rem;}
.swiper-container{margin:.2rem 0 0 .2rem;}
.swiper-container .swiper-slide{height: 1.54rem; display:flex; background-color: #4166ff; border-radius:.12rem;}
.swiper-container .swiper-slide .videoImg{width:2.34rem; border-radius: .12rem 0 0 .12rem; position:relative;}
.swiper-container .swiper-slide .videoImg img{border-radius:.12rem 0 0 .12rem;}
.swiper-container .swiper-slide .videoImg .play{width:.57rem; height:.57rem; position:absolute; left:50%; top:50%; margin:-.28rem 0 0 -.28rem; background:url(../img/play.png);background-size:100% 100%; opacity:.7;}
.swiper-container .swiper-slide .videoTit{width:2.8rem; box-sizing: border-box;display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center; padding:0 .2rem;}
.swiper-container .swiper-slide.active .videoImg .play{opacity:1;}
.swiper-container .swiper-slide.active .videoTit{color:#12ebff;}

/* con7 */
.con7{box-sizing:border-box; padding:0 .1rem .2rem;}
.con7 .item{width:3.25rem; margin:.2rem .1rem 0; float: left; background-color:#4166ff; border-radius:.12rem;}
.con7 .item a{display: block;}
.con7 .item img{width:100%; border-radius:.12rem .12rem 0 0;}
.con7 .item h3{font-size:.28rem; color:#fff; font-weight:bold; text-align: center; padding:.15rem 0; line-height:.35rem; height:.7rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;}
.con7 .item .btn{width:3.25rem; height:.78rem; margin:0 auto; line-height:.78rem; font-size:.28rem; border-radius:0 0 .12rem .12rem;}

/**/
.con7 .item .itemTeach{height:1rem; background:#4166ff;}
.con7 .item .itemTeach ul{padding:.15rem .1rem .2rem; display:table;}
.con7 .item .itemTeach ul li{display:table-cell; width:.9rem;}
.con7 .item .itemTeach ul li img{width:.56rem;height:.56rem;display:block;margin:0 auto;}
.con7 .item .itemTeach ul li p{padding-top:.1rem;font-size:.22rem;text-align:center;color:#fff;}





.title1 .tit .icon{left:-.1rem;}
.title1 .tit h1{font-size:.38rem;}

.con8{box-sizing: border-box;padding:.38rem .3rem;}


@media screen and (max-width:320px){

}