
html,
body {
    height: 100%;
    width: 100%;
    
}

body,
button,
input,
keygen,
legend,
select,
textarea {
    font: 400 12px/1.5 "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

* {
    margin: 0;
    padding: 0
}

ul,
li {
    list-style: none;
}

body {
    color: #333;
    background: #F8FBFF;
}

a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

a:hover {
    text-decoration: none;
    color: #333;
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    /* background: #fff; */
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input {
    outline: none;
    border: none;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

a {
    text-decoration: none;
    color: inherit;
}

em {
    font-style: normal;
}

p {
    margin: 0;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.08, 1.08, 1.08);
        transform: scale3d(1.08, 1.08, 1.08);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.08, 1.08, 1.08);
        transform: scale3d(1.08, 1.08, 1.08);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@font-face {
    font-family: "iconfont";
    src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconsanjiao:before {
    content: "\e618";
}

.iconbaoliao:before {
    content: "\e619";
}

.icondingwei:before {
    content: "\e61a";
    margin-right: 4px;
    color: #d7dbdb;
}

.iconzuo:before {
    content: "\e61b";
}

.iconshouji:before {
    content: "\e61c";
}

.iconyou:before {
    content: "\e61d";
}

.iconzuozhe:before {
    content: "\e61e";
    font-weight: bold;
    margin-right: 4px;
    font-size: 15px;
    color: #d7dbdb;
}

.iconoe:before {
    content: "\e601";
}

.iconoeeee_logo:before {
    content: "\e61f";
}

.iconoeeee_logo1:before {
    content: "\e607";
}

.iconPcduan:before {
    content: "\e608";
}

.iconnandulanmu:before {
    content: "\e609";
}

.iconxialacaidan:before {
    content: "\e60a";
}

.iconhuidaoding:before {
    content: "\e60c";
}

<style>
span,
img {
    display: inline;
}

img {
    vertical-align: top;
}

.wid1200 {
    width: 1200px;
    margin: auto;
}

.wid350 {
    width: 419px;
    /* float: right; */
}

.bottom_8 {
    padding-top: 8px !important;
}

.subTagTitle {
    border-top: 1px solid rgb(242, 242, 242);
    position: relative;
    height: 45px;
}

.subTagTitle_r {
    font-size: 12px;
    font-weight: 400;
    color: rgba(169, 169, 169, 1);
    line-height: 40px;
}

.subTagTitle_r span {
    position: absolute;
    right: 0;
}

.subTagTitle p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(1, 165, 194, 1);
    line-height: 40px;
    border-top: 1px solid #00ABC9;
    position: absolute;
    height: 40px;
    top: -1px;
}

.p_a_c {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.f_r {
    float: right;
}

.display_in-bl {
    display: inline-block;
}

body {
    padding-top: 66px;
}

.home_main {
    min-height: 200px;
    margin-top: 20px !important;
}

/* 大标语区S */
.home_subjectTitle .h1 {
    position: relative;
    text-align: center;
    padding: 25px 32px 25px 20px;
    background: #FFFFFF;
    
}
.home_subjectTitle .h1 .title {
   font-size: 40px;
    line-height: 52px;
    text-align: center;
    max-width: 1100px;
    margin: auto;
    padding-right:20px;
    font-weight: bold;
    font-family: Microsoft YaHei;
}
.home_subjectTitle .h1 .title:last-of-type{
    padding-right:0px;
}
.home_subjectTitle .h1 .title a:hover {
    color: #01a5c2;
    text-decoration: none;
}
.home_subjectTitle .h1 .more {
    position: absolute;
    right: 9px;
    top: 50%;
    border: 1px solid #B8B8B8;
    padding: 3px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(184, 184, 184, 1);
    line-height: 15px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 2px;
}
.home_subjectTitle .h1 .more span:nth-of-type(3) {
    margin-left: 3px;
}
.home_subjectTitle .h2 {
    text-align: center;
    margin-top: 31px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}
.home_subjectTitle .h2 .txt {
    /* width: 370px; */
    /* flex:1; */
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;

    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    line-height:32px;
}
.home_subjectTitle .h2 .txt :last-child{
    padding-right:32px;
}
.home_subjectTitle .h2 .txt a:hover {
    color: #01a5c2;
    text-decoration: none;
}
.home_subjectTitle .h2 .hr {
    flex:0 0 1px;
    display: inline-block;
    /* width: 2px; */
    padding:0 1px 0 0;
    height: 24px;
    background: #4879C6;
    display: inline-block;
    margin-top: 4px;
}
/* 大标语区E */

/* banner图区S */
.banner_info {
    position: relative;
    display:flex;
}
.banner_info p {
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: top;
}
.banner_info p .txt {
    font-size: 24px;
    color: #01a5c2;
}
.banner_info p .h {
    font-size: 24px;
}
.banner_info p .num {
    margin-top: 20px;
    vertical-align: baseline;
}
.banner_info p span {
    margin-right: 2px;
}
.banner_info .banner {
    width: 440px;
    height: 293px;
    border-radius: 8px;
    background-color: whitesmoke;
    margin-right: 30px;
    position:relative
}
.banner_info .put_information {
    display: inline-block;
    height: 293px;
    vertical-align: top;
    overflow: hidden;
}
.banner .swiper-container {
    width: 100%;
    height: 100%;
}
.banner .swiper-slide {
    overflow: hidden;
    position: relative;
    transition: all .2s linear;
}
.banner .swiper-slide .banner_box {
    text-align: center;
    font-size: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.5s linear;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
   

}
#banner-img{
    border-radius: 8px;
}
.banner .swiper-slide .banner_box:hover {

    transform: scale(1.1);
    transition: all 0.5s linear;
}
.banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.banner .swiper-slide .banner_info {
    width: 100%;
    background: -webkit-linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -moz-linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -o-linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -ms-linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    text-align: center;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
}
.swiper-button-next,
.swiper-button-prev {
    top: auto;
    font-size: 32px;
    color: #14ADCC;
    bottom: 10px;
    background-image: none;
}
.banner_info .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #8991A0;
    border-radius: 50%;
    margin:4px;
}
.banner_info .swiper-pagination-bullet-active{
    width: 32px;
    height: 8px;
    background: #14ADCC;
    border-radius: 4px;
}
/* banner图区E */

.put_information ul {

    font-size: 16px;
    font-weight: 400;
    line-height:40px;
    color: rgba(65, 65, 65, 1);
}

.put_information_ul li {
   
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.put_information_ul li:nth-child(-n+3) {
    padding:2px 0px;
    margin-bottom: 0;
    border-bottom: 1px #ededed solid
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.put_information_ul li:nth-child(4) {
    margin-top:10px;
    
}
.put_information_ul li:first-child {
    padding-top:0px;
   
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.put_information_ul li a:hover {
    color: #01a5c2;
    text-decoration: none;
}

.explain_ul .swiper-slide {
    margin-bottom: 0px;
    width: 212px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    -webkit-box-align: initial;
    justify-content: initial;
}

.explain_ul .swiper-slide a {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    height: 37px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: justify;
}

.explain_ul .swiper-slide a:hover {
    color: #22a6c1
}

.explain_ul .swiper-slide a::before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: rgb(211, 211, 211);
    position: absolute;
    z-index: 16;
    left: 2px;
    top: 7px;
    border-radius: 50%;
}

.Shannon_qrcode_box {
    width: 135px;
    height: 134px;
    background-color: white;
    position: absolute;
    top: -137px;
    left: -11px;
    display: none;
}

.qrcode-ndxcx {
    background: url(http://oeimg2.cache.oeeee.com/Public2016/Images/home/ndwxapp.jpg) center / 80px no-repeat;
}

.qrcode-box {
    width: 118px;
    height: 118px;
    border-radius: 4px;
    border: 1px solid rgb(238, 238, 238);
    background: white url(http://oeimg2.cache.oeeee.com/Public2016/Images/home/qrcode-nandu.jpg) center / 90px no-repeat;
}

.Shannon_qrcode_box .qrcode-box,
.qrcode-Shannon {
    background: white url(http://oeimg2.cache.oeeee.com/Public2016/Images/home/Shannon_1.png) center / 115px no-repeat;
    border: none;
    width: 126px;
    height: 137px;
}

.qrcode-box .qrcode-box-arrow {
    width: 118px;
    height: 130px;
    background: url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/wx-arrow.png) bottom center no-repeat;
}

.home_main_l {
    width: 800px;
    margin-right: 50px;
}
.home_main_r {
    width: 350px;
    min-height: 200px;
    vertical-align: top;
    padding-top: 15px;
}
.home_main_l .head,
.home_main_l .city {
    position: relative;
    height: 50px;
    line-height: 50px;
}
.home_main_l .head a.active,
.home_main_l .city a.active {
    color: #22a6c1;
    font-size: 22px;
}
.home_main_l .head a,
.home_main_l .city a {
    display: inline-block;
    margin-right: 32px;
    color: #666;
    font-size: 18px;
}
.home_main_l .baoliao {
    font-size: 16px;
    color: #666;
    position: absolute;
    top: 11px;
    right: 0;
    z-index: 2;
    line-height: normal;
}
.home_main_l .baoliao a {
    position: relative;
    font-size: 16px;
}
.home_main_l .head a:hover,
.home_main_l .city a:hover {
    color: #01a5c2;
    text-decoration: none
}
.home_main_l .baoliao i {
    position: absolute;
    left: -30px;
    font-size: 24px;
    color: #22a6c1;
}
.home_main_l .tuwen {
    position: relative;
    display: flex;

}
.home_main_l .tuwen .tuwen_tu {
    width: 335px;
}

/* 图文区S */
.tuwen_tu .item {
    width: 147px;
    float: left;
    padding: 10px;
}
.tuwen_tu .item:hover {
    box-shadow: 0 0 25px 2px rgba(0, 0, 0, .2);
    transition: all .2s linear;
}
.tuwen_tu .item:last-of-type {
    float: right;
}
.tuwen_tu .item:first-of-type {
    width: 317px;
    margin-bottom: 10px;
    padding: 10px;
}
.tuwen_tu .item:first-of-type:hover {
    box-shadow: 0 0 25px 2px rgba(0, 0, 0, .2);
    transition: all .2s linear;
}
.tuwen_tu .item:first-of-type .bg_img_box {
    width: 315px;
    height: 226px;
}
.tuwen_tu .item .bg_img_box {
    width: 147px;
    height: 110px;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    transition: all .2s linear;
}
.tuwen_tu .item .bg_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s linear;
}
.tuwen_tu .item .bg_img:hover {
    transform: scale(1.1);
    transition: all 0.5s linear;
}
.tuwen_tu .item p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(65, 65, 65, 1);
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 11px;
}
.tuwen_tu .item a p:hover {
    color: #01a5c2;
    text-decoration: none;
}
.tuwen_wen {
    width: 450px;
    margin-left: 15px;
    height: 450px;
    overflow: hidden;
    vertical-align: top;
}
.tuwen_wen_ul {
    padding-top: 9px;
}
.tuwen_wen_ul li {
    font-size: 14px;
    color: rgba(65, 65, 65, 1);
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tuwen_wen_ul li a:hover {
    color: #01a5c2;
    text-decoration: none;
}
/* 图文区E */

/* 联系方式S */
.show_box {
    /* padding: 30px 0;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0; */
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-around;
}
.show_box a {
    display: inline-block;
    cursor: pointer;
    height: 100px;
    width: 800px;
    position: relative;
}
.show_box a:hover {
    /* animation: pulse 1s ease; */
}
.show_box .pic {
    height: 100px;
    width: 800px;
    margin: 0 23px 0 0;
    background: center / cover no-repeat;
    /* border-radius: 100%; */
}
.show_box .tit {
    text-align: center;
}
.show_box .tit {
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #808080;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
}
.qrcode-box-wrp {
    width: 130px;
    height: 130px;
    margin-top: -140px;
    top: -5px;
    left: 50%;
    margin-left: -58px;
    position: absolute;
    transition: .2s;
    display: none;
}
.show_box_nandu:hover .qrcode-box-wrp,
.show_box_Shannon:hover .qrcode-box-wrp {
    display: block;
}
/* 联系方式E */

/* 左边城市区-列表S */
.home_list {
    width: 100%;

}
.home_list .home_self {
    /*border-bottom: 1px solid #EDEDED;*/
    padding: 20px 20px 0px;
    position: relative;
    border-radius: 2px;
    transition: all .2s linear;
}
.home_list .home_self:hover {
    box-shadow: 0 0 25px 2px rgba(0, 0, 0, .2);
}
.home_list .home_self .tu_box {
    width: 240px;
    height: 162px;
    float: left;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    z-index: 10;
    overflow: hidden;
}
.home_list .home_self .tu {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.5s linear;
    cursor: pointer;
}
.home_list .home_self .tu:hover {
    transform: scale(1.1);
    transition: all 0.5s linear;
}
.home_list .home_self .info {
    height: 162px;
    position: relative;
}
.home_self .info .info_title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: rgba(65, 65, 65, 1);
    margin-bottom: 15px;
}
.home_self .info .info_title a:hover {
    color: #01a5c2;
    text-decoration: none;
}
.home_self .info .info_time {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: rgba(169, 169, 169, 1);
    margin-bottom: 15px;
}
.home_self .info .info_del {
    font-size: 14px;
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.home_self .info .address_author {
    bottom: 16px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(1, 165, 194, 1);
    line-height: 15px;
    margin-top: 18px;
}
.address_author .address {
    color: #01A5C2;
    font-size: 14px;
}
.address_author .address a:hover {
    color: #01A5C2;
    text-decoration: none;
}
.address_author .author {
    position: absolute;
    right: 0;
    color: #adadad;
    font-size: 14px;
}
/* 左边城市区-列表E */

.home_main_r .epaper {
    width: 350px;
    height: 325px;
    padding-top: 10px;
    position: relative;
    margin-bottom: 40px;
}
.home_main_r .epaper .m {
    position: absolute;
    right: 0;
}
.home_main_r .epaper_head .title {
    font-size: 18px;
    font-weight: 400;
    color: rgba(1, 165, 194, 1);
    position: relative;
    padding-left: 10px;
    display: inline-block;
    line-height: 18px;
}
.home_main_r .epaper_head .title:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 20px;
    background: rgba(1, 165, 194, 1);
    left: -1px;

}
.home_main_r .epaper_head .m {
    font-size: 12px;
    font-weight: 400;
    color: rgba(169, 169, 169, 1);
    line-height: 37px;
    float: right;
    padding-right: 7px;
    cursor: pointer;
}
.home_main_r .epaper .body {
    padding-top: 7px;
    text-align: center;
}
.home_main_r .epaper .body img {
    width: 190px;
    display: inline;
    transition: all .5s linear;
}
.home_main_r .epaper .body img:hover {
    transform: scale(1.1);
    transition: all .5s linear;
}
.home_main_r .epaper_head {
    position: relative;
}
.home_main_r .epaper_head .epaper_ecode {
    width: 118px;
    height: 118px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid rgb(238, 238, 238);
    background-image: url('http://oeimg2.cache.oeeee.com/Public2016/Images/home/shoujidubao.png');
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position: center;
    position: absolute;
    right: -9px;
    top: 43px;
    display: none;
}
.home_main_r .epaper_head .epaper_ecode:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/wx-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    /* for Chrome || Safari */
    -moz-transform: rotateX(180deg);
    /* for Firefox */
    -ms-transform: rotateX(180deg);
    /* for IE */
    -o-transform: rotateX(180deg);
    /* for Opera */
    top: -12px;
    left: 50%;
    margin-left: -7px;
}
.home_main_r .epaper_head .m:hover+.epaper_ecode {
    display: block !important;
}

.slide_box {
    padding-bottom: 40px;
}

/* 智库S */
.intelligent {
    width: 350px;
    padding-bottom: 40px;
}
.intelligent_main .pic {
    width: 172px;
    height: 117px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.5s linear;
}
.intelligent_main .pic_box {
    width: 172px;
    height: 117px;
    overflow: hidden;
}
.intelligent_main .dec {
    font-size: 14px;
    font-weight: 400;
    color: rgba(136, 136, 136, 1);
    line-height: 18px;
    margin-top: 8px;
    width: 172px;
    height: 37px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.intelligent_main .dec:hover {
    color: #01a5c2;
    text-decoration: none;
}
.intelligent_main a:first-of-type {
    display: inline-block;
}
.intelligent_main a:last-of-type {
    float: right;
}
/* 智库E */

.hover_download {
    /* width: 298px !important;
    height: 157px !important; */
    left: -150px !important;
    top: 66px !important;
}

.piaohong {
    width: 100%;
    position: relative;
    min-width: 1200px;
}

.dapiaohong {
    height: 340px;
}

.xiaopiaohong {
    height: 62px;
}

.piaohong div {
    width: 100%;
    height: 100%;
    display: block;
}

.piaohong a {
    width: 100%;
    height: 100%;
    display: block;
}

.piaohong .img {
    width: 100%;
    height: 712px;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: 1920px auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
}

.plan .body {
    overflow: hidden;
    height: 175px;
    position: relative;
}

.plan .body img {
    transition: all 0.5s linear;
    width: 350px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.plan .body img:hover,
.intelligent_main .pic:hover {
    transform: scale(1.1);
    transition: all 0.5s linear;
}
.top_c {
    height: 75px;
    width:1200px;
}
.swiper-container-horizontal>.swiper-pagination{
    bottom:1px!important;
    text-align: right;
    transform: translateX(-10px);
    position: absolute;
    right: 0;
}
.top_c .swiper-pagination-bullet{
    width: 6px!important;
    height: 6px!important;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 2px!important;
    opacity: 1;
}
.top_c .swiper-pagination-bullet-active {
    background: #fff!important;
    opacity: 1;
    border-radius: 50%;
}
.swiper-container-horizontal>.swiper-pagination1{
    bottom:1px!important;
    text-align: right;
    transform: translateX(-10px);
    position: absolute;
    right: 0;
}

.title_bold {
    font-weight: bold;
}

.title_normal {
    font-weight: normal;
}
/* 南都头图图片的大小 */
.nandu-twotu{
    display: inline-block;
    vertical-align: top;
    margin-left:30px;
}
.nandu-item{
    width: 280px;
    height: 136px;
    border-radius: 4px;
}
.nandu-tubox{
    vertical-align: top;
}
.toutu-item{
    width: 316px;
    height: 90px;
}
.toutu-item:last-child{
    margin-bottom:0px;
}
.nandu-bg{
    width: 316px;
    height: 90px;
    border-radius: 4px;
    
}

.nandu-bgimg{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.5s linear;
}
.nandu-bgimg:hover{
    transform: scale(1.1);
    transition: all 0.5s linear;
}
.nandu-item:first-child{
    margin-bottom:20px;
}

.rcomd-right-title{
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #404040;
    line-height: 40px; 
    margin:0 18px;
    display: block;
    width:280px;
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
}
.rcomd-right-title:hover{
    color:#14ADCC
}
/* 页面广告的样式 */
.guanggao-box{
    margin-top:20px;
    width: 1200px;
    height: 75px;
}
.guanggao-box a{
    width: 1200px;
    height: 75px;
    display:block;
    background:black;
    transition: all 0.5s linear;
}
.guang-img{
    width:100%;
    height:75px;
    position:absolute;
    left:0px
    
}
/* .guanggao-box a:hover{
    transform: scale(1.02);
    transition: all 0.5s linear;
} */
.ad-title{
   
    background: rgba(0, 0, 0,0.5);
    opacity: 0.5;
    border-radius: 2px 0px 0px 0px;
    position:absolute;
    bottom:0;
    right:0;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 18px;
    border-radius: 10px 0px 0px 0px;

}
.ad-title .ad-name{
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding:1px 0;
    /* line-height: 22px; */
}
.ad-title .ad-line{
    width: 2px;
    height: 12px;
    margin:0 6px;
    background: #ffffff;
}
.ad-title .ad-close{
   font-size:10px;
    color:#ffffff
}
.szad-close{
    font-size:10px;
    color:#ffffff
}
.img-a{
    position:relative;
    
}


/* 这里是页面中间部门的新闻内容 */
.three-columns{
    width:1200px;
    display:flex;
    align-items: flex-start;
    margin-top:30px;
}
.left-column .left-header{
    display:flex;
    align-items: center;
    border-top: 1px solid #D8D8D8;
    height: 39px;
}
.left-column .left-header img{
    width: 24px;
}
.nandu-toutiao{
    font-size: 18px;
    font-weight: 400;
    color: #414141;
    line-height: 40px;
    border-top: 1px solid #00ABC9;
   
}
/* .content-box:first-child{
    margin-top:10px;
} */
.column-item{
    display:flex;
    align-items:flex-start;
    width:416px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.red-title{
    font-size:16px;
    line-height: 40px;
    color: #414141;
    font-weight:bold;
    /* font-family:MicrosoftYaHei-Bold; */
}
.red-title a:hover{
    color:#14ADCC
}
.title-url{
    font-size:16px;
    line-height:40px;
    display:block;
    /* font-family: Microsoft YaHei; */
    color:#414141;
    font-weight: 400;
    display:block;
   
}
.no-tag{
    width:416px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.title-url:hover{
   color:#01a5c2
}
.column-item:first-child .title-url{
    width:369px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.column-item:last-child{
    margin-bottom:0
}
.left-two{
    margin-top:29px;
    width: 420px;
    height: 120px;
}
.left-two .left-guang{
    width: 420px;
    height: 120px;
    background-size: 100% 100%;
    position:relative;
}
.left-two .left-guang .guang-tips{
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0,0.5);
    opacity:0.5;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 18px;
    border-radius: 10px 0px 0px 0px;

}
.tips-title{
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding:1px 0;
}
.tips-line{
    width: 2px;
    height: 12px;
    margin:0 6px;
    background: #ffffff;
}
.tips-close{
    font-size:10px;
    color:#ffffff
}
.mid-column{
    margin-left:50px;
}
.right-column{
    margin-left:40px;
}

#backtop{
    width: 60px;
    height: 60px;
    background: #F6F6F6;
    color: #FFFFFF;
    font-size: 34px;
    text-align: center;
    line-height: 60px;
    position: fixed;
    bottom: 400px;
    left: 50%;
    margin-left: 620px;
    z-index: 1000;
    transition: all 1s ease;
    cursor: pointer;
    opacity: 1;
    display:none
}
#backtop a{
    width: 100%;
    height: 100%;
    display: block;
    background: url('http://oeimg2.cache.oeeee.com/Public2016/Images/common/btn_gotop_1.png') no-repeat;
    background-size: contain;
}
#footer .ft-info{
    height:111px;
}