/*基础CSS*/
@font-face {
	font-family: 'SHS_H';
	src: url('./font/SourceHanSansCN-Heavy.otf');
}
@font-face {
	font-family: 'SHS_B';
	src: url('./font/SourceHanSansCN-Bold.otf');
}
@font-face {
	font-family: 'SHS_R';
	src: url('./font/SourceHanSansCN-Regular.otf');
}
*{margin: 0;padding: 0;}
body {
	font-family: 'SHS_R', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	overflow-x: hidden; color: #212121;
}
html { font-size: 14px; overflow-x: hidden; color: #212121; }
li { list-style: none; }
a { text-decoration: none; color: #212121 }
a:hover { text-decoration: none; }
p, dl, dt, dd, ul { margin: 0; padding: 0; }
body.on { overflow: hidden; height: 100vh;}
/*滚动条整体部分*/
::-webkit-scrollbar {
	width: 4px;
	height: 0;
	background: transparent;
}

/*内嵌滑块*/
::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
	border-radius: 5px;
	background: #1aa999;
}

/*外层轨道*/
::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
	border-radius: 0;
	background: #ddd;
}
/**/
.wrap { width: auto; margin: 0 160px; }
.boxShadow { box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .05); }
.bigImg { overflow: hidden;}
.bigImg img { display: block; transition: all .6s; }
.bigImg:hover img { transform: scale(1.1) }
.moreWrap { width: 164px; height: 48px; overflow: hidden; border-radius: 24px; box-shadow: 0 0 5px rgba(0, 0, 0, .05); }
.moreWrap a {
	display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative;
}
.moreWrap a:before {
	content: ''; display: flex; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 2px;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); border-radius: 24px;
}
.moreWrap span { position: relative; z-index: 5; color: #fff; transition: all .3s; margin-right: 30px; }
.moreWrap .arrow {
	position: absolute; z-index: 2; top: 0; right: 0; width: 48px; height: 48px; border-radius: 24px;
	background-color: #fff; color: #aec86f; display: flex; align-items: center; justify-content: flex-end;
	transition: all .3s;
}
.moreWrap .arrow svg { margin-right: 16px; width: 12px; }
.moreWrap:hover .arrow { width: 100%; }
.moreWrap:hover span { color: #11a79c; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/*index header*/
.indexHeader {
	position: fixed; width: 100%; height: 90px; z-index: 99; top: 0; transition: all .3s;
}
.indexHeader .header2 { box-shadow: none!important; }
.indexHeader .header2 .nav { padding-left: 5rem!important; opacity: 0!important; transition: all 1s ease;}
.indexHeader .header2 .logo { left: 0!important; opacity: 0; transition: all 1s ease;}
.indexHeader .header2 .tools { opacity: 0; transition: all 1s ease;}

.indexHeader:hover, .indexHeader.active {box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .05);}
.indexHeader:hover .header1 .logo { opacity: 0; transform: translateX(50%) scale(1); }
.indexHeader:hover .header2 { opacity: 1; background-color: #fff;}
.indexHeader:hover .header2 .nav { padding-left: 0!important; opacity: 1!important; }
.indexHeader:hover .header2 .logo { left: 50%!important; opacity: 1!important; }
.indexHeader:hover .header2 .tools { opacity: 1; }

.indexHeader.active .header1 .logo { opacity: 0; transform: translateX(50%) scale(1); }
.indexHeader.active .header2 { opacity: 1; background-color: #fff;}
.indexHeader.active .header2 .nav { padding-left: 0!important; opacity: 1!important; }
.indexHeader.active .header2 .logo { left: 50%!important; opacity: 1; }
.indexHeader.active .header2 .tools { opacity: 1; }

/*.indexHeader:hover .header1, .header1.hideHeader{ opacity: 0; }*/
/*.indexHeader:hover .header2, .header2.showHeader{ top: 0; }*/


.header1 { height: 100%; display: flex; align-items: center; justify-content: space-between; transition: all .3s;}
.header1 .logo { transition: all .3s; }
.header1 .logo img { width: 202px; display: block; }
.header1 .icons { display: flex; align-items: center}
.header1 .icons img { display: block; width: 24px;}
.header1 .icons .search{ margin-left: 30px;}
.header2 {  position: absolute; z-index: 2; top: 0; width: 100%; height: 100%; transition: all .3s; }
.header2 .wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; }
.header2 .wrap .nav { display: flex; align-items: center; height: 100%; padding-left: 0; opacity: 1;}
.header2 .wrap .nav .navItem { margin-right: 48px; height: 100%;  }
.header2 .wrap .nav .navLink { display: flex; height: 100%; align-items: center; position: relative; font-size: 16px }
.header2 .wrap .nav .navLink:after { content: ''; display: block; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; transition: all .3s;}
.header2 .wrap .nav .navLink:hover:after, .header2 .wrap .nav .navItem.cur .navLink:after {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); width: 100%;
}
.header2 .wrap .tools { display: flex; align-items: center; }
.header2 .wrap .tools .tel { display: flex; align-items: center;color: #666; font-family: SHS_B; font-size: 24px; }
.header2 .wrap .tools .tel img { margin-right: 16px;}
.header2 .wrap .tools .search { width: 160px; height: 48px; position: relative; margin-left: 48px;}
.header2 .wrap .tools .search form { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative; background: #eee; border-radius: 48px;}
.header2 .wrap .tools .search input { display: block; width: 80%; height: 80%; border: 0; outline: none; background-color: transparent; }
.header2 .wrap .tools .search button {
	position: absolute; width: 24px; height: 24px; z-index: 2; top: 12px; right: 16px;
	border: 0; background: url('../img/icon_search_h.svg');
}
.header2 .wrap .tools .m_menu { display: none; }
.header2 .wrap .logo { position: absolute; height: 100%; left: 50%; transform: translateX(-50%);  }
.header2 .wrap .logo a { width: auto; height: 100%; display: flex; align-items: center; }
.header2 .wrap .logo img { width: auto; height: 80%; display: block; }

.header2.head-move { top: -90px!important;}

.subNavWrap { display:none; background: #fff url('../img/bg28.png') bottom right no-repeat; padding: 60px 0; border-top: 1px solid #eee;}
.subNavWrap .wrap { display: flex; align-items: flex-start; justify-content: space-between; }
.subNavWrap .wrap ._l { width: 25%; padding-top: 10px;}
.subNavWrap .wrap ._l .img { position: relative; width: 100%; border-radius: 16px; overflow: hidden; }
.subNavWrap .wrap ._l .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.subNavWrap .wrap ._l .img .desc {position: absolute; left: 0; right: 0; bottom: 20px; z-index: 22; background-color: rgba(255,255,255,0.6)}
.subNavWrap .wrap ._l .img .desc span {font-size: 18px; font-family: SHS_B; margin-left: 30px; line-height: 58px;}
.subNavWrap .wrap .line { width: 1px; height: 360px; background-color: #eee;}
.subNavWrap .wrap ._r { width: 60%; }
.subNavWrap .wrap ._r .name { font-size: 24px; font-family: SHS_B; border-bottom: 1px solid #eee; line-height: 54px; padding-bottom: 10px; }
.subNavWrap .subNavList { padding-top: 40px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; }
.subNavWrap .subNavList .img { border-radius: 8px; overflow: hidden;}
.subNavWrap .subNavList .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.subNavWrap .subNavList .subName { font-size: 18px; font-family: SHS_R;  padding-top: 20px;}

.subNavWrap.subNavWrap5 .wrap ._r { width: 62.5%!important; }
.subNavWrap .proSubNav { border-bottom: 1px solid #eee; padding-bottom: 20px; display: flex; justify-content: space-between; }
.subNavWrap .proSubNav .item { cursor: pointer; color: #999; font-size: 16px; font-family: SHS_R; transition: all .3s;}
.subNavWrap .proSubNav .item.cur, .subNavWrap .proSubNav .item:hover { color: #222;}
.subNavWrap .proListBox .item { display: none; }
.subNavWrap .proListBox ._proList {padding-top: 40px; padding-bottom: 40px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; }
.subNavWrap .proListBox ._proList .img { border-radius: 8px; overflow: hidden; background-color: #fff; box-shadow: 0 0 5 rgba(0,0,0,.03);}
.subNavWrap .proListBox ._proList .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.subNavWrap .proListBox ._proList .tit { padding: 15px 20px; color: #666; font-family: SHS_R; text-align: center;}
.subNavWrap .proListBox .more { display: flex; align-items: center; font-family: SHS_R; font-size: 16px;}
.subNavWrap .proListBox .more .arrow { color: #aec86f; width: 12px; margin-left: 5px;}

.subNavWrap.subNavWrap8 .subNavList { grid-template-columns: repeat(3, 1fr); }
.subNavWrap.subNavWrap8 .wrap a { font-size: 18px; margin-left: 30px; }
.subNavWrap.subNavWrap8 .wrap a:first-child { margin: 0; }

.subNavWrap.subNavWrap9 .wrap { justify-content: center; }
.subNavWrap.subNavWrap9 .wrap a { font-size: 18px; margin-left: 50px; }
.subNavWrap.subNavWrap9 .wrap a:first-child { margin: 0; }

.subNavWrap.subNavWrap11 .wrap { justify-content: center; }
.subNavWrap.subNavWrap11 .wrap a { font-size: 18px; margin-left: 50px; display: flex; align-items: center; }
.subNavWrap.subNavWrap11 .wrap a .ico { width: 24px; margin-right: 10px; }
.subNavWrap.subNavWrap11 .wrap a:first-child { margin: 0; }

.header { width: 100%; /*height: 90px;*/ }
.header .header2 {background: #fff;  position: fixed; height: 90px; z-index: 60; }

.mMenuBox { display: none; }
/*banner*/
.banner { height: 100vh; }
.banner .swiper-slide { overflow: hidden; }
.banner .inner {
	position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 10%;
	display: flex; align-items: center; justify-content: center;
}
.banner .inner .text { text-align: center; color: #fff; font-family: SHS_H; transform: translateY(80px); opacity: 0; transition: all 1s ease; }
.banner .inner .tit { font-size: 90px; margin-bottom: 20px; }
.banner .inner .subTit { font-size: 58px; }
.banner .banSlide1 .inner .text div {
	background-image:-webkit-linear-gradient(-90deg, #fff, #fff 40%, rgba(255,255,255,.6));
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
	filter:drop-shadow(0 0 5px rgba(0,0,0,.5))
}

.banner .banSlide2 .inner { left: 160px; padding-bottom: 20px; justify-content: flex-start; align-items: flex-end;}
.banner .banSlide2 .inner .text { text-align: left;}
.banner .banSlide2 .inner .tit { font-size: 48px; line-height: 1; margin-bottom: 20px; }
.banner .banSlide2 .inner .subTit { font-size: 48px; line-height: 1; }

.banner .banSlide3 .inner { left: 160px;justify-content: flex-start;}
.banner .banSlide3 .inner .text { text-align: left;}
.banner .banSlide3 .inner .tit { font-size: 90px; line-height: 1; margin-bottom: 40px; }
.banner .banSlide3 .inner .subTit { font-size: 48px; font-family: SHS_R; line-height: 1.4; }

.banner .banSlide4 .inner .text { width: 890px; max-width: 890px; height: 480px; display: flex; align-items: center; justify-content: center;
	background-color: rgba(255,255,255,.2); border-radius: 24px; border: 1px solid #fff; }
.banner .banSlide4 .inner .tit { font-size: 58px; line-height: 1; margin-bottom: 30px; }
.banner .banSlide4 .inner .subTit { font-size: 36px; line-height: 1.4; }

.banner .banSlide4 .inner .jidi { padding-top: 55px; display: flex; align-items: center; justify-content: center;}
.banner .banSlide4 .inner .deco { border: 1px solid #fff; border-radius: 50%; width: 96px; height: 96px; display: flex; align-items: center; justify-content: center;}
.banner .banSlide4 .inner .name { padding-top: 16px; font-size: 18px; font-family: SHS_B;}
.banner .banSlide4 .inner .jidi .item:nth-child(2) {margin: 0 160px;}
.banner .banImg {
	width: 100%; display: block; height: 100%; object-fit: cover;
	transition: 1s linear 2s; transform: scale(1.1, 1.1);
}
.banner .inner .text.slideInUp { transform: translateY(0); opacity: 1; }
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img {
	transition: 5s linear; transform: scale(1, 1);
}
.banner .__pagination {
	width: auto;
	position: absolute; bottom: 80px; left: auto; right: 160px; z-index: 99;
}
.banner .__pagination span { display: inline-block; cursor: pointer; width: 37px; height: 43px; position: relative; border-radius: inherit; opacity: 1; }
.banner .__pagination span + span { margin-left: 35px!important; }
.banner .__pagination span:before {
	content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;
	clip-path: inset(100% 0px 0%);  transition: all .3s;
}
.banner .__pagination span:nth-child(2n-1) {
	background: url('../img/idot1.png') no-repeat;
}
.banner .__pagination span:nth-child(2n-1):before {
	background: url('../img/idot1_h.png') no-repeat;
}
.banner .__pagination span:nth-child(2n) {
	background: url('../img/idot2.png') no-repeat;
}
.banner .__pagination span:nth-child(2n):before {
	background: url('../img/idot2_h.png') no-repeat;
}
.banner .__pagination .swiper-pagination-bullet-active:before {
	 animation: progress 4.5s; animation-delay: 0.8s;
 }
.banner .__pagination span.banNext:before {
	animation: progress 4.5s linear infinite;
}
@keyframes progress {
	from {
		clip-path: inset(100% 0px 0%);
	}
	to {
		clip-path: inset(0% 0px 0%);
	}
}
.banner .scroll {
	position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; z-index: 3; cursor: pointer;
}
.banner .scroll img { width: 48px; height: 33px; animation: scroll_ 2s linear infinite; }
.banner .scroll span { color: #fff;  display: block; text-align: center; padding-top: 10px; font-family: SHS_R; }
@keyframes scroll_ {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0px);
	}
}
/**/
.iProSort {width: 100%; padding-bottom: 80px; background: url('../img/bg1.png') no-repeat center bottom; background-size: cover;}
.iProSort .titWrap {text-align: center; padding-top: 80px; padding-bottom: 90px;}
.iProSort .titWrap .subTit { font-size: 24px; font-family: SHS_R; color: #00713b; line-height: 1; }
.iProSort .titWrap .tit { font-size: 58px; font-family: SHS_B; color: #222; line-height: 1; padding-top: 20px; }
.iProSort .wrap { position: relative; }
.iProSort .wrap .navBtn { width: 33px; height: 48px; position: absolute; top: 50%; cursor: pointer;
	display: flex; align-items: center;}
.iProSort .wrap .navBtn svg { display: block; width: 100%; }
.iProSort .wrap .navBtn { color: #d1d2d4; transition: all .3s; }
.iProSort .wrap .navBtn:hover { color: #AEC86F }
/* AEC86F */
.iProSort .wrap .navNext { right: -60px}
.iProSort .wrap .navPrev {  left: -60px; transform: scaleX(-1);}
.navSwiper {}
.navSwiper .navItem { position: relative; padding-top: 80px;}
.navSwiper .navItem .name { position: absolute; width: 100%; top: 30px; transition: all .3s;
	z-index: 2; text-align: center; font-size: 24px; font-family: SHS_B; color: #212121; }
.navSwiper .navItem .ico{ height: 150px; display: flex; justify-content: center; align-items: center; }
.navSwiper .navItem .ico img{ max-width: 100%; max-height: 100%; display: block;}
.navSwiper .swiper-slide-active .name { top: 0;}
.navSwiper .swiper-slide-active .name span {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

.iProSort .inner { margin-top: 90px; height: 640px; }
.iProSort .inner .logo {  width: 100%; position: absolute; z-index: 2; top: 0; }
.iProSort .inner .logo img { display: block; width: 75%; margin: auto; transition: all .3s; }
.iProSort .inner .curSlide { position: relative; z-index: 20; padding-top: 80px; height: 100%; box-sizing: border-box;}
.iProSort .inner .curSlide .ico { display: flex; align-items: center; justify-content: center; }
.iProSort .inner .curSlide .ico img { display: block; height: 400px; }
.iProSort .inner .curSlide .moreWrap {
	position: absolute; z-index: 2; left: 50%; bottom: 50px; margin-left: -82px;
}

.iProSort .inner ._navSwiper { z-index: 20; padding-top: 80px; height: 100%; box-sizing: border-box;}
.iProSort .inner ._navSwiper .swiper-slide { position: relative; }
.iProSort .inner ._navSwiper .ico { display: flex; align-items: center; justify-content: center; }
.iProSort .inner ._navSwiper .ico img { display: block; height: 400px; }
.iProSort .inner ._navSwiper .swiper-slide .moreWrap {
	position: absolute; z-index: 2; left: 50%; bottom: 50px; margin-left: -82px;
}

.iAbout {
	width: 100%; background: url('../img/bg2.jpg') center bottom no-repeat; background-size: cover; padding-bottom: 180px;
	position: relative;
}
.iAbout:before { content: ''; display: block; width: 56.8%; position: absolute;
	z-index: 1; top: 0; left: 0; height: 160px; background: url('../img/2002.png') no-repeat;
	background-size: contain;
}
.iAbout .wrap { position: relative; z-index: 22; display: flex; }
.iAbout .wrap ._l { font-family: SHS_B; margin-right: 120px; padding-top: 90px; }
.iAbout .wrap ._l .name { color: #00713b; font-size: 24px;}
.iAbout .wrap ._l .def { font-size: 58px; line-height: 1.4; }
.iAbout .wrap ._c { padding-top: 30px;}
.iAbout .wrap ._c .icon { display: flex; align-items: center; }
.iAbout .wrap ._c .icon img { display: block; }
.iAbout .wrap ._c .def { font-family: SHS_B; padding-top: 40px; font-size: 32px; line-height: 1.4; }
.iAbout .wrap ._c .info { width: 520px; padding-top: 20px; color: #666; font-size: 18px; font-family: SHS_R; margin-bottom: 70px;}
.iAbout .wrap ._c .moreWrap { margin-top: 70px;}
.iAbout .wrap ._c .serviceItem { width: 610px;}
.iAbout .wrap ._r {margin-left: auto; padding-top: 120px; width: 30%;}
.iAbout .wrap ._r .logo {
	display: flex; flex-wrap: wrap;
}
.iAbout .wrap ._r .item { display: block; width: calc( 50% - 10px ); object-fit: contain; transition: all .3s; position: relative;}
.iAbout .wrap ._r img { display: block; width: 100%; object-fit: contain; transition: all .3s; }
.iAbout .wrap ._r .item:hover { filter:drop-shadow(0 3px 8px rgba(0,0,0,.5)) }
.iAbout .wrap ._r .item:nth-child(2) { margin-left: 19px;}
.iAbout .wrap ._r .item img.sb { opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 1; }
.iAbout .wrap ._r .item span { opacity: 0; transition: all .3s; width: 100%; height: 20%; display: flex; align-items: center; justify-content: center;
	position: absolute; z-index: 2; color: #fff; font-size: 18px; bottom: 20%; text-align: center;}
.iAbout .wrap ._r .item:hover img.sb  {opacity: 1;}
.iAbout .wrap ._r .item:hover span {opacity: 1;}



/*.iAbout .wrap ._r img { display: block; width: calc( 50% - 10px ); object-fit: contain; transition: all .3s; }
.iAbout .wrap ._r img:hover { filter:drop-shadow(0 3px 8px rgba(0,0,0,.5)) }
.iAbout .wrap ._r img:nth-child(2) { margin-left: 19px;}*/

.serviceItem {
	display: flex; justify-content: space-between; width: 100%;
}
.serviceItem ._info { line-height: 1; }
.serviceItem ._info span { font-family: SHS_H }
.serviceItem ._info span.numMove { font-size: 80px; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.serviceItem ._info span.unit { font-size: 40px; color: #11a79c }
.serviceItem ._tit { padding-top: 10px; font-size: 18px; font-family: SHS_R; }

.ipart02{position:relative; height: 49vw; overflow:hidden;}
.ipart02 .container{position:absolute; top:0; left:0; width:100%; height:100%;}
.ipart02 .container .infor{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%; text-align:center;}
.ipart02 .container .infor .en_tit{font-size:18px; line-height:1; text-align:center; color:#fff; font-weight:bold;}
.ipart02 .container .infor .tit{font-size:58px; font-family: SHS_B; line-height:1.4; text-align:center; color:#fff; font-weight:bold; margin-top:10px;}
.ipart02 .container .infor .con{font-size:24px; font-family: SHS_R; line-height:2; text-align:center; color:#fff; margin-top:20px;}
.ipart02 .container .infor .item_list{font-size:0; white-space:nowrap; margin-top:50px; text-align:center;}
.ipart02 .container .infor .item_list .item{text-align:center; display:inline-block; margin-right:150px;}
.ipart02 .container .infor .item_list .item:last-child{margin-right:0;}
.ipart02 .container .infor .item_list .item .t{font-size:24px; font-family: SHS_B; line-height:1; color:#fff; margin:10px 0;}
.ipart02 .container .infor .item_list .item .c{font-size:16px; line-height:2; color:#fff;}
.ipart02 .container .infor .moreWrap {display:inline-block; margin-top:80px;}
.ipart02 .container .content{position:relative; height:100%; z-index:1;}
.ipart02 .container .content::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .42); z-index:1;}
.ipart02 .container .list{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transform:rotate(-10deg) scale(1.3);}
.ipart02 .container .list .row{height:31.83%; margin-top:1.5%;}
.ipart02 .container .list .row ul{height:100%;}
.ipart02 .container .list .row .item{float:left; position:relative; width:23.5%; height:100%; margin-right:1.5%; border-radius:30px; background:#000; overflow:hidden;}
.ipart02 .container .list .row .item img{max-width:none; width:100%; height:100%; object-fit:cover;}


.partners { position: relative; padding: 60px 0; z-index: 3;}
.partnerBox { position: relative; z-index: 3; width: 100%; height: 160px; overflow: hidden }
.partnerBox ul { position: absolute; left: 0; top: 0; height: 100%; }
.partnerBox ul li { float: left; width: 320px; height: 160px; }
.partnerBox ul li img { display: block; width: 100%; height: 100%; }
.partners .numBox {position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.partners .numBox:after { content: ''; display: block; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 100%;
	background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,.7) 30%, rgba(255,255,255,0) 40%);}
.partners .numBox span { font-size: 240px; line-height: 1; font-family: SHS_H; opacity: .2; }
.partners .numBox span.unit { font-size: 120px; color: #11a79c; }
.partners .numBox span:nth-child(1){background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.iNews { position: relative; margin-top: 120px; }
.iNews img.bg { display: block; width: 28%; object-fit: contain; position: absolute; z-index: 0; right: -37px; top: -90px;}
.iNews .desc { margin-top: 40px; width: 50%; display: flex; flex-wrap: wrap; opacity: .1;}
.iNews .desc span {
	font-size: 96px; line-height: 1; font-family: SHS_H; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.iNewsBox { display: grid; grid-template-columns: 500px auto; grid-gap: 30px; position: relative; z-index: 22; }
.iNewsBox ._l .name { color: #00713b; font-size: 24px; font-family: SHS_B;}
.iNewsBox ._l .def { color: #222; font-size: 58px; line-height: 1.4; font-family: SHS_B; margin-bottom: 50px;}
.iNewsBox ._r {
	display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; padding-right: 40px;
}
.iNewsBox ._r .iNewsItem { position: relative; }
.iNewsBox ._r .iNewsItem a { display: block; position: relative; border-radius: 24px; overflow: hidden; }
.iNewsBox ._r .iNewsItem img { position: relative; width: 100%; object-fit: cover; display: block; }
.iNewsBox ._r .iNewsItem .info { position: absolute; z-index: 3; width: 100%; bottom: 10%; transition: all .6s; background-color: rgba(255,255,255,.8) }
.iNewsBox ._r .iNewsItem .text { padding: 20px 30px; }
.iNewsBox ._r .iNewsItem .text .date { font-size: 16px; font-family: SHS_R; }
.iNewsBox ._r .iNewsItem .text .tit { color: #212121; width: 80%; font-size: 24px; font-family: SHS_B; overflow: hidden;text-overflow: ellipsis; white-space: nowrap }

/*ban*/
.ban { width: 100%; height: 720px; background-position: center; background-size: cover; display: flex; align-items: center;}
.ban .inner { width: 100%; position: relative; z-index: 1; padding: 50px 0;}
.ban .inner .bg { width: 100%; position: absolute; z-index: 1; top: 0; bottom: 0; background-color: rgba(255,255,255,.2)}
.ban .inner .text { position: relative; z-index: 3; text-align: center; margin: auto; font-family: SHS_B; color: #fff; }
.ban .inner .text .subname { font-size: 24px; }
.ban .inner .text .name { font-size: 58px; }
.ban .inner .text .def { font-size: 24px; font-family: SHS_R; padding-top: 20px; }
.ban .inner .text .navBox { padding-top: 50px; display: flex; align-items: center; justify-content: center; }
.ban .inner .text .navBox span { width: 160px; height: 48px;  color: #fff; margin: 0 60px;
	  font-size: 18px; border-radius: 24px; overflow: hidden; }
.ban .inner .text .navBox span a { display: block; width: 100%; height: 100%; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
	color: #fff; border: 1px solid #fff; border-radius: 24px; transition: all .3s;}
.ban .inner .text .navBox span a:hover {background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); border: 0;}
/*news*/
.newsList { margin-top: 40px;}
.newsList .item { background-color: #fff; transition: all .6s;}
.newsList .item:hover { background-color: #f5f5f5;}
.newsList .item:hover .more span {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.newsList .newsItem {
	margin: 0 100px; display: flex; padding: 50px 0; border-bottom: 1px solid #eee; position: relative; z-index: 1;
}
.newsList .newsItem .img { width: 320px; border-radius: 16px; overflow: hidden; margin-right: 90px;}
.newsList .newsItem .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.newsList .newsItem .inner { width: calc( 100% - 410px ); display: flex; align-items: center; }
.newsList .newsItem .inner .info { width: 100%; }
.newsList .newsItem .inner .ellipsis { overflow: hidden;text-overflow: ellipsis; white-space: nowrap }
.newsList .newsItem .inner .date { font-size: 16px; color: #666; }
.newsList .newsItem .inner .title {font-size: 24px; color: #222; font-family: SHS_B; }
.newsList .newsItem .inner .desc { width: 100%; font-size: 16px; color: #666; font-family: SHS_R; padding-top: 10px; padding-bottom: 30px;}
.newsList .newsItem .inner .more a { display: flex; align-items: center; }
.newsList .newsItem .inner .more span { transition: all .3s;}
.newsList .newsItem .inner .more .ico { color: #aec86f; width: 10px; margin-left: 5px; }
.newsList .wrap {position: relative; z-index: 1; overflow: hidden;}
.newsList .wrap .arrow { color: #fff; width: 360px; height: 160%; object-fit: cover; position: absolute; z-index: 0; top: 0; right: 0;}

.newsTop { position: relative; z-index: 1;}
.newsTop img.bg {position: relative; z-index: 3; display: block; width: 32.75%; margin-top: -50px; object-fit: cover; margin-left: auto; pointer-events: none; }
.newsTopBox { width: 100%; height: 140%; background-color: #fff; box-sizing: border-box;
	padding: 80px 100px; position: absolute; bottom: 0; z-index: 2; border-radius: 24px;}
.newsRecommend { width: 100%; height: 100%; }
.newsRecommend .newsBox {height: 100%; display: grid; grid-template-columns: 41.4% auto; grid-gap: 80px; }
.newsRecommend .newsBox .img { overflow: hidden; height: 100%; border-radius: 24px; }
.newsRecommend .newsBox .img img { display: block; width: 100%; height: 100%; object-fit: cover;  }
.newsRecommend .newsBox .inner { display: flex; padding-top: 30px; position: relative; }
.newsRecommend .newsBox .inner .text { margin-bottom: 30px}
.newsRecommend .newsBox .inner .date { font-size: 16px; color: #666; font-family: SHS_R; margin-bottom: 10px; }
.newsRecommend .newsBox .inner .tit {
	font-size: 24px; font-family: SHS_B; color: #222; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;
	-webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.newsRecommend .newsBox .inner .desc {
	font-size: 16px; color: #666; font-family: SHS_R; margin-top: 20px;
	word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;
	-webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.newsRecommend .newsBox .inner .more { margin-top: 50px; font-size: 16px; font-family: SHS_R;  }
.newsRecommend .newsBox .inner .more a { display: flex; align-items: center;  }
.newsRecommend .newsBox .inner .more span { color: #222; transition: all .3s;}
.newsRecommend .newsBox .inner .more .ico { width: 10px; margin-left: 10px; color: #aec86f; }
.newsRecommend .newsBox .inner .more a:hover span {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.newsRecommend ._pagination { position: absolute; z-index: 20; left: calc( 41.4% + 80px ); bottom: 0; width: auto; }
.newsRecommend ._pagination span { width: 40px; height: 8px; border-radius: 8px; overflow: hidden;
	background-color: #fff; border: 1px solid #f6f6f6; opacity: 1; position: relative; transition: all .3s;}
.newsRecommend ._pagination span:before {
	content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); transition: all .3s;
}
.newsRecommend ._pagination span:hover { border: 1px solid #eee; }
.newsRecommend ._pagination .swiper-pagination-bullet-active:before {
	width: 100%;
	/*animation: progress2 3s; animation-delay: 0.8s; animation-fill-mode:forwards*/
}
.headerBg { width: 100%; height: 150px;  }
.newsHeard { width: 100%; background-color: #fff; position: fixed; top: 0; z-index: 60; }
.newsHeard .header { border-bottom: 1px solid #eee; padding-top: 90px; transition: all .3s;}
/*.newsHeard .header2 { position: relative!important; }*/
.newsHeard .boxShadow { box-shadow: none!important; }
.newsContainer { padding-top: 30px; padding-bottom: 80px; position: relative; background: url('../img/bg7.png') no-repeat center 440px; }
.newsContainer .wrap { width: 62.5%; margin: auto;}
.newsContainer .titBox { padding-top: 90px; }
.newsContainer .titBox .tit { font-size: 38px; font-family: SHS_B;}
.newsContainer .titBox .subtit { padding-top: 20px; padding-bottom: 30px; }
.newsContainer .titBox .subtit span img { margin-right: 6px; }
.newsContainer .titBox .subtit span { display: flex; align-items: center; color: #999; }
.newsContainer .line { width: 100%; height: 1px; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);}
.newsContainer .content { padding-top: 40px; padding-bottom: 30px; }
.newsContainer .content p { padding-bottom: 10px; color: #666; }
.newsContainer .content img { max-width: 100%; }

/*lianxi*/
.contactInfo { position: relative; padding-bottom: 80px; }
.contactInfo .tit { padding-top: 110px; padding-bottom: 60px; text-align: center; }
.contactInfo .tit .cn { font-size: 58px; font-family: SHS_B; line-height: 1; }
.contactInfo .tit .en { font-size: 26px; font-family: SHS_R; line-height: 1; text-transform: uppercase; color: #666; padding-top: 20px; }
.contactInfo .wrap { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 32px; position: relative; z-index: 3;}
.contactInfo .wrap .item { background-color: #fafafa; border-radius: 24px; overflow: hidden;
	position: relative; z-index: 1; transition: all .3s;
	display: flex; align-items: center; justify-content: center;}
.contactInfo .wrap .item:after { content: ''; display: block; transition: all .3s; opacity: 0;
	background:#fff url('../img/bg8.png') no-repeat right bottom; background-size: cover;
	position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0;}
.contactInfo .inner { text-align: center; padding: 70px 0; position: relative; z-index: 3; }
.contactInfo .inner .ico { width: 64px; margin-bottom: 24px; transition: all .3s; }
.contactInfo .inner .val { font-size: 24px; font-family: SHS_B; line-height: 1.2;  }
.contactInfo .inner .label { padding-top: 10px; font-size: 18px; font-family: SHS_R; color: #666; }
.contactInfo .wrap .fillColor { transition: all .3s; }
.contactInfo .wrap .item:hover { box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); }
.contactInfo .wrap .item:hover:after { opacity: 1; }
.contactInfo .item:hover .fillColor{ background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.contactInfo .item:hover .ico path{ fill:url(#gradient); }
.contactInfo .svgColor { position: absolute; z-index: 0; top: 0;}
.contactInfo:before, .contactInfo:after { content: ''; display: block; position: absolute; z-index: 1; background-repeat: no-repeat; background-size: cover;}
.contactInfo:before { width: 480px; height: 480px; background-image: url('../img/bg9.png'); left: 20px; top: 20%; }
.contactInfo:after { width: 219px; height: 243px; background-image: url('../img/bg10.png'); right: 0; top: 35%;}

.mapBox { width: 100%; height: 90vh; background: url('../img/map.jpg') center no-repeat; position: relative;
	margin-bottom: 120px;}
.mapBox .infoBox { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-38%, -180px);
	background: #fff; border-radius: 20px; padding: 20px 25px; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .1));}
.mapBox .infoBox:after { content: ''; display: block; position: absolute; bottom: -18px; left: 50%;
	 width: 43px; height: 18px; background: url('../img/ico_arrow1.png') no-repeat; margin-left: -22px;
}
.mapBox .infoBox .item { display: flex; align-items: center; justify-content: space-between;}
.mapBox .infoBox .item .logo { padding: 0 50px;}
.mapBox .infoBox .item .logo img { display: block; width: 140px; }
.mapBox .infoBox .item .inner { padding: 0 40px; border-left: 1px solid #e8e8e8 }
.mapBox .infoBox .item .name { font-size: 20px; font-family: SHS_B;line-height: 1; margin-bottom: 10px; }
.mapBox .infoBox .item .add { font-size: 16px; font-family: SHS_R; color: #666; }
.followUs { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.followUs .inner { padding-top: 100px; margin-left: 8.125%; }
.followUs .inner .tit { font-size: 58px; font-family: SHS_B; line-height: 1; margin-bottom: 20px; }
.followUs .inner .subTit { font-size: 24px; font-family: SHS_B; line-height: 1.4; margin-bottom: 70px; }
.followUs .inner .item { display: flex; align-items: center; margin-bottom: 30px; cursor: pointer; }
.followUs .inner .item span { line-height: 1; color: #999; margin-left: 10px; margin-right: 8px; }
.followUs .inner .item .icons { display: flex; align-items: center; opacity: 0; transition: all .3s; }
.followUs .inner .item .icons .arrow { width: 10px; color: #aec86f; }
.followUs .inner .item .icons .arrow:first-child { opacity: .4; }
.followUs .inner .item .icons .arrow:nth-child(2) { opacity: .8; }
.followUs .inner .item.cur span { color: #333; font-weight: bold; font-size: 18px;}
.followUs .inner .item.cur .icons { opacity: 1; }

.followUs .phoneBox { position: relative; z-index: 3; margin-right: 21.875%; margin-top: 20px; }
.followUs .phoneBox .phone { display: block; max-width: 100%; }
.followUs .phoneBox .ewmBox {
	position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); top: 32%;
	width: 167px; height: 167px; background: url('../img/ewmbg.png');}
.followUs .phoneBox .ewmBox .ewm { margin: 13px; background: #fff; border-radius: 8px; overflow: hidden; }
.followUs .phoneBox .ewmBox .ewm img { display: block; width: 100%; height: 100%; object-fit: cover;}
.followUs img.bg{ position: absolute; top: 0; right: 60px; width: 58.125%; z-index: 1; pointer-events: none; }
.distributorTit { width: 100%; padding-top: 80px; }
.distributorTit .tit { font-size: 58px; font-family: SHS_B; line-height: 1; margin-bottom: 20px; }
.distributorTit .subtit { font-size: 24px; font-family: SHS_B;}
.distributorTit .desc { font-size: 16px; font-family: SHS_R; color: #666;}
.distributor { margin-top: 40px; padding-bottom: 20px;}
.distributor .wrap { background: #fff; border-radius: 24px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); }
.messageBox { padding: 46px;}
.messageBox .formItem .item { border-radius: 30px; background: #eee; display: flex; align-items: center; padding: 0 25px;
	position: relative; transition: all .3s; }
.messageBox .formItem .item label { position: relative; z-index: 5; }
.messageBox .formItem .item font { color: red; }
.messageBox .formItem .item:after {content: ''; border-radius: 30px; pointer-events: none;
	position: absolute; left: 1px; bottom: 1px; right: 1px; top: 1px; background-color: #fff;}
.messageBox .formItem .item .input { position: relative; z-index: 5; background-color: transparent;}
.messageBox .formItem .item.cur {
	background-image: linear-gradient(to right, #aec86f, #11a79c);
}
.messageBox .formItem .item.select .ico {
	position: absolute; z-index: 5; right: 25px; color: #999; width: 10px; transform: rotate(90deg);
}
.messageBox .formItem .item.select ._select {
	background-color: #fff; border-radius: 8px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); padding: 5px;
	position: absolute; left: 0; right: 0; top: calc( 100% + 5px ); z-index: 8; display: none;
}
.messageBox .formItem .item.select ._select .option { text-align: center; height: 34px; line-height: 34px; cursor: pointer; }
.messageBox .formItem .item.select ._select .option:hover { background-color: #f8f8f8;}

.messageBox .formGroup { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px 50px;}
.messageBox .formGroup .item { height: 58px; }
.messageBox .formGroup .item label { font-size: 16px; margin-right: 10px; }
.messageBox .formGroup .item .input { height: 100%; flex: 1; border: none; outline: none; }
.messageBox .formSingle { margin-top: 30px;}
.messageBox .formSingle .item { height: 150px; padding-top: 20px; padding-bottom: 20px; flex-direction: column; align-items: flex-start; }
.messageBox .formSingle .item label { font-size: 16px; }
.messageBox .formSingle .item .input { width: 100%; flex: 1; margin-top: 10px; border: none; outline: none;}
.messageBox .formRead { display: flex; align-items: center; margin-top: 15px;}
.messageBox .formButton { margin-top: 60px; display: flex; align-items: center; justify-content: center;}
.messageBox .formButton .btn {
	display: block; width: 164px; height: 48px; border-radius: 24px; font-size: 18px; color: #fff; cursor: pointer;
	border: none; margin: 0 20px; transition: all .3s;
}
.messageBox .formButton .submit { background-image: linear-gradient(to right, #aec86f, #11a79c); }
.messageBox .formButton .reset { background-color: #222;}
.messageBox .formButton .btn:hover { margin-top: -10px; }
/*join*/
.joinWrap { background: url('../img/bg33.png') top right no-repeat;}

.join01 { padding-top: 110px; padding-bottom: 120px; background: url('../img/bg13.png') 40px center no-repeat; background-size: auto 80%;}
.join01 .tit { font-size: 58px; font-family: SHS_B; line-height: 1; margin-bottom: 45px;}
.join01 .desc { font-size: 18px; font-family: SHS_R; line-height: 1.6; color: #666; width: 58%; }
.join02 {
	width: 100%; background-image: linear-gradient(to right, #aec86f, #11a79c); position: relative; z-index: 1;
}
.join02:after { content: ''; display: block; width: 100%; height: 130px; position: absolute; bottom: 0; left: 0; z-index: 1;
	pointer-events: none; background: url('../img/bg15.png') no-repeat; background-size: cover;}
.join02Box {
	width: 100%; background: url('../img/bg14.png') center no-repeat; position: relative; z-index: 2;
	display: flex;
}
.join02Box ._l { width: 50%; }
.join02Box ._l .inner { margin-left: 160px; padding-top: 160px; }
.join02Box ._l .inner .tit { font-size: 58px; font-family: SHS_B; line-height: 1; color: #fff; margin-bottom: 40px; }
.join02Box .joinType .item { display: flex; align-items: center; margin-top: 80px; cursor: pointer; }
.join02Box .joinType .item .ico { width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%;}
.join02Box .joinType .item .ico .img { display: block;}
.join02Box .joinType .item .name { margin-left: 32px; font-size: 32px; font-family: SHS_B; color: #fff;transition: all .3s;}
.join02Box .joinType .item:hover .ico, .join02Box .joinType .item.cur .ico { box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); }
.join02Box .joinType .item:hover .name { padding-left: 24px; }

.join02Box ._r { width: 50%; position: relative; }
.join02Box ._r .item {width: 100%; position: relative; display: none; }
.join02Box ._r .item img.img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.join02Box ._r .item .inner{ position: absolute; left: 100px; right: 100px; z-index: 2; bottom: 70px; color: #fff; }
.join02Box ._r .item .inner .name{ font-size: 40px; font-family: SHS_B; line-height: 1; padding-bottom: 15px; }
.join02Box ._r .item .inner .def{ display: flex; align-items: center; justify-content: space-between; }
.join02Box ._r .item .inner .def a { color: #fff; display: flex; align-items: center; position: relative; padding-right: 15px;}
.join02Box ._r .item .inner .def .ico { width: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all .3s;}
.join02Box ._r .item .inner .def a:hover .ico { right: -10px;}

.course { padding-top: 110px; }
.course .tit { text-align: center; font-size: 58px; font-family: SHS_B; line-height: 1; }
.courseWrap {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; margin-top: 70px;}
.courseWrap .item { display: flex; align-items: center; justify-content: center;
	height: 220px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); position: relative; transition: all .3s;
	background: #fff; border-radius: 24px; overflow: hidden;}
.courseWrap .item:before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;
	background: linear-gradient(to right, #aec86f, #11a79c); transition: all .3s;}
.courseWrap .item .info {  position: absolute; z-index: 5; }
.courseWrap .item .ico { width: 90px; height: 90px; margin: auto; position: relative; }
.courseWrap .item svg { width: 100%; height: 100%; transition: all .3s; position: absolute; top: 0; }
.courseWrap .item svg.img_h {opacity: 0;}
.courseWrap .item .name {font-size: 20px; font-family: SHS_B; padding-top: 16px; transition: all .3s;}
.courseWrap .item:hover { box-shadow:none }
.courseWrap .item:hover:before { opacity: 1; }
.courseWrap .item:hover .name { color: #fff;}
.courseWrap .item:hover svg.img { opacity: 0;}
.courseWrap .item:hover svg.img_h { opacity: 1;}

.mc_main { padding-top: 110px; margin-bottom: 40px; position: relative; }
.mc_main:before {
	content: ''; width: 400px; height: 400px; background: url('../img/bg17.png') center / cover; position: absolute; z-index: -1; right: -20px; top: -50px;
}
.mc_main .tit { text-align: center; font-size: 58px; font-family: SHS_B; line-height: 1; margin-bottom: 60px; }
.mcMainWrap {
	display: flex; height: 720px; background: #fff; border-radius: 16px; overflow: hidden;  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05);
}
.mcMainWrap ._l { width: 480px; position: relative;}
.mcMainWrap ._l:before {
	content: ''; width: 300px; height: 300px; background: url('../img/bg17.png') center / cover; position: absolute; z-index: 1; right: 25px; bottom: 10px;
}
.mcMainWrap ._l:after {
	content: ''; width: 100%; height: 130px; background: url('../img/bg16.png') center; position: absolute; z-index: 2; left: 0; bottom: 0;
}
.mcMainWrap ._l .infoList { width: 100%; height: 100%; position: relative; z-index: 3}
.mcMainWrap ._l .infoList .item { width: 100%; height: 100%; position: absolute; z-index: 5; left: 0; top: 0; display: none; transition: all .5s; }
.mcMainWrap ._l .infoList .item:nth-child(1) { display: block;}
.mcMainWrap ._l .infoList .inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.mcMainWrap ._l .infoList .inner .info { text-align: center; }
.mcMainWrap ._l .infoList .inner .name { font-size: 56px; font-family: SHS_B; line-height: 1;}
.mcMainWrap ._l .infoList .inner .subTit { font-size: 18px; font-family: SHS_R; padding-top: 20px;}
.mcMainWrap ._r { width: calc( 100% - 480px ); position: relative; }
.mcMainWrap ._r .bgBox { width: 100%; height: 100%; position: relative; }
.mcMainWrap ._r .bgBox:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 0, 0, .2); }
.mcMainWrap ._r .bgBox .item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; transition: all .5s; }
.mcMainWrap ._r .bgBox .item:nth-child(1) { display: block;}
.mcMainWrap ._r .listBox { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; flex-wrap: wrap; }
.mcMainWrap ._r .listBox .item { width: 25%; height: 100%; border-right: 1px solid rgba(255, 255, 255, .3); box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.mcMainWrap ._r .listBox .info {}
.mcMainWrap ._r .listBox .info .deco {
	display: block; width: 60px; height: 60px; opacity: 1;
	transition: .1s; transform: translateZ(0); margin: 0 auto;
}
.mcMainWrap ._r .listBox .info .deco i{
	background: hsla(0, 0%, 100%, .8); border: 1px solid #fff; border-radius: 100%;
	width: 20px; height: 20px; position: absolute; top: 50%; left: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.5); transition: all .4s;
}
.mcMainWrap ._r .listBox .info .deco:before, .mcMainWrap ._r .listBox .info .deco:after {
	content: ""; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.75);
	transition: all .4s; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 100%;
}
.mcMainWrap ._r .listBox .info .deco:before{ height: 40px; width: 40px; }
.mcMainWrap ._r .listBox .info .deco:after{ height: 60px; width: 60px; }
.mcMainWrap ._r .listBox .info .name { padding-top: 15px; font-size: 32px; font-family: SHS_B; line-height: 1; color: #fff;}

.mcMainWrap ._r .listBox .item:hover .deco:before {
	animation: scalepulse 1.3s linear .3s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}
.mcMainWrap ._r .listBox .item:hover .deco:after {
	animation: scalepulse 1.3s linear .15s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}
.mcMainWrap ._r .listBox .item:hover .deco i {
	background: #fff;
	animation: scalepulse 1.3s linear 0s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}
@keyframes scalepulse {
	20% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
		transform: translate3d(-50%, -50%, 0) scale(1.15);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	50% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}
}
.jobTop { display: flex; align-items: center; justify-content: space-between; padding-top: 80px;}
.jobTop ._l { display: flex; align-items: center;}
.jobTop ._l span { cursor: pointer; width: 128px; height: 48px; margin-right: 40px; display: flex; align-items: center; justify-content: center;
	border: 1px solid #eee; border-radius: 24px; font-size: 16px; font-family: SHS_R; transition: all .3s;
}
.jobTop ._l span:hover,.jobTop ._l span.cur {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); color: #fff;
}
.jobTop ._r { position: relative;}
.jobTop ._r .img { position: absolute; z-index: 2; cursor: pointer; color: #999; top: 50%; right: 30px; transform: translateY(-50%)}
.jobTop ._r input{
	width: 400px; height: 48px; box-sizing: border-box;border: 1px solid #eee; border-radius: 24px; padding: 0 30px;
}
.jobList { padding-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jobList .item { width: calc( 50% - 20px ); margin-bottom: 40px; background: #fafafa; position: relative;
	border-radius: 16px; cursor: pointer; overflow: hidden; transition: all .3s; }
.jobList .item:before {}
.jobList .item:after {
	content: ''; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: all .3s;
	background-image:-webkit-linear-gradient(0deg, #b2cb6a, #11a79c);
}
.jobList .item .inner { padding: 40px; position: relative; z-index: 5; }
.jobList .item .inner .tit { font-size: 24px; font-family: SHS_B; line-height: 1; padding-bottom: 20px; transition: all .3s; }
.jobList .item .inner .desc { font-size: 16px; font-family: SHS_R; line-height: 1; color: #666; transition: all .3s; }
.jobList .item .inner .desc span + span { margin-left: 70px;}
.jobList .item .inner .def { padding-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.jobList .item .inner .def span { display: flex; align-items: center; transition: all .3s; }
.jobList .item .inner .def .add { width: 14px; height: 14px; margin-right: 5px; }
.jobList .item .inner .def .arrow { width: 12px; margin-left: 5px; color: #aec86f; transition: all .3s; }
.jobList .item:hover:after { opacity: 1; }
.jobList .item:hover .inner .tit { color: #fff; }
.jobList .item:hover .inner .desc { color: #fff; }
.jobList .item:hover .inner .def span { color: #fff; }
.jobList .item:hover .inner .def .arrow { color: #fff; }

.jobMoreWrap { display: flex; justify-content: center; margin-top: 20px;}
.jobMore {
	width: 164px; height: 48px; overflow: hidden; border-radius: 24px; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.jobMore span { position: relative; z-index: 5; color: #fff; margin-right: 10px; }
.jobMore .arrow {
	color: #fff; width: 12px; transform: rotate(90deg);
}
.jobDialog { box-shadow: none!important;}
#jobDetail {
	display: none; width: 66vw; height: 90vh; background: #fff; border-radius: 48px; overflow: hidden; position: relative;
}
#jobDetail:after {
	content: ''; display: block; background: url('../img/bg17.png') bottom right no-repeat; width: 100%; height: 100%;
	position: absolute; bottom: -50px; right: -20px; pointer-events: none;
}
#jobDetail .close {
	width: 48px; height: 48px; border-radius: 50%; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	position: absolute; z-index: 3; right: 70px; top: 60px; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
#jobDetail .close:before { content: ''; position: absolute; left: 1px; top: 1px; bottom: 1px; right: 1px;
	z-index: 1; background-color: #fff; border-radius: 50%;}
#jobDetail .close i { display: block; width: 45%; position: relative; z-index: 3; transition: all .3s;}
#jobDetail .close i:before, #jobDetail .close i:after { content: ''; display: block; width: 100%; height: 1px;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); }
#jobDetail .close i:before { transform: rotate(45deg); }
#jobDetail .close i:after { transform: rotate(-45deg); }
#jobDetail .inner { padding: 60px 70px; width: 86%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
#jobDetail .inner .top { margin-bottom: 20px; position: relative; }
#jobDetail .inner .tit { font-size: 40px; font-family: SHS_B; line-height: 1; margin-bottom: 30px; }
#jobDetail .inner .def { display: flex; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 24px;}
#jobDetail .inner .def span { margin-right: 40px; color: #666;}
#jobDetail .inner .def span + span { padding-left: 40px; border-left: 1px solid #eee;}
#jobDetail .inner .contentBox { overflow-y: auto; flex: 1; }
/*内嵌滑块*/
#jobDetail .inner .contentBox::-webkit-scrollbar-thumb { background: #ddd; }
/*外层轨道*/
#jobDetail .inner .contentBox::-webkit-scrollbar-track { background: transparent; }
#jobDetail .inner .item { margin-top: 20px; padding-bottom: 20px;}
#jobDetail .inner .item .subTit { font-size: 24px; font-family: SHS_B; line-height: 1; margin-bottom: 30px; }
#jobDetail .inner .item .info { font-size: 16px; font-family: SHS_R; line-height: 1.4; color: #666; }
#jobDetail .inner .tip { border-top: 1px solid #eee; margin-top: 20px; padding-top: 30px; }
#jobDetail .inner .tip p { font-size: 16px; font-family: SHS_R; line-height: 1.4; color: #666; }
#jobDetail .inner .tip span { color: #317db1;}
#jobDetail .inner .jobMore { margin-top: 40px}

/*fi*/
.hotProBox { width: 100%; position: relative; padding: 120px 0; }
.hotProBox:before, .hotProBox:after {
	content: ''; position: absolute; z-index: 1;
}
.hotProBox:before { background: url('../img/bg19.png'); width: 328px; height: 209px; left: 0; bottom: 0;}
.hotProBox:after { background: url('../img/bg23.png'); width: 307px; height: 305px; right: 10px; bottom: 0;}

.hotProBox .wrap { position: relative; z-index: 3 }
.hotProBox .wrap .logo { position: absolute; z-index: 1; width: 80%; left: 10%; top: 0;}
.hotProBox .wrap .logo img { margin: auto; width: 100%; height: 100%; object-fit: cover;}
.hotProBox .swiperHot { z-index: 5;}
.hotProBox .swiperHot .img { width: 50%; margin: auto;}
.hotProBox .swiperHot .img img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.hotProBox .swiperHot .name { font-size: 32px; font-family: SHS_B; line-height: 1; text-align: center; padding-bottom: 60px;}
.hotProBox .swiperHot .moreWrap { margin: auto;}
.hotProBox .btn {
	cursor: pointer; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center;
	border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
}
.hotProBox .btn .arrow { color: #aec86f; }
.hotProBox .btnPrev .arrow { transform: rotate(-180deg)}
.hotProBox .btnPrev { left: 20px;}
.hotProBox .btnNext { right: 20px;}


.proCategory {width: 100%; height: 320px; position: relative;}
.proCategory:before { content: ''; display: block; width: 100%; height: 100%; position: relative;}
.proCategory.fixed .box { position: fixed; top: 0; z-index: 50; background:#fff; height: 70px!important; box-shadow: 0 0 5px rgba(0,0,0,.05); }
.proCategory.fixed .box ._l {display: flex; align-items: center;}
.proCategory.fixed .box ._l .cn {font-size: 24px; color: #212121;}
.proCategory.fixed .box ._l .en {opacity: 0;}
.proCategory.fixed .selectBox { width: 156px; }
.proCategory.fixed .selectBox .select { border: 1px solid #212121; height: 38px; }
.proCategory.fixed .selectBox .select span { color: #212121;}
.proCategory.fixed .selectBox .select .arrow { color: #aec86f;}
.proCategory.fixed .selectBox .select.cur .arrow { color: #aec86f;}

.proCategory .box { width: 100%; height: 100%; background: url('../img/bg18.jpg') center no-repeat;
	position: absolute; top: 0; z-index: 2;}
.proCategory .wrap { height: 100%; display: flex; align-items: center; justify-content: space-between;}
.proCategory ._l .cn { font-size: 58px; font-family: SHS_B; line-height: 1; color: #fff;transition: all .3s;}
.proCategory ._l .en { font-size: 24px; font-family: SHS_R; color: #fff; padding: 15px 0;transition: all .3s;}

.proCategory .selectBox { width: 164px; position: relative;}
.proCategory .selectBox .select { width: 100%; height: 48px; border: 1px solid #fff; border-radius: 24px;
	padding: 0 24px; box-sizing: border-box; cursor: pointer; position: relative;
	display: flex; align-items: center; justify-content: space-between;}
.proCategory .selectBox .select span { color: #fff;}
.proCategory .selectBox .select .arrow { color: #fff; width: 12px; transform: rotate(90deg); transition: all .3s;}
.proCategory .selectBox .select.cur .arrow { color: #fff; width: 12px; transform: rotate(-90deg);}
.proCategory .selectBox .selectList {
	display: none;
	position: absolute; top: 100%; left: 0; right: 0;  z-index: 2; background-color: #fff;
	border-radius: 16px; overflow: hidden;  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); }
.proCategory .selectBox .selectList .tit { width: 100%; height: 40px; line-height: 40px; color: #fff; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);}
.proCategory .selectBox .selectList span { margin-left: 20px;}
.proCategory .selectBox .selectList .item { cursor: pointer; }
.proCategory .selectBox .selectList .item span { color: #333; line-height: 38px; transition: all .3s;}
.proCategory .selectBox .selectList .item:hover span { padding-left: 6px; font-weight: bold;}

.sortList { border-bottom: 1px solid #eee; }
.sortList .item { width: 100%; padding: 80px 120px; margin-top: 60px; box-sizing: border-box; border-radius: 24px; overflow: hidden;
	background-color: #fff; position: relative; transition: all .3s;  }
.sortList .item:before, .sortList .item:after {
	content: ''; display: block; position: absolute; bottom: 0; z-index: 1; pointer-events: none; transition: all .3s; opacity: 0;
}
.sortList .item:before { width: 328px; height: 209px; left: 330px; background: url('../img/bg19.png') center top no-repeat; }
.sortList .item:after { width: 219px; height: 243px; right: 0; background: url('../img/bg10.png') center top no-repeat; }
.sortList .item .line {
	content: ''; display: block; width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 1; pointer-events: none;
	background: url('../img/bg16.png') center top no-repeat; transition: all .3s; opacity: 0;
}
.sortList:hover { border-bottom: 1px solid #fff; }
.sortList:hover .item { background-color: #fafafa; }
.sortList:hover .item:before { opacity: 1; bottom:0 }
.sortList:hover .item:after { opacity: 1; bottom:0 }
.sortList:hover .item .line { opacity: 1; bottom:0 }

.sortList .box { display: flex; position: relative; }
.sortList .box .inner { width: 384px; }
.sortList .box .inner .name {font-size: 32px; line-height: 1; font-family: SHS_B; }
.sortList .box .inner .def {font-size: 16px; font-family: SHS_R; color: #666;  padding-top: 20px; padding-bottom: 50px; }
.sortList .box .inner .more { display: flex; align-items: center; }
.sortList .box .inner .more a { color: #222; transition: all .5s; font-size: 20px; font-family: SHS_R; }
.sortList .box .inner .more .arrow { opacity: 0; color: #aec86f; width: 14px; transition: all .3s; margin-left: 5px; }

.sortList .box .proList { width: calc( 100% - 400px ); margin-left: auto; }
.sortList .box .proList .proBox { width: 84%; margin: auto; }
.sortList .box .proList .proBox img { width: 100%; height: 100%; object-fit: cover; }
.sortList .box .proList .tit { font-size: 20px; font-family: SHS_R; color: #222; text-align: center; }
.sortList .box ._pagination { position: absolute; left: 0; bottom: -10px; z-index: 3; width: auto; opacity: 0; transition: all .3s; }
.sortList .box ._pagination span { width: 40px; height: 8px; border-radius: 8px; overflow: hidden;
	opacity: 1; position: relative; transition: all .3s;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);}
.sortList .box ._pagination span:before, .sortList .box ._pagination span:after {
	content: ''; display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; background-color: #fff; border-radius: 8px;
}
.sortList .box ._pagination span:before { z-index: 1; }
.sortList .box ._pagination span:after { z-index: 2; width: 0; opacity: 0; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); transition: all .3s;}
.sortList .box ._pagination .swiper-pagination-bullet-active:after { opacity: 1; width: 100% }
.sortList:hover .inner .more a {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.sortList:hover ._pagination { opacity: 1; bottom:0 }
.sortList:hover .inner .more .arrow { opacity: 1; }

.servicePlan {width: 100%; padding-top: 120px; position: relative;}
.servicePlan:before {
	content: ''; display: block; width: 274px; height: 392px; background: url('../img/bg20.png') no-repeat;
	position: absolute; z-index: -1; right: 60px; top: 0;
}
.servicePlan .tit { text-align: center; line-height: 1; font-size: 58px; font-family: SHS_B; padding-bottom: 75px;}
.swiperPlan { padding-left: 160px; padding-right: 160px}
.planBox { border-radius: 16px; position: relative;}
.planBox .info { position: absolute; z-index: 2; bottom: -24px; left: 0; padding: 40px; color: #fff; transition: all .3s;}
.planBox .info .index { font-size: 58px; font-family: SHS_H; line-height: 1; padding-bottom: 24px;}
.planBox .info .name { font-size: 24px; font-family: SHS_B; line-height: 1;}
.planBox .info .desc { font-size: 16px; font-family: SHS_R; padding-top: 10px; opacity: 0; height: 24px; overflow: hidden; transition: all .3s;}
.planBox .img { width: 100%; /*height: 550px;*/}
.planBox img { width: 100%; height: 100%; object-fit: cover;}
.planBox:hover .info { bottom: 0; }
.planBox:hover .info .desc { height:auto; opacity: 1;}

.toolbar { position: relative; display: flex; align-items: center; padding-top: 70px; padding-bottom: 20px; }
.toolbar .paginationPlan {position: relative; height: 1px; background-color: #eee; margin-right: 80px;}
.toolbar .paginationPlan span {background-color: #aec86f!important;}
.toolbar .btnBox  { display: flex; align-items: center; margin-left: auto; }
.toolbar .btnBox div { cursor: pointer; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05) }
.toolbar .btnBox div .ico { color: #aec86f; }
.toolbar .btnBox .btnPrev { margin-right: 32px;}
.toolbar .btnBox .btnPrev .ico { transform: rotate(-180deg)}

.sortDesc { min-height: 436px; display: flex; align-items: center; background: url('../img/bg21.png') bottom right no-repeat; }
.sortDesc .name { font-size: 58px; font-family: SHS_B; line-height: 1; padding-bottom: 30px;}
.sortDesc .desc { width: 47.5%; font-size: 16px; font-family: SHS_R; color: #666; }
.sortWarp { width: 100%; background: #fafafa; padding-bottom: 120px;}
.sortWarp .item { padding-top: 120px; }
.sortWarp .item .name { font-size: 32px; font-family: SHS_B; line-height: 1; padding-bottom: 60px; }
.sortWarp .item ._pro { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 32px;}
.sortWarp .item ._pro .proItem { background-color: #fff; border-radius: 16px; overflow: hidden; transition: all .3s; padding: 30px;}
.sortWarp .item ._pro .img { width: 80%; margin: auto;}
.sortWarp .item ._pro .img img { width: 100%; height: 100%; object-fit: cover;}
.sortWarp .item ._pro .proName { color: #222; padding: 20px 0; text-align: center; font-size: 20px; font-family: SHS_B;}
.sortWarp .item ._pro .proItem:hover { box-shadow: 0 0 10px rgba(0,0,0,.05)}

.proDetail { width: 100%; background: url('../img/bg22.jpg') center no-repeat; }
.proDetail .wrap { display: flex; flex-wrap: wrap; }
.proDetail .inner { width: calc( 100% - 964px - 90px ); display: flex; align-items: center; }
.proDetail .inner .tit { font-size: 58px;font-family: SHS_B; line-height: 1; }
.proDetail .inner .subTit { font-size: 18px;font-family: SHS_R; padding-top: 10px; padding-bottom: 30px; }
.proDetail .inner .con { font-size: 18px; font-family: SHS_R; color: #666; margin-bottom: 110px }
.proDetail .proBox { width: 964px; margin-left: auto; }
.proDetail .proBox .picsBox { padding: 0 120px; position: relative; }
.proDetail .proBox .swiperPics img { width: 100%; height: 100%; object-fit: cover; display: block; }
.proDetail .proBox .picsBox .btn {
	cursor: pointer; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center;
	border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);
	position: absolute; top: 50%; transform: translateY(-50%); opacity: 0;
}
.proDetail .proBox .picsBox .btn .arrow { color: #aec86f; }
.proDetail .proBox .picsBox .btnPrev .arrow { transform: rotate(-180deg)}
.proDetail .proBox .picsBox .btnPrev { left: 0;}
.proDetail .proBox .picsBox .btnNext { right: 0;}
.proDetail .proBox .picsBox:hover .btn { opacity: 1;}

.swiperPicsThumbs { margin-bottom: 80px;}
.swiperPicsThumbs .imgBorder {
	border-radius: 16px; overflow: hidden; padding: 1px; background-color: #c9c9c9; cursor: pointer;
}
.swiperPicsThumbs .img { background-color: #fff; border-radius: 16px; overflow: hidden; }
.swiperPicsThumbs .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.swiperPicsThumbs .swiper-slide-thumb-active .imgBorder {
	background-image: -webkit-linear-gradient(0deg, #aec86f, #11a79c);
}
.detailWrap { padding-top: 90px; position: relative; }
.detailWrap:after { content: ''; width: 837px; height: 735px; position: absolute; z-index: -1; right: 0; bottom: 0;
background: url('../img/bg32.png') no-repeat; background-size: contain;}
.detailWrap .itemWrap { display: flex; flex-wrap: wrap;}
.detailWrap .itemWrap ._l{ font-size: 58px; font-family: SHS_B; line-height: 1;}
.detailWrap .itemWrap ._r{ width: 1060px; margin-left: auto;}
.proDesc ._r { font-size: 18px; font-family: SHS_R; color: #666;}
.proTrait { padding: 120px 0;}
.proTrait ._l { position: relative;}
.proTrait ._l:after {
	content: ''; width: 375px; height: 321px; position: absolute; left: -50px; top: 36px; z-index: -1;
	background: url('../img/bg31.png') no-repeat; background-size: contain;
}
.proTrait .item { display: flex; align-items: center; padding: 40px 0; position: relative; }
.proTrait .item:first-child { padding-top: 0;}
.proTrait .item:before, .proTrait .item:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0;}
.proTrait .item:after { background-color: #eee; }
.proTrait .item:before { width: 0; z-index: 2; background-image: -webkit-linear-gradient(0deg, #aec86f, #11a79c); transition: all .5s;}
.proTrait .item:hover:before { width: 100%;}

.proTrait .item .ico {width: 48px; height: 48px; margin-right: 44px;}
.proTrait .item .label {font-size: 24px; font-family: SHS_B; line-height: 1; padding-bottom: 14px;}
.proTrait .item .info {font-size: 16px; font-family: SHS_R; color: #666; }

.paramsWrap { width: 100%; position: relative; padding-top: 80px; padding-bottom: 88px; }
.paramsWrap .bg { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0;}
.paramsWrap .bg img { display: block; width: 100%; height: 100%; object-fit: cover; }
.paramsWrap .wrap { position: relative; z-index: 3; }
.paramsWrap .tit { font-size: 58px; font-family: SHS_B; line-height: 1; color: #fff; text-align: center; padding-bottom: 70px; }
.paramsWrap .box { border: 1px solid #c2c3c4; border-radius: 48px; padding: 50px 0; position: relative; overflow: hidden;
	display: flex; align-items: center; justify-content: space-evenly}
.paramsWrap .box:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;
	background-color: rgba(255,255,255,.4); backdrop-filter: blur(6px); /* 背景模糊 */
	-webkit-backdrop-filter: blur(6px); /* 兼容老版本 Safari */
	filter: blur(2px); border-radius: 48px; }
.paramsWrap .box .pro { width: 650px;}
.paramsWrap .box .pro img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.paramsWrap .box .pro .desc { color: #fff; font-size: 14px; font-family: SHS_R; }
.paramsWrap .box .params { color: #fff; width: 480px; font-size: 16px; font-family: SHS_R; }
.paramsWrap .box .params .item { border-bottom: 1px solid #c3c4c8; padding: 20px 0; }
.paramsWrap .box .params .item:last-child { border-bottom: 0;}
/* aec86f */

	/*案例*/
.c-develop2 { margin-top: 120px; }
.c-develop2 .c-list li {
	margin-bottom: 40px;
}
.c-develop2 .c-list li .c-wrap {
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	color: #fff;
}
.c-develop2 .c-list li .c-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-develop2 .c-list li .c-wrap .c-box {
	position: relative; z-index: 5; left: 120px;
	display: flex; align-items: center;
	width: 270px; height: 680px; background-color: rgba(255,255,255,.2);
}
.c-develop2 .c-box .info { padding: 0 35px;}
.c-develop2 .c-box .info .name { font-size: 48px; font-family: SHS_B; }
.c-develop2 .c-box .info .def { font-size: 16px; font-family: SHS_R; margin-top: 20px; margin-bottom: 60px; }
.c-develop2 .c-box .info .more {
	display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-family: SHS_R;
	width: 162px; height: 48px; border: 1px solid #fff; border-radius: 24px;  transition: all .3s;
}
.c-develop2 .c-box .info .more svg { margin-left: 10px; width: 10px;}
.c-develop2 .c-box .info .more:hover { background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	border-image: linear-gradient(to right, #aec86f, #11a79c) 1;
	clip-path: inset(0 round 24px);
}


.caseRecommend { background-color: #FFF; border-radius: 20px; margin-top: 120px;  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); }
.caseRecommend .caseBox { display: grid; grid-template-columns: 1fr 1fr; }
.caseRecommend .caseBox .img { overflow: hidden; height: 480px; }
.caseRecommend .caseBox .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.caseRecommend .caseBox .inner { padding: 0 60px; display: flex; align-items: center; position: relative; }
.caseRecommend .caseBox .inner:after {
	content: ''; display: block; width: 475px; height: 354px; background: url('../img/bg4.png') no-repeat; background-size: cover;
	position: absolute; z-index: 0; bottom: 0; right: 9%;
}
.caseRecommend .caseBox .inner .text { margin-bottom: 30px}
.caseRecommend .caseBox .inner .date { font-size: 16px; color: #666; font-family: SHS_R; margin-bottom: 10px; }
.caseRecommend .caseBox .inner .tit { font-size: 32px; font-family: SHS_B; }
.caseRecommend .caseBox .inner .more { margin-top: 100px; font-size: 16px; font-family: SHS_R; display: flex; align-items: center; color: #aec86f; }
.caseRecommend .caseBox .inner .more span { color: #222; }
.caseRecommend .caseBox .inner .more svg { width: 10px; margin-left: 10px; }
.caseRecommend ._pagination { position: absolute; z-index: 20; left: auto; right: 70px; bottom: 60px; width: auto; }
.caseRecommend ._pagination span { width: 40px; height: 8px; border-radius: 8px; overflow: hidden;
	background-color: #fff; border: 1px solid #f6f6f6; opacity: 1; position: relative; transition: all .3s;}
.caseRecommend ._pagination span:before {
	content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); transition: all .3s;
}
.caseRecommend ._pagination span:hover { border: 1px solid #eee; }
.caseRecommend ._pagination .swiper-pagination-bullet-active:before {
	width: 100%;
	/*animation: progress2 3s; animation-delay: 0.8s; animation-fill-mode:forwards*/
}
@keyframes progress2 {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
.caseList {margin-top: 90px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; }
.caseList .caseBox {position: relative; border-radius: 20px; overflow: hidden; cursor: pointer;}
.caseList .caseBox .info { position: absolute; z-index: 3; width: 100%; bottom: 0; opacity: 0; transition: all .6s; background-color: rgba(255,255,255,.8) }
.caseList .caseBox .text { padding: 20px 30px; }
.caseList .caseBox .text .date { font-size: 16px; font-family: SHS_R; }
.caseList .caseBox .text .tit { width: 60%; font-size: 24px; font-family: SHS_B; overflow: hidden;text-overflow: ellipsis; white-space: nowrap }
.caseList .caseBox:hover .info { opacity: 1; bottom: 12.5%;}
.caseList .caseBox .img { display: block; width: 100%; height: 100%; }
.caseList .caseBox .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
/*.caseList { height: 1000px; margin-top: 90px;}
.caseList .swiper-slide {
	height: calc((100% - 40px) / 2) !important;
}
.caseListPagination {display: flex; justify-content: center; margin-top: 60px;}
.caseListPagination span { width: 17px; height: 20px; background: url('../img/icon2.png'); transition: all .3s; border-radius: 0; opacity: 1;}
.caseListPagination .swiper-pagination-bullet-active {background: url('../img/icon1.png');}*/

#c-img-pop {
	opacity: 0; position: fixed; top: 0;
	left: -100vw; z-index: 1000; width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.7); text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	overflow: hidden; pointer-events: none; transition: opacity 0.4s, left 0s 0.4s;
}
#c-img-pop.on {
	left: 0; pointer-events: auto; opacity: 1; transition: opacity 0.4s, left 0s 0s;
}
#c-img-pop * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#c-img-pop .hi-close {
	position: fixed; top: -50px; right: -30px;
	width: 48px; height: 48px; color: #fff; background: rgba(255,255,255,.2); border-radius: 50%;
	transition: 0.3s; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
	#c-img-pop .hi-close { width: 40px; height: 40px; }
}
#c-img-pop .hi-close:after,
#c-img-pop .hi-close:before {
	content: ""; position: absolute; top: 50%; left: 50%; z-index: 5;
	width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #fff; transition: 0.3s;
}
#c-img-pop .hi-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#c-img-pop .hi-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#c-img-pop .hi-close:hover {
	background: #19549b;
}
#c-img-pop .hi-close:hover:after,
#c-img-pop .hi-close:hover:before {
	background: #fff;
}
#c-img-pop > .swiper-container {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 60vw;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: visible;
}
@media (max-width: 991px) {
	#c-img-pop > .swiper-container {
		/*max-width: 98vw;*/
	}
}
#c-img-pop > .swiper-container .swiper-slide {
	display: flex; align-items: center; justify-content: center; height: 38vw;
}
#c-img-pop > .swiper-container .swiper-slide .info {
	position: absolute; color: #fff; text-align: left; left: 6%; right: 6%; bottom: 10%; z-index: 5;
}
#c-img-pop > .swiper-container .swiper-slide .info .date{ font-family: SHS_R; font-size: 16px; }
#c-img-pop > .swiper-container .swiper-slide .info .tit{ font-family: SHS_B; font-size: 24px; }
#c-img-pop > .swiper-container .img {
	position: relative; width: 100%; height: 100%; border-radius: 48px; overflow: hidden; border: 10px solid #fff;
}
#c-img-pop > .swiper-container .img:before {
	content: ''; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0;
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(255,255,255,0) 50%);
}
#c-img-pop > .swiper-container img {
	display: block; height: 100%; width: 100%; object-fit: cover;
}
#c-img-pop > .swiper-container .cImgBtn {
	display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; transition: all 0.4s;
	border-radius: 50%; background: rgba(255,255,255,.2); opacity: 1; margin-top: -32px; color: #fff;
}
#c-img-pop > .swiper-container .cImgBtn  .c-ico { color: #fff; width: 30%; height: 30%; }
#c-img-pop > .swiper-container .swiper-button-next { right: -100px; }
#c-img-pop > .swiper-container .cImgBtn:after {display: none;}
#c-img-pop > .swiper-container .cImgBtn.swiper-button-disabled { opacity: 0; }
#c-img-pop > .swiper-container .cImgBtn:hover { background: #19549b; }
#c-img-pop > .swiper-container .cImgBtn:hover .c-ico { color: #fff; }
#c-img-pop > .swiper-container .swiper-button-prev { left: -100px; transform: rotate(180deg); }
/*about*/
.aboutus01 { padding-top: 110px; position: relative;}
.aboutus01:before { content: ''; position: absolute; z-index: -1; left: 40px; top: 90px; width: 462px; height: 540px; background: url('../img/bg24.png') no-repeat;}
.aboutus01 .info { width: 1200px; margin: auto; padding-bottom: 60px;}
.aboutus01 .info .tit { font-size: 58px; font-family: SHS_B; line-height: 1; text-align: center; padding-bottom: 50px;}
.aboutus01 .info .desc { font-size: 18px; color: #666; font-family: SHS_R; text-indent: 2em;}
.aboutus01 .img { position: relative; width: 1200px; margin: auto; border-radius: 24px; overflow: hidden; }
.aboutus01 .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.aboutus01 .img .inner {position: absolute; z-index: 2; left: 0; top: 0; right:0; bottom: 0; width: 100%; height: 100%;
	background-color: rgba(0,0,0,.4); color: #fff; opacity: 0; transition: all .3s;
	display: flex; align-items: center; justify-content: center;text-align: center;
}
.aboutus01 .img.fixed .inner { opacity: 1;}
.aboutus01 .img.fixed .inner .tit { font-size: 58px; font-family: SHS_B; line-height: 1; padding-bottom: 40px; }
.aboutus01 .img.fixed .inner .desc { font-size: 24px; font-family: SHS_B; line-height: 1.6; padding-bottom: 60px; }
.aboutus01 .img.fixed .inner .moreWrap {margin: auto; }

.aboutus02 { padding: 120px 0;}
.aboutus02 .top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 60px; }
.aboutus02 .top .tit { color: #00713b; font-size: 18px; font-family: SHS_R; }
.aboutus02 .top .def { font-size: 58px; font-family: SHS_B; line-height: 1.2; }
.aboutus02 .list { width: 100%; display: flex; flex-wrap: wrap; }
.aboutus02 .list .item { width: 20%; position: relative; height: 940px; transition: all .4s; overflow: hidden; }
.aboutus02 .list .item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.aboutus02 .list .item:before { content: ''; position: absolute; z-index: 1; width: 100%; height: 100%;  background-color: rgba(0,0,0,.4)}
.aboutus02 .list .info { position: absolute; z-index: 3; color: #fff; width: 240px; top: 45%; left: 50%; transform: translateX(-50%) }
.aboutus02 .list .info .cn { font-size: 32px; font-family: SHS_B; text-align: center; line-height: 1.2; }
.aboutus02 .list .info .en { font-size: 16px; font-family: SHS_B; text-align: center; }
.aboutus02 .list .info .desc { opacity: 0; font-size: 18px; font-family: SHS_R; padding-top: 20px; transition: all .4s; }
.aboutus02 .list .item:hover .desc { opacity: 1 }

.aboutus03 { width: 100%; height: 940px; position: relative; background-size: cover; background-position: center;}
.aboutus03 .wrap { position: relative; z-index: 8;}
.aboutus03 .inner {color: #fff; padding-top: 80px;}
.aboutus03 .inner .tit { font-size: 18px; font-family: SHS_R; padding-bottom: 10px;}
.aboutus03 .inner .subtit { font-size: 58px; font-family: SHS_B; line-height: 1; padding-bottom: 30px;}
.aboutus03 .inner .def1 {font-size: 20px; font-family: SHS_B; padding-bottom: 15px}
.aboutus03 .inner .def2 {font-size: 16px; font-family: SHS_R;}

.aboutus03 .swiperDev { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; padding-top: 65px; padding-bottom: 44px;}

.honor-swiper {
	padding-left: 12.29%; margin-top: 150px; height: 610px; cursor: grab;
}
.honor-slide {
	height: 100%; width: 2488px; background: url('../img/honor1.png') 54px 62px no-repeat; margin-left: -100px;
}
.honor-slide:first-child { margin-left: 0;}
.honor-item { position: absolute; cursor: pointer; }
.honor-item:hover figure { transform: translateY(-10px); }
.honor-item figure {
	display: block; width: 108px; height: 108px; border: 4px solid #fff; border-radius: 50%; overflow: hidden; transition: 0.45s;
}
.honor-item figure img { display: block; width: 100%; height: 100%; object-fit: cover }
.honor-item time { display: block; margin-top: 15px; line-height: 1; color: #fff; font-size: 18px; text-align: center; }
.honor-item1 { left: 0; top: 35.57%; }
.honor-item1 figure { width: 172px; height: 172px; }
.honor-item1 time { font-size: 32px; }
.honor-item2 { left: 20%; top: 32.5%; }
.honor-item2 figure { width: 80px; height: 80px; }
.honor-item2 time { font-size: 16px; }
.honor-item3 { left: 36%; top: 43%; }
.honor-item3 figure { width: 120px; height: 120px; }
.honor-item3 time { font-size: 24px; }
.honor-item4 { left: 43.853%; top: 60.377%; }
.honor-item4 figure { width: 134px; height: 134px; }
.honor-item4 time { font-size: 24px; }
.honor-item5 { left: 53%; top: 80px; display: flex; flex-direction: column-reverse; }
.honor-item5 figure { width: 134px; height: 134px; }
.honor-item5 time { font-size: 24px; margin-bottom: 20px; }
.honor-item6 { left: 64%; bottom: 60px; }
.honor-item6 figure { width: 80px; height: 80px; }
.honor-item6 time { font-size: 16px; }
.honor-item7 { left: 75.74%; top: 51.475%;}
.honor-item7 figure { width: 120px; height: 120px; }
.honor-item7 time { font-size: 24px;}
.honor-item8 { left: 86.96%; top: 52%;}
.honor-item9 { right: 0; top: 37.54%; }

.slidetop.article-block,
.list-animate.article-block > li,
.list-animate.article-block > div {
	opacity: 0;
	visibility: hidden;
	transform: translateY(80px);
	transition: 0.78s;
}
.slidetop.articleShow,
.list-animate.articleShow > li,
.list-animate.articleShow > div {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.slidetop.detay1.article-block,
.list-animate.article-block > li:nth-child(2),
.list-animate.article-block > div:nth-child(2) {
	transition-delay: 0.2s;
}
.slidetop.detay2.article-block,
.list-animate.article-block > li:nth-child(3),
.list-animate.article-block > div:nth-child(3) {
	transition-delay: 0.4s;
}
.slidetop.detay3.article-block,
.list-animate.article-block > li:nth-child(4),
.list-animate.article-block > div:nth-child(4) {
	transition-delay: 0.6s;
}
.slidetop.detay4.article-block,
.list-animate.article-block > li:nth-child(5),
.list-animate.article-block > div:nth-child(5) {
	transition-delay: 0.8s;
}
.slidetop.detay5.article-block,
.list-animate.article-block > li:nth-child(6),
.list-animate.article-block > div:nth-child(6) {
	transition-delay: 1s;
}
.slidetop.detay6.article-block,
.list-animate.article-block > li:nth-child(7),
.list-animate.article-block > div:nth-child(7) {
	transition-delay: 1.2s;
}
.slidetop.detay7.article-block,
.list-animate.article-block > li:nth-child(8),
.list-animate.article-block > div:nth-child(8) {
	transition-delay: 1.4s;
}
.slidetop.detay8.article-block,
.list-animate.article-block > li:nth-child(9),
.list-animate.article-block > div:nth-child(9) {
	transition-delay: 1.6s;
}
.slidetop.detay9.article-block,
.list-animate.article-block > li:nth-child(10),
.list-animate.article-block > div:nth-child(10) {
	transition-delay: 1.8s;
}


.pop-honor {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 199;
	opacity: 0;
	visibility: hidden;
	transition: 1s;
	pointer-events: none;
}
.pop-honor.show {
	opacity: 1;
	visibility: visible;
	pointer-events: visible;
}
.pop-honor.show .honor-pop-content {
	transform: scale(1);
}
.pop-honor.show .honor-pop-content .honor-wr {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}
.pop-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.honor-pop-content {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -362px;
	margin-top: -362px;
	width: 724px;
	height: 724px;
	border-radius: 50%;
	transform: scale(0);
	transition: 1s;
}
.honor-pop-content { width: 76vh; height: 76vh; margin-left: -38vh; margin-top: -38vh;}
.honor-pop-content:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
}
.closes {
	display: block;
	position: absolute;
	z-index: 999;
	right: 15px;
	top: 50px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	transition: 0.4s; width: 36px; height: 36px;
}
.closes:before, .closes:after{
	content: ''; display: block; width: 36px; height: 3px; border-radius: 3px; background-color: #fff;
	position: absolute; top: 18px;
}
.closes:before{ transform: rotate(45deg); }
.closes:after{ transform: rotate(-45deg); }
.closes:hover {
	transform: rotate3d(0, 0, 1,180deg);
}
.honor-wr {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 454px;
	max-width: 90%;
	opacity: 0;
	visibility: hidden;
	margin-top: 120px;
	transition: 0.78s;
}
.honor-wr time {
	display: block;
	margin-bottom: 65px;
	text-align: center;
	line-height: 1;
	color: #242c39;
	font-size: 48px;
}
.honor-wr p {
	position: relative;
	padding-left: 25px;
	color: #666666;
	font-size: 16px;
}
.honor-wr p:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666666;
}



.aboutus03 .swiperDev .bg { height: 100%; background: url('../img/devbg.png') left center no-repeat; background-size: 100%; }
.aboutus03 .swiperDev .devBox { position: absolute; z-index: 3;}
.aboutus03 .swiperDev .devBox .img{ border-radius: 50%; overflow: hidden; border: 4px solid #fff;}
.aboutus03 .swiperDev .devBox .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.aboutus03 .swiperDev .devBox .name { font-family: SHS_B; font-size: 16px; color: #fff; line-height: 1; text-align: center; padding-top: 20px;}
.aboutus03 .swiperDev .devBox:nth-child(1) { width: 170px; left: 0; top: 53%;}
.aboutus03 .swiperDev .devBox:nth-child(1) .name { font-size: 32px; }
.aboutus03 .swiperDev .devBox:nth-child(2) { width: 80px; left: 23%; top: 34%}
.aboutus03 .swiperDev .devBox:nth-child(3) { width: 120px;left: 44%; top: 44%}
.aboutus03 .swiperDev .devBox:nth-child(3) .name { font-size: 24px; }
.aboutus03 .swiperDev .devBox:nth-child(4) { width: 134px; left: 54%;top: 60%}
.aboutus03 .swiperDev .devBox:nth-child(4) .name { font-size: 24px; }
.aboutus03 .swiperDev .devBox:nth-child(5) { width: 134px; right: 27%}
.aboutus03 .swiperDev .devBox:nth-child(5) .name { font-size: 24px; }
.aboutus03 .swiperDev .devBox:nth-child(6) { width: 80px;right: 15%; top: 74%}

.aboutus04 { padding-top: 110px; padding-bottom: 80px; background: url('../img/bg14-1.png') center no-repeat;}
.aboutus04 .top .tit { color: #00713b; font-size: 18px; font-family: SHS_R; }
.aboutus04 .top .def { font-size: 58px; font-family: SHS_B; line-height: 1.2; }
.aboutus04 .list { display: flex; padding-top: 60px;  }
.aboutus04 .list ._l { width: 400px;}
.aboutus04 .honor { padding-bottom: 80px;}
.aboutus04 .honor .item {
	width: 100%; font-size: 20px; font-family: SHS_R; color: #999; transition: all .3s; position: relative;
	height: 80px; display: flex; align-items: center;
}
.aboutus04 .honor .item:before, .aboutus04 .honor .item:after {transition: all .3s;
	content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #e8e8e8;}
.aboutus04 .honor .item:after { width: 0; z-index: 2;background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);}
.aboutus04 .honor .item.cur { color: #222;}
.aboutus04 .honor .item.cur:after { width: 100%;}
.aboutus04 .list ._r { margin-left: auto; padding-top: 70px;}
.aboutus04 .honorInfo {width: 800px; padding-bottom: 140px; background: url('../img/honorbg.png') center bottom no-repeat; background-size: contain;}
.aboutus04 .honorInfo .img {max-width: 490px; margin: auto;}
.aboutus04 .honorInfo .img img {display: block; width: 100%; height: 100%;}

/**/
.profile01 { padding-top: 110px; padding-bottom: 110px; position: relative;}
.profile01:before { content: ''; position: absolute; z-index: -1; left: 40px; top: 90px; width: 462px; height: 540px; background: url('../img/bg24.png') no-repeat;}
.profile01 .wrap { }
.profile01 .info { max-width: 1200px; margin: auto; position: relative; }
.profile01 .info01:after { content: ''; position: absolute; right: -220px; bottom: 0; pointer-events: none;
	width: 475px; height: 354px; background: url('../img/bg4.png') no-repeat; }
.profile01 .info .tit { font-size: 58px; font-family: SHS_B; line-height: 1; text-align: center; padding-bottom: 50px;}
.profile01 .info .desc { font-size: 18px; color: #666; font-family: SHS_R; text-indent: 2em;}
.profile01 .info .desc p { padding-bottom: 16px;}
.profile01 .serviceItem { align-items: center; padding: 60px 0; }
.profile01 .serviceItem .line { width: 1px; height: 80px; background-color: #eee;}

.workAddWrap {
	display: flex; height: 530px; background: #fff; border-radius: 16px; overflow: hidden;  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05);
}
.workAddWrap ._l { width: 480px; position: relative; background: url('../img/bg25.png') left top no-repeat; }
.workAddWrap ._l .infoList { width: calc( 100% - 120px ); height: 100%; position: relative; z-index: 3; box-sizing: border-box; margin: auto;}
.workAddWrap ._l .infoList .item { width: 100%; height: 100%; position: absolute; z-index: 5; left: 0; top: 0; display: none; transition: all .5s; }
.workAddWrap ._l .infoList .item:nth-child(1) { display: block;}
.workAddWrap ._l .infoList .inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.workAddWrap ._l .infoList .inner .info {}
.workAddWrap ._l .infoList .inner .name { font-size: 32px; font-family: SHS_B; line-height: 1;}
.workAddWrap ._l .infoList .inner .subTit { font-size: 16px; font-family: SHS_R; color: #333; padding-top: 20px;}
.workAddWrap ._r { width: calc( 100% - 480px ); position: relative; }
.workAddWrap ._r .bgBox { width: 100%; height: 100%; position: relative; }
.workAddWrap ._r .bgBox:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 0, 0, .2); }
.workAddWrap ._r .bgBox .item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; transition: all .5s; }
.workAddWrap ._r .bgBox .item:nth-child(1) { display: block;}
.workAddWrap ._r .listBox { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; flex-wrap: wrap; }
.workAddWrap ._r .listBox .item { width: 33.33%; height: 100%; border-right: 1px solid rgba(255, 255, 255, .3); box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.workAddWrap ._r .listBox .info {}
.workAddWrap ._r .listBox .info .deco {
	display: block; width: 60px; height: 60px; opacity: 1;
	transition: .1s; transform: translateZ(0); margin: 0 auto;
}
.workAddWrap ._r .listBox .info .deco i{
	border: 1px solid #fff; border-radius: 100%;
	width: 60px; height: 60px; position: absolute; top: 50%; left: 50%;
	transform: translate3d(-50%, -50%, 0); transition: all .4s;
}
.workAddWrap ._r .listBox .info .deco i .ico { transform: scale(.6); }
.workAddWrap ._r .listBox .info .deco:before, .workAddWrap ._r .listBox .info .deco:after {
	content: ""; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.75);
	transition: all .4s; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 100%; opacity: 0;
}
.workAddWrap ._r .listBox .info .deco:before{ height: 78px; width: 78px; }
.workAddWrap ._r .listBox .info .deco:after{ height: 100px; width: 100px; }
.workAddWrap ._r .listBox .info .name { padding-top: 35px; font-size: 18px; font-family: SHS_B; line-height: 1; color: #fff;}

.workAddWrap ._r .listBox .item:hover .deco:before {
	animation: scalepulse 1.3s linear .3s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1;
}
.workAddWrap ._r .listBox .item:hover .deco:after {
	animation: scalepulse 1.3s linear .15s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1;
}

.profile02 {
	width: 100%; height: 530px; background: url('../img/bg25.jpg') center no-repeat; background-size: cover;
	display: flex; align-items: center; justify-content: center;
}
.profile02 .inner { color: #fff; text-align: center; }
.profile02 .inner .tit { font-size: 32px; font-family: SHS_B; line-height: 1; padding-bottom: 20px; }
.profile02 .inner .line { display: block; width: 64px; height: 1px; background-color: #fff; margin: auto;}
.profile02 .inner .desc { font-size: 18px; font-family: SHS_R; padding-bottom: 30px; padding-top: 10px; }
.profile02 .inner .moreWrap { margin: auto; }

.about_addres { background-color: #fff!important; border-bottom: 1px solid #eee}
.about_addres:after {
	content: ''; position: absolute; left: 0; bottom: 0; width: 618px; height: 284px; background: url('../img/bg29.png') no-repeat;
	pointer-events: none;
}
/**/
.culture01 { width: 100%; position: relative; margin-top: 120px; }
.culture01 img.bg1 { position: absolute; top: 0; left: 10px; z-index: -1; width: 24%;}
.culture01 img.bg2 { position: absolute; top: 130px; right: 20px; z-index: -1; width: 23%;}
.culture01 .wrap { padding-top: 300px; position: relative; }
.culture01 .wrap .pic { width: 100%; border-radius: 24px; overflow: hidden;}
.culture01 .wrap .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.culture01 .inner { position: absolute; z-index: 2; left: 7.5%; right: 7.5%; text-align: center; top: 0;}
.culture01 .inner .tit { font-size: 58px; font-family: SHS_B; line-height: 1; padding-bottom: 40px; color: #222; transition: all .3s}
.culture01 .inner .info { font-size: 18px; font-family: SHS_R; color: #666; transition: all .3s}
.culture01 .inner.inner02 { top: 30%; opacity: 0; text-align: left; }
.culture01 .inner.inner02 .tit { color: #fff; }
.culture01 .inner.inner02 .info { color: #fff; }
.culture01 .logo { position: absolute; right: 22.875%; bottom: 0; z-index: 4; }
.culture01 .logo .img {
	width: 374px; height: 374px; background-color: #fafafa; border-radius: 50%; border: 20px solid #fff;
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; box-shadow: 0 0 8px rgba(0,0,0,.05);
	display: flex; align-items: center; justify-content: center;
}
.culture01 .logo .img img { display: block; width: 50%; height: 50%; object-fit: cover; }
.culture01 .logo:before, .culture01 .logo:after { content: ''; display: block; position: absolute; border-radius: 50%;
	opacity: 1; transform: translate3d(-50%, -50%, 0) scale(.6); transition: all .5s; background-color: rgba(255, 255, 255, .6);
	/*width: 374px; height: 374px; left: -187px; top: -187px;*/
}
.culture01 .logo:before {  width: 472px; height: 472px; left: 50%; top: 50%;  }
.culture01 .logo:after { box-shadow: 0 0 8px rgba(0,0,0,.05);
	width: 614px; height: 614px; left: 50%; top: 50%; }
.culture01 .logo:hover:before, .culture01 .logo:hover:after {
	/*animation: scalepulse 1.3s linear .15s infinite both;*/
	/*transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1;*/
	animation: warn 2s ease-out both; animation-iteration-count: infinite;
}

@keyframes warn {
	0% {
		transform: translate3d(-50%, -50%, 0) scale(.6); opacity: 1;
	}
	100% {
		transform: translate3d(-50%, -50%, 0) scale(1); opacity: 0;
	}
}


.culture02 { padding-top: 300px; position: relative; }
.culture02 img.bg{ position: absolute; top: 0; left: 0; z-index: -1; width: 12%;}
.culture02 .wrap { display: flex; flex-wrap: wrap; }
.culture02 .wrap ._l {width: 50%; }
.culture02 .wrap ._l .img { padding: 0 110px 110px; }
.culture02 .wrap ._l img {max-width: 100%; object-fit: cover; display: block; }
.culture02 .wrap ._l .colors { display: flex; justify-content: space-evenly;}
.culture02 .wrap ._l .colors .item { display: flex; flex-direction: column; text-align: center;}
.culture02 .wrap ._l .colors .item:before {content: ''; display: block; width: 48px; height: 48px; border-radius: 50%; margin-bottom: 16px;}
.culture02 .wrap ._l .colors .item:nth-child(1):before { background-color: #317db1;}
.culture02 .wrap ._l .colors .item:nth-child(2):before { background-color: #11a79c;}
.culture02 .wrap ._l .colors .item:nth-child(3):before { background-color: #eaea56;}
.culture02 .wrap ._r {width: 50%; box-sizing: border-box; padding-left: 30px; }
.culture02 .wrap ._r .img { padding-bottom: 80px;}
.culture02 .wrap ._r img {max-width: 100%; object-fit: cover; display: block; }
.culture02 .wrap ._r .tit { font-size: 48px; font-family: SHS_B; line-height: 1; padding-bottom: 30px; }
.culture02 .wrap ._r .info { padding-right:90px;font-size: 18px; font-family: SHS_R; color: #666; }
.culture02 .wrap ._r .info p { padding-bottom: 20px; }

.culture03 { position: relative; padding-top: 100px;}
.culture03 .logoBg { position: absolute; left: 0; top: 0; z-index: -1; width: 50%; }
.culture03 .wrap { display: flex; border-radius: 24px; overflow: hidden; }
.culture03 .wrap .item { width: 200px; height: 720px; position: relative; transition: all .6s; overflow: hidden;}
.culture03 .wrap .item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.culture03 .wrap .inner { position: absolute; width: 100%; height: 160px; left: 0; bottom: 8%; z-index: 3; color: #fff; }
.culture03 .wrap .inner .tit { font-size: 24px; font-family: SHS_R; text-align: center; }

.culture03 .wrap .inner1 { opacity: 1; transition: all .4s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.culture03 .wrap .inner2 { opacity: 0;min-width: 780px; bottom: 0; background-color: rgba(255,255,255,.2);
	display: flex; flex-direction: row; align-items: center; justify-content: flex-start; transition: all .6s;}
.culture03 .wrap .inner2 .tit { text-align: left; }
.culture03 .wrap .inner2 .desc { font-size: 32px; font-family: SHS_B; line-height: 1; transition: all .4s; white-space: nowrap;}
.culture03 .wrap .inner2 .ico { margin-right: 40px; margin-left: 6.857%}

.culture03 .wrap .item.cur { width: calc( 100% - 600px ); }
.culture03 .wrap .item.cur .inner1 { opacity: 0; }
.culture03 .wrap .item.cur .inner2 { opacity: 1; bottom: 8%; }


.culture04 { padding-top: 100px;}
.culture04 .wrap { position: relative;}
.culture04 .wrap img.bg{ position: absolute; top: 0; right: 0; z-index: -1; width: 58%;}
.culture04 .wrap .tit { font-size: 58px; font-family: SHS_B; line-height: 1.6;}
.culture04 .wrap .desc { font-size:18px; font-family: SHS_R; color: #666; width: 50%; padding-top: 30px;}
.culture04 .wrap .img { width: 100%; padding-top: 110px;}
.culture04 .wrap .img img { width: 100%; height: 100%;display: block; object-fit: cover;}
/**/
.honor01 {position: relative; padding-top: 110px;}
.honor01 img.bg1 { position: absolute; top: 80px; left: 10px; z-index: -1; width: 24%;}
.honor01 img.bg2 { position: absolute; top: 130px; right: 20px; z-index: -1; width: 23%;}
.honor01 .wrap .inner { text-align: center;}
.honor01 .wrap .inner .tit { font-size: 58px; font-family: SHS_B; line-height: 1; padding-bottom: 30px;}
.honor01 .wrap .inner .info { font-size: 24px; font-family: SHS_R; color: #666;}
.honor01 .serviceItem { align-items: center; padding: 60px 180px; box-sizing: border-box; }
.honor01 .serviceItem .line { width: 1px; height: 80px; background-color: #eee;}
.honor01 .subWrap {}
.honor01 .tabs { display: flex; justify-content: center; padding: 60px 0; }
.honor01 .tabs .item { cursor: pointer; color: #999; font-size: 32px; font-family: SHS_B; line-height: 1; margin: 0 90px; transition: all .3s;}
.honor01 .tabs .item.cur {color: #222;}
.honor01 .tabContent { position: relative; }
.honor01 .tabContent .item { position: absolute; display: none; }
.honor01 .tabContent .item img.ico { position: relative; z-index: 1; display: block; width: 100%; object-fit: cover; }
.honor01 .tabContent .inner { position: absolute; z-index: 5; top: 0; left: 8.3%; background-color: #fff; padding: 80px;}
.honor01 .tabContent .inner:before, .honor01 .tabContent .inner:after {
	content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;
}
.honor01 .tabContent .inner:before { background: url('../img/bg16.png') center bottom no-repeat; height: 90px!important; background-size: auto 100%}
.honor01 .tabContent .inner:after { background: url('../img/bg4.png') right bottom no-repeat; background-size: 40% }
.honor01 .tabContent .info { width: 400px; padding-bottom: 70px; position: relative; z-index: 2; }
.honor01 .tabContent .name { font-size: 32px; font-family: SHS_B; line-height: 1; padding-bottom: 30px;}
.honor01 .tabContent .desc { font-size: 16px; font-family: SHS_R; color: #666;}

.honor02 { padding-top: 120px;}
.honor02 .top { display: flex; justify-content: space-between; align-items: flex-end;}
.honor02 .top .tit { font-size: 58px; font-family: SHS_B; line-height: 1;}
.honor02 .top .tit p + p { padding-top: 40px;}
.honor02 .top ._nav { display: flex; align-items: center;}
.honor02 .top ._nav .item { position: relative; cursor: pointer; width: 128px; height: 48px; background-color: #fff; overflow: hidden;
	display: flex; align-items: center; justify-content: center; border-radius: 24px; border: 1px solid #eee;}
.honor02 .top ._nav .item span { position: relative; z-index: 3; color: #999;transition: all .3s;}
.honor02 .top ._nav .item + .item { margin-left: 40px;}
.honor02 .top ._nav .item:before { content: ''; position: absolute; width: 0; height: 100%; left: 0; top: 0;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); transition: all .3s;}
.honor02 .top ._nav .item:hover:before, .honor02 .top ._nav .item.cur:before { width: 100%;}
.honor02 .top ._nav .item:hover span, .honor02 .top ._nav .item.cur span { color: #fff;}

.honor02 .list { padding-top: 70px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 60px 20px;}
.honor02 .list .item {position: relative; box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: hidden;}
.honor02 .list .item img {position: relative; display: block; width: 100%; height: 100%; object-fit: cover;}
.honor02 .list .item .inner {position: absolute; left: 0; right: 0; bottom: -40px; opacity: 0; z-index: 3;transition: all .3s;
	padding: 10px 0; text-align: center; background-color: rgba(0,0,0,.1)}
.honor02 .list .item .inner span { font-size: 18px; font-family: SHS_B;}
.honor02 .list .item:hover .inner { bottom: 16px; opacity: 1; }
.honor02List { padding-top: 0!important; position: relative;}
.honor02List:after { content: ''; width: 414px; height: 645px; background: url('../img/bg30.png') no-repeat;
	position: absolute; right: 0; top: 0; pointer-events: none; z-index: -1;  }

.honorMoreWrap { display: flex; justify-content: center; padding-top: 60px;}
.honorMore {
	width: 164px; height: 48px; overflow: hidden; border-radius: 24px; background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;
}
.honorMore:before { content: ''; position: absolute; z-index: 1; background-color: #fff; left: 1px; top: 1px; bottom: 1px; right: 1px; border-radius: 24px;}
.honorMore span { position: relative; z-index: 5; margin-right: 10px; }
.honorMore .arrow {
	color: #aec86f; width: 12px; transform: rotate(90deg); position: relative; z-index: 5;
}

	/**/
.positionWrap { width: 100%; background-color: #fff; height: 60px; font-size: 16px;}
.positionWrap .wrap { display: flex; align-items: center; height: 100%;}
.positionWrap ._position { color: #999; display: flex; align-items: center; }
.positionWrap ._position span { margin-left: 10px; margin-right: 10px; }
.positionWrap ._position a { color: #999; }
.positionWrap ._position img { display: block; width: 20px; height: 20px;}
.positionWrap ._position a:last-child { color: #222;}
.positionWrap ._subNav { margin-left: auto; height: 100%; display: flex; align-items: center; }
.positionWrap ._subNav .item { margin-left: 34px; height: 100%; display: flex; align-items: center; position: relative; }
.positionWrap ._subNav .item a { color: #999; transition: all .3s; }
.positionWrap ._subNav .item:after { content: ''; display: block; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; transition: all .3s;}
.positionWrap ._subNav .item:hover:after, .positionWrap ._subNav .item.cur:after {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); width: 100%;
}
.positionWrap ._subNav .item:hover a, .positionWrap ._subNav .item.cur a { color: #222 }
.positionWrap .subMenu { display: none;}

.positionBox { position: relative; padding-top: 60px; }
.positionBox .positionWrap { position: absolute; top: 0; left: 0;  }
.positionWrap.fixed { position: fixed; top: 0; left: 0; z-index: 55;}
/**/

.lxwm {
	width: 100%; height: 400px; margin-bottom: 100px; background: url('../img/bg3.png') center bottom no-repeat; background-size: cover;
	display: flex; align-items: flex-end; justify-content: center; position: relative;
}
.lxwm:before {
	content: ''; display: block; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0;
	background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0) 50%);
}
.lxwm .inner {position: relative; z-index: 22;}
.lxwm .def { font-size: 58px; font-family: SHS_B; text-align: center; margin-bottom: 70px;}
.lxwm .moreWrap { margin: auto; }

.lxwm .def1 { font-size: 58px; font-family: SHS_B; line-height: 1; text-align: center; padding-bottom: 25px;}
.lxwm .def2 { font-size: 18px; font-family: SHS_R; text-align: center; margin-bottom: 55px;}
.lxwm .mores { display: flex; align-items: center; justify-content: center; }
.lxwm .mores a { width: 164px; height: 48px; border-radius: 24px; background-color: #fff;
	display: flex; align-items: center; justify-content: center; color: #222; transition: all .3s;}
.lxwm .mores a .arrow { color: #aec86f; width: 12px; margin-left: 6px; transition: all .3s;}
.lxwm .mores a:last-child { margin-left: 60px; color: #fff;  background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); }
.lxwm .mores a:last-child .arrow { color: #fff; }
.lxwm .mores a:hover { background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); color: #fff; }
.lxwm .mores a:hover .arrow { color: #fff; }
.lxwm .mores a:last-child:hover { color: #222;  background-image:none; background-color: #fff; }
.lxwm .mores a:last-child:hover .arrow { color: #aec86f; }


.getPlan { align-items: center; }
.getPlan .inner { padding-top: 30px;}

/*分页*/
.pagesWrap { padding-top: 60px; display: flex; align-items: center; justify-content: center; }
.pagesWrap .page-num {
	width: 36px; height: 36px; background-color: #eee; border-radius: 50%; transition: all .3s; margin: 0 8px;
	display: flex; align-items: center; justify-content: center; transition: all .5s;
	/*background: url('../img/icon2.png');*/
}
.pagesWrap .page-num i { font-style: normal; color: #333; transition: all .3s;}
.pagesWrap .page-num-current, .pagesWrap .page-num:hover {
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c);
	/*background: url('../img/icon1.png');/*/
}
.pagesWrap .page-num-current i, .pagesWrap .page-num:hover i{ color: #fff; }
.pagesWrap span.page-num { width: auto; background-image: none;}
.page-num:not(:disabled) { cursor: pointer; }

.pagesBox { padding-top: 30px; }
.pagesBox p { display: flex; align-items: center; padding: 8px 0; color: #999;}
.pagesBox .ico { color: #aec86f; width: 10px; margin-right: 8px;}
/*其他*/



.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}

/*foot*/
.waves { position: absolute; width: 100%; height: 80px; margin-bottom: -8px; left: 0; bottom: 0; z-index: 3; margin-top: -78px; }
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}
.footer { padding-top: 120px; }
.footerBox { position: relative; z-index: 10; padding-top: 70px; background-color: rgba(32,32,32,1); }
.footerBox .waves { bottom: auto; position: absolute; top: 0; margin-bottom: 0; }
.footerBox img.logo2 {
	display: block; width: 63%; position: absolute; z-index: -1; right: 0; bottom: 71px;
}
.foot01 { display: flex; justify-content: space-between;}
.foot01 ._l { width: 310px; }
.foot01 ._l .logo { width: 100%; padding-bottom: 35px; }
.foot01 ._l .logo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.foot01 ._l .desc { color: #fff; font-size: 18px; font-family: SHS_B; }
.foot01 ._r {width: 66%; display: flex; justify-content: space-between;}
.foot01 .footNav {}
.foot01 .footNav .name { font-size: 18px; color: #fff; font-family: SHS_B; padding-bottom: 10px;}
.foot01 .footNav .name:after {
	content: ''; display: block; width: 66px; height: 1px; margin-top: 15px;
	background-image:-webkit-linear-gradient(0deg, #eaea56, rgba(17, 167, 156, 1) 60%, rgba(17, 167, 156, 0));
}
.foot01 .footNav .subName { line-height: 32px; }
.foot01 .footNav .subName a { font-size: 16px; color: rgba(255,255,255,.5); transition: all .3s;}
.foot01 .footNav .subName a:hover { color: #fff;}
.foot02 { display: flex; align-items: center; border-top: 1px solid rgba(255,255,255,.05); padding-top: 25px; margin-top: 35px;}
.foot02 .item { display: flex; align-items: center;}
.foot02 .item .inner .name { color: #fff; font-size: 18px; font-family: SHS_B; padding-bottom: 10px;}
.foot02 .item .inner ._info { color: rgba(255,255,255,.5);  font-size: 16px; line-height: 1.6; }
.foot02 .line { width: 1px; height: 110px; background-color: #242424; margin-left: 70px; margin-right: 50px;}
.foot02 .ewmBox { margin-left: auto; display: flex;}
.foot02 .ewm { margin-left: auto;}
.foot02 .ewm .img {width: 120px; height: 120px;}
.foot02 .ewm .img img {width: 100%; height:  100%; display: block; object-fit: cover;}
.foot02 .ewm .tit {display: flex; align-items: center; justify-content: center;color: rgba(255,255,255,.5); padding-top: 10px; }
.foot02 .ewm .tit .ico { margin-right: 10px;}
.foot02 .ewm + .ewm { margin-left: 30px;}
.foot03 {border-top: 1px solid rgba(255,255,255,.05); padding: 25px 0; margin-top: 25px; text-align: center; }
.foot03 span { margin: 0 12px; color: rgba(255,255,255,.5);}
.foot03 a { color: rgba(255,255,255,.5); transition: all .3s;}
.foot03 a:hover { color: rgba(255,255,255,1);}

.goTop {display: none; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; position: fixed; bottom: 20px; right: 20px; z-index: 66; cursor: pointer;}
.goTop:before,.goTop:after { content: ''; display: block; width: 100%; height: 100%; position: absolute;  top: 0; left: 0; box-sizing: border-box; }
.goTop:before { border-radius: 50%; border: 1px solid #999; z-index: 1;}
.goTop:after { background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); opacity: 0; z-index: 2; transition: all .3s; }
.goTop .arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.goTop .arrow .ico { color: #aec86f; transform: rotate(-90deg); transition: color .3s;}
.goTop:hover:after { opacity: 1;}
.goTop:hover .arrow .ico { color: #fff; }

._swiperBtn {
	width: 64px!important; height: 64px!important; border-radius: 50%; box-shadow: 0 0 40px rgba(0, 0, 0, .05)!important;
	display: flex; align-items: center; justify-content: center; transition: all .5s; background-color: #fff;
}
._swiperBtn svg { width: 14px!important; color: #aec86f; transition: all .5s;}
._swiperBtn:hover { background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); }
._swiperBtn:hover svg { color: #fff!important; }

/*search*/
.searchWrap { background: #fafafa; padding-top: 90px; padding-bottom: 60px; position: relative;}
.searchWrap img.bg28 { position: absolute; z-index: 0; top: 200px;right: 90px;}
.searchWrap .header2 { box-shadow: none; border-bottom: 1px solid #eee;}
.searchWrap .positionWrap { box-shadow: 0 0 5px 1px rgba(0,0,0,.05); background-color: #fff; position: relative; z-index: 3}
.search01 { padding-top: 120px;position: relative; z-index: 3}
.search01 .tit{ font-size: 58px; font-family: SHS_B; line-height: 1; padding-bottom: 48px;}
.search01 .formBox { width: 50%; padding-bottom: 20px; border-bottom: 1px solid #999; }
.search01 .formBox form { display: flex; align-items: center; }
.search01 .formBox .group { display: flex; align-items: center; flex: 1; }
.search01 .formBox .group .ico { margin-right: 10px;}
.search01 .formBox .group .input { width: 100%; height: 48px; border: none; outline: none; background-color: transparent; }
.search01 .formBox .btn { width: 160px; height: 48px; border: none; outline: none; color: #fff; cursor: pointer;
	background-image:-webkit-linear-gradient(0deg, #aec86f, #11a79c); border-radius: 24px; font-size: 16px; }
.search02 { padding-top: 120px;position: relative; z-index: 3}
.search02 .tit{ font-size: 32px; font-family: SHS_B; line-height: 1; padding-bottom: 50px;}
.search02 .list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 32px;}
.search02 .list .item { background-color: #fff; border-radius: 16px; overflow: hidden; transition: all .3s; padding: 30px; }
.search02 .list .item .img { width: 80%; margin: auto; }
.search02 .list .item .img img { width: 100%; height: 100%; object-fit: cover; }
.search02 .list .item .proName { color: #222; padding: 20px 0; text-align: center; font-size: 20px; font-family: SHS_B; }
.search03 {position: relative; z-index: 3}
.search03 .textSecondary { padding-bottom: 120px;}