/*风格测试*/
.Styletest {
	position: fixed;
	top: 25%;
	left: 0px;
	z-index: 800;
}
.Styletest a {
	display: block;
}
.manner {
	position: relative;
	width: 100%;
	background: url(../img/mnbg.png) no-repeat center bottom;
	padding: 20px 0px;
}
.5ms {
	  width:100%;
  }
.symain {
	position: relative;
	padding-bottom: 50px;
}
.sytitle {
	width: 100%;
}
.syitem {
	position: relative;
	margin: 20px 0px;
	text-align: center;
}
.syitem ul {
}
.syitem li {
	position: relative;
	display: inline-block;
	width: 270px;
	height: 234px;
	background-color: #e7e7e7;
	border-radius: 15px;
	margin-right: 35px;
	cursor: pointer;
}
.syitem li:nth-child(4n+4) {
	margin-right: 0px;
}
.syitem li .syimg {
	width: 250px;
	height: 166px;
	border-radius: 15px;
	margin: 10px auto 0px;
}
.syitem li .sytext {
	width: 100%;
	height: 58px;
	line-height: 58px;
	text-align: center;
	color: #666;
	font-size: 24px;
}
.syitem li.on {
	background-color: #b4861c
}
.syitem li.on .sytext {
	color: #fff;
}
.syage {
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.syage ul {
}
.syage li {
	display: inline-block;
	width: 120px;
	margin: 0px 50px;
	text-align: center;
	cursor: pointer;
}
.syage li i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/cks.png);
}
.syage li p {
	color: #333;
	font-size: 24px;
	line-height: 40px;
}
.syage li.on i {
	background-image: url(../img/ckson.png);
}
.syForm {
	position: relative;
	width: 700px;
	margin: 60px auto 0px;
}
.syForm .item {
	margin-bottom: 34px;
	height: 88px;
	background-color: #fff;
	width: 100%;
	border-radius: 50px;
	-moz-box-shadow: 0px 0px 10px #efefef;
	-webkit-box-shadow: 0px 0px 10px #efefef;
	box-shadow: 0px 0px 10px #efefef;
}
.syForm .item .text {
	float: left;
	width: 60%;
	height: 88px;
	line-height: 88px;
	text-indent: 20px;
	color: #999;
	font-size: 24px;
}
.syForm .item span {
	display: block;
	float: left;
	width: 164px;
	height: 88px;
	line-height: 88px;
	text-align: center;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	background-color: #94cace;
	color: #333;
	font-size: 24px;
}
.syForm .item em {
	display: block;
	float: right;
	width: 10%;
	text-align: center;
	color: #666;
	font-size: 34px;
	line-height: 88px;
	font-style: normal;
}
.syForm .sysubtn {
	display: block;
	width: 100%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	background-color: #ffcc33;
	color: #fff;
	font-size: 26px;
	border-radius: 50px;
	cursor: pointer;
	margin-bottom: 34px
}
.syForm .red {
	text-align: center;
	color: #cc0000;
	font-size: 18px;
}

/*左悬浮表单弹框*/
.appointment_open {
	position: fixed;
	top: 80%;
	left: 0px;
	width: 187px;
	height: 110px;
	background: url(../img/openimg.gif) no-repeat center;
	z-index: 500;
	display: block;
	cursor: pointer;
	background-size: contain;
}
.appointment_bg {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1001;
	display: none;
	filter: Alpha(opacity=80);
}
.appointment_box {
	position: fixed;
	top: 20%;
	left: 0px;
	width: 950px;
	height: 500px;
	background: url(../img/tcbj_bg.png) #ffffff  center;
	z-index: 1002;
	display: none;
	border-radius: 5px;
}
.appointment_box .boxbg {
	position: relative;
	padding: 46px;
}
.appointment_box .boxbg .close {
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	background: url(../img/mdfullind.png) -29px 0 no-repeat;
	text-indent: -9999em -moz-transition: background-position 1s;
	-ms-transition: background-position 1s;
	-o-moz-transition: background-position 1s;
	-webkit-moz-transition: background-position 1s;
	transition: background-position 1s;
}
.appointment_box .boxbg .close:hover {
	background-position: 0px 0px;
}
.appointment_box .boxbg .boxform {
	position: relative;
}
.appointment_box .boxbg .boxform h3{color: #b62b18;font-size: 35px;text-align: center;padding: 10px 0px 30px 0;}
.appointment_box .boxbg .boxform h5{color: #313035;font-size: 20px;text-align: left;padding: 30px;background: url(../img/tcbj_house.png) no-repeat left;}
.appointment_box .boxbg .boxform .tit{color: #b62b18;font-size: 22px;line-height: 25px;padding: 20px 0;}
.appointment_box .boxbg .boxform .ss{font-size: 15px;}
.appointment_box .boxbg .boxform .box{padding: 0px 0;height: 200px;}
.appointment_box .boxbg .boxform .box li{text-align: center;line-height: 30px;width: 16.5%;float: left;}
.appointment_box .boxbg .boxform .box .pic img{width: 100px;height: 100px;border-radius: 50px;}
.appointment_box .boxbg .boxform .box .txt{width: 100px;height: 30px;border-radius: 5px;background: #CCCCCC;color: #333;display: inline-block;}
.appointment_box .boxbg .boxform .box li.on .txt{background: #b62b18;color: #ffffff;}

.appointment_box .boxbg .boxform .line{position:absolute;top:400px;border-top: solid 2px #e5e5e5;text-align: center;line-height: 30px;width: 100%;}
.appointment_box .boxbg .boxform .tcbjbtn{cursor: pointer;}
.appointment_box .boxbg .boxform .tcbjbtn.next{float: right;}
.appointment_box .boxbg .boxform .tcbjbtn.prev{float: left;}

.appointment_box .boxbg .boxform .step{display: none;}
/*.appointment_box .boxbg .boxform .step.s1{display: block;}*/
.appointment_box .boxbg .boxform .step.s1{display: block;}



.appointment_box .boxbg .boxform .step .progress{text-align: center;padding: 30px 0;}
.appointment_box .boxbg .boxform .step .lines{text-align: center;padding: 30px 0;}
.appointment_box .boxbg .boxform .step .percent_box{
	background: #ffffff;
	border-radius: 10px;
	height: 20px;
	width: 600px;
	-webkit-box-shadow: #e2e2e2 0px 0px 10px;
	-moz-box-shadow: #e2e2e2 0px 0px 10px;
	box-shadow: #e2e2e2 0px 0px 10px;
	margin: 0px auto;
	display: inline-block;
}
.appointment_box .boxbg .boxform .step .percent_bg{background: url(../img/percent_bg.jpg);
	width: 50%;
	height: 20px;
	border-radius: 10px;
}

.appointment_box .boxbg .boxform .step .btns {
	text-align: center;
	background: #ffffff;
	border-radius: 20px;
	height: 30px;
	width: 400px;
	line-height: 30px;
	font-size: 20px;
	color: #b62b18;
	padding: 5px 10px;
	-webkit-box-shadow: #e2e2e2 0px 0px 10px;
	-moz-box-shadow: #e2e2e2 0px 0px 10px;
	box-shadow: #e2e2e2 0px 0px 10px;
	margin: 0 auto;
}
.appointment_box .boxbg .boxform .step .getbaojia input {
	text-align: center;
	background: #ffffff;
	border-radius: 20px;
	height: 30px;
	width: 400px;
	line-height: 30px;
	font-size: 20px;
	color: #666;
	padding: 5px 10px;
	-webkit-box-shadow: #e2e2e2 0px 0px 10px;
	-moz-box-shadow: #e2e2e2 0px 0px 10px;
	box-shadow: #e2e2e2 0px 0px 10px;
	margin: 0 auto;
}
.appointment_box .boxbg .boxform .step .getbaojia input.submit {background: #b62b18;color: #ffffff;height: auto;}
.appointment_box .boxbg .boxform .step .getbaojia form {position:static;width: 100%;}



.appointment_box .boxbg .boxform .number {
	width: 170px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin-left: 165px;
	color: #ffcc33;
	font-size: 38px;
	background-color: #fff;
	display: none;
}
.appointment_box .boxbg .boxform form {
	width: 380px;
	position: relative;
}
.appointment_box .boxbg .boxform form .item {
	width: 380px;
	margin-bottom: 18px;
}
.appointment_box .boxbg .boxform form .item span {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #4a4b45;
	font-size: 18px;
	float: left;
}
.appointment_box .boxbg .boxform form .item .lin {
	width: 370px;
	height: 45px;
	background-color: #fff;
	border: 1px solid #e8b325;
	border-radius: 5px;
	float: left;
}
.appointment_box .boxbg .boxform form .item .lin select {
	width: 367px;
	height: 45px;
	color: #999;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("../img/arrow1.png") no-repeat scroll center right 1px transparent;
}
.appointment_box .boxbg .boxform form .item .lin .text {
	width: 80%;
	height: 45px;
	margin-left: 20px;
}
.appointment_box .boxbg .boxform form .item .lin em {
	font-style: normal;
	display: inline-block;
	line-height: 45px;
	color: #333;
	font-size: 20px;
	float: right;
}
.appointment_box .boxbg .boxform form .item .subjs {
	display: block;
	margin-left: 0px;
	width: 364px;
	height: 48px;
	text-align: center;
	line-height: 30px;
	color: #333;
	font-size: 24px;
	background-color: #ffcc33;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.appointment_box .boxbg .boxform form p {
	color: #333;
	font-size: 14px;
	margin-left: 105px;
}
.appointment_box .boxbg .boxform form p b {
	display: inline-block;
	width: 64px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: normal;
	background-color: #ffcc33;
	margin: 0px 2px;
}
/*右侧悬浮框*/
.SideFloat {
	z-index: 100;
	position: fixed;
	width: 72px;
	top: 280px;
	right: 10px;
	_position: absolute;
	_top:expression(eval(document.documentElement.scrollTop));
	_margin-top: 220px
}
.SideFloat li {
	z-index: 1;
	position: relative;
	text-align: center;
	font-size: 12px;
	list-style-type: none;
	margin-bottom: 2px;
}
.SideFloat li a {
	position: relative;
	display: block;
}
.SideFloat li a i {
	display: block;
	width: 72px;
	height: 72px;
	margin: 0 auto;
	background: url(../img/side_float2.png) no-repeat;
	-moz-transition: background-position 1s;
	-ms-transition: background-position 1s;
	-o-moz-transition: background-position 1s;
	-webkit-moz-transition: background-position 1s;
	transition: background-position 1s;
}
.SideFloat li.back a {
}
.SideFloat li.back a i {
	background-position: 0px 0px
}
.SideFloat li.back:hover a i {
	background-position: 0px -80px;
}
.SideFloat li.qq a {
}
.SideFloat li.qq i {
	background-position: 0px -160px
}
.SideFloat li.qq:hover a i {
	background-position: 0px -240px;
}
.SideFloat li.qq .kefu_msg {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 8px;
	top: 2px;
	background: red;
	border-radius: 100%;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
	color: white;
	animation: msg-animate 1s infinite;
	-moz-animation: msg-animate 1s infinite;
	-webkit-animation: msg-animate 1s infinite
}
.SideFloat li.addr {
}
.SideFloat li.addr a {
}
.SideFloat li.addr a i {
	background-position: 0 -320px
}
.SideFloat li.addr:hover a i {
	background-position: 0 -400px
}
.SideFloat li.wechat a {
}
.SideFloat li.wechat a i {
	background-position: 0 -480px
}
.SideFloat li.wechat:hover a i {
	background-position: 0 -560px
}
.SideFloat li.contact {
	margin-top: -20px;padding-bottom: 0px;
}
.SideFloat li.contact a i {
	background-position: 0 -640px
}
.SideFloat li.contact.hover a i {
	background-position: 0 -720px
}
.SideFloat li.contact a .posa {
	position: absolute;
	display: none;
	opacity: 0;
	top: 0;
	right: -72px;
	line-height: 29px;
	padding-right: 10px;
	width: 415px;
	height: 72px;
	background-color: #b62b18;
}
.SideFloat li.contact a .posa i.ps {
	float: left;
	width: 50px;
	height: 50px;
	background: url(../img/clphone.png) no-repeat center;
	background-size: contain;
	margin: 12px 10px 10px 30px;
}
.SideFloat li.contact a .posa span {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	text-align: left;
	float: left;
}
.SideFloat li.contact a .posa em {
	font-size: 34px;
	color: #fff;
	display: inline-block;
	letter-spacing: -1px;
	text-align: left;
	float: left;
	letter-spacing: 5px;
}
.SideFloat li .imgs {
	display: none;
	opacity: 0;
	position: absolute;
	bottom: -120px;
	right: 150px;
	width: 210px;
	height: 268px;
	padding: 25px 1px 20px;
	background: url(../img/wxbg.png) no-repeat center;
}
.SideFloat li .imgs .wxms {
	/*width: 180px;*/
	text-align: center;
	line-height: 25px;
	padding-top: 20px;
}
.SideFloat li .imgs p {
	color: #333;
	font-size: 18px;
	margin-bottom: 5px;
}
.SideFloat li .imgs img {
	display: block;
	width: 156px;
	height: 156px;
	margin: 0 auto;
}
.SideFloat li.first {
}
.SideFloat li.first a {
	border-top: none
}
.SideFloat li.last {
	margin-bottom: 0;
	border-bottom: 0
}
.SideFloat li.last a {
	border-bottom: none
}
.SideFloat li.hover {
	z-index: 2;
}
.SideFloat li.first.hover .red {
	color: #FFF
}
.SideFloat li.last.hover a i {
	background-position: 0 -348px
}
.SideFloat li.baojia.hover .posa, .SideFloat li.charge.hover .posa {
	background: #C4261D
}
.SendBg {
	display: none;
	z-index: 1200;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8) scroll repeat !important;
	filter: Alpha(opacity=80);
	background: #000
}
.SendAddr {
	display: none;
	z-index: 1201;
	position: fixed;
	left: 50%;
	top: -100%;
	margin-left: -270px;
	padding: 20px;
	background: #313035;
}
.SendAddr .close {
	position: absolute;
	top: -12px;
	right: -12px;
	/*margin: 36px 15px;*/
	width: 24px;
	height: 24px;
	background: url(../img/mdfullind.png) #313035 -29px 0 no-repeat;
	border-radius: 20px;
	text-indent: -9999em
}
.SendAddr .close:hover {
	background-position: 0px 0px
}

.SendAddr .ditu{padding: 10px 0;}
.SendAddr .tit{text-align: center;color: #f4f4f4;}
.SendAddr .tit h1{font-size: 40px;line-height: 45px;}
.SendAddr .tit h3{font-size: 18px;line-height: 30px;}

.SendAddr .form .table .right .clue_on {
	display: none
}
.SendAddr .form .table {
	float: left;
	clear: none;
	width: auto;
	margin-bottom: 0
}
.SendAddr .form .addr_icon {
	margin-top: 5px;
}
.SendAddr .form .cls_phone {
	/*margin: 0 10px*/
}
.SendAddr .form .table .input-text {
	height: 50px;
	line-height: 50px;
	width: 300px;
	text-indent: 20px;
}
.SendAddr .form .cls_btn .btn {
	height: 50px;
	width: 200px;
	border: none;
	background: #f6b37f;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	color: #b52b17
}