@charset "utf-8";
/* 清除浮动 */

.clearfix {
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* 文字截取 */

.m-text-cut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.videopage {
    width: 1200px;
    margin: 0 auto;
}
/* logo */

.videopage .mod-logo {
    margin: 20px 0 15px;
    width: 130px;
    height: 30px;
    overflow: hidden;
}

.videopage .mod-logo img {
    display: block;
    width: 100%;
    height: auto;
}
/* icon */

.videopage .mod-state {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 23px;
    font-size: 0;
    overflow: hidden;
}

.videopage .mod-state.mod-state-red {
    background: url("http://www.xinhuanet.com/live/new21/images/icon_state_big.png") no-repeat;
    background-size: 100%;
}

.videopage .mod-state.mod-state-green {
    background: url("http://www.xinhuanet.com/live/new21/images/icon_state_02.png") no-repeat;
    background-size: 100%;
}

.videopage .mod-state.mod-state-blue {
    background: url("http://www.xinhuanet.com/live/new21/images/icon_state_03.png") no-repeat;
    background-size: 100%;
}
/* 轮播模块 */

.videopage .mod-video {
    position: relative;
    width: 1200px;
    height: 548px;
    margin: 0 auto;
    background: #666666;
}

.videopage .mod-video .m-left {
    position: relative;
    float: left;
    width: 976px;
    height: 548px;
    cursor: pointer;
    overflow: hidden;
}

.videopage .mod-video .m-left img {
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.videopage .mod-video .m-left .mod-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
}

.videopage .mod-video .m-left .mod-img .player-container {
    width: 976px;
    height: 548px !important;
}

.videopage .mod-video .m-left .mod-img video {
    -o-object-fit: cover;
    object-fit: cover;
}

.videopage .mod-video .m-left .mod-img .mod-state {
    z-index: 22;
    top: 17px;
    right: 14px;
}

.videopage .mod-video .m-left .mod-live-link {
    display: none;
    position: absolute;
    margin-left: -80px;
    left: 50%;
    bottom: 55px;
    width: 160px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #093b90;
    color: #fff;
    font-size: 18px;
    border-radius: 6px;
    text-align: center;
    background: #093b90;
}

.videopage .mod-video .m-left .mod-live-link a {
    display: block;
    color: #fff;
}

.videopage .mod-video .m-left .mod-live-link a:hover {
    color: #fff !important;
}

.videopage .mod-video .m-left:hover .mod-live-link {
    display: block;
}

.videopage .mod-video .m-right {
    width: 222px;
    height: 548px;
    overflow: hidden;
}

.videopage .mod-video .m-right .mod-warp {
    margin: 24px 15px 10px;
}

.videopage .mod-video .m-right .mod-warp .mod-li {
    position: relative;
    display: block;
    margin-bottom: 20px;
    width: 195px;
    height: 110px;
    cursor: pointer;
}

.videopage .mod-video .m-right .mod-warp .mod-li a {
    display: block;
    width: 195px;
    height: 110px;
    border-radius: 3px;
    overflow: hidden;
}

.videopage .mod-video .m-right .mod-warp .mod-li a img {
    display: block;
    font-size: 0;
    width: 195px;
    height: 110px;
}

.videopage .mod-video .m-right .mod-warp .mod-li a .mod-state {
    width: 80px;
    height: 10px;
    top: 4px;
    right: 4px;
}

.videopage .mod-video .m-right .mod-warp .mod-li .mod-mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    bottom: 0;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 4px 4px;
}

.videopage .mod-video .m-right .mod-warp .mod-li .tag-live {
    position: absolute;
    right: 0;
    top: 0;
    height: 22px;
    background: url(http://www.xinhuanet.com/live/new21/images/icon-live.png) 0 0 no-repeat;
    color: #fff;
    line-height: 22px;
    font-size: 12px;
    padding: 0 5px 0 30px;
}

.videopage .mod-video .m-right .mod-warp .mod-li .tag-back {
    position: absolute;
    right: 0;
    top: 0;
    height: 22px;
    background: url(http://www.xinhuanet.com/live/new21/images/icon-live.png) 0 -33px no-repeat;
    color: #fff;
    line-height: 22px;
    font-size: 12px;
    padding: 0 5px 0 30px;
}

.videopage .mod-video .m-right .mod-warp .mod-li .tag-notice {
    position: absolute;
    right: 0;
    top: 0;
    height: 22px;
    background: url(http://www.xinhuanet.com/live/new21/images/icon-live.png) 0 -67px no-repeat;
    color: #fff;
    line-height: 22px;
    font-size: 12px;
    padding: 0 5px 0 30px;
}

.videopage .mod-video .m-right .mod-warp .mod-li .mod-mask em {
    display: block;
    max-width: 85%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
}

.videopage .mod-video .m-right .mod-warp .mod-li.curr .mod-arrow {
    position: absolute;
    display: block;
    width: 6px;
    height: 11px;
    top: 50%;
    left: -7px;
    margin-top: -5.5px;
    background: url("http://www.xinhuanet.com/live/new21/images/icon.png") no-repeat;
    background-position: -18px -1px;
}

.videopage .mod-video .m-right .mod-warp .mod-li.curr .m-line {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    left: -2px;
    border: 2px solid #FFF;
    border-radius: 5px;
}

#DH-PLAYERID {
    position: absolute;
    left: 0;
    top: 0;
    width: 976px;
    height: 548px;
    display: none;
    z-index: 8;
}
/* 悬浮模块 */

.videopage .mod-video .suspend {
    position: fixed;
    top: 270px;
    left: 50%;
    margin-left: 635px;
    background: #fff;
}

.videopage .mod-video .suspend .mod-code-list {
    overflow: hidden;
}

.videopage .mod-video .suspend .mod-code-list .mod-li {
    margin: 10px auto 10px;
}

.videopage .mod-video .suspend .mod-code-list .mod-li img {
    display: block;
    font-size: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.videopage .mod-video .suspend .mod-code-list .mod-li strong {
    display: block;
    width: 135px;
    height: auto;
}

.videopage .mod-video .suspend .mod-code-list .mod-li span {
    display: block;
    width: 100px;
    height: auto;
    margin: 0 auto;
}
/* 时间轴 */

.videopage .time-axis {
    margin: 30px auto 0;
    width: 1200px;
    border-top: 1px solid #e6e6e6;
}

.videopage .time-axis .mod-warp {
    margin-left: -30px;
}

.videopage .time-axis .mod-warp .mod-li {
    position: relative;
    width: 20%;
    float: left;
    text-align: center;
}

.videopage .time-axis .mod-warp .mod-li .mod-box {
    margin-left: 30px;
}

.videopage .time-axis .mod-warp .mod-li .dot {
    position: absolute;
    top: -6px;
    left: 50%;
    width: 10px;
    height: 12px;
    background: url("http://www.xinhuanet.com/live/new21/images/icon.png") no-repeat;
    background-size: 59px 19px;
    background-position: 0 0;
}

.videopage .time-axis .mod-warp .mod-li .txt {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
}

.videopage .time-axis .mod-warp .mod-li .tit {
    margin: 5px auto 0;
    width: 200px;
    height: 16px;
    font-size: 13px;
    color: #5c5c5c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.videopage .time-axis .mod-warp .mod-li .tit a {
    color: #5c5c5c;
}

.videopage .time-axis .mod-warp .mod-li .tit a:hover {
    color: #064c99 !important;
}

.videopage .time-axis .mod-warp .mod-li .img-box {
    margin-top: 12px;
    height: 121px;
    border-radius: 4px;
    overflow: hidden;
}

.videopage .time-axis .mod-warp .mod-li .img-box img {
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.videopage .time-axis .mod-warp .mod-li .img-box img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/* 内容区 */

.videopage .mod-cont {
    margin: 50px auto 0;
    width: 1200px;
    height: 310px;
    overflow: hidden;
}

.videopage .mod-cont h3 {
    font-size: 21px;
    color: #064c99;
    margin-bottom: 15px;
    font-weight: normal;
}

.videopage .mod-cont > div {
    float: left;
}

.videopage .mod-cont .m-left {
    width: 448px;
    height: 300px;
    white-space: nowrap;
    overflow: hidden;
}

.videopage .mod-cont .m-left .list {
    float: left;
    margin-right: 20px;
}

.videopage .mod-cont .m-left .list .mod-li {
    margin-bottom: 10px;
    overflow: hidden;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit {
    position: relative;
    max-width: 230px;
    font-size: 14px;
    color: #454545;
    padding-left: 60px;
    font-weight: bold;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit a {
    color: #454545;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit a:hover {
    color: #064c99 !important;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit i {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    padding: 0 5px;
    width: 50px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit i.icon-block-orange {
    background: #ff7d01;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit i.icon-block-orange em {
    position: absolute;
    margin-top: -5px;
    right: -5px;
    top: 50%;
    width: 6px;
    height: 10px;
    background: url("http://www.xinhuanet.com/live/new21/images/icon.png") no-repeat;
    background-size: 59px 19px;
    background-position: -33px 0;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit i.icon-block-blue {
    background: #054b98;
}

.videopage .mod-cont .m-left .list .mod-li .mod-tit i.icon-block-blue em {
    position: absolute;
    margin-top: -5px;
    right: -5px;
    top: 50%;
    width: 6px;
    height: 10px;
    background: url("http://www.xinhuanet.com/live/new21/images/icon.png") no-repeat;
    background-size: 59px 19px;
    background-position: -48px 0;
}

.videopage .mod-cont .m-left .list .mod-li .mod-txt {
    max-width: 280px;
    margin-top: 2px;
    font-size: 12px;
    color: #a1a1a1;
}

.videopage .mod-cont .m-left .img-box {
    position: relative;
    width: 188px;
    height: 291px;
    overflow: hidden;
}

.videopage .mod-cont .m-left .img-box img {
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.videopage .mod-cont .m-left .img-box img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.videopage .mod-cont .m-left .img-box .mod-state {
    width: 80px;
    height: 10px;
    top: 4px;
    right: 4px;
}

.videopage .mod-cont .m-main {
    margin-left: 15px;
    width: 370px;
}

.videopage .mod-cont .m-main .mod-list {
    overflow: hidden;
}

.videopage .mod-cont .m-main .mod-list a {
    display: block;
    width: 375px;
    height: 93px;
    margin-bottom: 6px;
    overflow: hidden;
}

.videopage .mod-cont .m-main .mod-list a img {
    display: block;
    width: 375px;
    height: 93px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.videopage .mod-cont .m-main .mod-list a img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.videopage .mod-cont .m-right {
    margin-left: 15px;
    width: 737px;
	height:300px;
	background:#170064;
	position:relative;
}

.videopage .mod-cont .m-right .mod-warp {
    margin-left: -4px;
    overflow: hidden;
}

.videopage .mod-cont .m-right .mod-warp .mod-li {
    float: left;
    width: 33.333%;
    height: 134px;
    text-align: center;
    margin-bottom: 20px;
}

.videopage .mod-cont .m-right .mod-warp .mod-li a:hover {
    color: #064c99 !important;
}

.videopage .mod-cont .m-right .mod-warp .mod-li .mod-box {
    margin-left: 4px;
    padding: 5px 10px 10px;
    border: 1px solid #91b7cb;
    border-radius: 4px;
    background: #f8fbff;
    height: 122px;
    overflow: hidden;
}

.videopage .mod-cont .m-right .mod-warp .mod-li .mod-box .img-box {
    margin: 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50px;
}

.videopage .mod-cont .m-right .mod-warp .mod-li .mod-box .img-box img {
    width: 36px;
    height: 36px;
    border-radius: 50px;
}

.videopage .mod-cont .m-right .mod-warp .mod-li .mod-box .tit {
    margin-top: 6px;
    font-size: 14px;
    color: #333;
}

.videopage .mod-cont .m-right .mod-warp .mod-li .mod-box .txt {
    margin-top: 8px;
    font-size: 12px;
    height: 50px;
    line-height: 18px;
    text-align: left;
    color: #a9adae;
    overflow: hidden;
}
/* 列表展示 */

.videopage .mod-list .mod-warp {
    margin-top: 10px;
    margin-left: 0px;
    overflow: hidden;
}

.videopage .mod-list .mod-warp .mod-li {
    float: left;
	margin-top:10px;
    margin-bottom: 20px;
    width: 19.9%;
    position: relative;
}

.videopage .mod-list .mod-warp .mod-li .mod-box {
    margin: 0 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0 4px 8px 5px #D9D9D9;
    box-shadow: 0 0 8px 5px #D9D9D9;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.videopage .mod-list .mod-warp .mod-li .mod-box .mod-img {
    position: relative;
    width: 100%;
    height: 127px;
    border-radius: 4px;
    overflow: hidden;
}

.videopage .mod-list .mod-warp .mod-li .mod-box .mod-img img {
    width: 100%;
    height: 127px;
    border-radius: 4px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.videopage .mod-list .mod-warp .mod-li .mod-box .mod-img img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.videopage .mod-list .mod-warp .mod-li .mod-box .mod-img .mod-state {
    width: 80px;
    height: 10px;
    top: 4px;
    right: 4px;
}

.videopage .mod-list .mod-warp .mod-li .mod-box .text {
    margin: 10px 6px 0 6px;
    font-size: 13px;
    height: 40px;
    line-height: 19px;
    text-align: left;
    color: #3d3d3d;
    overflow: hidden;
}

.videopage .mod-list .mod-warp .more-box {
    text-align: center;
    color: #8a8a8a;
}

.videopage .mod-list .mod-warp .more-box .look {
    text-align: center;
    padding: 50px 0;
    font-size: 16px;
    color: #8a8a8a;
    cursor: pointer;
}

.videopage .mod-list .mod-warp .more-box .look i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(http://www.xinhuanet.com/live/new21/images/icon_more.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: -3px;
    margin-right: 8px;
}

.videopage .mod-list .mod-warp .more-box .load-box {
    text-align: center;
    padding: 0 0 30px;
    font-size: 16px;
    color: #8a8a8a;
}

.videopage .mod-list .mod-warp .more-box .load-box i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(http://www.xinhuanet.com/live/new21/images/icon_loading.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: -7px;
    margin-right: 8px;
    -webkit-animation: load_an 1.4s linear infinite;
    animation: load_an 1.4s linear infinite;
}

.videopage .mod-list .mod-warp .more-box .tips-box {
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
    color: #8a8a8a;
}

.media-close {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
/* loading 动画 */

@-webkit-keyframes load_an {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes load_an {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*20210518*/
body, html { min-width: 1200px; }
.qiantag-live { position: absolute; z-index: 9; right: 10px; top: 0; height: 22px; background: url(http://www.xinhuanet.com/live/new21/images/icon-live.png) 0 0 no-repeat; color: #fff; line-height: 22px; font-size: 12px; padding: 0 5px 0 30px; }
.qiantag-back { position: absolute; z-index: 9; right: 10px; top: 0; height: 22px; background: url(http://www.xinhuanet.com/live/new21/images/icon-live.png) 0 -33px no-repeat; color: #fff; line-height: 22px; font-size: 12px; padding: 0 5px 0 30px; }
.qiantag-notice { position: absolute; right: 10px; z-index: 9; top: 0; height: 22px; background: url(http://www.xinhuanet.com/live/new21/images/icon-live.png) 0 -67px no-repeat; color: #fff; line-height: 22px; font-size: 12px; padding: 0 5px 0 30px; }
.mod-img-title { position: absolute; left: 0; bottom: 0; z-index: 5; color: #fff; padding: 10px; font-size: 28px; }
.mod-img-title a { font-size: 28px; color: #fff; }
.bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; background: url(http://www.xinhuanet.com/video/2018new/images/topbg.png) top left repeat-x; z-index: 0; }
.videopage .mod-cont h3 a { color: #064c99; }
.videopage .mod-video .suspend { top:250px; }
/*列表*/
.m-left h3,.m-left h3 a{ text-align:center; font-size:26px; height:38px; line-height:38px; color:#064c99; font-weight:bold; width:100%; overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;}
.xhwp_list li {
    font-size: 18px;
    color: #333;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-left: 15px;
    margin-top: 5px;
    line-height: 37px;
	white-space: nowrap;
    text-overflow: ellipsis;
}

.xhwp_list li:before {
        -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    width: 4px;
    height: 4px;
    border: 2px #027bfb solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff
}

.xhwp_list li:hover:before {
    background: #ff9724;
    border: 2px #ff9724 solid
}

.xhwp_list li a {
    color: #333;
}
/*图片墙*/
.imgbox{ border:2px solid #fff;}
.m-right div img{ width:100%; height:100%;}
.m-right .img01{ width:224px; height:106px; position:absolute; left:8px; top:8px;}
.m-right .img02{ width:133px; height:93px; position:absolute; left:8px; top:125px;}
.m-right .img03{ width:81px; height:93px; position:absolute; left:151px; top:125px;}
.m-right .img04{ width:233px; height:60px; position:absolute; left:8px; bottom:8px;}
.m-right .img05{ width:250px; height:148px; position:absolute; left:242px; top:8px;}
.m-right .img06{ width:232px; height:121px; position:absolute; left:250px; bottom:8px;}
.m-right .img07{ width:86px; height:84px; position:absolute; left:502px; top:8px;}
.m-right .img08{ width:128px; height:84px; position:absolute; left:598px; top:8px;}
.m-right .img09{ width:223px; height:109px; position:absolute; left:502px; top:102px;}
.m-right .img10{ width:234px; height:66px; position:absolute; left:491px; bottom:8px;}
/*瀑布流切换*/
.part06 {
	width: 1200px;
	margin: 0px auto 0;
	position: relative;
}
.part06 .xian {
	width: 100%;
	background: url("images/LHR_part02_xian.png") 0 0 repeat-x;
	height: 8px;
	margin-bottom: 10px;
}
.part06 .part06_left {
	width: 1200px;
}
.part06 .part06_left .previewbox {
	width: 1200px;
	height: 50px;
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
	top: 0;
}
.part06 .part06_left .preview2 {
	width: 1200px;
	height: 50px;
	margin-bottom: 15px;
	background: #fff;
	position: relative;
	z-index: 2;
	top: 0;
}
.part06 .part06_left .preview6 .arrow-left {
	display: none;
}
.part06 .part06_left .preview6 .arrow-right {
	display: none;
}
.part06 .part06_left .preview6 .swiper-container {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	position:relative;
}
.part06 .part06_left .preview6 .swiper-container:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    top: 23px;
    left: 0;
    position: absolute;
    z-index: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .swiper-slide {
	width: 74px;
	height: 24px;
	float: left;
	cursor: pointer;
	color: #404040;
	border-radius:20px;
	line-height: 52px;
	text-align:center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
	-moz-box-shadow:0px 0px 4px #8F8F8F; -webkit-box-shadow:0px 0px 4px #8F8F8F; box-shadow:0px 0px 4px #8F8F8F;
	margin-top:10px;
	margin-left: 54px;
}
.part06 .part06_left .preview6 .swiper-container .swiper-slide i {
	display: block;
	position: absolute;
	left: 60px;
	top: 14px;
	z-index: 8;
	background: center no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .swiper-slide span {
	display: block;
	font-size: 16px;
	line-height:24px;
	color: #404040;
	margin-left: 0px;
	position: relative;
	z-index: 9;
}
.part06 .part06_left .preview6 .swiper-container .sz i {
	background: url("images/LHR_icon06.png") 0 0 no-repeat;
	width: 38px;
	height: 27px;
	left: 27px;
	top: 10px;
}
.part06 .part06_left .preview6 .swiper-container .sz:before {
	content: "";
	width: 100%;
	height: 5px;
	background: #ff4800;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .sz.active-nav {
	background: #ff4800;
}
.part06 .part06_left .preview6 .swiper-container .sz.active-nav i {
	background: url("images/LHR_icon06_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .sz.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .gj i {
	background: url("images/LHR_icon07.png") 0 0 no-repeat;
	width: 27px;
	height: 27px;
	left: 35px;
	top: 12px;
}
.part06 .part06_left .preview6 .swiper-container .gj:before {
	content: "";
	width: 100%;
	height: 5px;
	background: #0938d2;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .gj.active-nav {
	background: #0938d2;
}
.part06 .part06_left .preview6 .swiper-container .gj.active-nav i {
	background: url("images/LHR_icon07_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .gj.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .cj i {
	background: url("images/LHR_icon08.png") 0 0 no-repeat;
	width: 24px;
	height: 23px;
}
.part06 .part06_left .preview6 .swiper-container .cj:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .cj.active-nav {
	background: #f43935;
}
.part06 .part06_left .preview6 .swiper-container .cj.active-nav i {
	background: url("images/LHR_icon08_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .cj.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .js i {
	background: url("images/LHR_icon09.png") 0 0 no-repeat;
	width: 24px;
	height: 23px;
}
.part06 .part06_left .preview6 .swiper-container .js:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .js.active-nav {
	background: #3399ff;
}
.part06 .part06_left .preview6 .swiper-container .js.active-nav i {
	background: url("images/LHR_icon09_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .js.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .jk i {
	background: url("images/LHR_icon01.png") 0 0 no-repeat;
	width: 25px;
	height: 22px;
}
.part06 .part06_left .preview6 .swiper-container .jk:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .jk.active-nav {
	background: #ffcc00;
}
.part06 .part06_left .preview6 .swiper-container .jk.active-nav i {
	background: url("images/LHR_icon01_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .jk.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .kj i {
	background: url("images/LHR_icon02.png") 0 0 no-repeat;
	width: 24px;
	height: 23px;
}
.part06 .part06_left .preview6 .swiper-container .kj:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .kj.active-nav {
	background: #33ccff;
}
.part06 .part06_left .preview6 .swiper-container .kj.active-nav i {
	background: url("images/LHR_icon02_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .kj.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .qc i {
	background: url("images/LHR_icon03.png") 0 0 no-repeat;
	width: 26px;
	height: 22px;
}
.part06 .part06_left .preview6 .swiper-container .qc:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .qc.active-nav {
	background: #66d50c;
}
.part06 .part06_left .preview6 .swiper-container .qc.active-nav i {
	background: url("images/LHR_icon03_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .qc.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .wh i {
	background: url("images/LHR_icon04.png") center no-repeat;
	width: 23px;
	height: 23px;
}
.part06 .part06_left .preview6 .swiper-container .wh:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .wh.active-nav {
	background: #ff9900;
}
.part06 .part06_left .preview6 .swiper-container .wh.active-nav i {
	background: url("images/LHR_icon04_on.png") center no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .wh.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
	background:#054b98;
}
.part06 .part06_left .preview6 .swiper-container .ty i {
	background: url("images/LHR_icon05.png") 0 0 no-repeat;
	width: 22px;
	height: 18px;
}
.part06 .part06_left .preview6 .swiper-container .ty.active-nav {
	background: #9000ff;
}
.part06 .part06_left .preview6 .swiper-container .ty.active-nav i {
	background: url("images/LHR_icon05_on.png") 0 0 no-repeat;
}
.part06 .part06_left .preview6 .swiper-container .ty:before {
	content: "";
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius:20px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .ty.active-nav:before {
	content: "";
	width: 100%;
	height: 100%;
}
.part06 .part06_left .preview6 .swiper-container .swiper-slide+.swiper-slide {
}
.part06 .part06_left .preview6 .swiper-container .active-nav {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.part06 .part06_left .preview6 .swiper-container .active-nav span {
	color: #fff;
}
.part06 .part06_left .view6{ margin-top:0px;}
.part06 .part06_left .view6 .swiper-container {
	width: 1200px;
	height: auto;
}
.part06 .part06_left .view6 .swiper-container .arrow-left {
	display: none;
}
.part06 .part06_left .view6 .swiper-container .arrow-right {
	display: none;
}
.part06 .part06_left .viewplue {
	margin-top: 65px;
}
.news-sub {
	float: left;
	position: relative;
	height: 1251px;
	width: 1200px;
}
.news-sub img {
	margin: 0 auto;
}
.news-list-v {
	position: absolute;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: 1s;
}
.news-list-v.show {
	z-index: 1;
	visibility: visible;
	opacity: 1;
	transition: 1s;
}
.news-list-v:before, .news-list-v:after {
	content: " ";
	display: table;
	box-sizing: inherit;
}
.news-list-v:after {
	clear: both;
}
.section-more-wrap {
	width: 185px;
	height: 44px;
	border: 1px solid #4886d6;
	background: #f5fbff;
	border-radius: 30px;
	margin: 30px auto;
	display: block;
}
.section-more-wrap .news-change {
	width: 185px;
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	margin: 0px 30px;
	display: block;
	cursor: pointer;
}
.section-more-wrap .news-change i {
	width: 44px;
	height: 44px;
	display: block;
	float: left;
	background: url(images/change.png) center no-repeat;
}
.section-more-wrap .news-change span {
	line-height: 44px;
	height: 44px;
	display: block;
	float: left;
	margin-left: 15px;
	color: #4886d6;
}
.section-more-wrap:hover {
	background: #c9e9ff;
}
.section-more-wrap:hover .news-change i {
	background: url(images/change.png) center no-repeat;
	animation: turn 1s linear;
}
    /* 
      turn : 定义的动画名称
      1s : 动画时间
      linear : 动画以何种运行轨迹完成一个周期
      infinite :规定动画应该无限次播放
     */
    @keyframes turn {
 0% {
-webkit-transform:rotate(0deg);
}
 50% {
-webkit-transform:rotate(45deg);
}
 100% {
-webkit-transform:rotate(0deg);
}
}
.swiper-slide{height:10px}/*重置swiper当前页签的高度，同时重置整个高度！特别是在切换签内有加载更多导致各切换签高度不同造成现实留白的时候*/
.swiper-slide-active { height:auto}