@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:750px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden; }
a{cursor:pointer}
img{ display:block}
/*banner*/
.banner{ overflow:hidden;}
.banner .nr{width:70%;height:50%;top:40.2%;left:14.5%;overflow:hidden;}
.banner h2{width:100%;height:100%;margin:0 auto;}
/*box1*/
.box1{ overflow:hidden; background:#a36e33;padding:10% 0}
.box1 h2{width:87.7%;margin:0 auto;}
.box1 ul{width:95.7%;margin:0 auto;margin-top:7%}
/*box2*/
.box2{ overflow:hidden;}
.box2 .nr{width:91%;top:0;left:4.25%;}
.box2 h2{width:94%;margin:0 auto;padding-top:15%}
.box2 .zj{margin-top:63%}
.box2 .zj img{ display:block; }
.box2 .zj .bd{width:100%; background:#fff;padding:6% 0 8% 0;margin:0 auto;border-radius:20px;box-shadow: 0 20px 40px rgba(9,2,4,.65);}
.box2 .zj .hd {width: 100%;text-align: center;position: relative;position:absolute;top:-31%;left:0;}
.box2 .zj .hd li { float:left;width:33.3%;height:100%;background:url(../images/box2_14.png) no-repeat; display: inline-block; color:#222222; background-size:100%;padding:1.5% 0 8% 0}
.box2 .zj .hd li { font-size:3.0rem; line-height:1.3}
.box2 .zj .hd .li1 { font-size:3.0rem; line-height:2.6}
.box2 .zj .hd  .on{background:url(../images/box2_13.png) no-repeat; background-size:100%}
.box2 h3{width:90.8%;margin:0 auto;padding-top:55%;padding-bottom:28%}
.box2 .tu{width:47.3%; background:#fff;margin-top:5%;}
.box2 p{font-size:3.0rem;color:#000000; text-align:center;padding:2% 0}
.box2 .btn1{ clear:both; display:block;width:80%;height:6%;bottom:5%;left:10%;}
/*box3*/
.box3{ overflow:hidden;}
.box3 .nr{width:91%;top:0;left:4.25%;}
.box3 .zj{margin-top:48%}
.box3 .zj img{ display:block; }
.box3 .zj .bd{width:100%; background:#fff;padding:6% 0 8% 0;margin:0 auto;border-radius:20px;box-shadow: 0 20px 40px rgba(9,2,4,.35);}
.box3 .zj .hd {width: 100%;text-align: center;position: relative;position:absolute;top:-22%;left:0;}
.box3 .zj .hd li { float:left;width:49.7%;height:100%;background:url(../images/box3_14.png) no-repeat; display: inline-block; color:#222222; background-size:100%;padding:2% 0 10% 0}
.box3 .zj .hd li { font-size:3.0rem; line-height:1.3}
.box3 .zj .hd .li1 { font-size:3.0rem; line-height:2.6}
.box3 .zj .hd  .on{background:url(../images/box3_13.png) no-repeat; background-size:100%}
.box3 h3{width:90.8%;margin:0 auto;padding-top:54%;padding-bottom:28%}
.box3 .tu{width:47.3%; background:#fff;margin-top:5%;}
.box3 p{font-size:3.0rem;color:#000000; text-align:center;padding:2% 0}
.box3 .btn1{ clear:both; display:block;width:80%;height:6%;bottom:5%;left:10%;}
/*box4*/
.box4{ overflow:hidden;}
.box4 .nr{width:91%;top:0;left:4.25%;}
.box4 .zj{margin-top:50%}
.box4 .zj img{ display:block; }
.box4 .zj .bd{width:100%; background:#fff;padding:6% 0 8% 0;margin:0 auto;border-radius:20px;box-shadow: 0 20px 40px rgba(9,2,4,.65);}
.box4 .zj .hd {width: 100%;text-align: center;position: relative;position:absolute;top:-31%;left:0;}
.box4 .zj .hd li { float:left;width:33.3%;height:100%;background:url(../images/box2_14.png) no-repeat; display: inline-block; color:#222222; background-size:100%;padding:1.5% 0 8% 0}
.box4 .zj .hd li { font-size:3.0rem; line-height:1.3}
.box4 .zj .hd .li1 { font-size:3.0rem; line-height:2.6}
.box4 .zj .hd  .on{background:url(../images/box2_13.png) no-repeat; background-size:100%}
.box4 h3{width:90.8%;margin:0 auto;padding-top:55%;padding-bottom:28%}
.box4 .tu{width:47.3%; background:#fff;margin-top:5%;}
.box4 p{font-size:3.0rem;color:#000000; text-align:center;padding:2% 0}
.box4 .btn1{ clear:both; display:block;width:80%;height:3%;bottom:6%;left:10%}
/*box5*/
.box5{background:#21202c;padding:9% 0 18% 0}
.box5 h2{width:94%;margin:0 auto;}
.box5 .zj{margin-top:10%}
.box5 .zj img{ display:block; }
.box5 .zj .bd li img{width:94%;margin:0 auto;}
.box5 .zj .hd {width:50%;text-align: center;position: relative;position:absolute;bottom:-7%;left:30%;}
.box5 .zj .hd li { display:block;float:left;width:25px;height:25px;display: inline-block;margin:0 2%; background:url(../images/yuandian.png) no-repeat center center}
.box5 .zj .hd li { font-size:3.0rem; line-height:1.3}
.box5 .zj .hd  .on{width:23px;height:23px;background:#fff;border-radius:100px;}
.box5 h6{width:32.1%;top:5%;left:0%;}
.box5 .btn1{ clear:both; display:block;width:30%;height:18%;top:51%;right:3%;}

/*box6*/
.box6{ overflow:hidden;}
/*box7*/
.box7{ overflow:hidden}
.box7 .btn{ clear:both; display:block;width:60%;height:12%;bottom:18%;right:20%;}
/*box8*/
.box8{ overflow:hidden;}
/*box11*/
.box11{ overflow:hidden;}
.box11 .nr{width:100%;left:0;top:47%}

.info1{
	padding: 6% 5.3%;
}
.info1 input[type='tel']{
	width: 64%;
	float: left;
	display: block;
	border-radius: 50px 0 0 50px;
	font-size:3.6rem;
	color:#999999;
	padding:3% 0 3% 5%;
	background: #fff;
	outline: none;
	border: 0;
}
.info1 .submitBox{
	width: 36%;
	float: right;
	border-radius: 0 50px 50px 0;
	font-size:3.6rem;
	padding:3% 7% 3% 0;
	background: #ffde00;
	text-align: right;

}
.info1 .submitBox a{
	color: #222222;

}




@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}