﻿img{ width:100%;}
.pcBox{width: 100vw; height: 100vh; overflow: hidden; background-image: url(../images/bg_pc.jpg); background-position: center bottom; background-repeat: no-repeat;  background-size: 100% auto;  position: relative;}
.pcBox_ind{ position: absolute; top:5%; left: 10%; width: 80%; margin: 0 auto;}
.pcBox .logo{ width: 80px; height: auto;  position: absolute; right: 0;}
.pcBox .logo img{ width: 100%; height: auto}
.pcBox .titleInd{ width: 100%; height: auto; margin-top: 30px;}
.pcBox .titleInd em{ width: 26px;  background: #e60012; display: block; height: 3px;}
.pcBox .titleInd h1{ font-size: 26px; font-family: "ABBfonts_Bd";line-height: 1.5em;}
.pcBox .titleInd span{ font-size: 20px;font-family: "ABBfonts_Lt";}
.video_ind{ width:36%; height: auto;background: #fff; border:2px solid #8e8e8e; border-radius: 10px; overflow: hidden; position: absolute;left: 30%; top:30%;}
.video_ind img{ width: 100%; height: 100%;}
.video_ind a{ position: relative; display: block;}
.video_ind a em{  width: 42px; height: 42px; display: block; background:url(../images/icon_1.png) no-repeat center; background-size: 100%; position: absolute; top:45%; left: 45%;}
.video_ind a:hover em{ display: block; background:url(../images/icon_2.png) no-repeat center; background-size: 100%;}
.navPc{ position: absolute; right:10%; top:20%;}
.navPc li{display: block;width: 130px; height: 54px; line-height: 54px; margin-bottom: 5px; text-align: center; background: url(../images/icon_nav.png) no-repeat center; background-size: 100%;}
.navPc li a{color: #000;}
.navPc li a:hover{color: #e60012;}

.TipsPC{ width: 100vw; height: 100vh; background:rgba(0,0,0,0.5);/*前三个参数为rgb颜色，第四个参数为透明度*/
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); position: fixed; top:0; left:0; z-index: 100000000;}
.TipsPC .tipsBox{width: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,1);  border-radius: 8px;  min-height: 120px; padding: 20px; text-align: left; border: 1px solid #e60012;}
.TipsPC .titleTips{  margin-bottom: 1em;}
.TipsPC .titleTips h2{ font-size: 18px; line-height: 1.5em; font-family: "ABBfonts_Rg";}
.TipsPC .titleTips em{ display: inline-block;  width: 18px; background:#e60012; height: 3px; }
.TipsPC .close{ position: absolute; right: 8px; top: 8px; width: 25px; cursor: pointer;}
.pcyicBox{width: 100%; border-collapse: collapse;}
.pcyicBox th{ border-bottom: 2px solid #e60012; height: 32px; line-height: 32px; font-family: "ABBfonts_Rg";}
.pcyicBox thead tr th{ border-bottom: 2px solid #e60012; height: 32px; line-height: 32px; font-family: "ABBfonts_Rg";}
.pcyicBox tbody tr td{ border-bottom: 1px solid #ddd; height: 32px; line-height: 32px; }
.pcyicBox tbody tr td:nth-child(1) { width: 30%;}
/*首页 end*/
.bannerApp{display: none;}
.banner{display: block;width: 100%; overflow: hidden; height: 357px; background: url(../images/banner_1.jpg) no-repeat center;}
.pic_app{display: none;}
.pic_pc{display: block;}

.w1200{ width: 1200px; margin: 0 auto;}
.pic_pc{display: flex; margin-top: 60px;}
.titlePic{ line-height: 62px; padding-top: 100px; width: 210px; position: relative; z-index: 0; height: 90vh;}
.titlePic h3{ font-size: 20px; line-height: 63px; margin-left: 30px;}
.titlePic .line_pic{ display: block; border-left: 1px solid #dcdcdc; height: 63px; position: absolute; right: 0;z-index: 100;top: 0;height: 90vh;padding-top: 100px;}
.titlePic .line_pic span{ display: block; width: 3px; height: 63px; background: #e60012; margin-left: -1px;}

.pic_menu{ flex: 1; margin-top: 30px;}
.pic_menu li{ width: 140px; line-height: 60px; font-size: 16px; text-align: center;}
.pic_menu li:hover,.pic_menu li.on{ color: #e60012; cursor: pointer;}

.pic_box_list{ width: 750px; margin-right: 42px; background: #f5f5f5;}
.pic_box_list .pic_img{ width: 750px;  height: 310px; overflow: hidden;}
.pic_box_list .pic_img img{ width: 100%;}
.pic_box_list .pic_txt{ width: 92%; margin: 0 auto; padding: 45px 0;position: relative; z-index: 0;}
.pic_box_list .pic_txt .pic_txt_l{width: 80%;}
.pic_box_list .pic_txt .pic_txt_l em{ display: block; width: 1.2em; height: 2px; background: #e60012;}
.pic_box_list .pic_txt .pic_txt_l h2{  line-height: 1.8em; font-size: 20px; font-family: ABBfonts_Rg;}
.pic_box_list .pic_txt .pic_txt_l span{ display:block;}
.pic_box_list .pic_txt .pic_txt_r{ position: absolute; z-index: 10; bottom: 45px; right: 0; }
.pic_box_list .pic_txt .pic_txt_r a{ display:flex; }
.pic_box_list .pic_txt .pic_txt_r a:hover{ color: #e60012;}
.pic_box_list .pic_txt .pic_txt_r span{ display:block; width: 16px; overflow: hidden; margin-left: 6px;}

.subNav{ width: 100%;border-bottom: 1px solid #f3f3f3;}
.titleNavapp{ line-height: 45px; margin: 0 auto; font-size: 16px; display: flex;}
.titleNavapp em{ display: inline-block; width: 3px; height: 18px; background: #e60012; margin-top: 12px;}
.titleNavapp a{ display: inline-block; padding: 0 10px;}
.titleNavapp a:hover{ color: #e60012; text-decoration: underline;}
/*往期精彩回顾 end*/

.AllPc{ display: block;}
.Allapp{ display: none;}
.dail_title{ display: flex;}
.dail_title .dail_img{ width:460px; height: 252px; overflow: hidden;}
.dail_title .dail_wz{ flex: 1;  background: #f3f3f3; padding: 32px; height: 252px; overflow: hidden;}
.dail_title .dail_wz_bt{ height: 125px; overflow: hidden;}
.dail_title .dail_wz_bt em{ display: block; width: 24px; background: #e60012; height: 3px;}
.dail_title .dail_wz_bt h3{  font-size: 24px;  font-family: "ABBfonts_Rg"; line-height: 1.8em;}
.dail_title .dail_wz_bt p{  font-size: 16px;  font-family: "ABBfonts_Rg";}
.dail_title .dail_wz_btn{ margin-top: 30px;}
.dail_title .dail_wz_btn a{ font-size: 15px;  background: #e60012; color: #fff; line-height:30px; padding: 0 30px; border-radius: 5px; display: inline-block;}
.dail_title .dail_wz_btn a:hover{ background: #d4020f;}

.Dail_pc{ margin-top: 50px;}
.dail_box{ margin: 20px auto;}
.dail_box .dail_box_li{ border-bottom: 1px solid #ccc; display: flex;}
.dail_box .dail_box_li li{width: 147px; line-height: 35px; text-align: center;color: #000; background: #ccc; cursor: pointer; font-size: 16px;}
.dail_box .dail_box_li li.on,.dail_box .dail_box_li li:hover{background: #e60012; color: #fff;}
.dail_box_content{ margin-top: 20px;}
.dail_box_content .dail_box_on{ font-size: 15px; line-height: 1.5em;}

/*往期精彩回顾详情 end*/
.titleapp{ font-size: 20px;}
.ZBimg_pc .titleapp{ margin-top: 40px; margin-bottom: 45px;}

.ZBimg_pc{}
.ZBimg_pc_box{ display: flex; flex-flow: wrap;}
.ZBimg_pc_list{ width: 356px; background: #f5f5f5; padding-bottom: 25px; margin-right: 66px; margin-bottom: 30px;}
.ZBimg_pc_list:nth-child(3n){margin-right: 0;}
.ZBimg_pc_list .ZBimg_pc_img{ width: 356px;  height: 220px; overflow: hidden;}
.ZBimg_pc_list .ZBimg_pc_txt{  padding: 20px;}
.ZBimg_pc_list .ZBimg_pc_txt h2{ font-size: 20px; font-family: "ABBfonts_Rg"; line-height: 1.8em;}
.ZBimg_pc_list .ZBimg_pc_txt span{display: block; margin-bottom: 20px; font-size: 15px;}
.ZBimg_pc_list .ZBimg_pc_txt p{line-height: 1.5em; font-size: 14px;}
.ZBimg_pc_list .ZBimg_pc_btn{line-height: 1.5em; font-size: 16px; background: #e60012; width: 40%; margin: 10px auto 0; text-align: center; color: #fff;}
.ZBimg_pc_list .ZBimg_pc_btn a{padding: 5px 0;color: #fff; display: block;}
.ZBimg_pc_list .ZBimg_pc_btn a:hover{background:#b90308; }


/*直播预告 end*/
.sign_title{ width: 4em; font-size: 20px; border-bottom: 3px solid #e60012; line-height: 1.8em; margin: 3em auto 2em;}
.sign_input{width: 100%; }
.sign_input input, .sign_input select{width: 60%;line-height: 35px;border: 1px solid #e60012;margin: 5px auto;display: block;padding-left: 10px;box-sizing: border-box;font-size: 16px;height: 35px;color: #000;}
.sign_input select{padding-left: 5px;}
.sign_input select option{letter-spacing: 0;text-decoration: none;font-style: normal;font-size: 14px;color: #000; border: 1px solid #e60012;}
.sign_input select:focus option:checked{ background: #e60012; color: #fff;}
.sign_input select:focus option:hover{ background: #e60012; color: #fff;}
.btn{width: 60%;line-height: 40px;display: block;padding-left: 10px;box-sizing: border-box;font-size: 16px;	color: #FFFFFF;
background: #e60012;margin: 0 auto;	border: none;}
.btn:hover{background: #d4020f;}

/*报名注册 end*/

.foot{text-align:center;background-color:#919191; color:#fff;padding:1em;line-height:1.5em;margin-top:1.5em;}
.foot .copyright{margin-top:.5em;}

@media screen and (max-width: 640px){
	.w1200{ width: 96vw; margin: 0 auto; overflow: hidden;}
    .foot{font-size:3.8vw;}
	.pcBox{width: 100vw; height: 100vh; overflow: hidden; background-image: url(../images/bg_app.jpg); background-position: center center; background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}
	.pcBox_ind{ position: absolute; top:5%; left: 5%; width: 90%; margin: 0 auto;}
	.pcBox .logo{ width: 60px; height: auto;  position: absolute; right: 8px;}
	.pcBox .logo img{ width: 100%; height: auto}
	.pcBox .titleInd{ width: 100%; height: auto; margin-top: 3em;}
	.pcBox .titleInd em{ width: 20px;  background: #e60012; display: block; height: 3px;}
	.pcBox .titleInd h1{ font-size: 20px; font-family: "ABBfonts_Bd";line-height: 1.5em;}
	.pcBox .titleInd span{ font-size: 15px;font-family: "ABBfonts_Lt";}
	.video_ind{ width:90%; height: auto;background: #fff; border:2px solid #8e8e8e; border-radius: 10px; overflow: hidden; position: absolute;left: 5%; top:24%;}
	.video_ind img{ width: 100%; height: 100%;}
	.video_ind a{ position: relative; display: block;}
	.video_ind a em{  width: 42px; height: 42px; display: block; background:url(../images/icon_1.png) no-repeat center; background-size: 100%; position: absolute; top:45%; left: 45%;}
	.video_ind a:hover em{ display: block; background:url(../images/icon_2.png) no-repeat center; background-size: 100%;}
	.navPc{ position: absolute; left:5%; top:57%; width: 90%;}
	.navPc ul{display: flex; flex-flow: wrap;}
	.navPc li{display: block;width: 32%; height: 52px; line-height: 52px; margin-bottom: 5px; text-align: center; background: url(../images/icon_nav.png) no-repeat center; background-size: 100%; margin-right: 1%; font-size: 13px;}
	.navPc li:nth-child(3n){ margin-right: 0}
	.navPc li:last-child{ margin-left:33%;}
	.navPc li a{color: #000;}
	.navPc li a:hover{color: #e60012;}
	.Box_zb a{ width: 90px; height: 90px; position: absolute; left: 40%;top:20%; background: url(../images/icon_zb.png) no-repeat; background-size: 100%;}
	.Box_zb a:hover{ background: url(../images/icon_zb_h.png) no-repeat; background-size: 100%;}
	.TipsPC .tipsBox{width:90%; padding: 10px;}
	.TipsPC .titleTips{  margin-bottom: 1em;}
	.TipsPC .titleTips h2{ font-size: 16px; line-height: 1.5em; font-family: "ABBfonts_Rg";}
	.TipsPC .titleTips em{ display: inline-block;  width: 16px; background:#e60012; height: 3px; }
	.TipsPC .close{ position: absolute; right: 8px; top: 8px; width: 25px; cursor: pointer;}
	.pcyicBox{width: 100%; border-collapse: collapse; font-size: 13px;}
	/*首页 end*/

	.bannerApp{display: block;width: 100%; overflow: hidden;}
    .pic_app{display: block;width: 96%; overflow: hidden; margin: 0 auto;}
	.banner,.pic_pc,.subNav{display: none;}	
	
	.titleapp{}
	.titleapp h3{ font-size: 20px; line-height: 3em; width: 96%;}
	
	.pic_box_list{ width: 100%; margin-right: 0; background: #f5f5f5; margin-bottom: 2em;}
	.pic_box_list .pic_img{ width: 100%;  height: 100%; overflow: hidden;}
	.pic_box_list .pic_img a{display: block; width: 100%;  height: 100%;}
	.pic_box_list .pic_img img{ width: 100%;}
	.pic_box_list .pic_txt{ width: 92%; margin: 0 auto; padding: 1em 0;position: relative; z-index: 0;}
	.pic_box_list .pic_txt .pic_txt_l{width: 80%;}
	.pic_box_list .pic_txt .pic_txt_l em{ display: block; width: 1em; height: 2px; background: #e60012;}
	.pic_box_list .pic_txt .pic_txt_l h2{  line-height: 1.8em; font-size: 16px; font-family: ABBfonts_Rg;}
	.pic_box_list .pic_txt .pic_txt_l span{ display:block; font-size: 13px;}
	.pic_box_list .pic_txt .pic_txt_r{ position: absolute; z-index: 10; bottom: 2em; right: 0; }
	.pic_box_list .pic_txt .pic_txt_r a{ display:flex; font-size: 13px;}
	.pic_box_list .pic_txt .pic_txt_r a:hover{ color: #e60012;}
	.pic_box_list .pic_txt .pic_txt_r span{ display:block; width: 12px; overflow: hidden; margin-left: 6px;}
	
	/*往期精彩回顾 end*/
	.AllPc{ display: none;}
	.Allapp{ display: block;}
	.titleNavapp{ line-height: 45px; width: 96vw; margin: 0 auto; font-size: 15px; display: flex;}
	.titleNavapp em{ display: inline-block; width: 3px; height: 18px; background: #e60012; margin-top: 12px;}
	.titleNavapp a{ display: inline-block; padding: 0 10px;}
	.titleNavapp a:hover{ color: #e60012; text-decoration: underline;}
	
	.Dail_app .dail_title{ width: 100%; display: block;}
	.Dail_app .dail_title .dail_img{ width: 100%; height: auto;}
	.Dail_app .dail_title .dail_wz{ background: #fff; height: auto; display: flex; padding: 0; width: 96vw; margin: 1em auto;}
	.Dail_app .dail_title .dail_wz_bt{ flex: 1; height: auto;}
	.Dail_app .dail_title .dail_wz_bt h3{ font-size: 16px; line-height: 1.2em; margin: 0.3em 0;}
	.Dail_app .dail_title .dail_wz_bt em{width: 16px;}
	.Dail_app .dail_title .dail_wz_bt p{font-size: 14px;}
	.Dail_app .dail_title .dail_wz_btn{font-size: 15px; margin-top: 0px;}
	
	.dail_box_app{ width: 96vw; margin: 0 auto;}
	.dail_box_app .dail_box_li_app{display: flex;}
	.dail_box_app .dail_box_li_app li{flex:1; height: 35px; line-height: 35px;background: #ccc; cursor: pointer; font-size: 15px; text-align: center;}
	.dail_box_app .dail_box_li_app li.on{background: #e60012; color: #fff; }
	.dail_box_content_app{ margin-top: 1em; font-size: 15px; line-height: 1.5em;}
	
	/*往期精彩回顾详情 end*/
	.ZBimg_pc .titleapp{ margin: 0;}
	.ZBimg_pc_list{ width: 47.5%; padding-bottom: 1em; margin-right: 1em; margin-bottom: 1em;}
	.ZBimg_pc_list:nth-child(2n){margin-right: 0;}
	.ZBimg_pc_list .ZBimg_pc_img{ width: 100%;  height: auto; overflow: hidden;}
	.ZBimg_pc_list .ZBimg_pc_txt{  padding: .5em;}
	.ZBimg_pc_list .ZBimg_pc_txt h2{ font-size: 15px; font-family: "ABBfonts_Rg"; line-height: 1.2em; margin-bottom: 0.3em;}
	.ZBimg_pc_list .ZBimg_pc_txt span{display: block; margin-bottom: 1.2em; font-size: 13px;}
	.ZBimg_pc_list .ZBimg_pc_txt p{line-height: 1.5em; font-size: 12px;}
	.ZBimg_pc_list .ZBimg_pc_btn{line-height: 1.5em; font-size: 13px;width: 50%; margin: .5em auto 0; text-align: center; color: #fff;}

	/*直播预告 end*/
	
	.sign_title{ font-size: 16px; }
	.sign_input input, .sign_input select{width: 96%;font-size: 15px;}
	.sign_input select option{font-size: 14px;}
	.btn{width: 96%;}
	
	/*报名注册 end*/
}

@media screen and (max-width: 640px) and (min-width: 320px){
	.pcBox .titleInd h1{ font-size: 19px; font-family: "ABBfonts_Bd";line-height: 1.5em;}
}
@media screen and (max-width: 320px){
    .video_ind{ top:29%;}
	.navPc{ top:60%;}
	.navPc li { height: 40px;  line-height: 40px;}
}