@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: 1920px; */
font:14px/1.4 '微软雅黑','Arial'; 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;}
input,textarea,select{ font-size: var(--text-size); font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}

::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
:-moz-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
::placeholder{color: #999;}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width:5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(0,0,0,0.4);
}



.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;}

/* .wrapper{ padding: 0 12.5vw; } */
.wrapper { width: 1700px; margin: 0 auto; max-width: 100%;}

@media screen and (max-width: 1700px) {
	.wrapper { width: 100%; padding: 0 5%; box-sizing: border-box;}
}

:root{
	--text-size: 16px;
	--text-size14: 14px;
	--text-size16: 16px;
	--text-size18: 18px;
	--text-size20: 20px;
	--text-size22: 22px;
	--text-size24: 24px;
	--text-size30: 30px;
	--text-size32: 32px;
	--text-size40: 40px;
	--text-size44: 44px;
	--text-size50: 50px;
	--text-size60: 60px;
	--text-size80: 80px;
	--text-size90: 90px;
	--text-size100: 100px;
	--text-size130: 130px;
	--c222: #222;
	--c333: #333;
	--c999: #999;
}
@media screen and (max-width: 1440px) {
	:root{
	    --text-size20: 18px;
		--text-size80: 60px;
	}
	
}
@media screen and (max-width: 1200px) {
	:root{
		--text-size: 14px;
		--text-size18: 16px;
		--text-size20: 16px;
		--text-size22: 20px;
		--text-size24: 22px;
		--text-size30: 24px;
		--text-size32: 28px;
		--text-size40: 34px;
		--text-size44: 38px;
		--text-size50: 44px;
		--text-size60: 54px;
		--text-size80: 50px;
		--text-size90: 80px;
		--text-size100: 90px;
		--text-size130: 110px;
	}
	
}
@media screen and (max-width: 1000px) {
	:root{
		--text-size: 12px;
		--text-size14: 12px;
		--text-size16: 14px;
		--text-size18: 14px;
		--text-size20: 14px;
		--text-size22: 18px;
		--text-size24: 20px;
		--text-size30: 20px;
		--text-size32: 24px;
		--text-size40: 30px;
		--text-size44: 34px;
		--text-size50: 40px;
		--text-size60: 50px;
		--text-size80: 40px;
		--text-size90: 76px;
		--text-size100: 84px;
		--text-size130: 100px;
	}
	
}

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

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

/* top */
.top{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height:5.2vw;background-color:#fff;}
.top .wrapper{height:100%;}
.top .logo{ position: relative; z-index: 1; width: 318px;}
.logo > img{ width: 100%;}
.top .menubtn{ display: none;}
.top .nav{ height: 100%;}
.top .nav ul,.top .nav ul .header_li{ height: 100%;position:relative}
.top .nav ul .header_li:not(:first-of-type){ padding-left: 10px; background: url(../img/nav-bord.png) no-repeat center left;}
.top .nav ul .header_li .header_a{position:relative;display: flex; justify-content: center; align-items: center; min-width: 4em; height: 100%; padding: 0 1.5vw; white-space: nowrap; color: var(--c222); font-family: 'sy-rr';}
.top .nav ul .header_li:hover .header_a,
.top .nav ul .header_li.active .header_a{ color: #007967; font-weight: bold;}
.top .nav ul .header_li .submenu{display: none; position: absolute; top: 100%; left: 5px; z-index: 10; line-height: 60px; width: 100%; flex-direction: column; align-content: center; align-items: center;}
.top .nav ul .header_li:nth-last-child(2) .submenu{
    right:0;
}

.top .nav ul .header_li:last-of-type > a{ padding-right: 0;}
.top .nav ul .header_li:hover .submenu{ display: flex;
background-image: -webkit-linear-gradient(139deg, rgba(0, 124, 104, 0.8), rgba(3, 210, 162, 0.8));
/*background: url(../img/menubg.png) repeat-y center center;*/
    
}
.top .nav ul .header_li:hover .submenu a{ display: block; line-height: 48px; text-align: center; color: #9becde; transition: 0.3s; overflow:hidden;font-size:14px;width:100%;height:48px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
/*.top .nav ul .header_li:hover .submenu a:last-child{margin-right: 1.5vw}    */
.top .nav ul .header_li:hover .submenu a:hover{ color: #fff;font-weight: bold;}
/*.top.ishome{background-color:transparent;border-bottom:1px solid rgba(255, 255, 255, .2);}*/
/*.top.ishome .nav ul .header_li .header_a{color: #fff;text-shadow: 0 3px 5px rgba(0, 0, 0, .3);}*/
/*.top.ishome .nav ul .header_li:hover .submenu{ display: flex;background: #fff;}*/
/*.top.ishome .nav ul .header_li:hover .submenu a{color:#999;}*/
/*.top.ishome .nav ul .header_li:hover .submenu a:hover{ color: #007967;}*/

/*.header_li .submenu li{height:40px;line-height:40px;overflow:hidden;padding:0;}*/
/*.header_li .submenu  a{display: block; overflow:hidden;color:#fff;font-weight:normal;font-size:14px;}*/
/*.header_li .submenu  a:hover{background: #000; text-decoration:none;}*/

/*background: #830808;*/
/*    position: absolute;*/
/*    top: 66px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    font-size: 0;*/
/*    text-align: center;*/

/*  */
.container{ position: relative; z-index: 1;}
.banner{ position: relative; z-index: 1;}
/*.banner::after{ content: ''; position: absolute; bottom: -40px; left: 5%; z-index: 100; width: 0; height: 80px; border-left: 1px solid; border-image: linear-gradient(0deg, #007c68, #03d2a2) 1;}*/
.banner .swiper-container {position: relative;overflow: hidden; width: 100%;
/*max-height: 950px;*/
    
}
.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: 40vw;}
.banfont .ts{ margin-top: 8vw; animation: ud1 1s ease infinite;}
/* @keyframes ud1 {
	0%{
		transform: none;
		opacity: 1;
	}
	100%{
		transform: translateY(50%);
		opacity: 0;
	}
} */


/* indexone */
.indexone{ padding-top: 5vw;}
.ititle{ font-family: "sy-mm"; font-size: 50px; color: var(--c222);}
.mainlist{ margin-top: 1.5vw;}
.mainlist .item{ position: relative; z-index: 1; width: 25%; transition: 0.3s; cursor: pointer; overflow: hidden;}
.mainlist .item:hover{ width: 40%; transition: 0.3s;}
.mainlist .item > img{ width: 100%; height: 42vw; 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: 72px; height: 70px;}
.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;}
.mainlist .item .cn{ margin-top: 1.5vw; 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: 3vw; margin-bottom: -5vw; 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: 5% 0;}
.indextwo .wrapper{ align-items: unset;}
.showpic{ display: none;}
.icomp{ width: 55.4%;}
.icomp .name{ margin-top: 1vw;}
.icomp .name .cn{ font-family: 'sy-mm'; font-size: var(--text-size50); color: var(--c222);}
.icomp .name .en{ margin-top: 1vw; font-family: 'sy-rr'; font-size: var(--text-size24); background-image:-webkit-linear-gradient(159deg,#007c68 60%,#329886);}
.icomp .name .txt{ margin-top: 2vw; line-height: 2;text-align:justify; font-size: var(--text-size16); color: var(--c222);}
.icomp .items{margin-top: 0.5vw;}
.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{ width: calc(38.8% + 5.7vw); margin-right: -5.7vw; background-color: #eee; padding: 4% calc(6.5% + 5.7vw) 0 3%; box-sizing: border-box;}
.inews .ititle{}
.inews .items{ margin-top: 2vw; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.inews .item{ position: relative; z-index: 1; display: block; padding: 1vw 0 1vw 3vw; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.inews .item .icon{ position: absolute; top: 1vw; left: 0; z-index: 10; width: 2vw; height: 2vw; 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: 2px solid #cccccc; transition: 0.3s;}
/* .inews .item .icon::after{ content: ''; position: absolute; top: calc(50% - 1px); left: 20%; z-index: -1; width: 60%; border-bottom: 2px solid #007967; 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: 2px 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; height: 0px; 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; transition: 0.3s;}
.inews .item .date img{ display: none;}
.inews .item:hover .sm{ height: 40px;}
.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: 3vw 0;}
.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{ padding: var(--text-size20) 0; border-top: 1px solid rgba(255, 255, 255, 0.06); font-size: var(--text-size14);}
.foot .footbm .betc p{ margin-left: 10px;}


/* ncont */
.nban{ position: relative; z-index: 1;}
.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 .btn{ width: 40vw;}
.nbanfont .ts{ margin-top: 5.5vw;}

.yd{ position: relative; z-index: 10; height: 80px; line-height: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.yd .home{ height: 80px; font-family: 'sy-rr';}
.yd .home p{ margin-left: 15px; color: #007c68;}
.yd .home a,
.yd .home i{ padding: 0 3px;}
.yd .home a img{ margin-right: 25px;}
.yd .menu .item{ padding: 0 2.2vw; font-family: 'sy-rr';}
.yd .menu .item.active{ color: #fff; background: url(../img/menubg.png) repeat-x center left;}


.ncont{ padding-top: 80px; padding-bottom: 80px; overflow: hidden;}
.gsjj{ align-items: unset;}
.gsjj .fl{ width: 47.35%;}
.gsjj .fr{ width: 49.65%;}
.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.8vw;text-align:justify; line-height: 2; color: var(--c222);}
.gsjj .item{ margin-top: 0.5vw;}
.gsjj .item .name{ font-size: var(--text-size20); color: #00866e; font-weight: bold;}
.gsjj .item img{ margin-right: 10px;}
.gsjj .item .sm{ padding-left: 2.2em; margin-top: 5px; line-height: 2; color: var(--c222); text-align: justify;}
.gsjjitems{ flex-wrap: wrap; margin-top: 2.5vw; background-color: #009f83;}
.gsjjitems .item{ width: 25%; padding: 4vw 0; background-repeat: no-repeat; background-position: bottom -1.1vw right -1.1vw; background-size: 10.417vw;}
.gsjjitems .item:nth-child(even){ 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);}

/**/
.bgf5{ background-color: #f5f5f5;}
.ppwh{ margin-top: -3vw;}
.ppwh .item{ position: relative; z-index: 1; margin-top: 3vw;}
.ppwh .item img{ width: 1200px; max-width: 70%;}
.ppwh .item .itemr{ align-items: flex-start; position: absolute; top: 10%; right: 0; z-index: 10; width: 640px; max-width: 37.65%; height: 80%; background-color: rgba(255, 255, 255, 0.9); padding: 1vw 3vw; box-sizing: border-box;}
.ppwh .item .itemr::after{ content: ''; position: absolute; top: 0; right: 0; z-index:  1; width: 480px; max-width: 80%; height: 100%; background: url(../img/ppwh-bg.png) no-repeat top right;}
.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: 1.25vw;}
.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;}


.fzlc{ position: relative; z-index: 1; padding-left: 20px;}
.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: 6px; height: 100%; background-image: linear-gradient(180deg, #00a086, transparent); border-radius: 6px;}
.fzlc .years .item{ position: relative; z-index: 1; width: 100%; padding: 2vw 0 3vw; background-color: #007967; padding-left: 8vw; cursor: pointer;}
.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: 2.5vw; margin-top: 0.5vw; font-size: var(--text-size30); color: #fff;}
/*.fzlc .years .item .new::before{ content: ''; position: absolute; top: 0; left: 1.8em; z-index: 10; width: 0; height: 2.5vw; 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: 1vw solid #00866e;}
.fzlc .years .item.active::after{ border-bottom: 1vw 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: 10px;}
/*.fzlc .years .item:nth-child(3) .new::before{ border-left: 1px solid #9c9c9c;}*/

.fzlc .items{ display: none;}
.fzlc .items .item{ justify-content: flex-start; align-items: flex-start;margin-top: 1.5vw;}
.fzlc .items .item .txt .sm{ margin-top: 5px;}
.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: 40px; margin: 0 20px; border-bottom: 1px solid rgba(0, 134, 110, 0.3);}
.fzlc .items .txt{ align-items:flex-start;}
.fzlc .items .name{ width:90px; min-width: 90px; line-height: 1.7; font-size: var(--text-size24); font-weight: bold; color: #00866e;}
.fzlc .items .sm{ margin-top: 2px; font-size: var(--text-size20); color: var(--c222);}

/* zzry */
.zzry{ padding-top: 2vw; cursor: url(../img/mouse-move.png), auto;}
.zzry .swiperh,.zzry .swiperv{ position: relative; z-index: 1; padding: 0 5vw 4vw;}
.zzry .swiperh::after,.zzry .swiperv::after{ content: ''; position: absolute; bottom: -2.1vw; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../img/zzrybg.png) no-repeat bottom 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: 2vw; font-size: var(--text-size20); color: var(--c333); text-align: center;}

.zzrylist .layui-col-space30{margin:-1.6vw;}
.zzrylist .layui-col-space30>*{padding:1.6vw;}
.zzrylist{ position: relative;margin: 0 5vw;}
.zzrylist li{ position: relative;}
.zzrylist li:nth-child(2n + 1)::after{ content: ''; position: absolute; left: -3vw; top: 3.5vw; z-index: -1; width: 88.54vw; 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: 2vw; font-size: 2.04vw; color: var(--c333); text-align: center;}
@media (min-width:992px) {
    .zzrylist .layui-col-space30{margin:-1.2vw;}
    .zzrylist .layui-col-space30>*{padding:1.2vw;}
    .zzrylist li:nth-child(2n + 1)::after{content:unset;}
    .zzrylist li:nth-child(3n + 1)::after{ content: ''; position: absolute; left: -3.2vw; top: 4.5vw; z-index: -1; width: 88.54vw; height: 100%; background: url(../img/zzrybg.png) no-repeat bottom center / 100% auto;}
    .zzrylist p{ margin-top: 2vw; font-size: 1.54vw; color: var(--c333); text-align: center;}
}
@media (min-width:1200px) {
    .zzrylist .layui-col-space30{margin:-0.8vw;}
    .zzrylist .layui-col-space30>*{padding:0.8vw;}
    .zzrylist li:nth-child(2n + 1)::after{content:unset;}
    .zzrylist li:nth-child(3n + 1)::after{content:unset;}
    .zzrylist li:nth-child(4n + 1)::after{ content: ''; position: absolute; left: -3.6vw; top: 5.5vw; z-index: -1; width: 88.54vw; height: 100%; background: url(../img/zzrybg.png) no-repeat bottom center / 100% auto;}
    .zzrylist p{ margin-top: 2vw; font-size: 1.04vw; color: var(--c333); text-align: center;}
}

/* ssqy */
.ssqy{ align-items: flex-start;}
.ssqy .dropmenu{ width: 240px;}
.ssqy .dropmenu a{ display: block; margin-top: 2px; padding: 0.8vw; background: #f6f6f6;}
.ssqy .dropmenu a.active{ background: #00866e; color: #fff;}
.ssqy .dropmenu a:hover{ background: #00866e; color: #fff;}
.ssqy .fr{ width: calc(100% - 240px - 4vw); padding-right: 7.4vw; box-sizing: border-box;}
.ssqy .fr .title{ font-size: var(--text-size32); color: var(--c222);}
.ssqy .fr .txt{ margin-top: 1.5vw; line-height: 2;text-align: justify; font-family: 'sy-rr'; color: var(--c222);}
.ssqy .ssnr{ align-items: unset; margin-top: 2vw;}
.ssqy .ry,.ssqy .gs{ width: 50%; padding: 1.5vw 2.2vw;}
.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.5vw 0; padding: 8px 0.9vw; background-color: #fff; border-radius: 4vw; box-sizing: border-box; text-align: center; font-family: 'sy-rr'; font-size: var(--text-size); transition: 0.3s; cursor: pointer; min-height: 60px;}
.ssqy .gs .item.active{ background-image: linear-gradient(159deg, #329886, #007c68); color: #fff;}

.ssfix{ position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); justify-content: unset; display: none;}
.ssfix .wrapper{ height: 100%;}
.ssfix .fixc{ position: relative; z-index: 1; width: 100%; align-items: unset;}
.ssfix .fixc > img{ width: 60.6%; border: 3px solid #00866e; min-height: 90%; aspect-ratio: 1030/678; object-fit: cover;}
.ssfix .ssfixr{ position: absolute; top: 10%; right: 0; z-index: 1; width: 42.35%; height: 80%; padding: 2.5vw; background: url(../img/fixbg.jpg) #fff no-repeat center bottom / 100% auto; box-sizing: border-box;}
.ssfix .ssfixr .name{ margin-top: 1.5vw; font-family: 'sy-rr'; font-size: var(--text-size30); color: var(--c222);}
.ssfix .ssfixr .name::after{ content: ''; margin-top: 1.6vw; display: block; width: 4vw; border-bottom: 2px solid #007967;}
.ssfix .ssfixr .closeicon{ position: absolute; top: 2vw; right: 2vw; 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;}

.gsywswiper{ margin: 0 5vw; background-color: #edfffb;}
.gsywswiper .pic{ position: relative; z-index: 1; width: 40%;}
.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: center;}
.gsywswiper .fr{ width: 60%; padding: 1vw 4% 0; box-sizing: border-box;}
.gsywswiper .fr .name{ font-size: var(--text-size20); font-weight: bold; color: #008069;}
.gsywswiper .fr .txt{ margin-top: 1vw; -webkit-line-clamp: 4; line-height: 1.75;}
.gsywswiper .fr .more{ position: relative; z-index: 1; justify-content: flex-start; margin-top: 1vw; color: #008069;}
.gsywswiper .fr .more img{ margin-left: 5px;}
.gsywswiper .swiper-pagination-progressbar{ top: auto !important; bottom: 1.5vw !important; left: auto !important; right: 4% !important; width: 9vw !important; height: 2px !important; background-color: rgba(0, 127, 105, 0.5);}
.gsywswiper .swiper-pagination-progressbar-fill{ background-color: #007f69 !important;}

.gslist{ padding-top: 3vw; margin: 0 5vw;}
.gslist .item{ padding: 2vw 0; border-top: 1px solid #eaeaea;}
.gslist .item .date{ color: #008069; font-family: 'sy-lt';}
.gslist .item .date i{ line-height: 1; font-size: var(--text-size50);}
.gslist .item .date p{ font-size: var(--text-size14);}
.gslist .item .fr{ width: 85%;}
.gslist .item .fr .name{ font-size: var(--text-size20); color: #008069;}
.gslist .item .fr .sm{ margin-top: 5px; color: #999;}
.gslist .item .more{ width: 2vw;}

.m-page{ margin-top: 2vw;}
.m-page a{ margin: 0 5px; padding: 8px 14px; 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: 8px 29px;}

.djlist{ padding-top: 3vw; padding: 0 5vw;}
.djlist .item{ position: relative; z-index: 1; padding: 2.5vw 0 3.3vw;}
.djlist .item .date{ color: #e1e1e1;}
.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.8vw; line-height: 1.75; -webkit-line-clamp: 3; text-align: justify;}
.djlist .item .more{ padding: 4px 1vw; margin-top: 0.5vw; color: #999; font-size: var(--text-size14); border: 1px solid #cccccc; border-radius: 3vw;}
.djlist .item .pic{ width: 17.33%; 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: #d30000;}
.status2{ color: #017863;}
.status3{ color: #f79f16;}
.status4{ color: #375be7;}

.jbxxlist{ margin: 0 5vw;}
.jbxxlist .item{ padding: 1.5vw 0 1vw; border-bottom: 1px dashed rgba(34, 34, 34, 0.2);}
.jbxxlist .item > img{ width: 12%; aspect-ratio: 180/120; object-fit: cover; border: 2px solid #bcbcbc;}
.jbxxlist .item .fr{ width: calc(88% - 1vw);}
.jbxxlist .item .name{ transition: 0.3s; font-size: var(--text-size20); font-weight: bold;}
.jbxxlist .item .sm{ margin-top: 15px; line-height: 1.75; color: #999;}
.jbxxlist .itemb{ 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;}


.rsxxlist{ margin: 0 5vw;}
.rsxxlist .item{ align-items: unset; margin-bottom: 1.5vw; background-color: #f6f6f6; transition: 0.3s;}
.rsxxlist .item .date{ width: 10.667%; min-width: 160px; padding: 1.2vw 0; background-color: #d7e7e6; color: #fff; transition: 0.3s;}
.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);}
.rsxxlist .item > img{ width: 24px; object-fit: contain; margin-right: 2vw;}
.rsxxlist .item .fr{ padding: 1.2vw 3vw;}
.rsxxlist .item .name{ transition: 0.3s; font-size: var(--text-size20); font-weight: bold; color: #444;}
.rsxxlist .item .sm{ margin-top: 10px; 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;}


.zbcg{ margin: 0 5vw;}
.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: 1vw 0; padding-left: 1.5vw; 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: 1.5vw; margin: auto 0; border-left: 3px solid #009076;}
.zbcg .zbsear{ position: relative; z-index: 1;}
.zbcg .zbtop .inp{ width: 10.5vw; min-width: 120px; height: 30px; font-size: var(--text-size); border: 1px solid #aaa; background-color: #f6f6f6; border-radius: 3vw; padding: 0 50px 0 20px; box-sizing: border-box;}
.zbcg .zbtop .sub{ position: absolute; top: 0; right: 0; z-index: 10; width: 50px; height: 30px; background: url(../img/searicon.png) no-repeat center; border: 0 none; cursor: pointer;}
.zbcglist { margin-top: 1.5vw;}
.zbcglist .item{ align-items: unset; margin-bottom: 1.5vw; background-color: #f6f6f6; transition: 0.3s;}
.zbcglist .item .date{ width: 10.667%;padding: 1.2vw 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: 2vw;}
.zbcglist .item .fr{ align-items: flex-start; width: 75%; box-sizing:border-box;}
.zbcglist .item .name{width:100%; transition: 0.3s; 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;}


/* zyyw */
.threemenu{ justify-content: flex-start;}
.threemenu .item{ width: 260px; height: 5.2vw; margin-right: 1vw; font-family: 'sy-rr'; padding: 0 1vw; background-color: #fff; border: 1px solid #cbe2de; box-sizing: border-box; text-align: center;}
.threemenu .item img{ margin-top: 8px; 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: 3vw; align-items: flex-start;}
.serv .fl{ width: 50%;}
.serv .name{ position: relative; z-index: 1; padding: 3.9vw 0 2vw;}
.serv .name::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 10; width: 24px; height: 4px; background-color: #009379;}
.serv .cn{ line-height: 1; font-size: var(--text-size40); color: var(--c222);}
.serv .en{ margin-top: 5px; font-size: var(--text-size20); color: #acacac; text-transform: uppercase;}
.serv .items{ justify-content: flex-start; margin-top: 3.5vw;}
.serv .items .item{ max-width: 50%; width: 180px; padding: 1vw; box-sizing: border-box; margin-right: 5px; font-family: 'sy-rr';}
.serv .items .item.active{ font-family: 'sy-mm'; color: #fff; background-color: #009379; border-radius: 5vw;}
.serv .itmnr{ margin-top: 3vw; line-height: 2; text-align: justify;}
.serv .fr{ width: 44%;}
.serv .fr img{ width: 100%; aspect-ratio: 750/490; object-fit: cover;}

.sertitle{ position: relative; z-index: 1; margin-top: 2.8vw;}
.sertitle p{ width: 200px; height: 60px; padding: 0 1vw; 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: 2vw; font-size: var(--text-size30); font-family: 'sy-rr'; color: #007a60;}
.yswiper{ margin: 2vw 3vw; overflow: hidden;}
.yswiper .num{ font-family: 'din-mm'; font-size: var(--text-size40); background-image: linear-gradient(159deg, #329886, #fff);}
.yswiper .name{ margin-top: 5px; font-size: var(--text-size20); color: var(--c222); font-weight: bold;}
.yswiper .txt{ margin-top: 1vw; line-height: 1.75; text-align: justify;}


.yxlist{ flex-wrap: wrap;justify-content: flex-start;align-items: unset;}
.yxlist .item{ margin-top: 2.5vw; width: 23.5%;margin-right: unset; padding: 10px 10px 0 10px; 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:not(:nth-child(4n+4)){ margin-right: 2%;}
.yxlist .item img{ width: 100%; aspect-ratio: 375/293; object-fit: cover;}
.yxlist .item p{ line-height: 3vw; font-size: var(--text-size18); color: #000; text-align: center;}
.yxlist .item p.case_desc{ line-height: 1.5vw; font-size: var(--text-size14); color: #666; text-align: left;}
.loadmore{ width: 387px; max-width: 90%; padding: 1vw 2vw; box-sizing: border-box; margin: 4vw auto 0; background-color: #fff; border: 2px solid #eaeaea;}
.loadmore img{ margin-right: 10px;}
.loadmore p{ font-size: var(--text-size18); color: #01775e; font-family: 'sy-rr';}

/* 3-1 */
.hbzb .fl{ width: 21.47%;}
.hbzb .fc{ position: relative; z-index: 10; width: 40.88%;}
.hbzb .fr{ width: 26.47%;}
.hbzb .fl .name{ position: relative; z-index: 1; padding-bottom: 2.5vw;}
.hbzb .fl .name::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 7vw; 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{ align-items: flex-start; margin-top: 3vw;}
.hbzb .fl .thrmenu .item{ margin-top: 1vw; width: 180px; padding: 1vw; background-color: #f2f2f2; border-radius: 4vw; text-align: center; font-family: 'sy-rr';}
.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 / 2vw auto;}
.hbzb .fr .small .active i{ opacity: 1;}
.hbzb .fr .smallnr .name{ margin-top: 2.5vw;}
.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: 2vw; 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: 116px;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-size16);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{align-items: stretch;padding-top: 90px;}
.kycg .fl{width: 47%;}
.kycg .fr{width: 50%;justify-content: space-between;align-items:flex-start;}
.kycg .content{display:none; 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;font-size: var(--text-size16) !important;color: #222;}
.kycg .content.active{display:block;}
.kycg .swiper-button{position: relative;width: 100%;height: 40px;}
.kycg .swiper-button-next,.kycg .swiper-button-prev{width: 104px;height: 40px;opacity: 1 !important;}
.kycg .swiper-button-prev{left: 0;}
.kycg .swiper-button-next{right: unset;left: 109px;}
.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{display:none;}
.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;}
.kycgswiper.active{display:block;}

/* 3-3-2 */
.kyptmenu{width: 100%;}
.kyptmenu .swiper{width: 100%;height: 500px;}
.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-size16);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: 90px;width: 100%;}
.kypt .fl{width: calc(100% - 265px);}
.kypt .fr{width: 222px;}
.kypt .content{width: 45.13%;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: 60px;font-weight: bold;font-size: var(--text-size20);line-height: 1.8;background-image: linear-gradient(to right,#03d2a2,#007c68);}
.kypt .content .desc{position: relative;font-size: var(--text-size16) !important;line-height: 1.8;color: #222;}
.kypt .tabcontent{display:none;}
.kypt .tabcontent.active{display:flex;}
.kyptswiper{width: 51.38%;}
.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{ align-items: unset;}
.lxwm .fl{position:relative;width: 70.8%;}
.lxwm .fl:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:1; border: 2px solid #007967;}
.lxwm .fl>img{object-fit: cover;height: 100%;}
.lxwm .fr{ width: 29.2%; padding: 1vw 1.5vw; 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: 1vw 0.5vw; border-bottom: 1px solid #eee;}
.lxwm .fr .item .lxicon{ margin-right: 1vw;}
.lxwm .fr .item p img{ margin-left: 1vw;}
.lxwm .fr .item strong{ margin-right: 5px;}





.type_body{
	display: flex ;
	justify-content: center;
  }
  .jz_title{
	text-align: center;
    font-size: 24px;
    font-weight: 800;
  }
  .jz_small{
	text-align: center;
        font-size: 14px;
       
        color: #817f7f;
  }
  .jz_content{
	color: #000;
        line-height: 2;
        font-size: 16px;
		padding-top: 20px;
		background-color: white;
		/*position: relative;*/
  }
  .jz_content img{
      max-width: 677px;
      display: block;
      text-align: center;
      margin: 0 auto;
  }
 .jz_content img[src*="/fileTypeImages"] {
    display: none !important;
}
  #pdf-container {
            width: 60%;
           text-align: center;
           min-height: 800px;
           border:none; 
           background: white;
           display: block;
           margin:  0 auto;
           /*position: absolute;*/
        }


/*主营业务*/
.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 16px;font-weight: bold;font-size: var(--text-size22);line-height: 1.6;color: #006f61;background-color: #fff;border-radius: 18px;animation:moveTB 3s ease-in-out infinite;}
.zyyw .itm1{left: 6.61458333333333%;top:82.97101449275362%;}
.zyyw .itm2{left: 31.77083333333333%;top:47.82608695652174%; animation-delay:.6s;}
.zyyw .itm3{left: 69.0625%;top:10.68840579710145%;animation-delay:.3s;}
.zyyw .itm4{left: 80.9375%;top:53.44202898550725%;animation-delay:.9s;}
@keyframes moveTB{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-20px); }
}

/*数智环卫*/
.szhw{flex-direction: column;align-items: flex-end;}
.szhw .fl{ width: 100%;}
.szhw .fr{ width: 100%;padding-top: 132px;padding-bottom: 8px;}
.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: 108px;}
.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: -35px;top: 0;z-index: 1;width: 75px;height: 75px;box-sizing: border-box;padding: 10px;text-align: center;font-weight: bold;font-size: 12px;line-height: 1.1;color: #017061;transition:transform .7s;cursor:pointer;}
.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: absolute;left: 40px;top: 0;z-index: 1;width: 372px;height: 230px;box-sizing: border-box;padding: 30px;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{left: unset;right: 40px;}
.szhw .fr .map .sub .close{position: absolute;right: 20px;top: 30px;z-index: 2;width: 24px;height: 24px;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-size18);color: var(--c222);}
.szhw .fr .map .sub .en{font-size: 12px;color: #0f7466;}
.szhw .fr .map .sub .content{position: relative;overflow-y: auto;height: 126px;box-sizing: border-box;padding-right: 20px;margin-top: 5px;font-size: var(--text-size14);line-height: 1.5; color: #666;}
.szhw .fr .map .sub .content::-webkit-scrollbar {
	width:8px;
}
.szhw .fr .map .sub .content::-webkit-scrollbar-track {
	-webkit-box-shadow: 0 0 6px rgba(1,112,97,1);
	border-radius:10px;
}
.szhw .fr .map .sub .content::-webkit-scrollbar-thumb {
	border-radius:10px;
	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: 186px;}
.szhw .fr .map .itm2{left: 29.5%;top: 73%;}
.szhw .fr .map .itm2 .info{height: 186px;}
.szhw .fr .map .itm3{left: 38%;top: 69%;}
.szhw .fr .map .itm3 .info{height: 265px;}
.szhw .fr .map .itm4{left: 44%;top: 68%;}
.szhw .fr .map .itm4 .info{height: 149px;}
.szhw .fr .map .itm5{left: 47.5%;top: 91%;}
.szhw .fr .map .itm6{left: 52.5%;top: 56%;}
.szhw .fr .map .itm6 .info{height: 150px;}
.szhw .fr .map .itm7{left: 55.5%;top: 64%;}
.szhw .fr .map .itm7 .info{height: 276px;}
.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: 160px;}
.szhw .fr .map .itm11{left: 78%;top: 92%;}
.szhw .fr .map .itm11 .info{height: 150px;}
.szhw .fr .map .itm12{left: 81%;top: 76%;}
.szhw .fr .map .itm12 .info{height: 186px;}
.szhw .fr .map .itm13{left: 84%;top: 86%;}
.szhw .fr .map .itm14{left: 88%;top: 72%;}
.szhw .fr .map .itm14 .info{height: 186px;}
@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{ align-items: unset;}
.gsjjnew .fl{ width: 50%;}
.gsjjnew .fr{ width: 45.58%;}
.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: 30px;}
.gsjjnew .fr .iteml{position: relative;width: 35%;box-sizing: border-box;padding: 1.14vw 0 1.14vw 6.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;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 .item:nth-child(even) .iteml i:before{background: linear-gradient(to left,rgba(0,172,137,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';}
.article_detail{width:1100px;margin:0 auto;}