@charset "utf-8";
/**************
*  2018-10-23  *
*              *
***************/

body {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
}

.ad {
    width: 100%;
}

.ad img {
    width: 100%
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.border_bs {
    border-bottom: 1px solid #eee;
}

.fhTop {
    width: 40px;
    height: 40px;
    position: fixed;
    margin-right: -640px;
    right: 50%;
    bottom: 200px;
    z-index: 9;
    background: url(../images/top.png) center no-repeat;
    cursor: pointer;
    display: none;
}

.adFloat span {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/c.png) center no-repeat;
    top: 25px;
    left: 175px;
    cursor: pointer;
}

.adBot {
    width: 100%;
    height: 95px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: url(../images/adbj.png);
    z-index: 99;
}

.adBot>div {
    width: 1200px;
    height: 95px;
    margin: 0 auto;
}

.adBot>div img {
    margin: 0 auto;
    display: block;
}

.adBot>span {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/c.png) center no-repeat;
    top: 10px;
    left: 50%;
    margin-left: 576px;
    cursor: pointer;
}

/*头部*/
.header {
    width: 100%;
    height: 88px;
    border-bottom: 3px solid #A61111;
}

.header .head {
    width: 1200px;
    height: 88px;
    margin: 0 auto;
}

/*logo*/
.header .head .logo {
    width: auto;
    /* height: 31px; */
    float: left;
}

.header .head .logo img {
    padding-top: 16px;
    float: left;
}

.header .head .logo span {
    /*width:56px;*/
    height: 27px;
    display: inline-block;
    float: left;
    line-height: 27px;
    font-size: 18px;
    color: #fff;
    background-color: #A61111;
    text-align: center;
    margin-top: 32px;
    margin-left: 5px;
    padding: 0 5px;
}

.header .head ul.nav {
    width: auto;
    display: inline-block;
    float: left;
    padding-top: 27px;
    padding-left: 20px;
}

.header .head ul.nav li {
    padding: 0 24px;
    text-align: center;
    font-size: 14px;
    float: left;
}

.header .head ul.nav li.style a {
    color: #A61111;
}

.header .head ul.nav li a {
    color: #333;
    font-size: 14px;
}

.header .head ul.nav li:hover a {
    color: #A61111;
}

.header .head .r_box {
    width: 210px;
    height: 30px;
    float: right;
    margin-top: 36px;
}

.header .head .r_box a {
    display: inline-block;
    margin-left: 20px;
    float: left;
    position: relative;
}

.header .head .r_box a .weixin {
    width: 22px;
}

.header .head .r_box a.mobile {
    width: 22px;
    margin-left: 10px;
}

.header .head .r_box a.title {
    font-size: 14px;
    color: #A61111;
    font-weight: bold;
}

.header .head .r_box a .ewmImg {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    height: 108px;
    max-width: 91px;
    z-index: 9;
}

.header .head .r_box a:hover .ewmImg {
    display: block;
}

.bannergcj {
    width: 1200px;
    height: 170px;
    margin: 0 auto;
    background: url(../images/bannergcj.jpg) -10px -10px;
    margin-top: 20px;

}

.bannergcj .right {
    width: 98%;
    height: 180px;
    /*background-color: #000;*/
    float: right;
    margin-top: 3px;
    margin-right: 12px;
    /*opacity: 0.5;*/
    position: relative;
    box-sizing: border-box;

}

/*.scroll_horizontal{width:660px;height:120px;padding:20px;line-height:20px;background:#000;}*/
.bannergcj .right .box {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.bannergcj .right .list {
    overflow: hidden;
    width: 20000px;
}

.bannergcj .right .list li {
    float: left;
    text-align: center;
    width: 236px;
    height: 152px;
}

.bannergcj .right .plus,
.bannergcj .right .minus {
    position: absolute;
    top: 65px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.bannergcj .right .plus {
    left: 5px;
    background: url(../images/plus.png) center no-repeat;
}

.bannergcj .right .minus {
    right: 2px;
    background: url(../images/minus.png) center no-repeat;
}

.bannergcj .right .list li a {
    display: block;
    margin: 0 8px;
    background-color: #e8f2fb;
    height: 160px;
    margin-top: 10px;
    overflow: hidden;
}

.observerList .headPortrait {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 8px;
}

.observerList .name {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 26px;
    color: #333;
    line-height: 34px;
}

.observerList .text {
    /*padding: 0 10px;*/
    font-size: 14px;
    color: #777;
    line-height: 20px;
    margin-top: 8px;
}

.observerList .text a {
    color: #a61111;
}

.banner {
    width: 860px;
    height: 322px;
    margin: 0 auto;
    /*float: left;*/
}

.banner .left {
    width: 572px;
    height: 322px;
    float: left;
}

/*轮播 end*/
.device {
    width: 100%;
    position: relative;
    height: 322px;
}

.device .arrow-left {
    background: url(../images/l_arrows.png) no-repeat 5px 7px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 40px;
    z-index: 9;
    display: none;
    cursor: pointer;
}

.device .arrow-right {
    background: url(../images/r_arrows.png) no-repeat 15px 7px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 30px;
    height: 40px;
    z-index: 9;
    cursor: pointer;
    display: none;
}

.swiper-container {
    height: 322px;
    width: 572px;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 25px;
    margin-bottom: 10px;
}

.swiper-slide {
    position: relative;
}

.swiper-slide img {
    width: 572px;
    height: 322px;
}

.swiper-slide span {
    position: absolute;
    bottom: 0;
    display: block;
    left: 0px;
    /*padding-left: 60px;*/
    font-size: 18px;
    height: 60px;
    color: #fff;
    width: 562px;
    line-height: 60px;
    z-index: 4;
    padding-left: 10px;
    background: url(../images/b1.png) bottom repeat-x;
}

.swiper-slide .titleBj {
    width: 100%;
    height: 60px;
    opacity: .6;
    filter: alpha(opacity=60);
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.banner .pagination {
    position: absolute;
    right: 30px;
    text-align: center;
    bottom: 15px;
    /*width: 50px;*/
    z-index: 9;
    color: #fff;
    font-size: 16px;
}

.banner .pagination .index {
    font-size: 24px;
    color: #FF3234;
    font-weight: 600;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #fff;
    /*box-shadow: 0px 1px 2px #555 inset;*/
    margin: 0 5px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #a61111;
    width: 20px
}

.banner .right {
    width: 278px;
    height: 100%;
    float: right
}

.banner .right li {
    width: 100%;
    height: 156px;
    float: left;
    position: relative;
}

.banner .right li:first-child {
    margin-bottom: 10px;
}

.banner .right li img {
    width: 100%;
    height: 100%;
}

.banner .right li span {
    position: absolute;
    bottom: 0;
    height: 60px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding: 0 10px;
    background: url(../images/b1.png) bottom repeat-x;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.subNav {
    width: 880px;
    height: 34px;
    margin: 0 auto;
    line-height: 30px;
}

.subNav ul li {
    font-size: 12px;
    float: left;
}

.subNav ul li.style a {
    color: #a61111;
}

.subNav ul li a {
    color: #888;
}

.subNav ul span {
    float: left;
    font-size: 12px;
    color: #888;
    padding: 0 10px;
}

.con {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 10px;
}

.con .bogBox {
    float: left;
}

.con .bogBox>.left {
    width: 200px;
    float: left;
    overflow: hidden;
}

.con .newsBox {
    width: 620px;
    float: left;
    margin-left: 40px;
}

.con ul.newslists {
    width: 100%;
}

.con ul.newslists li {
    width: 100%;
    padding: 20px 0;
    height: 115px;
    border-bottom: 1px solid #eee;
}

.con ul.newslists li .img {
    width: 200px;
    height: 115px;
    overflow: hidden;
    float: left;
    padding-right: 15px;
}

.con ul.newslists li .img img {
    width: 100%;
}

.con ul.newslists li .title {
    height: 100%;
    float: left;
    width: 400px;

}

.con ul.newslists li .title h3 {
    font-size: 20px;
    height: 50px;
    line-height: 25px;
}

.con ul.newslists li .title h3 a {
    color: #000;
}

.con ul.newslists li .title .keybox {
    width: 100%;
    height: auto;
    line-height: 22px;
    font-size: 12px;
    float: left;
}

.con ul.newslists li .title .keybox a {
    display: inline-block;
    padding-right: 5px;
    color: #888;
}

.con ul.newslists li .title .keybox .time {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #D1D1D1;
    color: #888;
}

.con ul.newslists li .title .keybox .share {
    /* width: 40px; */
    height: 20px;
    float: right;
    /* background: #fff url(../images/share.png) no-repeat; */
    padding-left: 20px;
    padding-top: 20px;
    color: #888;
    cursor: pointer;
    position: relative;
}

.con ul.newslists li .title .keybox .share:hover .shareBox {
    display: block;
}

.con ul.newslists li .title .keybox .share .shareBox {
    width: 70px;
    height: 88px;
    position: absolute;
    background: #fff url(../images/k.png) no-repeat;
    bottom: 20px;
    right: 5px;
    display: none
}

.con ul.newslists li .title .keybox .share .shareBox a {
    display: block;
}

.con ul.newslists li .title .keybox .share .shareBox div {
    height: 16px;
    font-size: 12px;
    color: #888;
    text-align: center;
    margin: 8px 0;
    padding-left: 20px;
    width: 42px;
    margin-left: 3px;
}

.con ul.newslists li .title .keybox .share .shareBox .weibo {
    background: #fff url(../images/wb.png) 10px 0 no-repeat;
}

.con ul.newslists li .title .keybox .share .shareBox .qqkongjian {
    background: #fff url(../images/qqkongjian.png) 10px 0 no-repeat;
}

.con ul.newslists li .title .keybox .share .shareBox .weixin {
    background: #fff url(../images/wx.png) 10px 0 no-repeat;
}

.con ul.newslists li .title .keybox .share .shareBox .weixin .ewm {
    width: 120px;
    max-width: 120px;
    height: 160px;
    position: absolute;
    /*background-color: #ccc;*/
    top: 105px;
    left: -25px;
    display: none;
    padding-left: 0px;
    z-index: 9;
    background-color: #fff;
}

.con ul.newslists li .title .keybox .share .shareBox .weixin:hover .ewm {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #888;
}

.con ul.newslists li .title .keybox .share .shareBox .weixin .ewm img {
    padding-bottom: 5px;
    width: 100%;
}

.con ul.newslists li.imgNone .title {
    height: 100%;
    float: left;
    width: 100%;
}

.con ul.newslists li.borNone {
    border: none;
}

.con .newsBox .LoadMore {
    width: 620px;
    height: 50px;
    border: 1px solid #D1D1D1;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}

.con .newsBox .LoadMore .loadText {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #999;
    margin-top: 10px;
    /* margin-left: 40px; */
    display: inline-block;
}

.con .newsBox .LoadMore .loadText img {
    padding-top: 10px;
}

.con .paginationBox {
    width: 100%;
    text-align: center;
}

.con .pagination {
    /*width: 260px;*/
    height: 10px;
    clear: both;
    padding: 20px 0;
    margin: 0 auto;
    display: inline-block;
    width: auto;
}

.con .left .pagination li {
    /*border:1px solid #E1E1E1;*/
    height: 20px;
    width: 20px;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    float: left;
    margin-left: 3px;
    color: #999;
}

.con .left .pagination li a {
    border: 1px solid #E1E1E1;
    height: 19px;
    width: 19px;
    text-align: center;
    display: inline-block;
    line-height: 19px;
    font-size: 14px;
    float: left;
    /*margin-left: 3px;*/
    color: #999;
    outline: none； -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.con .left .pagination li a.borNone {
    border-color: #fff;
}

.con .left .pagination li a.active {
    color: #a61111;
    border-color: #a61111;
}

.con .left .pagination li.prev {
    background: url(../images/prev.jpg);
}

.con .left .pagination li.next {
    background: url(../images/next.jpg);

}

.con>.right {
    width: 300px;
    float: right;
    overflow: hidden;
}

.con .hotVideos {
    width: 100%;

}

.con .hotVideos ul {
    width: 100%;
}

.con .hotVideos ul li {
    width: 100%;
    overflow: hidden;
}

.con .hotVideos ul li .img {
    width: 140px;
    height: 78px;
    float: left;
    position: relative;
}

.con .hotVideos ul li .img span {
    width: 140px;
    height: 78px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/video.png) center no-repeat;

}

.con .hotVideos ul li h3 {
    width: 150px;
    float: right;
    /*height: 100%;*/
    font-size: 16px;
    color: #2F2F2F;
    line-height: 24px;
}

.con .right>.hotVideos ul li h3 .con .jcPhoto {
    width: 100%;
}

.con .jcPhoto ul {
    width: 100%;
}

.con .jcPhoto ul li {
    width: 100%;
    overflow: hidden;
}

.con .jcPhoto ul li img {
    width: 100%;
    height: 170px;
}

.con .jcPhoto ul li h3 {
    font-size: 16px;
    line-height: 24px;
    color: #555;
    font-weight: bold;
    padding: 10px 0 20px 0;
}

/*阅读排行*/
.con .readingRankings {
    width: 100%;
    margin-top: 30px;
}

.con h2 {
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: bold
}

.con h2 a {
    color: #A61407;
}

.con .readingRankings ul.lists {
    width: 100%;
    margin-top: 20px;
}

.con .readingRankings ul.lists li {
    width: 100%;
    font-size: 15px;
    margin-top: 12px;
    overflow: hidden;
}

.con .readingRankings ul.lists li span {
    float: left;
    width: 25px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #888888;
    font-weight: 400;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/zhw_tb_num.png) 2px -70px no-repeat;

}

.con .readingRankings ul.lists li:nth-child(2) span {
    color: #EE3030;
    background: url(../images/zhw_tb_num.png) 2px -89px no-repeat;

}

.con .readingRankings ul.lists li+li span {
    background: url(../images/zhw_tb_num.png) 2px -89px no-repeat;
    color: #FF0000;
}

.con .readingRankings ul.lists li:nth-child(3) span {
    background: url(../images/zhw_tb_num.png) 2px -107px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -107px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(4) span {
    background: url(../images/zhw_tb_num.png) 2px -124px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -124px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(5) span {
    background: url(../images/zhw_tb_num.png) 2px -142px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -142px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(6) span {
    background: url(../images/zhw_tb_num.png) 2px -161px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -161px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(7) span {
    background: url(../images/zhw_tb_num.png) 2px -178px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -178px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(8) span {
    background: url(../images/zhw_tb_num.png) 2px -196px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li+li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -196px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(9) span {
    background: url(../images/zhw_tb_num.png) 2px -214px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li+li+li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -214px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li:nth-child(10) span {
    background: url(../images/zhw_tb_num.png) 2px -231px no-repeat;
    color: #EE3030;
}

.con .readingRankings ul.lists li+li+li+li+li+li+li+li+li+li span {
    background: url(../images/zhw_tb_num.png) 2px -231px no-repeat;
    color: #EE3030;
}



.con .readingRankings ul.lists li a {
    width: 175px;
    float: right;
    color: #888;
    line-height: 20px;
    font-family: "宋体", Arial, Helvetica, sans-serif;

}

/*阅读排行 end*/

.footer {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #ccc;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.footer .footCon {
    width: 1200px;
    /* height: 130px; */
    margin: 0 auto;
    text-align: center;
    color: #333;
}

.footer .footCon p {
    text-align: center;
    font-size: 12px;
    width: 100%;
    height: 14px;

}

.footer .footCon p a,.footer .footCon a {
    color: #333;
}

.footer .footCon p.qualifications a {
    color: #333;
    padding: 0 10px;
}

.footer .footCon p.about a {
    color: #333;
    padding: 0 5px;
}

.footer .footCon p.about span {
    border-left: 1px solid #666;
    height: 12px;
    display: inline-block;
}

#floatleft {
    position: absolute;
    z-index: 10;
    margin-left: -800px;
    left: 50%
}

.adFloat img {
    width: 200px;
}

#floatright {
    position: absolute;
    z-index: 10;
    margin-right: -800px;
    right: 50%
}

.adFloat img {
    width: 200px;
}