@charset "utf-8";

@import url("swiper.min.css") only screen and (max-device-width : 1242px) and (max-width: 960px);

/* Smartphones (portrait and landscape) ----------- */
.top_mb { display:none;}
@media only screen and (max-device-width : 1242px) and (max-width: 960px){

/* display */
* {	box-sizing: border-box;}
body { background-color: #195dcc;}
.mnone, .topbanner section, .ch_list_type1 li section span, .ft_site span em { display:none;}
.topbanner, .box_ch_type1, .box_ch_type2, .ft_site, .box_video, .big_news { min-width: 0;}


/* logo */
.top_mb { display: -webkit-flex; display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 10vw; background-color: #007aff; background-image: url(../images/cslogo-mobile.png), url(../images/cslogo2-mobile.png); background-position: top 1.2vw left 2vw, top 1.2vw left 22vw; background-repeat: no-repeat; -moz-background-size:30vw; background-size:30vw; -moz-box-shadow:0 0 4vw rgba(0,0,0,.2); box-shadow:0 0 4vw rgba(0,0,0,.2); z-index: 999;}
a.bt_back { display: inline-block; margin-left: auto; padding: 0 1em; height: 100%; background-color: #145aa9; color: #fff; font-size: 3.5vw; line-height: 10vw; text-decoration: none;}



/* nav */
.top_pc { display: -webkit-flex; display: flex; position: fixed; top: 0; left: 0; min-width: 0; height: 20vw; background: none; background-color: #001484; -moz-box-shadow:0 0 4vw rgba(0,0,0,.2); box-shadow:0 0 4vw rgba(0,0,0,.2); z-index: 999;}
.nav_pc { margin: 0; max-width: 100%;}
.nav_logo {}
.nav_logo a:first-child { display: none;}
.nav_pc nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0;}
.nav_pc nav a { display: block; margin-left: 1.5vw; margin-right:1vw;padding: 2vw 0; border-radius: 0; color: #fff; font-size: 4vw; line-height: 1em; text-decoration: none; transition: none;}
.nav_pc nav a:hover { background-color: unset;}
.nav_pc nav a:last-child { display: none;}



/* banner */
.topbanner { display: block; margin-top: 20vw; width: 100%; height: 42vw; background-size: cover;}



/* 头条 */
.big_news { margin: 4vw 2vw 0; width: 96vw;}
.big_news section { position: unset; top: 0; margin-bottom: 0; padding: 4vw; width: auto; background-color: #fff; border-radius: 1rem; -moz-box-shadow: none; box-shadow: none; color: #007AFF;}
.big_news section>a:first-child { display: block; padding: 0; color: #007AFF; text-decoration: none; transition: none;}
.big_news section a:hover { color: #007AFF;}
.big_news section h1{ display: block; margin-bottom: 0; background-color: #fff; color: #007aff; font-size: 5vw; line-height: 1.3em;}
.big_news section span, .big_news section span.dd_big { display: none;}



/* 频道 */
.box_ch_type1 { overflow: hidden; padding: 0; width: 96vw; max-width: none;}
h2.ch_title_type1 { margin-bottom: 2rem; padding-bottom: 0; border-bottom: none; color: #fff; font-size: 6vw; line-height: 1em;}

h2.ch_title_type5 { display: block; margin-bottom: 5vw; width: 96vw; height: 20vw; background-repeat: no-repeat; background-position: center top; background-size: 200%; color: #37474f; font-size: 0rem;}
h2.ch_title_type5 a { text-decoration: none;}

.ch_list_type1 { height: auto; max-height: 40vh;}
.ch_list_type1 li { margin-bottom: 1rem;}
.ch_list_type1 li a { padding: 1rem; background-color: #fff; border-radius: 1rem; text-decoration: none; transition: none;}
.pic_wh { position: relative; padding-bottom: 22%; margin-right: 1rem; width: 32.5%; min-width: 32.5%; height: 0;}
.ch_list_type1 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 1rem;}
.ch_list_type1 li h3 { margin-bottom: 1.5rem; color: #007AFF; font-size: 5vw; transition: none;}
.ch_list_type1 li aside { display: block; margin-top: auto; color: #999; font-size: 3.5vw; line-height: 1.3em; transition: color .3s;}
.ch_list_type1 li a:hover { background-color: #fff;}
.ch_list_type1 li a:hover h3 { color: #d32f2f;}
.ch_list_type1 li a:hover aside { color: #4c7491;}

.ch_list_type1::-webkit-scrollbar { display: none; width: .5rem; background-color: #555; border-radius: .25rem;}
.ch_list_type1::-webkit-scrollbar-button { display: none;}
.ch_list_type1::-webkit-scrollbar-track { display: none; background-color: #555;}
.ch_list_type1::-webkit-scrollbar-thumb { display: none; background-color: #333; border-radius: .25rem;}

.mar_top2 { margin-top: 8vw;}
.mar_bot1 { margin-top: -19vw; margin-bottom: 8vw; padding-top: 22vw;}

.addMore { margin: 2rem auto; background-color: #fff; border-radius: 1rem; font-size: 3.5vw; transition: none;}
.addMore:hover { color: #007AFF;}


/* 视频 */
.box_video { padding: 4vw 0 0;}
h2.ch_title_type2 { padding: 4vw 0; width: 10em; background-size: 20%; background-position: 3vw 4.3vw; color: #fff; font-size: 5vw;}
.ifr_video { position: relative; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; margin-top: 0; height: 0; width: auto;}
.ifr_video iframe { position: absolute; left: -61.25%; top: -61.25%; width: 230%; height: 230%; transform: scale(0.45);}

.ifr_video2 { margin: 0 auto; margin-top: 0; width: 100%; max-width: 100%;}
.video-js, .insert-video video { width: 100% !important; height: 100% !important;}
.insert-video { text-align: left !important;}
.vjs-error-display.vjs-modal-dialog { display: none;}

.video-js .vjs-big-play-button{font-size:3em;border-radius:50%;}



/* 视频列表 */
.ch_list_ptype2 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
.ch_list_ptype2 li { position: relative; margin-right: 0; margin-top: 0; width: auto; background: none; border-radius: 0; transition: none;}
.ch_list_ptype2 li a { overflow: hidden; display: block; position: relative; margin: 0; padding: 0 0 68.47%; width: auto; min-width: auto; height: 0; border-radius: 1rem;}
.ch_list_ptype2 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0;}
.ch_list_ptype2 li h3 { margin:0; position: absolute; bottom:0; left:0; padding:4rem 1rem 1rem; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0)); color: #fff; font-size: 3.5vw; transition: none;}
.ch_list_ptype2 li em { position: absolute; top: 50%; left: 50%; margin-top: -2rem; margin-left: -2rem; width: 4rem; height: 4rem; background-color: rgba(0,0,0,.5); border-radius: 50%; color: #fff; text-align: center; font-size: 2rem; font-family:VideoJS;font-weight:bold;font-style:normal; line-height: 4rem; transition: none;}
.ch_list_ptype2 li em:before { content:"\f101";}
.ch_list_ptype2 li:hover { background: none;}
.ch_list_ptype2 li:hover h3 { color: #fff;}
.ch_list_ptype2 li:hover em { background-color: rgba(0,0,0,.5); color: #fff;}



/* 图片 */
.box_ch_type2 { padding: 0; width: 100vw; max-width: none;}
.adp_mb { margin: 0 2vw;}
.ch_list_ptype1 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
.ch_list_ptype1 li { position: relative; margin-right: 0; margin-top: 0; width: 100%; background: none; border-radius: 0; transition: none;}
.ch_list_ptype1 li a { overflow: hidden; display: block; position: relative; margin:0 2vw; padding: 0 0 68.47%; width: 96vw; min-width: 96vw; height: 0; border-radius: 1rem;}
.ch_list_ptype1 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0;}
.ch_list_ptype1 li h3 { margin:0; position: absolute; bottom:0; left:0; padding: 8vw 14vw 3vw 3vw; width: 96vw; background: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0)); color: #fff; font-size: 5vw; transition: none;}
.ch_list_ptype1 li:hover { background: none;}
.ch_list_ptype1 li:hover h3 { color: #fff;}

.swiper-p { position: absolute; margin-bottom: -10px; height: 3em; color: #fff; font-size: 3vw; font-weight: lighter; line-height: 3em; text-align: right; z-index: 1001;}
.my-pagination-current { color: #ffde00; font-size: 5vw; font-style: italic;}
.my-pagination-total { margin-right: 1.5em; font-style: italic;}

.ch_list_ptype3 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
.ch_list_ptype3 li { position: relative; margin-right: 0; margin-top: 0; width: auto; background: none; border-radius: 0; transition: none;}
.ch_list_ptype3 li a { overflow: hidden; display: block; position: relative; margin: 0; padding: 0 0 148%; width: auto; min-width: auto; height: 0; border-radius: 1rem;}
.ch_list_ptype3 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0;}
.ch_list_ptype3 li h3 { margin:0; position: absolute; bottom:0; left:0; padding:4rem 1rem 1rem; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0)); color: #fff; font-size: 3.5vw; transition: none;}
.ch_list_ptype3 li:hover { background: none;}
.ch_list_ptype3 li:hover h3 { color: #fff;}

.ch_list_ptype4 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
.ch_list_ptype4 li { position: relative; margin-right: 0; margin-top: 0; width: 100%; background: none; border: none; border-radius: 0; box-shadow: none; transition: none;}
.ch_list_ptype4 li a { overflow: hidden; display: block; position: relative; margin:0 2vw; padding: 0 0 68.47%; width: 96vw; min-width: 96vw; height: 0; border-radius: 1.5rem;}
.ch_list_ptype4 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0;}
.ch_list_ptype4 li h3 { margin:0; position: absolute; bottom:0; left:0; padding: 8vw 14vw 3vw 3vw; width: 96vw; background-image: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0)); border: none; color: #fff; font-size: 5vw; transform: none; transition: none;}
.ch_list_ptype4 li:hover { background: none; box-shadow: none;}
.ch_list_ptype4 li:hover h3 { bottom:0; color: #fff;}

.addMore { display: none;}
.addMore:hover { display: none;}

.mar_bot1 { margin-top: -19vw; margin-bottom: 8vw; padding-top: 22vw;}

.my-pagination-current4 { color: #ffde00; font-size: 5vw; font-style: italic;}
.my-pagination-total4 { margin-right: 1.5em; font-style: italic;}


.lmpic img{width:50%}


/* 一图栏目 */
.ch_1tu { display: block; padding: 3vw; background-color: #0155c7; border-radius: 0 0 1rem 1rem; text-align: center;}
.ch_1tu img { width: 90vw; height: auto;}
h2.ch_title_type4 { display: block; background: #0155c7; border-radius: 1rem 1rem 0 0; color: #fff; font-size: 6vw; line-height: 1.3em; text-align: center;}
h2.ch_title_type4 em { display: block; margin: 0; padding: 4vw 3vw 1vw; border-bottom: none;}

h2.ch_title_type6 {  display: block; width: 96vw; height: 24vw; background-repeat: no-repeat; background-position: center 4vw; background-size: 200%; color: #37474f; font-size: 0rem;}
h2.ch_title_type6 em { display: inline;}


/* 文字直播*/
.box-s { max-height: 50vh;}
.t-left{text-align: left;display: block; margin-bottom: 0; background-color: #0155c7; color: #fff; font-size: 5vw; line-height: 1.5em;}
.b-r{border-radius:2rem;}

/* 底部 */
.ft_site { padding: 2rem 0rem 1rem;}
.ft_site span { margin-bottom: 1rem; font-size: 3.5vw; line-height: 1.3em;}
.ft_site span:last-child { font-size: 3vw;}
.ft-gray{color:#3a3a3a;}
}

/* 附加 */
.mar_tb1 { margin-top: 4rem; margin-bottom: 4rem;}
.mar_top1 { margin-top: 8vw;}



@media only screen and (min-width: 450px) and (max-width: 960px){

.ifr_video iframe { position: absolute; left: -5.5%; top: -5.5%; width: 150%; height: 150%; transform: scale(.85);}

}