@charset "utf-8";
/* CSS Document */
html,body{ font-family:Microsoft Yahei,Arial;overflow-x: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
.content{width:100%;}
.main{ width:960px; margin:0 auto;}
.clearfix:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
.white_bg{background: #fff;}
.grey_bg{background: #f7f5f6;}
.padcommon{padding: 50px 0;}

body{ padding-top: 64px;}
.topheader{ position: fixed; top: 0; left: 0; z-index: 99999; transform: translate(0,-100%); transition: all 0.4s ease;}
.topheader.slider{ transform: translate(0,0);}
.header{ background:#000;}
.navzone{ padding:5px 0px; background:#ffffff; box-shadow: 1px 1px 4px rgba(0,0,0,0.3);}
.nav_z{ padding:12px 0px;  }
.nav{ height:38px; position:relative;}
.tname{ padding-top:0px; margin-right:50px;}
.navs{ float:right; height:38px;}
.navs ul li:first-child:before{ content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; left: -30px;  background:url(../images/common/line.jpg) left center no-repeat; display: none;}
.navs ul li { float:left; padding-right:26px; background:url(../images/common/line.jpg) right center no-repeat; margin-right:26px; position: relative;}
.navs ul li:last-child{padding-right:0px; margin-right:0px; background:none;}
.navs ul li a{ display:block; position: relative; height:38px; line-height:38px; color:#000000; font-size:18px; background:url(../images/common/n_bg.jpg) -150px 0px  no-repeat; transition: background 0.6s ease;}
.navs ul li a:hover{ background:url(../images/common/n_bg.jpg) 0px 0px no-repeat;}
.navs ul li a.active{ background:url(../images/common/n_bg.jpg) 0px 0px no-repeat;}
.navs ul li .icon{ background:none;}
.navs ul li .icon:before{ background:none;}
.navs ul li .icon:hover{ background:none;}
.navs ul li .icon.active{ background:none;}

.mobile_header{ display: none;}

.nav_m,.nav_cafe{ position: relative;}
.line_header{ width: 100%; height: 5px; position: absolute; top: 0; left: 0;}

.headercont{ width: 1210px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.pro_support_icon{ position: relative; top: 6px; margin-right: 8px; }

/* flexslider */
/*.kv{ padding-bottom:20px;}*/
.flexslider{position:relative;overflow:hidden;background:url(../images/common/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; width:100%;}

.flex-control-nav{position: absolute; bottom: 18px;left: 0;z-index:2;width:100%;text-align:center;  height:10px; margin-bottom:0;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 10px;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;overflow:hidden;cursor:pointer; background:#4d4d4d; vertical-align:top;border-radius: 50%;text-indent: -9999px;}
.flex-control-nav .flex-active{background:#fff;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
/*.flex-direction-nav li a{display:block;width:34px;height:66px;overflow:hidden;cursor:pointer;position:absolute;}*/
/*.new_box .flex-next{ background:url(../images/index/rightbar.png) no-repeat; z-index:99; right:-71px; top:50%; margin-top:-35px;}
.new_box .flex-prev{ background:url(../images/index/leftbar.png) no-repeat; z-index:99; left:-71px; top:50%; margin-top:-35px;}*/
.flex-direction-nav li a {
    display: block;
    width: 11px;
    height: 21px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}
.flex-direction-nav li a.flex-prev{
    background: url(../images/index/prevbtn.png) no-repeat;
    top: 0;left: 24%;
}
.flex-direction-nav li a.flex-next{
    background: url(../images/index/nextbtn.png) no-repeat;
    top: 0;right: 24%;
}

.flexslider img{ width:100%; max-width:1920px;}
.txt_flex{position:relative;z-index:2;width:100%;text-align:center; margin:0 auto; overflow:hidden;}
.txt_flex ul { width:90%; /*margin:0 auto;*/}
.txt_flex li{display:inline-block;width:32%;margin:0 5px 0 0; margin-top:10px; color:#6b6b6b; text-align:left; padding-bottom:6px; border-bottom:5px solid #9c9c9c; cursor:pointer;}
.txt_flex li.flex-active{ color:#000000;border-bottom:5px solid #ba3524;}
.slides li{  background-position:center center; background-repeat:no-repeat; margin-right:0;}
.slides li a{ display:inline-block; width:100%; height:100%;}
.s_zone{ display:none;}
.zk{ display:none;}
.fixed{ position:fixed; left:0; top:0; z-index:99;}


.h3_title{width: 100%;text-align: center;}
.h3_title span{color: #2e2e2e;font-size: 36px;line-height: 1;padding-bottom: 12px; border-bottom: 1px solid #b5b5b5;position: relative;display: inline-block;}
.h3_title span:after{content: "";width: 48px;height: 3px;background: #af1702;display: block;position: absolute;left: 50%;bottom: -1px;margin-left: -24px;}

#a_bottom{width:100%; background:#000;}
#a_bottom .box{ width:960px;  margin:0 auto; overflow:hidden;}
#a_bottom .box .p30{width:960px; height:30px; line-height:30px; text-align:left; color:#696969; font-size:12px;}
#a_bottom .box .p50{width:960px; height:50px; overflow:hidden; line-height:50px;}
#a_bottom .box .p40{width:960px; height:24px; text-align:center; color:#696969; font-size:12px;}
#a_bottom .bottomtest{ padding:10px 0;}
#a_bottom .box .p50 a{ float:left; color:#fff; font-size:12px; display:block; margin-right:20px;}
#a_bottom .box .p50 a:hover{ color:#fff; text-decoration:underline;}
#a_bottom .box .p50 span{ float:right; color:#fff; font-size:12px;}

#a_bottom .box .p30 a{ color:#696969; text-decoration:underline;}
#a_bottom .box .p30 a:hover{ color:#696969;}

.mobile_top{ display:none;}

.bottombanner{ width:1580px; content:""; display:table; clear:both; margin:0 auto; overflow:hidden;}
.bottombanner li{width:784px;}
.bottombanner li img{ width:100%;}
.bottombanner li a{ display:block;}
.bottombanner .fl{ float:left;}
.bottombanner .fr{ float:right;}
.bottombannerc{padding-top: 30px;}
.bmbanners{ width: 100%; }
.bmbanners img{ width: 100%; }


.info{ width:100%; text-align:center; font-size:18px; color:#272727; padding-top:20px; font-style:normal;}

.flex-active .kvtest{ color:#000000;}
.kvtest{ font-size:18px; color:#6b6b6b;}
.kvtest span{ font-weight:bold;}




.new_hot{width:100%; position:relative;}
.new_hot h3{height:41px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg.jpg) repeat-x;}

.line_act{width:100%; background:#ffffff; height:945px; padding:50px 0 0 0; position:relative;}
.line_act h3{height:41px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg1.jpg) repeat-x;}	

	
.hot_box{ position:relative; width:1562px; margin:0 auto; padding:35px 0 10px 0;}
.hot_ul{width:1582px;}
.hot_ul li{width:382px; float:left; border:2px solid #e7e7e7; margin-right:10px; position:relative;margin-bottom: 16px; box-sizing: border-box; }
.hot_ul li:hover{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);}

.hot_box1{ position:relative; width:1582px; margin:0 auto; padding:20px 0 10px 0;background: #f6f6f6;}
.hot_ul1{width:1582px;}
.hot_ul1 li{width:388px; float:left; margin-right:10px; position:relative;margin-bottom: 16px;background: #fff; box-sizing: border-box;border: 1px solid #eeecec;border-radius: 14px; }
.hot_ul1 li:hover{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);}
.hot_ul1 li:nth-child(4n){ margin-right: 0; }
.hot_ul1 .onlineClass{ width:386px; float:left; margin-right:10px !important; position:relative;margin-bottom: 10px; box-sizing: border-box;border: none; }
.hot_ul1 .onlineClass:hover{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);}
.hot_ul1 .onlineClass:nth-child(4n){ margin-right: 0 !important; }
.hot_ul2{width:1582px;}
.hot_ul2 li{width:390px; float:left; margin-right:10px; position:relative;margin-bottom: 16px; box-sizing: border-box;border: none; }
.hot_ul2 li:hover{ box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);}
.hot_ul2 li:nth-child(3n){ margin-right: 0; }

/*.search_wrap{  }*/

.video_sectitle_search{ position: relative;width: 18px;height: 16px;cursor: pointer; }
.video_sectitle_search img{ position: absolute;top: 2px;left: 4px; }
.search_cover{ width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 99999;background: rgba(0, 0, 0, 0.6); }
.search_close{ width: 100%;height: 100vh;position: absolute;top: 0;left: 0;z-index: 0; }
.search_bg{ width: 100%;height: 76px;background: #000;position: absolute;top: 0;left: 0;z-index: 0; }
.search_wrap{ width: 18%;height: 28px;border: 1px solid #fff;border-radius: 17px;margin-top: -13px;position: relative; }
.search_wrap .search{ font-size: 14px;width: 80%;    height: 25px;line-height: 25px;text-indent: 19px;float: left;border: none;background: none;color: #fff; }
.search_wrap .search_icon{ width: 28px;height: 28px;float: right;margin-right: 14px;cursor: pointer; }
.search_wrap .search_icon img{ width: 100%; }
.search_wrap input:focus { border: none;outline: 0;border-width: none; }

.search_wrap input:-internal-autofill-previewed,
.search_wrap input:-internal-autofill-selected {
    -webkit-text-fill-color: #807c7c;
    transition: background-color 5000s ease-out 0.5s;
}

.search_hot{ width: calc(100% - 12px);height: auto;border-radius: 6px;background: #f6f6f6;position: absolute;top: 104%;left: 8px;z-index: 2;padding: 0px 0px; border-top-left-radius: 0;border-top-right-radius: 0;}
.search_hot .search_hot_item{     width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding: 0 4.5%;
    cursor: pointer;
    font-size: 12px;
    box-sizing: border-box;}


.search_hot .search_hot_item:hover{background: #52b4e7;}
.search_hot_item .search_hot_words{ font-size: 14px;color: #000; }
.search_hot_item .search_hot_icon{ width: 22px;height: 26px;margin-top: 11px; }

.horn{ width: 1582px;height: 16px;line-height: 16px;margin: 18px auto 0; }
.horn .horn_icon{ width: 14px;height: 14px;line-height: 0;float: left;margin-top: 1px;margin-right: 6px; }
.horn .horn_icon img{ width: 100%; }
.horn .horn_word_wrap{ width: 70%;height: 16px;float: left;color: #000;font-size: 14px;overflow: hidden; }
.horn .horn_word{ width: auto;height: 18px;line-height: 18px;float: left;color: #000;font-size: 14px;text-indent: 5px;white-space: nowrap; }

.label_wrap{ width: 1582px; box-shadow: 0px 0px 4px 3px #ececec;background: #f6f6f6;margin: 18px auto 0px;padding-top: 3px;font-size: 20px;border-radius: 4px; }
.label_wrap .label{ width: calc(100% - 28px);overflow: hidden;border-bottom: 1px solid #686868;position: relative;margin: 0 auto; }
.label_wrap .label .label_title{ float: left;width: 103px; }
.label_wrap .label .label_icon{ float: left;width: 40px; }
.label_wrap .label .label_icon img{ width: 100%; }
.label_wrap .label .label_t{ float: left;width: 63px;line-height: 38px;color: #000;text-align: center;font-size: 16px; }
.label_wrap .equipment{ width: 100%;overflow: hidden;position: relative; }
.label_wrap .equipment .equipment_title{ float: left;width: 103px;margin-left: 14px; }
.label_wrap .equipment .equipment_icon{ float: left;width: 40px; }
.label_wrap .equipment .equipment_icon img{ width: 100%; }
.label_wrap .equipment .equipment_t{ float: left;width: 63px;line-height: 38px;color: #000;text-align: center;font-size: 16px; }
.label_wrap .label_i,.label_wrap .equipment_i,.label_wrap .equipment_ul{ width: calc(100% - 180px);float: left;overflow: hidden;margin-top: 6px;margin-left: 4px; }
.label_wrap .label_i .act,.label_wrap .equipment_i .act,.label_wrap .equipment_ul .act{ background: #dddddd;border-radius: 5px; }
.label_wrap .label_i li,.label_wrap .equipment_i li,.label_wrap .equipment_ul li{ font-size: 13px;height: 20px;border-radius: 4px;text-align: center;line-height: 20px;margin: 4px 4px;float: left;color: #000;padding: 0 12px;cursor: pointer; }
.label_wrap .equipment_ul li{
    height: 26px;
    margin-bottom: 0;
    line-height: 25px;
}
.label_wrap .label_i .act{
    background: #52b4e7;
    border-radius: 5px;
}
.label_wrap .equipment_i .act{
    /*border: 2px solid #52b4e7;*/
    /*margin: 2px 2px;*/
    color: #000;
}


.hot_ul li .list_box{width:100%;padding-bottom: 20px;}
.hot_ul li .list_box1{width:100%;padding-bottom: 20px;}
.hot_ul li a{position: relative;display: block;}
.list_box .box_shadow,.list_box1 .box_shadow{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgb(0,0,0,0.6);display: block;}
.list_box .box_shadow .cell_dis,.list_box1 .box_shadow .cell_dis{width: 52px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*.list_box .box_shadow .cell_dis img{width: 52px;}*/
.list_box h2,.list_box1 h2{width:140px; height:40px; background:#af1602; font-size:22px; color:#FFF; font-weight:normal; text-align:center; line-height:40px; position:absolute; left:0; top:0;}
.list_box .gxsj,.list_box1 .gxsj{ padding:12px 0 0px 12px; height:20px; font-size:16px; color:#da1111; }
.list_box .p1,.list_box1 .p1{ padding:10px 0 0 12px; height:70px; font-size:20px; color:#2c2c2c; line-height:30px; margin-bottom: 20px; width: 94%;}
.list_box img,.list_box1 img{ margin:0 auto;width: 100%;}
.list_box .p2,.list_box1 .p2{width:458px; padding:15px 30px 15px 30px; height:72px; font-size:16px; color:#666666; line-height:24px;}
.list_box .p2 span,.list_box1 .p2 span{color:#2b2b2b; line-height:30px;}
.list_box .p3,.list_box1 .p3{width:458px; padding:15px 30px 15px 30px; height:90px; font-size:16px; color:#666666; line-height:24px;}
.list_box .btn,.list_box1 .btn{width:125px; height:31px; text-align:center; line-height:31px; font-size:16px; color:#2b2b2b;margin-left: 12px; display:block; border:1px solid #7c7c7c;}

.list_box1 .activityPic{ width: 100%;height: 292px;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden; }
.list_box1 .activityPic img{ width: 100%; }
.creator_v .activityTitle{ width: 100%;margin: 10px auto 6px;color: #fff;font-size: 16px;text-indent: 5%;position: absolute;left: 0;bottom: 0px;font-weight: bold;line-height: 20px;height: 20px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
.creator_d .activityBottom{ width: 100%;margin: 8px auto;color: #000;overflow: hidden; }
.creator_d .activityBottom .activityTime{ width: calc(100% - 60px);line-height: 25px;font-size: 13px;float: left; }
.creator_d .activityBottom .activityBtn{ width: 60px;height: 25px;line-height: 25px;font-size: 14px;float: right;text-align: center;background: #52b4e7;border-radius: 8px;cursor: pointer; }
.creator_d .activityBottom .act{ background: gray; }

.hot_more{ position:relative; width:510px; border:2px solid #e7e7e7; margin:0 auto; text-align:center; overflow:hidden; box-sizing:border-box;}
.hot_more:after{ width:100%; height:2px; content:""; position:absolute; left:0; bottom:0; background:#af1602; opacity:0; transition: all 0.5s ease;display:none;}
.hot_more:hover:after{ opacity:1;display:block;}
.hot_more a{width: 100%;text-align: center;line-height: 100%;color: #202020;font-size: 20px;display: block; padding:15px 0 15px 0;}


.video_sectitle{ text-align: center; padding:20px 0;}
.video_sectitle>a{ position: relative; color: #a8a8a8; font-size: 20px; margin: 0 30px;}
.video_sectitle>a.act{ color: #fff;}
.video_sectitle>a.act:after{ content:""; display: block; background: url(../images/index/nav_bottom.png) no-repeat center; background-size: 100% 100%; width: 83px; height: 9px; position: absolute; bottom: -12px; left: 50%; transform: translate(-50%,0);}

.user_sectitle{ text-align: center; padding:30px 0 0 0;}
.user_sectitle>a{ position: relative; color: #a8a8a8; font-size: 20px; margin: 0 30px;}
.user_sectitle>a.act{ color: #fff;}
.user_sectitle>a.act:after{ content:""; display: block; background: url(../images/index/nav_bottom.png) no-repeat center; background-size: 100% 100%; width: 83px; height: 9px; position: absolute; bottom: -12px; left: 50%; transform: translate(-50%,0);}

.new_act .hot_ul li{ border: none; background: #fff;}
.video_taople{ padding:18px 12px 0; display: flex; justify-content:space-between; position: relative;}
.video_tati{ font-size: 20px; color: #fff; width: 80%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.video_path{ font-size: 16px; border:1px #52b4e7 solid; color: #52b4e7; padding:0 8px;}
.video_descs{ font-size: 16px; color: #7d7d7d; padding:0 12px; height: 50px;}

.list_box .info,.list_box1 .info{ height: 37px;width: auto;margin: 12px auto 0 15px;padding: 0; }
.list_box .info .avatar,.list_box1 .info .avatar{ height: 37px;width: 37px;border-radius: 37px;overflow: hidden;float: left; }
.list_box .info .avatar img,.list_box1 .info .avatar img{ width: 100%;height: 100%;object-fit: cover; }
.list_box .info .name,.list_box1 .info .name{ float: left;height: 37px;max-width: 150px;font-size: 14px; color: #fff;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;text-align: left;line-height: 37px;text-indent: 10px; }
.video_describe{  color: #fff; padding:0 15px;height: 40px;line-height: 40px;font-size: 16px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.onlineClassTitle{ border-bottom: 2px solid #484848;height: 38px;display: inline-block;width: 100%;font-weight: bold;font-size: 18px;color: #000; }
.hot_ul2 li .video_describe{ height: 44px;line-height: 44px; }
.video_label_wrap{ width: 100%;height: 59px;display: flex;justify-content:space-between; }
.video_label_wrap .video_label_title{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-break: break-all; }
.video_label_wrap .video_label_num{ position: absolute;top: 78px;left: 0;font-size: 12px; }
.video_equipment{ font-size: 14px; color: #fff; padding:0 15px; line-height: 20px;margin: 14px 0;     padding-top: 5px;}
.video_equipment span{ font-size: 12px; color: #52b4e7;margin: 3px 5px 3px 5px;
    display: inline-block; }
.video_label_t{ font-size: 12px; color: #52b4e7;display: flex; justify-content:flex-start;margin: 14px 17px 14px 0;height: 20px;line-height: 17.5px; padding-top:2px; }
.video_label_t>div{ border: 1px solid #52b4e7;padding: 0 12px;margin-left: 10px;border-radius: 4px; }
.video_label_t div:nth-child(1){ margin-left: 15px; }
.video_line{ width: calc(100% - 34px);height: 1px;margin: 0 auto 12px;background: #999999; }
.video_operation{ width: calc(100% - 34px);height: 35px;font-size: 16px;color: #fff;margin: 0 auto 20px;line-height: 35px; }
.video_share,.video_comments,.video_like,.video_collection{ width: auto;height: 35px;margin-right: 18px; }
.video_share .share_icon,.video_comments .comments_icon,.video_like .like_icon,.video_collection .collection_icon{ width: 18px;height:30px;margin-right: 5px;float: left;cursor: pointer; }
.video_share .share_icon img,.video_comments .comments_icon img,.video_like .like_icon img,.video_collection .collection_icon img{ width: 100%; }
.video_operation .video_share .share_num,.video_operation .video_comments .comments_num,.video_operation .video_like .like_num,.video_operation .video_collection .collection_num{ width: auto;
    height: 20px;
    float: left;
    font-size: 14px;
    line-height: 30px;
}


.bottom_kv{width:1578px; height:353px; margin:0 auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:789px; float:left;}
.bottom_kv .box1{width:789px; float:left;}
.bottom_kv .box p{width:789px; text-align:center; line-height:24px; font-size:16px; color:#666666; padding:80px 0 25px 0; font-size:30px; line-height:50px;}
.bottom_kv .box p span{ font-size:22px;}
.bottom_kv .box a{width:220px; height:60px; margin:0 auto; text-align:center; line-height:60px; font-size:30px; color:#FFF; display:block; background:#000;}


.black_bg{ background: #000;}
.sips_banner{ width: 100%; padding:40px 0 50px 0;}
.sipsservie .h3_title{ padding-top: 10px;}
.sipsservie .h3_title span{ color: #fff; border-bottom: #848484 1px solid;}

.tjboxer{ display: flex; justify-content: space-between;}
.tjboxer>div{ margin:0 1.5vw; overflow: hidden;}
.tjboxer a{ display: block;}
.tjboxer>div img{ transition: all 0.4s ease; transform: scale(1.0); display: block;}
.tjboxer>div:hover img{ transform: scale(1.04);}


.new_act{width:100%; background:#f7f5f6; padding:50px 0;}
.new_act h3{height:41px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg1.jpg) repeat-x;}
.new_box{ width:860px; margin:0 auto; padding:40px 0px 30px 0px;  position:relative;}
.list_cont { margin-bottom:30px; width:100%; border:2px solid #e7e7e7; position:relative; box-sizing:border-box; background:rgba(255,255,255,1);}
.list_cont:before{ width:100%; height:5px; content:""; position:absolute; left:0; bottom:0; background:#af1602; opacity:0; transition: all 0.5s ease;display:none; z-index:3;}
.list_cont:hover:before{ opacity:1;display:block;}



.list_cont .left_a{ width:412px; float:left;}
.list_cont .left_a img{ vertical-align:top;}

.list_cont .left_b{ width:390px; float:left; padding:0 10px 20px 44px;}
.list_cont .left_b .tit{ padding-top:25px; color:#af1602; font-size:20px;}
.list_cont .left_b .n{ padding-top:15px; color:#454545; font-size:28px; }
.list_cont .left_b .des{ padding-top:15px; color:#666666; font-size:16px; line-height:22px; min-height:44px;}
.list_cont .left_b .more{ padding-top:24px; color:#454545; font-size:20px; }
.list_cont .left_b .more a{ color:#454545; font-size:20px;} 


.new_lec{width:100%; }
.new_lec h3{height:41px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg2.jpg) repeat-x;}
.new_lec_box{ width:960px; margin:0 auto; padding:35px 0px 0 0px; }
.new_lec_box ul li { margin-bottom:20px; width:100%; border:2px solid #e6e6e6; position:relative; box-sizing:border-box;}
.new_lec_box li:hover{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); }



.new_lec_box ul li .left_a{ width:495px; float:right; position:relative; display:inline-block;}
.new_lec_box ul li .left_a img{ vertical-align:top;}

.new_lec_box ul li .left_b{ width:350px; float:left; margin-left:44px;}
.new_lec_box ul li .left_b .tit{ padding-top:25px; color:#af1602; font-size:16px;}
.new_lec_box ul li .left_b .n{ padding-top:15px; color:#2c2c2c; font-size:32px; }
.new_lec_box ul li .left_b .des{ padding-top:15px; color:#555555; font-size:16px; line-height:22px; min-height:44px; }
.new_lec_box ul li .left_b .more{ margin-top:24px; color:#2b2b2b; font-size:16px; width: 125px;height: 31px;border: 1px solid #7c7c7c;text-align: center;line-height: 31px;}
.new_lec_box ul li .left_b .more a{ color:#454545; font-size:20px;} 
.acfe{ vertical-align:middle ; padding:0 6px; }
.new_lec_box ul li .left_b .type{color: #fff;font-size: 16px;text-align: center;line-height: 27px;width: 86px;height: 27px;background: #af1702;margin-top: 20px;}



.new_filter{width:100%;}
.new_filter h3{height:41px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg3.jpg) repeat-x;}

.maincontent{ width:1580px; margin:0 auto; padding-top:50px; padding-bottom:70px;}
.viewpicture{  clear:both; display:block; overflow:hidden; }
.viewpicture img{ display:block;}
.viewpicture ul{ width:1592px; overflow:hidden;}
.viewpicture li{ float:left; margin-right:11px;}
.bz{ font-size:16px; color:#af1602; text-decoration:none; margin-top:5px; margin-bottom:10px;}
.bz span{ color:#4e4e4e; text-decoration:underline;}
.bz span a{color:#4e4e4e; text-decoration:underline;}


.viewpicture .backing1{ padding:0 143px; background:#efefef;}
.viewpicture .backing2{ padding:0 243px; background:#efefef;}
.viewpicture img{ width:100%;}
.sitem{ }
.bitem{ width:785px; height:448px; overflow:hidden; position:relative; }
.bitem a.more_f{ display:block; width:31%; position:absolute; right:0; bottom:10%;}


.item1{ width:387px; height:219px; overflow:hidden;}
.pd11{margin-bottom:10px;}
.pr11{margin-right:11px;}
.bitem1{ width:586px; height:448px ; overflow:hidden; }
.sitem1{  }

.bitem2{ width:782px; height:448px; overflow:hidden; }
.sitem2{ width:786px; }
.sitem2 .item1{ float:left; }



.logs{ width:860px;border:1px solid #e7e7e7; position:relative; box-sizing:border-box; margin:0 auto; padding-top: 20px;}
.logs h3{height:32px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg4.jpg) repeat-x;}
.log_content{ width:834px; margin:0 auto; height:270px; overflow:hidden; margin-top:20px; margin-bottom: 20px;}


.log_content ul li{ color:#666666; font-size:16px; line-height:28px; width:800px; padding-bottom:6px;}
.log_content ul li.red{color:#af1602; font-size:16px; line-height:28px;}
.log_content ul li:after{ content:""; display:block; height:0px; visibility:hidden; clear:both;}

.log_content ul li span{ display:block; float:left; padding-right:20px;}
.log_content ul li a{ display:block; float:left;color:#666666; max-width:660px;}
.log_content ul li.red a{color:#af1602; }
.log_content ul li a:hover{ text-decoration:underline;}
.log_content ul li img{ vertical-align:middle;}




.shai_1{width: 100%;text-align: center;padding-top: 35px;}
.shai_1 a{color: #1a1a1a;font-size: 18px;line-height: 1;font-weight: bold; display: inline-block;margin: 0 18px;position: relative;}
.shai_1 a.act:after{content: "";width: 73px;height: 9px;background: url(../images/index/shai_act.png) no-repeat;position: absolute;top: 22px;left: 0;}
.shai_2{width: 1450px;text-align: center;margin: 25px auto 0;position: relative;}
.shai_child a{color: #393939;font-size: 16px;line-height: 20px; padding: 0 22px;border-right: 1px solid #e5e4e5;display: inline-block;}
.shai_child a:last-child{border-right: none;}
.more_video{color: #af1702;font-size: 16px;line-height: 20px;display: block;position: absolute;top: 0;right: 0;}

.videoIndex{ background: #171717;}
.videoIndex .h3_title span{ color: #fff;}
#vlist li{ width: 512px; background: #1e1d1d;}
.videoIndex .hot_more{ border:2px #6d6d6d solid;}
.videoIndex .hot_more a{ color: #fff;}
.videoIndex .hot_more:hover:after{ opacity: 0;}
.videoPic{ position: relative; overflow: hidden; background-position: center center; background-size: cover; height: 292px;}

.videoPic:before{ content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); opacity: 0; transition: all 0.4s ease;}
.videoPic:after{ content:""; display: block; width: 80px; height: 80px; background: url(../images/index/vid.png) no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.4s ease; opacity: 0;}
.list_box:hover .videoPic:before{ opacity: 1;}
.list_box:hover .videoPic:after{ opacity: 1;}
.list_box1:hover .videoPic:before{ opacity: 1;}
.list_box1:hover .videoPic:after{ opacity: 1;}

.videoPic1:before{ content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); opacity: 0; transition: all 0.4s ease;}
.videoPic1:after{ content:""; display: block; width: 30px; height: 30px; background: url(../images/index/vid.png) no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.4s ease; opacity: 0;}
.J_videoPupup1:hover .videoPic1:before{ opacity: 1;}
.J_videoPupup1:hover .videoPic1:after{ opacity: 1;}

.pc_block{ display: block;}
.mobile_block{ display: none;}



@media screen and (max-width:1600px){
.flexslider img{ width:100%; max-width:1600px;}	
.new_hot{width:100%; height:auto; position:relative;}
.new_hot h3{height:41px; margin:0 auto; text-align:center; background:url(../images/index/h3_bg.jpg) repeat-x;}
.new_hot h3 img{ }

.video_sectitle>a.act:after{ width: 73px;}

.user_sectitle>a.act:after{ width: 73px;}

.line_act{width:100%; background:#ffffff; height:auto; padding:40px 0 60px 0; position:relative;}
.line_act h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(../images/index/h3_bg1.jpg) center center repeat-x; text-align:center;}	
.line_act h3 img{width:23%; height:100%;}
	
.hot_box{ position:relative; width:1300px; margin:0 auto;  padding:30px 0 10px 0;}
.hot_ul{width:1330px;}	
.hot_ul li{width:317px; float:left; border:2px solid #e7e7e7;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}

.hot_box1{ position:relative; width:1304px; margin:0 auto;  padding:20px 0 10px 0;}
.hot_ul1 li{width:428px; float:left; }
.hot_ul1 .onlineClass{ width:322px; }
.hot_ul1 li .list_box{width:100%; height:auto;}
.hot_ul1 li .list_box1{width:100%;  height:auto;}

.label_wrap,.horn,.hot_ul1{ width:1314px; }

.list_box h2,.list_box1 h2{width:33%; background:#af1602; font-size:20px; height:35px; color:#FFF; font-weight:normal; text-align:center; line-height:35px;}
.list_box .p1,.list_box1 .p1{width:92%; height:50px;font-size:18px;}
.list_box img,.list_box1 img{ margin:0 auto;}
.list_box .p2,.list_box1 .p2{width:92%;  height:90px; margin:0 auto; color:#666666; line-height:20px; padding: 10px 30px 24px;}
.list_box .p2 span,.list_box1 .p2 span{color:#2b2b2b; line-height:30px;}
.list_box .p3,.list_box1 .p3{width:92%; font-size:14px; margin:0 auto; height:90px; color:#666666; line-height:20px; padding:15px 0 15px 0;}

.search_wrap{ width: 20%; }
.search_wrap .search{ width: 80%; }
.video_describe{ font-size: 14px;height: 34px;line-height: 34px; }
.onlineClassTitle{ font-size: 16px; }
.hot_ul2 li .video_describe{ height: 40px;line-height: 40px; }
.video_share .share_icon, .video_comments .comments_icon, .video_like .like_icon, .video_collection .collection_icon{ margin-right: 8px; }
.video_operation .video_share .share_num, .video_operation .video_comments .comments_num, .video_operation .video_like .like_num, .video_operation .video_collection .collection_num{ font-size: 14px; }
.video_tati{ font-size: 18px;}
.video_sectitle > a{ font-size: 18px;}
.user_sectitle > a{ font-size: 18px;}
.hot_more a{ font-size: 18px;}

#vlist li{ width: 424px; }
.videoPic{ position: relative; height: 240px; overflow: hidden; background-position: center center; background-size: cover;}
.list_box1 .activityPic{ height: 240px; }

.bottom_kv{width:97.2%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:50%; float:left; }
.bottom_kv .box1{width:50%; float:left; }
.bottom_kv .box p{width:94%; text-align:center; margin:0 auto; padding:10% 0 10px 0; line-height:24px; color:#666666;}
.bottom_kv .box a{width:30%; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:20px; color:#FFF; display:block; background:#000;}
.bottom_kv .box1 img{width:100%; display:block;}

.bottombanner{ width:1300px; content:""; display:table; clear:both; margin:0 auto;}
.bottombanner li{ width:643px;}
.maincontent{ width:1300px; margin:0 auto;}

.bitem {
    height: 373px;
    overflow: hidden;
    width: 656px;
}
.item1 {
    height: 183px;
    overflow: hidden;
    width: 324px;
}



.shai_2{width: 1300px;}

.video_tati{ width: 75%;}

}

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

.headercont { width: 1110px;}
.navs ul li{ padding-right: 26px; margin-right: 26px;}	

.video_sectitle a{ font-size: 18px;}
.video_sectitle > a{ font-size: 15px;}
.hot_more a{ font-size: 15px;}
.video_sectitle>a.act:after{ width: 62px;}

.user_sectitle a{ font-size: 18px;}
.user_sectitle > a{ font-size: 15px;}
.user_sectitle>a.act:after{ width: 62px;}
.video_tati{ font-size: 15px;}
.video_path{ font-size: 14px;}
.hot_box{ position:relative; width:1200px; margin:0 auto; padding:30px 0 10px 0;}
.hot_ul{width:1230px;}	
.hot_ul li{width:292px; float:left; border:2px solid #e7e7e7;margin-bottom: 10px;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}

.hot_box1{ position:relative; width:1208px; margin:0 auto; padding:20px 0 10px 0;}
.hot_ul1 li{width:396px; float:left; margin-bottom: 10px;}
.hot_ul1 .onlineClass{ width:296px; }
.hot_ul1 li .list_box{width:100%; height:auto;}
.hot_ul1 li .list_box1{width:100%;  height:auto;}
.list_box h2{width:33%; background:#af1602; font-size:20px; height:35px; color:#FFF; font-weight:normal; text-align:center; line-height:35px;}
.list_box .p1{width:92%; height:50px;  font-size:17px; line-height:24px;}
.list_box img{ margin:0 auto;}
.list_box .p2{width:92%; font-size:14px; height:90px; margin:0 auto; color:#666666; line-height:20px; padding: 10px 30px 24px;}
.list_box .p2 span{color:#2b2b2b; line-height:30px;}
.list_box .p3{width:92%; font-size:14px; margin:0 auto; height:90px; color:#666666; line-height:20px; padding:15px 0 15px 0;}
.list_box .btn{ 
   
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    width: 110px;
	}
.list_box1 h2{width:33%; background:#af1602; font-size:20px; height:35px; color:#FFF; font-weight:normal; text-align:center; line-height:35px;}
.list_box1 .p1{width:92%; height:50px;  font-size:17px; line-height:24px;}
.list_box1 img{ margin:0 auto;}
.list_box1 .p2{width:92%; font-size:14px; height:90px; margin:0 auto; color:#666666; line-height:20px; padding: 10px 30px 24px;}
.list_box1 .p2 span{color:#2b2b2b; line-height:30px;}
.list_box1 .p3{width:92%; font-size:14px; margin:0 auto; height:90px; color:#666666; line-height:20px; padding:15px 0 15px 0;}
.list_box1 .btn{ 
   
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    width: 110px;
    }

.label_wrap,.horn,.hot_ul1{ width:1218px; }

.video_describe{ font-size: 14px;height: 34px;line-height: 34px; }

.hot_ul2 li .video_describe{ height: 40px;line-height: 40px; }
.video_share, .video_comments, .video_like, .video_collection{ margin-right: 10px; }
.video_share .share_icon, .video_comments .comments_icon, .video_like .like_icon, .video_collection .collection_icon{ margin-right: 6px; }
.video_operation .video_share .share_num, .video_operation .video_comments .comments_num, .video_operation .video_like .like_num, .video_operation .video_collection .collection_num{ font-size: 14px; }

.maincontent{ width:1200px; margin:0 auto;}

.bitem {
    height: 341px;
    overflow: hidden;
    width: 598px;
}
.item1 {
    height: 166px;
    overflow: hidden;
    width: 294px;
}

.bottombanner{ width:1200px; content:""; display:table; clear:both; margin:0 auto;}
.bottombanner li{ width:598px;}

.shai_2{width: 1200px;}
.h3_title span{font-size: 28px;}
.info{font-size: 16px;}
.list_box .gxsj{font-size: 14px;padding: 6px 0 0 10px;}
.list_box .p1{font-size: 15px;line-height: 20px;height: 40px;padding:10px 0 10px 10px;}
.list_box1 .gxsj{font-size: 14px;padding: 6px 0 0 10px;}
.list_box1 .p1{font-size: 15px;line-height: 20px;height: 40px;padding:10px 0 10px 10px;}
.new_lec_box ul li .left_b .type{margin-top: 15px;}
.new_lec_box ul li .left_b .tit{padding-top: 15px;font-size: 15px;}
.new_lec_box ul li .left_b .n{padding-top: 10px;font-size: 24px;}
.new_lec_box ul li .left_b .des{padding-top: 15px;font-size: 15px;line-height: 20px;min-height: 40px;}
.new_lec_box ul li .left_b .more{font-size: 14px;
    height: 26px;
    line-height: 26px;
    width: 110px;
    margin-top: 14px;
}

#vlist li{ width: 392px; }
.videoPic{ position: relative; height: 222px; overflow: hidden; background-position: center center; background-size: cover;}
.list_box1 .activityPic{ height: 222px; }


}



@media screen and (max-width:600px){
.pc_block{ display: none;}
.mobile_block{ display: block;}
#vlist li{ width: 100%;}


body{ padding-top: 0;}
.mobile_header{ display: block;}

.padcommon{padding: 30px 0;}
.kvtest{ font-size:14px;}
.flex-direction-nav{ display:none;}

.info{ width:96%; margin:0 auto; font-size:16px;}	
.mobile_top{ display:block; width:100%;}
.mobile_top img{ width:100%;}	
	
.flexslider img{ width:100%; max-width:800px;}
.new_hot{width:100%; height:auto; position:relative;}
.new_hot h3{height:39px; margin:0 auto; text-align:center; background-size:100%; background:url(../images/index/h3_bg.jpg) center center repeat-x;  text-align:center;}
.new_hot h3 img{}

.line_act{width:100%; background:#ffffff; height:auto; padding:40px 0 60px 0; position:relative;}
.line_act h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(../images/index/h3_bg1.jpg) center center repeat-x; text-align:center;}	
.line_act h3 img{width:28%; height:100%;}

.hot_box{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
.hot_ul{width:100%;}	
.hot_ul li{width:100%; margin:0 auto;  margin:3% 0 0 0; box-sizing:border-box;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}

.hot_box1{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
.hot_ul1{width:100%;}    
.horn{width:96%;}
.hot_ul1 li{width:100%; margin:0 auto;  margin:3% 0 0 0; box-sizing:border-box;}
.hot_ul1 .onlineClass{ width:100%; }
.hot_ul1 li .list_box{width:100%; height:auto;}
.hot_ul1 li .list_box1{width:100%;  height:auto;}
.search_wrap{ width: 100%;margin: 12px auto;float: left; }
.search_wrap .search{ width: 80%; }
.label_wrap{ width: 100%; }
.list_box h2,.list_box1 h2{width:35%; background:#af1602; font-size:18px; height:40px; color:#FFF; font-weight:normal; text-align:center; line-height:40px;}
.list_box .p1,.list_box1 .p1{width:94%; padding:10px 0 10px 0; height:50px; margin:0 auto; font-size:16px; line-height:24px;}
.list_box img,.list_box1 img{width:100%; margin:0 auto;}
.list_box .p2,.list_box1 .p2{width:94%; font-size:15px; height:95px; margin:0 auto; color:#666666; line-height:24px; padding:15px 0 15px 0;}
.list_box .p2 span,.list_box1 .p2 span{color:#2b2b2b; line-height:32px;}
.list_box .p3,.list_box1 .p3{width:94%; font-size:15px; margin:0 auto; height:95px; color:#666666; line-height:24px; padding:15px 0 15px 0;}
.list_box .btn,.list_box1 .btn{width:30%;  margin:0 0 8% 3%; height:auto; text-align:center; line-height:35px; font-size:16px;  display:block;}
.list_box .gxsj,.list_box1 .gxsj{ padding-left:0px; padding-right:0px; width:94%; margin:0 auto;}

.hot_more{ width: 98%;}


.bottom_kv{width:97.2%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:50%; float:left; }
.bottom_kv .box1{width:50%; float:left; }
.bottom_kv .box p{width:94%; text-align:center; margin:0 auto; padding:20px 0 8px 0;  color:#666666;}
.bottom_kv .box a{width:30%; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:18px; color:#FFF; display:block; background:#000;}
.bottom_kv .box1 img{width:100%;  display:block;}


.slides li{  background-position:center center; background-repeat:no-repeat; }
.txt_flex{ display:block;}
.txt_flex li{display:inline-block;width:32%;margin:0 5px 0 0; margin-top:10px; color:#6b6b6b; text-align:left; padding-bottom:6px; border-bottom:3px solid #9c9c9c; cursor:pointer; font-size:12px;}
.txt_flex li.flex-active{ color:#000000;border-bottom:3px solid #ba3524;}

.s_zone{ display:block;}
.nav_m{ display:none;}
.logo img{ width:60px;}
.main{ width:100%; position:relative; height:44px; background:#000;}
.zk{ position:absolute; right:0px; top:0; display:block; }
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8);}
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:100%; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(../images/common/sanjiao.png) 90% center no-repeat; }

.video_sectitle a{ font-size: 14px; margin: 0 12px;}	
.video_sectitle>a.act::after{ width: 56px;}

.user_sectitle a{ font-size: 14px; margin: 0 12px;}    
.user_sectitle>a.act::after{ width: 56px;}

.tjboxer{ flex-wrap:wrap;}
.tjboxer > div{ width: 96%; margin: 0 auto 5vw; padding: 0;}

#a_bottom{width:100%; height:auto; background:#000; padding-top:20px;}
#a_bottom .box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#a_bottom .box .p30{width:100%; height:auto; line-height:20px; text-align:left; color:#696969; font-size:12px;}
#a_bottom .box .p50{width:98%; height:auto; overflow:hidden; line-height:20px; margin:0 auto;}
#a_bottom .box .p40{width:100%; height:40px; line-height:40px; text-align:center; color:#696969; font-size:12px;}
#a_bottom .box .p50 span { float:left;}


.bottom_kv .box p { font-size:28px; line-height:32px;}
.bottom_kv .box p span{ font-size:14px;}

.rl_intro{ height:60px;}

#rllist{padding-left:2%;}

.bottombanner{ width:97.2%; content:""; display:table; clear:both; margin:0 auto;}
.bottombanner ul{ width:100%; overflow:hidden;}
.bottombanner li{ float:left; margin-right:1%; width:49%;}
.bottombanner li a{ display:block;}


.new_box{ width:96%; margin:0 auto;}
.list_cont .left_a{ width:100%; float:none;}
.list_cont .left_a img{ width:100%;}
.list_cont .left_b{ width:70%; padding:0 25% 3% 5%; float:none;}

.new_lec_box{width:96%; margin:0 auto;}
.new_lec_box ul li { margin-bottom:15px; width:100%; border:2px solid #e7e7e7; position:relative; box-sizing:border-box;}

.new_lec_box ul li .left_a{ width:100%; float:none;}
.new_lec_box ul li .left_a img{ width:100%;}

.new_lec_box ul li .left_b{ width:70%; margin-left:5%; padding-bottom:30px; float:none;}

.logs{ width:96%; margin:0 auto;}
.log_content{ width:96%; margin:0 auto; margin-top:30px; height:200px; overflow:hidden; overflow-y:scroll;}
.log_content ul li{ width:100%;}
.log_content ul li span{ width:100%; float:none; }
.log_content ul li a{ width:98%; max-width:600px;float:none;}

.maincontent{ width:96%; margin:0 auto;}
.viewpicture ul {
    width: 100%;
}
.viewpicture li {
    height: auto;
    margin-right: 0;
    width: 100%;
}


.item1 {
    float: left;
    height: auto;
    margin-bottom: 7px;
    margin-left: 1%;
    margin-top: 5px;
    width: 49%;
}

.pd11 {
    margin-bottom: 7px;
}

.viewpicture li.bitem {
    height: auto;
    margin-left: 1%;
    width: 99%;
}






.shai_2{width: 100%;}
.shai_2 a{margin: 4px 0;}
.more_video{margin: 0 auto;text-align: center;margin-top: 10px;position: relative;}


.h3_title span{font-size: 28px;}
body{overflow-x: hidden;}
}


@media screen and (max-width:480px){
	
.flexslider img{ width:100%; max-width:480px;}
.new_hot{width:100%; height:auto;  position:relative;}
.new_hot h3{height:auto; margin:0 auto; text-align:center; background-size:auto 100%; background:url(../images/index/h3_bg.jpg) center center repeat-x;  text-align:center;}
.new_hot h3 img{ width:auto; height:22px;}

.line_act{width:100%; background:#ffffff; height:auto; padding:40px 0 40px 0; position:relative;}
.line_act h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(../images/index/h3_bg1.jpg) center center repeat-x; text-align:center;}	
.line_act h3 img{width:49%; height:100%;}

.hot_box{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
.hot_ul{width:100%;}	
.hot_ul li{width:100%; margin:0 auto;  margin:3% 0 0 0; box-sizing:border-box;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}

.hot_box1{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
.hot_ul1{width:100%;}    
.hot_ul1 li{width:100%; margin:0 auto;  margin:3% 0 0 0; box-sizing:border-box;}
.hot_ul1 li .list_box{width:100%; height:auto;}
.hot_ul1 li .list_box1{width:100%;  height:auto;}
.list_box h2,.list_box1 h2{width:35%; background:#af1602; font-size:18px; height:40px; color:#FFF; font-weight:normal; text-align:center; line-height:40px;}
.list_box .p1,.list_box1 .p1{width:94%; padding:10px 0 10px 0; height:50px; margin:0 auto; font-size:16px;  line-height:24px;}
.list_box img,.list_box1 img{width:100%; margin:0 auto;}
.list_box .p2,.list_box1 .p2{width:94%; font-size:15px; height:95px; margin:0 auto; color:#666666; line-height:24px; padding:15px 0 15px 0;}
.list_box .p2 span,.list_box1 .p2 span{color:#2b2b2b; line-height:32px;}
.list_box .p3,.list_box1 .p3{width:94%; font-size:15px; margin:0 auto; height:95px; color:#666666; line-height:24px; padding:15px 0 15px 0;}
.list_box .btn,.list_box1 .btn{width:30%;  margin:0 0 3% 3%; height:auto; text-align:center; line-height:30px; font-size:14px;  display:block;}



.bottom_kv{width:97.2%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:100%; float:left;}
.bottom_kv .box1{width:100%; float:left; padding:5% 0 0 0;}
.bottom_kv .box p{width:94%; text-align:center; margin:0 auto; padding:20px 0 8px 0; color:#666666;}
.bottom_kv .box a{width:30%; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:18px; color:#FFF; display:block; background:#000;}
.bottom_kv .box1 img{width:100%;  display:block;}
.slides li{  background-position:center center; background-repeat:no-repeat; }
.txt_flex{ display:block;}


.s_zone{ display:block;}
.nav_m,.nav_cafe{ display:none;}
.logo img{ width:60px;}
.main{ width:100%; position:relative;height:44px; background:#000;}
.zk{ position:absolute; right:0px; top:0; display:block; }
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8);}
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:100%; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(../images/common/sanjiao.png) 90% center no-repeat; }


.bottombanner{ width:97.2%; content:""; display:table; clear:both; margin:0 auto;}
.bottombanner ul{ width:100%; overflow:hidden;}
.bottombanner li{ float:left; margin-right:1%; width:100%;}
.bottombanner li a{ display:block;}

.info{ font-size:14px;}
.new_act{ margin-top:0px;}
.list_cont .left_b .n{ font-size:18px;}
.list_cont .left_b{ width:90%; padding:2% 5%;}
.list_cont .left_b .more a{ font-size:14px;}
.list_cont .left_b .des{ font-size:14px;}
.new_lec_box ul li .left_b .n{ font-size:18px;}
.new_lec_box ul li .left_b .des{ font-size:14px;}
.new_lec_box ul li .left_b .more a{ font-size:14px;}




.new_act h3{height:22px; margin:0 auto; text-align:center;  background:url(../images/index/h3_bg1.jpg) center center repeat-x; background-size:auto 100%; text-align:center;}
.new_act h3 img{ width:auto; height:22px;}

.new_lec h3{height:22px; margin:0 auto; text-align:center;  background:url(../images/index/h3_bg2.jpg) center center repeat-x; background-size:auto 100%; text-align:center;}
.new_lec h3 img{ width:auto; height:22px;}


.new_filter h3{height:22px; margin:0 auto; text-align:center;  background:url(../images/index/h3_bg3.jpg) center center repeat-x; background-size:auto 100%; text-align:center;}
.new_filter h3 img{ width:auto; height:22px;}

.logs h3{height:22px; margin:0 auto; text-align:center;  background:url(../images/index/h3_bg4.jpg) center center repeat-x; background-size:auto 100%; text-align:center;}
.logs h3 img{ width:auto; height:22px;}
.acfe{ width:auto; height:14px;}
.h3_title span{font-size: 24px;}
}


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


}
.tabs ul li{ margin-bottom:10px;}





.left_a img{ width:100%;}

.swiper-container{width: 100%;margin: 0 auto;position: relative;background: #000;left: 50%; transform: translate(-50%,0);margin-left: -1px;}
/*.swiper-container{width: 98%;overflow:hidden;position: relative;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}*/
.swiper-container .swiper-slide{position: relative;width: 100%;height: auto;padding: 30px 20px 50px 20px;}
.swiper-container .swiper-slide img{width: 100%;display: block;}
.swiper-container .swiper-slide .s_shadow{width: 100%;height: 100%;background: rgba(0,0,0,0.6); position: absolute;top: 0;left: 0;display: block;}
.swiper-container .swiper-slide.swiper-slide-active{}
.swiper-container .swiper-slide.swiper-slide-active .s_shadow{display: none;}
.s_page{position: absolute;bottom: 12px !important;z-index: 999;text-align: center;width: 100%  !important;}
.s_page .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 14px  !important;opacity: 1;background: #4d4d4d;border-radius: 50%;}
.s_page .swiper-pagination-bullet-active{background: #fff;}
.swiper_btn{width: 100%;position: absolute;bottom: 0;left:0;z-index: 9;height: 21px;pointer-events: none;}
.swiper_btn .s_btn_wrap{position: absolute;bottom: 0;left:50%;transform: translate(-50%,0);}
.swiper_btn .s_prev{width: 11px;height: 21px;background: url(../images/index/prevbtn.png) no-repeat;position: absolute;left: -3%; top: 0;cursor: pointer;pointer-events: auto;}
.swiper_btn .s_next{width: 11px;height: 21px;background: url(../images/index/nextbtn.png) no-repeat;position: absolute;right: -3%;top: 0;cursor: pointer;pointer-events: auto;}
.swiper_btn .s_prev1{width: 46px;height: 87px;background: url(../images/index/prevbtn1.png) no-repeat;position: absolute;left: -8%; top: 0;cursor: pointer;pointer-events: auto;}
.swiper_btn .s_next1{width: 46px;height: 87px;background: url(../images/index/nextbtn1.png) no-repeat;position: absolute;right: -8%;top: 0;cursor: pointer;pointer-events: auto;}
.swiper_btn .s_prev2{width: 16px;height: 30px;background: url(../images/index/prevbtn2.png) no-repeat  0px 12px;cursor: pointer;pointer-events: auto;float: left;padding-top: 12px;padding-right:14px;}
.swiper_btn .s_next2{width: 16px;height: 30px;background: url(../images/index/nextbtn2.png) no-repeat 12px 14px;cursor: pointer;pointer-events: auto;float: left;padding-top: 12px;padding-left:14px;}
.swiper_btn .s_num_wrap{float: left;color: #fff;}
.swiper_btn .s_num{float: left;text-align: center;margin: 0 10px;}
.swiper_btn .s_num_n{font-size: 50px;line-height: 50px;cursor: pointer;pointer-events: auto;}
.swiper_btn .s_line{ width: 3px;height: 98px;margin: 0 auto;background: none; }
.swiper_btn .act .s_num_n{ font-weight: bold;font-size: 75px;line-height: 20px; }
.swiper_btn .act .s_line{ background: #fff;margin-top: 30px; }



@media screen and (max-width: 1600px){
    /* .swiper_btn .s_prev{left: 23.5%}
    .swiper_btn .s_next{right: 23.5%} */
}
@media screen and (max-width: 1600px){
    /* .swiper-container{width: 120%;} */
}
@media screen and (max-width: 600px){
    .swiper_btn{ width: 85%;}


    .s_page{bottom: 3px  !important;}
    .s_page .swiper-pagination-bullet{width: 6px;height: 6px;}
    
    .swiper-container .swiper-slide{padding: 10px 30px 20px 30px;position: relative;width: 75%;}

}