@charset "UTF-8";
a, body, div, html, li, p, span, ul {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #333;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, sans-serif
}

body, html {
    width: 100%
}

a {
    text-decoration: none
}

ol, ul {
    list-style: none
}

img {
    border: none
}

.foot {
    width: 120px;
    background: #333;
    height: 10px
}

input[type=submit], input[type=text], textarea {
    border: 0;
    background: none;
    outline: none;
    padding: 0;
    margin: 0
}

.pl {
    position: fixed;
    top: 0;
    left: 0
}

.fc:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.fc {
    *zoom: 1
}

.fb {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.btr {
    height: 1px;
    background: url(../images/2018/btr-bg.png) repeat-x
}

@font-face {
    font-family: pmzdt;
    src: url(’../fonts/pmzdt.ttf’) format(’truetype’)
}

#vision {
    margin: 0 auto 50px;
    width: 1200px
}

#vision .vision-title {
    background: url(../images/2018/vision-title.png) no-repeat 50%;
    height: 25px;
    margin: 80px auto 23px;
    width: 170px
}

#vision .multiMapCarousel {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

#vision .multiMapCarousel .img-container {
    height: 505px;
    overflow: hidden;
    width: 9999px
}

#vision .multiMapCarousel .container {
    float: left;
    width: 1200px
}

#vision .multiMapCarousel .max-img {
    width: 800px;
    height: 100%;
    float: left
}

#vision .multiMapCarousel .max-img img {
    height: 505px;
    width: 100%
}

#vision .multiMapCarousel .min-img {
    width: 396px;
    float: right
}

#vision .multiMapCarousel .min-img img {
    height: 250px;
    width: 396px
}

#vision .multiMapCarousel .min-img .item {
    margin-top: 5px;
    width: 100%;
    height: 250px
}

#vision .multiMapCarousel .min-img .item:first-child {
    margin-top: 0
}

#vision .multiMapCarousel .switch-nav {
    margin-top: 15px
}

#vision .multiMapCarousel .switch-nav ul {
    width: 105px;
    margin: 0 auto
}

#vision .multiMapCarousel .switch-nav li {
    width: 25px;
    height: 5px;
    border-radius: 10px;
    background: #ddd;
    float: left;
    margin-left: 10px;
    cursor: pointer
}

#vision .multiMapCarousel .switch-nav li:first-child {
    margin-right: 0
}

#vision .multiMapCarousel .switch-nav .current {
    background: #03a9f4
}

#vision .multiMapCarousel .item {
    position: relative
}

#vision .multiMapCarousel .max-img .title-box, #vision .multiMapCarousel .min-img .title-box {
    background: #000;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#vision .multiMapCarousel .max-img .title-box .title {
    color: #fff;
    font-size: 24px;
    width: 80%;
    margin: 30px auto 15px
}

#vision .multiMapCarousel .max-img .title-box .summary {
    color: #fff;
    color: hsla(0, 0%, 100%, .84);
    font-size: 16px;
    line-height: 26px;
    width: 80%;
    margin: 0 auto
}

#vision .multiMapCarousel .min-img .title-box .title {
    color: #fff;
    font-size: 16px;
    width: 90%;
    margin: 30px auto 15px
}

#vision .multiMapCarousel .min-img .title-box .summary {
    color: #fff;
    color: hsla(0, 0%, 100%, .84);
    font-size: 14px;
    line-height: 26px;
    width: 90%;
    margin: 0 auto
}

.punctuation {
    background: url(../images/2018/punctuation.png) no-repeat 50%;
    width: 17px;
    height: 12px
}

#content, #link, #list-page, #news-block {
    width: 1200px;
    margin: 40px auto 0
}

#content #center, #link #center, #list-page #center, #news-block #center {
    width: 730px;
    margin: 0 20px
}

#list-page #center {
    width: 850px;
    margin-right: 30px
}

#list-page .page-number {
    text-align: center
}

#list-page .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

#list-page .pagination > li {
    display: inline
}

#list-page .pagination > li:first-child > a, #list-page .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

#list-page .pagination > .disabled > a, #list-page .pagination > .disabled > a:focus, #list-page .pagination > .disabled > a:hover, #list-page .pagination > .disabled > span, #list-page .pagination > .disabled > span:focus, #list-page .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

#list-page .pagination > li > a, #list-page .pagination > li > span {
    color: #989898
}

#list-page .pagination > .active > a, #list-page .pagination > .active > a:focus, #list-page .pagination > .active > a:hover, #list-page .pagination > .active > span, #list-page .pagination > .active > span:focus, #list-page .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #49a7ff;
    border-color: #49a7ff
}

#list-page .pagination > li > a, #list-page .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

#list-page .pagination > li:last-child > a, #list-page .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

#content #center {
    width: 685px;
    margin: 0 50px 0 30px
}

.page-prepart {
    background: url(../images/2018/page-number-left-arrow.png) no-repeat 50%
}

.page-next, .page-prepart {
    width: 16px;
    height: 20px;
    display: block
}

.page-next {
    background: url(../images/2018/page-number-right-arrow.png) no-repeat 50%
}

.cbb {
    border-bottom: 0 !important
}

.ftb {
    font-weight: 700
}

#center #country .commont-list div:nth-child(6) {
    border-bottom: 0
}

#center .navigation {
    margin-bottom: 35px
}

#center .navigation a {
    background: #f3f3f3;
    margin-right: 1px;
    padding: 0 10px
}

#center .navigation a, #center .navigation span {
    font-size: 12px;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #989898
}

#center .navigation span {
    background: #f3f3f3 url(../images/2018/navigation-ico.png) no-repeat 50%;
    width: 18px;
    margin-right: 7px
}

#center .navigation .selected {
    color: #0084ff;
    background: #e9f3ff
}

#center .navigation span.selected {
    background: #e9f3ff url(../images/2018/navigation-selected.png) no-repeat 50%
}

#center .title {
    color: #0c0c0c;
    font-size: 32px;
    margin-bottom: 11px;
    text-align: center;
}

#center .source {
    margin-bottom: 32px;
    text-align: center;
}

#center .source a, #center .source span {
    color: #888
}

#center .article img {
    max-width: 100%
}
#center .article h4{font-weight: normal;}
#center .article p, #center .article span {
    color: #404040;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px;
    text-align: left;
}

#center .article video {
    width: 100%;
    height: 377px;
}

#center #praise {
    border: 1px solid #c8d0da;
    border-radius: 4px;
    height: 27px;
    line-height: 27px;
    padding: 7px 30px;
    width: 71px;
    margin: 50px auto 26px
}

#content .article a {
    font-size: 16px;
}

#center #praise .praise-ico {
    background: url(../images/2018/praise.png) no-repeat 50%;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#center #praise p {
    font-size: 16px;
    color: #c8d0da
}

#center .author {
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 13px;
    margin-bottom: 25px
}

#center .author .author-data span {
    color: #999fb4;
    margin-left: 10px;
    letter-spacing: 1.3px;
    font-size: 13px
}

#center .praise-selected .praise-ico {
    background: url(../images/2018/praise-selected-1.png) no-repeat 50% !important
}

#center .praise-selected p {
    color: #4b9aff !important
}

#center .center-bottom {
    margin-bottom: 40px
}

#center .center-bottom .title {
    color: #363636;
    font-size: 28px
}

#center .center-bottom .title .title-str {
    color: #535353;
    font-size: 24px;
    height: 33px;
    letter-spacing: 1.2px;
    line-height: 33px;
    margin: 0 auto;
    text-align: center;
    width: 101px
}

#center .center-bottom .title .title-btn {
    background: #5b9ff6;
    border-radius: 2px;
    height: 3px;
    margin: 3px auto 0;
    width: 60px
}

#center .center-bottom .publish {
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 36px
}

#center .center-bottom .publish .publish-top {
    height: 33px;
    line-height: 33px;
    margin-top: 29px;
    width: 100%
}

#center .center-bottom .publish .publish-top .user-data img {
    background: #7fafff;
    border-radius: 19px;
    height: 33px;
    margin-right: 9px;
    width: 33px
}

#center .center-bottom .publish .publish-top .user-data p {
    color: #535353;
    font-size: 16px
}

#center .center-bottom .publish .publish-top .bd {
    color: #d8d8d8;
    margin-left: 26px;
    margin-right: 14px
}

#center .center-bottom .publish .publish-top .img-up-ico {
    background: url(../images/2018/up-img-ico.png) no-repeat 50%;
    display: block;
    height: 33px;
    margin-right: 5px;
    width: 18px
}

#center .center-bottom .publish .publish-top .comment-number, #center .center-bottom .publish .publish-top .img-up-str {
    color: #959595
}

#center .center-bottom .publish .publish-content {
    background: #f9f9f9;
    border-radius: 6px;
    height: 163px;
    margin-bottom: 6px;
    margin-top: 9px;
    width: 100%
}

#center .center-bottom .publish .publish-content textarea {
    color: #a5a5a5;
    font-size: 16px;
    height: 118px;
    padding: 21px;
    width: 650px
}

#center .center-bottom .publish .publish-imags {
    background: #f9f9f9;
    border-radius: 6px;
    height: 78px;
    padding-top: 21px;
    width: 100%
}

#center .center-bottom .publish .publish-imags .add-img {
    background: #ededed;
    border-radius: 3px;
    height: 60px;
    width: 60px
}

#center .center-bottom .publish input[type=submit] {
    background: #4b96f6;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    height: 42px;
    margin-top: 20px;
    width: 95px
}

#center .center-bottom .comment-list {
    margin-top: 15px
}

#center .center-bottom .comment-list .item {
    border-bottom: 1px solid #e9e9e9;
    margin-top: 30px;
    padding-bottom: 23px
}

#center .center-bottom .comment-list .user-data img {
    background: #7fafff;
    border-radius: 19px;
    height: 33px;
    margin-right: 9px;
    width: 33px
}

#center .center-bottom .comment-list .user-data p {
    color: #505050;
    font-size: 18px
}

#center .center-bottom .comment-list .user-comment {
    color: #787878;
    font-size: 16px;
    margin-bottom: 27px;
    margin-top: 14px
}

#center .center-bottom .comment-list .comment-time {
    color: #bfc4cb
}

#center .center-bottom .comment-list .min-comment-ico, #center .center-bottom .comment-list .min-praise-ico {
    display: block;
    height: 16px;
    width: 16px
}

#center .center-bottom .comment-list .min-comment-ico {
    background: url(../images/2018/min-comment.png) no-repeat 50%
}

#center .center-bottom .comment-list .min-praise-ico {
    background: url(../images/2018/min-praise.png) no-repeat 50%;
    margin-left: 18px
}

#center .center-bottom .comment-list .min-comment-num, #center .center-bottom .comment-list .min-praise-num {
    color: #bfc4cb;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0 3px
}

#center .center-bottom .comment-list .comment-more {
    display: block;
    margin: 50px auto;
    width: 120px
}

#center .center-bottom .comment-list .comment-more .more-title {
    color: #828392;
    display: block
}

#center .center-bottom .comment-list .comment-more .more-ico {
    background: #4b96f6 url(../images/2018/min-right-arrow.png) no-repeat 50%;
    border-radius: 3px;
    display: block;
    height: 14px;
    margin-left: 7px;
    margin-top: 3px;
    width: 14px
}

#center .new-headline {
    padding: 13px 20px;
    width: 692px;
    margin-bottom: 10px;
    background: #f8f8f8
}

#center .new-headline .title-one, #center .new-headline .title-two {
    font-size: 26px;
    margin-bottom: 5px
}

#center .new-headline .title-one, #center .new-headline .title-two {
    color: #2f2f2f
}

#center .new-headline .summary {
    color: #707070
}

#center .top {
    border-left: 4px solid #4b96f6;
    color: #535353;
    font-size: 24px;
    font-weight: 700;
    height: 25px;
    line-height: 23px;
    padding-left: 13px
}

#center .column-more {
    background: #f8f8f8;
    border-radius: 3px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#center .column-more .more-title {
    color: #828392;
    display: inline-block
}

#center .column-more .more-ico {
    background: #4b96f6 url(../images/2018/bottom-arrow.png) no-repeat 50%;
    border-radius: 3px;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-left: 5px
}

#center #broadcast, #center #country, #center #province, #center #southeast-asia {
    margin-top: 40px
}

#center #southeast-asia .top-border {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 12px;
    margin-bottom: 16px
}

#center #southeast-asia .southeast-list a {
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 16px
}

#center #southeast-asia .southeast-list a:nth-child(2) {
    border-bottom: 0 !important
}

#center #southeast-asia .southeast-list .title {
    font-size: 20px;
    color: #535353;
    font-weight: 700;
    text-align: left;
}

#center #southeast-asia .southeast-list .summary {
    font-size: 12px;
    color: #6e6e6e;
    padding-bottom: 16px
}

#center .tab-switch .tab-nav {
    background: #f4f4f4;
    border-bottom: 1px solid #e4e4e4
}

#center .tab-switch .tab-nav a {
    color: #2f2f2f;
    font-size: 20px;
    padding: 14px 26px
}

#center .tab-switch .tab-nav .selected {
    background: #fff;
    border-color: #4b96f6 #e4e4e4 #fff;
    border-style: solid;
    border-width: 2px 1px 1px;
    color: #4b96f6;
    margin-bottom: -1px;
    padding: 13px 24px
}

#center #broadcast .broadcast-left {
    width: 452px
}

#center #broadcast .broadcast-left .tag {
    background: #4b96f6;
    border-radius: 12.5px;
    width: 55px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-top: 14px;
    padding: 0 5px
}

#center #broadcast .broadcast-left .title a {
    font-size: 20px;
    color: #535353;
    margin: 6px 0 16px;
    font-weight: 700
}

#center #broadcast .broadcast-left .data img {
    width: 165px;
    height: 107px;
    background: #ddd;
    margin-right: 14px
}

#center #broadcast .broadcast-left .data .summary {
    display: -webkit-box;
    float: left;
    font-size: 12px;
    -webkit-line-clamp: 5;
    line-height: 22px;
    overflow: hidden;
    width: 273px;
    height: 107px;
    text-align: justify
}

#center #broadcast .broadcast-left .data .summary a {
    color: #888;
    letter-spacing: 1px
}

#center #broadcast .broadcast-right {
    margin-left: 20px;
    width: 258px;
    margin-top: 17px
}

#center #broadcast .broadcast-right .selected {
    background: #4b96f6 !important;
    color: #fff
}

#center #broadcast .broadcast-right a {
    font-size: 12px;
    color: #9d9d9d;
    text-align: center;
    background: #f4f4f4;
    border-radius: 2px;
    width: 77px;
    height: 30px;
    line-height: 30px;
    margin-left: 9px;
    margin-bottom: 9px;
    cursor: pointer;
    transition: all .5s
}

#center #broadcast .broadcast-right a:hover {
    background: #77b3ff;
    color: #fff
}

#center #news-loop {
    width: 730px;
    height: 410px;
    overflow: hidden;
    position: relative;
    background: #000;
    margin-bottom: 30px
}

#center .single-carousel .img-container {
    width: 100%;
    height: 100%
}

#center .single-carousel .img-container li {
    position: relative;
    height: 410px
}

#center .single-carousel .img-container a {
    display: block
}

#center .single-carousel .img-container img {
    width: 730px;
    height: 410px
}

#center .single-carousel .img-container .shadow {
    overflow: hidden;
    padding: 20px;
    color: #fff;
    position: absolute;
    height: 105px;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(128, 0, 0, 0)", endColorstr="rgba(128, 0, 0, 0)") \9;
    width: 690px
}

#center .single-carousel .img-container .title-str {
    font-size: 20px;
    color: #fff
}

#center .single-carousel .img-container .loopimg-summary {
    -webkit-line-clamp: 2;
    color: #fff;
    color: hsla(0, 0%, 100%, .83);
    display: -webkit-box;
    line-height: 25px;
    margin-top: 10px;
    overflow: hidden
}

#center .single-carousel .switch-nav {
    position: absolute;
    bottom: 5%;
    right: 3%
}

#center .single-carousel .switch-nav li {
    float: left;
    width: 12px;
    height: 5px;
    background: #eee;
    margin-left: 10px;
    border-radius: 10px;
    cursor: pointer
}

#center .single-carousel .switch-nav .current {
    background: #03a9f4;
    width: 24px
}

#center .southeast-loop {
    width: 730px;
    overflow: hidden;
    position: relative
}

#center .southeast-loop .hd {
    overflow: hidden;
    height: 45px;
    position: relative
}

#center .southeast-loop .hd .pageState, #center .southeast-loop .hd .pageState span {
    font-size: 16px;
    color: #afafaf
}

#center .southeast-loop .hd .next, #center .southeast-loop .hd .prev {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    border: 1px solid #afafaf;
    width: 15px;
    border-radius: 3px
}

#center .southeast-loop .hd .pageState {
    margin-right: 25px
}

#center .southeast-loop .hd .prev {
    background: url(../images/2018/southeast-right-arrow.png) no-repeat 50%;
    position: absolute;
    right: 0
}

#center .southeast-loop .hd .next {
    background: url(../images/2018/southeast-left-arrow.png) no-repeat 50%;
    position: absolute;
    right: 65px
}

#center .southeast-loop .hd ul {
    float: right;
    overflow: hidden;
    margin-top: 10px;
    zoom: 1
}

#center .southeast-loop .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(images/icoCircle.gif) 0 -9px no-repeat
}

#center .southeast-loop .hd li.on {
    background-position: 0 0
}

#center .southeast-loop .bd ul {
    overflow: hidden;
    zoom: 1
}

#center .southeast-loop .bd ul li {
    margin-right: 25px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 226px
}

#center .southeast-loop .bd ul li .pic {
    text-align: center
}

#center .southeast-loop .bd ul li .pic img {
    width: 226px;
    height: 128px;
    display: block
}

#center .southeast-loop .bd ul li .pic a:hover img {
    border-color: #999
}

#center .southeast-loop .bd ul li .title-box {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 12px
}

#center .southeast-loop .bd ul li .title-box .title {
    color: #535353;
    line-height: 18px;
    font-size: 14px;
    height: 36px;
    display: block;
    text-align: left
}

#center .southeast-loop .bd ul li .title-box span {
    font-size: 12px;
    color: #bbb
}

#center .southeast-loop .bd ul li .title-box .tag {
    font-size: 12px;
    color: #bbb;
    border-radius: 12.5px;
    height: 22px;
    background: #f7f7f7;
    line-height: 22px;
    text-align: center;
    padding: 0 15px
}

#center .shrink-img {
    height: 255px;
    margin: 25px auto 20px;
    position: relative;
    width: 730px
}

#center .shrink-img ul li {
    width: 106px;
    height: 238px;
    position: relative;
    overflow: hidden;
    float: left
}

#center .shrink-img ul li .imgTop img .tm {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

#center .shrink-img ul li .imgCon {
    width: 538px;
    height: 405px
}

#center .shrink-img ul li .imgCen {
    width: 538px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    left: 0;
    bottom: 45px;
    text-indent: 20px;
    display: none
}

#center .shrink-img ul li .imgBot, #center .shrink-img ul li .imgCen {
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    position: absolute
}

#center .shrink-img ul li .imgBot {
    width: 375px;
    bottom: 0;
    padding: 15px;
    width: calc(100% - 30px)
}

#center .article p {
    width: 670px !important
}

#center .shrink-img ul li .imgBot .number {
    font-size: 24px;
    color: #fff;
    border-bottom: 3px solid #4b96f6
}

#center .shrink-img ul li .imgBot .article-data {
    margin-left: 10px;
    width: calc(100% - 39px);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 65px
}

#center .shrink-img ul li .imgBot .article-data .title {
    font-size: 16px;
    margin-bottom: 8px
}

#center .shrink-img ul li .imgBot .article-data .summary {
    font-size: 12px;
    color: #fff
}

#center .shrink-img ul li .imgBot p {
    color: #fff
}

#center .shrink-img ul li .imgBot p .title {
    font-size: 16px;
    color: #fff
}

#center .shrink-img ul li .imgBot p.bt_1 {
    width: 80px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    text-indent: 20px;
    float: left
}

#center .shrink-img ul li .imgBot p.bt_2 {
    width: 458px;
    height: 45px;
    line-height: 45px;
    float: left;
    display: none
}

#center .shrink-img ul li .imgBot p.bt_2 span {
    font-size: 14px;
    color: #fff;
    padding-right: 30px;
    background: url(../images/part2_icon.png) no-repeat 0;
    padding-left: 10px
}

#center .shrink-img ul li .first {
    width: 538px
}

#center .shrink-img ul li .fast {
    position: absolute;
    right: 0;
    bottom: 0
}

#center #readMore {
    width: 670px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    flex-flow: row wrap;
    justify-content: center;
    font-size: 14px;
    color: #424242;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(23%, hsla(0, 0%, 100%, .66)), color-stop(76%, #fff));
    background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .66) 23%, #fff 76%);
    padding-top: 150px;
    margin-left: 0px;
}

#center #readMore p {
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center !important;
    background: #4b96f6;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    width: 80px !important;
    cursor: pointer;
    text-indent: 0 !important;
}

#center #readMore .more-ico {
    display: none
}

#top {
    padding: 16px 0;
    border-bottom: 1px solid #f1f1f1
}

#top .top-box {
    width: 1200px;
    margin: 0 auto
}

#top .copy-logo {
    width: 124px;
    height: 36px
}

#top .news-logo {
    background: url(../images/2021/news-logo.png) no-repeat 50%;
    height: 36px;
    width: 83px;
    margin-left: 5px
}

#top .nav-box {
    height: 36px;
    line-height: 36px
}

#top .nav-box a {
    float: left;
    display: block;
    margin-left: 23px;
    color: #303030;
    font-size: 16px
}

#top .nav-operate {
    margin-left: 22px;
    margin-top: 10px
}

#top .nav-operate span {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    margin-right: 10px
}

#top .top-ico-1 {
    background: #e9f3ff url(../images/2018/top-add.png) no-repeat 50%
}

#top .top-ico-2 {
    background: #e9f3ff url(../images/2018/top-nav-more.png) no-repeat 50%
}

#search input[type=text] {
    background: url(../images/2018/bg-point.jpg) repeat;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 15px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

#top .operate input[type=submit] {
    width: 36px;
    height: 36px;
    background: #4b96f6 url(../images/2018/search.png) no-repeat 50%;
    color: #ccc;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

#top .operate .user-box {
    background: url(../images/2018/user-box.png) no-repeat 50%;
    width: 45px;
    height: 36px;
    margin-left: 30px;
    position: relative
}

#top .operate .user-box img {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 2px;
    left: 1px;
    border-radius: 50%;
    background: #ddd
}

#top .operate .user-box .user-operate {
    width: 6px;
    height: 6px;
    background: url(../images/2018/bottom-arrow.png) no-repeat 50%;
    top: 9px;
    right: 5px;
    position: absolute
}

.top-news-bottom {
    margin-bottom: 28px
}

#bottom .bottom-box {
    width: 1200px;
    margin: 0 auto
}

#bottom .complex {
    background: #f8f8f8;
    color: #535353;
    padding: 53px 0 44px
}

#bottom .complex p {
    line-height: 28px
}

#bottom .complex .bottom-box .right p {
    text-align: right
}

#bottom .complex .bottom a {
    margin-right: 15px;
    display: block;
    margin-top: 34px
}

#bottom .nav {
    background: #565656;
    padding: 18px 0 17px
}

#bottom .nav .left {
    color: #fff
}

#bottom .nav a {
    margin-left: 20px;
    color: #fff
}

#bottom .bottom-ico1, #bottom .bottom-ico2, #bottom .bottom-ico3, #bottom .bottom-ico4, #bottom .bottom-ico5 {
    height: 30px
}

#bottom .bottom-ico2, #bottom .bottom-ico3, #bottom .bottom-ico5 {
    width: 145px
}

#bottom .bottom-ico1 {
    background: url(../images/2018/bottom-ico-1.png) no-repeat 50%;
    width: 204px
}

#bottom .bottom-ico2 {
    background: url(../images/2018/bottom-ico-2.png) no-repeat 50%
}

#bottom .bottom-ico3 {
    background: url(../images/2018/bottom-ico-3.png) no-repeat 50%
}

#bottom .bottom-ico4 {
    background: url(../images/2018/bottom-ico-4.png) no-repeat 50%;
    width: 143px
}

#bottom .bottom-ico5 {
    background: url(../images/2018/bottom-ico-5.png) no-repeat 50%
}

#advs {
    position: relative
}

#advs p {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .55);
    width: 62px;
    height: 26px;
    border-top-left-radius: 5px;
    line-height: 26px;
    text-align: center
}

#advs .adv-1 {
    width: 1200px;
    height: 100px
}

#advs .adv-1, #advs .adv-2 {
    background: #ddd;
    margin: 0 auto;
    position: relative
}

#advs .adv-2 {
    width: 387px;
    height: 80px
}

#advs .adv-3 {
    height: 130px
}

#advs .adv-3, #advs .adv-4 {
    width: 305px;
    background: #ddd;
    margin: 0 auto;
    position: relative
}

#advs .adv-4 {
    height: 211px
}

#advs .adv-5 {
    width: 281px;
    height: 122px
}

#advs .adv-5, #advs .adv-6 {
    background: #ddd;
    margin: 0 auto;
    position: relative
}

#advs .adv-6 {
    width: 300px;
    height: 88px
}

#advs .adv-7 {
    width: 281px;
    height: 147px;
    background: #ddd;
    margin: 0 auto;
    position: relative
}

#advs .adv-8 {
    width: 1200px
}

#advs .adv-8, #advs .adv-9 {
    height: 80px;
    background: #ddd;
    margin: 0 auto;
    position: relative
}

#advs .adv-9 {
    width: 855px
}

#advs .adv-10 {
    width: 305px;
    height: 80px;
    background: #ddd;
    margin: 0 auto;
    position: relative
}

#link .link-switch .link-nav {
    color: #535353;
    font-size: 18px;
    margin-right: 75px;
    width: 76px;
    font-weight: 700;
    margin-bottom: 25px
}

#link .link-switch .selected {
    border-bottom: 2px solid #4b96f6;
    padding-bottom: 6px
}

#link .link-list .group .items {
    margin-bottom: 22px
}

#link .link-list .group .items a {
    color: #535353;
    margin-bottom: 11px;
    width: 130px;
    margin-right: 20px
}

#return-top {
    background: url(../images/2018/return-top.png) no-repeat 50%;
    height: 44px;
    position: fixed;
    width: 42px;
    bottom: 20px;
    right: 5%
}

.return-top-selected {
    background: url(../images/2018/return-top-selected.png) no-repeat 50% !important
}

#related-list .commont-img {
    width: 450px
}

.commont-list .item {
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 25px
}

.commont-list .item .commont-str {
    width: 100%
}

.commont-list .item .push-data {
    margin-top: 17px
}

.commont-list .item .push-data .score {
    background: #e9f3ff;
    border-radius: 3px;
    height: 26px;
    font-size: 12px;
    color: #4e9fef;
    line-height: 26px;
    text-align: center;
    padding: 0 10px
}

.commont-list .item .push-data .time {
    color: #a8aab4;
    height: 26px;
    line-height: 26px;
    font-size: 13px
}

.commont-list .item img {
    background: #d5d5d6;
    height: 124px;
    margin-right: 20px;
    width: 198px
}

.commont-list .item .commont-img {
    width: 510px
}

.commont-list .item .commont-img .commont-title {
    color: #555;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 452px;
    display: block
}

.commont-list .item .list-commont-img {
    width: 632px
}

.commont-list .item .list-commont-img .commont-title {
    margin-top: -4px;
    display: block
}

.commont-list .item .commont-str .commont-title, .commont-list .item .list-commont-img .commont-title {
    font-size: 20px;
    color: #555;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    width: 100%;
    display: block;
}

.commont-list .item .commont-summary {
    color: #888;
    display: -webkit-box;
    font-size: 14px;
    height: 41px;
    line-height: 22px;
    margin-top: 15px;
    overflow: hidden;
    -webkit-line-clamp: 2
}

#left {
    width: 130px;
    position: relative
}

.left-marking {
    position: absolute;
    width: 100%;
    height: 470px;
    top: 0;
    left: 0;
    z-index: 30
}

#news-nav {
    width: 128px !important;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0
}

#news-nav .top {
    background: #0084ff url(../images/2021/nav-left-nav.png) no-repeat 50%;
    height: 52px;
    width: 100%
}

#news-nav a {
    width: 100%;
    font-size: 14px;
    color: #474747;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    cursor: pointer
}

#news-nav a:hover {
    color: #49a7ff
}

#function {
    width: 70px !important;
    border-right: 1px solid #ddd;
    padding-top: 10px;
    padding-right: 28px;
    padding-bottom: 15px
}

#function .title {
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    margin-bottom: 20px
}

#function .title p {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 45px;
    background: #fff;
    text-align: center
}

#function .share {
    margin-bottom: 25px
}

#function .share .bdsharebuttonbox a {
    border-radius: 8px;
    width: 46px;
    height: 46px;
    padding: 0;
    display: block;
    float: inherit;
    margin: 0 auto 6px
}

#function .share .bdsharebuttonbox .bds_sqq {
    background: #e8e8e8 url(../images/2018/qq-share.png) no-repeat 50%
}

#function .share .bdsharebuttonbox .bds_tsina {
    background: #e8e8e8 url(../images/2018/weibo-share.png) no-repeat 50%
}

#function .share .bdsharebuttonbox .bds_weixin {
    background: #e8e8e8 url(../images/2018/weixin-share.png) no-repeat 50%
}

#function .interactive-list .comment {
    margin-bottom: 20px
}

#function .interactive-list .comment .comment-ico {
    background: url(../images/2018/comment.png) no-repeat 50%;
    width: 30px;
    height: 30px;
    margin: 0 auto
}

#function .interactive-list .praise .praise-ico {
    background: url(../images/2018/praise-selected.png) no-repeat 50%;
    width: 30px;
    height: 30px;
    margin: 0 auto
}

#function .interactive-list .str {
    font-size: 18px;
    color: #a2a2a2;
    text-align: center
}

#function .interactive-list .interactive-str {
    font-size: 12px;
    color: #9da5b4;
    text-align: center
}

#right {
    width: 300px
}

#right .right-bg-1 {
    background: #f8f8f8
}

#right .right-top {
    padding-top: 15px
}

#right .right-bottom {
    margin-bottom: 30px
}

#right .top, #right .top1 {
    font-size: 18px;
    color: #535353;
    font-weight: 700;
    border-left: 4px solid #4b96f6;
    line-height: 20px;
    height: 20px;
    padding-left: 13px
}

#right .top {
    margin-left: 13px
}

#right #loop .list {
    height: 140px;
    margin: 15px auto 32px;
    position: relative;
    width: 272px
}

#right #loop .list .hd {
    bottom: -20px;
    height: 15px;
    position: absolute;
    right: 0;
    left: 90px;
    z-index: 1
}

#right #loop .list .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left
}

#right #loop .list .hd ul li {
    background: #fff;
    cursor: pointer;
    float: left;
    line-height: 14px;
    margin-right: 7px;
    text-align: center;
    background: #ebebeb;
    border-radius: 3px;
    width: 10px;
    height: 6px
}

#right #loop .list .hd ul li.on {
    background: #4e9fef;
    width: 24px
}

#right #loop .list .bd {
    position: relative;
    height: 100%;
    z-index: 0;
    overflow: hidden
}

#right #loop .list .bd li {
    zoom: 1;
    vertical-align: middle
}

#right #loop .list .bd img {
    width: 100%;
    height: 140px;
    display: block
}

#right #loop .recommend {
    padding-bottom: 15px;
    width: 285px;
    margin-left: 15px
}

#right #loop .recommend a {
    color: #3a3a3a;
    font-size: 12px;
    height: 120px;
    margin-right: 14px;
    overflow: hidden;
    width: 128px;
    text-align: justify
}

#right #loop .recommend a img {
    width: 100%;
    height: 77px
}

#right #loop .recommend a p {
    position: relative
}

#right #loop .recommend .video-min {
    display: inline-block;
    background: url(../images/2018/video-min.png) no-repeat 50%;
    width: 13px;
    height: 11px;
    position: absolute;
    border: 1px solid #6c6c6c;
    border-radius: 3px;
    top: 4px
}

#right #loop .recommend .video-str {
    padding-left: 20px
}

#right #img-srt-list .hot-img {
    width: 272px;
    margin: 20px auto 0
}

#right #img-srt-list .hot-img .title a {
    font-size: 16px;
    color: #383838
}

#right #img-srt-list .hot-img img {
    width: 272px;
    height: 140px;
    background: #ddd;
    margin: 10px 0 5px
}

#right #img-srt-list .hot-img .summary a {
    color: #888;
    font-size: 12px;
    height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

#right #img-srt-list .list {
    width: 272px;
    margin: 15px auto 0;
    padding-bottom: 20px
}

#right #img-srt-list .list li {
    height: 19px;
    line-height: 19px;
    margin-bottom: 12px
}

#right #img-srt-list .list li > a {
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#right #img-srt-list .list span {
    border: 1px solid #9cadda;
    border-radius: 2px;
    color: #8a9dce;
    font-size: 12px;
    height: 17px;
    line-height: 18px;
    padding: 0 5px;
    text-align: center
}

#right #tab-switch {
    padding-bottom: 25px;
    margin-bottom: 30px
}

#right #tab-switch .tab-nav {
    border-bottom: 1px solid #e4e4e4
}

#right #tab-switch .tab-nav a {
    padding: 14px 26px;
    font-size: 16px;
    color: #2f2f2f
}

#right #tab-switch .tab-nav .selected {
    color: #4b96f6;
    background: #fff;
    padding: 13px 24px;
    border-color: #4b96f6 #e4e4e4 #fff;
    border-style: solid;
    border-width: 2px 1px 1px;
    margin-bottom: -1px
}

#right #tab-switch .tab-item {
    width: 266px;
    margin: 20px auto 0
}

#right #tab-switch .tab-item .title {
    font-size: 16px;
    color: #383838;
    margin-bottom: 14px
}

#right #tab-switch .tab-item .summary img {
    background: #787878;
    width: 109px;
    height: 72px
}

#right #tab-switch .tab-item .summary a {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    width: 149px;
    margin-left: 8px;
    height: 72px;
    overflow: hidden;
    text-align: justify
}

#right #tab-switch .tab-item .tab-list {
    margin-top: 20px
}

#right #qr-box {
    margin: 0 auto 30px;
    width: 272px;
    padding: 30px 15px
}

#right #qr-box .wb-qr, #right #qr-box .wx-qr {
    width: 106px;
    height: 106px;
    margin: 0 15px
}

#right #qr-box .wx-qr {
    background: url(../images/2018/wx.jpg) no-repeat 50%
}

#right #qr-box .wb-qr {
    background: url(../images/2018/wb.jpg) no-repeat 50%
}

#right #qr-box .qr-item p {
    font-size: 12px;
    color: #535353;
    text-align: center;
    margin-top: 5px
}

#right #new-list .lists li, #right #news-theme .theme-list li, #right #tab-switch .tab-item .tab-list li {
    margin-bottom: 10px;
    padding-left: 10px;
    background: url(../images/2018/point.png) no-repeat 0 8px;
    line-height: 20px;
    text-align: justify
}

#news-theme .hot-theme {
    margin-top: 15px
}

#news-theme .hot-theme .img-a {
    height: 140px
}

#news-theme .hot-theme img {
    width: 100%;
    height: 100%
}

#news-theme .hot-theme .hot-img {
    background: url(../images/2018/hot-theme-bg.png) no-repeat 50%;
    width: 55px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px
}

#news-theme .hot-theme .hot-title {
    color: #525252;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: 235px
}

#news-theme .theme-list {
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    padding: 15px 15px 5px
}

#new-list .hot-new {
    width: 272px;
    margin: 15px auto 0
}

#new-list .hot-new .title {
    color: #575757;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px
}

#new-list .hot-new .summary {
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 20px;
    letter-spacing: .8px
}

#new-list .lists {
    margin: 20px auto 0;
    padding-bottom: 15px;
    width: 272px
}

#new-list .lists1 {
    padding-bottom: 10px
}

#new-list .lists1 li {
    border-bottom: 1px solid #d8d8d8
}

#new-list .lists1 li:nth-child(3) {
    border-bottom: 0 !important
}

#new-list .lists1 .item {
    padding: 0 15px 18px;
    margin-top: 20px
}

#new-list .lists1 .item .title {
    color: #383838;
    font-size: 16px;
    display: block;
    font-weight: 700
}

#new-list .lists1 .item .tag {
    border-radius: 12.5px;
    color: #b5b5b5;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: auto;
    display: inline-block;
    border: 1px solid #e2e2e2;
    margin: 7px 0 12px;
    padding: 0 15px;
}

#new-list .lists1 .item .summary {
    font-size: 12px;
    color: #6e6e6e;
    display: block;
}

#recommend ul {
    margin-top: 9px
}

#recommend li {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0
}

#recommend li a {
    color: #535353
}

#hot-spot .hot-spot-list {
    width: 280px;
    margin: 12px auto 0
}

#hot-spot .hot-spot-list li {
    margin-bottom: 17px
}

#hot-spot .hot-spot-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

#hot-spot .hot-spot-list li .number {
    font-size: 28px;
    color: #dadada;
    margin-right: 6px
}

#hot-spot .hot-spot-list li .title {
    color: #636363;
    font-size: 14px;
    line-height: 17px;
    width: 220px;
    margin-left: 4px
}

#hot-spot .spot-list {
    width: 280px;
    margin: 0 auto
}

#hot-spot .spot-list li {
    border-top: 1px solid #efefef;
    padding: 13px 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#hot-spot .spot-list li a {
    color: #636363
}

.wxqr {
    position: fixed;
    left: 50%;
    width: 205px;
    z-index: 999;
    background: #fff;
    text-align: left;
    border: 1px solid #d8d8d8;
    margin-left: -120px;
    padding: 10px 15px;
    top: 30%
}

.wxqr .qr-title {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000
}

.wxqr #qrcode {
    margin: 10px auto
}

.wxqr .qr-prompt {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666
}

.wxqr .qr-close {
    position: absolute;
    top: 13px;
    right: 10px;
    background: url(../images/2018/qr-close.png) no-repeat 50%;
    width: 10px;
    height: 10px;
    cursor: pointer
}

#content .article p a, #content .article a {
    padding-left: 19px;
    background: url(../images/2018/link-ico.png) no-repeat left center;
    color: #5A97FF;
    font-size: 16px;
    padding-right: 5px;
    margin-left: 5px;
}

#content .article a span {
    color: #5A97FF
}

a[filerela] {
    background: none;
    padding-left: 0;
}

.opinion_nav_bg {
    background: #F6F6F6 url(../images/2018/opinion_nav_bg.png) no-repeat 50%;
    height: 68px;
    width: 128px;
    border-top: 1px solid #f0f0f0;
}

.opinion_logo {
    background: url(../images/2018/opinion_logo.png) no-repeat 50%;
    height: 36px;
    width: 105px;
    margin-left: 5px;
}

.kmhd-pc-profile {
    height: 36px;
    line-height: 36px;
}

.kmhd-pc-profile .kmhd-pc-profile-quick-login {
    height: 36px;
    line-height: 36px !important;
}

.placeholde {
    background: url('https://www.kunming.cn/news/images/2018/placeholde.png') no-repeat center;
    background-size: 30%
}

table {
    margin: 0 auto;
    width: 100%
}

table {
    border-collapse: collapse;
    margin-top: 10px;
}

table, td, th {
    border: 1px solid #DDD
}

#center .article table p, #center .article td p, #center .article th p {
    width: auto !important;
}

#content #center .article {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 46px;
    font-size: 12px;
    border-radius: 8px;
    cursor: pointer;
    line-height: 32px;
    margin:0 auto 6px;
}
.social-share .icon-weibo {
    background: #e8e8e8 url(https://www.kunming.cn/news/images/2018/weibo-share.png) no-repeat 50%;
}
.social-share .icon-weibo:hover {
    opacity: 0.8;
}
.social-share .icon-qzone {
    background: #e8e8e8 url(https://www.kunming.cn/news/images/2018/qq-share.png) no-repeat 50%;
}
.social-share .icon-qzone:hover {
    opacity: 0.8;
}
.social-share .icon-wechat {
    background: #e8e8e8 url(https://www.kunming.cn/news/images/2018/weixin-share.png) no-repeat 50%;
}
.social-share .icon-wechat:hover {
    opacity: 0.8;
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}