@charset "utf-8";



/* CSS Document */





/* 全局 */



* {

	outline: none;

}



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 {

	margin: 0;

	padding: 0;

	_margin: 0;

	_padding: 0;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



.text-c {

	text-align: center

}



.text-l {

	text-align: left

}



.text-r {

	text-align: right

}



input {

	font-family: 'Microsoft YaHei';

}



a {

	-webkit-transition: all 200ms ease-in;

	-o-transition: all 200ms ease-in;

	-moz-transition: all 200ms ease-in;

}



.wrap {

	width: 1200px;

	margin: 0 auto;

}



img {

	vertical-align: top;

	padding: 0;

	margin: 0;

}





/* 绝对清除浮动 */



.clear {

	*zoom: 1;

	clear: both;

}



.clear:before,

.clear:after {

	content: "";

	display: block;

	height: 0;

	line-height: 0;

	clear: both;

	visibility: hidden

}



.clear:after {

	clear: both

}





/* 字体大小 */



.f16 {

	font-size: 16px;

}



.f24 {

	font-size: 24px;

}





/* 间距 */



.pt5 {

	padding-top: 5px;

}



.mt10 {

	margin-top: 10px;

}



.mr10 {

	margin-right: 10px;

}





/* banner */



#banner {

	background: url(../images/banner-bg_2.jpg) no-repeat center top;

}





/* steps */



#steps {

	background: url(../images/steps-bg.jpg) no-repeat center top;

	padding: 95px 0 75px;

}



#steps i {

	width: 47px;

	height: 5px;

	background-color: #f5f5f5;

	margin-top: 75px;

}



#steps dl {

	width: 212px;

}



#steps dl.steps01 {

	width: 163px;

}



#steps dl.steps05 {

	width: 191px;

}



#steps dl.steps05 dt {

	padding-right: 10px;

}



#steps dl dd {

	padding-top: 30px;

	line-height: 24px;

	color: #333;

}



#steps dl dd span {

	display: inline-block;

	width: 40px;

	height: 4px;

	background-color: #ffa200;

	margin: 20px 0 10px;

}



#steps dl.steps05 dd span {

	margin-right: 65px;

}



#steps dl.steps05 dd p.dg01 {

	margin-right: 10px;

}



#steps dl.steps05 dd p.dg02 {

	margin-right: 37px;

}





/* family */



#family {

	background: url(../images/family-bg.jpg) no-repeat center top;

	height: 978px;

	padding-top: 80px;

}



.free-design {

	width: 1180px;

	height: 219px;

	padding: 20px 0 0 20px;

	background: rgba(255, 255, 255, 1);

	margin: -45px auto 0;

	position: relative;

	z-index: 100;

	box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);

	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);

	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);

	-o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);

}



.free01 {

	width: 720px;

	height: 198px;

	background: rgba(249, 249, 249, 1);

	display: inline;

	margin-left: 51px;

}



.num {

	width: 232px;

	padding-top: 50px;

	color: #333;

}



.num p {

	padding-top: 13px;

}



.num span {

	color: #ffa200;

	padding: 0 5px;

	font-family: 黑体;

}



.free01 ul {

	position: relative;

}



.free01 ul,

.free01 ul li {

	padding-top: 22px;

}



.free01 ul li input {

	width: 241px;

	height: 44px;

	border: 1px solid #dadada;

	font-size: 16px;

	color: #999;

	padding: 0 10px 0 57px;

}



.free01 ul li input.name {

	background: url(../images/input01.jpg) no-repeat #fcfcfc;

}



.free01 ul li input.phone {

	background: url(../images/input02.jpg) no-repeat #fcfcfc;

}



.free01 ul li input:focus {

	width: 241px;

	height: 42px;

	border: 2px solid #ffa200;

	padding: 0 9px 0 56px;

}



.free01 ul li select {

	width: 310px;

	height: 44px;

	border: 1px solid #dadada;

	background-color: #fcfcfc;

	font-size: 16px;

	padding: 0 10px;

	color: #999;

}



.free01 ul li select option {

	padding-left: 10px;

}



.free01 ul li select:focus {

	padding: 0 9px;

	border: 2px solid #ffa200;

}



.free01 ul li.submit input {

	width: 148px;

	height: 158px;

	border: none;

	position: absolute;

	left: 320px;

	top: 20px;

	padding: 0;

	background: url(../images/submit_1.jpg) no-repeat;

	text-indent: 999px;

	cursor:pointer;

}



.slideGroup02 .parHd02 {

	height: 114px;

	line-height: 30px;

	position: relative;

}



.slideGroup02 .parHd02 ul li {

	width: 386px;

	height: 114px;

	text-align: center;

	float: left;

	cursor: pointer;

	font-size: 29px;

	color: #fff;

	margin-right: 20px;

}



.slideGroup02 .parHd02 ul li.hd01 {

	margin-right: 0;

}



.slideGroup02 .parHd02 ul li a {

	display: block;

	height: 73px;

	color: #fff;

	line-height: 73px;

	background-color: #656565;

}



.slideGroup02 .parHd02 ul li a span {

	font-size: 50px;

}



.slideGroup02 .parHd02 ul li.on {

	background: url(../images/icon_1t.png) center 83px no-repeat;

}



.slideGroup02 .parHd02 ul li.on a {

	background: #ffa200;

}



.slideBox02 {

	padding: 55px 0 0 30px;

}





/* model */



#model ul {

	width: 378px;

	height: 144px;

	margin-right: 30px;

	border: 1px solid #626262;

	line-height: 30px;

	color: #333;

}



#model ul li {

	font-size: 20px;

}



#model ul.m0 {

	margin-right: 0;

}



#model ul li span {

	background-color: #ffa200;

	width: 50px;

	height: 4px;

	text-align: center;

	display: inline-block;

	margin: 30px 0 15px;

}



#model dl {

	padding-top: 80px;

}





/* spell */



#spell {

	padding-top: 80px;

}



#spell h2 {

	padding-bottom: 40px;

}



.slideGroup .parHd {

	width: 1200px;

	margin: 0 auto;

	height: 114px;

	line-height: 30px;

}



.slideGroup .parHd ul {

	height: 32px;

}



.slideGroup .parHd ul li {

	width: 386px;

	height: 114px;

	text-align: center;

	float: left;

	cursor: pointer;

	font-size: 32px;

	color: #fff;

	margin-right: 20px;

}



.slideGroup .parHd ul li.hd01 {

	margin-right: 0;

}



.slideGroup .parHd ul li a {

	display: block;

	height: 73px;

	color: #fff;

	line-height: 73px;

	background-color: #656565;

}



.slideGroup .parHd ul li.on {

	background: url(../images/icon_1t.png) center 83px no-repeat;

}



.slideGroup .parHd ul li.on a {

	background: #ffa200;

}



.slideGroup .slideBox {

	overflow: hidden;

	zoom: 1;

	position: relative;

	width: 1200px;

	height: 630px;

	margin: 0 auto;

}



.slideGroup .sPrev,

.slideGroup .sNext {

	position: absolute;

	left: 20px;

	top: 278px;

	display: block;

	width: 75px;

	height: 75px;

	background: url(../images/icoleft.png) no-repeat;

	z-index: 100;

}



.slideGroup .sNext {

	left: auto;

	right: 20px;

	background: url(../images/icoright.png) no-repeat;

}



.slideGroup .parBd {

	background: url(../images/parbd-bg.jpg) no-repeat center top;

}



.slideGroup .parBd ul {

	overflow: hidden;

	zoom: 1;

}



.slideGroup .parBd ul li {

	float: left;

	_display: inline;

	overflow: hidden;

}



.slideGroup .parBd ul li .pic {

	text-align: center;

}



.slideGroup .parBd ul li .pic img {

	width: 1200px;

	height: 630px;

	display: block;

}





/* plan */



#plan {

	padding-top: 80px;

}



#plan ul {

	margin: 40px 30px 0 0;

	width: 378px;

	height: 161px;

	border: 1px solid #626262;

	padding-top: 25px;

	color: #333;

	line-height: 30px;

}



#plan ul li {

	font-size: 20px;

}



#plan ul.m0 {

	margin-right: 0;

}



#plan ul li strong {

	font-size: 28px;

}



#plan ul li span {

	background-color: #ffa200;

	width: 50px;

	height: 4px;

	text-align: center;

	display: inline-block;

	margin: 10px 0 15px;

}





/* make */



#make {

	background: url(../images/make-bg.jpg) no-repeat center top;

	height: 451px;

	margin-top: 60px;

}



#make .wrap {

	height: 139px;

	padding-top: 312px;

	background: url(../images/make01.jpg) no-repeat center top;

}



#make .wrap a.s-btn-group {

	display: block;

	width: 291px;

	height: 53px;

	line-height: 53px;

	font-size: 24px;

	color: #ffa200;

	margin-left: 454px;

	overflow: hidden;

	position: relative;

	border: 1px solid #ffa200;

}



.s-btn {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	border: 0;

	cursor: pointer;

}



.s-btn-bg2 {

	z-index: 2;

	width: 0;

	background: #ffa200;

	transition: width .6s;

	-moz-transition: width .6s;

	-webkit-transition: width .6s;

	-o-transition: width .6s;

}



.s-btn-text {

	left: 17%;

	z-index: 3;

	line-height: 53px;

	background: transparent;

	color: #ffa200;

	-webkit-transition: left .6s;

	-moz-transition: left .6s;

	-ms-transition: left .6s;

	-o-transition: left .6s;

	transition: left .6s;

}



.s-btn-arrow {

	left: 55%;

	z-index: 3;

	line-height: 53px;

	font-size: 24px;

	background: transparent;

	color: rgba(215, 0, 15, 1);

	opacity: 0;

	-webkit-transition: all .6s;

	-moz-transition: all .6s;

	-ms-transition: all .6s;

	-o-transition: all .6s;

	transition: all .6s;

}



.s-btn-group:hover .s-btn-bg2 {

	width: 100%;

}



.s-btn-group:hover .s-btn-text {

	color: white;

}



.s-btn-group:hover .s-btn-text {

	left: 5%;

}



.s-btn-group:hover .s-btn-arrow {

	left: 87%;

	opacity: 1;

	color: white;

}



#set-up {

	margin-top: 30px;

}