.layout{
	width: 750px;
	margin: 0 auto;
	overflow: hidden;position: relative;background: #f9f9f9;
	min-height: 100vh;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:120px;
}
.mask{
	position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 33;background: rgba(0,0,0,0.6);
}
.mak_cents{
	position: fixed;
	left: 0;right: 0;
	top: 50%;z-index: 34;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); margin: 0 20px;background: #fff;padding: 84px 62px 108px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.mak_cents .ico{
	background: url(../images/c1.png) no-repeat center;width: 30px;height: 30px;position: absolute;
	top: 30px;right: 65px;z-index: 1;
}
.mak_cents h2{
	font-size:42px ;
	line-height: 1.8;
	color: #000000;text-align: center;
}
.mak_cents ul{
	margin-top: 36px;
}
.mak_cents li{
	margin-bottom: 22px;background: #fafafa;border: 1px solid #e5e5e5;border-radius: 4px;width: 100%;
	overflow: hidden;
}
.mak_cents li .txt{
	width: 100%;display: block;height: 70px;font-size:26px ;
	color: #000;padding: 0 25px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;background: none;border: none;
}
.mak_cents li .txt1{
	width: calc(100% - 200px);float: left;
}
.mak_cents li h5{
	width: 200px;border-radius: 4px;font-size: 26px;color: #fff;text-align: center;float: right;
}
.mak_cents .btm{
	width: 360px;line-height: 66px;border-radius: 6px;background: #018053;font-size: 30px;color: #fff;margin: 64px auto 0;display: block;
	border: none;
}

.logo{
	background: #fff;
	text-align: center;
	padding: 18px 0;
}
.logo img{
	display: block;
	height: 62px;
	margin: 0 auto;
}
.page1{
	padding: 50px 20px 0;
}
.page1 .banner{
	height: 420px;
	border-radius: 14px;
	overflow: hidden;
	position: relative;
}
.page1 .banner .spans{
	position: absolute;
	left: 0;right: 0;
	bottom: 12px;z-index: 11;
	text-align: center;
}
.page1 .banner .spans span{
	width: 12px;height:12px ;
	border-radius: 50%;
	margin:0 5px;
	background-color: #fff;opacity: 0.5;
}
.page1 .banner .spans .swiper-pagination-bullet-active{
	opacity: 1;
}
.page1 .hd{
	margin:40px 0 65px;
}
.page1 .hd li{
	float: left;
	width: calc((100% - 20px)/2);
	border-radius: 10px;box-shadow: 0 0 10px 0 #aae2cc inset;background: #fff;
}
.page1 .hd li:nth-child(2n){
	float: right;
}
.page1 .hd li a{
	display: block;
	text-align: center;
	padding: 30px 0;
}
.page1 .hd li .ico{
	height: 60px;
	overflow: hidden;
}
.page1 .hd li .ico img{
	display: block;
	margin: 0 auto;
}
.page1 .hd li h5{
	font-size: 28px;
	line-height: 1.8;
	color: #008052;margin-top: 5px;
}
.tit{
	text-align: center;
}
.tit i{
	display: inline-block;
	position: relative;
	font-size: 42px;
	line-height: 1.8;
	color: #fff;
	font-weight: bold;
}
.tit i::before,
.tit i::after{
	content: "";
	display: block;
	position: absolute;
	left: -150px;top: 50%;
	height: 3px;width: 135px;
	box-shadow: 0 5px 5px 0px rgba(80,80,80,0.2);
	margin-top: -1px;background: #fff;
}
.tit i::after{
	left: auto;
	right: -150px;
}
.list{
	margin-top:30px ;
}
.list li a{
	display: block;
	padding: 20px;
	background-color: #fff;
	overflow: hidden;border-radius: 6px;margin-bottom: 20px;
}
.list li a .pic{
	float: left;
	width: 240px;
	height: 180px;border-radius: 4px;
}
.list li a .text{
	float: right;
	width: calc(100% - 263px);
}
.list li a .text h2{
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;padding-bottom: 6px;margin-bottom: 22px;
}
.list li a .text h2 i{
	float: left;
	width: 70%;
	display: inline-block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size: 28px;
	line-height:60px ;
	color: #363636;
}
.list li a .text h2 span{
	float: right;
	font-size: 26px;
	line-height: 60px;
	color: #13ce00;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list li a .text h2 span.on{
	color: #ff9c00;
}
.list li a .text h2 span.os{
	color: #8e8e8e;
}
.list li a .text h5{
	font-size: 22px;
	line-height: 40px;
	color: #999999;
	background: url(../images/c5.png) no-repeat left center;padding-left: 30px;
}
.list li a .text h6{
	font-size: 22px;
	line-height: 40px;
	color: #999999;
	background: url(../images/c6.png) no-repeat left center;padding-left: 30px;
}
.more a{
margin: 30px auto 0;background: #fff;font-size: 26px;
line-height: 76px;
color: #999999;border-radius: 6px;background: #fff;display: block;	text-align: center;
}
.copyright{
	margin-top: 50px;text-align: center;padding-bottom: 20px;position: relative;z-index: 2;
}
.copyright a{
	font-size:22px ;
	line-height: 1.8;display: inline-block;
	color: rgba(255,255,255,0.4);
}
.ftcopy a{
	color: rgba(0,0,0,0.4);
}
.product{
	background: #f9f9f9;
}
.product .bds{
	margin: 20px 20px 0;
}
.product .hd{
	background: #fff;
	overflow-x: scroll;
	overflow-y: hidden;
}
.product .hd ul{
	font-size: 0;text-align: center;white-space: nowrap;
}
.product .hd li{
display: inline-block;	text-align: center;position: relative;
}
.product .hd li a{
	font-size:30px ;
	line-height: 100px;
	color: #000;display: block;padding: 0 20px;
}
.product .hd li.on a{
	color: #008052;
}
.product .hd li i{
	width: 25px;height: 3px;background: #008052;margin: 0 auto;display: block;position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;
	display: none;
}
.product .hd li.on i{
	display: block;
}

.prodel{
	background: #f9f9f9;
}
.prodel .bans{
	height: 474px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;margin: 15px 20px 0;
}
.prodel .bans .spans{
	position: absolute;
	left: 0;right: 0;
	bottom:20px;z-index: 11;
	text-align: center;
}
.prodel .bans .spans span{
	width: 12px;height:12px ;
	border-radius: 50%;
	margin:0 6px;
	background-color: #fff;opacity: 0.5;
}
.prodel .bans .spans .swiper-pagination-bullet-active{
	opacity: 1;
}
.prodel .hd{
	margin: 15px 0 18px;background: #fff;padding: 12px 0 0;
}
.prodel .hd h2{
	border-bottom: 1px solid #eeeeee;overflow: hidden;padding: 0 20px 12px;
}
.prodel .hd h2 i{
	float: left;
	width: 70%;
	display: inline-block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size: 28px;
	line-height:60px ;
	color: #363636;
}
.prodel .hd h2 span{
	float: right;
	font-size: 26px;
	line-height: 60px;
	color: #13ce00;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.prodel .hd h2 span.on{
	color: #ff9c00;
}
.prodel .hd h2 span.os{
	color: #8e8e8e;
}
.prodel .hd h5{
	border-bottom: 1px solid #eeeeee;overflow: hidden;padding: 0 20px;
}
.prodel .hd h5 i{
	font-size: 26px;
	line-height: 74px;padding-left: 40px;
	color: #999999;float: left;width: 238px;display: block;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.prodel .hd h5 span{
	float: right;display: block;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;width: calc(100% - 238px);font-size:26px ;
	line-height: 74px;
	color: #363636;
}
.prodel .hd h5 span em{
	color: #ef0101;
}
.prodel .bd{
	margin-bottom: 24px;background: #fff;padding: 0 20px 30px;
}
.prodel .bd h3{
	font-size:26px ;
	line-height: 80px;
	color: #008052;padding-left: 38px;border-bottom: 1px solid #eeeeee;
}
.prodel .bd .dels{
	font-size:26px ;
	line-height: 46px;
	color: #666666;margin-top: 26px;
}
.prodel .bd h6{
	font-size:24px ;
	line-height: 46px;
	color: #008052;margin-top: 16px;
}
.prodel .btn a{
	width: 394px;line-height: 70px;border-radius: 12px;background: #bfbfbf;font-size: 28px;color: #FFFFFF;
	text-align: center;display: block;letter-spacing: 4px;text-align: center;margin: 44px auto 0;
}

.order{
	margin: 20px;
}
.order li{
	margin-bottom: 20px;overflow: hidden;border-radius: 10px;background: #fff;
	padding: 20px;
}
.order li .hd{
	padding-bottom: 24px;border-bottom: 1px solid #eeeeee;
}
.order li .hd .pic{
	float: left;
	width: 240px;
	height: 180px;border-radius: 4px;
}
.order li .hd .txt{
	float: right;
	width: calc(100% - 260px);
}
.order li .hd .txt h2{
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 6px;font-size: 28px;
	line-height:62px ;
	color: #363636;margin-bottom: 18px;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.order li .hd .txt h4{
	font-size: 22px;
	line-height: 42px;
	color: #999999;
	background: url(../images/c5.png) no-repeat left center;padding-left: 30px;
}

.order li .ftc h6{
	float: left;font-size:26px ;
	line-height: 48px;
	/*color: #13ce00;*/
}

.order li .ftc .on{
	color: #ff9c00;
}
.order li .ftc .os{
	color: #8e8e8e;
}
.order li .ftc{
	margin-top: 12px;
}
.order li .ftc .rt{
	float: right;overflow: hidden;
}
.order li .ftc .rt a{
	margin-left: 16px;float: left;border-radius: 4px;border: 1px solid #e5e5e5;
	font-size:26px ;
	line-height: 48px;
	color: #a1a1a1;width: 114px;text-align: center;
}
.order li .ftc .rt a.on{
	background: #008052;border-color: #008052;color: #fff;
}
.order li .ftc .rt a.os{
	background: #b5b5b5;border-color: #b5b5b5;color: #fff;
}


.mak_xiey{
	position: fixed;
	left: 0;right: 0;
	top: 50%;z-index: 34;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); margin: 0 50px;padding: 55px 36px 60px;background: #fff;border-radius: 10px;
}
.mak_xiey h2{
	font-size:34px;
	line-height: 1.7;
	color: #363636;text-align: center;font-weight: bold;
}
.mak_xiey .ico{
	background: url(../images/c1.png) no-repeat center;width: 30px;height: 30px;position: absolute;
	top: 30px;right: 65px;z-index: 1;
}
.mak_xiey .scroll em{
	font-weight: bold;
}
.mak_xiey .scroll{
	margin-top: 35px;font-size:23px ;
	line-height: 1.8;height: 600px;
	color: #666666;overflow: hidden;
}
.mak_xiey .bta{
	margin: 60px 0 0;background: #128560;line-height: 64px;border-radius: 32px;
	font-size:24px ;
	color: #fff;text-align: center;display: block;
}
.mak_xiey h5{
	font-size: 22px;
	line-height: 60px;
	color: #999999;text-align: center;
}

.form{
	padding: 40px 50px 0;position: relative;margin-bottom:150px;
}

.form ul{
	position: relative;z-index: 2;
}
.form li{
	margin-bottom: 25px;
}
.form li label{
    font-size: 24px;
    line-height: 50px;
        padding-left: 40px;
    background: url(../images/c17.png) no-repeat left center;
}
.form li input:checked + label{
        background: url(../images/c17-1.png) no-repeat left center;
}
.form li .ces{
    display: none;
}
.form li h3{
	font-size:26px ;
	line-height: 50px;
	color: #363636;margin-bottom: 5px;
}
.form li h3 i{
	color: #fa0000;
}
.form li .tx{
	font-size:26px ;
	color: #000;height: 80px;background: #fff;padding: 0 24px;width: 100%;border: none;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.form li .tare{
	height: 210px;resize: none;padding: 15px 24px;font-size:26px ;
	line-height: 1.7;
	color: #000;
}
.form li .txt{
	background: url(../images/c10.png) no-repeat right 16px center #fff;
}
.form li .txt:nth-child(3n){
	margin-right: 0;
}
.form li .lsele{
	background: url(../images/c10.png) no-repeat right 16px center #fff;font-size:26px ;
	line-height: 1.7;
}
.form li dl{
	background: #fff;padding: 20px;overflow: hidden;
}
.form li dd{
	float: left;margin-right: 8px;width: 190px;height: 150px;position: relative;
}
.form li dd.vids img,
.form li dd.pic img{
	width: 100%;height: 100%;display: block;
}
.form li dd.wd{
	background: #f7f7f7;
}
.form li dd.wd .t{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
}
.form li dd.wd .ico{
	height: 68px;
}
.form li dd.wd .ico img{
	display: block;margin: 0 auto;
}
.form li dd.wd p{
	font-size:20px ;
	line-height: 1.7;
	color: #999999;text-align: center;margin-top: 10px;
}
.form li dd.vids .t{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); width: 46px;height: 46px;margin: 0 auto;
}
.form li dd.vids .t img{
	width: 100%;display: block;
}
.form li dd i{
	position: absolute;top: -7px;right: -4px;background: url(../images/c15.png) no-repeat center/cover;width: 30px;height: 30px;z-index: 1;
}
.form li dd.fia .fil{
	position: absolute;
	left: 0;right: 0;
	top: 0;z-index:22;bottom: 0;opacity: 0;width: 100%;height: 100%;
}
.form li dd.fia .fimg{
	background: #f7f7f7;height: 150px;position: relative;
}
.form li dd.fia .fimg img{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); display: block;margin: 0 auto;
}
.form ul{
	margin-bottom: 40px;
}
.form h6{
	margin-bottom: 18px;position: relative;z-index: 2;
}
.form h6 .che{
	display: none;
}
.form h6 label{
	font-size:24px ;
	line-height: 32px;
	color: #666666;display: block;padding-left: 40px;background: url(../images/c17.png) no-repeat left center;
}
.form h6 label a{
	color: #666666;
}
.form .bts{
	width: 396px;line-height: 70px;background: #008052;border-radius: 10px;text-align: center;
	font-size: 28px;color: #fff;display: block;border: none;margin: 60px auto 0;position: relative;z-index: 2;
}
.form h6 input:checked + label{
	background: url(../images/c17-1.png) no-repeat left center;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #128560;
}





.heig{
	min-height: calc(100vh - 250px);
}

.fxies{
	width: 750px;
	margin: 0 auto;
	position: fixed;
	left: 0;right: 0;
	bottom: 0;z-index: 99;
	background-color: #fff;
	box-shadow: 0 0 5px 0px  rgba(80,80,80,0.2);
}
.padd{
	padding-bottom: 118px;
}
.fxies li{
	width: 250px;
	float: left;
	text-align: center;
}
.fxies li a{
	padding: 8px 15px 5px;
	display: block;
	font-size:26px ;
	line-height: 1.7;
	color: #999;
}
.fxies li img{
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto 5px;
}
.fxies li img.f2{
	display: none;
}
.fxies li.on a{
	background-color: #018053;
	color: #fff;
}
.fxies li.on a .f2{
	display: block;
}
.fxies li.on a .f1{
	display: none;
}

.gearArea{
    font-size: 20px;
}
.mak_xiey{
    display: none;
}
.mask{
    display: none;
}