/* ===== 文章分类 Tab（对齐案例列表页 designCase .content .tab 样式） ===== */
.article-tab{width: 100%;background: rgba(255,255,255,0.7);padding: 35px 145px 0;}
.article-tab .tab{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;margin-bottom: 0px;}
.article-tab .tab a{font-size: 20px;color: #000000;padding: 0px 8px;margin: 0 35px;margin-bottom: 40px;position: relative;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.article-tab .tab a::after{position: absolute;width: 100%;height: 4px;content: none;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;bottom: 0;left: 0;}
.article-tab .tab a:hover, .article-tab .tab a.active{color: #f33142;}
.article-tab .tab a:hover::after, .article-tab .tab a.active::after{background: #f33142;}

@media (min-width: 1200px){
	.article-tab .tab a{font-size: 18px;margin-bottom: 0;padding-bottom: 35px;position: relative;padding-left: 17px;padding-right: 17px;margin-left: 10px;margin-right: 10px;}
	.article-tab .tab a:hover::after{background: #f33142;}
	.article-tab .tab a::after{position: absolute;width: 100%;height: 5px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;content: '';}
}

@media (max-width: 1399px){
	.article-tab{padding-left: 50px;padding-right: 50px;}  
}

@media (max-width: 575px){
	.article-tab{padding: 10px 10px 10px;}
	.article-tab .tab{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: initial;-ms-flex-flow: initial;flex-flow: initial;overflow-x: scroll;}
	.article-tab .tab a{white-space: nowrap;font-size: 14px;margin: 5px 10px;margin-top: 0;margin-bottom: 0;padding: 10px 5px;}
}
.DynamicNewsList{padding: 0 130px 20px  130px;}
.DynamicNewsList ul{margin-top: 50px;}
.DynamicNewsList ul li{margin-bottom: 30px;}
.DynamicNewsList ul li a{padding: 20px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.DynamicNewsList ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.DynamicNewsList ul li a .img{width: 47.41%; overflow: hidden;}
.DynamicNewsList ul li a .img img{width: 100%; -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.DynamicNewsList ul li a:hover{box-shadow: 0px 0px 10px 6px #efefef;}
.DynamicNewsList ul li a:hover .text .title{color: #f33142;}
.DynamicNewsList ul li a .text{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding-left: 70px;}
.DynamicNewsList ul li a .text .title{margin-bottom: 25px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;font-size: 24px;color: #000;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.DynamicNewsList ul li a .text .title span{width: 46px;height: 27px;background: #db0511;font-size: 14px;color: #ffffff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-right: 20px;}
.DynamicNewsList ul li a .text .title p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;}
.DynamicNewsList ul li a .text .desc{font-size: 14px;color: #000;margin-bottom: 85px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 62px;}
.DynamicNewsList ul li a .text .other{padding-top: 20px;border-top:1px solid #e7e7e794;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-size: 13px;color: #8a8a8a;}
.DynamicNewsList ul li a .text .other .date, .DynamicNewsList ul li a .text .other .views{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.DynamicNewsList ul li a .text .other .date{margin-right: 40px;}
.DynamicNewsList ul li a .text .other .iconimg{margin-right: 10px;}
.DynamicNewsList .commonPaging{margin-top: 40px;margin-bottom: 60px;}
@media (max-width: 1399px){
	.DynamicNewsList ul li a .text{padding-left: 50px;}
	.DynamicNewsList{padding: 0 50px;}
}

@media (max-width: 1199px){
	.DynamicNewsList ul li a{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.DynamicNewsList ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.DynamicNewsList ul li{width: 50%;}
	.DynamicNewsList ul li a .text{padding-left: 0;margin-top: 30px;}
	.DynamicNewsList ul li a .text .desc{margin-bottom: 30px;}
	.DynamicNewsList ul li{padding-right: 10px;margin-bottom: 20px;}
	.DynamicNewsList ul li:nth-of-type(2n+0){padding-left: 10px;padding-right: 0;}
	.DynamicNewsList ul li a{box-shadow: 0 2px 12px rgba(0,0,0,0.3);}
	.DynamicNewsList ul{margin-top: 40px;}
}

@media (max-width: 575px){
	.DynamicNewsList{padding: 0 10px;}
	.DynamicNewsList ul li{padding-right: 5px;margin-bottom: 10px;}
	.DynamicNewsList ul li:nth-of-type(2n+0){padding-left: 5px;}
	.DynamicNewsList ul{margin-top: 30px;}
	.DynamicNewsList ul li a .img{width: 100%;}
	.DynamicNewsList ul li a .text .title{font-size: 16px;}
	.DynamicNewsList ul li a .text .title span{margin-right: 10px;font-size: 12px;width: 35px;height: 20px;}
	.DynamicNewsList ul li a .text{margin-top: 10px;}
	.DynamicNewsList ul li a .text .title{margin-bottom: 5px;}
	.DynamicNewsList ul li a .text .desc{height: auto;font-size: 12px;}
	.DynamicNewsList ul li a .text .desc{margin-bottom: 10px;}
	.DynamicNewsList ul li a .text .other{padding-top: 10px;}
	.DynamicNewsList .commonPaging{margin-top: 30px;margin-bottom: 30px;}
	.DynamicNewsList ul li a{padding: 10px;}
	.DynamicNewsList ul li a .text .other{padding-top: 6px;}
	.DynamicNewsList ul li a .text .other .date{margin-right: 10px;}
	.DynamicNewsList ul li a .text .other .iconimg{margin-right: 5px;}
	.DynamicNewsList ul li a .text .other{font-size: 12px;}
	.DynamicNewsList ul li a .text .other .iconimg{margin-right: 3px;}
	.DynamicNewsList ul li a .text .other .date{margin-right: 5px;}
	.DynamicNewsList ul li a .text .other .iconimg img{width: 10px;}
	.DynamicNewsList ul li a .text .other .iconimg{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
	.DynamicNewsList ul li a .text .other .date{margin-right: 10px;}
	.DynamicNewsList ul li{width: 100%;padding-right: 0;padding-left: 0;}
	.DynamicNewsList ul li:nth-of-type(2n+0){padding-left: 0;}
	
}