html,body,div,h1,h2,h3,h4,h5,h6,a,p,b,i,dl,dt,dd,span,pre{
    margin:0;padding:0;
    font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB",
    "Heiti SC","WenQuanYi Micro Hei",sans-serif;
    }
.colorfff{color:#fff;}	
.color3{color:#333;}
.color6{color:#666;}
.color9{color:#999;}
.color255{color:rgba(255,255,255,.7)}
.backgroundfff{background:#fff;}
.backgroundf1{background:#f1f1f1;}
.backgroundf2{background:#F2F2F2;}
.backgroundf4{background:#f4f4f4;}
.backgroundf8{background:#f8f8f8;}
.backgroundfa{background:#fafafa;}
input{box-shadow:none!important;-webkit-appearance: none;}
span,i,b,a{display:inline-block;}
button{background:none;border:0;}
.inlineblock{display:inline-block;}
.block{display:block;}
.none{display:none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.marginauto{margin:0 auto;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.cursor{cursor:pointer;}
.width1180{width:1180px;}
.width1160{width:1160px;}
.bold{font-weight:600;}
i{font-style:normal;}
b{font-weight:normal;}
.bordernone{border:0!important;}
.margin25r{margin-right:25px;}
.margin20t{margin-top:20px;}
.margin15t{margin-top:15px;}
.margin20{margin:20px 0;}
.margin10b{margin-bottom:10px;}
.margin10l{margin-left:10px;}
.underline{text-decoration:underline;}
.padding10tb{
    padding:10px 0;
}
.margin3{
    margin-top:.3rem;
}
.marginp{
    margin:0 auto;
    padding:15px 0;
    text-align:center;
}
.bordernone{
    border:none;
}
.borderright{
    border-right:1px #ebebeb solid; 
}
.borderbtm{
    border-bottom:0!important;
}
.borderrt{
    border-right:0!important;
}
/*index-index*/



/*首页*/
ul.layui-nav{padding:0;}
.login{line-height:60px;color:rgba(255,255,255,.7);position:relative;}
.layui-nav li a:hover{color:#fff;}
.logo{line-height:60px;font-size:1.4rem;}
.logo-img{width:40px;margin:15px 10px 0 0;float:left}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background:#01ADFF;}
.hide-nav-box{
    position:absolute;
    right:0;
    top:60px;
    display:none;
    z-index:999;
}
.menu-bar{
    border:1px rgba(255,255,255,.7) solid;
    width:1.2rem;
    padding:.2rem;
    border-radius:.2rem;
    margin:1.1rem 0 0 1rem;
    cursor:pointer;
    position:absolute;
    right:0px;
    top:-60px;
}
.menu-bar span{
    width:100%;
    height:.1rem;
    background:rgba(255,255,255,.7);
    margin:.1rem 0 .2rem;
}
.hide-nav{
    width:100%;
    display:none;
}
.wepic{
    position:relative;
    z-index:999;
}
.wepic p{
    line-height:25px;
    position:absolute;
    left:5px;
    color:#fff;
    font-size:1rem;
    padding:.5rem;
    background:rgba(0,0,0,.5);
}
.hide-nav-box .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
    background:#01ADFF;
}


/*轮播*/
.bannerbox{
    width:100%;
    height:325px;
}
.banner{
    position:relative;
}
.bannerpic{
    width:100%;
    height:325px;
    position:absolute;
    left:0;
    top:0;
    display:none;
}
.banner1{
    background:url("../images/o-banner.jpg") no-repeat center;
}
.banner2{
    background:url("../images/o-banner1.jpg") no-repeat center;
}



/*index视频*/
.index-content{
    margin:0 auto;
    padding:20px 0;
}
h2{
    font-size:24px;
}
h3{
    font-size:20px;
}
h2 span{
    font-size:14px;
    margin-left:20px;
}

.videolist{
    float:left;
}
.videolist p{
    margin-top:.3rem;
}
.videolist p.title,
.videolist1 p.title{
    color:#000;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:39px;
}
i.kemu{
    color:#fff;
    padding:0 3px;
    border-radius:.2rem;
    margin-right:.3rem;
    font-size:.8rem!important;
    max-width:48px;
    white-space:nowrap;
    overflow:hidden;
    float:left;
}
i.yuwen{
    background:#fc6b6b;
}
i.shuxue{
    background:#54d3ff;
}
i.yingyu{
    background:#f3da02;
}
i.kexue{
    background:#ff855c;
}
i.pinde{
    background:#fa98c3;
}
i.yinyue{
    background:#f2a7e6;
}
i.qita{
    background:#fd445a;
}
i.wuli{
    background:#1bd6ec;
}
i.huaxue{
    background:#0dcdc0;
}
i.shengwu{
    background:#8fd017;
}
i.zhengzhi{
    background:#ff6352;
}
i.lishi{
    background:#f9c82d;
}
i.dili{
    background:#8ca9e5;
}
i.tiyu{
    background:#ffa834;
}
i.meishu{
    background:#3786d3;
}
.videolist p i{
    margin:0 .3rem 0 0;
    font-size:.9rem;
}


/*inforlistbox*/
.inforlistbox .layui-carousel>[carousel-item]>*{
    background:#fff;
}
.inforlist{
    line-height:1.8rem;
    padding:.5rem;
}
.inforlist li{
    border-bottom:1px #eaeaea dashed;
    padding:0 0 .7rem 0; 
    margin:0 0 .7rem 0;
    overflow:hidden;
}




/*index-we*/
.index-we{
    width:100%;
    background:#f2f2f2;
    padding:0 0 20px 0;
}



/*index-user*/
.index-user{
    font-size:.8rem;
    line-height:1.3rem;
}

.index-user p.tip{
    font-size:20px;
    margin-bottom:20px;
}
.index-user span{
    display:block;
    font-size:.7rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

/*footer*/
footer{
    background:#1F2832;
    color:#999!important;
    font-size:.8rem;
    line-height:1.5rem;
}
.footerewm{
    display:block;
    margin:0 auto;
}




/*相关资讯*/
.toppic{
    width:100%;
    height:160px;
}
.toppic1{
    background:url("../images/o-toppic5.png") no-repeat center;
}
.toppic2{
    background:url("../images/o-toppic1.png") no-repeat center;
}
.toppic3{
    background:url("../images/o-toppic2.png") no-repeat center;
}
.toppic4{
    background:url("../images/o-toppic3.png") no-repeat center;
}
.toppic5{
    background:url("../images/o-toppic4.png") no-repeat center;
}
/*.layui-breadcrumb a cite, 
.layui-breadcrumb a span{
    color:#fff!important;
}*/

.news{
    padding:30px 0;
    position:relative;
}
.news-site-tree{
    margin-top:1rem;
}
.news-site-tree .site-tree-noicon{
    line-height:45px;
    background:#fff;
    border-bottom:1px #f0f0f0 solid;
}
.news-site-tree ul a{
    width:100%;
}
.news-site-tree ul a.active,
.news-site-tree ul a.active i{
    color:#01ADFF;
}
.news-site-tree .site-tree-noicon i{
    color:#888;
}
.new-right-box{
    padding:0 2rem;
}
.mainbox{
    padding:1rem;
    background:#f9f9f9;
    margin-bottom:1rem;
}
.mainbox p.title{
    font-size:1rem!important;
    margin-bottom:.5rem;
    color:#333!important;
}
.mainbox p.info{
    color:#666!important;
    font-size:.7rem;
    margin-bottom:.2rem;
    height:3.5rem;
    line-height:1.2rem;
    overflow:hidden;
}
.mainbox p.time{
    color:#999;
    font-size:.7rem;
}
.mainbox img{
    width:100%;
    height:auto;
}
.layui-laypage a,
.layui-laypage a, .layui-laypage span{
    padding:0 12px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background:#01ADFF;

}

/*相关资讯详情*/
.newsdetail{
    background:#F9F9F9;
    padding:1.5rem 1rem;
    font-size:20px;
    text-align:center;
}
.newsdetail p{
    font-size:.7rem;
    color:#999;
    margin-top:.3rem;
}
pre{
    color:#666;
    line-height:25px;
}
.news_mid{
    background:#f9f9f9;
}
.news_mid #main_video{
    margin:0 auto;
    display:block;
}
.news_top{
    background:#F9F9F9;
    padding:15px 20px;
}
.mainbox-main{
    background:#f9f9f9!important;
    padding:0 1rem;
    max-width:100%;
    white-space:pre-wrap;
    word-wrap:break-word;
    word-break:break-all;
}
.mainbox-main img{
    max-width:70%;
    margin:0 auto!important;
    display:block;
    text-indent:0;
}
.mainbox-main p,
.mainbox-main span{
  text-indent:0!important;
}
/*微课工具1*/
.product{
    margin-top:2rem;
}
.productbox{
    margin-top:1.5rem;
}
.productbox p.title{
    margin:0 0 .3rem 0;
    text-align:center;
}

.tools{
    padding-bottom:4rem;
}

/*视频*/
h2.title{
    margin-bottom:1rem;
}
.info{
    font-size:1rem;
    margin-bottom:1rem;
    line-height:1.5rem;
}
.video{
    width:100%;
    height:220px;
    margin:3rem 0 0;
}
.tools .btn a{
    margin-right:.2rem;
}


/*功能特点*/
.feature,
.scene,
.technology{
    margin-top:4rem;
}
.feature hr,
.scene hr,
.technology hr{
    margin:1rem 0 2rem;
}
.featurebox{
    padding:1rem 0;
}
.icon1{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat 0 0;
}
.icon2{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat -88px 0;
}
.icon3{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat 0 -89px;
}
.icon4{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat -89px -89px;
}
.icon5{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat 0 -179px;
}
.icon6{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat  -89px -179px;
}
.icon7{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat 0 -269px;
}
.icon8{
    width:5.5rem;
    height:5.5rem;
    background:url("../images/icon1.png") no-repeat  -89px -269px;
}
.featurebox h3{
    margin-bottom:.6rem;
}
.featurebox p{
    line-height:1.5rem;
    color:#666;
}
/*应用场景*/
.video1{
    width:100%;
    height:100px;
    margin-bottom:1rem;
}
.featurebox p.title{
    font-size:1rem;
    margin-bottom:.5rem;
    color:#333;
}


/*最新程序*/
.download{
    border:2px #eee solid;
    height:auto;
    background:url("../images/o-imgbg.png") no-repeat bottom right;
    padding:1rem .8rem;
}
.download h3 span{
    font-size:.8rem;
    line-height:2.5rem;
    color:#666;
    margin-left:.5rem;
}
.wkblogo{
    display:block;
    margin:2rem auto 0;
    width:50%;
}
.download-tip{
    margin:2rem 0 0 0;
    line-height:1.5rem;
}
.download-btn{
    border:2px #01ADFF solid;
    height:38px;
    line-height:38px;
    display:inline-block;
    padding:0 0 0 10px;
    background:#01ADFF;
    color:#fff;
    cursor:pointer;
    margin:1rem .5rem 0 0;
}
.download-btn span{
    background:#fff;
    margin:0 0 0 10px;
    padding:0 15px;
    color:#333;
}
.gary{
    background:#8B8D7A;
    border:2px #8B8D7A solid;
}
img.anpic{
    width:50%;
    margin:0 0 1.2rem 0;
}
.topic{
    margin-bottom:.5rem;
    color:#333!important;
}


/*常见问题*/
.layui-collapse{
    border:none;
}
.feature .layui-colla-item{
    border:none;
}
.feature .layui-colla-title{
    font-size:1rem;
    background:none;
    border:none;
    padding:0 15px 0 15px;
    height:auto;
}
.feature .layui-colla-content{
    border:none;
    background:#F9F9F9;
}
.feature .layui-colla-icon{
    left:0;
}


/*常用下载*/
.use-download{
    margin-bottom:1rem;
    background:#F9F9F9;
    padding:15px;
}
.use-download .title{
    font-size:16px;
    margin-bottom:.5rem;
    color:#333;
}
.use-download .intro{
    font-size:.7rem;
    color:#666;
    line-height:1.2rem;
}
.detail-p{
    line-height:1.5rem;
    color:#666;
}


/*视频下载*/
.courselist{
    line-height:50px!important;
    background:#f9f9f9;
    height:50px;
    padding:0 10px;
    cursor:pointer;
}
.courselist i{
    margin:2px 15px 0 0;
    float: left;
    font-size:1.3rem
}


/*典型用户*/
.userbox{
    margin-bottom:4rem;
}
.userbox-list{
    margin-top:1rem;
    display:inline-block;
}
.userbox-list li{
    line-height:25px!important;
    height:25px;
    padding:5px;
    width:47%;
    float:left;
    display:inline-block;
    font-size:.7rem;
    color:#666;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}


/*微课平台*/
.wkpt{
    line-height:1.5rem;
}


/*微课样例*/
.example{
    background:#fff;
    border:1px #e2e2e2 solid;
}
.menu-list{
    margin:.5rem 1rem;
    line-height:35px;
    border-bottom:1px #e2e2e2 dashed;
}
.menu-list-title{
    padding:0 10px 0 0;
    float:left;
}
.menu-list-class span{
    padding:0 15px;
    float:left;
}
.menu-list-class-box{
    display:inline-block;
    width:85%;
    line-height:35px;
}
.grade{
    width:100%;
    height:35px;
}
.grade-hide{
    display:none;
}
.grade i,
.grade-hide div i{
    padding:0 15px;
    cursor:pointer;
}
.grade i:hover,
.grade-hide div i:hover{
    color:#01ADFF;
}
.menu-list i.layui-colla-icon{
    left:95%;
    top:3%;
    cursor:pointer;
}
.videobox{
    margin:4rem 0;
}

.example-mobile{
    margin-top:4rem;
    display:none;
}
.example-mobile i.layui-colla-icon{
    position:absolute;
    left:90%!important;
    top:15px;
}
.navright-layui-row1{
    height:12rem;
    border:1px #ebebeb solid;
    border-top:0;
    display:none;
}
.navright-layui-row1 div{
    height:3rem;
    text-align:center;
    line-height:3rem;
    border-bottom:1px #ebebeb solid;
    border-right:1px #ebebeb solid;
}
.navright-layui-row1 div.active{
    background:#01ADFF;
    color:#fff;
}











/*典型用户*/

.userbox1 li{
    font-size:16px;
}
.userbox1 .userbox-list li{
    width:32%;
    line-height:35px!important;height:35px;
}
.float-playbox i{
    position:absolute;
    left:30%;
    top:43%;
    color:#fff;
    font-size:4rem;
    cursor:pointer;
}
.float-playbox i.float-play1{
    top:30%;
}
.float-playbox i:hover{
    color:#FF0046;
}






/**/
.autoheight{
  width:100%;
  height:2px;
  overflow:hidden;
  clear:both;
}

.mainBox11{
  width:800px;
  margin:0 auto;
}

.pc_web_title{
  width:100%;
  height:100px;
  line-height:100px;
  font-size:30px;
  text-align:center;
}

.pc_banner{
  width:100%;
  height:300px;
  background:url("../images/banner.jpg");
}

.pc_des{
  width:100%;
  margin:20px 0;
  height:90px;
  line-height:30px;
  font-size:18px;
  text-indent:2rem
}

.fs_main{
  width:100%;
  height:284px;
}

.pc_fx{
  width:372px;
  height:284px;
  float:left;
  background:url("../images/ljfs.png");
  position:relative;
}

.pc_fx_1{
  width:372px;
  height:284px;
  float:right;
  background:url("../images/yyfs.png");
  position:relative;
}

.fx_text{
  width:100%;
  height:40px;
  line-height:40px;
  text-align:center;
  font-size:18px;
  position:absolute;
  bottom:10px;
  left:0;
  color:#fff;
}

.pc_bt_fg{
  width:100%;
  height:40px;
  background:url("../images/bt_fg.png");
  margin:40px auto;
}

.pc_video_main{
  width:558px;
  height:297px;
  margin:0 auto;
  background:url("../images/video_bg_main.png");
  padding:20px 0 0 18px;
}

.pc_cj_video{
  width:745px;
  height:665px;
  margin:120px auto;
  background:url("../images/cj_video_bg.png");
  position:relative;
}

.pc_cj_video_1{
  width:335px;
  height:60px;
  line-height:27px;
  position:absolute;
  left:35px;
  top:230px;
  z-index:10;
  color:#fff;
}

.pc_cj_video_2{
  width:235px;
  height:60px;
  line-height:27px;
  position:absolute;
  right:0;
  top:230px;
  color:#fff;
}

.pc_cj_video_3{
  width:335px;
  height:60px;
  line-height:27px;
  position:absolute;
  left:35px;
  top:360px;
  color:#fff;
}

.pc_cj_video_4{
  width:235px;
  height:60px;
  line-height:27px;
  position:absolute;
  top:360px;
  right:0;
  color:#fff;
}

.pc_cj_video_1_play{
  width:300px;
  height:190px;
  position:absolute;
  left:20px;
  top:20px;
}

.pc_cj_video_2_play{
  width:300px;
  height:190px;
  position:absolute;
  right:20px;
  top:20px;
}

.pc_cj_video_3_play{
  width:300px;
  height:190px;
  position:absolute;
  left:20px;
  bottom:25px;
}

.pc_cj_video_4_play{
  width:300px;
  height:190px;
  position:absolute;
  right:20px;
  bottom:25px;
}

.pc_bt_fg_1{
  width:100%;
  height:40px;
  background:url("../images/bt_fg_1.png");
  margin:40px auto;
}

.pc_td_bg{
  width:100%;
  height:1172px;
  background:url("../images/td_bg.png");
  overflow:hidden;

}

.pc_td_1{
  width:735px;
  height:230px;
  margin:0 auto;
  position:relative;
  clear:both;
}

.pc_td_1_box{
  width:200px;
  height:200px;
  position:absolute;
  left:20px;
  top:25px;
}

.pc_td_2_box{
  width:200px;
  height:200px;
  position:absolute;
  left:265px;
  top:25px;
}

.pc_td_3_box{
  width:200px;
  height:200px;
  position:absolute;
  left:515px;
  top:25px;
}

.pc_td_1_box_title{
  width:100%;
  height:35px;
  line-height:35px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
}

.pc_td_1_box_con{
  width:100%;
  height:170px;
  line-height:25px;
}

.pc_td_color{
  color:#fff;
}

.pc_bt_fg_2{
  width:100%;
  height:40px;
  background:url("../images/bt_fg_2.png");
  margin:40px auto;
}

.pc_jj_box{
  width:800px;
  height:608px;
  overflow:hidden;
  background:url("../images/jj_bg.png");
}

.pc_jj_item_box_main{
  width:755px;
  height:205px;
  margin:0 0 0 15px;
  position:relative;
}

.pc_jj_item_box_1{
  width:160px;
  height:165px;
  position:absolute;
  left:-2px;
  top:15px;
}

.pc_jj_item_box_2{
  width:160px;
  height:165px;
  position:absolute;
  left:200px;
  top:15px;
}

.pc_jj_item_box_3{
  width:160px;
  height:165px;
  position:absolute;
  left:402px;
  top:15px;
}

.pc_jj_item_box_4{
  width:160px;
  height:165px;
  position:absolute;
  left:602px;
  top:15px;
}

.pc_jj_item_box_title{
  width:100%;
  height:45px;
  line-height:45px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.pc_jj_item_box_con{
  width:100%;
  height:85px;
  overflow:hidden;
  line-height:25px;
}

.pc_jj_item_box_btn{
  width:80px;
  height:35px;
  text-align:center;
  line-height:35px;
  margin:0 auto;
  background:#41bf56;
  border-radius:8px;
}

.link_bg_white{
  background:#fff;
}

.link_bg_blue{
  background:#1e9fff;
}
.pc_bt_fg_33{
    width:100%;
    height:40px;
    background:url("../images/bt_fg_33.png");
    margin:40px auto;
}
.pc_bt_fg_3{
  width:100%;
  height:40px;
  background:url("../images/bt_fg_3.png");
  margin:40px auto;
}
.pc_zzzs_box1{
    width: 100%;
    height: 100%;
    background: url(../images/zzzz.png) no-repeat;
    background-size: 100%;
}
.pc_zzzs_box{
  width:800px;
  height:255px;
  background:url("../images/zzzs.png");
}

.pc_sh_bg{
  width:800px;
  height:775px;
  margin:30px auto;
  background:url("../images/shfw_bg.png?v=1");
}

.zixunbox{
  width:150px;
  height:139px;
  overflow:hidden;
  position:fixed;
  right:0;
  bottom:100px;
  background:url("../images/zixun.png")
}

.zixungoumai{
  width:80px;
  height:30px;
  line-height:30px;
  position:absolute;
  left:40px;
  top:100px;
}


/*改版*/
.v1edit{
  background:#fff;
  padding:30px 25px;
  border-radius:5px;
}
.v2edit{
  background:#fff;
  width:840px;
  margin:0 0 0 30px;
  border-radius:5px;
}
.v2edit .new-right-box{
  padding:0;
}
@media screen and (min-width: 768px){
    .layui-container {
        width:auto;
    }
    span.breadcrumb{
        padding-top:20px;
    }
    .mainbox pre img{
        width:70%;
        margin:0 auto;
        display:block;
    }
    .wepic p{
        bottom:0;
        width:91%;
    }
    .pc-video1 .video{
        height:190px;
    }
    .pc-video1 .video img{
        height:190px;
        width:280px!important;
    }
    .pc-video1 .video1{
        height:190px;
    }
    .pc-video1 .video1 img{
        height:190px;
        width:260px!important;
    }
    .pc-video1 p{
        padding:2rem 2rem 0;
    }
    .pc-video1 p.title{
        font-size:1.5rem;
    }
    .videolist1{
        width:200px;
    }
    
    
}
@media screen and (min-width: 1160px){
    .all-nav .layui-container{
        margin:0 auto;
        width:1160px;
    }
    .index-content{
        width:1160px;
        margin:0 auto;
        padding:50px 0;
    }
    span.breadcrumb{
        width:1120px;
        margin:0 auto;
        display:block;
        padding-top:20px;
    }
    .news{
        width:1160px;
        margin:0 auto;
    }
}
@media screen and (max-width: 768px){

    .top-nav{display:none;}
    .hide-nav-box{display:block;}
    .bannerpic,.bannerbox{height:200px}
    .banner1{
        background:url("../images/o-banner2.jpg") no-repeat top center;
        background-size:100%;
    }
    .banner2{
        background:url("../images/o-banner3.jpg") no-repeat top center;
        background-size:100%;
    }
    .videolist p{
        font-size:.8rem;
    }
    .toppic{
        height:100px;
    }
    .toppic1{
        background:url("../images/o-toppic.png") no-repeat top center;
    }
    span.breadcrumb{
        padding-top:20px;
    }
    .news-site-tree{
        display:none;
    }
    .new-right-box{
        padding:0;
    }
    .news h2.h2-hide{
        display:none;
    }
    .video{
        height:27%;
    }
    .wkblogo{
        margin:2rem auto 0;
        width:30%;
    }
    .download{
        background:url("../images/o-imgbg.png") no-repeat bottom bottom;
        background-size:40%;
    }
    img.anpic{
        width:100%;
    }
    .courselist{
        font-size:.8rem;
        padding:0 5px;
    }
    .courselist i{
        margin:0 5px 0 0;
        float: left;
    }
    .wkpt{
        margin-top:2rem;
    }
    .example{
        margin-top:4rem;
        display:none;
    }
    .example-mobile{
        display:block;
    }
    .userbox1-mobile{
        margin-top:4rem;
    }
    .userbox1 li{
        font-size:.7rem;
    }
    .userbox1 .userbox-list li{
        width:47%;
        line-height:25px!important;height:25px;
    }
    .wepic p{
        bottom:50px;
        width:92%;
    }
    .pc-video1 .video{
        height:160px;
    }
    .pc-video1 .video img{
        height:160px;
        width:100%;
    }
    .pc-video1 .video1{
        height:100px;
    }
    .pc-video1 .video1 img{
        height:100px;
        width:100%;
    }
    .float-playbox i{
        position:absolute;
        left:40%;
        top:48%;
        color:#fff;
        font-size:2.5rem;
        cursor:pointer;
    }
    .float-playbox i.float-play1{
        top:30%;
        left:38%;
    }
    


}
@media screen and (min-width: 889px){
   .userbox-list li{
        width:30%;
    } 
}


@media screen and (min-width: 796px) and (max-width:888px){
    .layui-nav .layui-nav-item a{padding:0 12px!important;}
    span.breadcrumb{
        padding-top:20px;
    }
    .download-tip{
        margin:0rem 0 0 0;
    }
    .userbox-list li{
        width:40%;
    }
}
@media screen and (min-width: 769px) and (max-width:795px){
    .layui-nav .layui-nav-item a{padding:0 12px!important;}
    span.breadcrumb{
        padding-top:20px;
    }
    .download-tip{
        margin:0rem 0 0 0;
    }
    .userbox-list li{
        width:40%;
    }
}
@media screen and (min-width: 320px) and (max-width:628px){
    .bannerpic,.bannerbox{height:120px}
    .video{
        height:10rem;
    }
     .news{
        padding:0;
    }
    .pc-video1 .video{
        height:140px;
    }
    .pc-video1 .video img{
        height:140px;
        width:100%;
    }
}

@media screen and (width:768px){
    .product{
        margin-top:0;
    }
    .download-tip{
        margin:0rem 0 0 0;
    }
}
@media screen and (width: 320px){
    .courselist i{
        display:none;
    }
    .userbox-list li{
        width:96%;
    }
}