@charset "UTF-8";
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, input, textarea, label, ul, ol, dl, li, dt, dd, .clearfix:after { margin: 0; padding: 0; }
html, body { height: 100%; }
body { padding: 0; margin: 0; /*font-family: 'PingFang SC', 'Lantinghei SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'sans-serif' !important;*/ font-family: Dotum }
* { font-family: Dotum !important; }
h1, h2, h3, h4 { font-weight: normal; }
li { list-style-type: none; }
a { text-decoration: none; outline: none; color: #333; }
a:hover { text-decoration: none; color: #3773db; }
table { border-collapse: collapse; border-spacing: 0; }
iframe, img { border: 0; }
img { vertical-align: middle; }
input { outline: none; }
button { border: 0; outline: 0; }
/* 图片地址 */
/* 颜色 */
/* 屏幕尺寸 */
html, body { position: relative; }
.clearfix { display: block; }
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }
.container { width: 1000px; margin: 0 auto; }
.col-title { width: 1000px; height: 85px; margin: 50px auto 30px; }
.title1 { background: url(http://kr.xinhuanet.com/specials/pt/2018/sco/images/dh_pl.png) left center no-repeat; }
.title2 { background: url(http://jp.xinhuanet.com/201806sco/index/images/xz.jpg) left center no-repeat; margin: 50px auto -30px; }
.title3 { background: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/title3.png") left center no-repeat; }
.title4 { background: url(http://kr.xinhuanet.com/specials/pt/2018/sco/images/dh_tp.png) left center no-repeat; }
.title5 { background: url(http://kr.xinhuanet.com/specials/pt/2018/sco/images/dh_zl.png) 87px center no-repeat; width: 1144px; }
/* focus */
.jj_tu_box { width: 586px; height: 380px; overflow: hidden; margin-top: 35px; }
.focusBox3 { width: 586px; height: 356px; position: relative; }
.focusBox3:hover .arrow-left { background: url(http://www.newsimg.cn/world/scosummit2018/images/jj_right.png) no-repeat left top; position: absolute; left: 0; top: 135px; width: 38px; height: 72px; z-index: 2; }
.focusBox3:hover .arrow-right { background: url(http://www.newsimg.cn/world/scosummit2018/images/jj_left.png) no-repeat left bottom; position: absolute; right: 0; top: 135px; width: 38px; height: 72px; z-index: 2; }
.focusBox3 .swiper-container { width: 586px; height: 356px; }
.swiper-slide { position: relative; }
.focusBox3 .swiper-container.swiper-wrapper .swiper-slide img { width: 586px; height: 356px; }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title { position: absolute; left: 0; bottom: 0; width: 96%; padding: 5px 2%; line-height: 30px; color: #fff; overflow: hidden; z-index: 1; font-size: 20px; text-align: center; background: rgba(3, 88, 153, 0.8); }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; }
.focusBox3 .pagination { position: absolute; right: 10px; text-align: center; bottom: -25px; width: 100%; z-index: 2; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #035899; margin: 0 10px; cursor: pointer; }
.swiper-active-switch { background: #2c9592; }
.jj_txt_box { width: 395px; height: 380px; overflow: hidden; margin-top: 35px; }
.jj_txt_box .title { font-size: 27px; color: #035899; font-weight: bold; line-height: 37px; border-bottom: 1px solid #bfbfbf; margin-bottom: 16px; padding-bottom: 16px; }
.jj_txt_box .title a { color: #035899; }
.jj_list li { font-size: 22px; color: #333; position: relative; margin-top: 11px; line-height: 32px; padding-left: 20px; }
.jj_list li a { color: #333; }
.jj_list li:before { content: ""; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #035899; border-radius: 100%; }
/* hot */
.hot-mix { width: 650px; height: 460px; }
.hot-mix img { display: inline-block; width: 310px; height: 100%; }
.hot-txt { float: right; width: 320px; }
.hot-txt > a:first-child, .hot-txt .hot-title { display: block; font-size: 27px; line-height: 40px; color: #035899; font-weight: bold; border-bottom: 1px solid #bfbfbf; margin-bottom: 16px; padding-bottom: 16px; }
.hot-list li { position: relative; padding-left: 22px; line-height: 36px; margin-top: 15px; }
.hot-list li:before { content: ""; position: absolute; display: block; top: 17px; left: 0; width: 7px; height: 7px; background: #035899; border-radius: 100%; margin-top: -2px; }
.hot-list li a { font-size: 18px; line-height: 33px; color: #333; }
/* exclusive */
.exclusive-box { position: relative; width: 1000px; height: 500px; }
.carousel { position: relative; height: 450px; margin: 0 auto; }
.carousel li { float: left; width: 300px; height: 230px; }
.carousel a, .carousel img, .carousel span { display: inline-block; }
.carousel img { width: 100%; height: 100%; }
.carousel a { position: relative; }
.carousel span { position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 4px; font-size: 14px; line-height: 22px; color: #fff; text-align: center; background-color: #36a1de; background-color: rgba(54, 161, 222, 0.8); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.carousel a { -webkit-box-reflect: below -4px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.3)); }
.carousel { position: relative; margin: 0px; padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
.carousel .carousel-item { background-position: center; background-repeat: no-repeat; background-color: #FFF; position: absolute; cursor: pointer; }
.carousel .out { border: #DDD 2px solid; }
.carousel .over { border: #DDD 2px solid; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')"; }
.carousel .click { border: #DDD 2px solid; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')"; }
.carousel .select { border: #DDD 2px solid; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')"; }
.carousel .tooltip { position: absolute; z-index: 9999; background-color: #DDD; margin-bottom: 20px; border: #EEE solid 4px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.carousel .tooltip p { color: #999; padding: 10px; margin: 0px; }
.carousel .scrollbar { width: 340px; position: absolute; margin-top: 100px; }
.carousel .scrollbar .track { width: 300px; height: 20px; position: absolute; left: 20px; }
.carousel .scrollbar .thumb { width: 70px; height: 20px; position: absolute; cursor: pointer; }
.carousel .scrollbar .left { width: 20px; height: 20px; position: absolute; cursor: pointer; left: 0px; }
.carousel .scrollbar .right { width: 20px; height: 20px; position: absolute; cursor: pointer; right: 0px; }
.ex-btn { position: relative; z-index: 20; width: 200px; margin: 0 auto; }
.ex-arr { width: 72px; height: 40px; background-repeat: no-repeat; background-position-y: center; cursor: pointer; }
.ex-left { float: left; background-image: url("http://www.newsimg.cn/world/brics2017/icon_pc_arrow3d_left.png"); background-position-x: left; }
.ex-right { float: right; background-image: url("http://www.newsimg.cn/world/brics2017/icon_pc_arrow3d_right.png"); background-position-x: right; }
/* video */
.video-box { height: 515px; width: 100%; background: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/video-bg.jpg") center center no-repeat; }
.video-cont { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.video-cont > a, .video-pic { position: relative; float: left; display: block; width: 725px; height: 410px; margin-top: 56px; }
.video-cont > a img, .video-pic img, .video-cont > a span, .video-pic span { display: block; }
.video-cont > a img, .video-pic img { width: 100%; height: 100%; }
.video-cont > a span, .video-pic span { position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; padding-left: 98px; padding-right: 8px; line-height: 60px; font-size: 18px; color: #fff; background-position: 9px 4px; background-repeat: no-repeat; background-image: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/icon_btn_play.png"); background-color: rgba(3, 88, 153, 0.7); }
.video-list { float: right; width: 260px; }
.video-list > a, .video-list-item { position: relative; display: block; height: 167px; overflow: hidden; margin-bottom: 7px; }
.video-list > a img, .video-list-item img, .video-list > a span, .video-list-item span { display: inline-block; width: 100%; height: 100%; }
.video-list > a span, .video-list-item span { position: absolute; bottom: -100%; left: 0; background-color: #105392; background-color: rgba(16, 83, 146, 0.6); line-height: 100%; vertical-align: middle; text-align: center; line-height: 186px; }
.video-list > a span > span, .video-list-item span > span { display: inline-block; position: static; width: 70%; height: auto; font-size: 16px; line-height: 30px; color: #fff; background-color: transparent; }
/* photos */
.focusBox5 { width: 1000px; height: 530px; position: relative; }
.focusBox5 .arrow-left5 { background: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/gqdt_left.png") no-repeat left top; position: absolute; left: -55px; top: 320px; width: 38px; height: 82px; z-index: 2; }
.focusBox5 .arrow-right5 { background: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/gqdt_right.png") no-repeat left bottom; position: absolute; right: -55px; top: 320px; width: 38px; height: 82px; z-index: 2; }
.focusBox5 .swiper-container { width: 1000px; height: 530px; }
.swiper-slide { position: relative; }
.focusBox5 .swiper-container .swiper-wrapper .swiper-slide img { width: 1000px; height: 530px; }
.focusBox5 .swiper-container .swiper-wrapper .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; opacity: 0.8; background: #035899; z-index: 0; }
.focusBox5 .swiper-container .swiper-wrapper .swiper-slide .title { position: absolute; left: 0; bottom: 0; width: 96%; padding: 10px 2%; line-height: 30px; color: #fff; overflow: hidden; z-index: 1; font-size: 20px; background: rgba(3, 88, 153, 0.8); }
.focusBox5 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; }
.focusBox5 .pagination { position: absolute; right: 10px; text-align: right; bottom: 10px; width: 15%; z-index: 2; }
.focusBox5 .swiper-pagination-switch { display: inline-block; width: 9px; height: 10px; border-radius: 9px; background: #fff; margin: 0 5px; cursor: pointer; }
.focusBox5 .swiper-active-switch { background: #00cdff; }
/* background */
.meeting-box { position: relative; height: 580px; background-position: center 7px; background-repeat: no-repeat; background-image: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/background.png"); }
.meeting-box .box:first-child { position: relative; }
.meeting-arr { position: absolute; top: 278px; z-index: 10; display: block; width: 37px; height: 84px; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.meeting-left { left: 112px; background-image: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/icon_pc_arr_left.png"); }
.meeting-right { right: 112px; background-image: url("http://www.xinhuanet.com/english/cnleaders/2018SCOSummit/images/icon_pc_arr_right.png"); }
.meeting-swiper, .meeting-swiper .swiper-wrapper, .meeting-swiper .swiper-slide { height: 100%; font-size: 0; line-height: 575px; }
.meeting-swiper .swiper-slide:nth-child(even) .meeting-item { top: 15px; }
.meeting-item { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; width: 100%; height: 560px; border-right: 1px solid #fff; }
.meeting-item a, .meeting-item img { display: block; width: 100%; height: 100%; }
.meeting-item a > span { position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 10px 0; line-height: 90px; text-align: center; background-color: #36a1de; background-color: rgba(54, 161, 222, 0.6); background-image: -webkit-gradient(radial, 139 -254, 182, 1 42, 509, from(rgba(0, 0, 0, 0)), to(#000000)); }
.meeting-item a > span span { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 26px; color: #fff; }
.foot { background: #00cdff; color: #fff; text-align: center; font-size: 20px; padding: 30px 0; margin-top: 50px; }

/*# sourceMappingURL=maps/index.css.map */