*{margin: 0;padding: 0;}
html,body { background: #fafafa; font-family: 'Arial';font-weight: normal;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
ul,li{list-style:none;}
@font-face {
font-family: 'DIN Alternate';
src: url('../fonts/DINAlternate-Bold.eot');
src: url('../fonts/DINAlternate-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/DINAlternate-Bold.woff2') format('woff2'),
url('../fonts/DINAlternate-Bold.woff') format('woff'),
url('../fonts/DINAlternate-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'DIN Condensed';
src: url('../fonts/DINCondensed-Bold.eot');
src: url('../fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/DINCondensed-Bold.woff2') format('woff2'),
url('../fonts/DINCondensed-Bold.woff') format('woff'),
url('../fonts/DINCondensed-Bold.ttf') format('truetype');
}
@font-face {
font-family: "iconfont"; 
src: url('../fonts/iconfont.woff2') format('woff2'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype');		
}

a{ color: #000;cursor:pointer; text-decoration:none ;}
a:hover{color:#0190d7;}
input:focus,img{outline: none;}
.clear{clear: both; width: 100%; height: 0; font-size: 0; line-height: 0;}




header {position: relative; width: 100%;min-width: 1580px;height:152px;  padding:40px 40px; box-sizing: border-box; transition:all 0.6s ease-in-out; background: #fff; }
.logo {position:absolute;transition:all 0.6s ease-in-out;}
.logo img{ width: 127px; }



.nav{float:right; height: 72px; }
.navlist{float: left; }
.navlist ul li { position: relative; float:left; line-height: 72px; padding:0 10px;color:#000; font-size:16px; font-family: Arial; font-weight: bold;}
.navlist ul li ul.submenu{position: absolute; width: 150px; visibility: hidden; opacity: 0; border: #eee 1px solid; border-radius: 10px; background: #fff; top: 60px; z-index: 100;box-shadow: 0 0 5px #eee;transition:all 0.6s ease-in-out;}
.navlist ul.submenu li{ float: none; line-height: 36px; font-weight: normal; font-size: 14px; border-bottom: #f4f4f4 1px solid;}
.navlist ul.submenu li:last-child{border: none;}
.navlist ul.submenu li a{color: #000;}
.navlist ul.submenu li a:hover{color: #0190d7;}
.navlist ul li:hover ul.submenu{ visibility: inherit;opacity: 1;}
.has_menu span{position: relative;display: flex;align-items: center;  padding:0 20px 0 0}
.has_menu span::after{ content: '';top:0; right: 0; width: 18px; height: 18px; background: url(../images/down_icon.svg) no-repeat; background-size: 100% 100%;transition:all 0.6s ease-in-out;}
.navlist ul li:hover span::after{ background: url(../images/down_icon_on.svg) no-repeat;transform: rotate(180deg)}


.lang_list{ position: relative; float: left; margin: 0; height: 72px;line-height: 72px;font-size:16px; font-family: Arial; font-weight: bold; cursor: pointer;}
.lang_list ul li{padding: 0 20px; font-size: 16px;}
.lang_list i{ margin: 0 3px 0 0;}
.lang_list:hover i{color:#0190d7;}
.lang_list ul span{ display: flex;align-items: center; padding:0;}
.lang_list ul li:hover span{color:#0190d7;}
.lang_list ul.submenu{position: absolute; width: 150px; visibility: hidden; opacity: 0; border: #eee 1px solid; border-radius: 10px; background: #fff; top: 50px; left:0px; z-index: 100;box-shadow: 0 0 5px #eee;transition:all 0.6s ease-in-out;}
.lang_list ul.submenu li{line-height: 36px; font-weight: normal; font-size: 14px; border-bottom: #f4f4f4 1px solid;}
.lang_list ul.submenu li:last-child{border: none;}
.lang_list:hover ul.submenu{ visibility: inherit;opacity: 1;}
.lang_list ul li:hover span::after{ background: url(../images/down_icon_on.svg) no-repeat;transform: rotate(180deg)}


.search_box{ display: flex; float: left; align-items: center; width: 130px; height: 40px;line-height: 40px; margin: 16px 0 0 0;  padding:0 10px; border-radius: 40px; border: #000 2px solid;}
.search_input{float: left;width: 100px; height: 30px;font-size: 16px; border: none;  background: none; }
.search_btn{float: left; width: 30px; height: 30px; background:none; border: none; cursor: pointer;}
.search_btn span{font-size: 30px;}
.search_btn span:hover{color:#0190d7;}
.search_active{ border: #0190d7 2px solid;}

/*slider*/
.slider_banner{ position:relative; width: 100%; font-size: 0; background: #000;}
.slider_banner_box img{max-width: 100%; width:100%;}
.top_swiper_box{position: absolute; width: 100%; bottom:0; overflow: hidden;}
.top_swiper_box .top_swiper_main{  width: 100%; background-image: linear-gradient(to top, #fafafa, transparent);}
.top_swiper_box .swiper-slide { position: relative; width: 600px;  border-radius: 20px; overflow: hidden;}
.top_swiper_box .swiper-slide::after{ content: ''; position: absolute; display: block;transition: all 0.6s; opacity: 1; width: 100%; height: 50%; bottom: 0; background-image: linear-gradient(to top, #000, transparent); pointer-events: none;}
.top_swiper_box .swiper-slide:hover::after{opacity: 0;}
.top_swiper_box .swiper-slide img{  max-width: 100%; width: 100%; border-radius: 20px;transition: all 0.6s ease-in-out;}
.top_swiper_box .swiper-slide:hover img{ transform: scale(1.3); }
.top_swiper_box .swiper-slide .swiper-slide-info{position: absolute; width: 100%; bottom:0; padding: 15px;  z-index: 100; box-sizing: border-box; }
.top_swiper_box .swiper-slide .swiper-slide-title{ margin: 0 0 15px 0; color: #fff;font-family: 'DIN Alternate'; font-size: 36px; text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.top_swiper_box .swiper-slide:hover .swiper-slide-title{color: #fff}
.top_swiper_box .swiper-slide .swiper-slide-more{ width: 100px; height: 30px; border-radius: 30px; line-height: 27px;font-family: 'DIN Alternate'; background-color: #2bc1f0; text-align: center; color: #fff; font-size: 18px;}
.top_swiper_box .swiper-slide .swiper-slide-more:hover{ background-color: #3ecdfa; cursor: pointer;}
.top_swiper_box .swiper-slide .swiper-slide-more a{color: #fff;}

/*toppics*/
.topics_box{position: relative; width: 1440px; min-height: 480px; margin: 50px auto; border-radius: 20px; overflow: hidden;}
.topics_main{position: relative; background: #fff; border-radius: 20px;  overflow: hidden;}
.topics_title{ position: absolute; top:0; bottom:0; left:-320px; right:auto; margin:auto;width: 640px; height: 112.5%; background: #2b9aff;   border-radius: 50%/50%; }
.topics_title h2{position: absolute; display: block; top:0; bottom:0; left:auto; right:55px; margin:auto; height:100px; line-height: 100px; font-size:100px;font-family: 'DIN Condensed';color: #fff;}
.topics_box .list{padding:20px 20px 20px 350px;}
.topics_box ul li{ position: relative; padding:25px 0; border-bottom: #eee 1px solid; font-size: 22px;font-family: Arial;  }
.topics_box ul li:last-child{ border-bottom: unset;}
.topics_box ul li:hover{background:#fafafa;}
.topics_box ul li h3{padding: 0  80px 0 105px;font-size: 24px;font-family: Arial;font-weight: normal;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.topics_box ul li span{position: absolute; display: block; height: 24px; line-height: 24px; top:0; bottom:0; left:auto; right:0;  margin:auto; font-size: 14px;  color: #999; }
.topics_box ul li b.topics_tags{position: absolute; top:0; bottom:0; left:0; right:auto; margin:auto; display: block; width: 92px; height: 34px;  line-height: 34px;  border-radius: 34px; text-align:center; background: #2b9aff;  color: #fff; font-size: 16px;}
.topics_box ul li b.world_tags{ background: #71dffb;}
.topics_box ul li b.gx_tags{ background: #00f399;}

/*video*/
.video_box{ position: relative; width: 100%; background-size: auto 100%;}
.video_box_main{width:100%; min-height: 856px; min-width: 1440px; background: url(../images/video_bg.jpg) no-repeat center 0;}
.video_box_top{ min-width: 1440px;max-width: 1920px; line-height: 0; margin: 0 auto; }
.video_box_top img{width: 100%; max-width: 100%;}
.video_box h2{ position: relative; padding: 58px  0;  text-align: center;	font-family: 'DIN Condensed'; font-size: 100px; color: #fff;}
.video_box h2 a{color:#fff}
.video_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:177px;bottom:auto; margin: auto; width: 100px; height:10px; background: #fff; border-radius: 10px; }
.video_swiper_box{position:absolute; width: 100%;min-width: 1440px;overflow: hidden; }
.video_swiper_box .video_swiper_main{height: 576px;mask:linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(0,0,0,.8) 10%, rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%, rgba(0,0,0,.8) 90%,rgba(0,0,0,.1) 100%);-webkit-mask:linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(0,0,0,.8) 10%, rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%, rgba(0,0,0,.8) 90%,rgba(0,0,0,.1) 100%);}
.video_swiper_box .swiper-slide { position: relative; width: 480px; overflow: hidden;}
.video_swiper_box .swiper-slide .img_box{position: relative; border-radius: 20px; overflow: hidden;}
.video_swiper_box .swiper-slide .img_box img{max-width: 100%;width: 480px; height: 270px;  border-radius: 20px; object-fit: cover;transition: all 0.6s ease-in-out; }
.video_swiper_box .swiper-slide:hover .img_box img{ transform: scale(1.2);}
.video_swiper_box .swiper-slide .img_box .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width:80px; height: 80px; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.video_swiper_box .swiper-slide:hover .img_box .play_btn{ opacity: 1;transition: all .6s;}
.video_swiper_box .swiper-slide .swiper-slide-title{ margin: 15px 0; color: #fff;font-family: 'DIN Alternate'; font-size: 36px; line-height: 1.2em; text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.video_swiper_box .swiper_bottom{ position: absolute; height: 54px; bottom:50px;left:0;right:0; margin: 0 auto; text-align: center; width: 1440px;}
.video_swiper_box .swiper_bottom_main{ position: relative; width: 40%;height: 54px; margin: 0 auto;}
.video_swiper_box .swiper-pagination{width: auto !important; margin: 0 auto; left:0;right:0; }
.video_swiper_box .swiper-pagination .swiper-pagination-bullet{ width:20px; height:10px; border-radius: 10px; background: #2b9aff; opacity: 1;transition:all 0.6s ease-in-out;}
.video_swiper_box .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; width:40px;}
.video_swiper_box .swiper-button-next, .video_swiper_box .swiper-button-prev{width:54px;height:54px;border: #2b9aff 2px solid;border-radius: 100%; text-align: center;}
.video_swiper_box .swiper-button-next:hover, .video_swiper_box .swiper-button-prev:hover{ background: #2b9aff;}
.video_swiper_box .swiper-button-next::after, .video_swiper_box .swiper-button-prev::after{font-size: 24px !important; color: #2b9aff;font-weight: bold}
.swiper_mask_left{ position: absolute; display: none; top: 0;left:0; width: 12.25vw; height:100%;  z-index: 100;background-image: linear-gradient(to right, #0190d7, transparent);}
.video_swiper_box .swiper-button-next:hover::after, .video_swiper_box .swiper-button-prev:hover::after{color: #fff;}



/*lifestyle*/
.lifestyle_box{  width: 100%;max-width: 1440px;min-width: 1440px; margin: 0 auto; padding: 100px 0; overflow: hidden;}
.lifestyle_box h2{ position: relative; margin: 0 0 100px 0;  text-align: center; font-family: 'DIN Condensed';font-size: 100px; color: #e355f4;}
.lifestyle_box h2 a{color:#e355f4}
.lifestyle_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:120px;bottom:auto; margin: auto; width: 100px; height:10px; background: #e355f4; border-radius: 10px; margin: 0 auto;}
.lifestyle_main {width: 100%;}
.lifestyle_main ul{display:flex;width:1440px;padding:0;box-sizing:border-box;height:640px}
.lifestyle_main ul li{height: 640px; position:relative;flex:1;overflow:hidden;transition:all .6s ease-in-out;margin:0 20px 0 0;border-radius:20px;line-height:0;}
.lifestyle_main ul li:nth-child(4){margin:0}
.lifestyle_main ul li img{width:100%; height:100%;object-fit: cover; object-position: left; transition:all .6s ease-in-out;}
.lifestyle_main ul li .lifestyle_con{position:absolute; width: 305px;bottom:0; margin:20px;display:block;z-index: 100; overflow: hidden;}
.lifestyle_main ul li:hover{flex:1 1 12.5%}
.lifestyle_main ul li:hover img{width:auto}
.lifestyle_main ul li:hover .lifestyle_con{width:440px}
.lifestyle_main ul li .life{width: 100%;height: 100%;}
.lifestyle_main ul li h3{ display: block; width: 100px; height: 40px; margin: 0; padding:0;  line-height: 40px; align-items: center; justify-content: center; border-radius: 40px;font-family: 'DIN Condensed'; text-align: center; color: #fff; font-size: 26px; background: #00f399;}
.lifestyle_main ul li h3.culture_tags{background: #e355f4;}
.lifestyle_main ul li h3.food_tags{background: #f3c800;}
.lifestyle_main ul li::after{ content: ''; position: absolute; display: block;transition: all 0.6s; opacity: 1; width: 100%; height: 50%; bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,.6), transparent); border-radius: 20px; pointer-events: none;}
.lifestyle_main ul li .lifestyle_con_text{   height: 0; width: 440px;font-family: 'DIN Alternate'; font-size: 18px; line-height:20px;  color: #fff;transition:all .6s ease-in-out; opacity: 0;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.lifestyle_main ul li:hover .lifestyle_con_text{   height: 60px; opacity: 1;margin: 15px 0 0 0; }


/*Exchange*/
.exchange_box{ width: 100%; min-width: 1440px; margin: 0 auto; padding: 50px 0 0 0; overflow: hidden;}
.exchange_box h2{ position: relative; margin: 0 0 100px 0;  text-align: center; font-family: 'DIN Condensed';font-size: 100px; color: #002770;}
.exchange_box h2 a{color:#002770}
.exchange_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:120px;bottom:auto; margin: auto; width: 100px; height:10px; background: #002770; border-radius: 10px; margin: 0 auto;}
.exchange_main{ width: 100%; background: #122444;}
.exchange_list ul {width: 100%; min-width: 1440px; margin: 0 auto;}
.exchange_list ul li{ float: left; width: 33.3333%;}
.exchange_list_img{position: relative;}
.exchange_list_img img{width: 100%; max-width: 100%; max-height: 360px; object-fit: cover; }
.exchange_list_img::before{ content: ''; position: absolute; display: block;transition:all .6s ease-in-out;opacity: 1; width: 100%; height: 50%; bottom: 0; background-image: linear-gradient(to top, #122444, transparent);}
.exchange_list_img.special::before{display: none;}
.exchange_list ul li:hover .exchange_list_img::before{ opacity: 0;}
.exchange_list ul li::after{ content: ''; display: block; width: 90%; height:2px; background: #5a667c; border-radius: 5px; margin: 0 auto;}
.exchange_list_text{ margin: 55px 40px;font-family: 'DIN Alternate'; font-size: 36px; color: #fff;transition:all .6s ease-in-out;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.exchange_list ul li:hover .exchange_list_text{ color: #2bc1f0;}


/*china_theatre_box*/
.china_theatre_box{ width: 100%;min-width: 1440px;  height: auto; margin: 0 auto; padding: 192px 0 10% 0; background: url(../images/documentary_bg.jpg) no-repeat center 0; background-size: auto 100%; overflow: hidden; }
.china_theatre_box h2{ position: relative; margin: 0 0 150px 0;  text-align: center; font-family: 'DIN Condensed';font-size: 100px; color: #fff;}
.china_theatre_box h2 a{color:#fff}
.china_theatre_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:120px;bottom:auto; margin: auto; width: 100px; height:10px; background: #fff; border-radius: 10px; margin: 0 auto;}
.china_theatre_swiper {margin:0;}
.china_theatre_swiper ul div{display: flex;}
.china_theatre_swiper ul li{width: 1440px !important; height: 832px; display: flex; position: relative; border-radius: 0; font-size:0 !important;line-height: 0;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(1) { position: absolute; top:0; width: 540px; height: 303px;border-radius: 20px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(2) { position: absolute; left:25%; top:480px; width: 270px; height: 150px;border-radius: 8px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(3) { position: absolute; left:45%;top:0;width: 300px; height: 170px;border-radius: 10px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(4) { position: absolute; right:7%; top:280px;width: 360px; height: 202px;border-radius: 15px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(5) { position: absolute; right:6%; bottom:0; width: 300px; height: 170px;border-radius: 10px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(1) img{width: 540px; height: 303px;border-radius: 20px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(2) img{width: 270px; height: 150px;border-radius: 8px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(3) img{width: 300px; height: 170px;border-radius: 10px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(4) img{width: 360px; height: 202px;border-radius: 15px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(5) img{width: 300px; height: 170px;border-radius: 10px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .img_box{position: relative;}
.china_theatre_swiper ul li .img_box .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width: 4.16vw; height: 4.16vw; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.china_theatre_swiper ul li .img_box:hover .play_btn{ opacity: 1;transition: all .6s;}
.china_theatre_swiper ul li .img_box:hover img{ transform: scale(1.2);}




/*Live*/
.live_box{ padding: 0 0 110px 0;height: 520px;}
.live_box ul{width: 1330px; margin: 0 auto;}
.live_box ul li{ float: left; width: 650px; height: 520px; margin: 0 30px 0 0;}
.live_box ul li.gxtv{margin: 0;}
.live_box ul li h2{  margin: 0 0 48px 0;height: 85px; font-size: 40px;font-family: 'DIN Condensed';}
.live_box ul li h2 img{ float: left; display:block; width: 85px; height: 85px; margin: 0 15px 0 0; border-radius: 50%;}
.live_box ul li h2 span{float: left; display:block; line-height: 97px; }
.live_box ul li.bbrtv h2{ color: #01529a;}
.live_box ul li.gxtv h2{ color: #fda503;}
.live_box ul li .live_box_img{ position: relative; width: 650px; height: 386px;border-radius: 20px; overflow: hidden;}
.live_box ul li .live_box_img img{width: 650px; height: 386px; border-radius: 20px;transition: all 0.6s ease-in-out; }
.live_box ul li a:hover img{ transform: scale(1.2);}
.live_box ul li .live_box_img .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width: 128px; height: 128px; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.live_box ul li:hover .live_box_img .play_btn{ opacity: 1;transition: all .6s;}
.live_box ul li .live_box_img .pause_btn{ position: absolute; display: none; top:0; bottom:0; left:0; right:0; margin:auto; width: 128px; height: 128px; background: url(../images/pause_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.live_box ul li:hover .live_box_img .pause_btn{ opacity: 1;transition: all .6s;}
#fmLive{display: none;}


/*footer*/
.footer{ width: 100%;min-width: 1440px; margin: 0 0 0 0; padding: 80px 0 0 0; background: #2bc1f0; color: #fff; font-family: 'Arial'}
.footer_main{width: 1440px; margin: 0 auto; position: relative;background: #2bc1f0; }
.footer_logo{margin: 0 0 30px 0;}
.footer_link{ width: 780px;}
.footer_link ul{ display: block; }
.footer_link ul li:nth-child(3){padding: 0 0 0 30px;}
.footer_link ul li:nth-child(4),.footer_link ul li:nth-child(5),.footer_link ul li:nth-child(10){min-width: 82px;}
.footer_link ul li:nth-child(9){padding: 0 0 0 30px;}
.footer_link ul li:nth-child(6){min-width:130px;margin: 0 0 0 123px;}
.footer_link ul li:nth-child(11){width: auto;margin: 0 50px 0 0;}
.footer_link ul li{float: left;  min-width: 110px; line-height: 40px; font-size: 14px;}
.footer_link ul li a{color: #fff;}
.footer_link ul li a:hover{color: #b4e8f9;}
.footer_app{position: absolute; top:112px; right: 0; height: 56px;}
.footer_app ul{ height: 56px;}
.footer_app ul li{float: left; margin:0 5px;}
.footer_app ul li img{transition: all .6s;}
.footer_app ul li:hover img{margin: -10px 0 0 0;}
.footer_app p{position: absolute; right:0; margin: 10px 0 0 0; display: block; height: 20px; line-height: 20px; font-size: 14px;}
.email_icon{display: inline-block; width: 20px; height: 20px; margin: 0 3px 0 0; padding:0;vertical-align: middle; background: url(../images/email_icon.svg) no-repeat 0 center;background-size: 20px 20px;}
.email_text{display: inline-block; margin: 0 10px 0 0; line-height: 20px; vertical-align: middle;}
.copyright{ padding:100px 0 30px 0; text-align: center; color: #1ba3cd;  font-size: 12px;}
.copyright .license,.copyright .nsme{ display: flex; flex-wrap: wrap; justify-content: center;}
.copyright .nsme a{display: block;padding: 4px; margin: 4px; width: fit-content; height: 28px; background-color: #ffffff; border-radius: 6px;}
.copyright .nsme img{ float: left; display: block; width: 32px; height: 28px;border-radius: 20px;}
.copyright .nsme span{ display: inline-block; padding: 0 4px; line-height: 14px; text-align: left;}
.copyright a{color: #1ba3cd;}
.backtop{z-index: 1000; display: none; width: 60px; height: 60px;  background: #2bc1f0 url(../images/up_icon.svg) no-repeat center center; border: #fff 2px solid;  border-radius: 8px;position: fixed; right:20px; bottom: 20px;}



/*news_list*/
.list_banner{ position: relative;  width: 1440px; height:230px; background: #2a96fa; border-radius: 20px; margin: 50px auto;line-height: 0; overflow: hidden;}
.list_banner h2{position: absolute;top:0;bottom:0;left:50px;right:0; margin: auto;  line-height: 230px; font-size: 100px;font-family: 'DIN Condensed'; color: #fff; text-transform: uppercase;}
.gx_banner{ background:#2a96fa url(../images/gx_banner.png) no-repeat; }
.china_banner{ background:#cb3838 url(../images/china_banner.png) no-repeat; }
.world_banner{ background:#183cf5 url(../images/world_banner.png) no-repeat; }
.lifestyle_banner{ background:#e355f4 url(../images/lifestyle_banner.png) no-repeat; }
.video_banner{ background:#4360f5 url(../images/video_banner.png) no-repeat; }
.exchange_banner{ background:#0854a3 url(../images/exchange_banner.png) no-repeat; }
.china_theatre_banner{ background:#082ca3 url(../images/china_theatre_banner.png) no-repeat; }
.special_banner{background:#2bc1f0  url(../images/news_banner.png) no-repeat;}
.sub_banner{height: 375px;}
.sub_banner .sub_name{display: none;}
.sub_banner img{ width: 100%; height: 100%; object-fit: cover;}


.news_list{width: 1440px; margin: 48px auto;background: #fff; border-radius: 20px;}
.news_list ul{ padding: 10px 40px 20px 40px;}
.news_list ul li{ padding: 30px 0;border-bottom: #eee 1px solid; font-size: 24px; font-family: 'Arial'}
.news_list ul li span{margin: 0 20px 0 0; font-weight: bold;}
.news_list ul li span.news_list_text{margin: 0 20px 0 0; font-weight: normal;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}

/*pages*/
.pages {text-align:center; padding: 60px 0  40px 0; min-height: 60px; font-size:24px;}
.pages a{ margin:0; border:#cacaca 1px solid;border-right:none; background:#fff; color:#000; height: 60px;min-width: 60px; line-height: 60px; padding:0 15px; border-radius: 0; display: inline-block; box-sizing: border-box;}
.pages a:first-child{ border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.pages a:last-child{ border-top-right-radius: 6px; border-bottom-right-radius: 6px;border-right:#cacaca 1px solid;}
.pages a:hover{  background:#4691e8; color:#fff; }
.pages strong,.pages .current{ margin:0;border:#4691e8 1px solid; background:#4691e8; color:#fff; height: 60px;min-width: 60px; line-height: 60px;padding:0 15px;border-radius: 0;font-weight:bold;display: inline-block; box-sizing: border-box;}
.pages em{font-style:normal; color:#666; display:none;display: inline-block;}	
.pages_input{border:#cacaca 1px solid;height: 60px;line-height: 60px; margin: 0 10px; padding:0 5px 5px 5px; display: inline-block; box-sizing: border-box; border-radius: 6px; }
.pages_input input{ position: relative; width: 90px; height: 50px;line-height: 50px; top:0; font-size: 20px; padding: 0 5px; border:none;overflow: hidden; border: none; }
.pages_go_btn{position: relative; width: 100px;height: 60px; top: -1px; display: inline-block; box-sizing: border-box; border-radius: 6px;  color: #000;}
.pages_go_btn a{ width: 100%; line-height: 60px; background-color:#cacaca; font-size: 20px; border:none;border-radius: 6px;  }
/* .pages a.last_pre{ border-top-left-radius: 6px; border-bottom-left-radius: 6px;border:#cacaca 1px solid; border-right:none } */
/* .pages a.last_next{ border-top-right-radius: 6px; border-bottom-right-radius: 6px;border:#cacaca 1px solid; border-left:none; } */
/* .pages a.pre,.pages a.next{border:#cacaca 1px solid;} */
.iconfont{font-family:'iconfont';font-size:20px;font-style:normal;color:#000;}
.pages a:hover .iconfont{color:#fff}
.icon-shouye:before{content:"\e639"}
.icon-yuyan:before{content:"\e60b"}
.icon-sousuo:before{content:"\e660"}
.icon-pre:before{content:"\e712"}
.icon-up:before{content:"\e713"}
.icon-last-next:before{content:"\e714"}
.icon-all-up:before{content:"\e715"}
.icon-all-down:before{content:"\e716"}
.icon-last-pre:before{content:"\e717"}
.icon-next:before{content:"\e718"}
.icon-down:before{content:"\e71a"}



/*news_view*/
.news_view_main{width: 1440px; margin: 50px auto;background: none; border-radius: 20px; padding:40px; box-sizing: border-box; background-color:#FFFFFF;}
.news_view_main .news_view_title{ padding: 0 0 20px 0; font-size: 36px;}
.news_view_infobox{ position: relative; border-bottom:#eee 1px solid; padding: 15px 0;}
.news_view_date{ color: #666; height: 50px; line-height: 50px;}
.news_view_date span{margin: 0 20px 0 0;}
.social-share{position: absolute;top:0; right: 0;}
.social-share .social-share-icon{ width: 44px !important; height: 44px !important; line-height: 44px !important; }
.news_view_content{ padding:40px 0; font-size: 24px; line-height: 1.5em;}
.news_view_content p{margin: 0 0 2em 0;}
.news_view_content img{max-width: 1000px; margin: 0 auto; display: block;}
.news_view_dplayer{width: 640px;margin: 0 auto;}

.lifestyle_list{width: 1440px; margin: 50px auto;background: #fff; border-radius: 20px; padding:40px; box-sizing: border-box;overflow: hidden;}
.lifestyle_list ul{width: 1400px; overflow: hidden;}
.lifestyle_list ul li {position: relative;float: left; width: 426px;margin: 0 40px 40px 0; transition:all .5s ease 0s; overflow: hidden; cursor: pointer;}
.lifestyle_list ul li h3{ display: block; width: 100px; height: 40px; padding:0;  line-height: 40px; align-items: center; justify-content: center; border-radius: 40px;font-family: 'DIN Condensed'; text-align: center; color: #fff; font-size: 26px; background: #00f399;}
.lifestyle_list ul li h3.culture_tags{background: #e355f4;}
.lifestyle_list ul li h3.food_tags{background: #f3c800;}
.lifestyle_list ul li .item::after{ content: ''; position: absolute; display: block;transition: all 0.6s; opacity: 0; width: 100%; height: 50%; bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,.6), transparent);}
.lifestyle_list ul li:hover .item::after{ opacity: 1; }
.lifestyle_list ul.w-accor li{ position:relative; overflow:hidden;float:left;}
.lifestyle_list ul.w-accor li:last-child{ padding:0!important;}
.lifestyle_list ul.w-accor li .item{ position:relative; overflow: hidden;border-radius: 20px; margin: 0;}
.lifestyle_list ul.w-accor .img_ar{line-height: 0;border-radius: 20px; overflow: hidden;}
.lifestyle_list ul.w-accor .img_ar img{width: 426px;height: 568px;object-fit: cover;}
.lifestyle_list ul.w-accor li .cont_ar{  position:absolute;width: 100%; left:0; right:0; bottom:0;  z-index: 100;color:#fff;}
.lifestyle_list ul.w-accor li .dec_ar{ padding:10px 20px;}
.lifestyle_list ul.w-accor li .acr_p{width: 100%; height:0; overflow:hidden;font-family: 'DIN Alternate';  font-size: 18px; line-height:1.5; margin:0;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0;filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s;}
.lifestyle_list ul.w-accor li:hover .acr_p{ width: 100%; height:4.5em; margin-top:0.5em; margin-bottom:0.5em;transform:translateY(100%); -webkit-transform:translateY(0); opacity:1;filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.lifestyle_list .pages{padding:40px 0}



.video_player_body{ width: 100%; min-width: 1440px; background: #fff}
.video_player_main{ width: 1440px; padding: 60px 0 ;  margin: 0 auto; }
.video_player_box{ position: relative; padding:0;   }
.dplayer,.tv_live{  margin: 0 auto; border-radius: 6px; overflow: hidden;}
.tv_live{ height: 563px;}
.video_info_box_left{float: left; width: 1000px; margin: 0 40px 0 0;}
.video_box_right{ float:left; width:360px; padding: 20px; border-radius: 12px; background-color:rgb(241, 242, 243); }
.video_info_box_body{ width: 1440px; margin: 0 auto; padding: 0 0 60px 0; }
.video_info_box{ position: absolute;  width: 100%; height: 100%;  margin: 0 auto; padding: 0; position: relative; color: #bbb;}
.video_info_box_img{float: left; width: 165px;}
.video_info_box_img img{ width: 100%;border-radius: 6px; }
.video_info_box_top{height: 140px;}
.video_info_box_text{float: left; width: 800px;  padding:0 0 0 15px}
.video_about_title{color: #18191C;font-size: 18px;margin-bottom:10px; }
.video_view_about{font-size: 14px; color: #61666D;}
.video_view_about h3 b,.video_view_episodes h3 b{color: #61666D;  font-size: 14px; padding:10px 0; margin-bottom:0; }
.video_view_about h3,.video_view_episodes h3{color: #bbb; display: block; font-size: 14px; padding: 0  0 10px 0; font-weight: normal; }
.video_info_box_text_con{font-size: 14px;color: #61666D; height: 190px; overflow: hidden; line-height:1.5em ;transition: all 1s ease-in-out;}
.video_info_box_text_con .toggle{position: relative; top: 5px;}
.video_info_box_text_con .toggle .close, .video_info_box_text_con.opened .toggle .open{ display: none;}
.video_info_box_text_con .toggle .opened, .video_info_box_text_con.opened .toggle .close{ display:inline;}
.video_info_box_text_con.opened{ height: auto;}
.video_view_episodes ul{ height: 330px; overflow-y: scroll;}
.video_view_episodes ul::-webkit-scrollbar-track{border-radius: 10px;background-color: #fff;}
.video_view_episodes ul::-webkit-scrollbar{width: 12px;border-radius: 10px;background-color: #fff;}
.video_view_episodes ul::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #2bc1f0;}
.video_view_episodes ul li{ float: left;  width: 20%; padding: 5px 0;}
.video_view_episodes ul li a{display: block; width: 56px; height: 56px; line-height: 56px;  color: #000; background: #fff; border-radius: 8px; text-align: center; margin: 0 auto;}
.video_view_episodes ul li a:hover,.video_view_episodes ul li.on a{background: #2bc1f0; color: #fff; font-weight: bold;}
.video_player_main .social-share{ position: absolute; right: 0;  padding: 10px 0;  text-align: right;}
.video_player_main .social-share .social-share-icon{ margin: 0 15px; color: #61666D;border: none; font-size: 32px;}
.video_player_main .social-share .social-share-icon:hover{ color: #2bc1f0;background: none;}
.video_view_title{ position:relative; color: #18191C;margin-bottom:0;border-bottom:#eee 1px solid; width: 1440px; padding: 20px 0; }
.video_view_title h1{display: flex;width: 1000px;font-size: 20px; }
.video_player_main .social-share .wechat-qrcode .help{ display: none; }
.video_player_box_left{float: left; width: 1000px; margin:0 40px 0 0}
.video_player_box_right{ float:left; width:400px; height: 562.5px; box-sizing: border-box; padding: 20px; border-radius: 12px; background-color:#f3fbfe; }
.video_player_box_right .video_info_box_text{ width: 280px;}


.live_channel_list ul li{ width: 100%; height: 82px; margin: 0 0 10px 0; padding:8px; box-sizing: border-box;}
.live_channel_list ul li:hover,.live_channel_list ul li.play_active{background: #95e3fc;;border-radius: 10px; color: #0061ae;}
.live_channel_logo { float:left; width: 66px;height: 66px;margin: 0 10px 0 0;}
.live_channel_logo img{ width: 64px; height: 64px;border-radius: 64px; border: #2bc1f0 1px solid;}
.live_channel_name{float: left; width: 230px; line-height: 66px; font-size: 18px;font-weight: bold;}

.video_list{width: 1440px; margin: 50px auto;background: #fff; border-radius: 20px; padding:40px; box-sizing: border-box;overflow: hidden;}
.video_list ul{width: 1400px; overflow: hidden;}
.video_list ul li {position: relative;float: left; width: 426px;margin: 0 40px 40px 0; transition:all .5s ease 0s; overflow: hidden; cursor: pointer;}
.video_list_img img{width:100%; height: 244px; object-fit: cover; border-radius: 12px;}
.video_list_img .img_box{position: relative; border-radius: 12px; overflow: hidden;}
.video_list ul li  .img_box img{max-width: 100%;  border-radius: 12px; object-fit: cover;transition: all 0.6s ease-in-out; }
.video_list ul li:hover .img_box img{ transform: scale(1.1);}
.video_list ul li  .img_box .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width:80px; height: 80px; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.video_list ul li:hover .img_box .play_btn{ opacity: 1;transition: all .6s;}
.video_list_title{ height: 70px; font-size: 20px;  margin:15px 0;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.video_list .pages{padding:20px 0 40px 0}

.exchange_list_box{width: 1440px; margin: 50px auto;background: #fff; border-radius: 20px; padding:20px 40px 40px 40px; box-sizing: border-box;overflow: hidden;}
.exchange_list_box ul li{ height: 202px; padding: 40px 0; border-bottom: #eee 1px solid;}
.exchange_list_box .exchange_list_img{position: relative; float: left; width: 360px;  height: 202px; border-radius: 12px;overflow: hidden;}
.exchange_list_box .exchange_list_img img{ width: 360px;  height: 202px;object-fit: cover; border-radius: 12px; }
.exchange_list_box .exchange_list_img::after{ display: none; }
.exchange_list_box .exchange_list ul li::after{ display: none;}
.exchange_list_box .exchange_list_text{float: left; width: 980px; margin: 0 0 0 20px; font-family: Arial;  }
.exchange_list_box .exchange_list_text h3{font-size: 20px; font-weight: normal; color: #000;text-overflow: ellipsis;line-clamp: 5;-webkit-line-clamp: 5;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.exchange_list_box .exchange_list_text p{color: #999; font-size: 14px; margin: 20px 0 0 0;}
.exchange_list_box ul li:hover .exchange_list_text h3{ color: #2bc1f0;}


.china_theatre_list{width: 1440px; margin: 50px auto;background: #fff; border-radius: 20px; padding:40px; box-sizing: border-box;overflow: hidden;}
.china_theatre_list ul{width: 1400px; overflow: hidden;}
.china_theatre_list ul{ width: 1440px; margin: 0 auto;}
.china_theatre_list ul li{float: left; position: relative; width: 310px; height: 460px;  margin: 0 40px 40px 0; overflow: hidden; border-radius: 20px; cursor: pointer;}
.china_theatre_list ul li:last-child{margin: 0;}
.china_theatre_list ul li img{width: 325px; height: 460px; object-fit: cover;}
.china_theatre_list ul li::after{ content: ''; display: block;position: absolute; top: 0; left:0; width: 100%; height: 100%;  background-color: rgba(0, 0, 0,0);transition: all .6s ease-in-out;}
.china_theatre_list ul li .china_theatre_box_list_info{ position: absolute; bottom: 0; left:0; width: 100%; padding: 20px; box-sizing: border-box; color: #fff; z-index: 100; opacity: 0;transition: all 1s ease-in-out;}
.china_theatre_list ul li .china_theatre_box_list_info h3{font-size: 24px; margin: 0 0 15px 0;}
.china_theatre_list ul li .china_theatre_box_list_info p{font-size: 18px;}
.china_theatre_list ul li:hover .china_theatre_box_list_info{ opacity: 1;}
.china_theatre_list ul li:hover::after{ background-color: rgba(0, 0, 0, .7);}
.china_theatre_list .pages{padding:40px 0}


/*PC css*/
@media all and (min-width:768px)
{
.nav-responsive {display:none;}
.navlist {  display: block!important;}
.header_fixed {position:fixed;height:92px;padding:10px 40px;top:0; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); z-index: 1000; }
.header_fixed .logo {transform:scale(0.8);margin-top:0;margin-bottom:0;}
}




/*Mobile css*/
@media all and (max-width:768px) {
body{min-width: 320px;}
@font-face {
font-family: 'DIN Condensed';
src: url('../fonts/DINCondensed-Bold2.eot');
src: url('../fonts/DINCondensed-Bold2.eot?#iefix') format('embedded-opentype'),
url('../fonts/DINCondensed-Bold2.woff2') format('woff2'),
url('../fonts/DINCondensed-Bold2.woff') format('woff'),
url('../fonts/DINCondensed-Bold2.ttf') format('truetype');
}
.header{min-width: 100%}
.nav-responsive {display:none;position:absolute;top:28px;right:10px;height:28px;width:28px;}
header{position:fixed;top:0; padding: 0; height: 60px;box-shadow:0px 5px 5px rgba(115, 117, 165, 0.07); z-index: 1000;}	
.logo{padding:10px; z-index: 200;}
.logo img{ width: 70px !important; }	
.nav-responsive { display: block; z-index: 200;}
.dis_scroll{overflow: hidden;}
.nav{float: none; position: relative; height: 60px;box-shadow:0px 5px 5px rgba(115, 117, 165, 0.07); }
.nav_main{display: none;float: none; position: fixed; top: 60px; width: 100%; height:calc(100vh - 60px); overflow:auto; background: #fff; padding: 20px 20px 50px 20px; box-sizing: border-box; z-index:2000;}
.navlist { float: none; position: relative;  width: 100%; height: auto; line-height: 40px;background: #fff;}
.navlist ul{float: none;}
.navlist ul li {float: none;width: 100%; border-bottom: 1px solid #eee;line-height: 40px; background: #fff; box-sizing: border-box; padding: 0 !important;}
.navlist ul li a{display: block; width: 100%;}
.navlist ul li.has_menu span{width: 100%; display: block; padding: 0; }
.navlist ul li:hover span::after{ width: 24px; height: 24px;background: url(../images/down_icon_on.svg) no-repeat;transform: rotate(0deg);background-size: 100% 100%;}
.navlist ul li.active span::after{ width: 24px; height: 24px;background: url(../images/down_icon_on.svg) no-repeat;transform: rotate(180deg) !important;background-size: 100% 100%;}
.navlist ul li:hover ul.submenu{ visibility: inherit;opacity: 1; height: 0;}
.navlist ul li ul.submenu{position: relative; width: 100%; height: auto;display: none;  visibility: inherit; overflow:hidden; opacity: 1; border: none; border-radius: 0; background: #fff; top: 0; z-index: 100;box-shadow:none;transition:all 0.6s ease-in-out;}
.navlist ul.submenu li{ float: none; line-height: 36px; font-weight: normal; font-size: 14px; border-bottom: 0; border-top: #f4f4f4 1px solid;  padding:0 0 0 15px  }
.navlist ul.submenu li:last-child{border-top: #f4f4f4 1px solid;}
.navlist ul.submenu li a{color: #000;}
.navlist ul.submenu li a:hover{color: #0190d7;}
.navlist ul li ul.submenu_active{  height: auto !important;}
.has_menu span::after{width: 24px; height: 24px;top: 8px; position: absolute;}

.lang_list { float: none; position: relative; margin: 15px 0 0 0;  width: 100%;height: auto;line-height: 40px;}
.lang_list ul{float: none;}
.lang_list ul li {float: none;width: 100%; border-bottom: 1px solid #eee;line-height: 40px; background: #fff;box-sizing: border-box;padding:0; }
.lang_list::before{top: 8px;}
.lang_list ul li.has_menu span{width: 100%;display: block; padding:0;box-sizing: border-box;}
.has_menu::after{right: 0; top:8px; width: 24px; height: 24px; background-size: 100% 100%;}
.lang_list ul li:hover span::after{ width: 24px; height: 24px;background: url(../images/down_icon_on.svg) no-repeat;transform: rotate(0deg);background-size: 100% 100%;}
.lang_list ul li.active span::after{ width: 24px; height: 24px;background: url(../images/down_icon_on.svg) no-repeat;transform: rotate(180deg) !important;background-size: 100% 100%;}
.lang_list ul li:hover ul.submenu{ visibility: inherit;opacity: 1; height: 0;}
.lang_list ul li ul.submenu{position: relative; width: 100%; height: auto; display: none;  visibility: inherit; overflow:hidden; opacity: 1; border: none; border-radius: 0; background: #fff; top: 0; z-index: 100;box-shadow:none;transition:all 0.6s ease-in-out;}
.lang_list ul.submenu li{ float: none; line-height: 36px; font-weight: normal; font-size: 14px; border-bottom: 0; border-top: #f4f4f4 1px solid; padding:0 0 0 15px  }
.lang_list ul.submenu li:last-child{border-top: #f4f4f4 1px solid;}
.lang_list ul.submenu li a{color: #000;}
.lang_list ul.submenu li a:hover{color: #0190d7;}
.lang_list ul li ul.submenu_active{  height: auto !important;}


.search_box{border: #000 2px solid!important;  width: 100%!important; box-sizing: border-box; margin: 15px 0 100px 0;}
.search_box form{display: flex;align-items: center;width: 100%;height: 36px;line-height: 36px;}
.search_input{ display:block!important; width: 100%!important;}
.search_active{width: 130px;border: #0190d7 2px solid !important;}
.search_input_active{display:block;border: #0190d7 2px solid !important;}


#nav-toggle {position: absolute;padding: 0;right: 0;top: 0;left: 0;cursor: pointer;}
#nav-toggle span,
#nav-toggle span::before,
#nav-toggle span::after {cursor: pointer;border-radius: 2px;height: 3px;width: 28px;background: #000;position: absolute;display: block;content: '';transition: all 300ms ease-in-out;}

#nav-toggle span::before {top: -11px;}
#nav-toggle span::after {bottom: -11px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span::before,#nav-toggle.active span::after { top: 0;}
#nav-toggle.active span::before {transform: rotate(45deg);}
#nav-toggle.active span::after { transform: rotate(-45deg);}


.slider_banner{font-size: 0;  padding: 60px 0 0 0; background:none;}
.slider_banner img{width: 100%;}
.slider_banner_box{position: relative;}
.slider_banner_box::after{content:''; display: block; width: 100%; height: 30%; position: absolute; bottom: 0; background-image: linear-gradient(to top, #fafafa, transparent); z-index: 100;}
.top_swiper_box{position: relative; margin: -90px 0 0 0; z-index: 200;}	
.top_swiper_box .swiper-slide .swiper-slide-title{ margin: 0 0 15px 0; color: #fff; font-size: 16px; line-height: 1.3; text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}	
.top_swiper_box .top_swiper_main{ background:none;}	
.top_swiper_box .swiper-slide .swiper-slide-more{ width: 60px; height: 24px; line-height: 22px; font-size: 12px; }	
.top_swiper_box .swiper-button-next::after,.top_swiper_box .swiper-button-prev::after{font-size: 32px;}
/*toppics*/
.topics_box{ margin: 30px auto; padding: 15px; width: auto;position: relative; overflow: hidden;}
.topics_main{position: relative; width: 100%; box-sizing: border-box; background: #fff; border-radius: 10px; overflow: hidden;}
.topics_title{ position: absolute; top:-80px; bottom:auto; left:0; right:0; margin:auto;width: 160px; height:160px; background: #2b9aff;   border-radius: 50%/50%;  color: #fff; }
.topics_title h2{position: absolute; display: block; top:auto; bottom:40px; left:0; right:0; margin:auto; height: 48px; text-align: center; font-size: 48px;}
.topics_main .list{padding:100px 10px 10px 10px;}
.topics_main ul li{ position: relative; padding:10px 0; border-bottom: #eee 1px solid; font-size: 16px;font-family: Arial; border-radius: 4px; }
.topics_main ul li:hover{background:#fafafa;}
.topics_main ul li h3{margin: 10px 0; padding: 0; font-size: 16px;font-family: Arial;font-weight: normal;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.topics_main ul li span{position:relative; display: block; height: 24px; line-height: 24px; top:0; bottom:0; left:auto; right:0; text-align: right;  margin:auto; font-size: 14px;  color: #999; }
.topics_main ul li b.topics_tags{position: relative; top:0; bottom:0; left:0; right:auto; margin:0; display: block; width: 60px; height: 24px;  line-height: 24px;  border-radius: 24px; text-align:center; background: #2b9aff;  color: #fff; font-size: 12px;}
.topics_main ul li b.world_tags{ background: #71dffb;}
.topics_main ul li b.gx_tags{ background: #00f399;}

.video_box_top{min-width:100%}
.video_box_main{width:100%; min-height: 400px !important;  padding:20px 0 20px 0; min-width: 100%; background: url(../images/video_bg.jpg) no-repeat center 0;}
.video_swiper_box{position:absolute; width: 100%;min-width: 100%;overflow: hidden; }
.video_box h2{ position: relative; padding:0;  text-align: center;	font-family: 'DIN Condensed'; font-size: 48px; color: #fff;}
.video_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:50px;bottom:auto; margin: auto; width: 60px; height:4px; background: #fff; border-radius: 10px; }
.video_swiper_box{position:relative; width: 100%;min-width: 100%; margin: 20px 0 0 0; overflow: hidden; }
.video_swiper_box .video_swiper_main{height: 320px !important;mask:linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(0,0,0,.8) 10%, rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%, rgba(0,0,0,.8) 90%,rgba(0,0,0,.1) 100%);-webkit-mask:linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(0,0,0,.8) 10%, rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%, rgba(0,0,0,.8) 90%,rgba(0,0,0,.1) 100%);}
.video_swiper_box .swiper-slide { position: relative; width: 480px; overflow: hidden;}
.video_swiper_box .swiper-slide .img_box{position: relative; border-radius: 20px; overflow: hidden;}
.video_swiper_box .swiper-slide .img_box img{max-width: 100%;  border-radius: 20px; object-fit: cover;transition: all 0.6s ease-in-out; }
.video_swiper_box .swiper-slide:hover .img_box img{ transform: scale(1.2);}
.video_swiper_box .swiper-slide .img_box .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width:40px; height: 40px; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.video_swiper_box .swiper-slide:hover .img_box .play_btn{ opacity: 1;transition: all .6s;}
.video_swiper_box .swiper-slide .swiper-slide-title{ margin: 15px 0; color: #fff; font-size: 16px; line-height: 1.2em; text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.video_swiper_box .swiper_bottom{ position: absolute; height: 38px; bottom:20px;left:0;right:0; margin: 0 auto; text-align: center; width: 100%;}
.video_swiper_box .swiper_bottom_main{ position: relative;  width: 90%;height: 38px; margin: 0 auto;}
.video_swiper_box .swiper-pagination{width: auto !important; margin: 0 auto; left:0;right:0; top:0 !important; bottom:0 !important;display: flex;   align-items: center; justify-content: center;}
.video_swiper_box .swiper-pagination .swiper-pagination-bullet{ width:10px; height:8px; border-radius: 10px; background: #2b9aff; opacity: 1;transition:all 0.6s ease-in-out;}
.video_swiper_box .swiper-pagination .swiper-pagination-bullet-active{ background: #fff;width:30px; }
.video_swiper_box .swiper-button-next, .video_swiper_box .swiper-button-prev{top:0 !important; bottom:0 !important ; margin: 0 !important; width:34px;height:34px;border: #2b9aff 2px solid;border-radius: 100%; text-align: center;}
.video_swiper_box .swiper-button-next:hover, .video_swiper_box .swiper-button-prev:hover{ background: #2b9aff;}
.video_swiper_box .swiper-button-next::after, .video_swiper_box .swiper-button-prev::after{font-size: 14px !important; color: #2b9aff; font-weight: bold;}
.swiper_mask_left{ position: absolute; display: none; top: 0;left:0; width: 12.25vw; height:100%;  z-index: 100;background-image: linear-gradient(to right, #0190d7, transparent);}
.video_swiper_box .swiper-button-next:hover::after, .video_swiper_box .swiper-button-prev:hover::after{color: #fff;}


.exchange_box{min-width: 100%; }
.exchange_box h2{ position: relative; margin: 0 0 40px 0;  text-align: center; font-family: 'DIN Condensed';font-size: 48px; color: #002770;}
.exchange_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:50px;bottom:auto; margin: auto; width: 60px; height:4px; background: #002770; border-radius: 10px; margin: 0 auto;}
.exchange_list ul{min-width:100%}
.exchange_list ul li{ float:none; width: 100%;}
.exchange_list_text{ margin: 20px 15px; font-size: 16px;line-height: 1.3;  color: #fff;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.exchange_list_img img{width: 100%; max-width: 100%; height: auto;object-fit: cover; }
.exchange_list ul li::after{  width:calc(100vw - 30px);height: 1px;}


/*lifestyle*/
.lifestyle_box{width: 100%;max-width: 100%;min-width: 100%;  margin: 0 auto; padding: 40px 0 0 0; box-sizing: border-box;overflow: hidden;}
.lifestyle_box h2{ position: relative; margin: 0 0 40px 0;  text-align: center; font-family: 'DIN Condensed';font-size:48px; color: #e355f4;}
.lifestyle_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:50px;bottom:auto; margin: auto; width: 60px; height:4px; background: #e355f4; border-radius: 10px; margin: 0 auto;}
.lifestyle_main{padding: 10px; box-sizing: border-box;}
.lifestyle_main ul{display:flex; flex-wrap: wrap; justify-content: space-around; width:100%;padding:0;box-sizing:border-box;}
.lifestyle_main ul li{position:relative;flex:unset;width: 45%; height: 300px; overflow:hidden;transition:all .6s ease-in-out;margin:unset;border-radius:10px;line-height:0}
.lifestyle_main ul li:nth-child(4){margin:0}
/* .lifestyle_main ul li img{height:100%;transition:all .6s ease-in-out;} */
.lifestyle_main ul li .lifestyle_con{position:absolute; width: 90%;bottom:0; margin:10px;display:block;z-index: 100; overflow: hidden;}
.lifestyle_main ul li:hover{flex:1 1 40%}
.lifestyle_main ul li:hover img{width:auto}
.lifestyle_main ul li:hover .lifestyle_con{width:auto}
.lifestyle_main ul li h3{ display: block; width: 60px; height: 30px; margin: 0; padding:0;  line-height: 35px; align-items: center; justify-content: center; border-radius: 30px;font-family: 'DIN Condensed'; text-align: center; color: #fff; font-size: 18px; background: #00f399;}
.lifestyle_main ul li h3.culture_tags{background: #e355f4;}
.lifestyle_main ul li h3.food_tags{background: #f3c800;}
.lifestyle_main ul li::after{ content: ''; position: absolute; display: block;transition: all 0.6s; opacity: 1; width: 100%; height: 50%; bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,.6), transparent); border-radius: 10px;}
.lifestyle_main ul li .lifestyle_con_text{margin-top: 6px; height: 50px; width: 100%;font-family: 'DIN Alternate'; font-size: 14px; line-height:16px;  color: #fff;transition:all .6s ease-in-out; opacity: 1;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.lifestyle_main ul li:hover .lifestyle_con_text{ height:50px; margin: 10px 0 0 0; }


.w-accor li{ position:relative; overflow:hidden;float:left;}
.w-accor li:last-child{ padding:0!important;}
.w-accor li .item{ position:relative; overflow: hidden;border-radius: 10px; margin: 0;}
.w-accor1 .img_ar{line-height: 0;border-radius: 10px; overflow: hidden;}
.w-accor1 li .cont_ar{ position:relative;width: 100%; left:0; right:0; bottom:0; margin: -50px 0 0 0;  z-index: 100;color:#000;}
.w-accor1 li .dec_ar{ padding:10px 0;}
.w-accor1 li .acr_p{ width: 100%;height:4.5em; overflow:hidden; font-size: 14px; line-height:1.5; margin:0; transform:translateY(0%); -webkit-transform:translateY(0%); opacity:1;filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor1 li.cur .acr_p{ width: 100%; height:4.5em; margin-top:0.5em; margin-bottom:0.5em;transform:translateY(100%); -webkit-transform:translateY(0); opacity:1;filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}



.live_box{ margin: 0 auto;padding: 40px 15px 40px 15px; box-sizing: border-box; height: auto;}
.live_box ul li h2{  margin: 0 0 10px 0;height: 64px; font-size: 18px;font-family: 'DIN Condensed';}
.live_box ul li h2 img{ float: left; display:block; width: 64px; height: 64px; margin: 0 15px 0 0; border-radius: 50%;}
.live_box ul li h2 span{float: left; display:block; line-height: 64px; }
.live_box ul li.bbrtv h2{ color: #01529a;}
.live_box ul li.gxtv h2{ color: #fda503;}
.live_box ul{ width: 100%;}
.live_box ul li{ float: none; width: 100%;height: auto;   margin: 0;margin: 0 0 20px 0;}
.live_box ul li .live_box_img{width: 100%; height: auto;}
.live_box ul li .live_box_img img{max-width: 100%; width: 100%; height: auto;}
.live_box ul li .live_box_img .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width: 15vw; height: 15vw; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: .6;}
.live_box ul li:hover .live_box_img .play_btn{ opacity: 1;transition: all .6s;}
.live_box ul li .live_box_img .pause_btn{ position: absolute; display: none; top:0; bottom:0; left:0; right:0; margin:auto; width: 10vw; height: 10vw; background: url(../images/pause_icon.svg) no-repeat; background-size: 100% 100%; opacity: .6;}
.live_box ul li:hover .live_box_img .pause_btn{ opacity: 1;transition: all .6s;}


.footer{ width: 100%;max-width:1440px; min-width: 100%;  margin:0; padding: 40px 0 0 0; background: #2bc1f0; color: #fff; font-family: 'Arial'}
.footer_main{width: 100%; margin: 0 auto; position: relative;background: #2bc1f0; }
.footer_logo{ width: 100%; margin: 0 auto; text-align: center;}
.footer_logo img{width:72px;}
.footer_link{ float: none; padding: 0; width: 100%; box-sizing:border-box;}
.footer_link ul{ padding: 15px 0 0 0; min-width: 300px; margin: 0 auto; }
.footer_link ul li{ float: left; display: inline-block; width: 25%; min-width: auto; margin: 0 ; font-size: 12px;text-align: center; }
.footer_link ul li a{color: #fff;}
.footer_link ul li a:hover{color: #b4e8f9;}
.footer_link ul li:nth-child(3){padding:0;}
.footer_link ul li:nth-child(4),.footer_link ul li:nth-child(5),.footer_link ul li:nth-child(10){min-width: auto;}
.footer_link ul li:nth-child(9){padding: 0;}
.footer_link ul li:nth-child(6){min-width: auto;;margin: 0;}
.footer_link ul li:nth-child(2),.footer_link ul li:nth-child(5),.footer_link ul li:nth-child(8),.footer_link ul li:nth-child(11){ min-width: 50%; margin: 0; }
.footer_app{position: relative; top:0; right: 0; margin: 20px 0 0 0; }
.footer_app ul{ height: 36px; text-align: center;}
.footer_app ul li{float: none; display: inline-block; width: 36px; height: 36px; margin:0 5px;}
.footer_app ul li img{height: 36px;}
.footer_app p{position: relative; right:0; text-align: center; margin: 10px 0 0 0; display: block; height: 20px; line-height: 20px; font-size: 12px;}
.email_icon{display: inline-block; width: 20px; height: 20px; padding:0;vertical-align: middle; background: url(../images/email_icon.svg) no-repeat 0 center;background-size: 20px 20px;}
.email_text{display: inline-block; line-height: 20px; vertical-align: middle;}
.copyright{ padding:30px  0; text-align: center; color: #1ba3cd;  font-size: 12px;}

.backtop{ display: none; width: 40px; height: 40px;  background: #2bc1f0 url(../images/up_icon.svg) no-repeat center center; background-size: 24px 24px; border: #fff 1px solid;  border-radius: 100%;position: fixed; right:20px; bottom: 10px; z-index: 1000; opacity: .8;}



/*news_list*/
.list_banner{ position: relative;  width: 100%; height: 80px; margin: 80px 0 0 0; border-radius: 10px; line-height: 0;  padding:0 15px;box-sizing: border-box; background:none !important;}
.list_banner h2{position: absolute; display: block; top:10px;bottom:0;left:30px;right:0; margin: auto; height: 100%;  line-height: 80px; align-items: center; font-size: 40px;font-family: 'DIN Condensed'; color: #fff; z-index: 100;}
.list_banner::after{content:''; position: relative; display: block; width: 100%; height: 80px;border-radius: 10px; background-size: auto 100% !important; background-position: right 0 !important;}
.gx_banner::after{ background:#2a96fa url(../images/gx_banner.png) no-repeat; }
.china_banner::after{ background:#cb3838 url(../images/china_banner.png) no-repeat; }
.world_banner::after{ background:#183cf5 url(../images/world_banner.png) no-repeat; }
.lifestyle_banner::after{ background:#e355f4 url(../images/lifestyle_banner.png) no-repeat; }
.video_banner::after{ background:#4360f5 url(../images/video_banner.png) no-repeat; }
.exchange_banner::after{ background:#0854a3 url(../images/exchange_banner.png) no-repeat; }
.china_theatre_banner::after{ background:#082ca3 url(../images/china_theatre_banner.png) no-repeat; }
.special_banner::after{background:#2bc1f0  url(../images/news_banner.png) no-repeat;}
.sub_banner{ height: 160px;}
.sub_banner img{ border-radius: 10px;}



.news_list{width: 100%; background:none; margin:0; padding:15px; box-sizing: border-box;}
.news_list ul{ width: 100%; padding: 0 15px; background: #fff;box-sizing: border-box;border-radius: 10px;}
.news_list ul li{ padding: 15px 0;border-bottom: #eee 1px solid; font-size: 16px; font-family: 'Arial'}
.news_list ul li span{margin: 0 20px 0 0; font-weight: bold; display: block;}
.news_list ul li span.news_list_text{margin: 0 0 0 0; font-weight: normal;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}

/*pages*/
.pages {text-align:center; padding:20px 0; min-height: 40px; font-size:16px; display: flex; justify-content: center;}
.pages a{ display: none;  margin:5px 0; border:#000 1px solid; background:#fff; color:#000; height: 40px; line-height: 40px; padding:0 15px;margin-right:2px; border-radius: 4px;  box-sizing: border-box;}
.pages a:hover{ border:#4691e8 1px solid !important; background:#4691e8; color:#fff; }
.pages strong,.pages .current{ margin:5px 3px;border:#4691e8 1px solid; background:#4691e8; color:#fff; height: 40px;min-width: 40px; line-height: 40px;padding:0 15px;border-radius: 6px;font-weight:bold;display: none; box-sizing: border-box;}
.pages em{font-style:normal; color:#666; display:none;display: inline-block;}	
.pages .iconfont{font-size: 24px;}
.pages a.pre,.pages a.next{display: block; margin: 0 10px; width: 20%; border-radius: 40px;  border: #cacaca 1px solid;}
.pages a.last_pre,.pages a.last_next{ display: none;}
.pages_input,.pages_go_btn{display: none;}


/*news_view*/
.news_view{padding:75px 15px 15px 15px}
.news_view_main{width: 100%; margin: 0; border-radius: 10px; padding:10px; box-sizing: border-box;}
.news_view_main .news_view_title{ padding: 0 0 15px 0; font-size: 24px;}
.news_view_infobox{ position: relative; border-bottom:#eee 1px solid; padding:0 0 15px 0;height: auto;}
.news_view_date{ color: #999; height: auto; line-height: 30px; font-size: 12px;}
.news_view_main .social-share{position: relative;top:0; right: 0; float: none; }
.news_view_main .social-share-icon{ width: 32px !important; height:32px !important; line-height: 32px !important; font-size: 16px;}
.news_view_content{ padding:40px 0; font-size: 16px; line-height: 2em;}
.news_view_content img{max-width: 100%;}


.lifestyle_list{width: 100%; margin: 0; padding:20px 15px 20px 15px;background:none; border-radius: 0; }
.lifestyle_list ul{width: 100%; background: #fff; border-radius: 10px; padding:15px; box-sizing: border-box;overflow: hidden;}
.lifestyle_list ul li {position: relative;float: none; width: 100%;height: auto; margin: 0 0 20px 0; transition:all .5s ease 0s; overflow: hidden; cursor: pointer;}
.lifestyle_list ul li h3{ display: block; width: 80px; height: 30px; padding:0;  line-height: 35px; align-items: center; justify-content: center; border-radius: 20px;font-family: 'DIN Condensed'; text-align: center; color: #fff; font-size: 20px; background: #00f399;}
.lifestyle_list ul li h3.culture_tags{background: #e355f4;}
.lifestyle_list ul li h3.food_tags{background: #f3c800;}
.lifestyle_list ul li .item::after{ content: ''; position: absolute; display: block;transition: all 0.6s; opacity: 1; width: 100%; height: 50%; bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,.6), transparent);}
.lifestyle_list ul.w-accor li{ position:relative; overflow:hidden;float:left;}
.lifestyle_list ul.w-accor li:last-child{ padding:0!important;}
.lifestyle_list ul.w-accor li .item{ position:relative; overflow: hidden;border-radius: 10px; margin: 0;}
.lifestyle_list ul.w-accor .img_ar{line-height: 0;border-radius: 10px; overflow: hidden;}
.lifestyle_list ul.w-accor .img_ar img{width: 100%; height: auto;}
.lifestyle_list ul.w-accor li .cont_ar{  position:absolute;width: 100%; left:0; right:0; bottom:0;  z-index: 100;color:#fff;}
.lifestyle_list ul.w-accor li .dec_ar{ padding:15px;}
.lifestyle_list ul.w-accor li .acr_p{width: 100%;height:auto; font-size: 16px; line-height:1.3; margin:0.5em 0; transform:translateY(0); -webkit-transform:translateY(0); opacity:1;filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition:all 0.5s; -webkit-transition:all 0.5s;line-clamp: 3;-webkit-line-clamp: 3; overflow:hidden;}
.lifestyle_list ul.w-accor li:hover .acr_p{height: auto;}
.lifestyle_list .pages{ padding:0}

.video_list{width: 100%; margin: 0; padding:20px 15px 20px 15px;background:none; border-radius: 0; }
.video_list ul{width: 100%; background: #fff; border-radius: 10px; padding:15px; box-sizing: border-box;overflow: hidden;}
.video_list ul li {position: relative;float: left; width: 100%;margin:0 0 20px 0; transition:all .5s ease 0s; overflow: hidden; cursor: pointer;}
.video_list_img img{width:100%; height: auto; object-fit: cover; border-radius: 12px;}
.video_list_img .img_box{position: relative; border-radius: 10px; overflow: hidden;}
.video_list ul li  .img_box img{max-width: 100%; width: 100%; border-radius: 10px; object-fit: cover;transition: all 0.6s ease-in-out; }
.video_list ul li:hover .img_box img{ transform: scale(1.1);}
.video_list ul li  .img_box .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width:48px; height: 48px; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.video_list ul li:hover .img_box .play_btn{ opacity: 1;transition: all .6s;}
.video_list_title{height: unset; margin:15px 0;text-overflow: ellipsis;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.video_list .pages{ padding:0}

.exchange_list_box{width: 100%; margin: 0; padding:20px 15px 20px 15px;background:none; border-radius: 0; }
.exchange_list_box ul{width: 100%; background: #fff; border-radius: 10px; padding:0 10px 10px 10px; box-sizing: border-box;overflow: hidden;}
.exchange_list_box ul {width: 100%; min-width: 100%; max-width: 100%;margin: 0 auto;}
.exchange_list_box ul li{ height: auto; padding: 20px 0;}
.exchange_list_box .exchange_list_img{position: relative; float: none; width: 100%;  height: 100%; margin: 0 0 15px 0; border-radius: 10px;overflow: hidden;}
.exchange_list_box .exchange_list_img img{ width: 100%;  height: auto;object-fit: cover; border-radius: 10px; }
.exchange_list_box .exchange_list_img::after{ display: none; }
.exchange_list_box .exchange_list ul li::after{ display: none;}
.exchange_list_box .exchange_list_text{float: none; width: 100%; margin: 0;  }
.exchange_list_box .exchange_list_text h3{font-size: 16px; color: #000;text-overflow: ellipsis;line-clamp: 5;-webkit-line-clamp: 5;display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden;}
.exchange_list_box .exchange_list_text p{color: #999; font-size: 12px; margin: 20px 0 0 0;}
.exchange_list_box ul li:hover .exchange_list_text{ color: #2bc1f0;}
.exchange_list_box .pages{ padding:20px 0 0 0}



/*documentary*/
.china_theatre_box{ width: 100%;min-width:100%; height: auto; margin: 0 auto; padding: 60px 0 0 0; background: url(../images/documentary_bg.jpg) no-repeat center 0; background-size: auto 100%; overflow: hidden; }
.china_theatre_box h2{ position: relative; margin: 0 0 30px 0;  text-align: center; font-family: 'DIN Condensed';font-size: 48px; color: #fff;}
.china_theatre_box h2::after{ content: ''; position: absolute; display: block;left:0; right: 0; top:50px;bottom:auto; margin: auto; width: 60px; height:4px; background: #fff; border-radius: 10px; margin: 0 auto;}
.china_theatre_swiper {margin:0;}
.china_theatre_swiper ul{display: flex;}
.china_theatre_swiper ul li{width: 100vw!important; height: 360px; display: flex; position: relative; border-radius: 20px; }
.china_theatre_swiper ul li .swiper_slide_img:nth-child(1) { position: absolute; top:0; width: 45%; height: auto;border-radius: 6px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(2) { position: absolute; left:25%; top:60%; width: 27%; height: auto;border-radius: 6px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(3) { position: absolute; left:50%;top:0;width: 30%; height: auto;border-radius: 4px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(4) { position: absolute; right:7%; top:35%;width: 36%; height: auto;border-radius: 6px;overflow: hidden;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(5) { position: absolute; right:6%; bottom:0; width: 30%; height: auto;border-radius: 6px;overflow: hidden;}

.china_theatre_swiper ul li .swiper_slide_img:nth-child(1) img{width: 100%;max-width: 100%; height: auto;border-radius: 6px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(2) img{width: 100%;max-width: 100%; height: auto;border-radius: 4px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(3) img{width: 100%;max-width: 100%; height: auto;border-radius: 6px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(4) img{width: 100%;max-width: 100%; height: auto;border-radius: 4px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .swiper_slide_img:nth-child(5) img{width: 100%;max-width: 100%; height: auto;border-radius: 4px;transition: all 0.6s ease-in-out; object-fit: cover;}
.china_theatre_swiper ul li .img_box{position: relative;}
.china_theatre_swiper ul li .img_box .play_btn{ position: absolute; display: block; top:0; bottom:0; left:0; right:0; margin:auto; width: 24px; height: 24px; background: url(../images/play_icon.svg) no-repeat; background-size: 100% 100%; opacity: 1;}
.china_theatre_swiper ul li .img_box:hover .play_btn{ opacity: 1;transition: all .6s;}
.china_theatre_swiper ul li .img_box:hover img{ transform: scale(1.2);}


.video_player_body{ width: 100%; min-width: 100%; background: #fff; margin: 60px 0 0 0;}
.video_player_main{ width: 100%; padding: 15px ;  margin: 0 auto; box-sizing: border-box;}
.video_player_box{ position: relative; padding-top: 56.25%;}
.dplayer,.tv_live{  margin: 0 auto; border-radius: 6px; overflow: hidden;}
.video_info_box_left{float: none; width: 100%; margin: 0;}
.video_box_right{ float:none; width:100%; padding: 10px; box-sizing: border-box; border-radius: 12px; background-color:rgb(241, 242, 243); }
.video_info_box_body{ width: 100%; margin: 0 auto; padding: 15px;box-sizing: border-box;  }
.video_info_box{ position: absolute;  width: 100%; height: 100%;  margin: 0 auto; padding: 0; position: relative; color: #bbb;}
.video_info_box_img{float: left; width: 100px; height: auto;}
.video_info_box_img img{ width: 100px;border-radius: 6px; }
.video_info_box_top{ display: flex; height: auto; margin: 0 0 15px 0;}
.video_info_box_text{float: none; flex: 1; width: auto;  padding:0 0 0 15px}
.video_about_title{color: #18191C;font-size: 14px;margin-bottom:10px; }
.video_view_about{font-size: 14px; color: #61666D;}
.video_view_about h3 b,.video_view_episodes h3 b{color: #61666D;  font-size: 14px; padding:10px 0; margin-bottom:0; }
.video_view_about h3,.video_view_episodes h3{color: #bbb; display: block; font-size: 14px; padding: 0  0 10px 0; font-weight: normal; }
.video_info_box_text_con{font-size: 14px;color: #61666D; height: 110px; overflow: hidden; line-height:1.5em ;}
.video_info_box_text_con.opened{ height: auto;}
.video_view_episodes ul{ height:204px; overflow-y: scroll;}
.video_view_episodes ul li{ float: left;  width: 16.666%; padding: 5px 0;}
.video_view_episodes ul li a{display: block; width: 40px; height: 40px; line-height: 40px; font-size: 14px;  color: #000; background: #fff; border-radius: 6px; text-align: center; margin: 0 auto;}
.video_view_episodes ul li a:hover,.video_view_episodes ul li.on a{background: #2bc1f0; color: #fff; font-weight: bold;}
.video_player_main .social-share{ position: relative; right: 0;  padding: 0;  text-align: right;}
.video_player_main .social-share .social-share-icon{ margin: 0 5px; color: #61666D;border: none; font-size: 16px; width: 20px !important; height: 20px !important; line-height: 20px !important;}
.video_player_main .social-share .social-share-icon:hover{ color: #2bc1f0;background: none;}
.video_view_title{ display: flex; position:relative; color: #18191C;margin-bottom:0;border-bottom:#eee 1px solid; width: 100%; padding: 10px 0; justify-content: space-between; }
.video_view_title h1{width: 60%;font-size: 16px;display: flex; align-items: center; }
.video_player_main .social-share .wechat-qrcode .help{ display: none; }
.bbr_live,.tv_live{position: absolute !important; left: 0; top: 0; width: 100%; height: 100%;}
.bbr_live::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bbr_bg.png); background-size: cover;}
.bbr_live .dplayer-video-wrap{ background: unset;}
.bbr_live video{ display: none !important;}

.live_channel_list ul li{ width: 100%; height: 66px; margin: 0 0 10px 0; padding:8px; box-sizing: border-box; display: flex;}
.live_channel_list ul li:hover,.live_channel_list ul li.play_active{background: #95e3fc;;border-radius: 10px; color: #0061ae;}
.live_channel_logo { float:none; width: 50px;height: 50px;margin: 0 10px 0 0;}
.live_channel_logo img{ width: 48px; height: 48px;border-radius: 64px; border: #2bc1f0 1px solid;}
.live_channel_name{float: none; width: auto; line-height: 50px; font-size: 16px;font-weight: bold;}
.live_channel_list ul li .clear{display:none;}


.video_player_main{ box-sizing: border-box;}
.video_player_box_left{width: 100%;float: none;}
.video_player_box_right{width: 100%;height: auto; float: none; margin: 20px 0 0 0; padding: 10px; }
.video_player_box_right .video_info_box_img{ width: 80px}
}

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

.logo {position:absolute;transition:all 0.6s ease-in-out; z-index: 200;}
.logo img{ width: 100px; }
.lang{ margin: 25px 20px;}
.lang h3 span{display: none;}


}

@media only screen and (max-width:768px){
.video_box_main{ min-height: 650px;}
.video_swiper_box .video_swiper_main{ height: 400px; }
.top_swiper_box .swiper-slide { width:300px; }
.video_swiper_box .swiper-slide {width: 300px;  border-radius: 10px;  }
.video_swiper_box .swiper-slide .swiper-slide-title{ font-size: 16px;}
.video_swiper_box .swiper-slide .img_box img{width: 300px; height: 168px;  border-radius: 10px;  }
}
@media only screen and (max-width:480px){
.top_swiper_box .swiper-slide {width:300px;}
.video_swiper_box .swiper-slide {width: 300px; border-radius: 10px;  }
.lifestyle_main ul li:hover{flex:unset;}
.video_swiper_box .swiper-slide {width: 300px; border-radius: 10px; }
.china_theatre_swiper ul li{height: 300px;}
	}
@media (min-width:440px) and (max-width:598px){
.top_swiper_box .swiper-slide {width:300px;}
.video_swiper_box .swiper-slide {width: 300px; border-radius: 10px; }
.lifestyle_main ul li:hover{flex:1 1 20% !important}
	}		
@media (min-width:598px) and (max-width:678px){
.top_swiper_box .swiper-slide {width:300px;}
.video_swiper_box .swiper-slide {width: 300px; border-radius: 10px;  }
.lifestyle_main ul li:hover{flex:1 1 13% !important}

	}	
	
@media (min-width:678px) and (max-width:768px){
.top_swiper_box .swiper-slide {width:300px;}
.video_swiper_box .swiper-slide {width: 300px; border-radius: 10px;  }
.lifestyle_main ul li:hover{flex:1 1 9% !important}
	}	
@media (min-width:540px) and (max-width:768px){
.china_theatre_swiper ul li{height: 480px;}
}