* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
	margin: auto;
	font-size: 12px;
}

li {
	list-style: none;
}

ol li {
	list-style: inherit;
}

.clear {
	height: 0px;
	clear: both;
}

textarea {
	font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";
}

div {
	font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";
}

p {
	font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";
}

a {
	text-decoration: none;
	font-family: "Microsoft YaHei", "Arial", "微软雅黑", "黑体", "verdana", "宋体";
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

html {
	font-size: 100px !important;
	font-size: calc(100vw / 19.20) !important;
}

body {
	background: #fff !important;
}
@font-face {
	font-family: 'HELVETICAEXT';
	src: local('HELVETICAEXT'), url(../fonts/HELVETICAEXT-NORMAL.woff) format('woff');
}
@font-face {
	font-family: 'HELVETICA';
	src: local('HELVETICA'), url(../fonts/HELVETICA-LT-63-MEDIUM-EXTENDED.woff) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPRO';
	src: local('HELVETICANEUELTPRO'), url(../fonts/HELVETICANEUELTPRO-LTEX.woff) format('woff');
}
@font-face {
	font-family: 'INTER';
	src: local('INTER'), url(../fonts/INTER-LIGHT.woff) format('woff');
}










.headerbox {
	width: 100%;
}

.navbox {
	width: 100%;
	position: absolute;
	top: .54rem;
	left: 0;
	z-index: 999;
}

.navinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	width: 1.16rem;
}
.logo a {
	display: flex;
}
.logo img {
	width: 100%;
}

.navright {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav {
	float: left;
}

.navitem {
	float: left;
	position: relative;
}

.navtitle {
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
	margin-left: .15rem;
	margin-right: .15rem;
}

.navtitle>a {
	color: #ffffff;
	font-size: .16rem;
	line-height: .45rem;
	display: block;
	padding-left: 0.23rem;
	padding-right: 0.23rem;
}

/* .navitem:hover .navtitle>a {
	color: #5ea665;
} */

.navchildbox {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
	z-index: 999;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	border-radius: .07rem;
}

.navchild {
	width: 100%;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
}

.navchild a {
	color: #343434;
	font-size: .16rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	min-width: 1.1rem;
	display: block;
	white-space: nowrap;
	font-weight: bold;
	height: .45rem;
	line-height: .45rem;
	transition: 0.25s all;
}

.navchild a:hover {
	color: #5ea665;
	font-size: .16rem;
}

.navitem:hover .navchildbox {
	opacity: 1;
	visibility: visible;
}

.search {
	float: left;
	width: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.38rem;
	cursor: pointer;
}

.search img {
	width: 100%;
}

.nav .navitem:nth-child(5) .navtitle>a {
	color: #5ea665;
}

.nav .navitem:nth-child(6) .navtitle>a {
	color: #5ea665;
}

.bannerbox {
	width: 100%;
}

.banneritem {
	width: 100%;
}

.banneritem img {
	width: 100%;
}
.bannerbox .swiper-container-horizontal>.swiper-pagination-bullets {
	width: 10px;
	left: 65px;
	bottom: auto;
	top: 41%;
}
.bannerbox .swiper-pagination {
	bottom: 12%;
	left: calc(100vw / 12 * 1.5);
	display: table;
	margin-left: 0;
	margin-right: 0;
	width: auto;
}
.bannerbox .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 1;
	margin-left: 0.2rem!important;
	margin-right: 0.2rem!important;
}
.bannerbox .swiper-pagination-bullet:first-child {
	margin-left: 0!important;
}
.bannerbox .swiper-pagination-bullet:last-child {
	margin-right: 0!important;
}
.bannerbox .swiper-pagination-bullet-active {
	background: none;
	position: relative;
}
.bannerbox svg {
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	box-sizing: border-box;
	position: relative;
	z-index: 99;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -10px;
	overflow: inherit;
}

.bannerbox .swiper-pagination-bullet svg circle {
	opacity: 0;
	stroke-dasharray: 100;
	stroke-dashoffset: 0;
	fill: rgba(255, 255, 255, 0);
	stroke: #5ea665;
	transform: rotateX(180deg) translateY(-100%);
}
.bannerbox .swiper-pagination-bullet-active svg circle {
	opacity: 1;
	-webkit-animation: circledraw 9s forwards;
	animation: circledraw 9s;
}
@-webkit-keyframes circledraw {
	0% {
		stroke-dashoffset: 100;
	}
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes circledraw {
	0% {
		stroke-dashoffset: 100;
	}
	100% {
		stroke-dashoffset: 0;
	}
}



.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 1.08rem;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    width:1.08rem;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: .54rem;
    width:12.49rem;
    background: rgba(255,255,255,0.5);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 1.08rem;
    padding:0px 1.08rem 0 .75rem;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: .2rem;
    font-weight: 400;
    line-height: 1.08rem;
    color:#333;
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper .input-holder .search-input::placeholder {
	color:#c1bfbf;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
}

.search-wrapper .input-holder .search-icon {

    border:none;
    border-radius:0;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: .44rem;
    height:.44rem;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: .6rem;
		top: 50%;
		transform: translateY(-50%);
}
.search-wrapper.active .input-holder .search-icon img {
	width: 100%;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:20%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		
    right:20px;
    width:.6rem;
    height:.6rem;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-80px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: .6rem;
    left: 40%;
    top: 0px;
}
.search-wrapper .close::after {
    width: .6rem;
    height: 5px;
    left: -2px;
    top: 44%;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}

@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}
.publicheadss {
	cursor: pointer;
}
section.clickshow{ height:0px; transition:all 0.5s ease-in-out; background:url(../img/ssbg.jpg) 50%/cover no-repeat; overflow:hidden; z-index:9999999; position:fixed; width:100%; top:0; left:0;background: rgba(26, 155, 111, .5)}








.yewubox {
	width: 100%;
}
.yewuinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.12rem;
	padding-bottom: 1.25rem;
}
.yewutop {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
.yewutopleft {
	width: 57.639%;
}
.yewutitlebox {
	display: flex;
	align-items: center;
}
.yewutitle {
	color: #373737;
	font-size: .2rem;
	line-height: 0.28rem;
}
.yewutitlehx {
	margin-left: 0.17rem;
	width: 1.52rem;
	height: 1px;
	background: #4a4a4a;
}
.yewupic {
	margin-top: 0.7rem;
}
.yewupic img {
	width: 100%;
}
.yewubottom {
	width: 100%;
	display: flex;
	margin-top: 0.95rem;
	justify-content: space-between;
}
.yewubottomitem {
	width: calc((100% - 1.08rem) / 3);
	position: relative;
}
.yewubottomitem:first-child {
	margin-left: 0;
}
.yewujingtu {
	width: 100%;
}
.yewujingtu img {
	width: 100%;
}
.yewudongtu {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
}
.yewudongtu img {
	width: 100%;
}
.yewubottomitemtext {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: .52rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}
.yewubottomitemico {
	width: 0.5rem;
}
.yewubottomitemico img {
	width: 100%;
}
.yewubottomitemftitle {
	color: #000000;
	font-size: .24rem;
}
.yewubottomitemtitle {
	color: #000000;
	font-size: .22rem;
	font-weight: bold;
}
.yewubottomitem:hover .yewudongtu {
	opacity: 1;
	visibility: visible;
}


.homenewsmore {
	margin-top: 0.75rem;
}
.homenewsmore a {
	color: #4a4a4a;
	font-size: .16rem;
	border-bottom: 1px solid #4a4a4a;
	line-height: 1;
	
}
.homenewsbox {
	width: 100%;
	background: #f8f9f9;
	padding-top: 1.3rem;
}
.homenews {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
}
.homenews .yewupic {
	width: 54.82%;
}
.homenewsbottom {
	width: 100%;
	margin-top: 0.98rem;
	display: flex;
	justify-content: space-between;
}
.homenewsbottomleft {
	width: 50%;
}
.homenewsbottomleft a {
	display: block;
	padding-top: 100%;
	position: relative;
	background-size: 100% auto;
}
.homenewsbottomleftzz {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.homenewsbottomleftzz img {
	width: 100%;
}
.homenewsbottomlefttext {
	position: absolute;
	left: 0.55rem;
	width: 4.2rem;
	bottom: .53rem;
}
.homenewsbottomlefttime {
	font-family: "HELVETICA";
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.25rem;
}
.homenewsbottomlefttitle {
	color: #ffffff;
	font-size: .24rem;
	line-height: 0.46rem;
	height: 0.92rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top: 0.18rem;
}
.homenewsbottomleftarrow {
	width: 0.41rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.36rem;
}
.homenewsbottomleftarrow img {
	width: 100%;
}
.homenewsbottomright {
	width: calc(50% - .84rem);
	float: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.homenewsbottomrightitem {
	width: 100%;
}
.homenewsbottomrightitem a {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.homenewsbottomrightitempic {
	width: 41.354%;
	padding-top: 51.888%;
}
.homenewsbottomrightitemtext {
	width: 53.46%;
	transition: .5s all;
}
.homenewsbottomrightitem:hover .homenewsbottomrightitemtext {
	margin-bottom: 0.2rem;
}
.homenewsbottomrightitemtime {
	font-family: "HELVETICANEUELTPRO";
	color: #4a4a4a;
	font-size: .16rem;
	line-height: 0.25rem;
}
.homenewsbottomrightitemtitle {
	color: #4a4a4a;
	font-size: .2rem;
	line-height: 0.33rem;
	height: 0.66rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top: 0.27rem;
}
.homenewsbottomrightitemarrow {
	width: 0.22rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.07rem;
	margin-top: 0.62rem;
}
.homenewsbottomrightitemarrow img {
	width: 100%;
}

.homeshouyiren {
	width: 100%;
	position: relative;
}
.homeshouyirenpic {
	width: 100%;
}
.homeshouyirenpic img {
	width: 100%;
}
.homeshouyirentop {
	position: absolute;
	top: 1.32rem;
	left: 0;
	width: 100%;
}
.homeshouyirentopinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
}



.homecasebox {
	width: 100%;
	background: #f8f9f9;
	padding-top: 1.25rem;
}
.homecaseinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 1.5rem;
}
.homecaseinner .yewutopleft {
	width: 29.862%;
}
.homecaserightbox {
	width: 47.223%;
	overflow: hidden;
	
}
.homecaseinner .homenewsmore {
	margin-top: 0rem;
	text-align: right;
}
.homecaseright {
	overflow: hidden;
	width: 100%;
	height: 43.75vw;
	margin-top: 0.65rem;
}
.homecaserightitem {
	width: 100%;
	position: relative;
}
.homecaserightitem img {
	width: 100%;
}
.homecaserightitempic {
	width: 100%;
	position: relative;
	opacity: 0.18;
}
/* .homecaserightitempic:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.82);
	transition: .25s all;
} */
.homecaseinner .swiper {
	height: 45%;
	top: 50%;
	transform: translateY(-50%);
	overflow: visible;
}
.homecaserightitemtitle {
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.35rem;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 .25rem;
	z-index: 99;
	text-align: center;
	opacity: 0;
	transition: .25s all;
}
.swiper-slide-active .homecaserightitemtitle {
	opacity: 1;
}
/* .swiper-slide-active .homecaserightitempic:after {
	background: rgba(255, 255, 255, 0);
} */
.swiper-slide-active .homecaserightitempic {
	opacity: 1;
}
.casemap {
	position: absolute;
	width: 70.278%;
	left: -6.9%;
	bottom: 1.5rem;
	z-index: 0;
}
.casemap img {
	width: 100%;
}
.homecaseinner .yewupic {
	margin-top: 0.4rem;
}




.footerbox {
	width: 100%;
	background: #1e1e1e;
	padding-top: 1.39rem;
	padding-bottom: 1.5rem;
}
.footerinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
}
.footertop {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.75rem;
}
.footertopleft {
	width: 37.292%;
}
.footertopleft img {
	width: 100%;
}
.footertopright {
	width: 7.709%;
}
.footertopright img {
	width: 100%;
}
.footerbottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footerbottomleft {
	margin-top: 0.62rem;
}
.footerbottomlefttop {

}
.footerbottomlefttopitem {

}
.footerbottomlefttopitem a {
	color: #e0e1e1;
	font-size: .24rem;
	line-height: 0.73rem;
	display: block;
}
.footerbottomlefttopitem:nth-child(5) a {
	color: #5ea665;
}
.footerbottomlefttopitem:nth-child(6) a {
	color: #5ea665;
}
.footerbottomleftbottom {
	margin-top: 0.4rem;
}
.footerbottomleftbottom a {
	color: #808080;
	font-size: .16rem;
}
.footerbottomright {

}
.footerbottomrighttop {
	color: #e0e1e1;
	font-size: .28rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.8rem;
	text-align: right;
}
.footerbottomrightcontent {
	color: #e0e1e1;
	font-size: .18rem;
	line-height: 0.52rem;
	text-align: right;
	margin-top: 0.3rem;
}
.footerbottomrightbottom {
	overflow: hidden;
	margin-top: 0.55rem;
	display: flex;
	justify-content: flex-end;
}
.footerbottomrightbottomitem {
	width: 1.58rem;
	margin-left: 0.5rem;
	float: left;
}
.footerbottomrightbottomitem img {
	width: 100%;
}
.footerbottomrightbottomitem:first-child {
	margin-left: 0;
}



.innerbanner {
	width: 100%;
	position: relative;
}
.innerbanner img {
	width: 100%;
}
.innerbannertitle {
	color: #ffffff;
	position: absolute;
	font-size: .44rem;
	font-weight: bold;
	line-height: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	white-space: nowrap;
}



.aboutonebox {
	width: 100%;
}
.aboutone {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	padding-top: 1.42rem;
	padding-bottom: 1.6rem;
}
.aboutoneleft {
	width: 77.292%;
}
.aboutonelefttitle {
	color: #5ea665;
	font-size: .48rem;
	font-weight: bold;
}
.aboutoneleftdesc {
	color: #626262;
	font-size: .18rem;
	line-height: 0.4rem;
	width: 77%;
	text-align: justify;
	margin-top: 0.3rem;
}
.aboutoneleftvideo {
	position: relative;
	margin-top: 0.6rem;
}
.aboutoneleftvideoimg {
	width: 100%;
}
.aboutoneleftvideoimg img {
	width: 100%;
}
.aboutoneleftvideoico {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	width: 12.58%;
	cursor: pointer;
}
.aboutoneright {
	margin-top: 0.16rem;
}
.aboutonerightitem {
	text-align: right;
	margin-top: 1.22rem;
}
.aboutonerightitem:first-child {
	margin-top: 0;
}
.aboutonerightitemtop {
	display: flex;
	justify-content: flex-end;
}
.aboutonerightitemsum {
	font-family: "INTER";
	color: #000000;
	font-size: .69rem;
	line-height: .5rem;
}
.aboutonerightitemtext {
	color: #000000;
	font-size: .16rem;
	line-height: 1;
}
.aboutonerightitemcontent {
	color: #626262;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.17rem;
}


.honerbox {
	width: 100%;
	background: #f6f6f6;
}
.honerinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
}
.honertitle {
	color: #494949;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;
}
.honercontent {
	width: 100%;
	overflow: hidden;
	margin-top: 0.7rem;
}
.honeritem {
	width: calc((100% - 2.6rem) / 3);
	margin-left: 1.3rem;
	float: left;
	background: #98513b;
	padding: .135rem;
	margin-top: 1.2rem;
}
.honeritem:nth-child(3n-2) {
	margin-left: 0;
}
.honeritem img {
	width: 100%;
}
.honeritem:nth-child(1) {
	margin-top: 0;
}
.honeritem:nth-child(2) {
	margin-top: 0;
}
.honeritem:nth-child(3) {
	margin-top: 0;
}



.lichengbox {
	width: 100%;
}
.licheng {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.35rem;
	padding-bottom: 1.3rem;
}
.lichengtitle {
	color: #494949;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;
}
.lichengcontent {
	width: 100%;
	margin-top: 0.5rem;
	position: relative;
}
.lichengcontentitem {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.lichengcontentitemleft {
	width: 51.737%;
}
.lichengcontentitemleft img {
	width: 100%;
}
.lichengcontentitemright {
	width: 40%;
}
.lichengcontentitemrighttitle {
	color: #404040;
	font-size: .98rem;
	line-height: 1;
	text-align: right;
}
.lichengcontentitemrighttext {
	font-size: .16rem;
	line-height: 0.36rem;
	height: 2.52rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:7;
	-webkit-box-orient:vertical;
	color: #626262;
	text-align: right;
	margin-top: 0.24rem;
}
.lichengcontentitemrightbottom {
	position: absolute;	
	bottom: 0;
	right: 0;
	display: flex;
	z-index: 58;
}
.lichengcontentitemrightbottomleftarrow {
	width: 0.85rem;
	height: 0.85rem;
	background: #efefef;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .25s all;
	margin-right: 0.21rem;
}
.lichengcontentitemrightbottomleftarrow img {
	width: 0.19rem;
	transition: .25s all;
	opacity: 0.29;
}
.lichengcontentitemrightbottomleftarrow:hover {
	background: #5ea665;
}
.lichengcontentitemrightbottomleftarrow:hover img {
	-webkit-filter: invert(1);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	opacity: 1;
}
.lichengcontentitemrightbottomrightarrow {
	width: 0.85rem;
	height: 0.85rem;
	background: #efefef;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.lichengcontentitemrightbottomrightarrow img {
	width: 0.19rem;
	transform-origin: center;
	transform: rotate(180deg);
	opacity: 0.29;
}
.lichengcontentitemrightbottomrightarrow:hover {
	background: #5ea665;
}
.lichengcontentitemrightbottomrightarrow:hover img {
	-webkit-filter: invert(1);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	opacity: 1;
}
.lichengbottom {
	width: 100%;
	margin-top: 1.18rem;
	position: relative;
	
}
.lichengbottom:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed rgba(34, 34, 34, .34);
	left: 0;
	bottom: 0.28rem;
}
.lichengbottomitem {
	padding-bottom: 0.2rem;
}
.lichengbottomitemdian {
	width: 0.18rem;
	height: 0.18rem;
	background: #fff;
	border-radius: 50%;
	border: .01rem solid #7c7c7c;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.23rem;
	position: relative;
}
.lichengbottomitemtext {
	font-family: "INTER";
	color: #e9e9e9;
	font-size: .72rem;
	line-height: 1;
	text-align: center;
}


.lichengbottom .swiper-slide-thumb-active .lichengbottomitemtext {
	color: #3c3c3c;
}
.lichengbottom .swiper-slide-thumb-active .lichengbottomitemdian {
	width: 0.13rem;
	height: 0.13rem;
	background: #3c3c3c;
	transform: translateY(.03rem);
}
.lichengbottom .swiper-slide-thumb-active .lichengbottomitemdian:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.23rem;
	height: 0.23rem;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: rgba(60, 60, 60, 0.12);

}

@media screen and (max-width : 1600px) {
.lichengcontentitemrightbottomleftarrow {
	width: 0.6rem;
	height: 0.6rem;
}
.lichengcontentitemrightbottomrightarrow {
	width: 0.6rem;
	height: 0.6rem;
}
.lichengcontentitemrighttitle {
	color: #404040;
	font-size: .7rem;
	line-height: 1;
	text-align: right;
}
.lichengcontentitemrighttext {
	font-size: .16rem;
	line-height: 0.36rem;
	height: 2.52rem;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	color: #626262;
	text-align: right;
	margin-top: 0.24rem;
}
}




.hezuoonebox {
	width: 100%;
}
.hezuoone {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}
.hezuoonetitle {
	width: 100%;
	text-align: center;
	color: #1a1a1a;
	font-size: .48rem;
	font-weight: bold;
}
.hezuoonecontent {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.73rem;
}
.hezuoonecontentleft {
	width: calc((100% - .3rem) / 2);
	position: relative;
	cursor: pointer;
}
.hezuoonecontentleftimg {
	width: 100%;
}
.hezuoonecontentleftimg img {
	width: 100%;
}
.hezuoonecontentlefttextbox {
	position: absolute;
	left: 0.35rem;
	display: flex;
	bottom: 0.5rem;
	align-items: center;
}
.hezuoonecontentlefttitle {
	color: #ffffff;
	font-size: .3rem;
	font-weight: bold;
}
.hezuoonecontentleftico {
	color: #ffffff;
	font-size: .24rem;
	width: 0.24rem;
	height: 0.24rem;
	border-radius: 50%;
	background: #5ea665;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.1rem;
}
.hezuoonecontentright {
	width: calc((100% - .3rem) / 2);
	position: relative;
	cursor: pointer;
}
.hezuoonecontentrightimg {
	width: 100%;
}
.hezuoonecontentrightimg img {
	width: 100%;
}
.hezuoonecontentrighttextbox {
	position: absolute;
	bottom: 0.53rem;
	left: 0.5rem;
	padding-right: 1.2rem;
}
.hezuoonecontentrighttexttitlebox {
	display: flex;
}
.hezuoonecontentrighttexttitleico {
	width: 0.52rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hezuoonecontentrighttexttitleico img {
	width: 100%;
}
.hezuoonecontentrighttexttitle {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	margin-left: 0.16rem;
}
.hezuoonecontentrightdesc {
	color: #fffdff;
	font-size: .18rem;
	line-height: 0.36rem;
	margin-top: 0.16rem;
}


.hezuotwobox {
	background: url(../img/gltdbg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
}
.hezuotwo {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
}
.hezuotwocontent {
	padding-top: 1.87rem;
	padding-bottom: 2.1rem;
	padding-left: 0.32rem;
	width: 50%;
}
.hezuotwocontenttitle {
	color: #ffffff;
	font-size: .4rem;
	font-weight: bold;
}
.hezuotwocontentdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.36rem;
	margin-top: 0.12rem;
}
.hezuotwocontentlistbox {
	display: flex;
	margin-top: 0.4rem;
}
.hezuotwocontentlist {
	background: #fff;
	border-radius: .08rem;
	min-width: 3.11rem;
	padding-left: 0.37rem;
	padding-right: 0.37rem;
	margin-left: 0.17rem;
	display: flex;
	cursor: pointer;
	transition: .25s all;
}
.hezuotwocontentlist:first-child {
	margin-left: 0;
}
.hezuotwocontentlistimg {
	width: 0.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hezuotwocontentlistimg img {
	width: 100%;
	transition: .25s all;
}
.hezuotwocontentlisttitle {
	color: #000000;
	font-size: .2rem;
	margin-left: 0.17rem;
	line-height: 0.5rem;
	transition: .25s all;
}
.hezuotwocontentlist:hover {
	background: #5ea665;
}
.hezuotwocontentlist:hover .hezuotwocontentlistimg img {
	filter: grayscale(100%) brightness(1000%);
}
.hezuotwocontentlist:hover .hezuotwocontentlisttitle {
	color: #fff;
}

.hezuofourbox {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	min-height: 100vh;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: none;
}
.hezuofourrighttop {
	position: absolute;
	width: 0.65rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	right: 0;
}
.hezuofourrighttop img {
	width: 100%;
}
.hezuofourcontent {
	width: 100%;
	height: 100%;
}
.hezuofourcontentpic {
	display: none;
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	align-items: center;
	justify-content: center;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-left: 1.34rem;
	padding-right: 1.34rem;
	text-align: center;
}
.hezuofourcontentpic img {
	max-width: 100%;
}
.hezuofourcontentpic:first-child {
	display: flex;
}


.ctywbox {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	min-height: 100vh;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: none;
}
.ctywrighttop {
	position: absolute;
	width: 0.65rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	right: 0;
}
.ctywrighttop img {
	width: 100%;
}
.ctywcontent {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.95rem;
	padding-right: 0.95rem;
	padding-top: 1.44rem;
}
.ctywtitle {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	text-align: center;
}
.ctywbottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.35rem;
}
.ctywitem {
	width: calc((100% - .45rem) / 2);
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	background: #54925a;
	border-radius: .2rem;
	height: 5.4rem;
	padding-top: 0.43rem;
}
.ctywitemtitle {
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
}
.ctywitemcontent {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.3rem;
	margin-top: 0.17rem;
}
.ctywitem:nth-child(2) {
	background: #dedede;
}
.ctywitem:nth-child(2) .ctywitemtitle {
	color: #000000;
}
.ctywitem:nth-child(2) .ctywitemcontent {
	color: #4f4f4f;
}





.xzywbox {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	min-height: 100vh;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: none;
}
.xzywrighttop {
	position: absolute;
	width: 0.65rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	right: 0;
}
.xzywrighttop img {
	width: 100%;
}
.xzywcontent {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.95rem;
	padding-right: 0.95rem;
	padding-top: 1.44rem;
}
.xzywtitle {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	text-align: center;
}
.xzywbottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.35rem;
}
.xzywitem {
	width: calc((100% - .96rem) / 3);
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	background: #54925a;
	border-radius: .2rem;
	height: 5.4rem;
	padding-top: 0.43rem;
}
.xzywitemtitle {
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
}
.xzywitemcontent {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.3rem;
	margin-top: 0.17rem;
}
.xzywitem:nth-child(2) {
	background: #91aa94;
}
.xzywitem:nth-child(2) .xzywitemtitle {
	color: #1f1f1f;
}
.xzywitem:nth-child(2) .xzywitemcontent {
	color: #343434;
}
.xzywitem:nth-child(3) {
	background: #e1e1e1;
}
.xzywitem:nth-child(3) .xzywitemtitle {
	color: #1f1f1f;
}
.xzywitem:nth-child(3) .xzywitemcontent {
	color: #343434;
}




















.jjfaonebox {
	background: url(../img/jjfaonebg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
}
.fnt_40 {
    font-size: 0.4rem;
}
.wrap2 {
    width: 14.4rem;
		width: calc(100vw / 12 * 9);
    max-width: 90%;
    margin: auto;
}
.operations-part03{padding: 1.38rem 0;padding-bottom: 0;}
.operations-part03 h2{ text-align: center; margin-bottom: 0.47rem;font-weight: bold;}

.operations-part03 .imgshow{position: relative; height: 8.24rem;}
.imgshow .list{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}
.imgshow .list::before{content: ""; position: absolute;z-index:1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(1,14,33,0.5);display: none;}
.imgshow .swiper-container{ width: 100%; height: 100%;}
.imgshow ul{margin: 0 0 0 2rem;height: 100%; width: calc(100% - 2rem); position: relative; z-index: 2;}
.imgshow li{font-size: 0.16rem;float: left;width: 20%;padding:0.3rem;transition: all 1s;height: 100%;position: relative; cursor: url(../imgs/mouse.svg), auto;}
.imgshow li::before,.imgshow li::after {content: '';position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;border-left: 1px solid rgba(255, 255, 255, 0.5);}
.imgshow li::before {transition: height 1s; height: .72rem;top: 2.5rem;z-index: 3; width: 0;border-left: 0.03rem solid #439353;transform: translate(calc(-100% + 3px), 0);}
.imgshow li.active {width: 40%;}
.imgshow li.active::before { height: 0;}
.imgshow li .details{ position: absolute;top:2.5rem;z-index: 2;width: 72%;}
.imgshow li .title{margin-bottom: .56rem; line-height: 1.2;}
.imgshow li .title h3{font-size: 0.28rem;font-weight: 500;}
.imgshow li .title p{margin-top: 0.1rem;font-size: .18rem;}
.imgshow li .hide{overflow: hidden; width: 100%; font-weight: 100;}
.imgshow li.active .details{ top:2.5rem}
.imgshow li.active .title h3{font-size: 0.4rem;font-weight: bold;}
.imgshow li.active .title p{ font-size: 0.22rem;}
.imgshow .text,.imgshow .mores {transform: translate(-101%, 0);transition: all 1s;}
.imgshow li .text {height: 12em; line-height: 1.5; overflow: hidden;text-align:justify; text-justify:distribute-all-lines;font-size: .16rem;line-height: 0.32rem;}
.imgshow .more {margin-top: 0.2rem;display: inline-block;border-radius: 0.05rem;color: #fff; position: relative;padding-right: 1em; margin-right: 2em;}
.imgshow .more span {padding-bottom: 0.2em;position: relative;display: inline-block; font-weight: 500;}
.imgshow .more span::after {opacity: 0; content: '';position: absolute; bottom: 0;left: 0;transition: all 1s;width: 100%; border-bottom: 1px solid #fff;}
@keyframes animate-mark {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0.1rem, 0);
    }
}
.imgshow .more::after {content: '';display: block;width: 0.07rem; height: 0.07rem;border: 0.02rem solid #fff;border-left: 0;border-bottom: 0;position: absolute;right: 0;top: 0; background: none;/*animation: animate-mark 2s infinite ease;*/}
.imgshow .more:hover {color: #fff !important;}
.imgshow li.active .text,.imgshow li.active .mores {transform: translate(0, 0);}
.imgshow li.active .mores {
	font-weight: bold;
}





.jjfaonebottom {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.12rem;
	padding-bottom: 1.18rem;
	display: flex;
	justify-content: space-around;
}
.jjfaonebottomitem {
	text-align: center;
}
.jjfaonebottomitemtop {
	position: relative;
}
.jjfaonebottomitemtopleft {
	font-family: "INTER";
	color: #000000;
	font-size: .69rem;
	text-align: center;
	line-height: 0.55rem;
}
.jjfaonebottomitemtopright {
	color: #000000;
	font-size: .16rem;
	line-height: 1;
	font-weight: 100;
	position: absolute;
	top: 0;
	right: -.24rem;
}
.jjfaonebottomitembottom {
	color: #626262;
	font-size: .16rem;
	line-height: 1;
	text-align: center;
	margin-top: 0.18rem;
}


.jjfaonebottomitemtoprightlast {
	color: #000000;
	font-size: .3rem;
	font-family: "INTER";
	top: 50%;
	right: -.22rem;
	transform: translate(0%, -50%);
}



.jjfatwobox {
	width: 100%;
	position: relative;
}
.jjfatwopic img {
	width: 100%;
}
.jjfatwotitle {
	color: #ffffff;
	position: absolute;
	font-size: .68rem;
	font-weight: bold;
	line-height: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	white-space: nowrap;
}





.bg-cover {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.operations-part04{padding: 1.2rem 0 0; padding-top: 0.85rem;}
.operations-part04 h2{ text-align: center; font-weight: bold;font-size: .48rem;}
.operations-part04 .box{max-width:9.1rem; width: 100%; margin: 1.8rem auto 0; position: relative; background: url(../images/space/operations_bg08.png) no-repeat; background-size: cover;}
.operations-part04 ul{position: absolute; width: 100%; height: 100%;}
.operations-part04 li{position: absolute;}
.operations-part04 li span{float: right; margin-left: 0.2rem; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; border-radius: 100%; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(224,224,224,1));}
.operations-part04 li span img{ float: left; width: 0.5rem; height: 0.5rem; margin: 0.15rem;}
.operations-part04 li span img+img{ display: none;}
.operations-part04 li p{ float: left; line-height: 0.8rem;}
.operations-part04 li.li01{left:-.8rem;bottom:1.85rem;}
.operations-part04 li.li02{left:1rem;top:0.2rem;}
.operations-part04 li.li03{left:3.77rem;top:-1rem;}
.operations-part04 li.li04{right:.5rem;top:0.2rem;}
.operations-part04 li.li05{right:-.8rem;bottom:1.85rem;}
.operations-part04 li.li03 p{ float: none; line-height: 0.7rem;}
.operations-part04 li.li03 span{ float: none; display: block; margin: 0 auto;}
.operations-part04 li.li04 span,.operations-part04 li.li05 span{ float: left; margin-left: 0; margin-right: 0.2rem;}
.operations-part04 li.li04 p,.operations-part04 li.li05 p{ float: right;}
.fnt_20 {
    font-size: 0.22rem;
}
.li02 p {
	margin-top: -0.5rem;
}
.li04 p {
	margin-top: -0.5rem;
}
.operations-part04 li:hover span{background:#5ea665;}
.operations-part04 li:hover span img{ display: none;}
.operations-part04 li:hover span img+img{ display: block;}


.jjfafourbox {
	background: #eff4f8;
	width: 100%;
}
.jjfafour {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: .72rem;
	padding-bottom: .95rem;
}
.jjfafourtitle {
	width: 100%;
	text-align: center;
	color: #000000;
	font-size: .48rem;
	font-weight: bold;
}
.jjfafourcontent {
	width: 100%;
	margin-top: 0.4rem;
}
.jjfafourcontentitem {
	width: 100%;
}
.jjfafourcontentitem img {
	width: 100%;
}




.syrzjonebox {
	width: 100%;
}
.syrzjone {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.17rem;
	padding-bottom: 1.45rem;
}
.syrzjonetop {
	width: 100%;
}
.syrzjonetoptitle {
	text-align: center;
	color: #2d2d2d;
	font-size: .4rem;
	font-weight: bold;
}
.syrzjonetopdesc {
	color: #5e5e5e;
	font-size: .16rem;
	line-height: 0.34rem;
	text-align: center;
	margin-top: 0.2rem;
}
.syrzjonecenter {
	width: 100%;
	display: flex;
	padding-left: 0.32rem;
	padding-right: 0.32rem;
	margin-top: 1.46rem;
}
.syrzjonecenteritem {
	position: relative;
	padding-left: 0.45rem;
	padding-right: 0.55rem;
	width: 25%;
}
.syrzjonecenteritem:after {
	position: absolute;
	content: "";
	left: 0;
	top: .02rem;
	width: 1px;
	background: #000000;
	height: 0.7rem;
}
.syrzjonecenteritem:first-child:after {
	display: none;
}
.syrzjonecenteritemtitle {
	color: #3d3d3d;
	font-size: .26rem;
	font-weight: bold;
	line-height: 1;
}
.syrzjonecenteritemdesc {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.28rem;
	margin-top: 0.17rem;
}
.syrzjonebottom {
	width: 100%;
	display: flex;
	margin-top: 0.9rem;
	justify-content: space-between;
}
.syrzjonebottomitem {
	width: calc((100% - .6rem) / 3);
	position: relative;
}
.syrzjonebottomitempic {
	width: 100%;
}
.syrzjonebottomitempic img {
	width: 100%;
}
.syrzjonebottomitemtext {
	position: absolute;
	left: 0;
	width: 100%;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	bottom: .3rem;
}
.syrzjonebottomitemtitle {
	color: #ffffff;
	font-size: .24rem;
}
.syrzjonebottomitemdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.25rem;
	margin-top: 0;
	height: 0;
	overflow: hidden;
	transition: .25s all;
}
.syrzjonebottomitem:hover .syrzjonebottomitemdesc {
	height: auto;
	margin-top: .26rem;
}



.syrzjtwobox {
	width: 100%;
	position: relative;
}
.syrzjtwobg {
	width: 100%;
}
.syrzjtwobg img {
	width: 100%;
}
.syrzjtwo {
	width: calc(100vw / 12 * 9);
	position: absolute;
	left: calc(100vw / 12 * 1.5);
	top: 1.56rem;
	padding-left: 0.3rem;
}
.syrzjtwoinner {
	width: 100%;
}
.syrzjtwotitle {
	color: #2e2e2e;
	font-size: .4rem;
	font-weight: bold;
}
.syrzjtwocenter {
	display: flex;
	margin-top: 0.34rem;
}
.syrzjtwocenteritem {
	min-width: 1.82rem;
	height: 0.5rem;
	border-radius: .1rem;
	overflow: hidden;
	background: #fff;
	line-height: 0.5rem;
	text-align: center;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	margin-left: 0.16rem;
	color: #101010;
	font-size: .2rem;
	transition: .25s all;
}
.syrzjtwocenteritem:first-child {
	margin-left: 0;
}
.syrzjtwocenteritemxz {
	background: #4e9316;
	color: #fff;
}
.syrzjtwobottom {
	margin-top: 0.3rem;
	width: 37%;
	position: relative;
}

.syrzjtwobottomitem {
	color: #4a4a4a;
	font-size: .16rem;
	line-height: 0.3rem;
	font-weight: 100;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: .25s all;
}
.syrzjtwobottomitemxz {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}



.syrzjthreebox {
	width: 100%;
	background: url(../img/syrzjthree.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.syrzjthree {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.3rem;
	padding-top: 1.64rem;
	padding-bottom: 1.78rem;
}
.syrzjthreetop {
	position: relative;
	display: inline-block;
}
.syrzjthreetoptitle {
	color: #292929;
	font-size: .36rem;
	font-weight: bold;
	display: inline-block;
}
.syrzjthreetoptoprt {
	position: absolute;
	right: -.95rem;
	top: -.16rem;
	width: 0.2rem;
	height: 0.2rem;
	border-top: .05rem solid #4e9316;
	border-right: .05rem solid #4e9316;
}
.syrzjthreedesc {
	color: #292929;
	font-size: .16rem;
	line-height: 0.36rem;
	margin-top: 0.25rem;
	width: 55%;
}
.syrzjthreeemail {
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	line-height: 0.54rem;
	color: #ffffff;
	font-size: .2rem;
	border-radius: .1rem;
	background: #5ea665;
	display: inline-block;
	margin-top: 0.3rem;
}






.newsbox {
	width: 100%;
}
.newsinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.2rem;
}
.newscontent {
	width: 100%;
	margin-top: 0.55rem;
}
.newsitem {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 0.9rem;
	padding-top: 0.9rem;
}
.newsitem:last-child {
	border-bottom: none;
}
.newsitem a {
	display: flex;
	padding-left: 0.22rem;
	justify-content: space-between;
}
.newsitempic {
	width: 25.388%;
	padding-top: 23.542vw;
}
.newsitemright {
	width: calc(74.612% - .55rem);
	position: relative;
}
.newsitemrighttop {
	padding-top: 0.05rem;
}
.newsitemtime {
	color: #151515;
	font-size: .16rem;
	font-family: "HELVETICANEUELTPRO";
}
.newsitemtitle {
	color: #0f0b09;
	font-size: .22rem;
	margin-top: 0.29rem;
}
.newsitemdesc {
	color: #898989;
	font-size: .14rem;
	line-height: 0.28rem;
	margin-top: 0.31rem;
	height: 1.12rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
}
.newsitemmore {
	color: #6f6f6f;
	font-size: .16rem;
	display: inline-block;
	border-bottom: 1px solid #6f6f6f;
	line-height: 1;
	position: absolute;
	left: 0;
	bottom: .72rem;
}





/* 产品展示结束 */



.fanye .pagination {
	margin-top: .3rem;
}

.fanye a {
	float: left;
	margin-left: 3.5px;
	margin-right: 3.5px;
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	text-align: center;
	font-family: "Arial";
	line-height: 0.7rem;
	font-size: .2rem;
	color: #9b9b9b;
}
.fanye p {
	float: left;
	line-height: 0.7rem;
}
.fanye .syy {
	color: #565555;
	margin-right: .535rem;
	width: auto;
	font-size: .2rem;
	display: inline-block;
}

.fanye .xyy {
	color: #565555;
	margin-left: .535rem;
	width: auto;
	display: inline-block;
	font-size: .2rem;
}
.fanye .cur {
	background: #5ea665;
	color: #fff;
}
.fanye .pagination {
	overflow: hidden;
	display: table;
	margin-right: auto;
	margin-left: auto;
}





/* 案例开始 */


.youshionebox {
	width: 100%;
	background: url(../img/youshionebg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.youshione {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.13rem;
	padding-bottom: 1.25rem;
}
.youshionetop {
	text-align: center;
}
.youshionetoptitle {
	color: #202020;
	font-size: .48rem;
	font-weight: bold;
}
.youshionetopdesc {
	color: #626262;
	font-size: .16rem;
	margin-top: 0.18rem;
}
.youshionebottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.86rem;
}
.youshionebottomitem {
	width: calc((100% - 1.6rem) / 5);
	margin-left: 0.4rem;
}
.youshionebottomitem:nth-child(5n-4) {
	margin-left: 0;
}
.youshionebottomitemico {
	width: 1.02rem;
	height: 1.02rem;
	border-radius: 50%;
	border: 1px solid #7d7d7d;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	transition: .25s all;
}
.youshionebottomitemico img {
	width: 50%;
	transition: .25s all;
}
.youshionebottomitemtitle {
	color: #202020;
	font-size: .18rem;
	text-align: center;
	margin-top: 0.33rem;
}
.youshionebottomitemdesc {
	color: #818181;
	font-size: .14rem;
	line-height: 0.24rem;
	text-align: center;
	margin-top: 0.18rem;
}

.youshionebottomitem:hover .youshionebottomitemico {
	background: #5ea665;
	border-color: #5ea665;
}
.youshionebottomitem:hover .youshionebottomitemico img {
	filter: grayscale(100%) brightness(1000%);
}


.youshitwobox {
	width: 100%;
	background: url(../img/youshitwobg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.youshitwo {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.1rem;
	padding-bottom: 2.56rem;
}
.youshitwotitle {
	text-align: center;
	color: #f6f6f6;
	font-size: .48rem;
	font-weight: bold;
}
.youshitwocontent {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: .8rem;
	row-gap: .3rem;
	margin-top: 1.12rem;
}
.youshitwoitem {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: .2rem;
	padding-bottom: 0.25rem;
}
.youshitwoitemico {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
	transition: .25s all;
}
.youshitwoitemico img {
	width: 60%;
	transition: .25s all;
}
.youshitwoitemtitle {
	font-size: .18rem;
	color: #fff;
	text-align: center;
	margin-top: -0.22rem;
}
.youshitwoitemdesc {
	color: #f8f8f8;
	font-size: .14rem;
	line-height: 0.24rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	text-align: center;
	min-height: 0.96rem;
	margin-top: 0.19rem;
}

.youshitwoitem:hover {
}
.youshitwoitem:hover .youshitwoitemico {
	background: #5ea665;
}
.youshitwoitem:hover .youshitwoitemico img {
	filter: grayscale(100%) brightness(300%);
}


.youshithreebox {
	width: 100%;
}
.youshithree {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.04rem;
	padding-bottom: 2.05rem;
}
.youshithreetitle {
	text-align: center;
	color: #202020;
	font-size: .48rem;
	font-weight: bold;
}
.youshithreecontent {
	width: 100%;
	display: flex;
	margin-top: 1.21rem;
}
.youshithreecontentleft {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.youshithreecontentleftitem {
	width: 2.88rem;
	height: 0.83rem;
	border: 1px solid #5ea665;
	border-radius: .1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #202020;
	font-size: .18rem;
	font-weight: bold;
	margin-left: 0.29rem;
	margin-top: 0.3rem;
	transition: .25s all;
}
.youshithreecontentleftitem:nth-child(1) {
	margin-top: 0;
}
.youshithreecontentleftitem:nth-child(2) {
	margin-top: 0;
}
.youshithreecontentleftitem:nth-child(2n-1) {
	margin-left: 0;
}
.youshithreecontentleftitemxz {
	background: #5ea665;
	color: #fff;
}

.youshithreecontentright {
	width: 50%;
	padding-right: 0.75rem;
	margin-top: -0.09rem;
}
.youshithreecontentrightitem {
	color: #626262;
	font-size: .16rem;
	line-height: 0.3rem;
	display: none;
	opacity: 1;
	visibility: hidden;
	transition: .25s all;
}
.youshithreecontentrightitemxz {
	display: block;
	opacity: 1;
	visibility: visible;
}

















.bg-cover {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}


.zuopinonebox {
	width: 100%;
	background: url(../img/zuopinonebg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.zuopinone {
	width: calc(100vw / 12 * 6);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.11rem;
	padding-bottom: 1.4rem;
}
.zuopinonedesc {
	color: #828282;
	font-size: .16rem;
	line-height: 0.4rem;
	text-align: center;
}
.zuopinonecontent {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 1.11rem;
}
.zuopinonecontentitem {
	text-align: center;
}
.zuopinonecontentitemtop {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.zuopinonecontentitemtopsum {
	font-family: "INTER";
	color: #010101;
	font-size: .69rem;
	line-height: 0.55rem;
}
.zuopinonecontentitemtopjia {
	font-family: "INTER";
	color: #010101;
	font-size: .3rem;
	line-height: 1;
	margin-top: -0.13rem;
	position: absolute;
	right: -.2rem;
}
.zuopinonecontentitembottom {
	color: #626262;
	font-size: .16rem;	
	margin-top: 0.12rem;
}



.zuopintwobox {
	width: 100%;
	background: #f3f6f9;
}
.zuopintwo {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.9rem;
	padding-bottom: 1.27rem;
}
.zuopintwotitle {
	color: #202020;
	font-size: .48rem;
	text-align: center;
	font-weight: bold;
}
.zuopintwonavbox {
	width: 100%;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #d3d3d3;
	margin-top: 0.31rem;
}
.zuopintwonav {
	color: #747474;
	font-size: .18rem;
	line-height: 0.95rem;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	position: relative;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
}
.zuopintwonav:after {
	content: "";
	position: absolute;
	height: 0.03rem;
	width: 100%;
	background: #50b467;
	left: 0;
	bottom: 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transition: .25s all
}
.zuopintwonavxz {
	color: #373737;
	font-size: .2rem;
	font-weight: bold;
}
.zuopintwonavxz:after {
	opacity: 1;
	visibility: inherit;
}
.zuopintwocontent {
	width: 100%;
	margin-top: 0.74rem;
}
@-webkit-keyframes fadeInUp20 {
    0% {
        /*opacity: 0;*/
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    100% {
        /*opacity: 1;*/
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp20 {
    0% {
        /*opacity: 0;*/
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px)
    }
    100% {
        /*opacity: 1;*/
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.zuopintwocontentitem {
	width: 100%;
	display: flex;
	justify-content: space-between;
	display: none;
	-webkit-animation-name: fadeInUp20;
	animation-name: fadeInUp20;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zuopintwocontentitemxz {
	display: flex;
	transform: translateY(0px);
}
.zuopintwocontentitemleft {
	width: 44%;
	padding-top: 0.6rem;
	padding-top: 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zuopintwocontentitemlefttop {
	text-align: center;
	padding: 0 .2rem;
}
.zuopintwocontentitemlefttopsubtitle {
	color: #1a1a1a;
	font-size: .35rem;
	font-weight: bold;
}
.zuopintwocontentitemlefttopdesc {
	font-family: "HELVETICANEUELTPRO";
	color: #737373;
	font-size: .2rem;
	line-height: 0.48rem;
	margin-top: 0.08rem;
}
.zuopintwocontentitemleftbottom {
	display: flex;
	margin-top: 1.35rem;
	justify-content: center;
}
.zuopintwocontentitemleftbottomitem {
	padding-left: 0.28rem;
	padding-right: 0.28rem;
	position: relative;
}
.zuopintwocontentitemleftbottomitem:after {
	width: 1px;
	height: 88%;
	top: 0;
	content: "";
	position: absolute;
	right: 0;
	background: #c9c9c9;
}
.zuopintwocontentitemleftbottomitem:last-child:after {
	display: none;
}
.zuopintwocontentitemleftbottomitemico {
	width: 0.4rem;
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}
.zuopintwocontentitemleftbottomitemico img {
	width: 100%;
}
.zuopintwocontentitemleftbottomitemtitle {
	color: #555555;
	font-size: .18rem;
	text-align: center;
	margin-top: 0.2rem;
}
.zuopintwocontentitemright {
	width: 55.209%;
}
.zuopintwocontentitemright img {
	width: 100%;
}







.space_03{padding: 1.17rem 0 1.5rem;overflow: hidden;}
.space_03 h2{ text-align: center; margin-bottom: 0.27rem;font-weight: bold;font-size: .48rem;}
.space_03-p{line-height: 2;text-align: center;color: #6e6e6e;font-size: .16rem;line-height: 0.36re;}
/*新修改的 匠心品质*/
.space_03{padding-bottom: 0;}
.space_03 .box{max-width:9.21rem; width: 100%; margin: 1.3rem auto 0; position: relative; background-size: cover;}

.space_03 li{position: absolute;}
.space_03 li span{float: right; margin-left: 0.2rem; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; border-radius: 100%; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(224,224,224,1));}
.space_03 li span img{ float: left; width: 0.5rem; height: 0.5rem; margin: 0.15rem;}
.space_03 li span img+img{ display: none;}
.space_03 li p{ float: left;}

.space_03 li{width: 0.8rem;height: 0.8rem;}
.space_03 li.li01{left: 0;bottom: 0.58rem;}
.space_03 li.li02{left: 1.95rem;top: 0.23rem;}
.space_03 li.li03{left: 6.1rem;top: 0.25rem;}
.space_03 li.li04{right: 0rem;bottom: 0.58rem;}
.space_03 li.li05{right: 0;bottom: 0.58rem;}
.space_03 li.li03 p{float: none;}
.space_03 li.li03 span{ float: none; display: block; margin: 0 auto;}
.space_03 li.li04 span{ float: left; margin-left: 0; margin-right: 0.2rem;}
.space_03 li.li04 p{ float: left;}


.ass_title{position: absolute;width: 220px; -webkit-transform: translateY(0.25rem); -moz-transform: translateY(0.25rem);-o-transform: translateY(0.25rem);-ms-transform: translateY(0.25rem);/* transform: translateY(0.25rem); */}
.ass_title h3{margin-bottom: 0.1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: 500;}
.ass_title p{visibility: hidden;opacity: 0; max-height: 0.72rem;  display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.space_03 li.li01 .ass_title{right:1rem;text-align: right;}
.space_03 li.li02 .ass_title{    bottom: 1.2rem;
    text-align: center;
    width: 300px;
    left: 50%;
    margin-left: -150px;}
.space_03 li.li04 .ass_title{left:1rem;text-align: left;}
.space_03 li.li05 .ass_title{left:1.2rem;text-align: left;}
.space_03 li.li03 .ass_title{ bottom:1.2rem;text-align: center;width: 300px;left: 50%;margin-left: -150px;}

.space_03 li p{line-height: inherit;float: none;font-weight: 100;color: #656565;max-height: 1.5em;}

.asset_phoneimg{display: none;}
.asset_phoneimg img{width: 100%;}


@media only screen and (min-width:1025px) {
    .ass_title,.ass_title p{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}

    /* .space_03 li:hover .ass_title{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} */
    .space_03 li:hover .ass_title p{visibility: visible;opacity: 1;max-height: 5em;}
    .space_03 li:hover span{background:#5ea665;}
    .space_03 li:hover span img{ display: none;}
    .space_03 li:hover span img+img{ display: block;}
}
@media only screen and (max-width:1024px) {
    .space_03 .box{display: none; max-width: 100%;background: none !important}
    .asset_phoneimg{display: block;padding-top: 20px;}
    .space_03 li p{max-height: none;}
}

@media only screen and (min-width:1920px) {
}









.space_04{position: relative;}
.space_04 .space_04_txt{ position: absolute; z-index:2; left: 0; top:1.16rem; text-align: center;color: #fff; width: 100%;}
.space_04 .space_04_txt h2{margin-bottom: 0.35rem;font-weight: bold;font-size: .48rem;}
.space_04 .space_04_txt p{line-height: 2;max-height: 6em;overflow: hidden;font-weight: 100;}
.space_04_b{position: absolute;z-index: 2;left: 0;bottom:1.4rem;width: 100%;}
.space_04_b .cyswbox{position: relative;padding-left: 1.8rem;padding-right: 0.3rem;}
.space_04_b .cyswbox ul{display: flex;justify-content: space-between;}
.space_04_b .cyswbox::before{content: ""; position: absolute; lefT:0; top:0px; width: 100%; height: 1px; background: rgba(255,255,255,0.3);}
.space_04_b .cyswbox .swiper-button-prev,.space_04_b .cyswbox .swiper-button-next{left:-0.6rem; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; margin-top: -0.2rem; text-align: center; font-size: 0.3rem; background-image: none;
    display: none;}
.space_04_b .cyswbox .swiper-button-next{left:auto; right:-0.6rem;}
.space_04_b .cyswbox .swiper-button-prev i,.space_04_b .cyswbox .swiper-button-next i{color: #fff;}
.space_04_b .cyswbox li{position: relative; padding-top: 0.25rem; color: #fff;float: left;box-sizing: border-box;}
.space_04_b .cyswbox li p{margin-bottom: 0.5rem;line-height: 1.5;max-height: 3em;overflow: hidden;font-size: .24rem;line-height: 0.4rem;}
.space_04_b .cyswbox li span{display: block;line-height: 1.5;max-height: 7.5em;overflow: hidden;font-weight: 100;}
.space_04_b .cyswbox li::before{opacity: 1; content: ""; position: absolute; lefT:0; top:0px; width:1.67rem; height: 2px; background: #50b467;}
/*.space_04_b .cyswbox li.on::before{opacity: 1;}*/
.space_04_t{position: relative; z-index: 1;}
.space_04_t li{position: relative;}
.space_04_t li::before{ content: ""; position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.space_04_t .swiper-pagination{bottom: 0.5rem;width: 100%;text-align: center;display: none;}
.space_04_t .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;margin: 0 0.33rem;transition: all .3s;}
.space_04_t .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 0.2rem;height: 0.2rem;}
.about-par04 .swbox dd p{line-height: 22px;max-height: 66px;overflow: hidden;}
.main {
    font-size: 0.18rem;
}
.fnt_24 {
    font-size: 0.24rem;
}
.space_04_t img {
	width: 100%;
}


.rongyubox {
	width: 100%;
	background: url(../img/rongyubg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.rongyu {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.7rem;
	padding-bottom: 0.97rem;
}
.rongyutitle {
	color: #202020;
	font-size: .48rem;
	font-weight: bold;
	text-align: center;
}
.rongyucontent {
	display: flex;
	justify-content: center;
	margin-top: 0.27rem;
}
.rongyuitem {
	width: 2.8rem;
	margin-left: 0.58rem;
	margin-right: 0.58rem;
}
.rongyuitem img {
	width: 100%;
}



.casebox {
	width: 100%;
}
.caseinner {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.2rem;
}
.casecontent {
	width: 100%;
	margin-top: 0.55rem;
	overflow: hidden;
	padding-bottom: 5.554%;
}
.casecontentitem {
	width: 47.223%;
	float: left;
	margin-left: 5.554%;
	margin-top: 5.554%;
}
.casecontentitem:nth-child(2n-1) {
	margin-left: 0;
}
.casecontent .homecaserightitempic {
	opacity: 1;
}
.casecontent .homecaserightitemtitle {
	opacity: 1;
}


.showbox {
	padding-top: 0.5rem;
}
.showtitle {
	color: #202020;
	font-size: .35rem;
	font-weight: bold;
	text-align: center;
}
.showcontent {
	color: #626262;
	font-size: .18rem;
	line-height: 0.4rem;
	width: 100%;
	text-align: justify;
	margin-top: 0.3rem;
}
.showcontent img {
	max-width: 100%;
}

.xxnrfy {
	height: .25rem;
	overflow: hidden;
	line-height: .25rem;
	font-size: .14rem;
	color: #a9a9a9;
	transition: .5s all;
	display: flex;
	justify-content: space-between;
	margin-top: .5rem;
}
.xxnrfy a {
	color: #a9a9a9;
}





.innerctywbox {
	width: 100%;
}
.innerctyw {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 1.95rem;
}
.innerctywtitle {
	color: #000000;
	font-size: .36rem;
	font-weight: bold;
}
.innerctywcontent {
	color: #5f5f5f;
	font-size: .16rem;
	margin-top: 0.45rem;
}

.innerctywcontent img {
	max-width: 100%;
}




.innerxzywbox {
	width: 100%;
}
.innerxzywcontent {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.22rem;
	padding-bottom: 1.5rem;
	color: #5f5f5f;
	font-size: .16rem;
}
.innerxzywcontent img {
	max-width: 100%;
}




.zuopinonetitle {
	color: #2d2d2d;
	font-size: .4rem;
	font-weight: bold;
	text-align: center;
}
.zuopinonebox2 {
	background: url(../img/zuopinonebg.jpg) no-repeat;
}
.zuopinonebox2 .zuopinone {
	padding-top: 0.73rem;
}
.zuopinonebox2 .zuopinonedesc {
	margin-top: 0.21rem;
}

.jjfatwotitle2 {
	font-size: .76rem;
	font-weight: 100;
}


.ycsjthreebox {
	width: 100%;
	background: url(../img/ycsjthreebg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.ycsjthree {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.9rem;
	padding-bottom: 1.3rem;
}
.ycsjthreetitle {
	color: #000000;
	font-size: .4rem;
	font-weight: bold;
	text-align: center;
}
.ycsjthreecontent {
	width: 100%;
	overflow: hidden;
	margin-top: 0.55rem;
}
.ycsjthreecontentitem {
	width: calc((100% - .68rem) / 3);
	margin-left: 0.34rem;
	position: relative;
	float: left;
	
}
.ycsjthreecontentitem:first-child {
	margin-left: 0;
}
.ycsjthreecontentitempic {
	width: 100%;
}
.ycsjthreecontentitempic img {
	width: 100%;
}
.ycsjthreecontentitemtext {
	position: absolute;
	bottom: .75rem;
	left: 0;
	padding-left: 0.46rem;
	padding-right: 0.46rem;
	transition: .25s all;
}
.ycsjthreecontentitemtexttitle {
	color: #ffffff;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.35rem;
	border-bottom: 1px solid #fff;
	position: relative;
	text-align: center;
	padding-bottom: 0.2rem;
}
.ycsjthreecontentitemtexttitle:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 1.33rem;
	background: #3e904e;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
}
.ycsjthreecontentitemtextdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.3rem;
	margin-top: 0.15rem;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	transition: .25s all;
}

.ycsjthreecontentitem:hover .ycsjthreecontentitemtextdesc {
	height: auto;
	opacity: 1;
	visibility: visible;
}
.ycsjthreecontentitem:hover .ycsjthreecontentitemtext {
	bottom: auto;
	top: 0.6rem;
}
.ycsjthreecontentitem:hover .ycsjthreecontentitemtexttitle {
	text-align: left;
}
.ycsjthreecontentitem:hover .ycsjthreecontentitemtexttitle:after {
	left: 0;
	transform: translateX(0);
}





.ycsjfourbox {
	width: 100%;
	position: relative;
}
.ycsjfourimgbox {
	width: 100%;
	position: relative;
}
.ycsjfourimgitem {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
}
.ycsjfourimgitem img {
	width: 100%;
}
.ycsjfourimgitemxz {
	position: relative;
	opacity: 1;
	visibility: visible;
}
.ycsjfourcontentbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.ycsjfourcontent {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	position: relative;
}
.ycsjfourtitle {
	text-align: center;
	color: #ffffff;
	font-size: .4rem;
	font-weight: bold;
	padding-top: 1.04rem;

}
.ycsjfourbottom {
	width: 100%;
	height: 6.7rem;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
}
.ycsjfourbottomitem {
	width: calc(100% / 7);
	position: relative;
	border-left: 1px solid #fff;
	transition: .25s all;
}
.ycsjfourbottomitemxz {
	width: calc(100% / 7 * 2);
}
.ycsjfourbottomitemtext {
	position: absolute;
	width: 100%;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	color: #ffffff;
	font-size: .24rem;
	line-height: 0.4rem;
	left: 0;
	bottom: 1.3rem;
	transition: .25s all;
}
.ycsjfourbottomitemtext:after {
	content: "";
	position: absolute;
	left: -1px;
	background: #4d9a5e;
	width: 3px;
	height: 1.43rem;
	top: 0;
	transition: .25s all;
}
.ycsjfourbottomitemxz .ycsjfourbottomitemtext {
	font-size: .4rem;
	line-height: 0.6rem;
	bottom: 0.9rem;
}
.ycsjfourbottomitemxz .ycsjfourbottomitemtext:after {
	height: 0;
}





.cblpic {
	width: 2.4rem;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 80;
}
.cblpic img {
	width: 100%;
}





.xyjtonebox {
	width: 100%;
	background: url(../img/xyjtonebg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.xyjtone {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.27rem;
}
.xyjtonetop {
	width: 100%;
	padding-top: 0.68rem;
}
.xyjtonetoptitle {
	text-align: center;
	color: #202020;
	font-size: .48rem;
	font-weight: bold;
}
.xyjtonetopdesc {
	color: #626262;
	font-size: .16rem;
	text-align: center;
	margin-top: 0.18rem;
}

.xyjtonecontent {
	width: 100%;
	display: flex;
	margin-top: 1.23rem;
	justify-content: space-around;
}
.xyjtoneitem {
	width: 2.52rem;
}
.xyjtoneitemico {
	border: 1px solid rgba(125, 125, 125, .5);
	width: 1rem;
	height: 1rem;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: .25s all;
}
.xyjtoneitemico img {
	width: 0.4rem;
	transition: .25s all;
}
.xyjtoneitemtext {

}
.xyjtoneitemtitle {
	text-align: center;
	color: #202020;
	font-size: .18rem;
	margin-top: 0.33rem;
}
.xyjtoneitemdesc {
	color: #818181;
	font-size: .14rem;
	line-height: 0.24rem;
	text-align: center;
	margin-top: 0.17rem;
}

.xyjtoneitem:hover {

}

.xyjtoneitem:hover .xyjtoneitemico {
	background: #5ea665;
	border-color: #5ea665;
}
.xyjtoneitem:hover .xyjtoneitemico img {
	-webkit-filter: invert(1);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
}


.ywbkbox {
	width: 100%;
}
.ywbk {
	width: calc(100% / 12 * 11);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.9rem;
	padding-bottom: 1.32rem;
}
.ywbktitle {
	text-align: center;
	color: #202020;
	font-size: .48rem;
	font-weight: bold;
}
.ywbkcontent {
	width: 100%;
	display: flex;
	margin-top: 0.5rem;
}
.ywbkitem {
	width: calc((100% - 1.36rem) / 3);
	margin-left: 0.68rem;
	position: relative;
}
.ywbkitem:first-child {
	margin-left: 0;
}
.ywbkitempic {
	width: 100%;
	overflow: hidden;
	border-radius: .25rem;
}
.ywbkitempic img {
	width: 100%;
	transition: .25s all;
}
.ywbkitembottm {
	position: absolute;
	left: .45rem;
	bottom: .45rem;
}
.ywbkitembottmico {
	width: 0.5rem;
}
.ywbkitembottmico img {
	width: 100%;
}
.ywbkitembottmtitle {
	color: #ffffff;
	font-size: .22rem;
	font-weight: bold;
	margin-top: 0.08rem;
}
.ywbkitembottmtitle>div:nth-child(2) {
    font-size: .18rem;
}
.ywbkitem:hover .ywbkitempic img {
    transform: scale(1.1);
}

.xyjtthreebox {
	width: 100%;
	background: url(../img/xyjtthreebg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.xyjtthree {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.24rem;
	padding-bottom: 1.1rem;
	display: flex;
	justify-content: space-between;
}
.xyjtthreeleft {
	width: calc(50% - 2.5rem);
	padding-top: 0.5rem;
}
.xyjtthreelefttitle {
	color: #000000;
	font-size: .44rem;
	font-weight: bold;
}
.xyjtthreeleftdesc {
	color: #000000;
	font-size: .22rem;
	line-height: 0.36rem;
	margin-top: 0.3rem;
}

.xyjtthreeright {
	width: calc(50% - .05rem);
	position: relative;
	margin-right: 0.75rem;
}

.xyjtthreerightswiper {
	width: 100%;
}
.xyjtthreerightswiperitem {
	width: 100%;
}
.xyjtthreerightswiperitem img {
	width: 100%;
}
.xtjtthreerightleftarrow {
	box-shadow: .06rem .06rem .08rem .02rem rgba(0, 0, 0, 0.13);
	width: 0.4rem;
	border-radius: .06rem;
	overflow: hidden;
	position: absolute;
	left: -.8rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.xtjtthreerightleftarrow img {
	width: 100%;
}
.xtjtthreerightrightarrow {
	box-shadow: .06rem .06rem .08rem .02rem rgba(0, 0, 0, 0.13);
	width: 0.4rem;
	border-radius: .06rem;
	overflow: hidden;
	position: absolute;
	right: -.8rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.xtjtthreerightrightarrow img {
	width: 100%;
}

.xyjtfourbox {
	width: 100%;
	background: url(../img/xyjtfourbg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.xyjtfour {
	width: calc(100vw / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.3rem;
	padding-bottom: 1.54rem;
	display: flex;
	justify-content: space-between;
}
.xyjtfourleft {
	width: 64.584%;
}
.xyjtfourleft img {
	width: 100%;
}
.xyjtfourright {
	width: 30%;
	text-align: justify;
	padding-top: 0.17rem;
}
.xyjtrightrighttitle {
	color: #444444;
	font-size: .36rem;
	line-height: 0.64rem;
	font-weight: bold;
}
.xyjtrightrightdesc {
	color: #4c4c4c;
	font-size: .18rem;
	line-height: 0.36rem;
	margin-top: 0.56rem;
}






.xygqbox {
    width: 100%;
    background: url(../img/xygqbg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.xygqinner {
    width: 18rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: .88rem;
    padding-bottom: 3.2rem;
}
.xygqtitle {
    color: #202020;
    font-size: .48rem;
    font-weight: bold;
    text-align: center;
}
.xygqcontent {
    color: #000000;
    font-size: .28rem;
    line-height: .48rem;
    margin-top: 1.55rem;
    
}

.xygqcontent img {
    max-width: 100%;
}