#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:400px; 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:620px; height:120px; margin:0px; float:left; border-bottom:1px solid #dadbdc; }
.btn_index { width:100px; float:left; padding-left:10px; }
.btn_tit { width:46px; color:#000000; float:left; }
.btn_link { width:76px; 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:640px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px; }
.search_key_l { width:530px; 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:200px; 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:200px; 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:246px; 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:138px; 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:630px; 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:400px; 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:680px; 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:700px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px; }
.search_key_l { width:590px; 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:200px; height:170px; margin:0px 0px 0px 108px; }
.video_nav_all_2 { width:200px; 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:246px; 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:138px; 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:400px; 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:800px; height:60px; margin:0px; float:left; border-bottom:1px solid #dadbdc; }
.input-group-long { width:778px; height:36px; float:right; background:#e8e9ea; border-radius:28px; margin:12px 2px 10px 20px; }
.search_key_l { width:670px; 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:200px; height:170px; margin:0px 0px 0px 148px; }
.video_nav_all_2 { width:200px; 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:246px; 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:138px; 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%; }
}