.article-filter {padding-top:3%;padding-bottom:3%;display:flex;justify-content:space-between;}
.article-filter .links {overflow:hidden;display:flex;}
.article-filter .links a {display:block;height:50px;line-height:50px;width:120px;text-align:center;margin-right:2px;background:var(--root-but-bg);color:var(--root-but-color);font-size:16px;transition:all .3s;}
.article-filter .links a:hover,.article-filter .links a.hover {background:var(--root-but-hover);color:var(--root-but-hover-color);}

.article-filter .searchForm {height:50px;width:fit-content;display:flex;justify-content:space-between;}
.article-filter .article-form {background:var(--root-onwhite-bg);display:flex;justify-content:space-between;}
.article-filter .searchForm input {height:50px;line-height:50px;background:none transparent;border:none transparent;margin:0;outline:none;}
.article-filter .searchForm input[type="text"] {padding:0 15px;font-size:14px;color:#000;}
.article-filter .searchForm input[type="submit"] {padding:0;width:75px;text-align:center;background:var(--root-but-bg);color:var(--root-but-color);font-size:16px;}

.pageBanner {position:relative;color:#fff;min-height:240px;height:500px;background-size:cover;background-position:center;display:flex;align-items:center;width:100%;}
.pageBanner h2 {font-size:48px;line-height:2em;padding-bottom:0.5em;position:relative;}
.pageBanner h2::after {content:'';position:absolute;bottom:0;left:0;width:50px;height:5px;background:#fff;}
.pageBanner p{font-size:24px;padding:1em 0;}

.pageBanner.black {color:#000;}
.pageBanner.black h2::after {background:#000;}


.newslist {margin-top:2%;}
.newslist>ul {width:100%;display:flex;flex-wrap:wrap;}
.newslist>ul>li {margin-bottom:2%;background:#eee;width:32%;margin-right:2%;transition:all .3s;}
.newslist>ul>li:nth-child(3n) {margin-right:0;}
.newslist>ul>li a {display:block;padding:24px;}
.newslist>ul>li a.img {padding:0;display:block;width:100%;}
.newslist>ul>li a.img img {display:block;width:100%;min-height:200px;}

.newslist>ul>li h6 {margin-top:10px;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;}
.newslist>ul>li p {line-height:24px;height:48px;overflow:hidden;margin-top:19px;font-size:16px;}
.newslist>ul>li div {padding-top:20px;border-top:1px solid #eee;margin-top:24px;overflow:hidden;}
.newslist>ul>li div b{display:block;color:#000;font-size:30px;height:34px;line-height:34px;font-weight:normal;letter-spacing:1px;}
.newslist>ul>li div em{font-style:normal;height:20px;line-height:20px;font-size:16px;}
.newslist>ul>li div .arrow {margin-right:10px;height:55px;line-height:55px;font-size:26px;float:right;}
.newslist>ul>li:hover {box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);transform:translate3d(0,-5px,0);background:#f67524;}
.newslist>ul>li:hover * {color:#fff;}
.newslist>ul>li:hover .arrow {margin-right:0px;}

.news-content {padding-bottom:50px;display:flex;justify-content:space-between;}
.news-left {width:66%;background:var(--root-onwhite-bg);padding:50px;}
.news-left>.title {border-bottom:1px solid #ddd;padding-bottom:3%;position:relative;padding-right:120px;}
.news-left>.title h2 {font-size:24px;line-height:38px;color:#000;}
.news-left>.title p {color:#999;margin-top:1.5em;}
.news-left>.title .qrCode {position:absolute;width:100px;height:100px;top:-20px;right:0;}

.news-left>.title div {font-size:14px;line-height:40px;color:#666;}
.news-left>.title div span {margin-right:20px;}
.news-left>.article-content {width:100%;padding:0;margin-top:5%;}
/*.news-left>.shareIcons {margin-top:8%;padding:10px 0 30px 0;border:1px solid #e8e8e8;border-width:1px 0;text-align:center;}
.news-left>.shareIcons div {font-size:20px;line-height:40px;padding-bottom:10px;}
.news-left>.shareIcons span {display:inline-block;margin-right:50px;}
.news-left>.shareIcons span .aicf {display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;background:#f5f5f5;border-radius:50%;font-size:32px;color:#b5b5b5;}
.news-left>.shareIcons span .aicf:hover {background:#ddd;color:#f67524;}
*/
.news-left>.buts {overflow:hidden;padding:20px 0;margin-top:3%;display:flex;justify-content:space-between;}
.news-left>.buts a {display:block;width:172px;line-height:50px;text-align:center;background:#e8e8e8;color:#333;font-size:18px;transition:all .3s;}
.news-left>.buts a:hover {background:#f67524;color:#fff;}
.news-left>.buts a.disable {background:#e8e8e8 !important;color:#333 !important;}

.news-left>.contact-but {justify-content:center;display:flex;margin-top:30px;padding-top:30px;border-top:1px solid #ddd;}
.news-left>.contact-but a {display:block;width:fit-content;padding:0 35px;line-height:50px;text-align:center;background:var(--color-blue);color:#eee;font-size:18px;transition:all .3s;}
.news-left>.contact-but a:hover {background:var(--color-blue-hover);color:#fff;}

.news-right {width:32%;}
.news-right .list-box {overflow:hidden;padding:var(--root-offset) 5% 5% 5%;background:var(--root-onwhite-bg);margin-bottom:var(--root-offset);}
.news-right .list-box h2 {font-size:24px;color:#000;margin-bottom:10px;padding-bottom:10px;font-weight:normal;line-height:38px;border-bottom:1px solid #ccc;}
.news-right .list-box ul {clear:both;}
.news-right .list-box li {border-bottom:1px dashed #ccc;padding:10px 0;}
.news-right .list-box li:last-child {border:none;}
.news-right .list-box li a {display:block;line-height:36px;}
.news-right .list-box li h6 {font-size:18px;line-height:24px;padding:6px 0;font-weight:normal;color:#000;}
.news-right .list-box li p {font-size:14px;color:#666;}

@media only screen and (max-width:1600px) {
	.pageBanner {height:31.25vw;}

	.pageBanner h2 {font-size:3vw;}
	.pageBanner h2::after {width:4vw;}
	.pageBanner p{font-size:1.5vw;}

	.pageBanner .txt-left-mid {margin-top:-5vw;}

}

@media only screen and (max-width:1080px) {
	.article-filter .searchForm input[type="text"] {width:150px;}
}

@media only screen and (max-width:1024px) {
	.article-filter {padding:20px 0;display:block;}
	.article-filter .links {width:100%;border-bottom:1px solid #ccc;padding-bottom:20px;}
	.article-filter .searchForm {width:100%;margin-top:20px;height:unset;}
	.article-filter .searchForm input[type="text"] {width:unset;}
}

@media only screen and (max-width:768px) {
	.pageBanner h2 {font-size:24px;}
	.pageBanner h2::after {width:30px;}
	.pageBanner p{font-size:14px;}

	.pageBanner .txt-left-mid {margin-top:-40px;}



	.newslist > ul > li {width:49% !important;margin-bottom:30px;}
	.newslist > ul > li:nth-child(3n) {margin-right:2%;}
	.newslist > ul > li:nth-child(2n) {margin-right:0;}

	.news-content {display:block;}
	.news-left,.news-right {width:100%;}
	.news-right {margin-top:50px;}

}

@media only screen and (max-width:520px) {
	.article-filter .searchForm {display:block;}
	.article-filter .article-form {margin-top:20px;}
	.article-filter .searchForm input[type="text"] {width:calc(100% - 80px);}
	.article-filter .searchForm .alan-selects {width:100%;}
	.article-filter .searchForm .alan-select {width:100% !important;}

	.newslist > ul > li {width:100% !important;margin-right:0 !important;}

	.news-left {padding:var(--root-offset);padding-bottom:40px;}
	.news-left>.title {padding-right:0;}
	.news-left>.title .qrCode {position:static;top:0;margin:20px auto;}

}
@media only screen and (max-width:360px) {
	.news-left > .buts a {width:135px;}
}