@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; max-width: 750px; font: 0.44rem/1.4 "Microsoft Yahei"; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
/* .fl{float:left;}
.fr{ float:right;} */
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ padding: 0 0.6rem; }
.wrap{ padding: 0 0.6rem; }
input,textarea,select{ font-size: 0.44rem; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}



.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}

/* top */
.top{ position: absolute; top: 0; left: 0; z-index: 10000; width: 100%; height: 2rem; background: url(../img/top-index-bg.png) no-repeat center top / 100% auto;}
.top .wrapper{ height: 100%;}
.top .logo{ position: relative; z-index: 1; width: 6.36rem;}
.top .logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 1.5rem; height: 1.5rem;}
.top .menubtn{ position: relative; z-index: 1; width: 0.8rem; height: 0.6rem;}
.top .menubtn::before{ content: ''; transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #007967;}
.top .menubtn::after{ content: ''; transition: 0.5s; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #007967;}
.top .menubtn i{ width: 100%; border-bottom: 0.06rem solid #007967;}
.top .menubtn.active i{ opacity: 0; transition: 0.2s;}
.top .menubtn.active::before{ content: ''; transform: rotate(45deg); transform-origin: left bottom;}
.top .menubtn.active::after{ content: ''; transform: rotate(-45deg); transform-origin: left top;}
.top .nav{ position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); display: none;}
.top .nav ul{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding-top: 4rem; box-sizing: border-box;}
.top .nav ul li > a{ display: flex; justify-content: center; align-items: center; font-size: 0.72rem; padding: 0.4rem 2rem; color: #03d2a2;}
.top .nav ul li.active > a{ border-color: #007967; font-weight: 900; color: #007967;}
.top .nav ul li .submenu{ display: none;}
.top .nav ul li.active .submenu{ display: block; background-color: rgba(0, 0, 0, 0.1);}
.top .nav ul li.active .submenu a{ display: block; line-height: 2; font-size: 0.56rem; text-align: center; color: #fff;}
.top .nav ul li.active .submenu a.active{ color: #c1c0d1;}


:root{
	--text-size: 0.44rem;
	--text-size14: 0.4rem;
	--text-size18: 0.46rem;
	--text-size20: 0.48rem;
	--text-size22: 0.5rem;
	--text-size24: 0.52rem;
	--text-size30: 0.56rem;
	--text-size32: 0.58rem;
	--text-size40: 0.66rem;
	--text-size44: 0.7rem;
	--text-size50: 0.76rem;
	--text-size60: 0.86rem;
	--text-size80: 1.06rem;
	--text-size90: 1.16rem;
	--text-size100: 1.26rem;
	--text-size130: 1.56rem;
	--c222: #222;
	--c333: #333;
	--c999: #999;
}

body{ font-size: var(--text-size);}
.textlinear{ -webkit-background-clip:text; -webkit-text-fill-color: transparent;}

.pc{ display: none;}
.wap{ display: block;}


/*  */
.container{ position: relative; z-index: 1;}
.banner{ position: relative; z-index: 1;}
/*.banner::after{ content: ''; position: absolute; bottom: -0.8rem; left: 5%; z-index: 100; width: 0; height: 1.6rem; border-left: 1px solid; border-image: linear-gradient(0deg, #007c68, #03d2a2) 1;}*/
.banner .swiper-container {position: relative;overflow: hidden; width: 100%;max-height: 185px;}
.banner .swiper-slide {position: relative;}
.banfont{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%;display:block;}
.banfont .wrapper{ position: relative; z-index: 1; height: inherit; align-items: flex-start;}
.banfont .btn{ width: 50%;}

/* indexone */
.indexone{ padding-top: 1.2rem;}
.ititle{ font-family: "sy-mm"; font-size: var(--text-size50); color: var(--c222);}
.mainlist{ flex-wrap: wrap; margin-top: 0.4rem;}
.mainlist .item{ position: relative; z-index: 1; width: 50%; transition: 0.3s; cursor: pointer; overflow: hidden;height:9rem}
.mainlist .item:hover{ transition: 0.3s;}
.mainlist .item > img{ width: 100%; height: 16rem; object-fit: cover;}
.mainlist .item::before{ content: ''; position: absolute; top: 0%; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: 0.3s;}
.mainlist .item:hover::before{ top: 100%;}
.mainlist .item::after{ content: ''; position: absolute; bottom: -100%; left: 0; z-index: 10; width: 100%; height: 100%; background-image: linear-gradient(0deg, #007c68 -10%, #03d2a2 5%, transparent 60%);}
.mainlist .item:hover::after{ bottom: 0;}
.mainlist .item .name{ position: absolute; bottom: 0; left: 0; z-index: 11; width: 100%; padding: 10%; box-sizing: border-box;}
.mainlist .item .icon{ position: relative; z-index: 1; width: 1.44rem; height: 1.4rem;}
.mainlist .item .icon::before{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/main-iconbord.png) no-repeat center / contain;}
.mainlist .item .icon img{ max-width: 70%; max-height: 70%;}
.mainlist .item .cn{ margin-top: 0.3rem; font-size: var(--text-size24); color: #fff; font-weight: bold;}
.mainlist .item .en{ font-size: var(--text-size14); color: rgba(255, 255, 255, 0.6);}
.mainlist .item .sm{ margin-top: 0.4rem; margin-bottom: -1.5rem; line-height: 1.6; color: #fff; font-size: var(--text-size14); opacity: 0; transition: 0.3s;}
.mainlist .item:hover .cn{ font-weight: 500;}
.mainlist .item:hover .en{ color: #7cebd8;}
.mainlist .item:hover .sm{ margin-bottom: 0; opacity: 1;}
.mainlist .item:hover .icon::before{ animation: rot1 2s linear infinite;}

@keyframes rot1 {
	0% {
		transform: none;
	}
	100% {
		transform: rotate(360deg);
	}
}


.indextwo{ padding: 0.8rem 0;}
.indextwo .wrapper{ flex-wrap: wrap; align-items: unset;}
.showpic{ display: none;}
.icomp{ width: 100%;}
.icomp .name{ margin-top: 0.4rem;}
.icomp .name .cn{ font-family: 'sy-mm'; font-size: var(--text-size50); color: var(--c222);}
.icomp .name .en{ margin-top: 0.2rem; font-family: 'sy-rr'; font-size: var(--text-size24); background-image:-webkit-linear-gradient(159deg,#007c68 60%,#329886);}
.icomp .name .txt{ margin-top: 0.5rem; line-height: 1.6;text-align:justify; font-size: var(--text-size14); color: var(--c222);}
.icomp .items{ margin-top: 0.5vw; padding: 0.3rem 0; flex-wrap: wrap;}
.icomp .item{ padding: 0.2rem 0; width: 50%;}
.icomp .item .data{ justify-content: flex-start;}
.icomp .item .data i{ line-height: 1.1; margin-right: 5px; font-size: var(--text-size80); font-family: 'din-mm'; color: #00866e;}
.icomp .item .data sup{ font-size: var(--text-size20); color: var(--c222); font-family: 'sy-rr';}
.icomp .item .sm{ font-size: var(--text-size14); color: var(--c222); font-family: 'sy-rr';}

.inews{ margin-top: 0.5rem; width: 100%; background-color: #eee; padding: 0.5rem; box-sizing: border-box;}
.inews .ititle{}
.inews .items{ margin-top: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.inews .item{ position: relative; z-index: 1; display: block; padding: 0.25rem 0 0.25rem 0.75rem; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.inews .item .icon{ position: absolute; top: 0.45rem; left: 0; z-index: 10; width: 0.5rem; height: 0.5rem; border: 1px solid #cccccc; border-radius: 50%; transition: 0.3s;}
.inews .item .icon::before{ content: ''; position: absolute; top: calc(50% - 1px); left: 20%; width: 60%; border-bottom: 1px solid #cccccc; transition: 0.3s;}
.inews .item .icon::after{ content: ''; position: absolute; top: 20%; left: calc(50% - 1px); z-index: -1; width: 0; height: 60%; border-left: 1px solid #cccccc; transition: 0.3s;}
.inews .item .name{ line-height: 2; font-size: var(--text-size20); color: var(--c222);}
.inews .item .sm{ margin-top: 10px; font-size: var(--text-size14); overflow: hidden; transition: 0.3s;}
.inews .item .date{ margin-top: 10px; padding-left: 20px; font-size: var(--text-size14); color: var(--c999); background: url(../img/dateicon1.png) no-repeat left center / 0.56rem auto; transition: 0.3s;}
.inews .item .date img{ display: none; width: 0.72rem;}
.inews .item:hover .name{ font-weight: bold;}
.inews .item:hover .date{ background-image: url(../img/dateicon2.png); color: #007967;}
.inews .item:hover .date img{ display: block;}
.inews .item:hover .icon{ border-color: #007967;}
.inews .item:hover .icon::before{ border-color: #007967;}
.inews .item:hover .icon::after{ animation: rot2 0.2s linear forwards;}
@keyframes rot2 {
	0%{
		transform: none;
	}
	100%{
		transform: rotate(90deg);
	}
}

/* footer */
.foot{ background: url(../img/footbg.png) var(--c222) no-repeat bottom center;}
.foot .footop{ padding: 0.75rem 0; display: none;}
.foot .footop .wrapper{ align-items: unset;}
.footl{ width: 20%;}
.footl .sm{ margin-top: 1.5vw;}
.footc{ width: 360px;}
.foot .footop .footql{ justify-content: unset; align-items: flex-end; line-height: 1; white-space: nowrap; font-family: 'din-bd'; font-size: var(--text-size24); color: #fff;}
.foot .footop .footql::after{ content: ''; width: 100%; margin-left: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.footclist{ flex-wrap: wrap; justify-content: flex-start; margin-left: -2.5em; padding-top: 1.5vw;}
.footclist a{ margin-left: 3em; line-height: 2; font-size: var(--text-size14);}
.footr{ width: 38%; color: #fff;}
.footrlist .item{ justify-content: flex-start;}
.footrlist .item div{ margin-left: 10px; font-size: var(--text-size14);}
.footrlist .item div.font{ font-family: 'din-bd'; font-size: var(--text-size20);}
.foot .footbm{ justify-content: center; padding: var(--text-size20) 0; border-top: 1px solid rgba(255, 255, 255, 0.06); font-size: var(--text-size14);}
.foot .footbm .betc{ display: none;}
.foot .footbm .betc p{ margin-left: 10px;}


/* ncont */
.nban{ position: relative; z-index: 1;}
.nban > img{ height: 8.4rem; object-fit: cover;}
.bgfff{ background-color: #fff;}
.nbanfont{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.nbanfont .wrapper{ position: relative; z-index: 11; height: inherit; align-items: flex-start;}
.nbanfont .ts{ margin-top: 2rem;}
.nbanfont .ts img{width:auto;height: 2.1rem; object-fit:unset;}

.menu{ text-align: center; line-height: 1.6rem; font-size: var(--text-size22); color: var(--c222); font-family: 'sy-mm'; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.menu a{ padding: 0 0.2rem;}
.menu .active a{ color: #007863;}

.menuap{ text-align: center; line-height: 1.6rem; font-size: var(--text-size22); color: var(--c222); font-family: 'sy-mm'; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.menuap .swiper-slide{width:50%}
.menuap a{ padding: 0 0.2rem;}
.menuap .active a{ color: #007863;}

.ncont{ padding-top: 1.2rem; padding-bottom: 1.2rem; overflow: hidden;}
.gsjj{ flex-direction: column-reverse; align-items: unset;}
.gsjj .fl{ width: 100%;}
.gsjj .fr{ width: 100%;}
.gsjj .title{ margin-top: 0.6rem;}
.gsjj .title .cn{ font-size: var(--text-size32); font-family: 'sy-bd'; color: var(--c333);}
.gsjj .title .en{ margin-top: 5px; font-size: var(--text-size18); font-family: 'sy-rr'; background-image:-webkit-linear-gradient(159deg,#007c68 60%,#329886);}
.gsjj .txt{ margin-top: 0.4rem;text-align:justify; line-height: 2; color: var(--c222);}
.gsjj .item{ margin-top: 0.5rem;}
.gsjj .item .name{ font-size: var(--text-size20); color: #00866e; font-weight: bold;}
.gsjj .item img{ margin-right: 0.4rem; height: 0.56rem;}
.gsjj .item .sm{ padding-left: 1rem; margin-top: 0.2rem; line-height: 2; color: var(--c222); text-align: justify;}
.gsjjitems{ flex-wrap: wrap; margin-top: 0.625rem; background-color: #009f83;}
.gsjjitems .item{ width: 50%; padding: 1rem 0; background-repeat: no-repeat; background-position: bottom -1.1vw right -1.1vw; background-size: 10.417vw;}
.gsjjitems .item:nth-child(2),
.gsjjitems .item:nth-child(3){ background-color: #00866e;}
.gsjjitems .item .data{ justify-content: flex-start; color: #fff;}
.gsjjitems .item .data i{ line-height: 1.1; margin-right: 5px; font-size: var(--text-size80); font-family: 'din-mm';}
.gsjjitems .item .data sup{ font-size: var(--text-size20); font-family: 'sy-rr';}
.gsjjitems .item .sm{ color: #77ffca; font-family: 'sy-rr';}
.gsjjitems .item.s1{ background-image: url(../img/gsjjicon11.png);}
.gsjjitems .item.s2{ background-image: url(../img/gsjjicon12.png);}
.gsjjitems .item.s3{ background-image: url(../img/gsjjicon13.png);}
.gsjjitems .item.s4{ background-image: url(../img/gsjjicon14.png);}

/* 1-2 */
.bgf5{ background-color: #f5f5f5;}
.ppwh{ margin-top: -0.6rem;}
.ppwh .item{ position: relative; z-index: 1; margin-top: 0.75rem;}
.ppwh .item img{ width: 100%; object-fit: cover;}
.ppwh .item .itemr{ align-items: flex-start; position: absolute; top: 0%; right: 0; z-index: 10; width: 50%; height: 100%; background-color: rgba(255, 255, 255, 0.8); padding: 0.25rem 0.75rem; box-sizing: border-box;}
.ppwh .item .itemr::after{ content: ''; position: absolute; top: 0; right: 0; z-index: 1; width: 80%; height: 100%; background: url(../img/ppwh-bg.png) no-repeat top right / contain;}
.ppwh .item .itemr .cn{ color: #00866e; font-family: 'sy-bd'; font-size: var(--text-size40);}
.ppwh .item .itemr .en{ margin-top: 5px; color: var(--c222); font-family: 'sy-rr'; font-size: var(--text-size24);}
.ppwh .item:nth-child(even){ justify-content: flex-end;}
.ppwh .item:nth-child(even) .itemr{ left: 0; right: auto;}
.ppwh .item:nth-child(even) .itemr::after{ left: 0; right: auto; transform: rotateY(180deg); background-position: top left;}

/* 1-3 */
.fzlc{ position: relative; z-index: 1; padding-left: 0.4rem;}
.fzlc .en{ line-height: 0.7; font-family: 'din-bd'; font-size: var(--text-size80); text-transform: uppercase; color: rgba(51, 51, 51, 0.1);}
.fzlc::before{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 0.12rem; height: 100%; background-image: linear-gradient(180deg, #00a086, transparent); border-radius: 0.12rem;}
.fzlc .years .item{ position: relative; z-index: 1; width: 100%; padding: 0.5rem 0 0.75rem; background-color: #007967; padding-left: 0.4rem;}
.fzlc .years .item .old{ font-size: var(--text-size50); color: #fff; font-family: 'din-bd';}
.fzlc .years .item .new{ position: relative; z-index: 1; justify-content: flex-start; align-items: flex-end; padding-top: 0.625rem; margin-top: 0.5vw; font-size: var(--text-size30); color: #fff;}
.fzlc .years .item .new::before{ content: ''; position: absolute; top: 0; left: 0.64rem; z-index: 10; width: 0; height: 0.625rem; border-left: 1px solid rgba(255, 255, 255, 0.3);}
.fzlc .years .item .new span{ line-height: 0.9; font-family: 'din-bd'; font-size: var(--text-size100);}
.fzlc .years .item::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 0.15rem solid #00866e;}
.fzlc .years .item.active::after{ border-bottom: 0.15rem solid #c7c077;}
.fzlc .years .item:nth-child(1){ background-color: #00866e;}
.fzlc .years .item:nth-child(2){ background-color: #009f83;}
.fzlc .years .item:nth-child(3){ background-color: #dbdbdb;}
.fzlc .years .item:nth-child(3) .old{ color: #666;}
.fzlc .years .item:nth-child(3) .new{ font-family: 'sy-rr'; color: #00866e;}
.fzlc .years .item:nth-child(3) .new span{ font-family: 'sy-bd'; margin-right: 0.2rem;}
.fzlc .years .item:nth-child(3) .new::before{ border-left: 1px solid #9c9c9c;}

.fzlc .items .item{ justify-content: flex-start; align-items: flex-start; margin-top: 0.6rem;}
.fzlc .items .item .txt{ align-items: flex-start;}
.fzlc .items .item .txt .sm{ margin-top: 2px;}
.fzlc .items .num{ font-family: 'sy-bd'; line-height:1.2; font-size: var(--text-size40); color: #00866e;}
.fzlc .items .num::after{ content: ''; display: inline-block; width: 0.8rem; margin: 0 0.4rem; border-bottom: 1px solid rgba(0, 134, 110, 0.3);}
.fzlc .items .name{ line-height: 1.5; min-width: 2.4rem; font-size: var(--text-size24); font-weight: bold; color: #00866e;}
.fzlc .items .sm{ margin-top: 2px; font-size: var(--text-size20); color: var(--c222);}

/* 1-4 */
.zzry{ padding-top: 0.5rem; cursor: url(../img/mouse-move.png), auto;}
.zzry .swiperh,.zzry .swiperv{ position: relative; z-index: 1; padding: 0 1rem 1rem;}
.zzry .swiperh::after,.zzry .swiperv::after{ content: ''; position: absolute; bottom: -0.3rem; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../img/zzrybg.png) no-repeat bottom 0.8rem center / 100% auto;}
.zzry .swiper{}
.zzry .pic{ position: relative; z-index: 1;}
.zzry img{ aspect-ratio: 350/236; width: 100%; object-fit: cover;}
.zzry .pic::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height:100%; background: url(../img/zzry-bord.png) no-repeat center / 100% 100%;}
.zzry p{ margin-top: 0.5rem; font-size: var(--text-size20); color: var(--c333); text-align: center;}

.zzrylist .layui-col-space30{margin:-0.3rem;}
.zzrylist .layui-col-space30>*{padding:0.3rem;}
.zzrylist{ position: relative;margin: 0 0.6rem;}
.zzrylist li{ position: relative;}
.zzrylist li:nth-child(2n + 1)::after{ content: ''; position: absolute; left: -0.4rem; top: 0.6vw; z-index: -1; width: 14rem; height: 100%; background: url(../img/zzrybg.png) no-repeat bottom center / 100% auto;}
.zzrylist .pic{ position: relative; z-index: 1;}
.zzrylist img{ aspect-ratio: 350/236; width: 100%; object-fit: cover;}
.zzrylist p{ margin-top: 0.5rem; font-size: var(--text-size20); color: var(--c333); text-align: center;}

/* 1-5 */
.ssqy{ align-items: flex-start;}
.ssqy .dropmenu{ position: fixed; top: 10rem; left: 0; z-index: 100; width: 6rem; background-color: #fff; transition: 0.3s;}
.ssqy .dropmenu.active{ left: -6rem;}
.ssqy .droplist{ max-height: 14rem; overflow-y: auto;}
/* .ssqy .dropmenu .mbtn{ position: absolute; left: 100%; top: 0; z-index: 1; width: 0; border-style: solid; border-width: 10px 1px; border-color: transparent transparent transparent #007863;} */
.ssqy .mbtn{ position: absolute; left: 100%; top: 0; z-index: 1; width: 1rem; height: 1rem; background-color: #f5f5f5; border: 1px solid #007967; padding: 0.1rem; box-sizing: border-box;}
.ssqy .menubtn{ position: relative; z-index: 1; width: 0.8rem; height: 0.6rem;}
.ssqy .menubtn::before{ content: ''; transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #007967;}
.ssqy .menubtn::after{ content: ''; transition: 0.5s; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #007967;}
.ssqy .menubtn i{ width: 100%; border-bottom: 0.06rem solid #007967;}
.ssqy .menubtn.active i{ opacity: 0; transition: 0.2s;}
.ssqy .menubtn.active::before{ content: ''; left: 0.1rem; transform: rotate(45deg); transform-origin: left bottom;}
.ssqy .menubtn.active::after{ content: ''; left: 0.1rem; transform: rotate(-45deg); transform-origin: left top;}
.ssqy .dropmenu a{ display: block; margin-top: 2px; padding: 0.25rem; background: #f6f6f6;}
.ssqy .fr{ width: 100%; box-sizing: border-box;}
.ssqy .fr .title{ font-size: var(--text-size32); color: var(--c222);}
.ssqy .fr .txt{ margin-top: 0.3rem; line-height: 2;text-align: justify; font-family: 'sy-rr'; color: var(--c222);}
.ssqy .ssnr{ align-items: unset; flex-wrap: wrap; margin-top: 0.5rem;}
.ssqy .ry,.ssqy .gs{ width: 100%; padding: 0.3rem 0.5rem;}
.ssqy .ry{ background: url(../img/ssqy02.jpg) no-repeat center / cover;}
.ssqy .gs{ background: url(../img/ssqy03.jpg) no-repeat center / cover;}
.ssqy .ry .name{ font-size: var(--text-size30); color: #fff; font-family: 'sy-mm';}
.ssqy .ry .sm{ line-height: 2; font-family: 'sy-rr'; font-size: var(--text-size); color: #cefff6; text-align: justify;}
/*.ssqy .ry .sm span{ font-family: 'sy-bd'; color: #fff;}*/
.ssqy .gs{ flex-wrap: wrap; align-items: flex-start;}
.ssqy .gs .item{ width: 48%; margin: 0.2rem 0; padding: 0.3rem; background-color: #fff; border-radius: 1rem; box-sizing: border-box; text-align: center; font-family: 'sy-rr'; font-size: var(--text-size); transition: 0.3s; cursor: pointer;}
.ssqy .gs .item.active{ background-image: linear-gradient(159deg, #329886, #007c68); color: #fff;}

.ssfix{ position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: none;}
.ssfix .wrapper{ height: 100%;}
.ssfix .fixc{ position: relative; z-index: 1; display: block; width: 100%; max-height: 85%; overflow-y: auto;}
.ssfix .fixc > img{ width: 100%; border: 3px solid #00866e; aspect-ratio: 1030/678; object-fit: cover; box-sizing: border-box;}
.ssfix .ssfixr{ width: 100%; padding: 0.625rem; background: url(../img/fixbg.jpg) #fff no-repeat center bottom / 100% auto; box-sizing: border-box;}
.ssfix .ssfixr .name{ margin-top: 0.3rem; font-family: 'sy-rr'; font-size: var(--text-size30); color: var(--c222);}
.ssfix .ssfixr .name::after{ content: ''; margin-top: 0.35rem; display: block; width: 1rem; border-bottom: 2px solid #007967;}
.ssfix .ssfixr .closeicon{ position: absolute; top: 0.5rem; right: 0.5rem; z-index: 1; width: 34px; height: 34px; background: url(../img/closeicon.png) no-repeat center; cursor: pointer;}
.ssfix .ssfixr .txt{ margin-top: 1.2vw; height: 60%; line-height: 2; font-family: 'sy-rr'; overflow-y: auto; text-align: justify;}

/* 4-1 */
.gsywswiper{ margin: 0; background-color: #edfffb;}
.gsywswiper .pic{ position: relative; z-index: 1; width: 100%;}
.gsywswiper .pic .date{ position: absolute; top: 0; left: 0; z-index: 10; background-image: linear-gradient(0deg, #008971, #00b58f); color: #fff; padding: 5px 10px;}
.gsywswiper .pic .date i{ line-height: 1; font-family: 'sy-lt'; font-size: var(--text-size44);}
.gsywswiper .pic .date p{ font-size: var(--text-size14);}
.gsywswiper .pic img{ width: 100%; aspect-ratio: 2/1; object-fit: cover;}
.gsywswiper .swiper-slide{ align-items: unset; flex-direction: column;}
.gsywswiper .fr{ width: 100%; padding: 0.25rem 0.4rem; box-sizing: border-box;}
.gsywswiper .fr .name{ font-size: var(--text-size20); font-weight: bold; color: #008069;}
.gsywswiper .fr .txt{ margin-top: 0.25rem; -webkit-line-clamp: 4; line-height: 1.75; text-align: justify;}
.gsywswiper .fr .more{ position: relative; z-index: 1; justify-content: flex-start; margin-top: 0.25rem; color: #008069;}
.gsywswiper .fr .more img{ margin-left: 5px;}
.gsywswiper .swiper-pagination-progressbar{ top: auto !important; bottom: 0.55rem !important; left: auto !important; right: 0.4rem !important; width: 4rem !important; height: 2px !important; background-color: rgba(0, 127, 105, 0.5);}
.gsywswiper .swiper-pagination-progressbar-fill{ background-color: #007f69 !important;}

.gslist{ padding-top: 0.75rem; margin: 0 0.4rem;}
.gslist .item{ padding: 0.5rem 0; justify-content: space-between; border-top: 1px solid #eaeaea;}
.gslist .item .date{ margin-right: 0.4rem; color: #008069; font-family: 'sy-lt';}
.gslist .item .date i{ line-height: 1; font-size: var(--text-size50);}
.gslist .item .date p{ white-space: nowrap; font-size: var(--text-size14);}
.gslist .item .fr{ width: 82%;}
.gslist .item .fr .name{ font-size: var(--text-size20); color: #008069;}
.gslist .item .fr .sm{ margin-top: 5px; color: #999;}
.gslist .item .more{ width: 0.5rem; display: none;}

.m-page{ margin-top: 0.5rem;}
.m-page a{ margin: 0 0.1rem; padding: 0.15rem 0.3rem; border: 1px solid #d2d2d2; border-radius: 2px; font-size: var(--text-size14); color: #999; font-family: Arial;}
.m-page a.z-crt{ color: #fff; background-color: #007967; border-color: #007967;}
.m-page a.pageprv,.m-page a.pagenxt{ padding: 0.15rem 0.6rem;}

/* 5-1 */
.djlist .item{ position: relative; z-index: 1; flex-direction: row-reverse; padding: 0.625rem 0;}
.djlist .item .date{ color: #e1e1e1; display: none;}
.djlist .item .date i{ line-height: 0.8; font-size: var(--text-size100); color: #ddd; font-family: Arial;}
.djlist .item .date p{ font-family: 'sy-rr'; font-size: var(--text-size24);}
.djlist .item .fr{ width: 67%;}
.djlist .item .fr .name{ font-size: var(--text-size22); font-weight: bold;}
.djlist .item .fr .sm{ margin-top: 0.2rem; line-height: 1.75; -webkit-line-clamp: 3; text-align: justify;}
.djlist .item .more{ padding: 4px 0.25rem; margin-top: 0.5vw; color: #999; font-size: var(--text-size14); border: 1px solid #cccccc; border-radius: 0.75rem;}
.djlist .item .pic{ width: 31%; aspect-ratio: 260/180; object-fit: contain;}
.djlist .item:hover::after{ content: ''; position: absolute; top: 0; left: -15vw; z-index: -1; width: 110vw; height: 100%; background-color: #007967;}
.djlist .item:hover .date{ color: #fff;}
.djlist .item:hover .more{ color: #fff;}
.djlist .item:hover i{ color: #fff;}
.djlist .item:hover .name{ color: #fff;}
.djlist .item:hover .sm{ color: #fff;}
.status1{ color: #017863;}
.status2{ color: #8ec233;}
.status3{ color: #54e5d6;}
.status4{ color: #d3bd00;}

/* 6-1 */
.jbxxlist .item{ padding: 0.3rem 0; border-bottom: 1px dashed rgba(34, 34, 34, 0.2);}
.jbxxlist .item > img{ width: 26%; aspect-ratio: 180/120; object-fit: cover; border: 2px solid #bcbcbc;}
.jbxxlist .item .fr{ width: 70%;}
.jbxxlist .item .name{ transition: 0.3s; font-size: var(--text-size20); font-weight: bold;}
.jbxxlist .item .sm{ margin-top: 0.3rem; line-height: 1.75; text-align: justify; color: #999;}
.jbxxlist .itemb{ display: none; margin-top: 10px; font-family: 'sy-rr'; color: #999;}
.jbxxlist .itemb .more{ transition: 0.3s;}
.jbxxlist .itemb .more i{ margin-right: 10px;}
.jbxxlist .item em{ margin-left: -2px; font-family: '黑体';}
.jbxxlist .item:hover .name{ color: #017863;}
.jbxxlist .item:hover .more{ color: #017863;}

/* 6-2 */
.rsxxlist .item{ align-items: unset; margin-bottom: 0.3rem; background-color: #f6f6f6; transition: 0.3s;}
.rsxxlist .item .date{ width: 20%; padding: 0.3rem 0; background-color: #d7e7e6; color: #fff;}
.rsxxlist .item .date i{ line-height: 0.9; font-family: 'din-mm'; font-size: var(--text-size80);}
.rsxxlist .item .date p{ font-size: var(--text-size18); white-space: nowrap;}
.rsxxlist .item > img{ width: 24px; object-fit: contain; margin-right: 0.5rem; display: none;}
.rsxxlist .item .fr{ width: 74%; padding: 0.3rem;}
.rsxxlist .item .name{ transition: 0.3s; font-size: var(--text-size20); font-weight: bold; color: #444;}
.rsxxlist .item .sm{ margin-top: 0.2rem; line-height: 1.75; color: #aaa; text-align: justify;}
.rsxxlist .itemb .more{ transition: 0.3s;}
.rsxxlist .item:hover{ box-shadow: 0 0 8px rgba(0,0,0,0.3); background-color: #fff;}
.rsxxlist .item:hover .date{ background-color: #009076;}
.rsxxlist .item:hover .name{ color: #017863;}
.rsxxlist .item:hover .sm{ color: #333333;}

/* 6-3 */
.zbcg .zbtop{ position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.zbcg .title{ position: relative; z-index: 1; padding: 0.25rem 0; padding-left: 0.3rem; line-height: 1.6; font-size: var(--text-size30); color: #007c68;}
.zbcg .title::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; height: 1em; margin: auto 0; border-left: 2px solid #009076;}
.zbcg .zbsear{ position: relative; z-index: 1;}
.zbcg .zbtop .inp{ width: 8rem; height: 1.2rem; font-size: var(--text-size); border: 1px solid #aaa; background-color: #f6f6f6; border-radius: 0.75rem; padding: 0 1.8rem 0 0.4rem; box-sizing: border-box;}
.zbcg .zbtop .sub{ position: absolute; top: 0; right: 0; z-index: 10; width: 1.8rem; height: 1.2rem; background: url(../img/searicon.png) no-repeat center; border: 0 none; cursor: pointer;}
.zbcglist { margin-top: 0.3rem;}
.zbcglist .item{ align-items: unset; margin-bottom: 0.3rem; background-color: #f6f6f6;}
.zbcglist .item .date{ width: 20%; padding: 0.3rem 0; background-color: #d7e7e6; color: #fff; transition: 0.3s;}
.zbcglist .item .date i{ line-height: 0.9; font-family: 'din-mm'; font-size: var(--text-size80);}
.zbcglist .item .date p{ font-size: var(--text-size18);}
.zbcglist .item > img{ width: 24px; min-width: 24px; object-fit: contain; margin-right: 0.5rem; display: none;}
.zbcglist .item .fr{ align-items: flex-start; width: 76%; padding: 0.3rem; box-sizing: border-box;}
.zbcglist .item .name{ width: 100%; font-size: var(--text-size20); font-weight: bold; color: #444;}
.zbcglist .item .sm{ margin-top: 10px; line-height: 1.75; color: #aaa; text-align: justify;}
.zbcglist .itemb .more{ transition: 0.3s;}
.zbcglist .item:hover{ box-shadow: 0 0 8px rgba(0,0,0,0.3); background-color: #fff;}
.zbcglist .item:hover .date{ background-color: #009076;}
.zbcglist .item:hover .name{ color: #017863;}
.zbcglist .item:hover .sm{ color: #333333;}


/* 2-1 */
.threemenu{ justify-content: flex-start; flex-wrap: wrap;}
.threemenu .item{ flex-direction: row-reverse; width: 49%; height: 2rem; margin-right: 2%; margin-bottom: 2%; font-family: 'sy-rr'; padding: 0 0.25rem; background-color: #fff; border: 1px solid #cbe2de; box-sizing: border-box; text-align: center;}
.threemenu .item:nth-child(2n+2){ margin-right: 0;}
.threemenu .item img{ margin-right: 5px; display: none;}
.threemenu .item.active{ font-family: 'sy-mm'; border: 1px solid; border-image: linear-gradient(0deg, #007863, #00c59c) 1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}
.threemenu .item.active p{ background-image: linear-gradient(0deg, #007863, #00c59c);}
.threemenu .item.active img{ display: block;}
.serv{ margin-top: 0.75rem; align-items: flex-start; flex-wrap: wrap;}
.serv .fl{ width: 100%;}
.serv .name{ position: relative; z-index: 1; padding: 1rem 0 0.5rem;}
.serv .name::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 10; width: 0.48rem; height: 0.08rem; background-color: #009379;}
.serv .cn{ line-height: 1; font-size: var(--text-size40); color: var(--c222);}
.serv .en{ margin-top: 0.2rem; font-size: var(--text-size20); color: #acacac; text-transform: uppercase;}
.serv .items{ justify-content: flex-start; margin-top: 0.625rem;}
.serv .items .item{ max-width: 50%; width: 3.6rem; padding: 0.25rem; box-sizing: border-box; margin-right: 0.2rem; font-family: 'sy-rr';}
.serv .items .item.active{ font-family: 'sy-mm'; color: #fff; background-color: #009379; border-radius: 2rem;}
.serv .itmnr{ margin-top: 0.75rem; line-height: 2; text-align: justify;}
.serv .fr{ width: 100%;}
.serv .fr img{ width: 100%; aspect-ratio: 750/490; object-fit: cover;}

.sertitle{ position: relative; z-index: 1; margin-top: 0.75rem;}
.sertitle p{ width: 4rem; height: 1.2rem; padding: 0 0.25rem; text-align: center; font-family: 'sy-rr'; font-size: var(--text-size30); color: #fff; background: linear-gradient(159deg, #329886, #007c68); box-sizing: border-box; border-radius: 6px;}
.sertitle::after{ content: ''; position: absolute; top: 50%; left: 0; z-index: -1; width: 100%; border-bottom: 1px solid #00866e;}

.sname{ margin-top: 0.5rem; font-size: var(--text-size30); font-family: 'sy-rr'; color: #007a60;}
.yswiper{ margin: 0.5rem 0.75rem; overflow: hidden;}
.yswiper .num{ font-family: 'din-mm'; font-size: var(--text-size40); background-image: linear-gradient(159deg, #329886, #fff);}
.yswiper .name{ margin-top: 0.1rem; font-size: var(--text-size20); color: var(--c222); font-weight: bold;}
.yswiper .txt{ margin-top: 0.25rem; line-height: 1.75; text-align: justify;}

/* 2-1 */
.yxlist{ flex-wrap: wrap;align-items: normal;}
.yxlist .item{ margin-top: 0.625rem; width: 49%; padding: 0.25rem 0.25rem 0 0.25rem; background-color: #fff; box-sizing: border-box; box-shadow: 0 0 8px rgba(141, 141, 141, 0.3);border: 2px solid #fff;}
.yxlist .item:hover{ border: 2px solid #00a280;}
.yxlist .item img{ width: 100%; aspect-ratio: 375/293; object-fit: cover;}
.yxlist .item p{ line-height: 2.5; font-size: var(--text-size18); color: #000; text-align: center;}
.yxlist .item p.case_desc{ line-height: 1.5; font-size: var(--text-size14); color: #666; text-align: left;}
.loadmore{ width: 7.74rem; max-width: 90%; padding: 0.25rem 0.5rem; box-sizing: border-box; margin: 1rem auto 0; background-color: #fff; border: 2px solid #eaeaea;}
.loadmore img{ margin-right: 0.2rem; width: 0.52rem;}
.loadmore p{ font-size: var(--text-size18); color: #01775e; font-family: 'sy-rr';}

/* 3-1 */
.hbzb{ flex-direction: column;}
.hbzb .fl{ width: 100%;}
.hbzb .fc{ position: relative; z-index: 10; width: 40.88%; display: none;}
.hbzb .fr{ width: 100%; margin-top: 0.5rem;}
.hbzb .fl .name{ position: relative; z-index: 1; padding-bottom: 0.625rem;}
.hbzb .fl .name::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 1.75rem; border-bottom: 1px solid #009379;}
.hbzb .fl .name .en{ font-family: 'din-bd'; font-size: var(--text-size60); color: #dfdfdf; text-transform: uppercase;}
.hbzb .fl .name .en p{ line-height: 0.9; white-space: nowrap;}
.hbzb .fl .name .cn{ font-family: 'sy-rr'; font-size: var(--text-size40); color: var(--c222);}
.hbzb .fl .thrmenu{ flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 0.75rem;}
.hbzb .fl .thrmenu .item{ margin-bottom: 0.25rem; width: 48%; padding: 0.25rem; background-color: #f2f2f2; border-radius: 1rem; text-align: center; font-family: 'sy-rr'; box-sizing: border-box;}
.hbzb .fl .thrmenu .item.active{ background-color: #009379; color: #fff;}
.hbzb .fr .small .swiper-slide{ position: relative; z-index: 1; cursor: pointer;}
.hbzb .fr .small img{ width: 100%; object-fit: contain; aspect-ratio: 120/97; background-color: #2c3642; cursor: pointer;}
.hbzb .fr .small i{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(139deg, rgba(3, 210, 162, 0.8), rgba(0, 124, 104, 0.8)); opacity: 0;}
.hbzb .fr .small i::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url(../img/checkicon.png) no-repeat center / 0.5rem auto;}
.hbzb .fr .small .active i{ opacity: 0;}
.hbzb .fr .smallnr .name{ margin-top: 0.625rem;}
.hbzb .fr .smallnr .en{ font-size: var(--text-size20); color: #009379;}
.hbzb .fr .smallnr .cn{ font-size: var(--text-size30); color: var(--c222);}
.hbzb .fr .smallnr .txt{ margin-top: 0.5rem; line-height: 2; text-align: justify;}
.hbzb .fr .smallnr .item{ display: none;}
.hbzb .fr .smallnr .item:first-child{ display: block;}


/* 3-3-1 */
.yfnlmenu .swiper{width: 100%;height: 100%;}
.yfnlmenu .swiper-slide{position: relative;width: 180px;}
.yfnlmenu .item{display: block;box-sizing: border-box;padding: 1vw;background-color: #f2f2f2;border-radius: 4vw;text-align: center;font-family: 'sy-rr';cursor: pointer;}
.yfnlmenu .item i{display: inline-block;vertical-align: middle;width: 26px;height: 26px;margin-right: 10px;background-repeat: no-repeat;background-size: cover;}
.yfnlmenu .swiper-slide:nth-child(1) i{background-image: url(../img/kycg_i01.png);}
.yfnlmenu .swiper-slide:nth-child(2) i{background-image: url(../img/kycg_i02.png);}
.yfnlmenu .swiper-slide:hover .item,.yfnlmenu .swiper-slide.active .item{font-weight: bold;background-color: #009379;color: #fff;}
.yfnlmenu .swiper-slide:hover:nth-child(1) i,.yfnlmenu .swiper-slide:nth-child(1).active i{background-image: url(../img/kycg_i01h.png);}
.yfnlmenu .swiper-slide:hover:nth-child(2) i,.yfnlmenu .swiper-slide:nth-child(2).active i{background-image: url(../img/kycg_i02h.png);}
.kycgmenu{width: 100%;}
.kycgmenu .swiper{width: 100%;height: 100%;}
.kycgmenu .swiper-slide{position: relative;}
.kycgmenu .item{position: relative;overflow: hidden; align-items: flex-start;height: 2.32rem;padding: 10px;box-sizing: border-box;background-color: #f2f2f2;cursor: pointer;}
.kycgmenu .item:before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../img/kycgmenu_i.png);background-repeat: no-repeat;background-size: 178px;background-position: 150% -50px; pointer-events: none;opacity: 0;}
.kycgmenu .item .en{font-family: 'fonarto-bold';font-size: var(--text-size20);line-height: 1;color: rgba(34,34,34,0.14);}
.kycgmenu .item .cn{font-family: "sy-bd";font-size: var(--text-size16);color: #222;}
.kycgmenu .swiper-slide:hover .item,.kycgmenu .swiper-slide.active .item{background: linear-gradient(to right,#03d2a2,#007c68);}
.kycgmenu .swiper-slide:hover .item:before,.kycgmenu .swiper-slide.active .item:before{opacity: 1;}
.kycgmenu .swiper-slide:hover .en,.kycgmenu .swiper-slide.active .en{color: rgba(255, 255, 255, 0.2);}
.kycgmenu .swiper-slide:hover .cn,.kycgmenu .swiper-slide.active .cn{color: #fff;}
.kycg{flex-direction: column-reverse;padding-top: 0.5rem;}
.kycg .fl{width: 100%;padding-top: 0.5rem;}
.kycg .fr{width: 100%;}
.kycg .content{width: 100%;padding: 4.6vw 0;box-sizing: border-box;}
.kycg .content .nameen{font-family: 'fonarto-bold';font-size: var(--text-size20);background-image: linear-gradient(to right,#03d2a2,#007c68);}
.kycg .content .name{font-family: "sy-mm";font-size: var(--text-size30);color: #222;}
.kycg .content .desc{font-size: var(--text-size20);color: #00866e;}
.kycg .content .list{padding-top: 20px;}
.kycg .content .list p{position: relative;padding-left: 20px;padding-bottom: 10px;font-size: var(--text-size16);color: #222;}
.kycg .content .list p:before{content: '';position: absolute;left: 0;top: 10px;z-index: 1;width: 3px;height: 3px;border-radius: 50%;background-color: #222;}
.kycg .swiper-button{position: relative;width: 100%;height: 0.8rem;}
.kycg .swiper-button-next,.kycg .swiper-button-prev{top: 0;width: 2.08rem;height: 0.8rem;margin: 0;opacity: 1 !important;}
.kycg .swiper-button-prev{left: 0;}
.kycg .swiper-button-next{right: unset;left: 2.18rem;}
.kycg .swiper-button-next::after,.kycg .swiper-button-prev::after{content: '';width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.kycg .swiper-button-prev::after{background-image: url(../img/btn_i01h.png);}
.kycg .swiper-button-next::after{background-image: url(../img/btn_i02h.png);}
.kycg .swiper-button-prev.swiper-button-disabled::after{background-image: url(../img/btn_i01.png);}
.kycg .swiper-button-next.swiper-button-disabled::after{background-image: url(../img/btn_i02.png);}
.kycgswiper .swiper{width: 100%;height: 100%;}
.kycgswiper .swiper-slide{position: relative;}
.kycgswiper .swiper-slide::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;border:2px solid #ccc;pointer-events: none;}
.kycgswiper .swiper-slide::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 50%;background: linear-gradient(to bottom,transparent,rgba(0,147,121,1)); pointer-events: none;}
.kycgswiper .thumb{position: relative;overflow: hidden;}
.kycgswiper .thumb>img{object-fit: cover;}
.kycgswiper p{position: absolute;left: 0;right: 0;bottom: 5%;z-index: 2;text-align: center;font-size: var(--text-size16);color: #fff;}

/* 3-3-2 */
.kyptmenu{width: 100%;}
.kyptmenu .swiper{width: 100%;}
.kyptmenu .swiper-slide{position: relative;}
.kyptmenu .item{position: relative;overflow: hidden; align-items: flex-start;height: 116px;padding: 10px;box-sizing: border-box;background-color: #f2f2f2;cursor: pointer;}
.kyptmenu .item:before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../img/kycgmenu_i.png);background-repeat: no-repeat;background-size: 178px;background-position: 150% -50px; pointer-events: none;opacity: 0;}
.kyptmenu .item .en{font-family: 'fonarto-bold';font-size: var(--text-size20);line-height: 1;color: rgba(34,34,34,0.14);}
.kyptmenu .item .cn{font-family: "sy-bd";font-size: var(--text-size16);color: #222;}
.kyptmenu .swiper-slide:hover .item,.kyptmenu .swiper-slide.active .item{background: linear-gradient(to right,#03d2a2,#007c68);}
.kyptmenu .swiper-slide:hover .item:before,.kyptmenu .swiper-slide.active .item:before{opacity: 1;}
.kyptmenu .swiper-slide:hover .en,.kyptmenu .swiper-slide.active .en{color: rgba(255, 255, 255, 0.2);}
.kyptmenu .swiper-slide:hover .cn,.kyptmenu .swiper-slide.active .cn{color: #fff;}
.kypt{padding-top: 0.5rem;flex-direction: column-reverse;width: 100%;}
.kypt .fl{flex-direction: column;width: 100%;padding-top: 0.5rem;}
.kypt .fr{width: 100%;}
.kypt .content{width: 100%;padding: 4.6vw 0;box-sizing: border-box;}
.kypt .content .nameen{font-family: 'fonarto-bold';font-size: var(--text-size20);background-image: linear-gradient(to right,#03d2a2,#007c68);}
.kypt .content .name{font-family: "sy-mm";font-size: var(--text-size30);color: #222;}
.kypt .content .title{padding-top: 0.5rem;font-weight: bold;font-size: var(--text-size20);line-height: 1.8;background-image: linear-gradient(to right,#03d2a2,#007c68);}
.kypt .content .desc p{position: relative;font-size: var(--text-size16);line-height: 1.8;color: #222;}
.kyptswiper{width: 100%;}
.kyptswiper .swiper{position: relative;overflow: hidden; width: 100%;height: 100%;}
.kyptswiper .swiper-slide{position: relative;}
.kyptswiper .thumb{position: relative;overflow: hidden;}
.kyptswiper .thumb>img{object-fit: cover;}

/* 7-1 */
.lxwm{ flex-direction: column; align-items: unset;}
.lxwm .fl{ width: 100%;}
.lxwm .fl img{ width: 100%; aspect-ratio: 1200/610; border: 2px solid #007967; box-sizing: border-box;}
.lxwm .fr{ width: 100%; padding: 0.25rem 0.3rem; background-color: #f6f6f6; box-sizing: border-box;}
.lxwm .fr{ border-top: 1px solid #eee;}
.lxwm .fr .name .cn{ font-weight: bold; font-size: var(--text-size32); color: #007967;}
.lxwm .fr .name .en{ font-family: 'din-mm'; font-size: var(--text-size24); color: #94c7bd;}
.lxwm .fr .item{ justify-content: flex-start; padding: 0.25rem 0; border-bottom: 1px solid #eee;}
.lxwm .fr .item .lxicon{ width: 1rem; margin-right: 0.25rem;}
.lxwm .fr .item p img{ width: 2.5rem; margin-left: 0.25rem;}
.lxwm .fr .item strong{ margin-right: 5px;}





.type_body{
	display: flex ;
	justify-content: center;
  }




/*主营业务*/
.zyyw{position: relative;overflow: hidden;}
.zyyw .fl .name{ position: relative; z-index: 1; padding-bottom: 2.5vw;}
.zyyw .fl .name::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 7vw; border-bottom: 1px solid #009379;}
.zyyw .fl .name .en{ font-family: 'din-bd'; font-size: var(--text-size60); color: #dfdfdf; text-transform: uppercase;}
.zyyw .fl .name .en p{ line-height: 0.9; white-space: nowrap;}
.zyyw .fl .name .cn{ font-family: 'sy-rr'; font-size: var(--text-size40); color: var(--c222);}
.zyyw .fl .txt{margin-top: 2vw;font-size: var(--text-size16); line-height: 2; text-align: justify;}
.zyyw .main{position: relative;overflow: hidden;margin-top: 4vw;}
.zyyw .itm{position: absolute;left: 0;top: 0;z-index: 1;display:block;padding: 0 0.16rem;font-weight: bold;font-size: 0.24rem;line-height: 0.36rem;color: #006f61;background-color: #fff;border-radius: 0.18rem;animation:moveTB 3s ease-in-out infinite;}
.zyyw .itm1{left: 6.61458333333333%;top:82.97101449275362%;}
.zyyw .itm2{left: 31.77083333333333%;top:47.82608695652174%;}
.zyyw .itm3{left: 69.0625%;top:10.68840579710145%;}
.zyyw .itm4{left: 80.9375%;top:53.44202898550725%;}
@keyframes moveTB{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-10px); }
}

/*数智环卫*/
.szhw{flex-direction: column;}
.szhw .fl{ width: 100%;}
.szhw .fr{ width: 100%;padding-top: 132px;}
.szhw .fl .name{ position: relative; z-index: 1; padding-bottom: 2.5vw;}
.szhw .fl .name::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 7vw; border-bottom: 1px solid #009379;}
.szhw .fl .name .en{ font-family: 'din-bd'; font-size: var(--text-size60); color: #dfdfdf; text-transform: uppercase;}
.szhw .fl .name .en p{ line-height: 0.9; white-space: nowrap;}
.szhw .fl .name .cn{ font-family: 'sy-rr'; font-size: var(--text-size40); color: var(--c222);}
.szhw .fl .txt{ margin-top: 2vw; font-size: var(--text-size16); line-height: 2; text-align: justify;}
.szhw .fr .map{ position: relative;}
.szhw .fr .map>img{ width: 100%; object-fit: cover;}
.szhw .fr .map .itm{position: absolute;left: 50%;top: 50%;z-index: 1;}
.szhw .fr .map .point{position: relative;z-index: 2;width: 8px;height: 8px;border-radius: 4px;background-color: rgba(12, 109, 97, 1);}
.szhw .fr .map .point::before{content: '';position: absolute;left: 2px;top: 2px;z-index: 3;width: 4px;height: 4px;border-radius: 2px;background-color: #fff;}
.szhw .fr .map .point::after{content: '';position: absolute;left: -3px;top: -3px;z-index: -1;width: 14px;height: 14px;border-radius: 7px;background-color: rgba(12, 109, 97, 0.3);animation: sca1 1s linear infinite;}
.szhw .fr .map .info{position: absolute;left: 3px;bottom: 0;z-index: 1;width: 2px;height: 3.24rem;}
.szhw .fr .map .info::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;top:35px;z-index: -1;background-color: rgba(12, 109, 97, 1);}
.szhw .fr .map .round{position: absolute;left: -1rem;top: 0;z-index: 1;width: 2rem;height: 2rem;box-sizing: border-box;padding: 0.2rem;text-align: center;font-weight: bold;font-size: 0.32rem;line-height: 1.1;color: #017061;transition:transform .7s;}
.szhw .fr .map .round::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;background-image: url(../img/szhwi02.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.szhw .fr .map .round.rot3::before{animation: rot3 3s linear infinite;}
.szhw .fr .map .sub{position: fixed;left: 50%;top: 50%;z-index: 1;width: 13.38rem;height: 8.28rem;box-sizing: border-box;padding: 0.9rem;margin: -4.14rem 0 0 -6.69rem; background-image: url(../img/szhwi03.png);background-repeat: no-repeat;background-position: center;background-size: cover;transform: scale(0);transition:transform .3s;}
.szhw .fr .map .subr{}
.szhw .fr .map .sub .close{position: absolute;right: 0.6rem;top: 0.9rem;z-index: 2;width: 0.72rem;height: 0.72rem;background-image: url(../img/szhwi04.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.szhw .fr .map .sub .cn{font-weight: bold; font-size: var(--text-size32);color: var(--c222);}
.szhw .fr .map .sub .en{font-size: var(--text-size16);color: #0f7466;}
.szhw .fr .map .sub .content{position: relative;overflow-y: auto;height: 4.7rem;box-sizing: border-box;padding-right: 0.6rem;margin-top: 5px;font-size: var(--text-size16);line-height: 1.5; color: #666;}
.szhw .fr .map .sub .content::-webkit-scrollbar {
	width:0.24rem;
}
.szhw .fr .map .sub .content::-webkit-scrollbar-track {
	-webkit-box-shadow: 0 0 0.18rem rgba(1,112,97,1);
	border-radius:0.12rem;
}
.szhw .fr .map .sub .content::-webkit-scrollbar-thumb {
	border-radius:0.12rem;
	background:linear-gradient(to bottom,#00b59d,#10786a);
}
.szhw .fr .map .sub .content::-webkit-scrollbar-thumb:window-inactive {
	background:linear-gradient(to bottom,#00b59d,#10786a);
}
.szhw .fr .map .itm1{left: 8.5%;top: 47%;}
.szhw .fr .map .itm1 .info{height: 5.58rem;}
.szhw .fr .map .itm2{left: 29.5%;top: 73%;}
.szhw .fr .map .itm2 .info{height: 5.58rem;}
.szhw .fr .map .itm3{left: 38%;top: 69%;}
.szhw .fr .map .itm3 .info{height: 7.94rem;}
.szhw .fr .map .itm4{left: 44%;top: 68%;}
.szhw .fr .map .itm4 .info{height: 4.5rem;}
.szhw .fr .map .itm5{left: 47.5%;top: 91%;}
.szhw .fr .map .itm6{left: 52.5%;top: 56%;}
.szhw .fr .map .itm6 .info{height: 4.5rem;}
.szhw .fr .map .itm7{left: 55.5%;top: 64%;}
.szhw .fr .map .itm7 .info{height: 8.28rem;}
.szhw .fr .map .itm8{left: 64.5%;top: 93%;}
.szhw .fr .map .itm9{left: 65.5%;top: 48%;}
.szhw .fr .map .itm10{left: 74%;top: 50%;}
.szhw .fr .map .itm10 .info{height: 4.8rem;}
.szhw .fr .map .itm11{left: 78%;top: 92%;}
.szhw .fr .map .itm11 .info{height: 4.5rem;}
.szhw .fr .map .itm12{left: 81%;top: 76%;}
.szhw .fr .map .itm12 .info{height: 5.58rem;}
.szhw .fr .map .itm13{left: 84%;top: 86%;}
.szhw .fr .map .itm14{left: 88%;top: 72%;}
.szhw .fr .map .itm14 .info{height: 5.58rem;}
@keyframes rot3 {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes sca1 {
	0%{
		transform: scale(.8);
		opacity: 0;
	}
	100%{
		transform: scale(1.5);
		opacity: 1;
	}
}
@media (min-width:1200px) {
	.szhw{flex-direction: inherit;}
    .szhw .fl{ width: 27%;}
    .szhw .fr{ width: 70.47058823529412%;}
}
.szhw .fr .map .itm.active{z-index: 2;}
.szhw .fr .map .itm.active .info{overflow: inherit;}
.szhw .fr .map .itm.active .round{transform: scale(1.2);}
.szhw .fr .map .itm.active .sub{transform: scale(1);}

/*公司简介*/
.gsjjnew{ flex-direction: column; }
.gsjjnew .fl{ width: 100%;}
.gsjjnew .fr{ width: 100%;padding-top: 3vw;}
.gsjjnew .fl .thumb{margin-bottom: 1.5vw;}
.gsjjnew .fl .title .cn{ font-size: var(--text-size32); font-family: 'sy-bd'; color: var(--c333);}
.gsjjnew .fl .title .en{font-size: var(--text-size18); font-family: 'sy-rr'; background-image:-webkit-linear-gradient(159deg,#007c68 60%,#329886);}
.gsjjnew .fl .txt{ margin-top: 2vw;text-align: justify; line-height: 2; color: var(--c222);}
.gsjjnew .fr .name{ position: relative; z-index: 1; padding-bottom: 8.3vw;background-image: url(../img/gsjj_i01.png);background-repeat: no-repeat;background-position: right bottom;background-size: 80.62%;}
.gsjjnew .fr .name .en{ font-family: 'din-bd'; font-size: var(--text-size80); color: #dfdfdf; text-transform: uppercase;}
.gsjjnew .fr .name .en p{ line-height: 0.9; white-space: nowrap;}
.gsjjnew .fr .name .cn{ font-family: 'sy-rr'; font-size: var(--text-size40); color: var(--c222);}
.gsjjnew .fr .items{padding-top: 5.3vw;}
.gsjjnew .fr .item{align-items: stretch;}
.gsjjnew .fr .item+.item{margin-top: 0.6rem;}
.gsjjnew .fr .iteml{position: relative;width: 39%;box-sizing: border-box;padding: 1.14vw 0 1.14vw 9.7vw;background-color: #00866e;font-size: var(--text-size24);line-height: 1.2; color: #fff;}
.gsjjnew .fr .item:nth-child(even) .iteml{background-color: #00ac89;}
.gsjjnew .fr .iteml i{position: absolute;left: 1.14vw;top: 1.14vw;z-index: 1;display: block;font-size: var(--text-size60);line-height: .8;font-family: 'din-bd';}
.gsjjnew .fr .iteml i:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;z-index: 1;width: 50%;background: linear-gradient(to left,rgba(0,134,110,1),transparent);}
.gsjjnew .fr .itemr{width: 56%;text-align: justify;font-size: var(--text-size16);line-height: 1.7;color: #222;}
.gsjjnewitems{ flex-wrap: wrap; margin-top: 1.5vw;}
.gsjjnewitems .item{padding: 1vw 0;}
.gsjjnewitems .item .data{ justify-content: flex-start; color: #222;}
.gsjjnewitems .item .data i{ line-height: 1.1; margin-right: 5px; font-size: var(--text-size60); font-family: 'din-mm';}
.gsjjnewitems .item .data sup{ font-size: var(--text-size20); font-family: 'sy-rr';}
.gsjjnewitems .item .sm{ font-size: var(--text-size16); color: #00866e; font-family: 'sy-rr';}
#pdf-container{
  width: 100%;
    min-height: 18rem;  
}