html {
	font-size: 62.5%;
	line-height: 1.2;
}
body{
	background:#FFF;text-align:left;
	font-family: 'Helvetica Neue', 'Helvetica', 'Montserrat', 'Noto Sans', 'Arial', "Times New Roman", Times, serif, sans-serif;
}

#Container{
	position:relative;z-index:1;
	display:block;
}
.container{
	position:relative;display:block;margin:0 auto;width:142rem;
}
@media only screen and (max-width: 768px) {
	.container{
		width:100%;
	}
}

/******************************************** header ******************************************************/
#Header{
	position:relative;z-index:99;
	display:flex;flex-direction:row;justify-content:space-between;
    background:#FFF;
}
.head-lft, .head-rgt{
	display:flex;
}
.logo{
	display:flex;align-items:center;
	padding:0 11.5rem 0 5rem;
	height:10rem;
}
.logo img{
	display:inline-block;
	width:20rem;
}
.nav{
	display:flex;flex-direction:row;
}
.nav-itm{
    position:relative;
}
.nav-itm > a, .nav-itm h2{
	position:relative;
	display:block;padding:0 3.5rem;
	height:10rem;line-height:10rem;
	font-size:2.1rem;color:black;font-weight:600;
	letter-spacing:.1rem;
	white-space:nowrap;
}
.nav-itm:hover{
	background:#009054;
}
.nav-itm:hover > a, .nav-itm:hover h2{
	color:#FFF;
}
.nav-itm.on > a:after, .nav-itm.on h2:after{
	content:'';position:absolute;bottom:0;left:5rem;right:5rem;
	border-top:.6rem solid #d3b726;
}
.nav-itm ul{
    display:none;
	position:absolute;top:100%;left:0;z-index:99;
	background:#FFF;
}
.nav-itm li a{
	position:relative;
    display:block;padding:3rem 5rem 2rem;
	min-width:28rem;
	/* width:42rem; */
}
.nav-itm-sub-bg{
	display:none;
	content:'';
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
	background-image:linear-gradient(66deg, rgba(3, 145, 84, 1), rgba(223, 181, 0, 1));
	background-color:rgba(0, 144, 84, 1);
	background-blend-mode: screen;
	opacity:.5;
}
.nav-itm li a img{
	position:absolute;top:50%;left:3rem;z-index:2;
	margin-top:-5rem;
	/* width:10rem;height:10rem; */
	display: none;/* 客户说没内容先隐藏 */
}
.nav-itm-sub-t{
	position:relative;z-index:2;
	height:3rem;line-height:3rem;
	font-size:2rem;color:#000;letter-spacing:.1rem;
}
.nav-itm-sub-p{
	position:relative;z-index:2;
	margin-top:.5rem;width:22rem;
	height:7.5rem;line-height:2.5rem;
	font-size:1.6rem;color:#000;font-weight:300;
	hyphens:auto;overflow:hidden;
	display: none;/* 客户说没内容先隐藏 */
}
.nav-itm:hover ul{
    display:block;
}
.nav-itm:hover > a:after, .nav-itm:hover h2:after{
	display:none;
}
.nav-itm li a:hover .nav-itm-sub-bg{
	display:block;
}

.top-search{
	padding:3rem 0 0;
}
.search-box{
	position:relative;
	display:block;padding:0 4rem 0 2rem;
	width:25rem;height:4rem;
	background:#f7f7f7;border-radius:4rem;
	box-shadow:inset 0 0 .3rem rgba(0, 0, 0, .15);
}
.search-box input{
	width:100%;height:4rem;line-height:4rem;
	background:none;
	border:none;outline:0;
	font-size:1.5rem;color:#000;
}
.search-box img{
	position:absolute;top:50%;right:1.5rem;
	margin-top:-.9rem;
	width:1.8rem;height:1.8rem;
	cursor:pointer;
}

.top-lang{
	display:flex;align-items:center;
	padding-left:3rem;padding-right:5rem;
	height:10rem;
	white-space:nowrap;
}
.top-lang a{
	font-size:1.8rem;color:#039154;
}
.top-lang em{
	margin:0 1rem;
	font-size:1.8rem;color:#000;
}
.top-lang span{
	font-size:1.8rem;color:#000;
}

.header{
	display:none;
	height:6rem;
}
.logo-m{
	position:absolute;top:2.2rem;left:2rem;
	height:2rem;
}
.top-m-menu-btn{
	display:block;
	position:absolute;top:0;right:0;
	width:6rem;height:6rem;
}
.top-m-menu-btn em, .top-m-menu-btn:before, .top-m-menu-btn:after{
	content:'';position:absolute;left:1rem;
	width:3rem;height:.2rem;
	background:#333;border-radius:.1rem;
}
.top-m-menu-btn em{
	top:3rem;
}
.top-m-menu-btn:before{
	top:2rem;
}
.top-m-menu-btn:after{
	top:4rem;
}
@media only screen and (max-width: 768px) {
	#Header{
		display:none;
	}
	.header{
		display:block;
	}
}

/******************************************** footer ******************************************************/
#Footer{
	position:relative;
	padding:0 5rem;
	background:#039154;
}
.foot-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
	background-image:linear-gradient(23deg, rgba(3, 145, 84, .5), rgba(223, 181, 0, 1));
	background-color:#039154;
	background-blend-mode: screen;
	opacity:.5;
}
.foot-top{
	position:relative;z-index:2;
	display:flex;flex-direction:row;
	padding-top:4rem;
}
.foot-navs{
	flex:1;
	display:flex;
}
.foot-nav-itm{
	flex:1;margin-right:1rem;
}
.foot-nav-itm h2{
	height:4rem;line-height:4rem;
}
.foot-nav-itm h2 a{
	font-size:2.2rem;color:#FFF;font-weight:600;letter-spacing:.1rem;
}
.foot-nav-itm ul{
	margin-top:2rem;
}
.foot-nav-itm li{
	margin-bottom:2rem;
	line-height:3rem;
}
.foot-nav-itm li a{
	font-size:1.8rem;color:#FFF;font-weight:300;letter-spacing:.1rem;
}
.foot-nav-itm li a:hover{
	color:#ffcf00;
}

.foot-lnks{
	position:relative;
	width:30rem;
	text-align:center;
}
.foot-lnks:before{
	content:'';position:absolute;top:0;bottom:0;left:-2rem;
	margin-top:1.5rem;
	border-left:.1rem solid rgba(255, 255, 255, .5);
}
.foot-lnks h2{
	line-height:4rem;
	font-size:2rem;color:#FFF;font-weight:600;
}
.foot-lnks-con{
	position:relative;
	margin-top:2.5rem;
	color: white;
	font-size:1.8rem;
}
.foot-lnks-con a{color: white;}
.foot-lnks a{
    position:relative;margin-left:3rem;
	display:inline-block;vertical-align:middle;
}
.foot-lnks a:first-child{
    margin:0;
}
.foot-lnks a > img{
	height:5.2rem;
}
.foot-lnk-pop{
    position:absolute;top:-19.5rem;left:50%;
    padding:.2rem;
    background:#FFF;border-radius:.4rem;
    transform:translate(-50%, 0);
    display:none;
    transition:ease all .3s;
}
.foot-lnk-pop:after{
    content:'';position:absolute;bottom:-.3rem;left:50%;
    width:1rem;height:1rem;
    background:#FFF;
    transform:translate(-50%, 0) rotate(45deg);
}
.foot-lnk-pop img{
    width:15rem;height:15rem;
}
.foot-lnks a:hover .foot-lnk-pop{
    display: block;
}

.foot-copy{
	position:relative;z-index:2;
	margin-top:6.5rem;
	display:flex;flex-direction:row;
	justify-content:space-between;
	line-height:10rem;
	border-top:.1rem solid rgba(255, 255, 255, .5);
	font-size:1.6rem;color:#FFF;font-weight:300;
}
.foot-a a{
	font-size:1.6rem;color:#FFF;
}
.foot-a em{
	margin:0 2rem;
	font-size:1.6rem;color:#FFF;
}
@media only screen and (max-width: 768px) {
	#Footer{
		padding:0 3rem;
	}
	.foot-top{
		padding-top:2rem;
	}
	.foot-navs{
		display:none;
	}

	.foot-lnks{
		width:100%;
        text-align:center;
	}
	.foot-lnks:before{
		display:none;
	}
	.foot-lnks-con{
		display:flex;justify-content:center;
	}
    .foot-lnks a > img{
    	height:4rem;
    }
    .foot-lnk-pop{
        top:-10rem;
    }
    .foot-lnk-pop img{
        width:8rem;height:8rem;
    }

	.foot-copy{
		margin-top:4rem;padding:2rem 0;
		flex-direction:column;gap:1rem;
		line-height:3rem;
		font-size:1.4rem;
	}
	.foot-a a{
		font-size:1.4rem;
	}
	.foot-a em{
		margin:0 1rem;
		font-size:1.4rem;
	}
}


/******************************************** sidebar ******************************************************/
#m_sidebar{
	display:none;position:fixed;top:0;right:0;bottom:0;z-index:90;width:0;text-align:left;overflow:hidden;
}
.side-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:91;background:rgba(3, 145, 84, .95);
}
.side-cls-btn, .side-con{
	position:absolute;z-index:92;
}
.side-cls-btn{
	top:1rem;left:1rem;width:6rem;height:6rem;
}
.side-cls-btn:before, .side-cls-btn:after{
	content:'';position:absolute;top:50%;left:2rem;width:3rem;height:.2rem;background:#FFF;border-radius:.1rem;
}
.side-cls-btn:before{
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.side-cls-btn:after{
	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.side-con{
	top:8rem;left:0;padding:1rem 1rem;width:100%;
}
.side-nav-itm > a, .side-nav-itm h2{
	display:block;padding:0 4rem 0 3rem;line-height:6rem;
	font-size:1.8rem;color:#FFF;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.side-nav-itm h2{
    position:relative;
}
.side-nav-itm h2:after{
	content:'';position:absolute;top:50%;right:20px;width:1rem;height:1rem;
	margin-top:-.5rem;border-top:.2rem solid #FFF;border-right:.2rem solid #FFF;
	transition:transform .2s ease-in-out;
	transform-origin:50%;
	transform:rotate(45deg);
}
.side-nav-itm h2.on:after{
	transform:rotate(135deg);
}
.side-nav-itm h2 a{
    color:#FFF;
}
.side-nav-itm ul{
    display:none;
}
.side-nav-itm li{
    padding-left:5rem;
}
.side-nav-itm li a{
    display:block;line-height:5rem;
    font-size:1.6rem;color:#FFF;
    overflow:hidden;white-space:nowrap;
}

.side-search{
	position:relative;
	display:block;margin:3rem auto 0;
	width:85%;height:3.5rem;line-height:3.5rem;
	border:.1rem solid #FFF;border-radius:3.5rem;
}
.side-search input{
	position:absolute;top:0;bottom:0;left:1rem;right:3.5rem;
	height:3.5rem;line-height:3.5rem;
	background:none;border:none;outline:0;
	font-size:1.4rem;color:#FFF;
}
.side-search img{
	position:absolute;top:.6rem;right:.9rem;
	width:2rem;
}
.side-lang{
	margin-top:3rem;text-align:center;
}
.side-lang a{
	font-size:1.4rem;color:#FFF;
}
.side-lang b{
	margin:0 2rem;
	font-size:1.4rem;color:#FFF;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** banner ******************************************************/
.banner{
	display:flex;flex-direction:column;
	align-items:center;justify-content:center;
	height:35rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner h1{
	height:6rem;line-height:6rem;
	font-size:5rem;color:#FFF;font-weight:600;
	text-transform: uppercase;
}
.banner p{
	margin-top:1.5rem;
	height:4rem;line-height:4rem;
	font-size:2.6rem;color:#d9ffd2;
}
@media only screen and (max-width: 768px) {
    .banner{
		padding:0 3rem;
    	height:12rem;
    }
    .banner h1{
    	height:4rem;line-height:4rem;
    	font-size:2.4rem;
    }
	.banner p{
		margin-top:.5rem;
		height:auto;line-height:2rem;
		font-size:1.4rem;
	}
}

/******************************************** common ******************************************************/
.sct-title{
	position:relative;line-height:8rem;
	font-size:4rem;color:#039154;letter-spacing:.2rem;font-weight:600;
	text-align:center;
}
.sct-title-s{
	line-height:7rem;
	font-size:4rem;
}
.sct-title:after{
	content:'';
	position:absolute;top:100%;left:50%;
	margin-left:-5rem;
	width:10rem;height:.8rem;
	background:#dfb500;
	border-radius:.8rem;
}
.center-tip{line-height: 3rem;font-size: 2.1rem;text-align: center;}
.ppop-itm a.center-link{
	display: block;
    height: 4rem;
    line-height: 4rem;
    background: linear-gradient(27deg, rgba(3, 145, 84, .75) 50%, rgba(223, 181, 0, .75) 100%);
    border-radius: 6rem;
    font-size: 1.8rem;
    color: #FFF;
    letter-spacing: .1rem;
    text-align: center;
    margin: 2rem auto;
    width: 30%;
}
@media only screen and (max-width: 768px) {
	.sct-title{
		line-height:4rem;
		font-size:2.4rem;
	}
	.sct-title-s{
		line-height:3rem;
		font-size:1.8rem;
	}
	.sct-title:after{
		margin-left:-3rem;
		width:6rem;height:.4rem;
	}
}
/******************************************** 分页 ******************************************************/
.pagination-container{
	width: 100%;
	clear: both;
	text-align: center;
}
.list-pagination{
	padding:12rem 0 6rem;
    text-align: center;
    clear: both;
}
.pagination {
    display: inline-block;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    display: inline-block;
    margin:0 1rem;padding:1rem 1rem;
    line-height:4rem;
    font-size:2.4rem;color:#333;text-decoration: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
    font-size:3rem;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
	border-bottom:.2rem solid #000;
    color: #333;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
	border-bottom:.2rem solid #000;
    cursor: default;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover,
.pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
}
@media only screen and (max-width: 768px) {
	.list-pagination{
		padding:6rem 0 0;
	}
	.pagination>li>a, .pagination>li>span {
	    margin:0 .5rem;padding:1rem 1rem;
	    line-height:3rem;
	    font-size:1.6rem;
	}
	.pagination>li:first-child>a, .pagination>li:first-child>span,
	.pagination>li:last-child>a, .pagination>li:last-child>span {
	    font-size:2rem;
	}
	.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
		border-bottom:.1rem solid #000;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
		border-bottom:.1rem solid #000;
	}
}

/******************************************** slider ******************************************************/
.slider{
	position:relative;
}
.slider-arr{
	position:absolute;
	width:8rem;height:8rem;
	cursor:pointer;
}
.slider-arr.arr-left{
	left:-15rem;
}
.slider-arr.arr-right{
	right:-15rem;
}
.slider-arr:after{
	content:'';position:absolute;top:50%;left:50%;z-index:5;
	margin:-2rem 0 0 -2rem;
	width:4rem;height:4rem;
	border-top:.3rem solid #CCC;
}
.slider-arr.arr-left:after{
	border-left:.3rem solid #CCC;
	transform:rotate(-45deg);
}
.slider-arr.arr-right:after{
	border-right:.3rem solid #CCC;
	transform:rotate(45deg);
}

.slider-group{
	position:relative;
	overflow:hidden;
}
.slider-group-con{
	position:absolute;top:0;left:0;
	width:9999rem;
}
.slider-item{
	float:left;
}
.pagination-dots{
	text-align:center;
}
.pagination-dots em{
	display:inline-block;margin:0 1rem;
	width:1rem;height:1rem;
	background:#CCC;
	border-radius:1rem;
	cursor:pointer;
	transition:all .5s;
}
.pagination-dots em.active{
	width:5rem;
	background:#039154;
}
@media only screen and (max-width: 768px) {
	.slider-arr{
		width:4rem;height:4rem;
	}
	.slider-arr.arr-left{
		left:-3rem;
	}
	.slider-arr.arr-right{
		right:-3rem;
	}
	.slider-arr:after{
		margin:-1rem 0 0 -1rem;
		width:2rem;height:2rem;
		border-top:.2rem solid #CCC;
	}
	.slider-arr.arr-left:after{
		border-left:.2rem solid #CCC;
	}
	.slider-arr.arr-right:after{
		border-right:.2rem solid #CCC;
	}

	.pagination-dots em{
		margin:0 .5rem;
		width:.5rem;height:.5rem;
	}
	.pagination-dots em.active{
		width:3rem;
	}
}

/******************************************** topic ******************************************************/
.topic{
	margin-right:4.99rem;width:44rem;
	background:#FFF;
	box-shadow:.5rem .5rem .5rem rgba(6, 0, 1, 0.05);
	overflow:hidden;
}
.topic-img{
	height:30rem;
	overflow:hidden;
}
.topic-img-con{
	height:30rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:all .5s;
}
.topic-con{
	padding:2.5rem 3rem;
}
.topic-title{
	width:38rem;height:9rem;line-height:3rem;
	font-size:2.1rem;color:#000;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
	hyphens:auto;overflow:hidden;
}
.topic-inf{
	position:relative;
	margin-top:2rem;line-height:3rem;
	letter-spacing:.1rem;
}
.topic-type{
	font-size:2rem;color:#23c07d;
	margin-right:2rem;
}
.topic-date{
	font-size:2rem;color:#000;font-weight:300;
}
.topic-more{
	position:absolute;top:50%;right:0;
	margin-top:-1.5rem;
	width:3.2rem;height:3.2rem;
}
.topic:hover .topic-img-con{
	transform:scale(1.05);
}
@media only screen and (max-width: 768px) {
	.topic{
		margin-right:2rem;width:33rem;
	}
	.topic-img{
		height:22.5rem;
	}
	.topic-img-con{
		height:22.5rem;
	}
	.topic-con{
		padding:1.5rem 2rem;
	}
	.topic-title{
		width:auto;height:7.5rem;line-height:2.5rem;
		font-size:1.6rem;
	}
	.topic-inf{
		margin-top:1rem;line-height:3rem;
	}
	.topic-type{
		font-size:1.4rem;
	}
	.topic-date{
		margin-left:1.5rem;
		font-size:1.4rem;
	}
	.topic-more{
		margin-top:-1rem;
		width:2rem;height:2rem;
	}
}

/******************************************** report ******************************************************/
.report{
	position:relative;
	margin-right:4.5rem;width:32.125rem;
	background:#FFF;
	box-shadow:.5rem .5rem .5rem rgba(6, 0, 1, 0.05);
	overflow:hidden;
}
.report-img{
	height:43.5rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.report-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
	/* background-image:linear-gradient(57deg, rgba(3, 145, 84, .5), rgba(223, 181, 0, 1));
	background-color:#039154;
	background-blend-mode: screen; */
	background:linear-gradient(57deg, rgba(3, 145, 84, 1), #a5c066);
	opacity:.95;
	transition:all .5s;
	/* transform: scale(1.5); */
}
.report-con{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;
	display:flex;flex-direction:column;
	justify-content:end;
	padding:0 5rem 3rem 3rem;
	opacity:1;
	transition:all .5s;
}
.report-date{
	line-height:3rem;
	font-size:2rem;color:#ffcf00;
}
.report-title{
	margin-top:1.5rem;
	line-height:3rem;
	font-size:2.1rem;color:#FFF;
	hyphens:auto;overflow:hidden;
}
.report-more{
	margin-top:2rem;
	width:3.2rem;height:3.2rem;
	fill:#ffcf00;
}
.report:hover .report-bg{
	opacity:0;
}
.report:hover .report-con{
	opacity:0;
}
@media only screen and (max-width: 768px) {
	.report{
		margin-right:10rem;
		width:24rem;
		transform:translate(5rem, 0);
	}
	.report-img{
		height:32.45rem;
	}
	.report-con{
		padding:0 3rem 3rem 3rem;
	}
	.report-date{
		line-height:2.4rem;
		font-size:1.5rem;
	}
	.report-title{
		margin-top:1rem;
		line-height:2.5rem;
		font-size:1.6rem;
	}
	.report-more{
		margin-top:1rem;
		width:2rem;height:2rem;
	}
}

/******************************************** video ******************************************************/
.video{
	margin-right:5rem;width:44rem;
	background:#FFF;
	box-shadow:.5rem .5rem .5rem rgba(6, 0, 1, 0.05);
	overflow:hidden;
}
.video-img{
	position:relative;
	height:30rem;
	overflow:hidden;
}
.video-img-con{
	height:30rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:all .5s;
}
.video-play{
	position:absolute;top:50%;left:50%;
	width:10rem;
	transform:translate(-50%, -50%);
}
.video-con{
	padding:2.5rem 3rem;
}
.video-title{
	width:38rem;height:9rem;line-height:3rem;
	font-size:2.1rem;color:#000;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
	hyphens:auto;
}
.video-inf{
	position:relative;
	margin-top:2rem;line-height:3rem;
	letter-spacing:.1rem;
}
.video-date{
	font-size:2rem;color:#000;font-weight:300;
}
.video-more{
	position:absolute;top:50%;right:0;
	margin-top:-1.5rem;
	width:3.2rem;height:3.2rem;
}
.video:hover .video-img-con{
	transform:scale(1.05);
}
@media only screen and (max-width: 768px) {
	.video{
		margin-right:2rem;width:33rem;
	}
	.video-img{
		height:22.5rem;
	}
	.video-img-con{
		height:22.5rem;
	}
	.video-play{
		width:5rem;
	}
	.video-con{
		padding:1.5rem 2rem;
	}
	.video-title{
		width:auto;height:7.5rem;line-height:2.5rem;
		font-size:1.6rem;
	}
	.video-inf{
		margin-top:1rem;
	}
	.video-date{
		font-size:1.4rem;
	}
	.video-more{
		margin-top:-1rem;
		width:2rem;height:2rem;
	}
}