body{background:#FAFBFD}
.banner{background-color:#58a1ff;background:linear-gradient(to right,#3d97ff 50%, #487aff 50%)}
.banner1{background-color:#5da0f7;background:linear-gradient(to right,#5da0f7 50%, #8abcfb 50%)}
.banner2{background-color:#7587fe;background:linear-gradient(to right,#7587fe 50%, #8f9efb 50%)}
.banner3{background-color:#f79c43;background:linear-gradient(to right,#f79c43 50%, #ff7244 50%)}
.banner4{background-color:#95b083;background:linear-gradient(to right,#95b083 50%, #7da366 50%)}
.banner .title-area,.banner1 .title-area,.banner2 .title-area,.banner3 .title-area,.banner4 .title-area{width:44%;position:absolute;left:5%;top:50%;transform:translateY(-50%);text-align:left;line-height:1.75;font-size:16px;color:#fff}
.banner .title-area h1,.banner1 .title-area h1,.banner2 .title-area h1,.banner3 .title-area h1,.banner4 .title-area h1{font-size:56px;line-height:1}
.banner .title-area p,.banner1 .title-area p,.banner2 .title-area p,.banner3 .title-area p,.banner4 .title-area p{max-height:84px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

/*.secnav ul{display:flex;justify-content:center;align-items:center;background:#fff}
.secnav li{position:relative;margin:0 25px;font-size:16px}
.secnav li a{display:block;padding:15px 25px}
.secnav li .arrow{display:inline-block;width:6px;height:6px;border-right:2px solid #333;border-bottom:2px solid #333;transform:translate3d(6px,-2px,0) rotateZ(45deg);transition:transform .3s}
.secnav li.hover{background:#E2F5FF}
.secnav li.hover a,.secnav-more-wrap a:hover{color:#399eff}
.secnav-more-wrap a:hover{transform:translateY(-3px)}
.secnav li.hover .arrow{transform:translate3d(6px,1px,0) rotateZ(225deg);border-color:#399eff}
.secnav-more-wrap{height:50px;position:relative}
.secnav-more-wrap .item{position:absolute;left:0;right:0;top:0;background:#E2F5FF;text-align:center}
.secnav-more-wrap a{display:inline-block;margin:0 20px;line-height:50px;transition:transform .3s}*/
.article-tab-wrap{height:178px}
.article-tab-wrap .tab-wrap-area{padding:20px 0;background:#fff}
.article-tab-wrap .tab-wrap-area.fixed{position:fixed;z-index:98;left:0;right:0;top:62px;box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.07)}
.article-tab-area a{font-size:16px}
.article-tab-area a,.article-tab2-area a{display:inline-block;padding:4px 12px;background:#F2F2F2;border-radius:4px;margin-right:20px;border:1px solid transparent}
.article-tab-area a:hover{background:#ECF5FB;color:#1996F2;border-color:#1996F2}
.article-tab-area a.cur{background:#1996F2;color:#fff}
.article-tab2-area a:hover{background:#FCEEDF;color:#FF8203;border-color:#FF8203}
.article-tab2-area a.cur{background:#FF8203;color:#fff}

.tag-bt{display:inline-block;vertical-align:top;background:#E84C4C;color:#fff;padding:0 6px;border-radius:4px;font-size:12px}
.content{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px}
.tab-link{position:absolute;right:0;top:8px}
.tab-link a{margin:0 10px}
.tab-link a:nth-child(1){margin-left:0}
.tab-link a:nth-last-child(1){margin-right:0}

.newslist{flex-grow:1;flex-shrink:1;margin-right:3%}
.newslist .item{margin-bottom:30px;display:flex;align-items:center}
.newslist .item .img{width:200px;height:118px;box-sizing:border-box;border:2px solid #eee;border-radius:8px}
.newslist .item .texts{height:120px;flex-grow:1;padding:2px 0 2px 2%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.newslist .item .texts .desc{height:40px;overflow:hidden;color:#626262}
.newslist .item p.clear{width:100%}
.newslist .item .icon-liulanliang{margin-right:4px}
.newslist .item h2{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newslist .item:hover .img{border-color:#129EFB}
.newslist .item:hover h2 a{color:#129EFB}

.cardarea{padding-bottom:100px}
.cardarea h3 a{display:inline-block;font-size:32px;color:#4889DE;position:relative;z-index:2;transition:.1s}
.cardarea h3 a:before,.cardarea h4 a:after{display:block;content:"";position:absolute;border-radius:50%;z-index:-1;transition:.3s}
.cardarea h3 a:before{width:36px;height:36px;top:-14px;left:-12px;background:linear-gradient(-45deg,#F4F5F7 0,#B5D4FC 100%)}
.cardarea h3 a:after{width:20px;height:20px;bottom:-10px;right:42px;background:linear-gradient(-45deg,#B5D4FC 0,#F4F5F7 100%)}
.cardarea h3 a:hover{color:#FF8203}
.cardarea h3 a:hover:before{background:linear-gradient(-45deg,#F4F5F7 0,#FF8203 100%)}
.cardarea h3 a:hover:after{background:linear-gradient(-45deg,#FF8203 0,#F4F5F7 100%)}
.cardarea h3 i{display:inline-block;vertical-align:4px;width:26px;height:26px;margin-left:20px;border-radius:50%;text-align:center;line-height:26px;font-size:18px;border:1px solid #4889DE;transition:.3s}
.cardarea h3 a:hover i{border-color:#FF8203}
.cardarea .cardlist{display:flex;flex-wrap:wrap;margin-top:30px}
.cardarea .cardlist .item{max-width:14%;height:194px;flex:0 0 14%;margin:0 1.33% 3% 1.33%;padding:2% 1%;background:#fff;border:1px solid #efefef;box-sizing:border-box;border-radius:12px;box-shadow:10px 10px 20px rgba(185, 185, 185, .3);position:relative;z-index:3;transform-style:preserve-3d}
.cardarea .cardlist .card-avatar{text-align:center}
.cardarea .cardlist .card-avatar img{width:auto;max-width:100%;height:45px;transition:all .3s ease-in-out}
.cardarea .cardlist .card-text{margin-top:30px;text-align:center;white-space:nowrap}
.cardarea .cardlist .card-text h4{overflow:hidden;text-overflow:ellipsis}
.cardarea .cardlist .card-text a{font-size:18px;font-weight:500}
.cardarea .cardlist .card-text span{display:block;margin-top:8px;font-size:16px;color:#60688E}
.cardarea .cardlist .card-intro{display:none;position:absolute;top:206px;left:0;right:0;padding:14px;background:#5E5E5F;color:#fff;border-radius:6px}
.cardarea .cardlist .card-intro:after{display:block;content:"";position:absolute;left:49%;top:-10px;border:6px solid transparent;border-bottom-color:#5E5E5F}
.cardarea .cardlist .item:hover{z-index:4}
.cardarea .cardlist .item:hover img{transform:rotateY(360deg)}
.cardarea .cardlist .item:hover .card-intro{display:block}
.cardarea .cardlist .item:hover a{color:#4889DE}

.sidebar{width:22%;min-width:370px;flex-shrink:0}
.recommend-tw,.recommend-text,.words-cloud{padding:25px;background:#fff;border-radius:20px;box-shadow:0 10px 16px #DFE3F5}
.recommend-tw .icon-dir,.recommend-text .icon-dir2{vertical-align:bottom}
/*text*/
.recommend-text h4 .icon-dir2{font-size:18px}
.recommend-text li{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #ddd}
.recommend-text li:nth-last-child(1){border-bottom:none;padding-bottom:0}
.recommend-text li .title{height:40px;overflow:hidden;flex-grow:1;position:relative}
.recommend-text li .title a{max-height:40px;position:absolute;top:50%;transform:translateY(-50%);text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.recommend-text li .title a:hover{color:#129EFB}
.recommend-text li .time{width:92px;flex-shrink:0;text-align:right}

/*text and picture*/
.recommend-tw li{margin-bottom:30px;display:flex;align-items:center}
.recommend-tw li:nth-last-child(1){margin-bottom:0}
.recommend-tw li .img{width:169px;height:100px;box-sizing:border-box;border:2px solid #eee;border-radius:8px}
.recommend-tw li .texts{height:100px;flex-grow:1;padding-left:3%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.recommend-tw li h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.recommend-tw li .texts .desc{height:40px;overflow:hidden;color:#626262}
.recommend-tw li p.clear{width:100%}
.recommend-tw li .icon-liulanliang{margin-right:2px}
.recommend-tw li:hover .img{border-color:#129EFB}
.recommend-tw li:hover a{color:#129EFB}
.words-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px}
.words-cloud a{display:inline-block;padding:5px;height:18px;text-decoration:none;line-height:18px}

.newsdetail{min-width:910px;flex-grow:1;flex-shrink:1;padding-right:3%}
.newsdetail .top{display:flex;justify-content:space-between;align-items:center}
.newsdetail .top>div{flex-grow:1;color:#9B9B9B}
.newsdetail .top h1{white-space:nowrap;height:28px;max-width:100%;text-overflow:ellipsis;color:#333;line-height:1}
.newsdetail .top .recycle-btn{display:block;width:130px;height:42px;background:#FFA837;background:linear-gradient(to right,#FFC551,#FFA837);color:#fff;font-size:16px;text-align:center;line-height:42px;border-radius:21px}
.share-list a>img{width:20px;height:20px;vertical-align:text-top}
.sharewxlayout{width:180px;display:none;position:absolute;left:0;top:22px;background:#fff;border:1px solid #ddd}
.sharewxlayout .title{text-align:center;padding:5px 0;background:#eee}
.sharewxlayout .sharediv{margin:10px}
.share-list a.relative:hover .sharewxlayout{display:block}
.abstract{color:#129EFB}
.abstract b{display:inline-block;padding-left:4px;line-height:1;border-left:4px solid #129EFB}
.edit-text img{max-width:100%}
.avoid{color:#9b9b9b;padding:20px 0}

/*卡种滚动*/
.scroll-card{position:relative;margin-top:20px}
.scroll-card .arrow-left,.scroll-card .arrow-right{opacity:0.2;cursor:pointer}
.scroll-card .arrow-left:before,.scroll-card .arrow-right:before{width:16px;height:16px;content:"";border-top:4px solid #129EFB;position:absolute;top:45%}
.scroll-card .arrow-left:before{left:-32px;border-left:4px solid #129EFB;transform:rotateZ(-45deg)}
.scroll-card .arrow-right:before{right:-32px;border-right:4px solid #129EFB;transform:rotateZ(45deg)}
.scroll-card .arrow-left:hover,.scroll-card .arrow-right:hover{opacity:1;transition:.5s}
.scroll-card .swiper-container{height:200px;padding:32px 0;background:#F1F5FA;border-radius:14px}
.scroll-card .swiper-slide{width:1280px;text-align:left}
.scroll-card .swiper-slide-inner{display:inline-block;width:13%;margin-left:3%;min-height:180px;position:relative;box-sizing:border-box;border:2px solid transparent;background:#fff;box-shadow:0 0 16px rgba(223, 227, 245, 0.75);border-radius:8px}
.scroll-card .swiper-slide-inner>a{display:block;padding:44px 0;text-align:center}
.scroll-card .swiper-slide-inner .cardname{font-size:20px;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scroll-card .swiper-slide-inner:hover{border-color:#129EFB;transition:.75s}
.scroll-card .swiper-slide-inner:hover .cardname{color:#399eff}
.scroll-card .swiper-slide-inner img{max-width:100%;height:45px}
.scroll-card .swiper-slide-inner .recycle{display:block;color:#60688E;margin-top:10px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.recommend-news{padding:30px 40px;background:#F1F5FA}
.recommend-news li{float:left;position:relative;width:50%;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-news li a{display:inline-block;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-news li span{position:absolute;right:40px;color:#999}
.recommend-news li:nth-child(even) a{margin-left:40px}
.recommend-news li:nth-child(even) span{right:0}
.recommend-news li a:hover{color:#399eff}