﻿@charset "utf-8";
.navbar-ch, img { border: none }
.js_l img, .js_l p { vertical-align: top }
body, html { -webkit-tap-highlight-color: transparent }
body { font-family: Sans-serif; background: url(http://www.xinhuanet.com/sike/cc/images/bg2.jpg) top center/cover no-repeat #f7f0e6 }
body, dd, dl, h1, h2, h3, h4, h5, h6, p, ul { margin: 0 }
dd, dl, ul { padding: 0 }
li { list-style: none }
a { text-decoration: none }
video { object-fit: cover }
.bg { background: url(http://www.xinhuanet.com/sike/cc/images/bg.jpg) 50% 0 no-repeat; background-size: 400px }
.container { max-width: 930px }
.navbar-ch { background: 0 0; border-radius: 0; margin-bottom: 10px }
.navbar-brand { height: auto }
.navbar-brand img.news { height: 28px }
.navbar-brand img.sike { height: 20px; margin-top: 4px }
.ch_tit { margin-bottom: 5px }
.ch_tit img { display: block; width: 40%; margin: 0 auto }
.ch_tit img.o { width: 56% }
.ch_1 { padding-top: 120px; position: relative }
.ch_1 .bt { position: absolute; width: 45%; left: 50%; transform: translate(-50%); top: 0 }
.ch_video .pageVideo, .ch_video .poster { width: 100%; position: relative; z-index: 2 }
.ch_3, .ch_4 { margin-top: 30px }
.ch_video { margin-top: 0; position: relative }
.ch_video .pageVideo { min-height: 160px; display: none }
.ch_video .poster { display: block }
.ch_video .play { position: absolute; bottom: 0%; left: 0%; transform: translate(0%, 0%); width: 15%; cursor: pointer; z-index: 2 }
.ch_js .tl, .js_l img { top: 0; left: 0 }
.ch_video .niao { position: absolute; bottom: 0; left: -300px; z-index: 1 }
.ch_js { position: relative; margin: 30px 0; padding: 15px }
.ch_js .ic { position: absolute; width: 120px }
.ch_js .bl { bottom: 0; left: 0 }
.ch_js .tr { top: 0; right: 0 }
.ch_js .br { bottom: 0; right: 0 }
.js_box { padding: 15px; background: url(http://www.xinhuanet.com/sike/cc/images/bg.png) }
.js_l { overflow: hidden; text-align: center; position: relative; padding-left: 40%; min-height: 100px }
.js_l .t1, .js_l .t2 { line-height: 1; text-align: left }
.js_l .t1 a { color: #333;}
.js_l p { padding-top: 15px }
.js_l .t1 { font-size: 24px }
.js_l .t2 { font-size: 14px }
.js_l img { margin-left: 15px; width: 30%; position: absolute }
.js_l .line { width: 2px; height: 120px; background-color: #000; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; display: none }
.js_r { margin-top: 30px }
.js_r h2 { font-size: 20px; margin-bottom: 5px; text-align: center }
.js_r h2 a { color: #333;}
.js_r p { font-size: 16px }
.js_r p a { color: #333;}
.img_box { position: relative }
.img_box .ren { display: block; width: 100% }
.img_box .play { position: absolute; width: 35%; bottom: 30%; left: 50%; transform: translateX(-50%); cursor: pointer }
.img_box>a { display: block; position: relative }
/* .img_box>a:after { position: absolute; width: 100%; height: 100%; background: url(http://www.xinhuanet.com/sike/cc/images/play2.png) 50% 50%/80px no-repeat; top: 0; left: 0; content: ".";} */
.img_box>a:after { position: absolute; width: 100%; height: 100%; background: 50% 50%/80px no-repeat; top: 0; left: 0; content: ".";}
.ch_box2, .swiperBox { position: relative }
.swiperBox .swiper-button-next { right: 0; background-size: contain; opacity: 1; width: 20px; height: 40px }
.swiperBox .swiper-button-prev { left: 0; background-size: contain; opacity: 1; width: 20px; height: 40px }
.ch_box2 img, .ch_gjc img { display: block; width: 100% }
.swiper-button-next { background-image: url(http://www.xinhuanet.com/sike/cc/images/arrrr.png) }
.swiper-button-prev { background-image: url(http://www.xinhuanet.com/sike/cc/images/arrll.png) }
.ch_gjc { background-color: rgba(115,70,0,.3); padding: 15px 0; margin-top: 0 }
.ch_gjc img { margin: 0 auto }
.ch_box2 { margin-top: 15px }
.ch_box2 p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; width: 80%; text-align: justify }
.lxBox { padding: 30px 15px; background: url(http://www.xinhuanet.com/sike/cc/images/bb.png) 50% 50%/cover; min-height: 222px }
.lxBox .lxl { padding-top: 15px }
.lxBox .lxl p { font-size: 14px; text-align: justify; padding-left: 100px; background: url(http://www.xinhuanet.com/sike/cc/images/logoo.png) 10px 50%/70px no-repeat }
.lxBox .lxr { margin-top: 30px }
.lxBox .lxr h5 { font-size: 20px; text-align: center; margin-bottom: 15px }
.lxBox .lxr p { color: #4c1c1c; font-size: 12px }
.footer { background-color: rgba(115,70,0,.3); padding: 30px 0; margin-top: 45px }
.footer p { text-align: center; font-size: 14px; color: #333 }
.pc { display: none!important }
.m { display: block!important }
@media (min-width:1150px) {
.js_l img, .js_l p { display: inline-block; vertical-align: top }
body { background: url(http://www.xinhuanet.com/sike/cc/images/bg2.jpg) top center/cover no-repeat #f7f0e6 }
.bg { background: url(http://www.xinhuanet.com/sike/cc/images/bg.jpg) top center/contain no-repeat }
.ch_1 { padding-top: 300px }
.ch_1 .bt { position: absolute; width: 15%; left: 50%; transform: translate(-50%); top: 3% }
.ch_2 { margin-top: 30px }
.ch_3, .ch_4 { margin-top: 60px }
.ch_video { margin-top: 45px }
.ch_video .pageVideo { min-height: 500px }
.ch_3 .ch_video { margin-top: 0 }
.ch_3 .ch_video .pageVideo { min-height: 400px }
.ch_js { margin: 30px -30px; padding: 30px }
.ch_js .ic { position: absolute; width: 240px }
.js_l { overflow: hidden; text-align: center; position: relative }
.js_l p { padding-top: 15px }
.js_l .t1 { width: 28px; font-size: 28px; line-height: 1 }
.js_l .t2 { width: 14px; font-size: 14px; margin-left: 15px; line-height: 1 }
.js_l img { margin-left: 15px; width: 50% }
.js_l .line { width: 2px; height: 120px; background-color: #000; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; display: block }
.js_r { margin-top: 0 }
.js_r h2 { font-size: 24px; margin-bottom: 5px; margin-top: 15px; text-align: left }
.js_r p { font-size: 18px }
.swiperBox .swiper-button-next { right: -60px; width: 40px; height: 80px }
.swiperBox .swiper-button-prev { left: -60px; width: 40px; height: 80px }
.lxBox { padding-left: 180px; background: url(http://www.xinhuanet.com/sike/cc/images/bb.png) 50% 50%/contain no-repeat; min-height: 222px; padding-top: 45px }
.lxBox .lxl { padding-top: 15px }
.lxBox .lxl p { font-size: 16px; text-align: justify; padding-left: 0; background: 0 0 }
.lxBox .lxr { margin-top: 0; border-left: 1px solid #4c1c1c; padding-left: 30px }
.lxBox .lxr h5 { font-size: 18px; text-align: center; margin-bottom: 5px; margin-top: 5px }
.lxBox .lxr p { color: #4c1c1c; font-size: 14px; padding-right: 30px }
.navbar-brand { height: auto }
.navbar-brand img.news { height: 36px }
.navbar-brand img.sike { height: 28px; margin-top: 4px }
.img_box .play { width: 35% }
.img_box.cur>a:after, .img_box>a:after { width: 100%; height: 100%; top: 0; left: 0; content: "." }
.img_box>a { display: block; position: relative }
/* .img_box>a:after { position: absolute; background: url(http://www.xinhuanet.com/sike/cc/images/play2.png) 50% 50%/80px no-repeat rgba(0,0,0,.3);  } */
.img_box>a:after { position: absolute; background:  50% 50%/80px no-repeat rgba(0,0,0,.3);  }
.img_box.cur>a { display: block; position: relative }
.img_box.cur>a:after { position: absolute; background: url(http://www.xinhuanet.com/sike/cc/images/play2.png) 50% 50%/80px no-repeat }
.ch_tit { margin-bottom: 15px }
.ch_tit img { display: block; width: 25%; margin: 0 auto }
.ch_tit img.o { width: 32% }
.ch_gjc { background-color: rgba(115,70,0,.3); padding: 15px; margin-top: 0 }
.ch_gjc img { display: block; margin: 0 auto; width: 75% }
.ch_box2 { margin-top: 15px }
.pc { display: block!important }
.m { display: none!important }
}
