﻿/*
*@Description:	xinhua topic css
*@Author:	cb340081631
*@Update:	2017-04-06
*/

/*----- reset -----*/

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-style: normal; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
a, s { color: #333; text-decoration: none; }
a:hover { color: #bc082b; opacity: 1 }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
ul, ol, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { vertical-align: top; text-align: left; }
input, textarea { -webkit-appearance: none; outline: none; font-family: inherit;}
@media="all" {
	::-webkit-scrollbar { width: 1px; height: 1px }
}
html, body { width: 100%; font-size: 62.5%; font-family: 'microsoft yahei', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self; line-height: 1.5; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-touch-callout: none;}
body { color: #333; font-size: 1.2rem; background: #fff; }
.clf { display: block; zoom: 1; }
.clf:after { clear: both; display: block; height: 0; content: ''; visibility: hidden; }
.wp { position: relative; margin: 0 auto; width: 1000px; }
.dn { display: none; }

/*----- header -----*/

#header { position: relative; z-index: 10; background: #fff; }
.site-topbar { position: absolute; z-index:1; top: 0; right: 0; padding: 0 10px; height: 30px; line-height: 30px; text-align: right; }
.site-topbar a { position: relative; padding-left: 25px; background: url(../img/ico_contact.png) no-repeat 0 0; text-decoration: none; }
.site-topbar a:hover { color: #bc082b; }
.site-topbar a.ico-phone { background-position: 0 -20px; }
.site-topbar a.ico-wx { background-position: 0 -40px; }
.site-topbar a img { position: absolute; top: 16px; right: 0; display: none; padding: 5px; width: 90px; height: 90px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.3); }
.site-topbar a.on img { display: block; }
.site-topbar .sep { color: #ccc; margin: 0 10px; }
.site-logo { padding: 30px 0; height: 50px; background: url(../img/logo.png) no-repeat 0 50%; text-indent: -9999em; }
.site-nav { position: absolute; bottom: 0; right: 0; width: 630px; }
.site-nav .mainnav { position: relative; float: left; width: 90px; }
.site-nav .mainnav > a { padding: 15px 0; display: block; border-bottom: 2px solid #fff; font-size: 1.6rem; text-align: center; line-height: 20px; }
.site-nav .mainnav > a.hover { border-color: #bc082b; color: #333; }
.site-nav .mainnav > a.curr { border-color: #bc082b; color: #bc082b; }
.site-nav .subnav { position: absolute; top: 100%; left: 0; display: none; width: 100%; }
.site-nav .subnav li { margin-top: 1px; }
.site-nav .subnav li a { display: block; padding: 7px 0; border: none; background: #fff; background: rgba(255, 255, 255, .8); font-size: 1.4rem; text-align: center; }
.site-nav .subnav li a:hover { background: rgba(255, 255, 255, 1); color: #bc082b; }

/*----- footer -----*/

#footer { position: relative; z-index: 10; background: #666; }
#footer .wp { position: relative; padding: 20px 0; overflow: hidden; }
.site-info { float:left; width: 70%; }
.site-info li { margin-bottom: 15px; color: #eee; }
.site-info li .sep { margin: 0 10px; color: #444; }
.site-qrc { float:right; width: 200px; overflow: hidden; }
.site-qrc li { float:right; margin-left: 10px; width: 90px; height: 90px; overflow: hidden; }
.site-qrc li img { display: block; width: 100%; height: 100%; }

/*----- content -----*/

#content { position: relative; padding-bottom: 50px; }

.sp-qrc { position: fixed; z-index:100; top: 340px; left: 50%; margin-left: 520px; padding: 9px; background: #fff; border: 1px solid #eee; text-align: center; }

.sp-banner { position: relative; margin-bottom: 20px; width: 100%; overflow: hidden; background: #eee; }
.sp-banner img { position: relative; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.sp-hd { position: relative; height: 39px; border-bottom: 1px solid #ddd; background: #fff; }
.sp-hd .tit { display: inline-block; height: 39px; overflow: hidden; border-bottom: 1px solid #BC082B; font-size: 1.8rem; font-weight: 400; line-height: 39px; }
.sp-hd a.more { position: absolute; bottom: 8px; right:0; color: #999; }
.sp-hd a.more:hover { color: #BC082B; }
.sp-bd { padding: 20px 0 0; }

.sp-swiper { position: relative; float: left; width: 620px; height: 348px; overflow: hidden; background: #eee; }
.sp-swiper a.sp-swiper-item { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.sp-swiper a.sp-swiper-item img { display: block; width: 100%; -webkit-transition: transform 1s; transition: transform 1s; }
.sp-swiper a.sp-swiper-item span { position: absolute; bottom: 0; left: 0; width: 100%; height: 36px; overflow: hidden; background: rgba(0, 0, 0, .5); color: #fff; font-size: 1.4rem; line-height: 36px; text-indent: 10px; }
.sp-swiper a.sp-swiper-item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.sp-swiper .swiper-container { width: 100%; height: 100%; }
.sp-swiper .swiper-container .swiper-pagination { left: auto; bottom: 0; right: 0; padding: 8px; text-align: right; box-sizing: border-box; }
.sp-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet { margin-right: 0; width: 20px; height: 20px; background: #999; color: #fff; text-align: center; line-height: 20px; opacity: .8; }
.sp-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #BC082B; opacity: 1; }
.sp-swiper .swiper-container .swiper-button-prev, .sp-swiper .swiper-container .swiper-button-next { left: 0; width: 30px; height: 60px; background-size: 50%; opacity: .5; border-radius: 0 5px 5px 0; }
.sp-swiper .swiper-container .swiper-button-next { left: auto; right: 0; border-radius: 5px 0 0 5px }
.sp-swiper .swiper-container .swiper-button-prev:hover,
.sp-swiper .swiper-container .swiper-button-next:hover { background-color: rgba(0,0,0,.3); opacity: 1; }

.sp-headline { float: left; margin-left: 20px; width: 360px; height: 348px; overflow: hidden; }
.sp-headline-list li { padding: 13px 0; border-bottom: 1px solid #eee; }
.sp-headline-list li .tit { position: relative; margin-bottom: 9px; padding-left: 23px; height: 20px; overflow: hidden; font-size: 1.6rem; line-height: 20px; }
.sp-headline-list li .tit a:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; overflow: hidden; border: 5px solid transparent; border-left-color: #999; content: ''; -webkit-transition: transform .5s; transition: transform .5s; }
.sp-headline-list li .tit a:hover:before { border-left-color: #BC082B; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
.sp-headline-list li .desc { height: 60px; overflow: hidden; color: #888; text-indent: 2em; line-height: 20px; }

.sp-flash { position: absolute; top: 368px; left: 50%; margin-left: -500px; width: 200px; background: #fff; }
.sp-flash.following { position: fixed; top: 10px; }
.sp-flash-list { border-left: 1px solid #ddd; }
.sp-flash-list li { position: relative; padding-left: 15px; margin-bottom: 15px; font-size: 1.4rem; }
.sp-flash-list li a:before { position: absolute; top: 6px; left: -4px; width: 7px; height: 7px; border: 1px solid #ccc; background: #fff; content: ''; border-radius: 50%; box-sizing: border-box; }
.sp-flash-list li a:hover { color: #BC082B; }
.sp-flash-list li a:hover:before { border-color: #fff; background: #BC082B; }
.sp-flash-list li a:hover:after { position: absolute; top: 6px; left: -4px; width: 7px; height: 7px; border: 1px solid #BC082B; content: ''; border-radius: 50%; box-sizing: border-box; -webkit-animation: pointUp 1.5s infinite; animation: pointUp 1.5s infinite; }
.sp-flash-list li .tit { display: block; }
.sp-flash-list li .time { display: block; color: #999; font-size: 1.2rem; text-align: right; }
@-webkit-keyframes pointUp {
	80%, 100% { -webkit-transform: scale(3); opacity: 0; }
}
@keyframes pointUp {
	80%, 100% { transform: scale(3); opacity: 0; }
}

.sp-report { float: left; margin: 20px 0 0 220px; width: 780px; }
.sp-report-list { position: relative; width: 100%; height: 250px; overflow: hidden; }
.sp-report-list li { float: left; width: 360px; overflow: hidden; line-height: 20px; }
.sp-report-list li:nth-child(2n+1) { margin-right: 60px; }
.sp-report-list li a { display: block; overflow: hidden; border-radius: 4px; }
.sp-report-list li a .tit { position: relative; display: block; padding-left: 15px; width: 80%; height: 30px; overflow: hidden; font-size: 1.4rem; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: transform .5s; transition: transform .5s; }
.sp-report-list li a .tit:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 4px; height: 4px; background: #ddd; content: ''; border-radius: 2px; }
.sp-report-list li a .time { display: block; color: #999; text-align: right; -webkit-transition: transform .5s; transition: transform .5s; }
.sp-report-list li a:hover { background: #eee; }
.sp-report-list li a:hover .tit { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); }
.sp-report-list li a:hover .tit:before { background: #BC082B; }
.sp-report-list li a:hover .time { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

.sp-video { float: left; margin: 20px 0 0 220px; width: 400px; }
.sp-video-list { width: 100%; height: 370px; overflow: hidden; }
.sp-video-list li { position: relative; float: left; margin-bottom: 25px; width: 190px; }
.sp-video-list li:nth-child(2n+1) { margin-right: 20px; }
.sp-video-list li a.pic { position: relative; display: block; width: 100%; height: 0; padding-top: 66%; overflow: hidden; background: #eee; }
.sp-video-list li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: transform 1s; transition: transform 1s; object-fit: cover; }
.sp-video-list li a.pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.sp-video-list li .length { position: absolute; z-index: 1; bottom: 10px; right: 10px; height: 22px; padding: 0 10px 0 20px; background: rgba(0, 0, 0, .6); color: #fff; line-height: 22px; border-radius: 11px; }
.sp-video-list li .length:before { position: absolute; top: 0; bottom: 0; left: 10px; margin: auto; width: 0; height: 0; border-width: 4px 6px; border-style: solid; border-color: transparent transparent transparent #fff; content: ''; }
.sp-video-list li .tit { margin-top: 5px; height: 40px; overflow: hidden; font-size: 1.4rem; line-height: 20px; }

.sp-live { float: left; margin: 20px 0 0 20px; width: 360px; }
.sp-live-list { width: 100%; height: 370px; overflow: hidden; }
.sp-live-list li { margin-bottom: 7px; }
.sp-live-list li a { display: block; border-radius: 4px; }
.sp-live-list li a span { position: relative; display: block; padding-left: 15px; width: 85%; height: 30px; overflow: hidden; font-size: 1.4rem; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: transform .5s; transition: transform .5s; }
.sp-live-list li a span:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 4px; height: 4px; background: #ddd; content: ''; border-radius: 2px; }
.sp-live-list li a:hover { background: #eee; }
.sp-live-list li a:hover span { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); }
.sp-live-list li a:hover span:before { background: #BC082B; }

.sp-pics { float: left; margin: 20px 0 0 220px; width: 780px; }
.sp-pics-list { overflow: hidden; }
.sp-pics-list li { float: left; margin-right: 20px; width: 180px; overflow: hidden; }
.sp-pics-list li:last-child { margin: 0; }
.sp-pics-list li a.pic { position: relative; display: block; width: 100%; height: 0; padding-top: 60%; overflow: hidden; background: #eee; }
/*
.sp-pics-list li a.pic .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; border-right: 2px solid #fff; box-sizing: border-box; }
.sp-pics-list li a.pic .top { position: absolute; top: 0; right: 0; width: 50%; height: 50%; overflow: hidden; border-bottom: 2px solid #fff; box-sizing: border-box; }
.sp-pics-list li a.pic .bottom { position: absolute; bottom: 0; right: 0; width: 50%; height: 50%; overflow: hidden; }
*/
.sp-pics-list li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: transform 1s; transition: transform 1s; object-fit: cover; }
.sp-pics-list li a.pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.sp-pics-list li .length { position: absolute; z-index: 1; bottom: 10px; right: 10px; height: 22px; padding: 0 10px; background: rgba(0, 0, 0, .6); color: #fff; line-height: 22px; border-radius: 11px; }
.sp-pics-list li .tit { margin-top: 5px; height: 40px; overflow: hidden; font-size:1.4rem; line-height: 20px; }
.sp-pics-list li .time { margin-top: 5px; height: 20px; color: #999; text-align: right; line-height: 20px; }

.sp-relate { float: left; margin: 20px 0 0 220px; width: 780px; }
.sp-relate-list { position: relative; width: 100%; overflow: hidden; }
.sp-relate-list:before { position: absolute; top: 0; bottom: 0; left: 50%; margin: auto; border-left: 1px dashed #e5e5e5; content: ''; }
.sp-relate-list li { position: relative; float: left; width: 360px; line-height: 30px; box-sizing: border-box; }
.sp-relate-list li:nth-child(2n+1) { margin-right: 60px; }
.sp-relate-list li a { display: block; overflow: hidden; }
.sp-relate-list li .tit { position: relative; float: left; display: block; padding-left: 15px; width: 70%; height: 30px; overflow: hidden; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-relate-list li .tit:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 4px; height: 4px; background: #fbc; border-radius: 50%; content: ''; }
.sp-relate-list li .time { float: right; color: #999; text-align: right; }

/*----- detail -----*/

.sp-clumb { position: relative; padding: 10px 0; height: 20px; overflow: hidden; border-bottom: 1px solid #ddd; background: #fff; font-weight: 400; line-height: 20px; }
.sp-clumb .sep { margin: 0 10px; color: #999; font-family: "\5B8B\4F53"; }
.sp-side { float: left; width: 200px; padding-top: 20px; }
.sp-main { float: right; width: 760px; padding-top: 20px; border-left: 1px solid #ddd; }
.sp-global { width: 100%; padding-top: 20px; }

.sp-menu li { border-bottom: 1px solid #eee; }
.sp-menu li a { position: relative; display: block; height: 40px; overflow: hidden; padding-left: 40px; font-size: 1.4rem; line-height: 40px; }
.sp-menu li a:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 5px; height: 5px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform .5s; transition: transform .5s; }
.sp-menu li a:hover:before { border-color: #BC082B; -webkit-transform: translate3d(15px, 0, 0) rotate(45deg); transform: translate3d(15px, 0, 0) rotate(45deg); }
.sp-menu li.curr a { color: #BC082B; font-weight: 700; }
.sp-menu li.curr a:before { border: 1px solid #BC082B; -webkit-transform: translate3d(15px, 0, 0) rotate(45deg); transform: translate3d(15px, 0, 0) rotate(45deg); }

.paging { position: relative; z-index: 1; padding-top: 20px; height: 30px; overflow: hidden; zoom: 1; }
.paging-in { float: right; }
.paging a, .paging span { float: left; margin-left: 5px; padding: 0 10px; display: inline-block; height: 28px; border: 1px solid #ddd; background: #fff; color: #333; line-height: 28px; }
.paging span { border-color: #fff; }
.paging a:hover { border-color: #BC082B; color: #BC082B; text-decoration: none; }
.paging .curr, .paging .current { position: relative; border-color: #BC082B; background: #BC082B; color: #fff; }
.paging .unuse { border-color: #ddd; color: #999; }
.paging .ch { font-family: "\5B8B\4F53"; }

.sp-tlist { padding: 0 0 20px 40px; border-bottom: 1px solid #eee; }
.sp-tlist li { position: relative; padding-left: 20px; height: 40px; overflow: hidden; line-height: 40px; }
.sp-tlist li:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 4px; height: 4px; background: #fbc; content: ''; border-radius: 100%; }
.sp-tlist li p { float: left; width: 540px; overflow: hidden; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; }
.sp-tlist li span { float: right; color: #999; text-align: right; }

.sp-mlist li { padding: 20px 0 20px 200px; overflow: hidden; }
.sp-mlist li a.pic { float: left; margin-left: -200px; display: block; width: 180px; height: 120px; overflow: hidden; background: #eee; }
.sp-mlist li a.pic img { display: block; width: 100%; height: 100%; -webkit-transition: transform 1s; transition: transform 1s; object-fit: cover; }
.sp-mlist li a.pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.sp-mlist li .tit { height: 1.5em; overflow: hidden; font-size: 1.8rem; }
.sp-mlist li .time { margin-top: 10px; color: #999; }
.sp-mlist li .desc { margin-top: 20px; height: 40px; overflow: hidden; color: #888; line-height: 20px; text-indent: 2em; }

.sp-plist { padding: 20px 0 20px 20px; overflow: hidden; border-bottom: 1px solid #eee; }
.sp-plist li { float: left; margin: 0 0 20px 20px; width: 210px; padding: 7px; overflow: hidden; border: 1px solid #eee; }
.sp-plist li a.pic { position: relative; display: block; width: 100%; height: 0; padding-top: 60%; overflow: hidden; background: #eee; }
.sp-plist li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: transform 1s; transition: transform 1s; object-fit: cover; }
.sp-plist li a.pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.sp-plist li .length { position: absolute; z-index: 1; bottom: 10px; right: 10px; height: 22px; padding: 0 10px; background: rgba(0, 0, 0, .6); color: #fff; line-height: 22px; border-radius: 11px; }
.sp-plist li .tit { margin-top: 10px; height: 40px; overflow: hidden; font-size: 1.4rem; line-height: 20px; }
.sp-plist li .time { margin-top: 10px; color: #999; line-height: 20px; text-align: right; }

.sp-vlist { padding: 0 0 20px 40px; overflow: hidden; }
.sp-vlist li { padding: 20px 0 20px 210px; overflow: hidden; border-bottom: 1px solid #eee; }
.sp-vlist li a.pic { position: relative; float: left; display: block; margin-left: -210px; width: 180px; height: 120px; overflow: hidden; background: #eee; }
.sp-vlist li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: transform 1s; transition: transform 1s; object-fit: cover; }
.sp-vlist li a.pic:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.sp-vlist li .length { position: absolute; z-index: 1; bottom: 10px; right: 10px; height: 22px; padding: 0 10px 0 20px; background: rgba(0, 0, 0, .6); color: #fff; line-height: 22px; border-radius: 11px; }
.sp-vlist li .length:before { position: absolute; top: 0; bottom: 0; left: 10px; margin: auto; width: 0; height: 0; border-width: 4px 6px; border-style: solid; border-color: transparent transparent transparent #fff; content: ''; }
.sp-vlist li .tit { max-height: 3em; overflow: hidden; font-size: 1.8rem; }
.sp-vlist li .time { margin-top: 10px; color: #999; }

.sp-detail { margin: 0 auto; padding: 20px 0; width: 760px; }
.sp-detail .tit { padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 2.4rem; font-weight: 400; }
.sp-detail .info { margin-bottom: 30px; padding-top: 10px; color: #888; font-size: 1.4rem; text-align: right; }
.sp-detail .info .sep { margin: 0 10px; color: #ccc; }
.sp-detail .con { font: 1.6rem/1.6 'microsoft yahei'; }
.sp-detail .con img { max-width: 100%; }

.sp-detail-pic { margin: 0 auto; padding: 20px 0; }
.sp-detail-pic .tit { padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 2.4rem; font-weight: 400; }
.sp-detail-pic .info { margin-bottom: 30px; padding-top: 10px; color: #888; font-size: 1.4rem; text-align: right; }
.sp-detail-pic .info .sep { margin: 0 10px; color: #ccc; }

.pic-box { border: 1px solid #ddd; overflow: hidden; background: #eee; }
.pic-box .swiper-side { float: right; padding: 20px; width: 200px; }
.pic-box .swiper-side .pic-pagination { font-size: 2.4rem; font-family: 'Georgia'; }
.pic-box .swiper-side .pic-current { color: #BC082B; font-size: 4.0rem; }
.pic-box .swiper-side .pic-desc { margin-top: 20px; font-size: 1.6rem; text-indent: 2em; }
.pic-box .swiper-container { float: left; width: 750px; border-right: 1px solid #ddd; background: #fff; }
.pic-box .swiper-container .swiper-slide { overflow: hidden; }
.pic-box .swiper-container .swiper-slide .slide-pic { position: relative; width: 100%; height: 0; padding-top: 75%; overflow: hidden; text-align: center; }
.pic-box .swiper-container .swiper-slide .slide-pic img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); object-fit: contain; }
.pic-box .swiper-container .swiper-button-prev, .pic-box .swiper-container .swiper-button-next { top: 240px; width: 40px; height: 70px; background-color: rgba(255, 255, 255, .1); }

.sp-video-box > div { margin: 0 auto; background: #000; }

@media only screen and (min-width:320px) and (max-width:767px) {

	/*----- header -----*/
	#header .wp { width: 100%; padding-top: 10px; }
	.site-topbar { display: none; }
	.site-logo { padding: 0; height: 30px; background-position: 10px 0; background-size: auto 100%; }
	.site-nav { position: relative; margin-top: 10px; width: 100%; border-top: 1px solid #ddd; }
	.site-nav .mainnav > a { padding: 5px 0; font-size: 1.2rem; }
	.site-nav .subnav li a { font-size: 1.2rem; }

	/*----- footer -----*/
	#footer .wp { width: 100%; padding: 20px 10px; box-sizing: border-box; }
	.site-info, .site-qrc { width: 100%; }
	.site-info li { margin-bottom: 10px; }

	/*----- content -----*/
	#content .wp { width: 100%;}

	.sp-qrc { display: none; }
	.sp-banner { margin-bottom: 1px; padding-top: 20%; overflow: hidden; }
	.sp-banner.topic-banner { padding-top: 34%; }
	.sp-banner img { position: absolute; top: 0; height: 100%; }

	.sp-hd { padding: 10px 0; height: auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.sp-hd .tit { display: block; padding-left: 10px; height: 1em; border-bottom: none; border-left: 3px solid #BC082B; line-height: 1em; }
	.sp-hd a.more { bottom: 10px; right: 10px; }
	.sp-bd { padding: 10px 0; }

	.sp-swiper { width: 100%; height: auto; }
	.sp-swiper a.sp-swiper-item span { padding-right: 120px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; }
	.sp-swiper .swiper-container .swiper-button-prev { left: 0; }
	.sp-swiper .swiper-container .swiper-button-next { left: auto; right: 0; }

	.sp-headline { margin: 0; width: 100%; height: auto; }
	.sp-headline-list li { padding: 10px; border-bottom: 1px solid #eee; }
	.sp-headline-list li:last-child { border-bottom: 0; }
	.sp-headline-list li .desc { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.sp-flash { position: static; margin: 0; float: left; width: 100%; }
	.sp-flash.following { position: static; }
	.sp-flash-list { border-left: 1px solid #ddd; }
	.sp-flash-list li { padding: 5px 15px; margin-bottom:0; }
	.sp-flash-list li:nth-child(2n+1) { background: #eee; }
	.sp-flash-list li .tit { width: 80%; }
	.sp-flash-list li .time { margin-top: -1.5em; }

	.sp-report { margin: 0; width: 100%; }
	.sp-report-list { height: auto; }
	.sp-report-list li { width: 100%; }
	.sp-report-list li:nth-child(2n+1) { margin-right: 0; background: #eee; }
	.sp-report-list li a { padding: 5px 10px; }
	.sp-report-list li a .tit { float: left; width: 60%; }
	.sp-report-list li a .time { float: right; line-height: 30px; }

	.sp-video { margin: 0; width: 100%; }
	.sp-video-list { height: auto; }
	.sp-video-list li { margin: 0; padding: 4%; width: 42%; }
	.sp-video-list li:nth-child(2n+1) { margin-right: 0; }
	.sp-video-list li .length { bottom: 5px; right: 5px; }

	.sp-live { margin: 0; width: 100%; }
	.sp-live-list { height: auto; }
	.sp-live-list li { margin-bottom: 0; }
	.sp-live-list li:nth-child(2n+1) { background: #eee; }
	.sp-live-list li a { padding: 5px 10px; }

	.sp-pics { margin: 0; width: 100%;}
	.sp-pics-list { overflow: hidden; }
	.sp-pics-list li { margin: 0; padding: 4%; width: 42%; }
	.sp-pics-list li .length { bottom: 5px; right: 5px; }

	.sp-relate { margin: 0; width: 100%;}
	.sp-relate-list:before { display:none; }
	.sp-relate-list li { width: 100%; }
	.sp-relate-list li:nth-child(2n+1) { margin-right: 0; background: #eee; }
	.sp-relate-list li a { padding: 5px 10px; }
	.sp-relate-list li .tit { width: 60%; }

	/*----- detail -----*/
	.sp-clumb { padding: 10px; }
	.sp-clumb .sep { margin: 0 5px;}
	.sp-side { float: left; width: 200px; padding-top: 20px; display: none; }
	.sp-main { width: 100%; padding: 0; border-left: none; }

	.sp-menu li { border-bottom: 1px solid #eee; }
	.sp-menu li a { position: relative; display: block; height: 40px; overflow: hidden; padding-left: 40px; font-size: 1.4rem; line-height: 40px; }
	.sp-menu li a:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 5px; height: 5px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform .5s; transition: transform .5s; }
	.sp-menu li a:hover:before { border-color: #BC082B; -webkit-transform: translate3d(15px, 0, 0) rotate(45deg); transform: translate3d(15px, 0, 0) rotate(45deg); }
	.sp-menu li.curr a { color: #BC082B; font-weight: 700; }
	.sp-menu li.curr a:before { border: 1px solid #BC082B; -webkit-transform: translate3d(15px, 0, 0) rotate(45deg); transform: translate3d(15px, 0, 0) rotate(45deg); }

	.paging a, .paging span { margin-left: -1px; }
	.paging span { border-color: #ddd; }

	.sp-tlist { padding: 0; }
	.sp-tlist li { padding: 0 10px 0 30px; }
	.sp-tlist li:nth-child(2n+1) { background: #eee; }
	.sp-tlist li:before { left: 10px; }
	.sp-tlist li p { width: 70%; }

	.sp-plist { padding: 4% 0 0; overflow: hidden; border-bottom: 1px solid #eee; }
	.sp-plist li { margin: 0 0 4% 4%; width: 44%; padding: 5px; box-sizing: border-box; }
	.sp-plist li .length { bottom: 5px; right: 5px; }

	.sp-vlist { padding: 0; }
	.sp-vlist li { padding: 20px 15px 20px 150px; }
	.sp-vlist li a.pic { margin-left: -135px; width: 120px; height: 80px; }
	.sp-vlist li .length { bottom: 5px; right: 5px; }
	.sp-vlist li .tit { font-size: 1.6rem; }

	.sp-detail { width: 100%; padding: 0 15px; box-sizing: border-box; }

	.sp-detail-pic { padding: 0; }
	.sp-detail-pic .tit { margin: 0 15px; }
	.sp-detail-pic .info { margin: 0 15px 30px; }

	.pic-box { border-width: 1px 0; }
	.pic-box .swiper-side { width: 100%; box-sizing: border-box; }
	.pic-box .swiper-side .pic-desc { margin-top: 0; }
	.pic-box .swiper-container { width: 100%; border: none; }
	.pic-box .swiper-container .swiper-slide { overflow: hidden; }
	.pic-box .swiper-container .swiper-slide .slide-pic { padding-top: 100%; }
	.pic-box .swiper-container .swiper-button-prev, .pic-box .swiper-container .swiper-button-next { left: 0; top: 45%; width: 30px; height: 60px; background-color: rgba(255, 255, 255, .1); background-size: 60%; border-radius: 0 5px 5px 0; }
	.pic-box .swiper-container .swiper-button-next { left: auto; right: 0; border-radius: 5px 0 0 5px; }
}