@charset "utf-8";

/* Banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{width: 100%;text-align: center;position: absolute;bottom: 0rem;left: 0;z-index:1;}
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 0.5rem; }
.focus .hd ul li{display: inline-block;width: 0.8rem;height: 0.063rem;background: #fff;margin: 0 1%;font-size:0;}
.focus .hd ul .on{background: #89bb12;}
/* Banner End */

/* 案例 */
.Case{padding: .556rem .278rem .278rem;}
.Case ul li{width: 33.33333%;float: left;text-align: center;margin-bottom: .417rem;}
.Case ul li a p{font-size: .356rem;color: #818181;height: .833rem;line-height: .833rem;}
.Case ul li a span{width: 1.639rem;height: 1.639rem;display: block;margin: 0 auto;}
.Case ul li a span img{width: 100%;display: block;}
/* 案例 End */

/* 新闻动态 */
.News{background-color: #f2f2f2;padding: .833rem .278rem  .042rem;border-top: 1px #eaeaea solid;}
.NewsNav{text-align: center;margin: .6rem 0 .466667rem;}
.NewsNav ul li{width: 2.24rem;height: .893333rem;line-height: .893333rem;text-align: center;color: #979797;font-size: .4rem;cursor: pointer;display: inline-block;}
.NewsNav ul li.on{background-color: #004a95;color: #fff;}

.NewsList{background-color: #fff;border: 1px #eaeaea solid;padding: .533333rem.466667rem;}
.NewsList dl{border-bottom: 1px #ddd solid;padding-bottom: .533333rem;margin-bottom: .666667rem;}
.NewsList dl dt{width: 40%;}
.NewsList dl dt img{width: 100%;}
.NewsList dl dd{width: 55%;}
.NewsList dl dd h3{font-size: .4rem;color: #333;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: normal;margin-bottom: .266667rem;}
.NewsList dl dd p{line-height: .5rem;}
.NewsList dl dd p a{font-size: .35rem;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-weight: normal;}

.NewsList ul li{border-bottom: 1px #e6e6e6 dashed;font-size: .35rem;padding-bottom: .333333rem;margin-bottom: .333333rem;overflow: hidden;}
.NewsList ul li:last-child{margin-bottom: 0;}
.NewsList ul li a{color: #333;width: 59%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
.NewsList ul li span{float: right;color: #979797;}
/* 新闻动态 End */

/* 合作流程 */
.Process{padding: .764rem .278rem .833rem;}
.ProcessImg{margin-top: .556rem;}
.ProcessImg img{width: 100%;display: block;}
/* 合作流程 End */

/* 免费预约 */
.Reservation{background: url(../images/ReservationBg.jpg) no-repeat center;background-size: cover;width: 100%;padding-bottom: .972rem;}

.ReservationCon{width: 9.4rem; margin: 0 auto;}
.ReservationCon a.submit{display: block;text-align: center;height: .903rem;line-height: .903rem;background-color: #c78047;border-radius: .069rem;font-size: .35rem;color: #fff;margin-top: .306rem;}
.ReservationCon ul li{margin-bottom: .278rem;height: .833rem;border:1px #686869 solid;overflow: hidden;}
.ReservationCon ul li:last-child{margin-bottom: 0;}
.ReservationCon ul li span{display: block;float: left;height: .833rem;width: 13%;background: url(../images/Reservation01.png) no-repeat center;background-size: 30%;}
.ReservationCon ul li.Input2 span{background: url(../images/Reservation02.png) no-repeat center;background-size: 30%;}
.ReservationCon ul li.Input3 span{background: url(../images/Reservation03.png) no-repeat center;background-size: 30%;}
.ReservationCon ul li input{display: block;float: left;border:none;height: .833rem;line-height: .833rem;outline: none;text-indent: 4%;color: #fff;font-size: .3rem;width: 80%;background: url(../images/liuy-xian.png) no-repeat left center;}
.ReservationCon ul li input::-webkit-input-placeholder {color: #fff; }
/* 免费预约 End */

/* 为什么选源木 */
.Source{background-color: #f2f2f2;border-top: 1px #e6e6e6 solid;padding: 1.028rem .278rem .903rem;position: relative;}

.SourceCon{margin-top: .625rem;border-bottom: 1px #ddd solid;}
.SourceCon .ConBox span{display: block;border:10px #c78047 solid;}
.SourceCon .ConBox span img{display: block;width: 100%;}
.SourceCon h3{font-size: .396rem;font-weight: bold;color: #333;margin: .556rem 0 .486rem;}
.SourceCon p{font-size: .35rem;color: #666;line-height: .45rem;}

.SourceBox{text-align: center;margin: .833rem 0;}
/*
.SourceBox span{width: .167rem;height: .167rem;background: url(../images/SourceBox01.png) no-repeat center / cover;display: inline-block;margin-right: .139rem;}
.SourceBox span:last-child{margin-right: 0;}
.SourceBox span.on{background: url(../images/SourceBox02.png) no-repeat center / cover;}
*/
.Source span.SourceBg{width: 2.611rem;height: 1.75rem;display: block;position: absolute;top: -1.25rem;right: 0;z-index: 99;}
.Source span.SourceBg img{width: 100%;display: block;}
/* 为什么选源木 End */

/* 木屋特点 */
.Characteristics{margin: .903rem .278rem;}

.CharacteristicsCon{margin-top: .486rem;border-left: 1px #ddd solid;border-top: 1px #ddd solid;}
.CharacteristicsCon dl{float: left;width: 50%;border: 1px #ddd solid;box-sizing: border-box;border-left: 1px transparent solid;border-top: 1px transparent solid;padding: 3% 4%;}
.CharacteristicsCon dl dt{width: 1.736rem;height: 1.736rem;float: left;margin-right: .4rem;}
.CharacteristicsCon dl dt img{display: block;width: 100%;}

.CharacteristicsCon dl dd{float: left;margin-top: .4rem;}
.CharacteristicsCon dl dd h3{font-size: .333rem;color: #666;}
.CharacteristicsCon dl dd p{font-size: .333rem;color: #333;margin-top: .139rem;}
/* 木屋特点 End */

/* 顾虑 */
.Concerns{background: url(../images/Concerns.jpg) no-repeat center;background-size: cover;padding-bottom: 1.111rem;width: 100%;}
.ConcernsBox{position:relative;}
.ConcernsCon{width: 9.4rem;margin: 0 auto;}
.ConcernsImg img{width: 100%;display: block;}

.ConcernsNav{margin: .694rem 0 1.3rem;background: url(../images/ConcernsBox.png) no-repeat center;background-size: cover;position: relative;}
.ConcernsNav ul li{float: left;width: 20%;text-align: center;position: relative;}
.ConcernsNav ul li i{background: url(../images/concern.png) no-repeat center / cover;width: .361rem;height: .361rem;overflow: hidden;display: block;background-position: 0 0;margin: 0 auto;}
.ConcernsNav ul li h3{font-size: .278rem;color: #fff;margin-top: .236rem;}
.ConcernsNav ul li.on i{background: url(../images/concern.png) no-repeat center / cover;background-position: -.4rem 0;}
.ConcernsNav ul li.on h3{color: #c78047;font-weight: bold;}

.ConcernsNav ul li.li01{top: .1rem;left: .2rem;}
.ConcernsNav ul li.li01 h3,.ConcernsNav ul li.li03 h3,.ConcernsNav ul li.li04 h3{margin-bottom: .236rem;}
.ConcernsNav ul li.li02{top: .85rem;left: .2rem;}
.ConcernsNav ul li.li03{top: -.7rem;left: -.1rem;}
.ConcernsNav ul li.li04{top: -.98rem;left: .2rem;}
.ConcernsNav ul li.li05{top: .09rem;}

.Concerns i{width: .528rem;height: .153rem;display: block;}
.Concerns i img{width: 100%;display: block;}
.Concerns i.prev{left: 0.1rem;top: 30%;z-index: 99;position: absolute;}
.Concerns i.next{right: 0.1rem;top: 30%;z-index: 99;position: absolute;}
/* 顾虑 End */

/* 工程案例 */
.Engineering{padding-bottom: .694rem;}
.Engineering .indexTitle{padding: .694rem 0 .417rem;}

.EngineeringCon{width: 9.4rem;margin: 0 auto;}
.EngineeringCon ul li{float: left;width: 49%;margin-left: 2%;margin-bottom: 2%;}
.EngineeringCon ul li:nth-child(2n+1){margin-left: 0;}
.EngineeringCon ul li span{display: block;position: relative;height: 130px;}
.EngineeringCon ul li span img{display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;text-align: center;vertical-align: middle;max-width: 100%;max-height: 100px;margin: auto;}
.EngineeringCon ul li p{font-size: .33rem;color: #666;text-align: center;height: .694rem;line-height: .694rem;}

.EngineeringBox{position: relative;width: 30%;margin: .1rem auto .794rem;}
.EngineeringBox i{width: .681rem;height: .681rem;overflow: hidden;display: block;position: absolute;top: 0;}
.EngineeringBox i img{width: 100%;display: block;}
.EngineeringBox i.prev{left: 0;}
.EngineeringBox i.next{right: 0;}

/*.EngineeringBox span{display:block;}
.EngineeringBox span a{display:block;width: .67rem;height:.67rem;}
.EngineeringBox span img{;width: .67rem;height:.67rem;position: absolute;left: 50%;transform: translateX(-50%);display:block;}*/
.EngineeringBox span{background: url(../images/CaseIcon03.png) no-repeat center 0.06rem / 75%;display: block;width: .8rem;height: .8rem;position: absolute;left: 50%;transform: translateX(-50%);}

.anlfl121{text-align: center;margin: .6rem 0 .466667rem;}
.anlfl121 ul li{width: 2.2rem;

height: 1rem;

line-height: 1rem;

text-align: center;

color: #979797;

font-size: .35rem;

cursor: pointer;

display: inline-block;
border:1px solid #CCC;
margin-bottom:0.4rem;}
.anlfl121 ul li.on{background-color: #004a95;color: #fff;}

/* 工程案例 End */

/* 户型展示 */
.UnitDisplay{padding-bottom:1rem;}
.UnitDisplay .indexTitle{padding: .764rem 0 .417rem;}

.UnitDisplayImg{margin: 0 auto 0.6rem auto;width: 9.4rem;position: relative;}
.UnitDisplayImg ul li{position: relative;}
.UnitDisplayImg ul li a{display: block;}
.UnitDisplayImg ul li a span{display: block;}
.UnitDisplayImg ul li a span img{width: 100%;display: block;}
.UnitDisplayImg ul li a .UnitDisplayText{overflow: hidden;background: url(../images/UnitDisplayText.png) no-repeat top;height: 2.5rem;position: absolute;bottom: 0;left: 0;right: 0;padding: 1.5rem .378rem;box-sizing: border-box;}
.UnitDisplayImg ul li a .UnitDisplayText h3{font-size: .406rem;color: #fff;float: left;}
.UnitDisplayImg ul li a .UnitDisplayText h3 em{display: block;font-weight: normal;font-size: .278rem;margin-top: .069rem;}
.UnitDisplayImg ul li a .UnitDisplayText span{width: .653rem;height: .653rem;display: block;float: right;}
.UnitDisplayImg ul li a .UnitDisplayText span img{width: 100%;display: block;}

.UnitDisplayImg i{width: .528rem;height: .153rem;display: block;position: absolute;top: 50%;z-index: 99;}
.UnitDisplayImg i img{width: 100%;display: block;}
.UnitDisplayImg i.prev{left: -.2rem;}
.UnitDisplayImg i.next{right: -.2rem;}
/* 户型展示 End */

.UnitDisplay .EngineeringBox{position: relative;width: 30%;margin: .1rem auto .794rem;}
.UnitDisplay .EngineeringBox i{width: .681rem;height: .681rem;overflow: hidden;display: block;position: absolute;top: 0;}
.UnitDisplay .EngineeringBox i img{width: 100%;display: block;}
.UnitDisplay .EngineeringBox i.prev{left: 0;}
.UnitDisplay .EngineeringBox i.next{right: 0;}


/*关于我们*/


.container-full {
	display: block;
	width: 100%;
}
.about-body {

    display: block;

}
.container {

    display: block;
    width: 100%;
    max-width: 1230px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    margin: 0 auto;

}
.about-body .about-us-l {
    width: 100%;
    float: none;
}
.about-body .about-us-l {
    display: block;
    /*float: left;*/
    width: 81%;
    padding: 20px;
    background-color: #f2f2f2;
	font-size: 14px;
	margin-left: 15px;
	margin: 0 auto;
}
.about-body .about-us-l h1 {
    display: block;
    font-size: 18px;
    color: #004a95;
    line-height: 1;
    padding: 14px 0 0px 0;
	font-weight: normal;
}

.about-body .about-us-l p {
    display: block;
    line-height: 30px;
    color: #828282;
    margin-top: 18px;
    letter-spacing: 2px;
}

.about-body .about-us-l a {
    display: block;
    width: 92px;
    height: 27px;
    border: 1px solid #8f8f8f;
    margin-top: 14px;
    text-align: center;
    line-height: 27px;
    color: #5c5c5c;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

.about-body .about-us-l a:hover {
	color: #fff;
	background-color: #7a7a7a;
	border: 1px solid #7a7a7a;
}
.about-body .about-us-r {
	display: block;
	float: right;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.about-body .about-us-l a:hover {
	color: #fff;
	background-color: #7a7a7a;
	border: 1px solid #7a7a7a;
}
.about-body .about-us-r {-
	display: block;
	float: right;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.about-body .about-us-r ul{}

.about-body .about-us-r li {
    display: inline-block;
    width: 30%;
	padding: 0 4px;
    background-color: #fff;
	/*float:left;*/
	margin-top:10px;
	
}


.about-body .about-us-r li .content {
    padding-bottom: 10px;
}
.about-body .about-us-r li .content {
    display: block;
    background-color: #f0f0f0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

.about-body .about-us-r li .content:hover {
    display: block;
    background-color: #8f8f8f;
	color:#FFF;

}
.about-body .about-us-r li .content h4 a:hover {
	color: #fff; display: block;
}

.about-body .about-us-r li img {
    display: block;
    width: 100%;
    height: auto;
}
.about-body .about-us-r li .content h4 {
    font-size: 14px;
    margin-top: 10px;
}
.about-body .about-us-r li .content h4 {
    display: block;
    line-height: 1;
    font-size: 16px;
    color: #5c5c5c;
    margin-top: 15px;
	margin-bottom:5px;
	font-weight: normal;
}

.about-body .about-us-r li .content h4 a {
    color: #5c5c5c;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}


.about-body .about-us-r li .content p {
	display: block;
	font-size: 13px;
	color: #a1a1a1;
	line-height: 1;
	margin-top: 10px;
	text-transform: uppercase;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
}