﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
* {
	transition: all .5s;
}
.bannerBox {
	width: 100%;
	height: 566px;
}
#flashs {
	position: relative;
	height: 566px;
	overflow: hidden;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
#flashs .btn {
	position: absolute;
	z-index: 7;
	bottom: 15px;
	left: 50%;
	margin-left: -95px;
	padding: 0px 6px;
}
#flashs .btn span {
	color: #fff;
	background: #333;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#flashs .btn span.cur {
	background: #ff4200;
}
/*搜索*/
.search {
	padding: 16px 0px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
}
.search .searchBox {
	width: 312px;
}
.search .soText {
	float: left;
	width: 250px;
	height: 16px;
	line-height: 16px;
	padding: 13px 10px;
	color: #333;
	border: none;
	background: url(../img/searchtxt.png) no-repeat center;
	outline: none;
}
.search .soBtn {
	float: right;
	width: 42px;
	height: 42px;
	border: none;
	background: url(../img/searchbtn.png) no-repeat left center;
}
.search .keyWord {
	padding-left: 30px;
	width: 500px;
	height: 42px;
	overflow: hidden;
	font-size: 14px;
	background: url(../img/hot_ico.png) no-repeat left 6px;
}
.search .keyWord em {
	font-weight: bold;
	color: #ff4200;
}
.search .keyWord a {
	padding: 0 2px;
	color: #333;
	font-weight: normal;
}
.huiSpan {
	background-color: #f2f2f2;
	overflow: hidden;
}
/*产品*/
.cpBox {
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
}
.cpMu {
	width: 210px;
	height: 1070px;
	overflow: hidden;
	background-color: #57E55D;
}
.cpMu h4 img {
	display: block;
}
.cpMu dl {
	padding-bottom: 16px;
	border-top: 1px solid #eaeaea;
	border-left: 2px solid #fff;
}
.cpMu dl dt {
	padding-left: 44px;
	height: 42px;
	line-height: 42px;
	font-size: 13px;
	background: url(../img/cpmudt.png) no-repeat 18px center;
}
.cpMu dl dt a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.cpMu dl dd {
	margin-left: 40px;
	margin-right: 20px;
	line-height: 22px;
}
.cpMu dl dd a {
	margin: 0 6px;
	display: inline-block;
}
.cpMu dl:hover {
	border-left-color: #ff4200;
}
.cpMu dl:hover dt {
	background-image: url(../img/cpmudth.png);
}
.cpMu dl:hover dt a {
	color: #ff4200;
}
.cpList {
	position: relative;
	width: 750px;
	height: 1070px;
	overflow: hidden;
	background-color: #fff;
}
.cpList .cpPhone {
	position: absolute;
	right: 20px;
	top: 24px;
	padding-left: 32px;
	color: #fff;
	font-size: 22px;
	font-family: arial;
	background: url(../img/cpphone.png) no-repeat left center;
}
.cpList .clTab {
	height: 70px;
	margin-bottom: 20px;
	background-color: #171717;
}
.cpList .clTab span {
	position: relative;
	float: left;
	height: 70px;
	padding: 0 38px;
	background-color: #2f2f2f;
	text-align: center;
}
.cpList .clTab span b {
	display: inline-block;
	padding-top: 22px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}
.cpList .clTab span em {
	display: block;
	text-transform: uppercase;
}
.cpList .clTab span i {
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: none;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #ff4200;
}
.cpList .clTab span:hover, .cpList .clTab span.cur {
	background-color: #ff4200;
}
.cpList .clTab span:hover em, .cpList .clTab span.cur em {
	color: #ff7140;
}
.cpList .clTab span:hover i, .cpList .clTab span.cur i {
	display: block;
}
.cpList .clTab span a {
	text-decoration: none;
}
/*.cpList .clTab span a:hover , .cpList .clTab span.cur a{border-color:#6aba0c; color:#6aba0c;}*/
.cpList ul {
	margin: 0 auto;
	width: 720px;
	overflow: hidden;
}
.cpList li {
	margin: 0 5px;
	float: left;
	width: 230px;
	text-align: center;
}
.cpList li img {
	display: block;
	border: 5px solid #f2f2f2;
}
.cpList li h5 {
	height: 46px;
	line-height: 46px;
	font-weight: normal;
}
.cpList li h5 a {
	color: #333;
}
.cpList li:hover img {
	border-color: #ff4200;
}
.cpList li:hover h5 a {
	color: #ff4200;
}
.cpWai {
	position: absolute;
	bottom: 30px;
	right: -250px;
	width: 250px;
	height: 236px;
	background: url(../img/cpwai.jpg) no-repeat center;
}
/*对比*/
.duiBi {
	position: relative;
	margin-bottom: 32px;
}
.duiBi>img {
	display: block;
}
.duiBi .duiBiWai {
	position: absolute;
	top: 306px;
	left: -368px;
	width: 368px;
	height: 420px;
	background: url(../img/duibiwai.jpg) no-repeat center;
}
/*案例*/
.alBox {
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
}
.alBox h4 {
	position: absolute;
	top: 0;
	left: 0;
}
.alBox .alTab {
	float: right;
	height: 90px;
	margin-bottom: 24px;
	background-color: #171717;
}
.alBox .alTab span {
	position: relative;
	float: left;
	height: 90px;
	padding: 0 28px;
	text-align: center;
}
.alBox .alTab .alT1 {
	background-color: #2f2f2f;
}
.alBox .alTab .alT2 {
	background-color: #5e5e5e;
}
.alBox .alTab .alT3 {
	background-color: #484848;
}
.alBox .alTab .alT4 {
	background-color: #303030;
}
.alBox .alTab span a {
	text-decoration: none;
}
.alBox .alTab span b {
	display: inline-block;
	padding-top: 32px;
	color: #fff;
	font-weight: normal;
}
.alBox .alTab span em {
	display: block;
	text-transform: uppercase;
	color: #9b9b9b;
}
.alBox .alTab span i {
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: none;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #ff4200;
}
.alBox .alTab span:hover, .alBox .alTab span.cur {
	background-color: #ff4200;
}
.alBox .alTab span:hover em, .alBox .alTab span.cur em {
	color: #ff9570;
}
.alBox .alTab span:hover i, .alBox .alTab span.cur i {
	display: block;
}
.alCont {
	padding: 10px 0;
	clear: both;
	background-color: #f2f2f2;
}
.alCont ul {
	margin: 0 auto;
	width: 968px;
	overflow: hidden;
}
.alCont li {
	float: left;
	margin: 0 5px;
	width: 232px;
	height: 270px;
	background-color: #fff;
	text-align: center;
}
.alCont li h5 {
	margin: 0 20px 14px 20px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	overflow: hidden;
}
.alCont li h5 a {
	color: #333;
}
/*优势*/
.ysBg {
	height: 1400px;
	background: url(../img/ysbg.jpg) no-repeat center;
}
.ysBox {
	position: relative;
	height: 1366px;
	background: url(../img/ysbox.jpg) no-repeat center;
}
.ysBox dl {
	position: absolute;
}
.ysBox dt {
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: url(../img/ysdt.png) no-repeat center;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}
.ysBox dt span {
	font-size: 20px;
	font-family: arial;
}
.ysBox dd {
	float: left;
	padding-left: 10px;
	width: 444px;
}
.ysBox dd h5 {
	font-size: 24px;
	color: #ff4200;
}
.ysBox dd span {
	margin-top: 8px;
	margin-bottom: 20px;
	display: block;
	font-size: 14px;
	color: #333;
}
.ysBox dd p {
	padding-left: 12px;
	line-height: 26px;
	font-size: 13px;
	background: url(../img/ysdd_ico.png) no-repeat left 9px;
}
.ysBox dl.xR dt {
	float: right;
}
.ysBox dl.ys01 {
	left: 58px;
	top: 184px;
}
.ysBox dl.ys02 {
	left: 450px;
	top: 430px;
}
.ysBox dl.ys03 {
	left: 58px;
	top: 674px;
}
.ysBox dl.ys04 {
	left: 450px;
	top: 890px;
}
.ysBox dl.ys05 {
	left: 58px;
	top: 1160px;
}
.qHuiSpan {
	background: url(../img/qhuispan.jpg) no-repeat center top;
	overflow: hidden;
}
/*广告栏*/
.ggl {
	position: relative;
}
.ggl img {
	display: block;
}
.ggl01 {
	margin-top: 30px;
}
.ggl01 span {
	position: absolute;
	left: 808px;
	top: 106px;
	font-size: 17px;
	font-family: arial;
	color: #fff;
}
.contTit {
	position: relative;
	margin: 0 30px;
	font-size: 16px;
}
.contTit .titA {
	color: #171717;
}
.contTit span {
	margin-top: 6px;
	display: block;
	color: #ccc;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.contTit i {
	display: block;
	line-height: 0px;
	color: #ff4200;
}
.contTit .titMore {
	position: absolute;
	right: 0px;
	top: 20px;
	padding-right: 22px;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ff4200;
	background: url(../img/titmore.png) no-repeat right center;
}
/*客户见证*/
.khjz {
	margin-top: 20px;
	width: 690px;
	height: 386px;
	background-color: #fff;
}
.khjz h4 {
	margin-top: 30px;
	margin-bottom: 36px;
	background: url(../img/khtitbg.png) no-repeat 140px center;
}
.khjz ul {
	margin: 0 auto;
	width: 642px;
	overflow: hidden;
}
.khjz li {
	float: left;
	margin: 0 5px;
	width: 204px;
	text-align: center;
}
.khjz li img {
	display: block;
	border: 5px solid #cacaca;
}
.khjz li h5 {
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-weight: normal;
}
.khjz li h5 a {
	color: #ff4200;
}
.khjz li p {
	margin: 0 10px;
	line-height: 18px;
	color: #7a7979;
}
/*报名*/
.boMing {
	width: 290px;
	height: 406px;
	background-color: #171717;
}
.boMing h4 {
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center;
}
.boMing .m_form {
	margin-left: 14px;
}
.boMing .m_form li {
	margin-bottom: 2px;
	overflow: hidden;
}
.boMing .m_form li * {
	font-family: microsoft yahei;
}
.boMing .m_form li.areLi label {
	height: 92px;
	background-image: url(../img/m_formbra.png);
}
.boMing .m_form label {
	float: left;
	width: 39px;
	height: 40px;
	border-right: 1px solid #bababa;
	text-align: center;
	background: url(../img/m_formbr.png) repeat-x center;
}
.boMing .m_form label img {
	position: relative;
	top: 8px;
}
.boMing .m_form .iptTxt {
	float: left;
	width: 202px;
	border: none;
	height: 16px;
	line-height: 16px;
	padding: 12px 10px;
	outline: none;
	color: #999;
	background: url(../img/m_formbr.png) repeat-x center;
	font-family: microsoft yahei;
	font-size: 14px;
}
.boMing .m_form .txtAre {
	float: left;
	width: 202px;
	height: 72px;
	line-height: 20px;
	border: none;
	outline: none;
	resize: none;
	color: #999;
	padding: 10px;
	background-image: url(../img/m_formbra.png);
	font-family: microsoft yahei;
	font-size: 14px;
*overflow:hidden;
}
.boMing .m_form .btnSubmit {
	width: 262px;
	height: 40px;
	cursor: pointer;
	border: none;
	background-color: #ff4200;
	font-size: 14px;
	color: #fff;
}
/*合作伙伴*/
.hzhb {
	margin-top: 2px;
	height: 268px;
	background-color: #fff;
	overflow: hidden;
}
.hzhb h4 {
	margin-top: 40px;
	margin-bottom: 50px;
}
.hzhb .hzCont {
	position: relative;
}
.hzhb .hzCont ul {
	margin: 0 auto;
	width: 890px;
	overflow: hidden;
	background: url(../img/hzul.png) no-repeat center;
}
.hzhb .hzCont li {
	margin: 0 9px;
	float: left;
	width: 160px;
	text-align: center;
}
.hzhb .hzCont li img {
	display: block;
}
.hzhb .hzCont li h5 {
	margin-top: 10px;
	font-size: 13px;
	font-weight: normal;
}
.hzhb .hzCont li h5 a {
	color: #333;
}
.hzhb .hzCont .btnLeft, .hzhb .hzCont .btnRight {
	position: absolute;
	top: 20px;
	width: 26px;
	height: 26px;
}
.hzhb .hzCont .btnLeft {
	left: 36px;
	background: url(../img/hzbtnleft.png) no-repeat center;
}
.hzhb .hzCont .btnRight {
	right: 36px;
	background: url(../img/hzbtnright.png) no-repeat center;
}
/*关于*/
.gyBox {
	margin-top: 30px;
	width: 690px;
	height: 448px;
	background-color: #171717;
}
.gyBox dl {
	margin-left: 28px;
	margin-right: 20px;
	padding-top: 50px;
}
.gyBox dd {
	width: 280px;
}
.gyBox dd .GtT {
	margin-bottom: 18px;
}
.gyBox dd .GtT h5 {
	font-size: 18px;
	color: #ff4200;
}
.gyBox dd .GtT span {
	margin-top: 16px;
	margin-bottom: 8px;
	display: block;
	font-size: 20px;
	color: #fff;
}
.gyBox dd .GtT b {
	font-size: 32px;
	color: #ff4200;
}
.gyBox dd .GtB {
}
.gyBox dd .GtB span {
	font-size: 24px;
	text-transform: uppercase;
	color: #454545;
}
.gyBox dd .GtB p {
	margin-top: 20px;
	margin-bottom: 32px;
	width: 254px;
	line-height: 20px;
	color: #bababa;
	height: 100px;
	overflow: hidden;
}
.gyBox dd .GtB a {
	display: block;
	width: 166px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #ff4200;
	font-size: 16px;
	border: 3px solid #ff4200;
}
.gyBox dt img {
	border: 7px solid #fff;
	display: block;
}
/*专业设计团队*/
.tuanBox {
	width: 290px;
	height: 478px;
	background: url(../img/tuanbox.png) no-repeat center;
	overflow: hidden;
}
.tuanBox .contTit {
	margin: 28px 20px 30px 20px;
}
.tuanBox .contTit * {
	color: #fff;
}
.tuanBox .contTit span {
	font-size: 14px;
}
.tuanBox ul {
	margin-left: 20px;
width:4 overflow:hidden;
}
.tuanBox li {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	background: url(../img/tuanimgbg.png) no-repeat center;
}
.tuanBox li img {
	display: block;
}
.tuanBox li img:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
/*华诗丽华风采*/
.fcBox {
	margin-top: 50px;
	margin-bottom: 50px;
}
.fcBox .contTit {
	margin: 0;
}
.fcBox ul {
	margin-top: 36px;
	overflow: hidden;
}
.fcBox li {
	margin-right: 9px;
	float: left;
	text-align: center;
}
.fcBox li.noMr {
	margin-right: 0;
}
.fcBox li>a {
	display: block;
	background: url(../img/fcimgbg.png) no-repeat center;
	border: 8px solid #e0e0e0;
}
.fcBox li>a:hover {
	border-color: #ff4200;
}
.fcBox li>a:hover img {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.fcBox li img {
	display: block;
}
.fcBox li h5 {
	margin-top: 14px;
	font-weight: normal;
}
.fcBox li h5 a {
	color: #333;
}
.xHuiSpan {
	background-color: #f2f2f2;
	padding-bottom: 38px;
}
.gglBg {
	background: url(../img/gglbg.png) repeat-x center top;
}
.wdSpan {
	margin-top: 30px;
}
/*常见问答*/
.cjwt {
	width: 680px;
	height: 296px;
	background-color: #fff;
}
.cjwt h4 {
	margin-top: 30px;
	margin-bottom: 20px;
}
.wtjdCont {
	height: 164px;
	overflow: hidden;
}
.wtjdCont dl {
	padding: 6px 0;
	margin: 0 28px;
	border-bottom: 1px dotted #8f8f8f;
}
.wtjdCont dt {
	padding: 4px 0;
	background-image: url(../img/tw_ico.png);
}
.wtjdCont dt a {
	color: #ff4200;
	font-size: 13px;
}
.wtjdCont dd {
	line-height: 22px;
	background-image: url(../img/jd_ico.png);
}
.wtjdCont dt, .wtjdCont dd {
	padding: 8px 0;
	padding-left: 28px;
	background-position: left 8px;
	background-repeat: no-repeat;
}
/*最新订单*/
.dingD {
	width: 290px;
	height: 664px;
	background-color: #fff;
	position: relative;
}
.dingD .ziWai {
	position: absolute;
	bottom: -71px;
	left: -2px;
	width: 370px;
	height: 226px;
	background: url(../img/ziwai.jpg) no-repeat center;
}
.dingD h4 {
	margin-top: 28px;
	margin-bottom: 22px;
}
.dingDCont {
	height: 400px;
	overflow: hidden;
}
.dingD ul {
	margin: 0 20px;
}
.dingD li {
	padding: 15px 18px;
	padding-right: 0;
	line-height: 18px;
	border-bottom: 1px dotted #ccc;
	background: url(../img/dingd_ico.png) no-repeat left 26px;
}
/*动态*/
.dtBox {
	margin-top: 10px;
	width: 680px;
	height: 358px;
	background-color: #fff;
}
.dtBox .dtTab {
	height: 66px;
	margin-bottom: 30px;
	background-color: #000;
}
.dtBox .dtTab span {
	position: relative;
	float: left;
	width: 50%;
	height: 66px;
	text-align: center;
}
.dtBox .dtTab span b {
	position: relative;
	top: 22px;
	padding-top: 22px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}
.dtBox .dtTab span em {
	position: relative;
	top: 22px;
	margin-left: 6px;
	text-transform: uppercase;
	color: #737373;
}
.dtBox .dtTab span i {
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: none;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #484848;
}
.dtBox .dtTab span:hover, .dtBox .dtTab span.cur {
	background-color: #484848;
}
.dtBox .dtTab span:hover i, .dtBox .dtTab span.cur i {
	display: block;
}
.dtCont {
	overflow: hidden;
}
.dtCont1 dl {
	margin-left: 30px;
	width: 242px;
}
.dtCont1 dt img {
	display: block;
	border: 5px solid #cacaca;
}
.dtCont1 dd h5 {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
}
.dtCont1 dd h5 a {
	color: #ff4200;
}
.dtCont1 dd p {
	line-height: 18px;
	height: 36px;
	color: #7a7979;
}
.dtCont1 ul {
	position: relative;
	top: -6px;
	margin-right: 30px;
	width: 348px;
}
.dtCont1 li {
	padding-left: 16px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	background: url(../img/dtli_ico.png) no-repeat left 11px;
}
/*友情链接*/
.yqlj {
	margin-top: 28px;
	margin-bottom: 28px;
}
.yqlj .contTit {
	margin: 0;
}
.yqlj p {
	margin-left: -20px;
	margin-top: 28px;
	line-height: 30px;
}
.yqlj p a {
	display: inline-block;
	padding: 0 20px;
	background: url(../img/yqbr.png) no-repeat right center;
}
