#wrap{ width: 100%; max-width: 1200px; margin: 0px auto; }
body{ background:#f7f8f9; }
#zlg-waiter{ z-index:992 !important; }
.content{ padding:0px 20px; }
.v_video_con{ display:none; width:712px; height:400px; position:fixed; left:50%; top:50%; }
.v_yno{ display:none; }
.img-show{ width:100%; height:100%; position:absolute; overflow:hidden; background:url(../images/newvideo/v_bg.png) no-repeat;background-size:100% 100%; }
.tc_video{ cursor:default; }
.v_video{ cursor:pointer; }

.video_list .video_list_content .paging{ width:100%;height:auto; padding:10px; text-align:center; font-size:12px; }
.video_list .video_list_content .paging a,.video_list .video_list_content .paging span{ border: #e8e8e8 1px solid; background:#e8e8e8; border-radius:6px; color:#676767; margin:5px; padding-top:2px ; width:30px; height:30px; display:inline-block; text-align:center; }
.video_list .video_list_content .paging a .current,.video_list .video_list_content .paging span.current{ border: #8fc31f 1px solid; background:#8fc31f; color:#ffffff;}


@media (min-width: 300px) {
.video_ad{ background:url(../images/newvideo/newvideo_s.jpg); background-size: 100% 100%; display:none; }

.video_nav_bottom{ display:none; }
.video_nav{ width:300px; height:50px; margin:0 auto;}	
.video_nav_top{ width:300px; height:50px; }

.video_nav_top_left{ display:none; }
.video_nav_top_right{ width:100%; height:82px; margin:0px; float:left; }

#banner_video_content{
width:100%;
  min-width: 300px;
height: 175px;
 overflow: hidden;
 display:none; }


.input-group{ width:246px; height:36px; background:#e8e9ea; border-radius:28px; margin:32px auto 10px; }
.input-group-ico{ width:30px; height:30px; color:#676767; float:right; margin:5px 3px 0px 0px; }
.search_btn{ width:46px; height:36px; border:none; background:#e8e9ea; margin:0px 14px 0px 0px;float:right; color:#000000; }
.search_btn:hover{ color:#8fc31f; }
.search_key{ width:138px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }

.input-group-long{ width:246px; height:36px; background:#e8e9ea; border-radius:28px; margin:32px auto 10px; }
.search_key_l{ width:138px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }



.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:300px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:350px; float:left; }
.video_pro_list_content{ width:290px; height:312px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:290px; height:170px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:290px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; margin-right:4px; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }


.video_empty_ico{ width:100%; margin:10px auto 10px; }
.video_empty{ width:100%; height:100px; margin:0px auto 20px; text-align:center; color:#555555; font-size:26px; }



.v_video_con{ display:none; width:276px; height:155px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:276px; height:155px; background:#000; }	
.tc_video{ width:276px; }

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:276px;height:auto; float:left; background:#FFF; padding-bottom:20px; display:none;  }
.video-preview{ width:276px; height:156px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:256px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:256px; height:auto; margin:2px 10px 10px; float:left; display:none; }
.tc_video_title{ width:256px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:none; }
.tc_video_ico{ width:50px; height:46px; float:left;}

.video_list .video_list_content .paging{ margin:0 auto 50px; }
.v_yno{ display:none; }
.v_yh{ height:auto; max-height:none;  }
}
/*针对iphone5s*/
@media (min-width: 315px) {	
.content{ padding:0px 12px; }

.v_video_con{ display:none; width:276px; height:160px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:276px; height:160px; background:#000; }
}
@media (min-width: 360px) {
.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:320px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:360px; float:left; }
.video_pro_list_content{ width:310px; height:318px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:310px; height:176px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:310px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:316px; height:178px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:316px; height:178px; background:#000; top:68%;}	
.tc_video{ width:316px;  top:52%;}

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:316px;height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:316px; height:178px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:296px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:296px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:240px; height:46px; float:left; font-size:16px; font-weight:bold; line-height:42px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left;}
}
/*针对iphone6*/
@media (min-width: 375px) {
.video_nav{ width:360px; height:50px; margin:0 auto; }	
.video_nav_top{ width:360px; height:50px; }

.input-group,.input-group-long{ width:320px; height:36px; background:#e8e9ea; border-radius:28px; margin:32px auto 10px; }
.input-group-ico{ width:30px; height:30px; color:#676767; float:right; margin:5px 3px 0px 0px; }
.search_btn{ width:46px; height:36px; border:none; background:#e8e9ea; margin:0px 14px 0px 0px;float:right; color:#000000; }
.search_btn:hover{ color:#8fc31f; }
.search_key,.search_key_l{ width:204px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }




.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:360px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:380px; float:left; }
.video_pro_list_content{ width:340px; height:336px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:340px; height:194px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:340px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:74%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:26%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:330px; height:186px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:330px; height:186px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:330px;height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:330px; height:188px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:310px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:310px; height:auto; margin:2px 10px 10px; float:left; }
.tc_video_title{ width:260px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; }
.tc_video_ico{ width:50px; height:46px; float:left; }

.tc_video{ width:330px; left:7%; top:50%; }
}
@media (min-width: 400px) {
.content{ padding:0px 18px; }

.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:380px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:390px; float:left; }
.video_pro_list_content{ width:360px; height:348px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:360px; height:204px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:360px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:75%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:25%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:360px; height:203px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:360px; height:203px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:360px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:360px; height:205px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:340px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:340px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:290px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left; }
.tc_video{ width:360px; left:6%; top:50%; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {	
.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:390px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:396px; float:left; }
.video_pro_list_content{ width:370px; height:352px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:370px; height:208px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:370px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:75%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:25%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:370px; height:208px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:370px; height:208px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:370px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:370px; height:210px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:350px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:350px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:300px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left; }

.tc_video{  width:370px; left:6%; top:50%; }
}
@media (min-width: 480px) {
.tc_video{ left:10%; top:50%; }
}
@media (min-width: 500px) {
.tc_video{ width:383px; }
.v_video_con{ display:none; width:390px; height:220px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:390px; height:220px; background:#000; }
}
@media (min-width: 600px) {
.content{ padding:25px 0px 20px 0px; margin:0px 0px; }

.video_nav{ width:560px; height:50px; margin:0 auto; }	
.video_nav_top{ width:560px; height:50px; }

.input-group,.input-group-long{ width:520px; height:36px; background:#e8e9ea; border-radius:28px; margin:32px auto 10px;  }
.input-group-ico{ width:30px; height:30px; color:#676767; float:right; margin:5px 3px 0px 0px; }
.search_btn{ width:46px; height:36px; border:none; background:#e8e9ea; margin:0px 14px 0px 0px;float:right; color:#000000; }
.search_btn:hover{ color:#8fc31f; }
.search_key,.search_key_l{ width:410px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }

.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:600px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:50%; height:360px; float:left; }
.video_pro_list_content{ width:290px; height:314px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:290px; height:170px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:290px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }	

.v_video_con{ display:none; width:560px; height:316px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:560px; height:316px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:560px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:560px; height:316px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:540px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:540px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:490px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left;}

.tc_video{  width:560px; left:63%; top:50%; }
}
@media (min-width: 700px) {
.content{ padding:25px 0px 30px 0px; margin:0px 0px; }

.video_list_content{ width:630px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:50%; height:360px; float:left; }
.video_pro_list_content{ width:290px; height:314px; margin:24px 10px; background:#ffffff; border-radius:8px; overflow:hidden; }

.v_video_con{ display:none; width:600px; height:338px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:600px; height:338px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:600px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:600px; height:339px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:560px; height:auto; margin:10px 20px 10px; float:left; }
.tc_video_buy{ width:560px; height:auto; margin:2px 20px 10px; float:left; display:block; }
.tc_video_title{ width:500px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block;  }
.tc_video_ico{ width:50px; height:46px; float:left;}

.tc_video{ width:600px; left:58%; top:50%; }
}
@media (min-width: 767px) {
.section-bg{ width: 100%; height: 500px; overflow: hidden; position: relative; }
.content{ padding:25px 0px 50px 0px; margin:0px 0px; }
}
@media (min-width: 1024px) {
.video_ad{ background:url(../images/newvideo/newvideo.jpg) center center no-repeat; display:block; }	

.tc_video{ width:940px; position:fixed; left:39%; top:35%; }	
	
.video_nav{ width:1024px; height:200px; margin:0 auto; }	
.video_nav_top{ width:1024px; height:60px; }

.video_nav_top_left{ width:630px; height:60px; margin:0px; float:left; font-size:14px; padding-top:14px; line-height:32px; border-bottom:1px solid #dadbdc; display:block; }
.video_nav_top_right{ width:394px; height:60px; margin:0px; float:left; border-bottom:1px solid #dadbdc; }

.btn_index{ width:130px; float:left; padding-left:10px; }
.btn_tit{ width:46px; color:#000000; float:left; }
.btn_link{ width:148px; float:left; color:#838385; }
.btn_index a,.btn_link a{ color:#838385; }
.btn_index a:hover,.btn_link a:hover{ color:#8fc31f; }


.input-group-long{ width:400px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px;  }
.search_key_l{ width:280px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }



.video_nav_bottom{ width:1024px; height:140px; display:block; }
.video_nav_bottom_c	{ width:960px; height:140px; margin:0 auto; }		
.video_nav_bottom_1,.video_nav_bottom_2,.video_nav_bottom_3,.video_nav_bottom_4{ width:200px; height:140px; float:left;  margin-left:20px; margin-right:20px; color:#676767; display:block; cursor:pointer; }
.video_nav_bottom_c h3{ font-size:16px; text-align:center; font-weight:bold; margin:10px; }
.nav_ico1,.nav_ico2,.nav_ico3,.nav_ico4{ width:60px; height:60px; margin:40px auto 0px; }
.nav_ico1 svg,.nav_ico2 svg,.nav_ico3 svg,.nav_ico4 svg{width:60px; height:60px; fill:#676767; }

.video_nav_bottom_all{ width:1024px; height:250px; position:absolute; float:left; }
.video_nav_all_1{ width:210px; height:170px; margin:0px 0px 0px 82px; border-radius:8px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); background: rgb(255 255 255 / 90%); position:absolute; display:none; z-index:888; }
.video_nav_all_2{ width:270px; height:170px; margin:0px 0px 0px 322px; border-radius:8px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); background: rgb(255 255 255 / 90%); position:absolute; display:none; z-index:888; }
.video_nav_all_3{ width:200px; height:170px; margin:0px 0px 0px 564px; border-radius:8px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); background: rgb(255 255 255 / 90%); position:absolute; display:none; z-index:888; }
.video_nav_all_4{ width:200px; height:170px; margin:0px 0px 0px 806px; border-radius:8px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); background: rgb(255 255 255 / 90%); position:absolute; display:none; z-index:888; }

.video_nav_bottom_1:hover>div>svg,.video_nav_bottom_2:hover>div>svg,.video_nav_bottom_3:hover>div>svg,.video_nav_bottom_4:hover>div>svg{ fill:#8fc31f!important; }
.video_nav_bottom_1:hover>h3,.video_nav_bottom_2:hover>h3,.video_nav_bottom_3:hover>h3,.video_nav_bottom_4:hover>h3{ color:#8fc31f!important;  }
.video_nav_bottom_c>.active>div>svg{ fill:#8fc31f!important; }
.video_nav_bottom_c>.active>h3{ color:#8fc31f!important; }

.input-group{ width:380px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px;  }
.input-group-ico{ width:30px; height:30px; color:#676767; float:right; margin:5px 3px 0px 0px; }
.search_btn{ width:46px; height:36px; border:none; background:#e8e9ea; margin:0px 14px 0px 0px;float:right; color:#000000; }
.search_btn:hover{ color:#8fc31f; }
.search_key{ width:260px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }

.video_nav_bottom_all ul{ padding:20px 20px 20px 36px; color:#676767; }
.video_nav_bottom_all li{ font-size:14px; line-height:32px; }
.video_nav_bottom_all li a{ color:#676767; }
.video_nav_bottom_all li a:hover{ color:#8fc31f; }

.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:1024px; min-height:780px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:740px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:33%; height:360px; float:left; }
.video_pro_list_content{ width:320px; height:320px; margin:24px 16px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:320px; height:180px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:320px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:44px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:74%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_time{ width:26%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; margin-right:4px; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.video_list .video_list_content .paging{width:600px;height:auto; overflow:hidden; padding:10px; margin:0 auto 60px; }


.video_empty_ico{ width:800px; height:340px; margin:120px auto 10px; }
.video_empty{ width:800px; height:100px; margin:0px auto 20px; text-align:center; color:#555555; font-size:36px; }

.tc_video_con{ width:940px; height:530px; background:#000; }
#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6,#tcmyVideo7,#tcmyVideo8,#tcmyVideo9,#tcmyVideo10,#tcmyVideo11,#tcmyVideo12{ width:940px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none;  }

.video-preview{ width:940px; height:530px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }
.tc_video_ex{ width:840px; height:auto; margin:10px 50px 20px; float:left; }
.tc_video_buy{ width:840px; height:auto; margin:2px 50px 10px; float:left; }
.tc_video_title{ width:790px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px;}
.tc_video_ico{ width:50px; height:46px; float:left;}

.v_yno{ display:none; }
.video_ff{ display:none; }
}
@media (min-width: 1080px) {
.tc_video{ width:940px; position:fixed; left:40%; top:35%; }	
	
.video_nav{ width:1080px; height:200px; margin:0 auto; }	
.video_nav_top{ width:1080px; height:60px; }

.video_nav_top_left{ width:630px; height:60px; margin:0px; float:left; font-size:14px; padding-top:14px; line-height:32px; border-bottom:1px solid #dadbdc; }
.video_nav_top_right{ width:450px; height:60px; margin:0px; float:left; border-bottom:1px solid #dadbdc;}

.video_nav_bottom{ width:1080px; height:140px; }
.video_nav_bottom_c	{ width:960px; height:140px; margin:0 auto; }		
.video_nav_bottom_1,.video_nav_bottom_2,.video_nav_bottom_3,.video_nav_bottom_4{ width:200px; height:140px; float:left;  margin-left:20px; margin-right:20px; color:#676767; display:block; cursor:pointer; }
.video_nav_bottom_c h3{ font-size:16px; text-align:center; font-weight:bold; margin:10px; }
.nav_ico1,.nav_ico2,.nav_ico3,.nav_ico4{ width:60px; height:60px; margin:40px auto 0px; }
.nav_ico1 svg,.nav_ico2 svg,.nav_ico3 svg,.nav_ico4 svg{width:60px; height:60px; fill:#676767; }

.input-group-long{ width:440px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px;  }
.search_key_l{ width:320px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }



.video_nav_bottom_all{ width:1080px; height:250px; position:absolute; float:left; }
.video_nav_all_1{ width:210px; height:170px; margin:0px 0px 0px 108px; }
.video_nav_all_2{ width:270px; height:170px; margin:0px 0px 0px 352px; }
.video_nav_all_3{ width:200px; height:170px; margin:0px 0px 0px 590px; }
.video_nav_all_4{ width:200px; height:170px; margin:0px 0px 0px 832px; }

.video_nav_bottom_1:hover>div>svg,.video_nav_bottom_2:hover>div>svg,.video_nav_bottom_3:hover>div>svg,.video_nav_bottom_4:hover>div>svg{ fill:#8fc31f!important; }
.video_nav_bottom_1:hover>h3,.video_nav_bottom_2:hover>h3,.video_nav_bottom_3:hover>h3,.video_nav_bottom_4:hover>h3{ color:#8fc31f!important;  }
.video_nav_bottom_c>.active>div>svg{ fill:#8fc31f!important; }
.video_nav_bottom_c>.active>h3{ color:#8fc31f!important; }

.input-group{ width:380px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px;  }
.input-group-ico{ width:30px; height:30px; color:#676767; float:right; margin:5px 3px 0px 0px; }
.search_btn{ width:46px; height:36px; border:none; background:#e8e9ea; margin:0px 14px 0px 0px;float:right; color:#000000; }
.search_btn:hover{ color:#8fc31f; }
.search_key{ width:260px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }

.video_nav_bottom_all ul{ padding:20px 20px 20px 36px; color:#676767; }
.video_nav_bottom_all li{ font-size:14px; line-height:32px; }
.video_nav_bottom_all li a{ color:#676767; }
.video_nav_bottom_all li a:hover{ color:#8fc31f; }

.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:1080px; min-height:800px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:760px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:33%; height:380px; float:left; }
.video_pro_list_content{ width:340px; height:330px; margin:24px 16px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:340px; height:190px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:340px; height:140px; float:left; padding:14px; }

.video_pro_list_foot_tag{ width:74%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_time{ width:26%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
}
@media (min-width: 1200px) {	
.tc_video{ width:940px; position:fixed; left:42%; top:35%; }

.video_nav{ width:1200px; height:200px; margin:0 auto; }	
.video_nav_top{ width:1200px; height:60px; }
.video_nav_top_left{ width:630px; height:60px; margin:0px; float:left; font-size:14px; padding-top:14px; line-height:32px; border-bottom:1px solid #dadbdc; }
.video_nav_top_right{ width:570px; height:60px; margin:0px; float:left; border-bottom:1px solid #dadbdc;}


.input-group-long{ width:560px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px;  }
.search_key_l{ width:440px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }

#banner_video { width:100%; min-width: 1200px; height: 500px; overflow: hidden; background:#000; }
#banner_video_content{ width: 1200px; height: 500px; margin:0 auto; overflow: hidden; display:block; }
#banner_video_content .lunbo_video_s {width: 1920px; height: 500px; display: block; }

.video_nav_bottom{ width:1200px; height:140px; }	
.video_nav_bottom_c	{ width:960px; height:140px; margin:0 auto; }	
.video_nav_bottom_1,.video_nav_bottom_2,.video_nav_bottom_3,.video_nav_bottom_4{ width:200px; height:140px; float:left; margin-left:20px; margin-right:20px; color:#676767; display:block; cursor:pointer; }
.video_nav_bottom_c h3{ font-size:16px; text-align:center; font-weight:bold; margin:10px; }
.nav_ico1,.nav_ico2,.nav_ico3,.nav_ico4{ width:60px; height:60px; margin:40px auto 0px; }
.nav_ico1 svg,.nav_ico2 svg,.nav_ico3 svg,.nav_ico4 svg{width:60px; height:60px; fill:#676767; }
.video_nav_bottom_all{ width:1200px; height:250px; position:absolute; float:left; }
.video_nav_all_1{ width:210px; height:170px; margin:0px 0px 0px 148px; }
.video_nav_all_2{ width:270px; height:170px; margin:0px 0px 0px 380px; }
.video_nav_all_3{ width:200px; height:170px; margin:0px 0px 0px 616px; }
.video_nav_all_4{ width:200px; height:170px; margin:0px 0px 0px 856px; }

.video_nav_bottom_1:hover>div>svg,.video_nav_bottom_2:hover>div>svg,.video_nav_bottom_3:hover>div>svg,.video_nav_bottom_4:hover>div>svg{ fill:#8fc31f!important; }
.video_nav_bottom_1:hover>h3,.video_nav_bottom_2:hover>h3,.video_nav_bottom_3:hover>h3,.video_nav_bottom_4:hover>h3{ color:#8fc31f!important;  }
.video_nav_bottom_c>.active>div>svg{ fill:#8fc31f!important; }
.video_nav_bottom_c>.active>h3{ color:#8fc31f!important; }

.input-group{ width:380px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px;  }
.input-group-ico{ width:30px; height:30px; color:#676767; float:right; margin:5px 3px 0px 0px; }
.search_btn{ width:46px; height:36px; border:none; background:#e8e9ea; margin:0px 14px 0px 0px;float:right; color:#000000; }
.search_btn:hover{ color:#8fc31f; }
.search_key{ width:260px; height:34px; float:right; border:none; background:#e8e9ea; outline: none; }

.video_nav_bottom_all ul{ padding:20px 20px 20px 36px; color:#676767; }
.video_nav_bottom_all li{ font-size:14px; line-height:32px; }
.video_nav_bottom_all li a{ color:#676767; }
.video_nav_bottom_all li a:hover{ color:#8fc31f; }

.video_list{ width:100%; margin:0 auto; }
.video_list_content{ width:1200px; min-height:840px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:800px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:33%; height:400px; float:left; }
.video_pro_list_content{ width:374px; height:354px; margin:24px 16px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:374px; height:210px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:374px; height:150px; float:left; padding:14px; }

.video_pro_list_foot_tag{ width:78%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_time{ width:22%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }

}
@media (min-width: 1300px) {	
#banner_video_content{ width:1300px; height: 500px; margin:0 auto; overflow: hidden; }

}
@media (min-width: 1400px) {	
#banner_video_content{ width:1400px; height: 500px; margin:0 auto; overflow: hidden; }

}
@media (min-width: 1600px) {	
#banner_video_content{ width:1600px; height: 500px; margin:0 auto; overflow: hidden; }

}
@media (min-width: 1920px) {	
#banner_video_content{ width:1920px; height: 500px; margin:0 auto; overflow: hidden; }

}
@media (min-width: 2000px) {
.tc_video{ width:940px; position:fixed; left:45%; top:35%; }
}