﻿@charset "utf-8";
.domPc { display:block; }
.domMobile { display:none; }
body{background:url(//www.news.cn/politics/leaders/xijinping/kchainan202204/images/banner_hnsykc.jpg) no-repeat 50% 0;}
.banner { width:100%; height:723px;  }
.content { width:1000px; height:auto; margin:0 auto; margin-top:-72px; }
.big_tit_center { width:1000px; height:auto; margin:0 auto; }
.big_box { width:1067px; height:253px; background:url(//www.xinhuanet.com/politics/leaders/xijinping/gzkc202102/images/kc_bg.jpg) no-repeat 50% 0; margin:0 auto; margin-top:-296px; overflow:hidden; }
.big_box .tit { font-size:38px; color:#fff; text-align:center; font-weight:bold; margin-top:30px; }
.big_box .tit a { color:#fff; }
.big_box .text { font-size:16px; color:#fff; text-align:center; line-height:28px; margin-top:20px; }
.big_box .text a { color:#fff; }
/*焦点图组件3*/ 
.focusBox3 { width:1000px; height:562px;  position: relative;} 
.focusBox3 .arrow-left { background:url(//www.xinhuanet.com/politics/leaders/xijinping/gzkc202102/images/jj_left.png) no-repeat left top; position: absolute; left: 0; top: 244px; width: 34px; height: 73px; z-index: 2; display:none; } 
.focusBox3 .arrow-right { background:url(//www.xinhuanet.com/politics/leaders/xijinping/gzkc202102/images/jj_right.png) no-repeat left bottom; position: absolute; right: 0; top: 244px; width: 34px; height: 73px; z-index: 2; display:none; } 
.focusBox3:hover .arrow-left, .focusBox3:hover .arrow-right { display:block; }

.focusBox3 .swiper-container { width:1000px; height:562px; } 
.swiper-slide{position: relative;} 
.focusBox3 .swiper-container.swiper-wrapper .swiper-slide img { width:1000px; height:562px; } 
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .bg{position: absolute;left: 0;bottom: 0; width:100%; height: 50px; opacity: 0.8; background: rgb(57,106,252);
background: -moz-linear-gradient(left,  rgba(57,106,252,1) 0%, rgba(9,192,173,1) 100%);
background: -webkit-linear-gradient(left,  rgba(57,106,252,1) 0%,rgba(9,192,173,1) 100%);
background: linear-gradient(to right,  rgba(57,106,252,1) 0%,rgba(9,192,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396afc', endColorstr='#09c0ad',GradientType=1 );
z-index: 0} 
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title{position:absolute;left: 2%;bottom: 0;width:96%;height: 50px; font-size:18px; line-height: 50px;color: #fff;overflow: hidden; z-index: 1;} 
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; } 
.focusBox3 .pagination { position: absolute; right: 10px; text-align:right; bottom:5px; width: 100%;z-index: 2 ;} 
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff;margin: 0 3px; cursor: pointer; } 
.swiper-active-switch { background: #0c429b; } 
.focusBox3 .plaer { width: 80px; height: 80px; position: absolute; left: 10px; bottom: 60px; z-index: 10; background:url(//www.xinhuanet.com/politics/newpage2020/images/icon-play.png) no-repeat; display:none; }
.ppp { display:none; }
.left_box { float:left; width:685px; height:auto; }

/*瀑布流*/ 
.grid-1200 { width: 1200px }
.grid-120 { width: 120px }
.grid-700 { width: 700px }
.grid-320 { width: 320px }
.mr-30 { margin-right: 30px }
.ml-30 { margin-left: 30px }
.list { /*padding-top: 100px; margin-top: -100px; */overflow-x: hidden; overflow-y: visible; position: relative; z-index: 5 }
.list .item { padding: 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dashed #bfbfbf }
.list .item .tit { font-size: 18px; line-height: 28px }
.list .item .tit i { font-size: 16px; height: 26px; line-height: 26px; padding: 0 10px; margin-right: 10px; color: #fff; font-style: normal }
.list .item .tit i.red { background: #e10e0e }
.list .item .tit i.blue { background: #027bfb }
.list .item .tit i.orange { background: #f60 }
.list .item:hover { background: #fdfdfd }
.list .item:hover .share { width: 140px }
.list .xpage-more-btn { display: block; text-align: center; line-height: 46px; width: 270px; margin: 50px auto 10px; font-size: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#083b90; color: #fff; cursor: pointer }
.list .xpage-more-btn img { vertical-align: middle; margin-right: 10px; margin-top: -3px }
.item-style1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.item-style1 .img { margin-right: 18px; width: 180px; height: 100px; overflow: hidden; border-radius: 5px; }
.item-style1 .img img { width: 100%; }
.item-style1 .txt { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1 }
.item-style1 .txt .tit { margin-top:-3px; height: auto; }
.item-style1 .txt .info { margin-top: 5px }
.item-style2 .info { margin-top: 5px }
.item-style3 .tit { margin-bottom: 10px }
.item-style3 .img { width: 100%; height: auto; overflow: hidden; border-radius: 5px; }
.item-style3 .img img { width: 100%; height: auto }
.item-style4 .tit { margin-bottom: 10px }
.item-style4 .img { width: 100%; height: 191px;  }
.item-style4 .img a { /*display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between*/ display:block; width:100%; height:191px; }
.item-style4 .img a img { width: 49%; height: 100%; overflow: hidden; border-radius: 5px; display:inline-block; margin-right:1%; }
.item-style5 .tit { margin-bottom: 10px }
.item-style5 .img { width: 100%; height: 124px; }
.item-style5 .img a { /*display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between*/ display:block; width:100%; height:124px; }
.item-style5 .img a img { width: 32%; height: 100%; overflow: hidden; border-radius: 5px; display:inline-block; margin-right:1.3%; }
.item-style6 .tit { margin-bottom: 10px }
.item-style6 .img { position: relative; z-index: 1; width: 100%; height: auto }
.item-style6 .img img { position: relative; z-index: 1; width: 100%; height: auto }
.item-style6 .img .play { width: 80px; height: 80px; position: absolute; left:10px; bottom:10px; z-index: 3 }
.item-style6 .img video { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; background: #000 }
.item-style6 .img .close { width: 30px; height: 30px; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer }
.item-style6 .img .hide { display: none }
.info { height: 30px; margin-top: 15px; display:none; }
.info .time { float: left; font-size: 14px; line-height: 30px; color: #999; }
.info .share { float: right; width: 0; height: 30px; font-size: 0; white-space: nowrap; -webkit-transition: width 1s; -moz-transition: width 1s; transition: width 1s }
.info .share .share-item { display: inline-block; position: relative; width: 24px; height: 24px; margin-left: 8px }
.info .share .share-item img { width: 100%; height: 100% }
.info .share .share-item .qrcode { position: absolute; left: 50%;top: 30px; margin-left: -94px; z-index: 88; width: 150px; height: 0; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s }
.info .share .share-item .qrcode img { width: 150px; height: 150px }
.info .share .share-item .qrcode.show { height: 150px }
.zhaiyao { font-size:14px; color:#666; margin-top:10px; line-height:25px; }
.right_box { float:right; width:297px; height:auto;margin-top: 20px; line-height: 28px; }
.sp_list { overflow:hidden; }
.sp_list li { width:297px; height:auto; overflow:hidden; margin-top:25px; }
.sp_list li .img { width:297px; height:167px; position:relative; }
.sp_list li .img img { width:297px; height:167px; }
.sp_list li .img span img { width:48px; height:48px; position:absolute; left:10px; bottom:10px; }
.sp_list li p { font-size:16px; color:#2e2e2e; line-height:26px; margin-top:10px; }
.sp_list li p a { color:#2e2e2e; }
@media screen and (min-width:0px) and (max-width: 767px) {
.domPc { display:none; }
.domMobile { display:block; }
.mb_banner { width:100%; height:auto; }	 
.mb_banner img { width:100%; height:auto; }	 
.content { width:100%; height:auto; margin:0 auto; margin-top:0; }
.big_tit_center { width:100%; height:auto; margin:0 auto; }
.big_box { width:100%; height:auto; background:url(//www.xinhuanet.com/politics/leaders/xijinping/gzkc202102/images/kc_bg.jpg) no-repeat 50% 0; background-size:100% 100%; margin:0 auto; margin-top:0; overflow:hidden; padding-bottom:20px; }
.big_box .tit { font-size:24px; color:#fff; text-align:center; font-weight:bold; margin-top:30px; padding: 0 10px; }
.big_box .tit a { color:#fff; }
.big_box .text { font-size:14px; color:#fff; text-align:center; line-height:28px; margin-top:20px; }

.focusBox3 { width:100%; height:auto; overflow:hidden; position:relative;} 
.focusBox3 .swiper-container { width:100%; height:212px; } 
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height:auto;} 
.focusBox3 .pagination { display:none; }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title { font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.focusBox3 .plaer { width: 60px; height: 60px; background-size: 100% 100%; }
.left_box { width:100%; }
.zhaiyao { display:none; }
.list .item { padding:20px 10px; }
.item-style1 .img { width: 32.5%; height:auto; }
.item-style1 .img img { height:auto; }
.list .item .tit { font-size:16px; }
.item-style5 .img { height:76px; }
.item-style5 .img a { height:76px; }
.item-style5 .img a img { height:76px; }
.list .xpage-more-btn { width:120px; font-size:14px; line-height:30px; margin-bottom:30px; }

.right_box { float:none; width:100%; height:auto; margin-top: 0; line-height: 28px; }
.right_box img { width:100%; height:auto; }
.sp_list { overflow:hidden; margin-bottom:30px; }
.sp_list li { width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:25px; }
.sp_list li .img { width:100%; height:auto; position:relative; }
.sp_list li .img img { width:100%; height:auto; }
.sp_list li .img span img { width:48px; height:48px; position:absolute; left:10px; bottom:10px; }
.sp_list li p { font-size:16px; color:#2e2e2e; line-height:26px; margin-top:10px; }
.sp_list li p a { color:#2e2e2e; }
.item-style6 .img .play { width: 60px; height: 60px; }
} 
