@charset "utf-8";
/* CSS Document */
/*banner*/
.banner .carousel-indicators li{ border:1px solid #f08200}
.banner .carousel-indicators .active{ background-color:#f08200}
/*banner*/
.banner{ overflow:hidden; width:100%;}
.banner img{ display:block; width:100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:4px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:4px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#f08200;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
/*品质*/
.pinzhi{ overflow:hidden; margin-top:4.5rem; margin-bottom:4em;}
.pinzhi h3{ font-weight:normal; font-size:2.2rem; text-align:center; color:#333;}
.pinzhi em{ display:block; text-align:center; font-size:1rem; color:#666; margin-bottom:1rem}
.pinzhi dl{ overflow:hidden}
.pinzhi p{ margin-top:4.5em; font-size:1.3rem; color:#666; margin-bottom:0.3rem}
.pinzhi h4{ font-size:2.2rem; color:#f08200; padding-bottom:0.3em; border-bottom:2px solid #f08200; margin-bottom:2rem; font-weight:bold;}
.pinzhi ul{ overflow:hidden;}
.pinzhi li{ overflow:hidden; font-size:1.1em; color:#666; line-height:4.1rem; border-bottom:1px dashed #e6e6e6;}
.pinzhi li span{ color:#f08200; margin-right:0.2rem;}

/*case*/
.case{ width:100%; overflow:hidden; background:url(../images/case_bg.jpg) no-repeat center; background-size:cover;}
.case h3{ text-align:center; background:url(../images/case_h.png) no-repeat center; margin-top:5rem; margin-bottom:4rem}
.case h3 a{ color:#fff; font-size:2rem;}
.case h3 p{ color:#fff; font-size:1rem; margin-top:0.5rem}
.case dl{ overflow:hidden; margin-bottom:3.4rem}
.case dt{ overflow:hidden; position:relative; padding:0}
.case dd{ overflow:hidden; padding-right:0}
.case .caselist{ overflow:hidden; position:relative; padding:0; margin-bottom:1.6rem}
.case .wen{ overflow:hidden; position:absolute; width:100%; left:0; bottom:0; background-color:#000; opacity:0.8;}
.case .wen h4{ font-size:1.3rem; line-height:4rem; margin-left:1.3rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case .wen h4 a{ color:#fff;}
.case .wen .bof { display:block; width:4rem; height:4rem; color:#fff; background-color:#f08200; font-size:3rem; line-height:4rem; text-align:center; text-decoration:none; margin-top:-1px;}
.case i{ display:block; width:100%; height:1px; background-color:#807365;}
.case .case_menu{ overflow:hidden;}
.case .case_menu li:nth-child(1){ border-left:1px solid #807365;cursor: pointer;}
.case .case_menu li{ border-right:1px solid #807365; padding-top:2.1rem; padding-bottom:2.1rem;cursor: pointer;}
.case .case_menu h5{ font-size:5.8rem; font-weight:bold; color:#f08200;}
.case .case_menu p{ color:#fff; margin-top:1rem; padding-left:5%;}
.case .case_menu a{ display:block; font-size:1.8rem; color:#fff;}
.case .case_menu span{ display:block; font-size:1rem}
.case .case_menu b{ display:block; background:url(../images/case_jx.png) no-repeat center; background-size:100%; width:5rem; height:5rem}
.case .case_menu .active{ background-color:#f08200;}
.case .case_menu .active h5{ color:#fff;}

/*show*/
.show{ width:100%; overflow:hidden;padding-top:5rem; padding-bottom:4rem}
.show h3{ font-size:2.5rem; text-align:center;}
.show h3 a{ color:#333; text-decoration:none}
.show em{ display:block; text-align:center; font-size:1rem; color:#666; margin-bottom:3rem;}
.show p{ text-align:center; font-size:1.1rem; margin-top:1.5rem;}
.show p a{ color:#333;}
.show .col-xs-6{ padding-bottom:1rem; text-align:center}
.show .col-xs-6 img{ margin:0 auto}

/*优势*/
.youshi{ overflow:hidden; width:100%; background-color:#f5f5f5; padding-top:5rem;}
.youshi h3{ font-size:2.5rem; text-align:center; color:#333;}
.youshi em{ display:block; text-align:center; font-size:1rem; color:#666; margin-bottom:4rem;}
.youshi dl{ overflow:hidden; margin-bottom:2rem;}
.youshi .ys_title{ overflow:hidden; border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4;}
.youshi i{ display:block; float:left; font-size:4rem; color:#333; margin-right:1.5rem}
.youshi h6{ float:left; font-size:2rem; color:#f08200; margin-top:1rem}
.youshi h6 span{ font-size:1rem; color:#999; display:block;}
.youshi p{ font-size:1.1rem; color:#666; line-height:2rem; margin-top:1.3rem; margin-bottom:4rem;}

/*流程*/
.liucheng { overflow:hidden; width:100%; padding:5rem 0; background-color:#f5f5f5;}
.liucheng h3{ font-size:2.5rem; text-align:center; color:#333;}
.liucheng em{ display:block; text-align:center; font-size:1rem; color:#666; margin-bottom:4rem;}
.liucheng .col-md-10{ padding:0}
.liucheng .col-md-2{ padding-right:0;}
.liucheng li .col-md-2{ margin-top:37%}
.liucheng li { margin-bottom:2rem}
/*about*/
.about{ overflow:hidden; width:100%; background:url(../images/about_bg.jpg) no-repeat center; background-size:cover; padding-top:5rem; padding-bottom:5rem}
.about h3{ text-align:center; font-size:2.4rem;}
.about h3 a{ color:#fff;}
.about em{ font-size:1rem ; display:block; text-align:center; color:#fff; opacity:0.5; margin-bottom:4rem;}
.about dl{ overflow:hidden}
.about dt a{ display:block; width:98%; padding:1%; background-color:#fff;}
.about h4{ font-size:1.7rem; margin-bottom:1.5rem;}
.about h4 a{ color:#d5b396}
.about p{ font-size:1.2rem; color:#d5b396; line-height:2rem; height:10rem; overflow:hidden; text-align:justify; margin-top:1rem; margin-bottom:2.5rem; width:90%}
.about .more{ display:block; text-align:center; color:#fff; font-size:1.2rem; text-decoration:none; background-color:#f08200; padding:1rem}

/*现场*/
.xcsb{ overflow:hidden; padding-top:3.4rem; padding-bottom:3.4rem;}
.xcsb .sb_menu{ overflow:hidden; position:relative; margin-bottom:3rem;}
.xcsb .sb_menu li{ font-size:1.5rem; text-align:center; padding:0; position:relative; z-index:2}
.xcsb .sb_menu li a{ color:#333; display:inline-block; padding-bottom:1rem; text-decoration:none}
.xcsb .sb_menu li.active a{ color:#f08200; border-bottom:3px solid #f08200;}
.xcsb .sb_menu i{ display:block; width:100%; height:2px; background-color:#c7c7c7; position:absolute; left:0; bottom:0; z-index:0}
.xcsb  p{ text-align:center; font-size:1.1rem; margin-top:1.5rem;}
.xcsb p a{ color:#333;}
.xcsb .visible-xs .col-xs-6{ margin-bottom:1rem; text-align:center}
.xcsb .visible-xs .col-xs-6 img{ margin:0 auto}

/*news*/
.news { overflow:hidden; width:100%; background-color:#f5f5f5; padding-top:4rem; padding-bottom:5rem;}
.news h3{ font-size:1.5rem; margin-bottom:2rem;}
.news h3 a{ color:#333;}
.news h3 span{ font-size:1rem; color:#666; margin-left:0.5rem;}
.news h4{ font-size:1.3rem; margin-top:0.5rem; margin-bottom:1.7rem;}
.news h4 a{ color:#333}
.news p{ font-size:1.1rem; color:#333; line-height:1.6rem; height:6rem; overflow:hidden; text-align:justify}
.news .newsright p{ height:3.2rem}
.news .newsleft ul{ overflow:hidden; margin-top:1rem;}
.news .newsleft li{ font-size:1.1rem; line-height:3.5rem; border-bottom:1px solid #dedcdc; overflow:hidden}
.news .newsleft li a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333}
.news .newsleft li em{ color:#f08200; padding-right:0.3rem;}
.news .newsleft li a:hover{ color:#f08200;}
.news .newsright dl{ overflow:hidden; margin-bottom:1.5rem;}
.news .newsright .newsBox{ overflow:hidden; position:relative; width:100%; height:25rem; margin-top:1rem}

/*link*/
.link{ overflow:hidden; width:100%; padding-bottom:3.2rem; background-color:#f5f5f5}
.link h3{ font-size:1.5rem;}
.link a{ color:#333}
.link h3 span{ font-size:1rem; color:#666}
.link li{ float:left; margin:5px 20px; font-size:13px;}


@media (min-width:320px) and (max-width:767px) {
	.pinzhi p{ margin-top:0}
	.pinzhi li{ line-height:2.1rem}
	.case dd{ padding:0}
	.case dd .caselist{ width:48%}
	.case dd .caselist:nth-child(2){ float:right}
	.case dd .wen h4{ line-height:2.5rem}
	.case h3{ background:none; margin-top:1rem; margin-bottom:2rem}
	.case h3 p{ font-size:0.5rem}
	.case .case_menu { padding:0}
	.case .case_menu li{ padding:10px 0; text-align:center}
	.case .case_menu li p{ text-align:center; padding:0; width:100%;}
	.case .case_menu a{ font-size:1rem}
	.youshi h3{ font-size:2rem}
	.about h4{ margin-top:2rem}
	.about p{ width:100%}
	.news .newsleft dl dt{ margin-bottom:1rem;}
	.link h3{ margin-bottom:2rem}
	.show,.xcsb{ padding-bottom:0}
	.news{ padding-bottom:1rem}
	.liucheng{ padding-bottom:1rem}
	
}
@media (min-width:320px) and (max-width:992px) {
	.case .case_menu h5{ font-size:3rem}
	.case .case_menu p{ margin-top:0.4rem}
	.news .newsleft { margin-bottom:2em}
	.news .newsleft ul{width: 100%;margin: 0 auto;}
	.news .newsright dt img{ width:100%;}
	.news .newsleft dl{ margin-bottom:1rem;}
	.link h3{ text-align:center}
	.link li{ margin:3px 5px;}
}

@media (min-width:992px) and (max-width:1200px) {
	.case .case_menu h5{ font-size:4rem}
}
@media (min-width:768px) and (max-width:992px) {
	.pinzhi dl dt{ margin-top:20%}
	.about p{ width:100%}
	.xcsb .sb_menu{ width:50%; margin:0 auto; margin-bottom:3rem;}
	.xcsb .sb_menu li{ width:50%; float:left}
	.news .newsright p{ height:6.4rem}
}