.section-tit{
	font-size:24px;
	font-weight: bold;
	position: relative;
	line-height:2.5em;
}
.section-tit i{
	position: absolute;
	left:15px;
	top:0;
	height:2px;
	display: block;
	background:#4d7cb8;
	width:2.5em;
}
.tit-english{
	font-size:14px;
	text-transform: uppercase;
}
@media only screen and (max-width:768px ) {
	.section-tit{font-size:16px}
	.tit-english{font-size:12px}
	body{font-size:12px;}
}
.civil-nav{
	background:#4fad3f;
}
.civil-nav-in{
	overflow: hidden;
}
.civil-nav-in a{
	display: block;
	text-align: center;
	color:#fff;
	padding:20px 0;
}
.civil-nav-1{
	font-size:24px;
	font-weight: bold;
	display: block;
}
.civil-nav-2{
	font-size:14px;
	display: block;
}
.civil-nav-in a{
	border-left:1px solid #fff;
	cursor: pointer;
	cursor: hand;
}
.civil-nav-in a:first-child{
	border-left:1px solid #fff;
}
.civil-nav-in a:last-child{
	border-right:1px solid #fff;
}
.civil-nav-in a:hover{
	background:#73d962;
	color:#fff;
}
.civil-nav-in a.active{
	background:#fff;
	color:#4fad3f;
}
.page-banner img{
	width:100%;
}
.wall-hanged-1{
	overflow: hidden;
	padding:60px 0;
}
.wall-hanged-1 .left-img{
	padding-right:4%;
}
.wall-hanged-1 .left-img.hanged-det-1 img{
	border:4px solid #4e97db;
}
.wall-hanged-1 .left-img img{
	width:100%;
}
.wall-hanged-1 .right-btm{
	float:right;
}
.wall-hanged-1 .right-top-tit{
	font-size:36px;
	font-weight: bold;
	margin:0;padding:0;
	margin-bottom: 0.6em;
	color:#528ec4;
	line-height:2.2em;
	position: relative;
}
.wall-hanged-1 .right-top-tit i{
	position: absolute;
	left:0;
	top:0;
	display: block;
	height:3px;
	width:2.1em;
	background:#528ec4;
}
.wall-hanged-1 .right-top-tit span{
	font-size:14px;
	font-weight: normal;
}
.wall-hanged-1 .right-top-txt{
	color:#666666;
}
.wall-hanged-1 .right-btm .one-right-btm{
	overflow: hidden;
	height:120px;
	position: relative;
}
.wall-hanged-1 .right-btm .right-b-l-img{
	width:110px;
	height:110px;
	overflow: hidden;
	float:left;
}
.wall-hanged-1 .right-btm .right-b-l-img img{
	width:100%;
	height:100%;
}
.wall-hanged-1 .right-btm .right-b-l-text{
	position: absolute;
	left:130px;
	top:0px;
}
.wall-hanged-1 .right-btm .one-right-btm .title{
	font-size:18px;
	font-weight: bold;
	margin:0;
	line-height:1em;
	padding:5px 0;
}
.wall-hanged-1 .right-btm .one-right-btm .title-1{
	margin-top:-0.8em;
	margin-bottom: 0;
}
.wall-hanged-1 .right-btm .one-right-btm .aside{
	font-size:12px;
	color:#999;
}
.line-right.det-page-line-right{
	color:#528ec4;
	font-size:24px;
	line-height:2em;
	position: relative;
	padding-left:1em;
	height:2em;
	background: #fff;
	margin:0.5em 0;
}
.det-page-line-right span{
	display: inline-block;
	background:#fff;
	vertical-align: top;
}
.det-page-line-right:before{
	content:'';
	position: absolute;
	left:0;
	top:50%;
	width:10px;
	height:10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#4e97db;
	margin-top:-5px;
}
.det-page-line-right:after{
	content:'';
	position: absolute;
	display: block;
	left:7.5em;
	right:0;
	top:50%;
	height:1px;
	background:#dddddd;
}


@media only screen and (max-width: 768px) {
	.civil-nav-1{font-size:14px;}
	.civil-nav-2{display: none;}
}
@media only screen and (min-width:769px)  and (max-width: 1024px) {
	.civil-nav-1{font-size:18px;}
	.civil-nav-2{font-size:12px}
	
}
@media only screen and (min-width:1440px ){
	.wall-hanged-1 .right-btm .one-right-btm .title{padding:15px 0;}
	.line-right{height:1px;background:#dddddd;margin-top:4em;margin-bottom: 4em;}
}
@media only screen and (min-width:1200px ) and (max-width:1439px){
	.wall-hanged-1 .right-btm .one-right-btm .title{padding:10px 0;}
	.wall-hanged-1 .right-top-tit{font-size:20px;}
	.wall-hanged-1 .right-btm{margin-top:1.5em;}
}
@media only screen and (min-width:1000px ) and (max-width:1200px){
	.wall-hanged-1 .right-btm .one-right-btm .title{padding:10px 0;}
	.wall-hanged-1 .right-top-tit{font-size:20px;margin-bottom:0;}
	.wall-hanged-1 .right-btm .right-b-l-img{width:90px;height:90px;}
	.wall-hanged-1 .right-btm .right-b-l-text{left:110px;}
	.wall-hanged-1 .right-top-txt{font-size:12px;}
	.wall-hanged-1 .right-btm{margin-top:20px;}
}
@media only screen and (min-width:768px ) and (max-width:1000px){
	.wall-hanged-1 .right-btm .one-right-btm .title{padding:10px 0;}
	.wall-hanged-1 .right-top-tit{font-size:18px;margin-bottom:15%;}
	.wall-hanged-1 .right-btm .right-b-l-img{width:90px;height:90px;}
	.wall-hanged-1 .right-btm .right-b-l-text{left:110px;}
	.wall-hanged-1 .right-top-txt{font-size:14px;}
	.wall-hanged-1 .right-btm{margin-top:20px;}
	.wall-hanged-1 .right-btm .one-right-btm{height:100px;}
	
}
@media only screen and (max-width:768px ){
	.wall-hanged-1 .right-btm .one-right-btm .title{padding:10px 0;font-size:14px;line-height:60px;}
	.det-hanged .wall-hanged-1 .right-btm .one-right-btm .title{line-height:30px;}
	.line-right.det-page-line-right{font-size:16px;}
	.wall-hanged-1 .right-top-tit{font-size:16px;margin-bottom:0;}
	.wall-hanged-1 .right-top-tit span{display: none;}
	.wall-hanged-1 .right-btm .right-b-l-img{width:70px;height:70px;}
	.wall-hanged-1 .right-btm .right-b-l-text{left:90px;right:10px;}
	.wall-hanged-1 .right-btm .right-b-l-text .aside{display:none;}
	.wall-hanged-1 .right-btm .one-right-btm{height:80px;}
	.wall-hanged-1 .right-btm{margin-top:20px;}
	.wall-hanged-1 .right-top-txt{font-size:12px;line-height:20px;height:80px;overflow: hidden;}
	.wall-hanged-1{padding:20px 0;}
}
.wall-hanged-2-tit{
	position: relative;
	color:#fff;
	font-size:32px;
	height:2em;
	padding:0.1em 0;
}
.wall-hanged-2-tit .one-tit{
	line-height:1.8em;
	
}
.wall-hanged-2-tit .first-tit{
	background:#bebebe;
	-webkit-border-top-left-radius: 0.9em;
	-webkit-border-bottom-left-radius: 0.9em;
	border-top-left-radius: 0.9em;
	border-bottom-left-radius: 0.9em;
	text-align: right;
	padding-right:3em;
}
.wall-hanged-2-tit .second-tit{
	background:#4fad3f;
	-webkit-border-top-right-radius: 0.9em;
	-webkit-border-bottom-right-radius: 0.9em;
	border-top-right-radius: 0.9em;
	border-bottom-right-radius: 0.9em;
	text-align: left;
	padding-left:3em;
}
.wall-hanged-2-tit .center-pk{
	position: absolute;
	display: block;
	left:50%;
	top:-0.1em;
	margin-left:-1em;
	width:2em;
	height:2em;
	text-align: center;
	line-height:2em;
	-webkit-border-radius:1em;
	border-radius: 1em;
	background: #fff;
	
}
.wall-hanged-2-tit .center-pk span{
	position: absolute;
	display: block;
	top:0.1em;
	left:0.1em;
	width:1.8em;
	height:1.8em;
	text-align: center;
	line-height:1.8em;
	-webkit-border-radius:0.9em;
	border-radius: 0.9em;
	background: #4e97db;
}
.wall-hanged-2-cont{
	position: relative;
	margin-top:40px;
	padding-bottom: 40px;
}
.wall-hanged-2-cont .left-img{
	position: absolute;
	left:0;
	width:20%;
	top:0;
	margin-top:5%;
	z-index:4;
}
.wall-hanged-2-cont .right-img{
	position: absolute;
	right:0;
	width:20%;
	top:0;
	margin-top:5%;
	z-index:4;
}
.wall-hanged-2-compare{
	width:768px;
	margin:0 auto;
}
.wall-hanged-2-compare .one-compare{
	position: relative;
	height:120px;
	border-bottom: 1px dashed #f18929;
	box-sizing: border-box;
}
.wall-hanged-2-compare .one-compare:last-child{
	border-bottom: none;
}
.wall-hanged-2-compare .center-tit{
	position:absolute;
	left:50%;
	top:0px;
	bottom:-1px;
	width:120px;
	margin-left:-60px;
	text-align: center;
	z-index:2;
	background:#fff;
}
.wall-hanged-2-compare .center-tit p{
	width:40px;
	padding:0px 10px;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:115px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin:0 auto;
	background:#4fad3f;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	line-height:1.2em;
}
.wall-hanged-2-compare .center-tit p .rotate90{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	display: block;
	width:1em;
	line-height:1em;
}
.wall-hanged-2-compare .one-compare .left-part{
	padding-right:60px;
	text-align: right;
	height:120px;
}
.wall-hanged-2-compare .one-compare .right-part{
	padding-left:60px;
	height:120px;
}
.wall-hanged-2-compare .one-compare .part-info{
	display: inline-block;
	vertical-align: middle;
	 *display: inline; *zoom: 1;
	 color:#666666;
}
.wall-hanged-2-compare .one-compare .visible{height: 100%; vertical-align: middle; width: 0; display: inline-block;}

.wall-hanged-det-3 img{
	width:100%;
}
@media only screen and (min-width:1400px) and (max-width:1500px){
	.wall-hanged-2-compare{width:710px;}
}
@media only screen and (min-width:768px) and (max-width:1200px){
	.wall-hanged-2-compare{width:710px;}
	.wall-hanged-2-cont .left-img{display: none;}
	.wall-hanged-2-cont .right-img{display: none;}
	.wall-hanged-2-tit{font-size:20px;}
}
@media only screen and (max-width:768px){
	body{overflow-x:hidden}
	.wall-hanged-2-compare{width:100%;}
	.wall-hanged-2-tit{font-size:16px;}
	.wall-hanged-2-cont .left-img{display: none;}
	.wall-hanged-2-cont .right-img{display: none;}
	.wall-hanged-2-tit .first-tit{padding-right:1em;}
	.wall-hanged-2-tit .second-tit{padding-left:1em;}
	.wall-hanged-2-compare .center-tit{width:40px;margin-left:-20px;}
	.wall-hanged-2-compare{display: none;}
	.wall-hanged-2-tit{margin-left:10px;margin-right:10px;}
	.wall-hanged-2-cont{padding-bottom: 85%;margin-top:20px;background:url(../images/wall-hanged-2-center.jpg) no-repeat center center;background-size:100%}
}

.mounted-sec-1{
	padding:40px 0;
	background:#f5f5f5;
}
.mounted-sec-1 .section-tit{
	text-align: center;
	margin-bottom: 50px;
}
.mounted-sec-1 .section-tit i.tit-line{
	left:50%;
	margin-left:-2em;
	top:0;
}
.mounted-sec-1 .section-tit span.tit-english{
	display: block;
	line-height:1em;
	margin-top:-0.5em;
}
.mounted-sec-1 .list-box{
	margin-right:-6%;
	overflow: hidden;
}
.mounted-sec-1 .one-list{
	padding-right:6%;
}
.mounted-sec-1 .one-list img.produt-img{
	border:4px solid #4fad3f;
	width:100%;
	margin-top:10px;
}
.mounted-sec-1 .one-list img.produt-struct{
	width:100%;
}

.mounted-sec-1 .list-txt{
	font-size:14px;
	height:15em;
	overflow: hidden;
	margin-top:2em;
	color:#528ec4;
}
.mounted-sec-1 .list-box .one-list:nth-child(1) .list-txt{
	margin-top:0;
}
.mounted-sec-1 .list-box .one-list:nth-child(2) .list-txt{
	margin-top:0;
}
.mounted-sec-1 .one-list h3{
	color:#528ec4;
	font-size:1.4em;
	line-height:2em;
	color:#528ec4;
	font-weight: bold;
	margin:0;
}
.mounted-sec-1 .one-list  p{
	color:#999999;
	line-height:1.5em;
	margin-bottom: 0;
}
@media only screen and (max-width:768px) {
	.mounted-sec-1 .list-txt{font-size:12px;margin-top:0;height:auto;padding-bottom: 0.5em;}
	.mounted-sec-1 .one-list img{border-width: 2px;}
	.mounted-sec-1{padding:20px 0;}
	.mounted-sec-1 .section-tit{margin-bottom: 10px;}
}
.underfloor-box{
	padding:60px 0;
}
.underfloor .left-label-img{
	width:100%;
}
.underfloor .left-argu-img{
	width:100%;
}
.underfloor .product-name{
	font-size:24px;
	font-weight: bold;
	color:#4e97db;
	line-height:1.8em;
	margin-bottom: 0.5em;
	margin-top:0.5em;
}
.underfloor .product-part{
	color:#666;
	margin-bottom: 0.5em;
}
.underfloor-gds-img{
	border:4px solid #4fad3f;
	width:100%;
}
@media (min-width: 1200px){
	.col-lg-my-2{width:20%}
}
.underfloor-box .text-list-box{
	margin-top:50px;
	margin-right:-4%;
}
.underfloor-box .text-list-box .one-text-list{
	padding-right:4%;
}
.underfloor-box .text-list-box .list-inner{
	padding-bottom: 40px;
}
.underfloor-box .text-list-box .list-inner p{
	line-height:20px;
	margin-top:20px;
	font-size:12px;
	color:#666666;
	height:100px;
	overflow: hidden;
}
.underfloor-box .text-list-box .list-inner h3{
	margin:0;padding:0;
	text-align: center;
	font-size:18px;
	line-height:40px;
	font-weight: bold;
	color:#fff;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.underfloor-box .text-list-box .one-text-list:nth-child(5n+1)  h3{
	background:#4fad3f;
}
.underfloor-box .text-list-box .one-text-list:nth-child(5n+2)  h3{
	background:#4e97db;
}
.underfloor-box .text-list-box .one-text-list:nth-child(5n+3)  h3{
	background:#07c2a1;
}
.underfloor-box .text-list-box .one-text-list:nth-child(5n+4)  h3{
	background:#f99748;
}
.underfloor-box .text-list-box .one-text-list:nth-child(5n+5)  h3{
	background:#f86d84;
}
.case-det-box{
	padding:60px 0;
}
.case-det-box .section-tit{
	text-align: center;
}
.case-det-box .section-tit .tit-line{
	left:50%;
	margin-left:-2em;
	width:4em;
}
.case-det-box .list-box{
	margin-right:-5%;
	text-align: center;
	font-size:16px;
	color:#333333;
	margin-top:2em;
}
.case-det-box .one-list{
	padding-right:5%;
}
.case-det-box .one-list img{
	width:100%;
	margin-bottom:1.5em;
	box-shadow: 0px 10px 20px 5px #ececec;
}
@media only screen and (max-width:768px) {
	.case-det-box{padding:0 0 20px 0;}
	.case-det-box .one-list img{margin-bottom:10px;}
	.case-det-box .list-box{margin-top:1em;}
	.underfloor .product-name{font-size:14px;}
	.underfloor-box{padding-bottom: 0;}
	.underfloor-box .text-list-box .list-inner h3{font-size:16px;line-height:30px;-webkit-border-radius:16px;border-radius:16px;}
	.underfloor-box .text-list-box .list-inner{padding-bottom: 10px;}
}