@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: #f2f2f6;}
.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;}


/* banner */
.topbanner { display: block; margin-top: 10vw; 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: 1.5rem; -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 { margin-bottom: 0; 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: #37474f; font-size: 6vw; line-height: 1em;}

.ch_list_type1 li { margin-bottom: 1rem;}
.ch_list_type1 li a { padding: 1.5rem; background-color: #fff; border-radius: 1.5rem; 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; font-size: 5vw; transition: none;}
.ch_list_type1 li aside { 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;}

.mar_top1 { margin-top: 8vw;}

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


/* 视频 */
.box_video { padding: 4vw 0 0;}
h2.ch_title_type2 { padding: 4vw 0; width: 96vw; background: none; color: #37474f; font-size: 6vw; line-height: 1em; text-align: left;}
.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: 1.5rem;}
.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_1tu { display: block; padding: 3vw; background-color: #fff; border-radius: 0 0 1.5rem 1.5rem; text-align: center;}
.ch_1tu img { width: 90vw; height: auto;}
h2.ch_title_type4 { display: block; background: #fff; border-radius: 1.5rem 1.5rem 0 0; color: #37474f; 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;}



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

}



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



@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);}

}