td{padding: 10px;}

.channelWrapper {
	width: 1146px;
	margin: 20px auto 0;
	padding: 30px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.leftPanel {
	width: 270px;
    min-height: 270px;
}

.channelTitle {
	width: 100%;
	font-size: 24px;
	padding: 10px 7px;
	box-sizing: border-box;
	margin-bottom: 20px;
    font-weight: bold;
}

/* navMenu */
#channelNavMenu>li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px;
}

#channelNavMenu>li>div {
	display: block;
	overflow: hidden;
	padding-left: 0px;
	line-height: 40px;
	/* color: #ABB1B7; */
	transition: all .3s;
	position: relative;
	text-decoration: none;
	font-size: 17px;
	/* border-top: 1px solid #ABB1B7; */
	/* border-bottom: 1px solid #ABB1B7; */
	width: 100%;
	padding: 3px 7px;
    font-weight: 500;
    font-size: 20px;
    color: #38424C;
}

#channelNavMenu>li:nth-of-type(1)>div {
	border-top: 1px solid transparent;
}

#channelNavMenu>li:last-child>div {
	border-bottom: 1px solid transparent;
}

#channelNavMenu li .arrow:before {
    float: right;
    /* margin-right: 15px; */
    font-size: 16px;
    content: "";
    width: 14px;
    height: 12px;
    margin-top: 16px;
    background-image: url(/images/dropdown-icon.svg);
    font-weight: 300;
    background-size: 100% 100%;
	background-repeat: no-repeat;
    text-shadow: none;
    cursor: pointer;
    transition: .5s;
	transform: rotate(-90deg);
	filter: invert(0.2);
}

#channelNavMenu li .arrow.open:before {
	float: right;
    /* margin-right: 15px; */
    font-size: 16px;
    content: "";
    width: 14px;
    height: 12px;
    margin-top: 16px;
    background-image: url(/images/dropdown-icon.svg);
    font-weight: 300;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-shadow: none;
    cursor: pointer;
    transition: .5s;
	transform: rotate(0deg);
	filter: invert(0.2);
}

#channelNavMenu>li>div.active,
#channelNavMenu>li>div:hover {
	color: #FFF;
	background-color: #38424C;
	/* background-image: linear-gradient(57deg, #f8b74a, #fb790c 50%, #f8b74a); */
	border-radius: 10px;
}
#channelNavMenu>li>div a{display: inline-block;width: 92%;}
#channelNavMenu>li>div.active a,
#channelNavMenu>li>div:hover a{color: #FFF;}

#channelNavMenu>li>ul.sub-menu,
#channelNavMenu>li>ul.sub-menu>li>ul.sub-menu {
	display: none;
	list-style: none;
	clear: both;
	margin: 8px 0px 0px 10px;
	padding-bottom: 5px;
}

#channelNavMenu>li>ul.sub-menu li {
	background: none;
	margin: 0px;
	padding: 0px;
}

#channelNavMenu>li>ul.sub-menu li>div>a {
	display: block;
	font-size: 16px;
	line-height: 36px;
	padding-left: 20px;
	/* color: #ABB1B7; */
	clear: both;
    color: #38424C;
    font-weight: 400;
}

#channelNavMenu>li>ul.sub-menu li>div.active,
#channelNavMenu>li>ul.sub-menu li>div:hover,
#channelNavMenu>li>ul.sub-menu>li.active>div {
	color: #FFF;
	/* background-image: linear-gradient(57deg, #f8b74a, #fb790c 50%, #f8b74a); */
	border-radius: 10px;
	background-color: #38424C;
}
#channelNavMenu>li>ul.sub-menu li>div.active a,
#channelNavMenu>li>ul.sub-menu li>div:hover a,
#channelNavMenu>li>ul.sub-menu>li.active>div a{color: #FFF;}

/*---------------------*/

.rightPanel{
	width: 950px;
	padding:0 25px 25px 45px;
}

.article-wrapper {
	text-align: justify;
}

.article-wrapper h3,
.download-wrapper h3,
.article-list-wrapper h3 {
	font-size: 20px;
	font-weight: 500;
	margin: 10px 0 22px;
}

.article-wrapper p {
	font-size: 16px;
	line-height: 2em;
}

.article-list-wrapper li a:hover {
	color: #0b6265;
}

.download-wrapper li a {
	display: block;
	color: #333;
	line-height: 1.5em;
	border-bottom: 1px solid #f3f3f3;
	padding: 0.75em 0;
}

.dowload-wrapper li:first-child a {
	border-top: 1px solid #f3f3f3;
}

.download-wrapper li a:hover {
	color: #0b6265;
}

.article-wrapper {
	flex-direction: column;
	justify-content: flex-start;
	align-content: flex-start;
	padding-bottom: 50px;
	font-family: Space Grotesk, -apple-system, linkMacSystemFont, Helvetica Neue, Segoe UI, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.article-wrapper u {
	text-decoration: underline;
}

.article-wrapper s {
	text-decoration: line-through;
}

.article-wrapper ul {
	list-style: disc;
}

.article-wrapper ol {
	list-style: decimal;
}

.article-wrapper ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.article-wrapper ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

.article-wrapper a {
	color: #0b6265;
	text-decoration: underline;
}
.article-wrapper table td{
	font-size:15px;
}

.article-list li a,
.dowload-list li a {
	display: block;
	color: #333;
	line-height: 1.5em;
	border-bottom: 1px solid #f3f3f3;
	padding: 0.75em 0;
}

.article-list li:first-child a,
.dowload-list li:first-child a {
	border-top: 1px solid #f3f3f3;
}

.sticky {
	font-size: 0.8em;
	line-height: 1em;
	display: inline-block;
	border-radius: 3px;
	padding: 4px 8px;
	margin-right: 4px;
	background-color: #38424C;
    color: white;
}

.newsFilter {
    display: flex;
    align-items: center;
    width: 100%;
}

.newsFilter .content {
    display: flex;
    justify-content: space-between;
    max-width: 1708px;
    /* background-color: #fff; */
    min-height: 900px;
}

.newsFilter .filterLeft {
    width: 320px;
 display: none;
}

.newsFilter .filterLeft .title {
    font-size: 24px;
    font-weight: 600;
    padding: 15px 50px 15px 30px;
}

.newsFilter .filterLeft ul li,
.newsFilter .filterLeft ul p {

    padding: 15px 50px 15px 30px;
}

.newsFilter .filterLeft ul p {
    font-weight: 600;
}

.newsFilter .filterLeft ul li.on {
    background-color: #38424C;
    color: #fff;
}

.newsFilter .filterLeft ul p::after {
    position: absolute;

    width: 0px;
    height: 0px;
    content: "";
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #000;
    border-bottom: 6px solid transparent;
    margin-top: 5px;
    margin-left: 8px;
}

.newsFilter .filterRight {
    /* max-width: 1388px; */
    max-width: 1708px;
    width: 100%;
     min-width: 450px; 
    flex: 1;
    position: relative;
}

.newsFilter .filterRight ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 60px;
}

.newsFilter .filterRight ul li {
    /* width: 618px; */
    width: 770px;
    height: 180px;
    margin-top: 30px;
    /* border: 1px solid red; */
    padding: 20px 15px;

    position: relative;
    z-index: 0;
    overflow: hidden;
}

.newsFilter .filterRight ul li::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0%;
    left: 0;
    width: 300%;
    /* 使伪元素足够大以覆盖整个方形 */
    height: 500%;
    background-color: #38424C;
    /* 圆形颜色 */
    border-radius: 50%;
    /* 创建圆形 */
    transform: translate(-100%, -100%) scale(0);
    /* 初始缩放为0 */
    transition: transform 0.5s ease;
    /* 平滑过渡效果 */
}

.newsFilter .filterRight ul li:hover,
.newsFilter .filterRight ul li:hover a,
.newsFilter .filterRight ul li:hover .date {
    color: #fff;
    background-color: #38424C;
}



.newsFilter .filterRight ul li:hover::after {
    /* transform: translate(-50%, -50%) scale(1); */
    /* 鼠标悬停时放大到1 */
}

.newsFilter .filterRight ul li:hover .date::before {
    position: relative;
    top: 4px;
    margin-right: 10px;
    content: url('data:image/svg+xml,<svg width="18" height="18" fill="white" viewBox="0 0 18 18"  xmlns="http://www.w3.org/2000/svg"><path d="M13.1666 2.49967H16.5C16.721 2.49967 16.9329 2.58747 17.0892 2.74375C17.2455 2.90003 17.3333 3.11199 17.3333 3.33301V16.6663C17.3333 16.8874 17.2455 17.0993 17.0892 17.2556C16.9329 17.4119 16.721 17.4997 16.5 17.4997H1.49996C1.27895 17.4997 1.06698 17.4119 0.910704 17.2556C0.754423 17.0993 0.666626 16.8874 0.666626 16.6663V3.33301C0.666626 3.11199 0.754423 2.90003 0.910704 2.74375C1.06698 2.58747 1.27895 2.49967 1.49996 2.49967H4.83329V0.833008H6.49996V2.49967H11.5V0.833008H13.1666V2.49967ZM15.6666 9.16634H2.33329V15.833H15.6666V9.16634ZM11.5 4.16634H6.49996V5.83301H4.83329V4.16634H2.33329V7.49967H15.6666V4.16634H13.1666V5.83301H11.5V4.16634ZM3.99996 10.833H5.66663V12.4997H3.99996V10.833ZM8.16663 10.833H9.83329V12.4997H8.16663V10.833ZM12.3333 10.833H14V12.4997H12.3333V10.833Z"/></svg>');

}

.newsFilter .filterRight ul li .title {
    height: 100px;
    font-size: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.newsFilter .filterRight ul li .date {
    margin-top: 5px;
    font-size: 12px;
    height: 20px;
    color: #747474;
}

.newsFilter .filterRight ul li .date::before {
    position: relative;
    top: 4px;
    margin-right: 10px;
    content: url('data:image/svg+xml,<svg width="18" height="18" fill="grey" viewBox="0 0 18 18"  xmlns="http://www.w3.org/2000/svg"><path d="M13.1666 2.49967H16.5C16.721 2.49967 16.9329 2.58747 17.0892 2.74375C17.2455 2.90003 17.3333 3.11199 17.3333 3.33301V16.6663C17.3333 16.8874 17.2455 17.0993 17.0892 17.2556C16.9329 17.4119 16.721 17.4997 16.5 17.4997H1.49996C1.27895 17.4997 1.06698 17.4119 0.910704 17.2556C0.754423 17.0993 0.666626 16.8874 0.666626 16.6663V3.33301C0.666626 3.11199 0.754423 2.90003 0.910704 2.74375C1.06698 2.58747 1.27895 2.49967 1.49996 2.49967H4.83329V0.833008H6.49996V2.49967H11.5V0.833008H13.1666V2.49967ZM15.6666 9.16634H2.33329V15.833H15.6666V9.16634ZM11.5 4.16634H6.49996V5.83301H4.83329V4.16634H2.33329V7.49967H15.6666V4.16634H13.1666V5.83301H11.5V4.16634ZM3.99996 10.833H5.66663V12.4997H3.99996V10.833ZM8.16663 10.833H9.83329V12.4997H8.16663V10.833ZM12.3333 10.833H14V12.4997H12.3333V10.833Z"/></svg>');

}

.setPageDiv {
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: absolute;
    bottom: 0; */
}

.pagination {
    font-size: 24px;
}

.pagination a {
    text-decoration: none;
    border: 0px solid #AAE;
    color: #15B;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 0.1em 0.4em;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
    border: 0px solid #AAE;
}

.pagination a.prev,
.pagination a.next {

    font-weight: 600;
}

.pagination .current.prev,
.pagination .current.next {
    color: #999;
    /* border-color:#999; */
    background: #fff;

    font-weight: 600;
}
.confGathSwiper .swiper-slide .text h3{
    font-size: 20px;
    font-weight: 300;
}
.confGathSwiper .swiper-slide .text h1{
    font-size: 80px;
    font-weight: 400;
}
/* @media (max-width: 1280px) { */
@media (max-width: 1110px) {
	.channelWrapper {
		width: 100%;
		margin-top: 0;
	}
	.leftPanel{display: none;}
	.rightPanel{width: 100%;padding: 0;}

	.article-wrapper {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		text-align: justify;
		font-size:14px;
	}

	.article-wrapper h3 {
		text-align: center;
		font-size: 18px;
		font-weight: 400;
	}

	.article-wrapper p {
		font-size: 14px;
		/* line-height: 1.5em; */
	}
	.article-wrapper table td{
		font-size:14px;
	}

	.newsFilter .content {
        height: auto;
		margin: 0 20px;
		display: flex;
        flex-direction: column;
    }

    .newsFilter .filterLeft {
        width: 100%;
		
    }

    .newsFilter .filterRight {
        min-width: auto;
    }
    .filterRight .setPageDiv {
       
       position: initial;
        
    }
    .newsFilter .filterRight ul li {
        width: 100%;

    }
    .filterRight .setPageDiv {
        position: initial;
    }
}
@media (min-width: 1025px){
	/* .navHeader:hover {
		background-color: #38424C !important;
	} */
}
@media (max-width: 1024px){
    .mainWrapper{
        margin-top: 90px;
    }
	/* .navHeader:hover {
		background-color: #38424C !important;
	} */
}
@media (max-width: 768px) {
	
}
@media (max-width: 484px) {
    .confGathSwiper .swiper-slide .text h3{
        font-size: 14px;
    }
    .confGathSwiper .swiper-slide .text h1{
        font-size: 23px;
    }
}