body {
    position: relative;
    margin: 0;
    background: url(http://sd.news.cn/2026zt/jb/banner.png) 38% 0 no-repeat;
}

.content {
    width: 1200px;
    margin: 0 auto;
}

.title {
    width: 1200px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
    position: relative;
}

.title img {}

.banner {
    height: 600px;
    margin: auto;
}

.nav_box {
    width: 100%;
    height: 59px;
    background: #0083CE;
    min-width: 1200px;
}

.nav_list {
    width: 1200px;
    height: 59px;
    margin: 0 auto;
    line-height: 59px;
    list-style: none;
    text-align: center;
    white-space: nowrap;
}

.nav_list li {
    display: inline-block;
    margin: 0 15px;
    font-size: 20px;
    color: #fff;
    line-height: 59px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-weight: 400;
}

.nav_list li a {
    color: #fff;
}

.part02 {
    background: margin-bottom: 30px;
    min-width: 1200px;
}

.part04 {
    margin-top: 40px;
    height: auto;
}

.part04_con {
    width: 1200px;
    margin: 0 auto;
}

.part1 {
    width: 1200px;
    height: 388px;
    position: relative;
    margin: 0 auto;
    /* background: url(http://www.news.cn/2016homepage/img201611115/20170626_hg_bg01.jpg) no-repeat;  margin-top: 20px;*/
}

.part1-left {
    width: 800px;
    height: 450px;
    position: relative;
    float: left;
}

.part1-left .part1-left-button-prev {
    background: url(http://www.news.cn/world/cop15/index/images/left.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 227px;
    width: 16px;
    height: 28px;
    z-index: 2;
}

.part1-left .part1-left-button-next {
    background: url(http://www.news.cn/world/cop15/index/images/right.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 227px;
    width: 16px;
    height: 28px;
    z-index: 2;
}

.part1-left .swiper-container {
    width: 800px;
    height: 450px;
    margin: 0 auto;
    border-radius: 10px;
}

.swiper-slide {
    position: relative;
}

.part1-left .swiper-pagination {
    position: absolute;
    right: 10px;
    text-align: right;
    bottom: 15px;
    z-index: 2;
}

.part1-left .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin: 0 3px;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.part1-left .swiper-active-switch {
    background: #fb964c !important;
}

.part1-left .swiper-pagination-bullet {
    margin-left: 5px;
}

.part1-left .swiper-pagination-bullet-active {
    background: #fb964c !important;
}

.part1-left .picTitle {
    position: relative;
    width: 800px;
    height: 450px;
    overflow: hidden;
}

.part1-left .picTitle .img img {
    width: 800px;
    height: 450px;
    display: block;
}

.part1-left .picTitle .bg {
    display: none;
    background: rgba(51, 51, 51, 0.8);
    bottom: 0;
    height: 56px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.part1-left .picTitle .name {
    bottom: 0;
    color: #fff;
    left: 0;
    line-height: 28px;
    overflow: hidden;
    position: absolute;
    text-indent: 0.5em;
    text-align: left;
    font-size: 20px;
    width: 100%;
    box-sizing: border-box;
    z-index: 11;
    padding: 10px 10% 10px 5px;
    background: rgba(248, 198, 129, 0.7);
    background: linear-gradient( to bottom, rgba(58, 58, 58, 0) 0, rgba(4, 118, 235, 0.7) 100%);
}

.part1-left .picTitle .name a {
    color: #fff;
    text-decoration: none;
}

.mul-play {
    position: absolute;
    width: 70px;
    height: 70px;
    bottom: 64px;
    left: 18px;
    display: none;
    cursor: pointer;
    z-index: 999;
}

.mul-play img {
    width: 100%;
    height: 100%;
    display: block;
}

.videoPart {
    width: 800px;
    height: 450px;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
}

.videoPart iframe {
    width: 800px;
    height: 450px;
}

.videoPart .videoPart-close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: -22px;
    z-index: 50;
    background: url(http://www.newsres.cn/bigbig201710101700/bundle/s1014_icon_btn_close.png) no-repeat;
    cursor: pointer;
    background-size: 100% auto;
}


/* .part1-left .picTitle .name a:hover { text-decoration: underline; } */

.part1-right {
    width: 367px;
    float: right;
    overflow: hidden;
}


/*.part1-right ul { width: 380px; margin: -3px auto 0; }*/

.part1-right ul {
    overflow: hidden;
    margin: 0px auto 0;
}

.part1-right li {
    font-size: 18px;
    color: #305798;
    padding: 15px 15px 0px 15px;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 18px;
    background: #f2f9fe;
}

.part1-right li:hover {
    background: #358cff;
}

.part1-right li a {
    color: #333;
}

.part1-right li:hover a {
    color: #fff !important;
}


/*part2*/

.tuPart {
    margin: 0 auto
}

.device1 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 21px;
}

.device1 .arrow-left1 {
    background: url() no-repeat left top;
    position: absolute;
    left: 30px;
    top: 45%;
    margin-top: -15px;
    width: 24px;
    height: 44px;
    z-index: 5;
}

.device1 .arrow-right1 {
    background: url() no-repeat left bottom;
    position: absolute;
    right: 30px;
    top: 45%;
    margin-top: -15px;
    width: 24px;
    height: 44px;
    z-index: 5;
}

.foucos-container1 {
    width: 1200px;
    height: auto;
    margin: 0 auto
}

.foucos-container1 .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    z-index: 5;
}

.foucos-container1 .swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: #777;
    margin-right: 8px;
    cursor: pointer;
}

.foucos-container1 .swiper-active-switch {
    background: #fff;
}

.foucos-container1 .swiper-slide li .img {
    width: 352px;
    height: 211px;
    border-radius: 10px;
}

.foucos-container1 .swiper-slide li .img img {
    width: 352px;
    height: 211px;
    border-radius: 10px;
}

.foucos-container1 .swiper-slide li {
    width: 352px;
    height: 313px;
    float: left;
    margin: 0 15px;
    border-radius: 10px;
    background: #fff;
    border-bottom: 8px solid #358cff;
    margin-top: 23px;
}

.foucos-container1 .swiper-slide li .text {
    padding: 0 10px;
}

.foucos-container1 .swiper-slide li .text h3 {
    height: auto;
    overflow: hidden;
    margin-top: 15px;
}

.foucos-container1 .swiper-slide li .text h3 a {
    color: #333;
    line-height: 24px;
    font-size: 20px;
}

.foucos-container1 .swiper-slide li .text h4 {
    margin-top: 10px;
    color: #666;
    height: 50px;
    overflow: hidden;
    line-height: 24px;
    font-size: 18px;
}

.foucos-container1 .swiper-slide li .text h4 a {
    color: #666;
}


/*end*/


/*选项卡组件1*/

.tab1 {
    width: 1200px;
    position: relative;
    margin: 0px auto;
}

.tab1 .tab_menu {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 1;
}

.tab1 .tab_menu li {
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    border-bottom: 0px;
    cursor: pointer;
    text-align: center;
    margin: 0 0 0 0;
    font-size: 20px;
    color: #0d71d1;
    font-weight: bold;
}

.tab1 .tab_box {
    width: 1200px;
    height: auto;
    clear: both;
    top: 0px;
    position: relative;
    background-color: #ff946f;
}

.tab1 .tab_menu .selected {
    background-color: #def1fe;
    cursor: pointer;
    border-radius: 10px 10px 0px 0px;
    color: #333;
}

.tab1 .tab_box {
    padding: 30px 0;
}

.tab1 .hide {
    display: none;
}

.part04_top {
    position: relative;
    width: 989px;
    margin: 0px auto;
}

.part04_top .swiper-button-next {
    width: 36px;
    height: 62px;
    margin-top: -30px;
}

.part04_top .swiper-button-prev {
    width: 36px;
    height: 62px;
    margin-top: -30px;
}

.part04_top .swiper-button-next {
    background: url(http://xj.news.cn/zt/static_new/gkqjy_right1.png) 0px 0px no-repeat;
    right: -73px;
}

.part04_top .swiper-button-prev {
    background: url(http://xj.news.cn/zt/static_new/gkqjy_left1.png) 0px 0px no-repeat;
    left: -73px;
}

.part04_top .swiper-container {
    width: 1014px;
}

.part04_top .swiper-slide {
    position: relative;
    width: 312px;
    height: 450px;
    overflow: hidden;
}

.part04_top .swiper-slide img {
    width: 312px;
    height: 450px;
    border-radius: 10px;
}

.part04_top .swiper-slide .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    padding: 10px 5px 10px 5px;
    width: 302px;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    background: rgba(25, 50, 125, 1);
    text-align: center;
    background: linear-gradient(to bottom, rgba(250, 178, 119, 1) 0, rgba(255, 108, 0, .74) 100%);
    border-radius: 0 0 10px 10px;
}

.part04_top .swiper-slide .tit a {
    color: #fff;
}

.part04_top3 {
    position: relative;
    width: 1000px;
    margin: 30px auto;
}

.part04_top3 .swiper-button-next,
.part04_top3 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -30px;
}

.part04_top3 .swiper-button-next {
    background: url(http://xj.news.cn/zt/static_new/gkqjy_left1.png) -68px 0px no-repeat;
    right: 0;
}

.part04_top3 .swiper-button-prev {
    background: url(http://xj.news.cn/zt/static_new/gkqjy_right1.png) 0px 0px no-repeat;
    left: 0;
}

.part04_top3 .swiper-container {
    width: 900px;
}

.part04_top3 .swiper-slide {
    position: relative;
    width: 280px;
    height: 440px;
    overflow: hidden;
}

.part04_top3 .swiper-slide img {
    width: 280px;
    height: 440px;
}

.part04_top3 .swiper-slide .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    padding: 10px 5px 10px 5px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: rgba(67, 35, 33, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.part04_top3 .swiper-slide .tit a {
    color: #fff;
}

.tab1 .conbox {
    display: none;
    /* visibility: hidden; */
    /* opacity: 0; */
}

.tab1 .on {
    /* visibility: visible; */
    display: block;
    /* opacity: 1; */
}

.part3 {
    width: 100%;
    background: #fdf5e1;
    height: 599px;
    margin-bottom: 30px;
}

.part03 {
    width: 1200px;
    margin: 30px auto 0;
}

.recom-box-video {
    overflow: hidden;
    height: 427px;
    width: 710px;
    float: left;
    position: relative;
    margin-top: 62px;
    margin-left: 16px
}

.recom-box-video iframe {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    background: transparent url(http://www.xinhuanet.com/politics/19cpcnc/images/play-big.png) no-repeat center center
}

.recom-box-video img {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.recom-box-video img.in {
    left: 100%
}

.recom-box-video img.on {
    -webkit-animation-name: leftIn;
    -moz-animation-name: leftIn;
    animation-name: leftIn;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.recom-box-video img.out {
    -webkit-animation-name: leftOut;
    -moz-animation-name: leftOut;
    animation-name: leftOut;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.beginPos {
    right: -710px
}

.recom-box-swiper {
    width: 399px;
    height: 547px;
    padding: 35px 18px 35px 0;
    float: right;
    position: relative;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.recom-box-swiper .arrow-top {
    background: url("http://www.news.cn/world/brics2022/images/20220607jz_part05anTop_v1.png") no-repeat right top;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 35px;
    height: 17px;
    margin-top: 0
}

.recom-box-swiper .arrow-down {
    background: url("http://www.news.cn/world/brics2022/images/20220607jz_part05anBot_v1.png") no-repeat right top;
    position: absolute;
    left: 50%;
    bottom: 10px;
    top: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 35px;
    height: 17px;
    margin-top: 0
}

.recom-box-swiper .swiper-container {
    width: 100%;
    height: 480px
}

.recom-box-swiper .swiper-slide:before {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #e89676;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.recom-box-swiper .slide-cont {
    height: 100%;
    position: relative;
    padding: 18px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.recom-box-swiper img {
    width: 140px;
    height: 100%;
    float: left;
    position: relative;
    z-index: 4;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s
}

.recom-box-swiper .swiper-text {
    position: relative;
    z-index: 4
}

.recom-box-swiper h3 {
    height: auto;
    line-height: 30px;
    overflow: hidden;
    padding-left: 10px
}

.recom-box-swiper p {
    height: 50px;
    overflow: hidden
}

.recom-box-swiper h3 a {
    color: #ffe5b9
}

.recom-box-swiper p a {
    color: #2b2b2b
}

.recom-box-swiper .swiper-slide {
    position: relative;
    cursor: pointer
}


/*hover变换色*/

.recom-box-swiper .swiper-slide.on .slide-cont {
    background: #fccd7c
}

.recom-box-swiper .swiper-slide.on .slide-cont h3,
.recom-box-swiper .swiper-slide.on .slide-cont p {
    color: #725933
}

.recom-box-swiper .swiper-slide.on .slide-cont h3 a,
.recom-box-swiper .swiper-slide.on .slide-cont p a {
    color: #725933
}

.recom-box-swiper .swiper-slide.on .slide-cont img {
    margin-left: -156px
}

.fs-xl {
    font-size: 18px
}

.recom-cont {
    margin-top: 30px;
    background: url("http://xj.news.cn/zt/static_new/20220607jz_part05Bg01_v1.png") 0 0 no-repeat;
    height: 547px
}

.part4 {
    margin-top: 25px;
}

.focusBox7 {
    width: 1200px;
    height: 564px;
    overflow: hidden;
    position: relative;
}

.focusBox7 .swiper-wrapper .swiper-slide img {
    width: 1200px;
    height: 564px;
    transition: all 1s;
}

.focusBox7 .swiper-wrapper .swiper-slide:hover img {
    -webkit-transform: scale(1.2, 1.2);
}

.focusBox7 .swiper-wrapper .swiper-slide .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    background: url(http://www.news.cn/world/ciie2020/images/qjl_bg.png) repeat-x;
    z-index: 0;
}

.focusBox7 .swiper-wrapper .swiper-slide .title {
    position: absolute;
    left: 2%;
    bottom: 40px;
    width: 96%;
    height: 35px;
    font-size: 24px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    overflow: hidden;
    z-index: 1;
}

.focusBox7 .swiper-wrapper .swiper-slide .title a {
    color: #fff;
}

.focusBox7 .swiper-pagination-white .swiper-pagination-bullet {
    background: #d2d2d2;
    margin: 0 5px;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.focusBox7 .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #f8bd2d;
    width: 90px;
    border-radius: 10px;
}

.focusBox7 .swiper-button-next {
    background: url(http://xj.news.cn/zt/static_new/gkqjy_right2.png) 0px 0px no-repeat;
    right: -1px;
    width: 66px;
    height: 126px;
    top: 253px;
}

.focusBox7 .swiper-button-prev {
    background: url(http://xj.news.cn/zt/static_new/gkqjy_left2.png) 0px 0px no-repeat;
    left: -1px;
    width: 66px;
    height: 126px;
    top: 253px;
}

.sgcx {
    width: 1200px;
    height: 209px;
    margin-top: 20px;
    margin-bottom: 35px;
}

.sgcxl {
    width: 380px;
    float: left;
}

.sgcxm {
    width: 380px;
    float: left;
    margin-left: 28px;
}

.sgcxr {
    width: 380px;
    float: left;
    margin-left: 28px;
}


/*图片列表组件2*/

.picNews2 {
    height: 209px;
    overflow: hidden;
    position: relative;
    width: 380px;
}

.picNews2 .picImg a {
    display: block;
    line-height: 0
}

.picNews2 .picImg img {
    height: 209px;
    width: 380px;
}

.picNews2 .picTit {
    bottom: 0;
    color: #ffffff;
    font-weight: bold;
    height: auto;
    left: 0;
    line-height: 28px;
    overflow: hidden;
    position: absolute;
    width: 94%;
    z-index: 11;
    background: #0a51af;
    background: linear-gradient( to bottom, rgba(16, 89, 185, 0) 0, rgba(220, 96, 22, 0.7) 100%);
    font-size: 16px;
    padding: 5px 3%;
}

.picNews2 .picTit a {
    color: #ffffff;
}

.ad {
    width: 1200px;
    margin: auto;
    margin-bottom: 20px;
}

.ad img {
    width: 100%;
    height: auto;
}

.more {
    float: right;
    font-size: 16px;
    color: #1872ce;
    position: absolute;
    top: 51px;
    right: 344px;
}

.more a {
    color: #FAB277;
}

.footer {
    background: #1963ff;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-top: 30px;
    min-width: 1200px;
}

@-moz-keyframes leftIn {
    from {
        left: 100%
    }
    to {
        left: 0;
        z-index: 3
    }
}

@-webkit-keyframes leftIn {
    from {
        left: 100%
    }
    to {
        left: 0;
        z-index: 3
    }
}

@keyframes leftIn {
    from {
        left: 100%
    }
    to {
        left: 0;
        z-index: 3
    }
}

@-moz-keyframes leftOut {
    from {
        left: 0
    }
    to {
        left: -100%;
        z-index: 1
    }
}

@-webkit-keyframes leftOut {
    from {
        left: 0
    }
    to {
        left: -100%;
        z-index: 1
    }
}

@keyframes leftOut {
    from {
        left: 0
    }
    to {
        left: -100%;
        z-index: 1
    }
}

.hide {
    display: none
}


/**返回顶部**/

.toolbar-item,
.toolbar-layer {
    background: url('http://xj.news.cn/zt/static_new/toolbar.png') no-repeat;
}

.toolbar {
    position: fixed;
    right: 260px;
    bottom: 50px;
    top: 400px;
}


/*假设网页宽度为1200px，导航条在右侧悬浮*/

.toolbar-item {
    display: block;
    width: 52px;
    height: 52px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    transition: background-position 1s;
}

.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.toolbar-item-weixin {
    background-position: 0 -798px;
}

.toolbar-item-weixin:hover {
    background-position: 0 -860px;
}

.toolbar-item-weixin .toolbar-layer {
    height: 212px;
    background-position: 0 0;
}

.toolbar-item-feedback {
    background-position: 0 -426px;
}

.toolbar-item-feedback:hover {
    background-position: 0 -488px;
}

.toolbar-item-app {
    background-position: 0 -550px;
}

.toolbar-item-app:hover {
    background-position: 0 -612px;
}

.toolbar-item-app .toolbar-layer {
    height: 194px;
    background-position: 0 -222px;
}

.toolbar-item-top {
    background-position: 0 -674px;
}

.toolbar-item-top:hover {
    background-position: 0 -736px;
}

.toolbar-layer {
    position: absolute;
    right: 46px;
    bottom: -10px;
    width: 172px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}