/*----------------------------------------------------------o2o观点开始----------------------------------------------------------*/
/*-------------------------观点列表-------------------------*/
.banner2{ width:100%; height:200px; overflow:hidden;}
.banner2 img{ width:100%; height:100%;}
.viewpointCon{ width:100%; padding:32px 0 46px 0; background-color:#fafafa; overflow:hidden;}
.viewpointBox{ width:1200px; margin:0 auto; overflow:hidden;}
.fl{
	float:left;
}
.fr{
	float:right;
}
.viewpointL{ width:900px;}
.viewpointL .viewpointnav{ width:100%; margin-bottom:4px; overflow:hidden;}
.viewpointL .viewpointnav ul li{ width:152px; height:50px; line-height:50px; text-align:center; float:left;}
.viewpointL .viewpointnav ul li a{ display:block; font-size:18px; color:#333333; cursor:pointer;}
.viewpointL .viewpointnav ul .vinavaA{ background-color:#122c52;}
.viewpointL .viewpointnav ul .vinavaA a{ color:#fff;}
.viewpointL .viewpoint{ width:100%; background-color:#fff; border-top:2px solid #ff8600;}
.viewpointL .viewpoint ul li{ padding:38px 4%; border-bottom:1px solid #cccccc; overflow:hidden;}
.viewpointL .viewpoint ul li .viewpointimg{ width:200px; height:150px; overflow:hidden;}
.viewpointL .viewpoint ul li .viewpointimg img{ width:100%; height:100%;}
.viewpointL .viewpoint ul li .viewpointnr{ width:72.826%; height:150px; position:relative;}
.viewpointL .viewpoint ul li .viewpointnr h3{ width:100%; font-weight:normal; font-size:24px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.viewpointL .viewpoint ul li .viewpointnr h3 a{ color:#ff8600;}
.viewpointL .viewpoint ul li .viewpointnr p{ width:100%; height:50px; line-height:25px; font-size:14px; color:#666666; overflow:hidden;}
.viewpointL .viewpoint ul li .viewpointnr span{ font-size:14px; color:#999999; position:absolute; left:0px; bottom:0px;}
.viewpointL .pagestyle{ background-color:#fff; text-align:center; line-height:110px;}
.viewpointL .pagestyle ul li{ display:inline-block; margin:0 3px; *display:inline; *zoom:1}
.viewpointL .pagestyle ul li span, .pagestyle ul li a{ height:30px; line-height:30px; font-size:14px; color:#b2b2b2; display:block; border:1px solid #e6e6e6;  border-radius:6px; cursor:pointer;}
.viewpointL .pagestyle ul li span{ width:66px;}
.viewpointL .pagestyle ul li a{ width:30px;}
.viewpointL .pagestyle ul li .pageaA{ background-color:#ff9500; border:1px solid #ff9500; color:#fff;}
.viewpointR{ width:280px;  }
.viewpointR .viewpointRbox{ width:89.3333%; padding:24px 5.3333% 30px 5.3333%; background-color:#fff; border-top:2px solid #ff8600; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-bottom:14px;}
.viewpointR .viewpointRbox .viewpointRtit{ width:100%; margin-bottom:8px;}
.viewpointR .viewpointRbox .viewpointRtit h4{ font-size:15px; color:#333333; font-weight:normal;}
.viewpointR .viewpointRbox .viewpointRtit h4 .viewpointRlab{ display:inline-block; width:20px; height:20px; background-image:url(../images/029.png); background-repeat:no-repeat; vertical-align:-4px; margin-right:10px;}
.viewpointR .viewpointRbox .viewpointRlabnr{ width:100%;}
.viewpointR .viewpointRbox .viewpointRlabnr h3{ font-weight:normal; text-align:center; font-size:24px; padding:16px 0; color:#333333;}
.viewpointR .viewpointRbox .viewpointRlabnr p{ font-size:14px; line-height:26px; color:#666666; text-align:inherit; text-align:justify;}
.viewpointR .viewpointRbox .viewpointRrecrea{ width:100%;}
.viewpointR .viewpointRbox .viewpointRrecrea ul li{ line-height:36px; list-style:outside decimal; white-space:nowrap; text-overflow:ellipsis; background-image:url(../images/033.png); background-repeat:no-repeat; background-position:left center; padding-left:14px; margin-left:4px; overflow:hidden;}
.viewpointR .viewpointRbox .viewpointRrecrea ul li a{ font-size:14px; color:#666666;}
.viewpointR .viewpointRbox .viewpointRdese{ width:100%; overflow:hidden;}
.viewpointR .viewpointRbox .viewpointRdese ul li{ width:44.7761%; height:34px; line-height:34px; text-align:center; float:left; margin:14px 2.2388% 0 2.2388%; background-color:#f5f5f5; overflow:hidden;}
.viewpointR .viewpointRbox .viewpointRdese ul li a{ display:block; font-size:14px; color:#666666; cursor:pointer;}
.viewpointR .viewpointRbox .viewpointRsweep{ width:100%; overflow:hidden;}
.viewpointR .viewpointRbox .viewpointRsweep ul li{ text-align:center;}
.viewpointR .viewpointRbox .viewpointRsweep ul li img{ width:90.5522%;}
.viewpointR .viewpointRbox .viewpointRsweep ul li b{ display:block; line-height:34px; margin-top:26px; font-size:24px; color:#ff3b30; font-weight:normal;}
.viewpointR .viewpointRbox .viewpointRsweep ul li span{ line-height:30px; font-size:18px; color:#333333;}
/*-------------------------观点新闻-------------------------*/
.viewpointL .breadcrumb{ width:100%; margin-bottom:4px; overflow:hidden;}
.viewpointL .breadcrumb ul li{ line-height:50px; font-size:14px; color:#999999; float:left;}
.viewpointL .breadcrumb ul li a{ font-size:14px; color:#999999; margin:0 3px; cursor:pointer;}
.viewpointL .breadcrumb ul .breadaA a{ color:#4c4c4c;}
.viewpointL .journalismCon{ padding:16px 6% 0 6%; background-color:#fff; border-top:2px solid #ff8600;}
.viewpointL .journalismCon .journalismname{ width:100%; border-bottom:1px dashed #dbdbdb;}
.viewpointL .journalismCon .journalismname h2{ line-height:70px; font-size:26px; color:#122c52; text-align:center; font-weight:normal;}
.viewpointL .journalismCon .journalismname .journalab{ width:100%; line-height:36px; text-align:right;}
.viewpointL .journalismCon .journalismname .journalab span{ font-size:14px; color:#999999; margin-right:20px;}
.viewpointL .journalismCon .journalismname .journalab span b{ font-weight:normal; color:#999999; margin:0 4px;}
.viewpointL .journalismCon .journalism{ width:100%;}
.viewpointL .journalismCon .journalism .journalismgure{ padding:15px 2.7272%; background-color:#f0f0f0; margin:22px 0 44px 0; overflow:hidden;}
.journalismgure h4, .journalismgure p{ font-size:14px; color:#333333; line-height:26px;}
.viewpointL .journalismCon .journalism .journalismgure h4{ width:44px; float:left;}
.viewpointL .journalismCon .journalism .journalismgure p{ width:92.4711%; float:right;}
.viewpointL .journalismCon .journalismnr{ width:100%; overflow:hidden;}
.viewpointL .journalismCon .share{ width:100%; padding:50px 0 24px 0; overflow:hidden;}
.viewpointL .previnext{ padding:15px 6% 26px 6%; background-color:#fff; border-top:1px solid #cccccc;}
.viewpointL .previnext ul li{ line-height:30px;}
.viewpointL .previnext ul li b{ font-size:14px; color:#4c4c4c;}
.viewpointL .previnext ul li a{ font-size:14px; color:#666666; cursor:pointer;}
/*----------------------------------------------------------o2o观点结束----------------------------------------------------------*/


/* 文章列表 */
.gd .img {
    position: relative;
}

.gd .item .img img {
    width: 100%;
    height: 142px;
}

.mod-list-big .item {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #EDEFF2;
    cursor: pointer;
}

.sc .mod-list-big .item {
    border: 0;
    padding: 10px 0;
}

.log .mod-list-big .item {
    border-bottom: 1px solid #EDEFF2;
    padding: 29px 0;
}

.log .mod-list-big .item:nth-child(3) {
    border: 0;
}

.mod-list-big .item .img {
    width: 263px;
    height: 142px;
    float: left;
    background: #f5f5f5;
}

.gd .mod-list-big .item {
    width: 266px;
    display: inline-block;
    padding: 0;
    border: 0;
}

.mod-list-big .item .img img {
    width: 100%;
}

.gd .mod-list-big .item:nth-child(2) {
    margin: 0 18px;
}

.mod-list-big .item .img .yc_top {
    top: 0;
    font-size: 14px;
    width: 58px;
    height: 25px;
    background: #000000;
    opacity: 0.5;
    text-align: center;
    margin: 4px 6px;
}

.mod-list-big .item .img div {
    position: absolute;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    bottom: 5px;
    width: 90%;
    margin-left: 5%;
}

.mod-list-big .info {
    margin-left: 292px;
}

.gd .info {
    display: table;
    border: 1px solid #eeeeee;
    height: 148px;
    width: 98.4%;
    margin: 0;
    border-top: 0;
}

.mod-list-big .info .desc {
    width: 90%;
    margin: 0 auto;
}

.mod-list-big .info .title {
    padding: 15px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mod-list-big .info .title span i {
    display: inline-block;
    width: 32px;
    height: 18px;
    color: #fff;
    background: #ddd;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 300;
    text-align: center;
    line-height: 18px;
    vertical-align: 1px;
    margin-right: 7px;
}

.mod-list-big .info .title span i.i-hot {
    background: #F89018;
}

.mod-list-big .info .title span i.i-new {
    background: #FE2D2D;
}

.mod-list-big .info .intro {
    font-size: 14px;
    color: #888;
    line-height: 23px;
    height: 46px;
    word-break: break-all;
    margin-bottom: 23px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.mod-list-big .info .extra .view img {
    vertical-align: -1px;
}

.mod-list-big .info .extra {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    color: #bbb;
}

.gd .info .title {
    white-space: normal;
}

.gd .info .title span {
    height: 50px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 26px;
    width: 230px;
}

.gd .info .extra {
    width: 100%;
}

.mod-list-big .info .extra .time {
    margin: 0;
    left: 0;
}

.mod-list-big .info .extra .view {
    float: right;
    margin-right: 5px;
}

.jc .info .title {
    white-space: normal;
}

.mod-list-big .info .title span {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.mod-list-big .item:hover .info .title span {
    color: red;
}

.gd .info .title p {
    font-size: 14px;
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
    display: inline-block;
    margin-top: 15px;
    height: 21px;
}

.mod-news-slide .hd .list li.on span {
    color: #FE2D2D;
}

.sc .hd .list li.black span {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.gd .hd .list li span {
    font-size: 14px !important;
    color: #888888;
}

.mod-news-slide .bd {
    padding: 10px 0;
}

.jc .bd {
    padding-top: 30px;
}

.gd .bd {
    padding-top: 30px;
}

.mod-news-slide .hd {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
}

.mod-news-slide .hd .hd_top .left {
    float: left;
}

.mod-news-slide .hd .hd_top .left span {
    font-size: 17px;
    font-weight: 600;
    color: #333333;
}
.mod-news-slide {
    background: #fff;
    padding: 12px 29px;
    margin-bottom: 20px;
}
.mod-news-slide .hd .hd_top .left .img_div {
    width: 5px;
    height: 5px;
    background: #e5e5e5;
    border-radius: 50%;
    display: inline-block;
    margin: 2px 33px;
}

.mod-news-slide .hd .more {
    float: right;
    font-size: 14px;
    color: #999;
}

.mod-news-slide .hd .more span {
    font-family: cursive;
}

.mod-news-slide .hd .list li {
    float: left;
    margin-right: 76px;
}

.mod-news-slide .hd .list li span {
    display: block;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 2px solid transparent;
}


.mod-list-small .item .extra {
    color: #BBBBBB;
    font-size: 14px;
}

.mod-list-small .item .extra .view {
    margin-left: 20px;
}

.mod-list-small .item .extra .view img {
    vertical-align: -1px;
}

.jc .mod-list-big .item:nth-child(3) {
    margin-right: 18px;
}

.sc {
    width: 590px;
    padding: 0;
    margin: 0;
    float: left;
}

.sc .info {
    margin-left: 225px;
    margin-top: 12px;
}

.log .info {
    margin-left: 135px;
    margin-top: 0;
}

.log {
    margin-left: 20px;
}

.sc .hd {
    width: 90%;
    margin: 0 auto;
    padding: 7.5px 0;
}

.sc .bd {
    width: 90%;
    margin: 0 auto;
    padding: 22px 0;
}

.log .bd {
    padding: 21px 0;
}

.sc .bd bd-wrap {
    width: 95%;
}

.sc .item .img {
    width: 200px;
    height: 110px;
}

.sc .item .log_div {
    display: inline-block;
    float: left;
    width: 100px;
}

.sc .item .log_div .year {
    display: block;
    background-color: #F7F7F7;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
}

.sc .item .log_div .day {
    font-size: 28px;
    margin-left: 5px;
}

.sc .item .log_div .month {
    font-size: 14px;
    margin: 0 2px;
}

.sc .intro {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px !important;
    line-height: normal !important;
    height: auto !important;
    display: block !important;
}

.sc .info .title {
    height: auto;
    padding-top: 3px;
}

/*H5寮€濮�*/
.swiper-pagination {
    position: absolute;
    z-index: 24;
    left: 0;
    right: 0;
    bottom: 10px;
    padding-left: 20px;
    height: 20px;
}

.swiper-container .swiper-slide .mask {
    height: 70px;
    background: linear-gradient(rgba(0, 0, 0, 0), #000);
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .2s;
}

.swiper-container .swiper-slide .text {
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 45px;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-pagination li {
    float: left;
    width: 8px;
    height: 8px;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    background: #F7F9FC;
    border-radius: 100%;
    opacity: 0.5;
}

.swiper-pagination li.on {
    background-color: #ffffff;
    opacity: 1;
}

/*H5缁撴潫*/

.et-e .index-banner .b-slide {
    width: 588.8px;
    height: 320px;
    overflow: hidden;
    float: left;
    position: relative;
}

.et-e .index-banner .b-slide .bd li {
    position: relative;
}

.et-e .index-banner .b-slide .bd img {
    width: 100%;
    height: 320px;
}

.et-e .index-banner .b-slide .bd a {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.et-e .index-banner .b-slide .bd .mask {
    height: 100px;
    background: linear-gradient(rgba(0, 0, 0, 0), #000);
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .2s;
    opacity: 0.8;
}

.et-e .index-banner .b-slide .bd li:hover .mask {
    height: 80px;
}

.et-e .index-banner .b-slide .bd .title {
    color: #fff;
    font-size: 22px;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 15px;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.et-e .index-banner .b-slide .hd {
    position: absolute;
    z-index: 5;
    bottom: 23px;
    right: 0;
}

.et-e .index-banner .b-slide .hd li {
    float: left;
    width: 8px;
    height: 8px;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    background: #F7F9FC;
    border-radius: 100%;
    opacity: 0.5;
}

.et-e .index-banner .b-slide .hd li.on {
    background: #ffffff;
    opacity: 1;
}

.et-e .index-banner .b-slide .hd li.on:after {
    background: #f63c2e;
}








.article-box {
    background: #fff;
    position: relative;
}

.article-box .art-inner {
    
    margin-left: 78px;
    padding-top: 43px;
    padding-bottom: 20px;
}

.article-box .art-head {
    margin-bottom: 39px;
}

.article-box .art-head h1 {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: bold;
}

.article-box .art-head .info {
    font-size: 14px;
    color: #888;
}

.article-box .art-head .info .cate {
    color: #f63c2e;
}

.article-box .art-content {
    color: #333333;
    font-size: 15px;
    line-height: 28px;
	border-bottom: 1px solid #E6E6E6;
	
}
.article-box div,.article-box img,.article-box div,.article-box p,.article-box span{
	max-width:100%important;
}

.article-box .art-head .info .view {
    margin-left: 10px;
}.article-box .art-head .info .view i {
    background: url(../images/read.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 2px;
}
.article-box .art-head .info .cate i {
    margin: 0 4px 0 7px;
    font-weight: 700;
}

.art-foot {
    position: absolute;
    top: 144px;
    left: -90px;
}

.art-foot .item {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
}

.art-foot .item .i-handler {
    color: #B3B3B3;
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    box-shadow: 0px 3px 8px 0px rgba(3, 3, 3, 0.05);
}

.art-foot .item .i-handler:hover {
    background: linear-gradient(90deg, rgba(253, 97, 42, 1), rgba(245, 38, 44, 1));
    color: #fff;
}

.art-foot .item .i-handler i {
    display: block;
    margin: 10px auto 2px;
    width: 30px;
    height: 30px;
    background: url(../images/common/icon-05.png) no-repeat;
}

.art-foot .item .i-handler i.i-weixin {
    background-position: 0 0;
}

.art-foot .item .i-handler i.i-weibo {
    background-position: -30px 0;
}

.art-foot .item .i-handler i.i-msg {
    background-position: -60px 0;
}

.art-foot .item .i-handler:hover i.i-weixin {
    background-position: 0 -30px;
}

.art-foot .item .i-handler:hover i.i-weibo {
    background-position: -30px -30px;
}

.art-foot .item .i-handler:hover i.i-msg {
    background-position: -60px -30px;
}

.art-foot .item .i-tip {
    display: none;
    width: 110px;
    height: 110px;
    background: #fff;
    padding: 9px;
    box-shadow: 0px 3px 8px 0px rgba(3, 3, 3, 0.05);
    left: 90px;
    top: -24px;
    position: absolute;
}

.art-foot .item .i-tip:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    left: -8px;
    border-right-color: transparent;
    border-top-color: transparent;
    top: 57px;
    transform: rotate(45deg);
}

.art-foot .item .i-tip img {
    width: 110px;
    height: 110px;
}

.art-foot .item:hover .i-tip {
    display: block;
}

.footer_tab {
    background-color: white;
    margin-bottom: 20px;
    padding: 0 0 35px 0;
    text-align: center;
}

.footer_tab .art-inner {
    
    margin-left: 78px;
}

.footer_tab .desc .title {
    color: #333333;
    position: relative;
    top: 13px;
    width: 250px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer_tab div a:hover {
    color: red;
}

.footer_tab .pages {
    color: #000000;
    font-size: 14px;
    width: 368px;
    display: inline-block;
    cursor: pointer;
}

.footer_tab .pages:hover .title {
    color: #FD472C;
}

.footer_tab .pages:hover .right {
    background: url(../images/right.png) center no-repeat #F0F0F0;

}

.footer_tab .pages:nth-child(1) {
    text-align: left;
}

.footer_tab .pages:nth-child(1) .desc {
    margin-left: 25px;
}

.footer_tab .pages:nth-child(2) {
    text-align: right;
}

.footer_tab .pages:nth-child(2) .desc {
    margin-right: 25px;
}

.footer_tab .pages .right {
    background: url(../images/right.png) center no-repeat #F7F7F7;
    display: inline-block;
    color: #666666;
    position: relative;
    top: 13px;
    cursor: pointer;
    width: 30px;
    height: 60px;
}

.footer_tab .pages .left {
    transform: rotate(180deg);
}

.footer_tab .pages .desc {
    display: inline-block;
}

.footer_tab .pages span {
    display: block;
    font-size: 16px;
}

.page-pc .art-content .zx-div {
    cursor: pointer;
}
.footer_tab .pages:nth-child(1) {
    text-align: left;
}.footer_tab .pages:nth-child(2) {
    text-align: right;
}
.page-pc .art-content .zx-div span {
    display: block;
    margin-top: 10px;
}