
.g-adv { height: 42.5rem; overflow: hidden; position: relative;}
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{ overflow:hidden; height: 42.5rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ position: absolute; bottom: 1.6rem; left: 50%; transform: translate(-50%,0); justify-content: center;}
.g-adv .m-cnt li{ float:left; width: .8rem; height: .8rem; margin: 0 0.4rem; border-radius: 50%; background:#fff; }
.g-adv .m-cnt li.no{ margin: 0;}
.g-adv .m-cnt li.z-on{ background:#006c3a; }

.bts{
	text-align: center;
	line-height: 1;
}
.bts a{
	font-size: 2.4rem;
	color: #000;
	line-height: 1;
	font-weight: bold;
}
.bts span{
	display: block;
	font-size: 1rem;
	color: #434343;
	padding-top: 0.6rem;
}

.why{
	padding: 3rem 0 3.2rem 0;
}
.why h3{
	text-align: center;
	font-size: 1.6rem;
	color: #171717;
	line-height: 1;
	font-weight: bold;
}
.why h3 b{
	display: block;
	padding-top: 0.6rem;
	line-height: 1;
	font-size: 3rem;
	color: #006c3a;
}
.why .why-min{
	width: 93.75%;
	margin: 0.9rem auto 0;
}
.why .why-min .con dl dt{
	width: 92%;
	height: 7rem;
	border: 0.1rem solid #818181;
	line-height: 2.3rem;
	font-size: 1.2rem;
	color: #171717;	
	padding: 0 0.9rem;
	font-weight: bold;
	box-sizing: border-box;
}
.why .why-min .con dl dd{
	position: relative;
	margin: -4.6rem 0 0 1.7rem;
	width: 28.25rem;
	height: 7.25rem;
	background: url(../Images/Index/why_sbg.jpg) no-repeat center top;
	background-size: 100% auto;
	padding: 0.9rem 1.5rem;
	box-sizing: border-box;
}
.why .why-min .con dl dd p{
	line-height: 1.2rem;
	font-size: 0.9rem;
	color: #fff;	
}
.why .why-min .con dl dd span{
	position: absolute;
	right: 1.5rem;
	bottom: 0;
	text-align: right;
	font-size: 2.4rem;
	line-height: 1;
	color: #7fbf37;
}
.why .why-min .why-ul{
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 1.8rem;
}
.why .why-min .why-ul li{
	width: 1.6rem;
	height: 1.6rem;
	text-align: center;
	font-size: 1.2rem;
	margin: 0 0.6rem;
	border-radius: 50%;
	color: #525252;
}
.why .why-min .why-ul li.z-on{
	background: #006c3a;
	color: #fff;
}
.why .why-min .why-ul::before{
	position: absolute;
	display: block;
	content: "";
	width: 7.8rem;
	height: 0.05rem;
	background: rgba(0,0,0,.5);
	top: 50%;
	left: 0;
}
.why .why-min .why-ul::after{
	position: absolute;
	display: block;
	content: "";
	width:  7.8rem;
	height: 0.05rem;
	background: rgba(0,0,0,.5);
	top: 50%;
	right: 0;
}


.harm{
	padding-bottom: 3.1rem;
}
.harm .harm-min{
	width: 93.75%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 1.9rem 1rem;
	box-shadow: 0 0 0.8rem rgba(0,0,0,0.2);
}
.harm .harm-min .title span{
	position: relative;
	display: block;
	height: 5.4rem;
	font-size: 1.6rem;
	color: #171717;
	text-align: center;
	margin-bottom: 0.6rem;
	font-weight: bold;
}
.harm .harm-min .title span::before{
	position: absolute;
	display: block;
	content: "";
	width:  7.8rem;
	height: 0.05rem;
	background: rgba(0,0,0,.5);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.harm .harm-min .title h4{
	font-size: 2.8rem;
	color: #171717;
	text-align: center;
	line-height: 1;
	font-weight: bold;
}
.harm .harm-min .title h4 b{
	color: #006c3a;
}
.harm .harm-min ul{
	display: flex;
	justify-content: space-between;
	margin-top: 1.5rem;
}
.harm .harm-min ul li{
	width: 32.6%;
	height: 17.2rem;
	background: #00456c;
	text-align: center;
	padding-top: 1.3rem;
	box-sizing: border-box;
}
.harm .harm-min ul li i{
	display: block;
	width: 5rem;
	margin: 0 auto;
	margin-bottom: 1.5rem;
}
.harm .harm-min ul li i img{
	display: block;
	width: 100%;
	height: auto;
}
.harm .harm-min ul li h4{
	font-size: 1.3rem;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.8rem;
}
.harm .harm-min ul li p{
	font-size: 0.9rem;
	padding: 0 0.9rem;
	color: rgba(255,255,255,0.8);
	line-height: 1.2rem;
	text-align: justify;
}
.harm .harm-min ul li:nth-child(1){
	background: #00456c;
}
.harm .harm-min ul li:nth-child(2){
	background: #006c3a;
}
.harm .harm-min ul li:nth-child(3){
	background: #87c22b;
}

.coup{
	height: 44.6rem;
	padding-top: 3rem;
	box-sizing: border-box;
	background: url(../Images/Index/coup_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}
.coup .bts a{
	color: #fff;
}
.coup .bts span{
	color: rgba(255,255,255,0.8);
}
.coup .coup-min{
	width: 93.75%;
	margin: 2.4rem auto 0;
}
.coup .coup-min ol{
	position: relative;
}
.coup .coup-min ol::before{
	position: absolute;
	top: 0;
	left: 0.18rem;
	content: "";
	display: block;
	width: 0.1rem;
	height: 100%;
	background: #64656b;
}
.coup .coup-min ol li{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.coup .coup-min ol li span{
	display: block;
	padding-left: 1.5rem;
	width: 7.8rem;
	font-size: 1.5rem;
	color: #fff;
	box-sizing: border-box;
	line-height: 1.6rem;
}
.coup .coup-min ol li::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../Images/Index/coup_dian.png) no-repeat center top;
	background-size: 100% auto;
	z-index: 999;
}
.coup .coup-min ol li span b{
	display: block;
	color: #006c3a;
}
.coup .coup-min ol li p{
	display: flex;
	padding: 0 1.2rem;
	align-items: center;
	width: 21.8rem;
	box-sizing: border-box;
	height: 5.4rem;
	background: #52515a;
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.2rem;
}

.pro{
	padding: 3rem 0;
}
.pro .pro-min{
	width: 93.75%;
	margin: 1rem auto 0;
}
.pro .pro-min .pro-ul{
	display: flex;
	margin-bottom: 0.5rem;
}
.pro .pro-min .pro-ul li{
	width: 32%;
	line-height: 3rem;
	margin-right: 2%;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	background: #171717;
}
.pro .pro-min .pro-ul li a{
	color: #fff;
}
.pro .pro-min .pro-ul li img{
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin: -0.1rem 0.4rem 0 0;
	vertical-align: middle;
}
.pro .pro-min .pro-ul li:last-child{
	margin-right: 0;
}
.pro .pro-min .pro-ul li.z-on{
	background: #006c3a;
}
.pro .pro-min .con .pro-big{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}
.pro .pro-min .con .pro-big .txt{
	position: absolute;
	top: 1.4rem;
	left: 1.4rem;
	height: 7.2rem;
}
.pro .pro-min .con .pro-big .txt::before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../Images/Index/pro_icos.png) no-repeat center top;
	background-size: 100% auto;
}
.pro .pro-min .con .pro-big .txt p{
	font-size: 1.5rem;
	color: #fff;
	line-height: 1;
}
.pro .pro-min .con .pro-big .txt p span{
	display: block;
	font-size: 2.4rem;
	color: #fff;
	padding-bottom: 0.3rem;
}
.pro .pro-min .con .pro-big img{
	display: block;
	width: 100%;
	height: auto;
}
.pro .pro-min .con ol{
	display: flex;
	flex-wrap: wrap;
}
.pro .pro-min .con ol li{
	position: relative;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.pro .pro-min .con ol li img{
	display: block;
	width: 100%;
	height: auto;
}
.pro .pro-min .con ol li p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.6rem;
	background: rgba(0,0,0,0.6);
}
.pro .pro-min .con ol li:nth-child(2n){
	margin-right: 0;
}
.pro .pro-min .con .more{
	display: block;
	line-height: 2.5rem;
	background: #006c3a;
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
}

.pz{
	height: 44.7rem;
	background: url(../Images/Index/pz_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-top: 3rem;
	box-sizing: border-box;
}
.pz .bts a{
	color: #fff;
}
.pz .bts span{
	color: rgba(255,255,255,0.8);
}
.pz .pz-min{
	position: relative;
	width: 93.75%;
	margin: 2.5rem auto 0;
	padding-left: 8.7rem;
	box-sizing: border-box;
}
.pz .pz-min .pz-ul{
	position: absolute;
	top: 0;
	left: 0;
	width: 7.3rem;
	z-index: 9;
}
.pz .pz-min .pz-ul li{
	padding: 1.6rem 0 1.9rem 0;
	border-bottom: 0.05rem solid rgba(255,255,255,0.5);
}
.pz .pz-min .pz-ul li:first-child{
	padding-top: 0;
}
.pz .pz-min .pz-ul li span{
	display: block;
	font-size: 1.5rem;
	color: #fff;
	line-height: 1;
	letter-spacing: -0.1rem;
	font-weight: bold;
}
.pz .pz-min .pz-ul li i{
	display: block;
	padding-top: 0.3rem;
	line-height: 1;
	margin-left: -0.8rem;
	word-wrap:break-word; 
	word-break:break-all;
	font-size: 0.6rem;
	transform: scale(0.8);
	color: rgba(255,255,255,0.5);
}
.pz .pz-min .pz-ul li:last-child{
	border: 0;
}
.pz .pz-min .pz-ul li.z-on span{
	color: #006c3a;
}
.pz .pz-min .con dl{
	background: #006c3a;
}
.pz .pz-min .con dl dt{
	width: 100%;
	height: auto;
}
.pz .pz-min .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.pz .pz-min .con dl dd{
	padding: 0.9rem 1.5rem 1rem 1.5rem;
}
.pz .pz-min .con dl dd p{
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.2rem;
}
.pz .pz-min .con dl dd span{
	display: block;
	width: 2.1rem;
	height: 2.1rem;
	margin-top: 0.6rem;
}
.pz .pz-min .con dl dd span img{
	display: block;
	width: 100%;
	height: auto;
}


.case{
	padding: 3rem 0;
}
.case .case-min{
	margin-top: 1.5rem;
}
.case .case-min .case-ul{
	width: 93.75%;
	margin: 1.5rem auto 0; 
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.1rem;
}
.case .case-min .case-ul li{
	width: 32%;
	line-height: 2.35rem;
	margin-right: 2%;
	border-radius: 1.5rem;
	background: #171717;
	box-sizing: border-box;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	margin-bottom: 0.55rem;
}
.case .case-min .case-ul li:nth-child(3n){
	margin-right: 0;
}
.case .case-min .case-ul li:nth-child(4),.case .case-min .case-ul li:nth-child(5),.case .case-min .case-ul li:nth-child(6){
	margin-bottom: 0;
}
.case .case-min .case-ul li.z-on{
	background: #006c3a;
	color: #fff;
}
.case .case-min .con dl{
	margin-bottom: 1rem;
}
.case .case-min .con dl dt{
	width: 100%;
	height: auto;
}
.case .case-min .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.case .case-min .con dl dd{
	position: relative;
	z-index: 9;
	width: 93.75%;
	margin: -3rem auto 0;
	background: #006c3a;
	padding: 1.3rem 1.8rem;
	box-sizing: border-box;
}
.case .case-min .con dl dd h5{
	font-size: 1.5rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.7rem;
}
.case .case-min .con dl dd p{
	font-size: 0.9rem;
	line-height: 1.2rem;
	color: rgba(255,255,255,0.8);
}
.case .case-min .con dl dd i{
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 1.1rem;
}
.case .case-min .con dl dd i img{
	display: block;
	width: 100%;
	height: auto;
}
.case .case-min .con ol{
	width: 93.75%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.case .case-min .con ol li{
	position: relative;
	width: 48.6%;
	margin-right: 2.8%;
}
.case .case-min .con ol li img{
	display: block;
	width: 100%;
	height: auto;
}
.case .case-min .con ol li p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 0.9rem;
	color: #fff;
	line-height: 2.2rem;
	background: rgba(0,0,0,0.6);
}
.case .case-min .con ol li:nth-child(2n){
	margin: 0;
}


.hz{
	height: 24.55rem;
	background: url(../Images/Index/hz_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-top: 5rem;
	box-sizing: border-box;
}
.hz .bts a{
	color: #fff;
}
.hz .bts span{
	color: rgba(255,255,255,0.8);
}
.hz .hz-min{
	width: 88%;
	margin: 2.6rem auto 0;
}
.hz .hz-min ul{
	position: relative;
	height: 22rem;
}
.hz .hz-min ul li{
	position: absolute;
	width: 3.7rem;
	height: auto;
}
.hz .hz-min ul li img{
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 0 0.5rem rgba(0,0,0,0.6);
}
.hz .hz-min ul li:nth-child(1){
	top: 0.8rem;
	left: 0;
}
.hz .hz-min ul li:nth-child(2){
	top: 0;
	left: 10.3rem;
}
.hz .hz-min ul li:nth-child(3){
	top: 0.1rem;
	left: 18.3rem;
}
.hz .hz-min ul li:nth-child(4){
	top: 2rem;
	left: 24.5rem;
}
.hz .hz-min ul li:nth-child(5){
	top: 3.5rem;
	left: 7rem;
}
.hz .hz-min ul li:nth-child(6){
	top: 2.8rem;
	left: 15.3rem;
}
.hz .hz-min ul li:nth-child(7){
	top: 6.5rem;
	left: 1.6rem;
}
.hz .hz-min ul li:nth-child(8){
	top: 5.7rem;
	left: 22.3rem;
}


.ys{
	padding: 3rem 0;
}
.ys .ys-bg{
	background: url(../Images/Index/ys_bgs.jpg) no-repeat center top;
	background-size: 100% auto;
}
.ys .ys-min{
	width: 23.7rem;
	margin: 0 auto;
	margin-top: 1.2rem;
}
.ys .ys-min .con .max-box{
	position: relative;
}
.ys .ys-min .con .ys-img{
	width: 100%;
	height: auto;
}
.ys .ys-min .con .ys-img img{
	display: block;
	width: 100%;
	height: auto;
}
.ys .ys-min .con .max-box dl{
	position: absolute;
	top:0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.ys .ys-min .con .max-box dl dt{
	margin: 1.5rem 0 0 2.8rem;
}
.ys .ys-min .con .max-box dl dt h4{
	font-size: 2.1rem;
	line-height: 2.4rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.8rem;
}
.ys .ys-min .con .max-box dl dt span{
	position: relative;
	display: block;
	padding-top: 3.2rem;
	font-size: 1rem;
	line-height: 1;
	color:rgba(255,255,255,0.5);
}
.ys .ys-min .con .max-box dl dt span::before{
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 0.08rem;
    height: 2.5rem;
    background: rgba(255,255,255,0.5);
}
.ys .ys-min .con .max-box dl dd{
	position: absolute;
	bottom: 1rem;
	left: 50%;
	width: 90%;
	padding: 1rem 1.3rem;
	transform: translateX(-50%);
	background: url(../Images/Index/ys_brs.png) #05673a no-repeat right bottom;
	background-size: 6rem auto;
}
.ys .ys-min .con .max-box dl dd p{
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.2rem;
	padding-left: 0.9rem;
	margin-bottom: 0.8rem;
	background: url(../Images/Index/ys_dian.png) no-repeat left 0.5rem;
	background-size: 0.3rem auto;
}
.ys .ys-min .ys-ul{
	position: relative;
	margin-top: 1.5rem;
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ys .ys-min .ys-ul::before{
	position: absolute;
	display: block;
	content: "";
	width: 7.8rem;
	height: 0.05rem;
	background: rgba(0,0,0,.5);
	top: 50%;
	left: 0;
}
.ys .ys-min .ys-ul::after{
	position: absolute;
	display: block;
	content: "";
	width:  7.8rem;
	height: 0.05rem;
	background: rgba(0,0,0,.5);
	top: 50%;
	right: 0;
}
.ys .ys-min .ys-ul li{
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: #444;
	margin: 0 0.4rem;
}
.ys .ys-min .ys-ul li.z-on{
	background: #05673a;
}


.news{
	padding: 0 0 3rem 0;
}
.news .news-cont{
	width: 93.75%;
	margin: 1.6rem auto 0;
}
.news .news-ul{
	display: flex;
	justify-content: center;
	margin-bottom: 0.8rem;
}
.news .news-ul li{
	width: 8.6rem;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	margin: 0 0.2rem;
	background: #171717;
}
.news .news-ul li.z-on{
	background: #05673a;
}
.news .con dl{
	margin-bottom: 1rem;
}
.news .con dl dt{
	width: 100%;
	height: auto;
	margin-bottom: 1.2rem;
}
.news .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.news .con dl dd span{
	display: block;
	margin-bottom: 1rem;
	font-size: 0.9rem;
	color: #777;
	line-height: 1;
}
.news .con dl dd h5{
	font-size: 1.1rem;
	color: #303030;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 0.8rem;
}
.news .con dl dd p{
	font-size: 0.9rem;
	color: #777;
	line-height: 1.2rem;
}
.news .con dl dd .more{
	display: block;
	margin-top: 1rem;
	width: 6.5rem;
	line-height: 2rem;
	background: #05673a;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
.news .con ol li{
	padding: 2rem 2.2rem;
	background: #d8d8d8;
	margin-bottom: 0.5rem;
}
.news .con ol li h4{
	margin-bottom: 0.7rem;
}
.news .con ol li h4 a{
	font-size: 1.1rem;
	color: #373737;
	font-weight: bold;
	line-height: 1;
}
.news .con ol li p{
	font-size: 0.9rem;
	color: #7c7c7c;
	line-height: 1.2rem;
	margin-bottom: 1rem;
}
.news .con ol li span{
	display: block;
	font-size: 0.9rem;
	color: #777;
	line-height: 1;
}


.about{
	height: 34.35rem;
	background: url(../Images/Index/about_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-top: 3rem;
	box-sizing: border-box;
}
.about .bts a{
	color: #fff;
}
.about .bts span{
	color: #fff;
}
.about .about-txt{
	width: 93.75%;
	margin: 14rem auto 0;
}
.about .about-txt p{
	font-size: 0.9rem;
	color: #fff;
	text-align: center;
	line-height: 1.2rem;
}
.about .about-txt span{
	display: block;
	margin-top: 1.1rem;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	line-height: 1.8rem;
	text-decoration: underline;
}

.contact{
	height: 27.2rem;
	padding-top: 2.8rem;
	box-sizing: initial;
	background: url(../Images/Index/contact_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}
.contact .contact-min{
	width: 90%;
	margin: 0 auto;
}
.contact .contact-min h2{
	font-size: 1.2rem;
	color: #fff;
}
.contact .contact-min h2 b{
	display: block;
	font-size: 3rem;
	color: #fff;
	line-height: 3rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
}
.contact .contact-min ul li{
	position: relative;
	padding: 1rem 0;
	padding-left: 3.7rem;
}
.contact .contact-min ul li span{
	display: block;
	font-size: 1rem;
	color: #fff;
	line-height: 1;
	margin-bottom: 0.5rem;
}
.contact .contact-min ul li p{
	font-size: 1rem;
	color: #fff;
	line-height: 1;
}
.contact .contact-min ul li p b{
	font-size: 1.8rem;
}
.contact .contact-min ul li:nth-child(1){
	background: url(../Images/Index/contact_ico1.png) no-repeat left center;
	background-size: 2.3rem auto;
}
.contact .contact-min ul li:nth-child(2){
	background: url(../Images/Index/contact_ico2.png) no-repeat left center;
	background-size: 2.3rem auto;
}
.contact .contact-min ul li:nth-child(3){
	background: url(../Images/Index/contact_ico3.png) no-repeat left center;
	background-size: 2.3rem auto;
}
.contact .contact-min ul li::after{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 3.7rem;
	width: 84%;
	height: 0.05rem;
	background: rgba(255,255,255,0.5);
}
.contact .contact-min ul li:last-child::after{
	display: none;
}



html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}





