@charset "gb2312";
/* CSS Document */
.top{ position:relative; overflow:hidden;margin-bottom:-0.03rem}
.top .tel{position:absolute;bottom:27%;right:1%;width:41%}
.top .tel dl dt{width:0.8125rem;float:left}
.top .tel dl dd{width:75%;float:left;margin-left:1%;}
.top .tel dl dd p{font-size:0.3125rem;color:#fff;line-height:1.1}
.top .tel dl dd a{font-size:0.421875rem;font-weight:bold;}

.real{ position:relative; overflow:hidden;}
.real p{ position:absolute; left:6%; top:25%; font-size:0.25rem; color:#ffffff; text-align:center;line-height: 1.8;}

.title h2{ font-size:0.5625rem; font-weight:bold; color:#5ec0fd; text-align:center; margin-top:0.9375rem;}
.title h2 span{ font-size:0.375rem; color:#ffffff; background:#f76504;padding: 1%;border-radius: 0.3rem 0.3rem 0 0;}

.box1{width: 9.375rem;margin: auto;}
.box1 h2{ font-size:0.28125rem; color:#666666; text-indent:2em; line-height:1.5; border:1px dashed #dbdbdb; margin-top:0.40625rem;padding: 2% 1.5%;}
.box1 h3{ font-size:0.3125rem; font-weight:bold; color:#f7a903; text-align:center; margin-top:0.46875rem; margin-bottom:0.40625rem;}
.box1 dl{ text-align:center; margin-top:0.3125rem;}
.box1 dl p{ background:#9e9e9e; color:#ffffff; font-size:0.28125rem; line-height:1.5; padding:4% 0;}
.box1 dl dd{ width:4.34375rem;}
.box1 dl dt{ width:4.34375rem;}
.box1 dl p.p1{ line-height:3}
.zx{ font-size:0.375rem; color:#ffffff; background:#f7a903; width:6.40625rem; line-height:2.5;text-align: center;margin: auto;border-radius: 1rem; margin-top:0.46875rem;}
.zx img{ vertical-align:middle; width:0.453125rem !important;}

.box2{ position:relative; overflow:hidden; margin-top:0.859375rem;}
.box2 h2{ position:absolute; left:68%; top:31%; font-size:0.375rem; color:#ffffff;}
.box2 b{ position:absolute; font-size:0.25rem; color:#555555; background:#ffffff; padding:1% 2%; border-radius:1rem;}
.box2 b.b1{ left:43%; top:36%;}
.box2 b.b2{ left:43%; top:40%;}
.box2 b.b3{ left:64%; top:40%;}
.box2 b.b4{ left:43%; top:44%;}
.box2 b.b5{ left:43%; top:48%;}
.box2 b.b6{ left:69%; top:48%;}
.box2 h3{ position:absolute; left:43%; top:54%; font-size:0.3125rem; color:#ffffff; font-weight:bold;}
.box2 p{ font-size:0.28125rem; color:#ffffff; text-indent:2em; line-height:1.5; position:absolute; left:43%; top:60%;}
.box2 h4{ font-size:0.28125rem; color:#333333;}
.box2 h4 span{ font-weight:bold;}
.box2 dl{ position:absolute; left:3%; top:75%; background:#ffffff; line-height:1.5;line-height: 1.5;padding: 2% 3%;}
.box2 h5{ position:absolute; left:19%; top:88%; font-size:0.375rem; color:#ffffff; background:#f7a903; line-height:2.5; border-radius:1rem; text-align:center; width:6.1875rem;}
.box2 h5 img{vertical-align:middle; width:0.453125rem !important;}

.box3{ background:#eef8fe; padding-bottom:0.859375rem;}
.box3 h1{ text-align:center; padding-top:0.625rem; padding-bottom:0.625rem;}
.box3 h1 img{ width:7.859375rem !important;}
.box3 dl{width: 9.375rem;margin: auto; background:#fc9e41;border: 3px solid #fc9e41; margin-top:0.3125rem;}
.box3 dl dd{ width:3.96875rem;}
.box3 dl dt{ width:5rem; font-size:0.375rem; color:#ffffff;padding: 6% 1% 0;line-height: 1.5;}
.box3 dl:nth-of-type(2){ background:#47d175;border: 3px solid #47d175;}
.box3 dl:nth-of-type(3){ background:#ab4dd2;border: 3px solid #ab4dd2;}
.box3 dl:nth-of-type(2) dt{ padding:4% 0;}
.box3 dl:nth-of-type(3) dt{ padding:4% 0;}
.box3 li{ position:relative; overflow:hidden;width: 9.375rem;margin: auto; margin-top:0.625rem;}
.box3 li p{ position:absolute;  font-size:0.28125rem; color:#ffffff; line-height:1.8;}
.box3 li p.p1{left:26%; top:3%;}
.box3 li p.p2{left:5%; top:50%;}


.czzx1 {
	text-align: center;
	font-size: 0.375rem;
	color: #f7a903;
	margin: 0 auto;
	margin-top: 0.78125rem;
}
.czzx1 span { background:#ffffff;
	width: 5.6875rem;
	text-align: center;
	display: inline-block;
	border-radius: 1rem 0 0 1rem;
	border: 0.046875rem solid #f7a903;
	padding: 2.47% 0;vertical-align: bottom;
}
.czzx1 a {
	color: #fff;
	width: 2.78125rem;
	background: #f7a903;
	display: inline-block;
	text-align: center;
	border-radius: 0 1rem 1rem 0;
	padding: 2.5% 0
}
.czzx1 a img{vertical-align:middle; width:0.453125rem !important;}

.box4 dl.d1{ position:relative; overflow:hidden;}
.box4 dl.d1 h2{ position:absolute; left:35%; top:25.5%; font-size:0.375rem; font-weight:bold; color:#ffffff;}
.box4 dl.d1 p{ position:absolute; font-size:0.28125rem; color:#666666; line-height:1.8;}
.box4 dl.d1 p.p1{ left:8%; top:56%;}
.box4 dl.d1 p.p2{ left:56%; top:56%;}
.box4 dl.d1 p.p3{ left:40%; top:83%;}
.box4 dl.d2{ position:relative; overflow:hidden;margin-top: -1%;}
.box4 dl.d2 h2{ position:absolute; left:13%; top:4.5%; font-size:0.375rem; font-weight:bold; color:#ffffff;}
.box4 dl.d2 p{ position:absolute; font-size:0.28125rem; color:#ffffff; line-height:1.2; text-align:center;}
.box4 dl.d2 p.p1{ left:16%; top:13.5%;}
.box4 dl.d2 p.p2{ left:45%; top:13.5%;}
.box4 dl.d2 p.p3{ left:73%; top:13.5%;}
.box4 dl.d2 p.p4{ left:15%; top:37.5%;}
.box4 dl.d2 p.p5{ left:44%; top:37.5%;}
.box4 dl.d2 p.p6{ left:73%; top:37.5%;}
.box4 dl.d2 p.p7{ left:27%; top:61%;text-align: left;line-height: 1.7;}

.czzx2 {
	text-align: center;
	font-size: 0.375rem;
	color: #f7a903;
	margin: 0 auto;
	position: absolute;

left: 6%;

top: 82%;
}
.czzx2 span { background:#ffffff;
	width: 5.6875rem;
	text-align: center;
	display: inline-block;
	border-radius: 1rem 0 0 1rem;
	border: 0.046875rem solid #f7a903;
	padding: 2.47% 0;vertical-align: bottom;
}
.czzx2 a {
	color: #fff;
	width: 2.78125rem;
	background: #f7a903;
	display: inline-block;
	text-align: center;
	border-radius: 0 1rem 1rem 0;
	padding: 2.5% 0
}
.czzx2 a img{vertical-align:middle; width:0.453125rem !important;}


#qh {
	width: 9.375rem;
	margin: auto;
	overflow: hidden;
}
#qh h1{ text-align:center; margin-top:0.9375rem;}
#qh h1 img{ width:7.390625rem !important;}
#qh .hd {
	z-index: 4;
	bottom: 0.125rem;
	text-align: center;
	width: 100%;
}
#qh .hd ul {
	clear: both;
 *zoom:1;
	display: inline-block;
}
#qh .hd ul:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: "";
	font-size: 0;
}
#qh .hd li {
	float: left;
	margin: 0.546875rem 0 0.625rem;
	;
	width: 1.59375rem;
	height: 0.15rem;
	background: #d7d7d7;
	border-radius: 0.1rem;
	margin-left: 0.3125rem;
}
#qh .hd li.on {
	background: #f7a903;
}

#qh .bd li{ text-align:center; padding-top:0.625rem;}
#qh .bd li img{ width:7.09375rem !important;}


.box5{ position:relative; overflow:hidden;margin-top: 5%;}
.box5 h2{ position:absolute; font-size:0.375rem; font-weight:bold; color:#ffffff;}
.box5 h2.h1{ left:6%; top:38%;}
.box5 h2.h2{ left:39%; top:38%;}
.box5 h2.h3{ left:71%; top:38%;}
.box5 p{ position:absolute; font-size:0.28125rem; color:#ffffff; line-height:1.4;}
.box5 p.p1{ left:6%; top:42%;}
.box5 p.p2{ left:39%; top:42%;}
.box5 p.p3{ left:71%; top:42%;}
.box5 h3{ position:absolute; left:19%; top:80%; font-size:0.375rem; color:#ffffff; background:#f7a903; width:6.171875rem; text-align:center; margin:auto;line-height: 2.5;border-radius: 1rem;}
.box5 h3 img{vertical-align: middle;width: 0.453125rem !important;}

.box6{width: 9.375rem;margin: auto; margin-top:0.78125rem;}
.box6 h1{ padding-bottom:0.625rem; text-align:center;}
.box6 h1 img{ width:8.875rem !important;}
.box6 dl{ margin-top:0.625rem;}
.box6 dl p{ font-size:0.28125rem; color:#666666; text-align:center; line-height: 1.6;padding:3% 0;}
.box6 dl b{ font-size:0.34375rem; color:#ffffff; background:#5ec0fd; position:absolute; left:15%; top:96%;padding: 2% 3%;}
.box6 dl dd{ width:4.5rem; border:1px solid #dbdbdb; position:relative;padding-bottom: 0.5rem;}
.box6 dl dt{ width:4.55rem; border:1px solid #dbdbdb; position:relative;padding-bottom: 0.5rem;}

.box7{width: 9.375rem;margin: auto; margin-top:1.171875rem;}
.box7 h1{ padding-bottom:0.625rem; text-align:center;}
.box7 h1 img{ width:8.5625rem !important;}
.box7 dd{ width:2.65625rem;}
.box7 dt{ width:6.6rem; font-size:0.28125rem; color:#ffffff;}
.box7 dt li{ list-style:none; float:left; width:3.203125rem; text-align:center; background:#a6a7e3; line-height:3; margin-left:0.15625rem; margin-top:0.15625rem;}
.box7 dt li:nth-of-type(2){ background:#f59c9c;}
.box7 dt li:nth-of-type(3){ background:#61e76e;}
.box7 dt li:nth-of-type(4){ background:#5dd9e1;}
.box7 dt li:nth-of-type(5){ background:#f9b242;}
.box7 dt li:nth-of-type(6){ background:#878593;}











.tit {
	width: 9.375rem;
	margin: auto;
	margin-bottom: 0.46875rem;
	margin-top: 0.625rem;
}
.tit span {
	font-size: 0.4375rem;
	color: #333333;
	font-weight: bold;
	border-left: 0.09375rem solid #f98700;
	padding-left: 2%;
	margin-right: 1%
}





#guahao .title {
	margin-bottom: 0.546875rem;
	padding-top: 0.78125rem;
}
#guahao {
	font-family: 'microsoft yahei';
	margin: 0 auto;
	padding: 0 3%;
	padding-bottom: 0.5rem;
}
#guahao div {
	margin-bottom: 3%;
}
#guahao label {
	line-height: 2.8;
	width: 21%;
	font-size: 0.375rem;
	color: #666666
}
#guahao input {
	width: 7.3rem;
	border: 1px solid #e5e5e5;
	padding: 0 3%;
	height: 0.9375rem;
	line-height: 0.9375rem;
	font-size: 0.375rem;
	box-sizing: border-box;
	font-family: 'microsoft yahei';
	margin-left: 0.1rem;
	z-index: 999;
	-webkit-appearance: none;
}
#guahao textarea {
	width: 77%;
	border: 1px solid #e5e5e5;
	padding: 3% 3%;
	box-sizing: border-box;
	font-family: 'microsoft yahei';
	margin-left: 0.1rem;
	resize: both;
	height: 2.5rem;
	-webkit-appearance: none;
}
#guahao .time {
	position: relative
}
#guahao .time i {
	width: 0.46875rem;
	position: absolute;
	right: 8%;
	top: 19%
}
#guahao input[type=submit] {
	font-size: 0.5625rem;
	color: #fff;
	font-family: ˼ԴºÚÌå CN;
	background: #ff9900;
	border-radius: 0.2rem;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	margin-left: 0!important;
	margin-top: 8%;
	margin-bottom: 8%
}
.dtt img {
	height: 1.875rem;
	margin-top: -2%
}
.fot {
	background: url(../images/fot_bg.png) no-repeat;
	background-size: 100%;
	height: 4.0625rem;
	padding-bottom: 8%;
	margin-bottom: 5%;
}
.fot .left {
	width: 30%;
	margin-left: 5%;
	margin-top: 8%
}
.fot .right {
	width: 60%;
	margin-left: 4%;
	margin-top: 5%
}
.fot dl {
	margin-top: 0.375rem;
}
.fot dl dt {
	width: 0.796875rem;
	margin-right: 2%
}
.fot dl dd {
	width: 5rem
}
.fot dl dd p {
	font-size: 0.3125rem;
	color: #30302f;
	margin-bottom: 2%
}
.fot dl dd h4 {
	font-size: 0.46875rem;
	color: #383f3c;
	font-weight: bold
}
.fot dl dd h3 {
	font-size: 0.3125rem;
	color: #383f3c;
	font-weight: bold;
	line-height: 1.2
}