/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
/* article && quote*/
.top-l {width:440px;float:left;margin-right:10px;}
.top-r {width:440px;float:right;}
.headline h2 {text-align:center;font-size:22px;margin:10px 16px 0 16px;height:48px;line-height:48px;overflow:hidden;}
.subline {padding:0 24px;}
.subline li {height:32px;line-height:32px;overflow:hidden;font-size:14px;}
.subline .f_r {font-size:12px;color:#999999;padding-left:16px;font-style:normal;float:right;}
.keytags {font-size:14px;padding:16px 24px;}
/* catlist */
.childlist {padding:10px;line-height:24px;}
.childlist li {font-size:14px;height:28px;line-height:28px;background:url('li_dot.gif') no-repeat 4px 12px;padding:0 10px 0 12px;overflow:hidden;}

.catlist {padding-bottom:16px;line-height:32px;margin:16px;}
.catlist li {font-size:14px;height:32px;line-height:32px;background:url('li_dot.gif') no-repeat 6px center;padding:0 16px;overflow:hidden;}
.catlist i {font-style:normal;float:right;font-size:12px;color:#666666;}
.catlist .sp {background:#FFFFFF url('dot.gif') repeat-x 0 center;}

.subtitle {padding:10px 16px;margin:20px 0;line-height:32px;font-size:14px;border:#EEEEEE 1px solid;background:#FAFAFA;overflow:hidden;}
.subtitle li {width:50%;height:32px;overflow:hidden;float:left;}

.cate-list {background:#F6F6F6;overflow:hidden;width:900px;z-index:3;position:relative;}
.cate-box {width:440px;background:#FFFFFF;margin:10px 10px 0 0;float:left;border-radius:10px;}

/*资讯主页*/
.news-index-container {
    display: flex;
    justify-content: space-between;
}

.news-index-container .news-l {
    width: 900px;
}

.news-index-container .news-r {
    width: 260px;
}

.news-index-container .news-l .news-top-l {
    width: 260px;
}

.news-index-container .news-l .news-top-r {
    width: 600px;
}

.news-top-l .brand-product-index-list {
    width: 100%;
    height: 340px;
    overflow: hidden;
}

.news-top {
    display: flex;
    justify-content: space-between;
}

.news-top .hot-topic {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.news-top .hot-topic ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-top .hot-topic li {
    width: 290px;
    padding-right: 5px;
}

.news-top-main {
    height: 500px;
}

.news-top-main li {
    font: normal 18px / 42px "microsoft yahei";
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.news-top-main li:first-child {
    font: bold 28px / 46px "microsoft yahei";
}

.news-top-main li:first-child::before {
    display: inline-block;
    box-sizing: border-box;
    content: '行业\A头条';
    white-space: pre;
    color: #fff;
    background-color: #db214c;
    font-size: 12px;
    width: 46px;
    height: 46px;
    margin-right: 12px;
    line-height: 12px;
    padding-top: 10px;
    text-align: center;
}

.brand-product-index-list-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-product-index-list-title i {
    display: block;
    width: 32px;
    height: 22px;
    padding-right: 10px;
    background: #fff url(/static/skin/default2/img/sp.png) -155px -110px no-repeat;
}

.brand-product-index-list-title h3 {
    padding-right: 10px;
    font-size: 20px;
    color: #000;
    background: #fff;
    margin: 0;
}

.brand-product-index-list-title .line {
    border-bottom: 1px solid #e3e3e3;
    flex-grow: 1;
    height: 1px;
}

.brand-product-index-list-title .more-div {
    border-bottom: 0;
    flex-grow: 0;
    margin-left: 10px;
}

.brand-product-index-content  li {
    font-size: 16px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*资讯swiper*/
.news-swiper {
    width: 100%;
}

.news-swiper-head {
    display: flex;
    border-top: 2px solid #51a53b;
}

.news-swiper-head a{
    display: block;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f8f8f8;
}

.news-swiper-head a.on {
    color: #fff;
    background: #51a53b;
}

.news-swiper-info {
    width: 100%;
    height: 280px;
    overflow: hidden;
}



.flex {
    display: flex;
}

.cf {
    zoom: 1;
}

.tl-top-box {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #999;
    background: #f6f6f6;
    border-bottom: 1px solid #e3e3e3;
}

.tl-top {
    position: relative;
    width: 1200px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.tl-top-site {

}

.tl-top-l {

}

.tl-top-site {

}

.tl-top-ewm {
    position: relative;
    z-index: 999;
    width: 36px;
    height: 36px;
    background: url(/static/skin/default2/img/top-ewm.png) center center no-repeat;
}

.sdiv {
    display: none;
    position: absolute;
    top: 36px;
    right: -1px;
    z-index: 1000;
    padding: 10px 10px 0;
    color: #333;
    text-align: center;
    background: #fff;
    border: 1px solid #e3e3e3;
}



.tl-top-menu a, .tl-top-menu2 a {
    display: inline-block;
    line-height: 12px;
    padding: 0 6px;
    color: #999;
    text-align: center;
}

.tl-top-menu a:hover, .tl-top-menu2 a:hover {
    color: red;
}

.tl-hd-index {
    width: 1200px;
    margin: 25px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*搜索*/

.tl-search-index {
    display: flex;
}

.tl-search-index button {
    width: 100px;
    height: 38px;
    font: 16px/38px "microsoft yahei";
    text-align: center;
    color: #fff;
    background: #db214c;
    border: 0 none;
    cursor: pointer;
}

.search_i {
    width: 269px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    color: #666;
    border: 1px solid #e3e3e3;
    text-indent: 10px;
}

.search_i:focus {
    outline: 1px solid #51a53b;
}

.hotline {
    display: block;
    width: 210px;
    margin-left: 20px;
    background: url(/static/skin/default2/img/icon-tel@2x.png) no-repeat left center;
    background-size: 40px;
    padding-left: 45px;
    vertical-align: middle;
}

.hotline i {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 23px;
}

.hotline b {
    font-size: 26px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    white-space: nowrap;
    color: #EC4041;
    line-height: 23px;
}

/*搜索*/

/*菜单栏*/
.tl-nav-wrap {
    width: 100%;
    height: 65px;
    margin-bottom: 40px;
    border-top: 5px solid #51a53b;
    border-bottom: 1px solid #e3e3e3;
}

.tl-nav-new {
    position: relative;
    width: 1200px;
    height: 105px;
    margin: 0 auto;
    font-size: 24px;
}

.tl-nav-new ul {
    width: 1200px;
}

.tl-nav-new li {
    float: left;
    color: #333;
}

.tl-nav-new li dt.on {
    color: #fff;
    background: #51a53b;
}

.tl-nav-new li dt.on a, .tl-nav-new li dt.on i {
    color: #fff;
}

.tl-nav-new li dt.on:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.tl-nav-new li dt {
    position: relative;
    height: 65px;
    text-align: center;
    border-left: 1px solid #e3e3e3;
}

.tl-nav-new li dt a {
    padding: 8px 48px;
    display: block;
}

.tl-nav-new li dt i {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.tl-nav-new li dd {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 998;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    background: #fff;
}

.tl-nav-new li dd a {
    float: left;
    margin: 0 15px 0 0;
    font-size: 14px;
    color: #666;
}
/*菜单栏*/

.article-nav, .article-nav a, .article-nav i {
    color: #999;
}

.article-nav i {
    font-style: normal;
    font-weight: bold;
    padding: 0 6px;
    font-family: simsun;
}

.news-ad {
    width: 350px;
}

.tl-news-list {
    width: 825px;
    overflow: hidden;
}

.tl-news-list li, .news-swiper-info li {
    box-sizing: border-box;
    display: flex;
    padding: 20px 10px;
    border-left: 3px solid #fff;
    border-bottom: 1px solid #eee;
}

.tl-news-list li:hover {
    background: #f1f1f1;
    border-left: 3px solid #51a53b;
}

.tl-news-list li h2,.tl-news-list li p {
    margin: 0;
}

.tl-news-list li h2 {
    font-size: 22px;
    font-weight: normal;
}

.tl-news-list li p {
    font-size: 14px;
    color: #999;
}

.news-item-img {
    width: 180px;
    height: 135px;
    background-size: cover;
    background-position: center center;
    margin-right: 15px;
}

.news-item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*详情*/
.article-info-view-l {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}

.article-info-view-l .article-info h2 {
    margin: 45px 0;
    font-size: 32px;
    line-height: 45px;
    border-left: 4px solid #51a53b;
    padding-left: 10px;
}

.article-info-view-l .introduce {
    margin: 15px 0;
    border-top: 1px  solid #eee;
}

.article-info-view-l .read-more {
    border: 1px solid #51a53b;
    padding: 15px;
    width: 800px;
}

.article-info-view-l .read-more .read-more-title {
    font-size: 18px;
    color: #db214c;
    margin-bottom: 15px;
}

.read-more-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.read-more-info .read-more-item {
    width: 375px;
    margin-bottom: 10px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wy-tt {
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    overflow: hidden;
    background: url(/static/skin/default2/img/tit-r-bg.gif) 0 3px repeat-x;
}

.wy-tt h2, .wy-tt h3 {
    float: left;
    height: 35px;
    line-height: 35px;
    margin: 0 !important;
    padding: 1px 10px 20px 20px;
    font-size: 20px;
    background: #fff url(/static/skin/default2/img/tit-r.gif) no-repeat;
}

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

.wy-brand-hot li {
    float: left;
    width: 46%;
    line-height: 35px;
    margin: 0 2%;
    font-size: 16px;
}

.brand-top-content {
    height: 300px;
    overflow: hidden;
}

.brand-top-content .swiper-slide {
    box-sizing: border-box;
    width: 50%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* 大咖推荐栏目列表 */
.wy-album-list li {
    float: left;
    position: relative;
    width: 547px;
    height: 322px;
    margin: 0 10px 15px;
    padding: 20px 15px;
    background: #fff;
    border-top: 3px solid #fff;
}

.wy-album-list li:hover {
    border-top: 3px solid #51a53b;
}

.wy-album-list li .left {
    float: left;
    width: 80px;
    margin-right: 10px;
}

.wy-album-list li .left i {
    float: left;
    display: block;
    width: 76px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    color: #db214c;
    background: url("/static/skin/default2/img/sp-tp.png") 0 -355px no-repeat;
}

.wy-album-list li .left li:hover {
    border-left: 3px solid #51a53b;
}

.wy-album-list li .left li:hover i {
    color: #fff;
    background: url("/static/skin/default2/img/sp-tp.png") -80px -355px no-repeat;
}

.wy-album-list li:hover .left i {
    color: #fff;
    background: url("/static/skin/default2/img/sp-tp.png") -92px -355px no-repeat;
}

.wy-album-list li .right {
    float: left;
    width: 450px;
}

.wy-album-list li .right h2 {
    height: 64px;
    font: normal 24px/32px "microsoft yahei";
    text-align: justify;
    overflow: hidden;
}

.wy-album-list li .right p {
    height: 66px;
    line-height: 22px;
    margin: 15px 0 30px;
    text-align: justify;
    color: #999;
    overflow: hidden;
}

.wy-album-list li .right a:hover {
    text-decoration: none;
    color: #db214c;
}

.wy-album-list li .right span {
    display: block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    padding-left: 25px;
}

.wy-album-list li .right em {
    display: block;
    padding: 20px 0;
}

.wy-album-list li .right em a {
    margin-right: 10px;
    cursor: pointer;
}

.wy-album-list li .right .imglist img {
    float: left;
    display: block;
    width: 118px;
    height: 90px;
    margin-right: 10px;
    overflow: hidden;
}

.wy-album-list li .right .imglist span {
    display: block;
    padding-top: 30px;
    text-align: center;
}

.wy-album-list li .right .imglist i {
    width: 28px;
    height: 8px;
    margin-left: 18px;
    background: url("/static/skin/default2/img/sp-tp.png") -210px -150px no-repeat;
}

.wy-dk-xfd {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 126px;
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.3));
}

.wy-dk-xfd a {
    display: block;
    width: 200px;
    height: 32px;
    line-height: 30px;
    margin: 62px auto 0;
    color: #fff;
    text-align: center;
    background: #db214c;
    box-shadow: 0 4px 20px 0 rgba(219,33,76,.5);
    border-radius: 16px;
}

.wy-dk-xfd a:hover {
    color: #fff;
}



.wy-album-list li:hover .wy-dk-xfd {
    display: block;
}

@media screen and (max-width: 1650px) {
    .wy-xfd-right {
        top:50px;
    }
}

@keyframes szdj {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

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