﻿.ad-1{margin-bottom: 10px;}
.ad-1 img{width: 100%; height: auto;border-radius: 3px;overflow: hidden;}
.ad-2{margin-bottom: 10px;}
.ad-2 img{width: 100%; height: auto;border-radius: 3px;overflow: hidden;}
.wrap_article {position: relative;margin-top: 20px;margin-bottom: 20px}
.pull-right {float: right!important}
.pull-left {float: left!important}
.main{/* width: 860px;float: left; */transition: all .3s ease-out 0s;}
.slider-wrap { margin-bottom: 20px;}
.main-slider {/* width: 668px; */width:79%;height: 450px;overflow: hidden;direction: ltr;background: #fff;border-radius: 3px}
.main-slider .swiper-slide {position: relative}
.main-slider .swiper-slide>a {display: block;height: 100%}
.main-slider .swiper-slide img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: all .3s ease-out 0s}
.main-slider .swiper-slide:hover img {-webkit-transform: scale(1.02);transform: scale(1.02);transition: all .3s ease-out 0s}
.main-slider .slide-title {position: absolute;z-index: 1;width: 100%;bottom: 0;left: 0;padding: 3px 15px 0;margin: 0;font-size: 16px;line-height: 48px;font-weight: 400;color: #fff;box-sizing: border-box;background: #333;background: linear-gradient(180deg, transparent, rgba(0,0,0,.5))}
.main-slider .slide-title a {display: block;color: #fff;width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal}
.main-slider .slide-title a:focus, .main-slider .slide-title a:hover {text-decoration: none}

.main-slider .swiper-button-next, .main-slider .swiper-button-prev {width: 44px;height: 44px;margin-top: -22px;opacity: 0;background: none;transition: all .3s}
.main-slider .swiper-button-next:before, .main-slider .swiper-button-prev:before {display: block;width: 100%;height: 100%;background: rgba(0,0,0,.2);border-radius: 50%;content: ""}
.main-slider .swiper-button-next:after, .main-slider .swiper-button-prev:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");background-size: 10px 18px;background-repeat: no-repeat;background-position: 50%;content: ""}
.main-slider .swiper-button-next:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.main-slider .swiper-button-prev {left: -10px}
.main-slider .swiper-button-next {left: auto;right: -10px}
.main-slider:hover .swiper-button-next, .main-slider:hover .swiper-button-prev {opacity: .7}
.main-slider:hover .swiper-button-next:hover, .main-slider:hover .swiper-button-prev:hover {opacity: 1}
.main-slider:hover .swiper-button-prev {left: 10px}
.main-slider:hover .swiper-button-next {right: 10px}

.main-slider .swiper-pagination {width: auto;right: 15px;left: auto;bottom: 20px;z-index: 2;height: 6px;font-size: 0;	transition: .3s;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 10;	position: absolute;text-align: center;}
.main-slider .swiper-pagination span {height: 6px;width: 8px;margin: 0 3px!important;border-radius: 6px!important;background-color: hsla(0,0%,100%,.8);transition: all .3s ease-out 0s;vertical-align: top}
.main-slider .swiper-pagination span:hover {background-color: #DE0539}
.main-slider .swiper-pagination .swiper-pagination-bullet-active {width: 18px;background-color: #DE0539;transition: all .3s ease-out 0s}
	
.feature-post {width:20%;/* width: 180px; */height: 450px; padding: 0;margin: 0;list-style: none}
.feature-post ._li {position: relative; height: 105px;border-radius: 3px;overflow: hidden;background: #fff}
.feature-post a {display: block}
.feature-post img {width:100%;height: 100%;/* width: 180px;height: 105px;*/vertical-align: top;}
.feature-post span {position: absolute;display: block;left: 0;bottom: 0;width: 100%;height: 26px;padding: 0 10px;line-height: 26px;color: #fff;font-size: 12px;background: rgba(0,0,0,.3);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal}


.sec-panel{margin-bottom: 10px;padding:5px 15px; background: #fff;}
.sec-panel .sec-panel-head {position: relative;margin-bottom: 0;}
.sec-panel .sec-panel-head h2{position: relative; margin: 0;padding: 0;font-size: 18px;font-weight: 500;border-bottom: 2px solid hsla(0,0%,39%,.1);line-height: 48px;border-bottom-width: 1px;}
.sec-panel .sec-panel-head h2:after{ content: ""; background-color: #DE0539; left: 0; width: 50px; height: 2px; bottom: -1px; position: absolute; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s }
.sec-panel .sec-panel-head:hover h2:after{ width: 100px }
.sec-panel .sec-panel-head h2 span{position: relative;display: inline-block;padding-bottom: 0;}
.sec-panel .sec-panel-head h2 span.renwu:before{font-family: "iconfont";content: '\e6dc';font-size:20px; color: #DE0539;margin-right: 5px;}
.sec-panel .sec-panel-head h2 span.wenxian:before{font-family: "iconfont";content: '\100d9';font-size:20px; color: #DE0539;margin-right: 5px;}
.sec-panel .sec-panel-head h2 span.dongtai:before{font-family: "iconfont";content: '\e6b4';font-size:20px; color: #DE0539;margin-right: 5px;}

.sec-panel .sec-panel-head small {line-height: 1;font-size: 12px;margin-left: 10px;color: #999;font-weight: 400;}
.sec-panel .sec-panel-head i.more {display:block;float: right;}
.sec-panel .sec-panel-head i.more:before{font-family: "iconfont";content: '\e6f5';font-size:20px; color: #999;}
.sec-panel-box .item {position: relative;padding: 10px 0;overflow: hidden;border-bottom: 1px solid #efefef;}
.sec-panel-box .item:hover {background: #fafafa;}
.sec-panel-box .item .-img {position: relative;float: left;width: 30%;overflow: hidden;border-radius: 3px;transition: box-shadow .3s ease 0s}
.sec-panel-box .item .-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.sec-panel-box .item .-img .item-cat {position: absolute;left: 0px;top: 0px;padding: 5px 6px;font-size: 10px;line-height: 1;color: #fff;background-color: #000;filter: alpha(opacity=60);background: rgba(0,0,0,.6);border-radius: 2px;text-decoration: none}
.sec-panel-box .item:hover .-img .item-cat{background-color: #DE0539;}
.sec-panel-box .item .item-content {margin-left: 32%}
.sec-panel-box .item .item-content .item-title {font-family: inherit;font-weight: 500;margin: 0 0 5px;font-size: 15px;line-height: 1.3}
.sec-panel-box .item .item-content .item-title a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec-panel-box .item .item-content .item-desc{height: 44px;color: #999;font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2}
.sec-panel-box .item .item-content .item-meta {color: #999;font-size: 12px;margin-top: 15px;}
.sec-panel-box .item .item-content .item-meta span {display: inline-block;margin-right: 15px;vertical-align: top;line-height:2;}
.sec-panel-box .item .item-content .item-meta span.date::before{font-family: "iconfont";content: '\e67c';    margin-right: 5px;}
.sec-panel-box .item .item-content .item-meta span.views::before{font-family: "iconfont";content: '\e650';    margin-right: 5px;}

.panel-box2 .item .-img {width:20%;}
.panel-box2 .item .item-content {margin-left:22%;}
.panel-box2 .item .item-content .item-title{margin: 0 0 10px;font-size: 20px;}
.panel-box2 .item .item-content .item-title a{max-height: 56px;white-space:inherit;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2;text-decoration: none;}
.panel-box2 .item .item-content .item-meta {position: absolute;bottom: 10px;}

.panel-box3 .item{padding-top: 10px;margin-top: 20px;}
.panel-box3 .item .-img {float: none;margin-bottom: 10px; width:100%;overflow: hidden;border-radius: 3px;transition: box-shadow .3s ease 0s;}
.panel-box3 .item .item-content{margin-left: 0;width: 100%;}
.panel-box3 .item .item-content .item-title a{height: 50px;line-height: 25px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2;text-decoration: none;white-space: inherit;}
.panel-box3 .item .item-content .item-meta {position: relative;}
.panel-box3 .item .item-content .item-meta span.views{float: right;margin-right:0;}

.right-widget {padding:15px;margin-bottom: 20px;background: #fff}
.right-widget .title {position: relative;margin-top: -10px;}
.right-widget .title h2{position: relative; margin: 0;padding-bottom:5px;font-size: 18px;font-weight: 500;border-bottom: 2px solid hsla(0,0%,39%,.1);line-height: 40px;border-bottom-width: 1px;}
.right-widget .title h2:after{ content: ""; background-color: #DE0539; left: 0; width: 50px; height: 2px; bottom: -1px; position: absolute; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s }
.right-widget .title:hover h2:after{ width: 100px }
.right-widget .title h2 span:before{font-family: "iconfont";content: '\e6f5';font-size:20px; color: #DE0539;margin-right: 5px;}
.right-widget .title h2 span.zhaopin:before{font-family: "iconfont";content: '\e6ae';font-size:20px; color: #DE0539;margin-right: 5px;}
.right-widget .title h2 span.tuijian:before{font-family: "iconfont";content: '\e6f0';font-size:20px; color: #DE0539;margin-right: 5px;}
.right-widget .title h2 span.huizhan:before{font-family: "iconfont";content: '\e6b5';font-size:20px; color: #DE0539;margin-right: 5px;}
.right-widget .title h2 span.remen:before{font-family: "iconfont";content: '\e6b1';font-size:20px; color: #DE0539;margin-right: 5px;}
.right-widget .title h2 span.newtop:before{font-family: "iconfont";content: '\e7d1';font-size:20px; color: #DE0539;margin-right: 5px;}

.right-widget .title h2 i.more {display:block;float: right;}
.right-widget .title h2 i.more:before{font-family: "iconfont";content: '\e6f5';font-size:20px; color: #999;}

.right-widget .-title {position: relative;margin: 0 0 10px;padding: 0 0 0 12px;font-size: 16px;font-weight: 500;line-height: 1}
.right-widget .-title:before {position: absolute;left: 0;top: 0;width: 4px;height: 100%;content: "";background: #DE0539;border-radius: 2px}
.right-widget ul .item {border-bottom: 1px dashed #efefef;margin: 0;padding: 7px 0 6px;position: relative;overflow: hidden}
.right-widget ul .item:last-child {padding-bottom: 0;border-bottom:0}
.right-widget ul .item .-img {float: left;width:87px;overflow: hidden;border-radius: 3px}
.right-widget ul .item .-img img {width: 100%;}
.right-widget ul .item .-content {margin-left: 97px}
.right-widget ul .item .-content .-tit {height: 38px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.4}
.right-widget ul .item .-content .-tit a {color: #333}
.right-widget ul .item .-content .-date {margin: 0;font-size: 12px;color: #999;line-height: 14px}
.right-widget.right-widget-swiper{margin-top: 20px;}
.right-widget-swiper{margin-top: -15px;}
.right-widget-swiper .-title{margin: 0;}
.right-widget-swiper .main-slider {width:100%;height: 220px;overflow: hidden;direction: ltr;background:none;border-radius: 3px;}
.right-widget-swiper .main-slider .swiper-pagination {bottom: auto;top: 10px;right: 10px;}
.right-widget-swiper .main-slider .slide-title {font-size: 16px;line-height: 40px;}
.right-widget-swiper .main-slider .slide-title a {width:100%;}
.right-widget-swiper .slider-wrap{margin-bottom: 10px;}

.right-widget .box{padding-top: 10px}
.right-widget .box li{border-bottom:1px dashed #ddd;padding:.5em 0}
.right-widget .box li:first-child{padding-top:0}
.right-widget .box li:last-child{border:none;padding-bottom:0}
.right-widget .box li a{margin-left:28px;display:block;line-height:2.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right-widget .box .list{float:left;font-size:16px;font-style:italic;font-weight:800;line-height:1.8;color:#999;}
.right-widget .box .red{color:#DE0539;line-height:1.8;}

.right-widget .box2{padding-top: 10px}
.right-widget .box2 a{display:block;line-height:24px;border-bottom:1px dashed #ddd;padding:.5em 0}
.right-widget .box2 a:last-child{border:none;padding-bottom:2px}
.right-widget .box2 a .list{float:left;font-size:16px;width:19px;margin-right: 5px;font-style:italic;font-weight:800;color:#999;}
.right-widget .box2 .list.red{color:#DE0539;}
.right-widget .box2 .bt{float:left;width:calc(100% - 105px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right-widget .box2 .data{float:right;width: 70px;font-size: 12px;color:#999;}

.article-search-hd{ background:url(images/article_bg.jpg) #222631 no-repeat; height:100px;}
.article-search-hd .wrap{height:100%;display: flex;}
.article-search-hd .hd-search{margin:26px auto;}
.article-search-hd .hd-search form{display:inline-block;}
.article-search-hd .hd-search .f-search{display:inline-block;}
.article-search-hd .f-search .text{ width:500px; height:28px; padding:10px 10px 10px 20px; font-size:16px; border-radius:24px 0 0 24px; border:0; float:left;}
.article-search-hd .f-search .ui-btn-submit{ float:left; width:114px; height:48px; line-height:48px; color:#fff; background-color:#f42424; border:0; border-radius:0 24px 24px 0; font-size:16px; outline:0; cursor:pointer; text-align:center;}
.article-search-hd .f-search .iconfont{ font-size:18px; margin-right:3px; vertical-align:middle;}
