/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Arial, "微软雅黑";
}

img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}

body,
p,
form,
input,
button,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

input,
textarea {
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	font-size: 1em;
	line-height: 1.5em;
}

table {
	border-collapse: collapse;
}

input,
select,
textarea {
	outline: none;
	border: none;
	background: none;
}

a {
	outline: 0;
	cursor: pointer;
	*star: expression(this.onbanner=this.blur());
}

a:link,
a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}


/*a:hover {
	text-decoration: underline;
}*/

a {
	text-decoration: none;
	-webkit-touch-callout: none;
}

em,
i {
	font-style: normal;
}

li,
ol {
	list-style: none;
}

html {
	font-size: 10px;
}

body {
	margin: 0 auto;
	max-width: 800px;
	/*min-width: 350px;*/
	color: #555;
	padding-bottom: 8%;
	background: #FFF;
	height: 100%;
}

@media screen and (min-width:320px) {
	body,
	input,
	select {
		font-size: 11.25px
	}
}

@media screen and (min-width:400px) {
	body,
	input,
	select {
		font-size: 12.5px
	}
}

@media screen and (min-width:480px) {
	body,
	input,
	select {
		font-size: 13.75px
	}
}

@media screen and (min-width:560px) {
	body,
	input,
	select {
		font-size: 15px
	}
}

@media screen and (min-width:600px) {
	body,
	input,
	select {
		font-size: 16.25px
	}
}

@media screen and (min-width:640px) {
	body,
	input,
	select {
		font-size: 18px
	}
}

@media screen and (min-width:700px) {
	body,
	input,
	select {
		font-size: 20px
	}
	.box25{height: 30em !important;overflow: hidden;}
	.box30{height: 35em !important;overflow: hidden;}
	.box35{height: 40em !important;overflow: hidden;}
	.box40{height: 45em !important;overflow: hidden;}
	.box45{height: 50em !important;overflow: hidden;}
	.box50{height: 55em !important;overflow: hidden;}
	.box55{height: 60em !important;overflow: hidden;}
	.box60{height: 65em !important;overflow: hidden;}
	.page_4img3 {margin-top: -12% !important;}
}	
			/*global*/
			.box20{height: 20em;overflow: hidden;}
			.box25{height: 25em;overflow: hidden;}
			.box30{height: 30em;overflow: hidden;}
			.box35{height: 35em;overflow: hidden;}
			.box40{height: 40em;overflow: hidden;}
			.box45{height: 45em;overflow: hidden;}
			.box50{height: 50em;overflow: hidden;}
			.box55{height: 55em;overflow: hidden;}
			.box60{height: 60em;overflow: hidden;}
			.box65{height: 65em;overflow: hidden;}
			.link{display: block;color: #FFF;}
			.page {margin-top: 60px;width: 100%;}
			/*#sheji_page,#guige_page{width: 100%;}*/
			.backtop {display: none;position: fixed;right: 7%;bottom: 10%;cursor: pointer;}
			.toAppPage, 
			.toTizhiPage, 
			.toshouhuanPage{font-size: 1.2em;background-color: #3FDAAD;border-radius: 1em;padding: 0.1em 1em;color: #FFF;display: inline-block;cursor: pointer;}
			.line{height: 0;width: 100%;border: solid 1px #ccc;}
			.line2{height: 0;width: 4em;border: solid 1px;}
			.col-fff{color: #FFF;}
			.col-81{color: #818181;}
			.col-00{color: #000;}
			/*head*/
			.header {
				max-width: 800px;
				background-color: #3DD1A6;
				position: fixed;
				width: 100%;
				z-index: 10;
				top: 0;
				min-width: 340px;
			}
			.warp{
				width: 100% !important;
				min-width: 340px;
			}
			.logo_box {
				margin: 6px 0 0 15px;
				width: 10em;
				cursor: pointer;
				display: flex;
				align-items: center;
			}
			.logo_box span {
	  			font-size: 1.2em;
				color: white;
				margin: 0 0 0 .5em;
			}
			.logo {
				width: 48px;
				height: 48px;
				background-image: url(../img/logo.png);
				background-size: 100%;
				background-repeat: no-repeat;
				border-radius: 5px;
				display: inline-block;
			}
			
			.navtab {
				width: 50%;
				margin-right: 2%;
				font-size: 1.2em;
			}
			
			.navBtn {
				color: #FFF;
				width: 25%;
				height: 60px;
				line-height: 60px;
				float: left;
				text-align: center;
			}
			/*footer*/
			footer{ color: #FFF; background-color: #3FDAAD;text-align: center;font-size: 0.8em;z-index: 20;}
			.beian{ text-decoration:none;color: #FFFFFF;}
			
			/*page_1*/
			.page_1{}
			.page_1_box1{ color: #FFF;background-color: #40d9ad;text-align: center;font-size: 1.05em;}
			.page_1_box2{ background-image: url(../img/page_1bg1.jpg);background-repeat: no-repeat;background-position: center;background-size:auto 100%;}
			.page_1_box4{background-color: #F4F4F4;}
			.page_1img1{width: 1em;margin: -0.7em 0.5em 0 0;}
			.page_1_box1_l{width: 25%;margin-left: 5%;padding: 15% 0 0 0;}
			.page_1_box1_c{width: 40%;margin-left: 3%;}
			.page_1_box1_r{width: 22.5%;margin-right: 3%;padding: 28% 0 0 0;}
			.page_1_box2_c{font-size: 1.1em;line-height: 1.8em;padding-left: 5%;}
			.page_1_box2_c p:nth-child(2){margin-left: -5.5em;}
			.page_1_box3_b{font-size: 1.1em;line-height: 1.8em;}
			.page_1_box3_b p:nth-child(2){margin-left: -4em;}
			.page_1img2{width: 80%;}
			.page_1img3{width: 100%;}
			.page_1img4{width: 80%;}
			.page_1img5{width: 1.5em;margin: 0 0.2em 0.2em 0;}
			.page_1img6{width: 70%;}
			.page_1img7{width: 50%;}
			.page_1_box1_t2{width: 100%;margin-top: 1em;}
			.page_1_box1_t2 img{width: 80%;}
			.page_1_box1_t3{display: flex;justify-content: center; margin-top:5%;}
			.page_1_box1_t3 a {margin: 0 2%;}
			.ipDown_2{background-color: #29a8ed;border-radius:2em; padding: 0.8em 1.5em;font-size: 1em;box-shadow: 1px 1px 2px #666;}
			.anDown_2{background-color: #2bc99b;border-radius:2em; padding: 0.8em 1.5em;font-size: 1em;box-shadow: 1px 1px 2px #666;}
			
			/*page_2*/
			.page_2_box1{ background-image: url(../img/page_2bg1.jpg);background-repeat: no-repeat;background-position: center;background-size:auto 100%;}
			.page_2_box1_t{display: inline-block;margin: 15em 0 0 0;padding: 1em;color: #FFF;font-size: 1em; background-color:rgba(255,255,255,0.6);}
			.qr{width: 10em;margin: 0 1em 0 0;}
			.down{}
			.ipDown{background-color: #29a8ed;border-radius:2em; padding: 0.8em 2em;font-size: 1.2em;}
			.anDown{background-color: #2bc99b;border-radius:2em; padding: 0.8em 2em;margin: 1em 0 0 0;font-size: 1.2em;}
			.page_2img2{margin-right: 0.7em;width: 1.5em;}
			.page_2img3{margin-right: 0.7em;width: 1.5em}
			.page_2img4{height: 30em;}
			.page_2_box1_b{margin-top: 8em;}
			.page_2_box1_b p:nth-child(1){font-size: 3em;color: #333;margin-bottom:1em}
			.page_2_box1_b p:nth-child(2){font-size: 1.8em;margin-top: 1em;color: #666;}
			.page_2_box2_t p{font-size: 2.5em;color: #333;}
			.page_2_box2_c {display: inline-block;text-align: center;}
			.page_2icon{margin: 1em 0.5em;font-size: 0.8em;}
			.page_2_box2_b{color: #666;line-height: 2em;}
			.page_2_box3{background-color: #f3f3f3;}
			.page_2_box3_t{}
			.page_2_box3_t1{font-size: 2.5em;margin: 1em 0;color: #333;}
			.page_2_box3_t2{line-height: 2em;color: #666;}
			.page_2img7{height: 30em;margin-top: 5em;}
			.page_2_box4_t{font-size: 2.5em;margin: 1em 0;color: #333;}
			.page_2img8{height: 30em;}
			.page_2_box4_b{line-height: 2em;color: #666;margin-top: 2em;}
			.page_2_box5_t{font-size: 2.5em;margin: 1em 0;color: #333;}
			.page_2_box5_c{line-height: 2em;color: #666;margin-top: 2em;}
			.page_1img9{height: 30em;}
			.page_2_box5_b{margin-top: 2em;}
			.page_2_box5{background-color: #f3f3f3;}
			.page_2_box6_t{font-size: 2.5em;margin: 1em 0;color: #333;}
			.page_2_box6_b{line-height: 2em;color: #666;margin-top: 2em;}
			.page_2_box7{background-color: #f3f3f3;}
			.page_2_box7_t{font-size: 2.5em;margin: 1em 0;color: #333;}
			.page_2_box7_c{line-height: 2em;color: #666;margin-top: 2em;}
			.page_1img10{height: 30em;}
			.page_1img11{height: 30em;margin-top: 3em;}
			
			/*page_3*/
			.page_3_head_nav{width: 100%;font-size: 1.2em;}
			.sheji{width: 49%;border-bottom: solid 2px #3FDAAD;height: 2em;padding-top: 0.5em;cursor: pointer;}
			.guige{width: 49%;border-bottom: solid 2px #e3e3e3;height: 2em;padding-top: 0.5em;cursor: pointer;}
			.sheji_page_box1{background-color: #fafafa;}
			.sheji_page_box1_t{font-size: 3em;color: #3FDAAD;margin: 1em 0 0.5em 0;}
			.sheji_page_box1_c{font-size: 1.2em;color: #333;}
			.page_3img1{width: 80%;margin: 2em 0 0 1em;}
			.sheji_page_box2_t{color: #b2b2b2;font-size: 2em;margin: 2em 0 0 0;}
			.sheji_page_box2_c{width: 60%;display: inline-block;margin: 2em 0 2em 2em;}
			.sheji_page_box2_c li{cursor: pointer;}
			.chengIcon{width: 5em;}
			.chengWhiteTxt{color: #929292;}
			.chengBlackTxt{display: none;color: #000000;}
			.chengGreenTxt{display: none;color: #22ad14;}
			.chengImg{width: 60%;}
			.sheji_page_box3{background-color: #000;color: #FFF;}
			.sheji_page_box3_h{font-size: 2.5em;}
			.page_3img2{margin: 8em 0 0 0;width: 90%;}
			.jiangxin{border-bottom: solid 1.2px #FFF;}
			.sheji_page_box4{background-color: #F7F7F7;}
			.sheji_page_box4_t{color: #333;}
			.sheji_page_box4_t p:first-child{font-size: 2.5em;margin: 1em 0;}
			.page_3_box4_c{padding:5% 0 0 0;display: inline-block;margin-left: 15em;}
			.page_3_box4_c div{margin: 0 0.5em;}
			.page_3icon,.page_3icon2{font-size: 0.9em;}
			.page_3icon img,.page_3icon2 img{width: 2.5em;}
			.page_3img5{margin-top: -2.5em;width: 80%;z-index: -5;}
			.page_3_box4_b{color: #333;}
			.page_3_box4_btxt{line-height: 2em;margin: 1em 0;padding-left: 3em;}
			.page_3_box4_f{display: inline-block;margin-top: 2em;margin-left: 1em;}
			.page_3_box4_f div{margin: 0 0.7em;}
			.sheji_page_box5{background-color: #FFF;color: #000;}
			.page_3img9{width: 0.7em;margin-top: -0.2em;}
			.page_3icon3 img{height: 3em;}
			.page_3_box5_f{display: inline-block;margin-top: 2em;}
			.page_3_box5_f div{margin: 0 1em;}
			.sheji_page_box6{background-image: url(../img/page_3bg2.jpg);background-size:auto 100%;}
			.sheji_page_box7{background-color: #F7F7F7;}
			.page_3img14{width: 60%;margin: 2em 0;}
			.sheji_page_box8{background-color: #39d9ab;color: #FFF;}
			.sheji_page_box8_c{width: 95%;margin-left: 5%;}
			.page_3img18{width: 45%;margin: 6em 0 0 1em;}
			.page_3img17{width: 40%;margin: 2em 2em 0 0;}
			.sheji_page_box9{color: #39d9ab;}
			#guige_page{display: none;margin-bottom: 5em;}
			.guige_page_box1_t{padding: 0 5%;}
			.page_3img19{width: 90%;margin: 2em 0;}
			.yanse{margin: 3em 0 0 2em;}
			.guige_page_box3 p{padding: 0 5%;}
			
			.chengWhite2,.chengBlack2,.chengGreen2{width: 5em;}
			.chengWhiteTxt2{color: #929292;}
			.chengBlackTxt2{color: #000000;}
			.chengGreenTxt2{color: #22ad14;}
			
			/*page_4*/
			.page_4_box1{background-image: url(../img/page_4bg1.jpg);background-size:auto 100%;background-repeat: no-repeat;background-color: #e1e1e1}
			.page_4_box1_t{margin: 2em 0 0 10%;}
			.page_4img1{height: 1em;margin: -0.1em 0.2em 0 0.2em;}
			.page_4fix1{margin: 3em 0 0 0 !important;}
			.page_4img2{width: 85%;margin: 2em 0 0 0;}
			.page_4_box2{overflow: visible;background-image: url(../img/page_4bg2.jpg);background-size:auto 100%;background-position: center;padding: 2% 5%;background-repeat: no-repeat;background-color: #d3ac90}
			.page_4_box2_t{background-color: rgba(30,30,30,0.7);display: inline-block;padding: 0.5em 1em 0.5em 0.5em;}
			.page_4icon img{height: 3em;margin: 0 1em;}
			.page_4icon p{font-size: 0.8em;color: #FFF;}
			.page_4icon2 img{height: 3.5em;margin: 0 1em;}
			.page_4icon2 p{font-size: 1em;}
			.page_4icon3 img{height: 3.5em;margin: 0 1em;}
			.page_4icon3 p{font-size: 1em;}
			.page_4_box2_c{display: inline-block;margin-top: 3em;}
			.page_4img3{z-index: 10;width: 50%;margin-top: -15%;}
			.page_4_box3{background-image: url(../img/page_4bg3.jpg);background-size:auto 100%;background-position: center;padding: 2% 12%;background-repeat: no-repeat;background-color: #e1e1e1;}
			.page_4_box3_c{display: inline-block;margin-top: 4em;}
			.page_4_box4{background-image: url(../img/page_4bg4.jpg);background-size:auto 100%;background-position: center;background-repeat: no-repeat;padding: 18% 12% 6% 12%;}
			.page_4_box4_c{background-color:rgba(255,255,255,0.1);padding: 1% 4%;}
			.page_4_box5{background-color: #FFF;}
			.page_4_box5_c{display: inline-block;margin-top: 2em;}
			.page_4_box5_f{padding: 0 6%;}
			.page_4img13{width: 70%;margin:8% 0 0 25%;}
			.page_4img14{margin: 1em 0;width: 100%;}