﻿
.indexbanner1 {
	background: url(../images/index/indexbanner.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 5.17rem!important;
}
.indexbanner2 {
	background: url(../images/index/indexbanner2.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 5.17rem!important;
}
.indexbanner3 {
	background: url(../images/index/indexbanner3.png) no-repeat top center #10bf88;
	-o-background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	height: 5.17rem!important;
	text-align: center;
	color: #fff;
}
.indexbanner3 h2{
    margin-top: 0.49rem;
    font-size: 0.41rem;
    font-weight: bold;
    letter-spacing: 2.46px;
    margin-bottom: 0.05rem;
}
.indexbanner3 p{
    font-size: 0.24rem;
    letter-spacing: 1.68px;
    margin-bottom: 0.2rem;
}
.indexbanner3 a{
    display: inline-block;
    width: 1.02rem;
    text-align: center;
    height: 0.3rem;
    line-height: 0.3rem;
    background: #ffffff;
    font-size: 0.16rem;
    color: #00c27b;
    letter-spacing: 0.32px;
    border-radius: 0.2rem;
}
.indexbanner5 {
	background: url(../images/index/indexbanner5.png) no-repeat top center #10bf88;
	-o-background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	height: 5.17rem!important;
	text-align: center;
	color: #fff;
}
.indexbanner7 {
	background: url(../images/index/indexbanner7.png) no-repeat top center #10bf88;
	-o-background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	height: 5.17rem!important;
	text-align: center;
	color: #fff;
}
.bannerTxt {
	padding-top: 0.51rem;
	padding-left: .55rem;
}

.bannerTxt h1 {
	font-size: .38rem;
	font-weight: bold;
	color: #00A95F;
}

.bannerTxt h2 {
	font-size: .38rem;
	font-weight: bold;
	color: #fff;
}

.bannerTxt p {
	font-size: .16rem;
	font-weight: bold;
	color: #00A95F;
	line-height: .4rem;
}

.bannerTxt a {
	display: block;
	width: 1.38rem;
	height: .4rem;
	line-height: .4rem;
	background: #00A95F;
	color: #fff;
	font-size: .17rem;
	text-align: center;
	border-radius: 0.09rem;
	margin-top: .38rem;
	cursor: pointer;
}

.bannerImg {
	text-align: right;
	margin-top: -0.7rem;
}

.bannerImg img {
	width: 4.22rem;
	height: 2.34rem;
	display: inline-block!important;
}

.bannerFbox {
	position: relative;
	background: #fff;
	border-radius: 0.11rem;
	padding: .36rem 0 .32rem 0;
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	overflow: hidden;
	margin: 0 .3rem 0 .3rem;
	margin-top: -0.8rem
}

.bannerFbox ul li {
	width: 24%;
	float: left;
	text-align: center;
}

.bannerFbox ul li:last-child {
	width: 28%;
}

.bannerFbox ul li h1 {
	font-size: .36rem;
	color: #00C08B;
}

.bannerFbox ul li h2 {
	font-size: .18rem;
	color: #888;
}

.indexpartA {
	margin: 0.25rem 0 0.5rem 0;
	overflow: hidden;
}

.indexpartA li {
	width: 25%;
	text-align: center;
	float: left;
	cursor: pointer;
}

.indexpartA li img {
	width: 1.13rem;
	height: 1.28rem;
}

.indexpartA li span {
	font-size: .26rem;
	display: block;
}

.indexpartB {
	margin-top: .9rem;
	text-align: center;
}

.indexpartB h1 {
	font-size: .48rem;
	color: #000;
}

.indexpartB p {
	font-size: .31rem;
	color: #5F5F5F;

}

.indexpartB img {
	margin-top: .88rem;
	height: 3.58rem;
}

.indexpartC {
	margin-top: .7rem;
	overflow: hidden;
}

.indexpartC h2 {
	font-size: .48rem;
	color: #000;
	text-align: center;
}

.indexpartC .Tab {
	overflow: hidden;
	padding: .68rem 1rem;
}

.indexpartC .Tab li {
	width: 50%;
	float: left;
}

.indexpartC .Tab li a {
	display: block;
	background: #c2c2c2;
	width: 2.46rem;
	height: .71rem;
	line-height: .71rem;
	border-radius: 0.35rem;
	text-align: center;
	color: #fff;
	font-size: .36rem;
	margin: 0 auto;
	vertical-align: middle;
}

.indexpartC .Tab li a.hover {
	background: linear-gradient(180deg, #76e5d5, #4dc5b2);
}

.indexpartC .TabCon {
	padding: 0 .3rem;
}

.indexpartC .TabCon li {
	float: left;
	width: 48%;
	height: 1.81rem;
	background: url(../images/index/hyfaicon10.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 4%;
}

.indexpartC .TabCon li:nth-child(even) {
	margin-left: 4%;
}

.indexpartC .TabCon li a {
	color: #D9557B;
	padding-left: .23rem;
	padding-top: .23rem;
	display: block;
	height: 100%;
}

.indexpartC .TabCon li h2 {
	font-size: .4rem;
	text-align: left;
}

.indexpartC .TabCon li span {
	font-size: .23rem;
	text-align: left;
	margin-top: .10rem;
	display: block;
	position: relative;
}

.indexpartC .TabCon li span:after {
	content: '›';
	position: absolute;
	width: .26rem;
	height: .26rem;
	line-height: .20rem;
	text-align: center;
	background: #D9557B;
	border-radius: 50%;
	color: #fff;
	top: .055rem;
	margin-left: .19rem;
}

.indexpartC .TabCon li:nth-child(1) span:after {
	background: ##D9557B;
}

.indexpartC .TabCon li:nth-child(2) span:after {
	background: #3C76E2;
}

.indexpartC .TabCon li:nth-child(3) span:after {
	background: #45A473;
}

.indexpartC .TabCon li:nth-child(4) span:after {
	background: #E46E23;
}

.indexpartC .TabCon li:nth-child(5) span:after {
	background: #E83A25;
}

.indexpartC .TabCon li:nth-child(6) span:after {
	background: #1CB0A4;
}

.indexpartC .TabCon li:nth-child(7) span:after {
	background: #0F99E5;
}

.indexpartC .TabCon li:nth-child(8) span:after {
	background: #F6B812;
}

.indexpartC .TabCon li:nth-child(9) span:after {
	background: #E46E23;
}

.indexpartC .TabCon li:nth-child(10) span:after {
	background: #753FCE;
}

.indexpartC .TabCon li:nth-child(2) a {
	color: #3C76E2;
}

.indexpartC .TabCon li:nth-child(3) a {
	color: #45A473;
}

.indexpartC .TabCon li:nth-child(4) a {
	color: #E46E23;
}

.indexpartC .TabCon li:nth-child(5) a {
	color: #E83A25;
}

.indexpartC .TabCon li:nth-child(6) a {
	color: #1CB0A4;
}

.indexpartC .TabCon li:nth-child(7) a {
	color: #0F99E5;
}

.indexpartC .TabCon li:nth-child(8) a {
	color: #F6B812;
}

.indexpartC .TabCon li:nth-child(9) a {
	color: #E46E23;
}

.indexpartC .TabCon li:nth-child(10) a {
	color: #753FCE;
}



.indexpartC .TabCon li:nth-child(2) {
	background: url(../images/index/hyfaicon1.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(3) {
	background: url(../images/index/hyfaicon22.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(4) {
	background: url(../images/index/hyfaicon3.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(5) {
	background: url(../images/index/hyfaicon4.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(6) {
	background: url(../images/index/hyfaicon5.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(7) {
	background: url(../images/index/hyfaicon6.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(8) {
	background: url(../images/index/hyfaicon7.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(9) {
	background: url(../images/index/hyfaicon8.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon li:nth-child(10) {
	background: url(../images/index/hyfaicon99.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.indexpartC .TabCon2 {
	padding: 0 .3rem;
}

.indexpartC .TabCon2 li {
	float: left;
	width: 48%;
	height: 1.80rem;
	background: #fff;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 4%;
	box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, .16);
	border-radius: .1rem;
	padding: .32rem 0 0 .28rem;
}

.indexpartC .TabCon2 li:nth-child(even) {
	margin-left: 4%;
}

.indexpartC .TabCon2 li a {
	height: 100%;
	display: block;
}

.indexpartC .TabCon2 li img {
	width: .6rem;
	height: .6rem;
	float: left;
	margin-right: .23rem;
}

.indexpartC .TabCon2 li div {
	overflow: hidden;
}

.indexpartC .TabCon2 li div h2 {
	font-size: .4rem;
	text-align: left;
	color: #262626;
}

.indexpartC .TabCon2 li div span {
	font-size: .23rem;
	text-align: left;
	margin-top: .10rem;
	display: block;
	color: #818181;
	position: relative;
}

.indexpartC .TabCon2 li div span:after {
	content: '›';
	position: absolute;
	background-size: cover;
	width: .26rem;
	height: .26rem;
	line-height: .20rem;
	text-align: center;
	background: #a5a8a7;
	border-radius: 50%;
	color: #fff;
	top: .055rem;
	margin-left: .19rem;
}


.indexpartD {
	margin-top: .9rem;
	padding-bottom: .2rem;
	overflow: hidden;
}

.indexpartD h2 {
	font-size: .48rem;
	color: #000;
	text-align: center;
}

.indexpartD p {
	font-size: .31rem;
	color: #5F5F5F;
	text-align: center;
}

.indexpartD ul {

	padding: 0 .3rem;
	margin-top: 1.14rem;
}

.indexpartD ul li {
	width: 33.33%;
	float: left;
	margin-top: .3rem;
}

.indexpartD ul li .shopimg {
	background: #fff;
	border-radius: 0.11rem;
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
	width: 2rem;
	height: 1.15rem;
	margin: 0 auto;
	line-height: 1.15rem;
	text-align: center;
}

.indexpartD ul li .shopimg img {
	display: inline-block;
	vertical-align: middle;
	max-width: 70%;
	max-height: 60%;
}

.indexpartE {
	overflow: hidden;
	margin-top: 1.04rem;
}

.indexpartE h2 {
	font-size: .48rem;
	color: #000;
	text-align: center;
}

.indexpartE .txt h2{
        text-align: left;
        padding-left: 0.5rem;
}

.indexpartE p {
	font-size: .31rem;
	color: #5F5F5F;
	text-align: center;
}

.indexpartE ul {
	overflow: hidden;
	padding: 0 .3rem;
	margin-top: 1.23rem;
}

.indexpartE ul li {
	height: 1.7rem;
	background: linear-gradient(180deg, #e5f9f0, #f1fcf8);
	border-radius: 16px;
	margin-bottom: .25rem;
	color: #09a475;

}

.indexpartE ul li .txt {
	float: left;
	padding-left: .31rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.indexpartE ul li .txt h2 {
	font-size: .4rem;
	margin-top: .41rem;
}

.indexpartE ul li .txt h3 {
	font-size: .23rem;
	font-weight: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.indexpartE ul li img {
	height: 1.7rem;
	float: right;
}

.indexpartE ul li:nth-child(2) {
	background: linear-gradient(180deg, #fff3e5, #fff9f1);
	color: #d2561a;
}

.indexpartE ul li:nth-child(3) {
	background: linear-gradient(180deg, #e5f3ff, #f1f8ff);
	color: #3463d5;
}

.indexpartE ul li:nth-child(4) {
	background: linear-gradient(180deg, #fbdde6, #fadee7);
	color: #d43966;
}

.indexpartF {
	background: #fafafa;
	padding: .61rem 0;
}

.indexpartF h2 {
	font-size: .48rem;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.indexpartF h2:after {
	content: '';
	position: absolute;
	bottom: -.1rem;
	left: 40%;
	right: 40%;
	width: .85rem;
	height: .05rem;
	background: #00c08b;
	border-radius: .03rem;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	margin: 0 auto;
}

.indexpartF .Tab {
	overflow: hidden;
	padding: .56rem 1rem .7rem;
}

.indexpartF .Tab li {
	width: 33.33%;
	float: left;
	text-align: center;
}

.indexpartF .Tab li a {
	background: #fff;
	width: 1.51rem;
	height: .47rem;
	line-height: .47rem;
	border-radius: 0.35rem;
	text-align: center;
	color: #333;
	font-size: .24rem;
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

.indexpartF .Tab li a.hover {
	background: linear-gradient(180deg, #76e5d5, #4dc5b2);
	color: #fff;
}

.indexpartF .newlist {
	overflow: hidden;
	border: solid .02rem #65D7B3;
	border-radius: .1rem;
	margin: 0 .3rem;
	margin-bottom: .3rem;
	padding: .24rem;
}

.indexpartF .newlist dt {
	float: left;
	width: .76rem;
	height: .79rem;
	background: #e8faf5;
	padding: .15rem;
}

.indexpartF .newlist dd {
	padding-left: .23rem;
	overflow: hidden;
}

.indexpartF .newlist dd h2 {
	font-size: .26rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.indexpartF .newlist dd p {
	font-size: .17rem;
	line-height: .38rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #898989;
	overflow: hidden;
}

.indexpartG {
	overflow: hidden;
	background: url(../images/index/subbanner01.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 1.85rem;
}

.indexpartG p {
	font-size: .34rem;
	text-align: center;
	color: #fff;
	margin-top: .28rem;
}

.indexpartG a {
	display: block;
	width: 2.09rem;
	height: .5rem;
	line-height: .5rem;
	background: #fff;
	color: #11C392;
	font-size: .26rem;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	margin-top: .26rem;
	border-radius: .06rem;
}

.indexpartB .section-group{
	padding: 0 0.55rem;
	display: flex;
	justify-content: space-between;
	margin-top: -0.5rem;
}
.indexpartB .section-group .section-item{
	text-align: center;
}
.indexpartB .section-group .section-item:last-child{
	margin-right: 0;
}
.indexpartB .section-group .section-item .section-icon{
	width: 0.61rem;
	height: 0.61rem;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.indexpartB .section-group .section-item .section-icon img{
	width: 100%;
	height: 100%;
	margin: 0;
}
.indexpartB .section-group .section-item p{
	text-align: center;
	color: #333333;
	font-size: 0.18rem;
	margin-top: 0.15rem;
}
.indexpartH{
	padding: 0.36rem 0.3rem;
	background-color: rgba(16,191,136,0.07);
}
.indexpartH .contentbox{
	background: #ffffff;
	border-radius: 0.11rem;
	box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.11); 
	padding: 0.4rem 0;
	text-align: center;
}
.partHform{
	margin-top: 0.5rem;
}
.partHform ul{
	padding: 0 0.4rem;
}
.partHform li {
    display: flex;
	margin-top: 0.3rem;
	position: relative;
}
.partHform li label{
	position: absolute;
	left: 0.2rem; 
	top: 50%;   
	transform: translate(0, -50%);
}
.partHform li img{
	height: 0.51rem;
}
.partHform li input {
	border: 1px solid #707070;
	border-radius: 5px;
	width: 100%;
	padding-left: 1rem;
	height: 0.51rem;
    line-height: .51rem;
	font-size: .2rem;
}
.partHform li input.active{
	background: #eefffa;
	border: 1px solid #04ae7f;
}
.partHform li input.Dlbutton {
    width: 2.27rem;
    height: 0.51rem;
    line-height: .51rem;
    background: #fc7c56;
    border-radius: 0.26rem;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    padding: 0;
    border: none;
}