@charset "utf-8";
* ,html, body, form, dl, dt, dd, ul, ol, li, th, td, span, strong, em, a, input, textarea, select, img, h1, h2, h3{padding:0;margin:0;border:none;}
a:link,a:visited ,a:hover ,a:active {text-decoration: none;}
ul, ol {list-style: none outside none;}
body{padding:0;margin:0;overflow-x:hidden; font-family: "微软雅黑";}
ul{-webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start:0px;}
p{
	display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	}
h1, h2, h3{
	display: block;
    font-size: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight:normal;
	}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.wrap{
	max-width:768px;
    min-width: 280px;
    margin: 0 auto;
	}

.h_d{
	width:96%;
	margin:auto;
	}
.h_d .h_r{
	height:80px;
	}
.h_d .h_r .logo{
	width:276px;
	float:left;
	position:absolute;
	z-index:50;
	margin:10px 0 0 15px;
	}
.h_d .h_r .logo img{width:100%;max-height:80px;}	


.h_d .h_r .menu{ float:right;width: 20%; height:1rem; position:relative;}
.h_d .h_r .menu span,.head .menu span:before,.head .menu span:after{position: absolute;display: block;width:27px;height:21px;top:168%; right:2.5%; cursor: pointer;content: '';background:url(../images/navicon.png) no-repeat 0 0;}
.h_d .h_r .menu span:before{ top:-.2rem;left:0%;}
.h_d .h_r .menu span:after{ top:.2rem;left:0%;}
.h_d .h_r .on span{ background-color:transparent; }
.h_d .h_r .on span:before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);top:0;}
.h_d .h_r .on span:after{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);top:0;}
.menu_box{ min-width:100%; height:0; background:#f8f8f8; position:absolute; left:0; top:0; z-index:888; overflow:hidden; box-shadow: 0 5px 5px #E5E5E5; -webkit-box-shadow: 0 5px 5px #E5E5E5; -moz-box-shadow: 0 5px 5px #E5E5E5;}
.menu_box ul{ border-top:#e5e5e5 solid 1px;-webkit-margin-before:0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;
-webkit-padding-start: 0px;}
.menu_box li{ width:100%; height:40px; line-height:40px; font-size:16px; border-bottom:#e5e5e5 solid 1px;}
.menu_box li a{ display:block; padding:0 10px; color:#555; overflow:hidden;}

/*ban*/
#full-width-slider {
	width: 100%;
}
.coloredBlock {
	padding: 12px;
	background: rgba(255,0,0,0.6);
	color: #FFF;
	width: 200px;
	left: 20%;
	top: 5%;
}
.infoBlock {
	position: absolute;
	top: 30px;
	right: 30px;
	left: auto;
	max-width: 25%;
	padding-bottom: 0;
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
	padding: 20px;
}
.infoBlockLeftBlack {
	color: #FFF;
	background: #000;
	background: rgba(0,0,0,0.75);
	left: 30px;
	right: auto;
}
.infoBlock h4 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 3px;
}
.infoBlock p {
	font-size: 14px;
	margin: 4px 0 0;
}
.infoBlock a {
	color: #FFF;
	text-decoration: underline;
}
.fullWidth {
	max-width:768px;
	margin:2px auto 0;
}




.c_n{width:96%;margin:auto;}
.nav_bg{
	width:100%;
	height:81px;
	margin:auto;
	}

.nav_bg ul li{
	
	width:25%;
	height:66px;
	display:inline-block;
	float:left;
	text-align:center;
	padding-top:15px;
	}
.nav_bg ul .nav1{
	background-color:#2691d9;
	}
.nav_bg ul .nav2{
	background-color:#3f5ac5;
	}
.nav_bg ul .nav3{
	background-color:#e8c223;
	}
.nav_bg ul .nav4{
	background-color:#e78816;
	}
.nav_bg ul li a{
	display:block;
	color:#fff;
	
	}
.nav_bg ul li a p{
	line-height:38px;
	font-size:15px;
	}


.hr_t{
	height:49px;
	text-align:center;
	margin-top:20px;
	background-color:#2691d9;
	padding-top:5px;
	margin-bottom:10px;
	}

.hr_t h1{
	font-weight: 600;
	font-size:18px;
	color:#fff;
	line-height:28px;
	}
.hr_t span{
	font-family:"arail";
	font-size:12px;
	color:#aeaeae;
	}


/*tab开始*/
.box-163css{ width:100%; position:relative;float:left;}
/*swipe*/
.swipe{ padding-top:20px; width:100%; float:left;overflow: hidden; visibility: visible; position: relative;height:183px;}
.box01_list{position:relative; -webkit-transition: left 600ms ease-out;  width:95%;margin:auto;}
.li_list{width:100%;position:relative; float: left; vertical-align: top;}
/*news_list*/
.news_list{ float:left; }
.news_list p{ width:100%; float:left; background-color:#f4f4f4; height:33px; line-height:33px;margin:2px 0;overflow:hidden;}
.news_list a{ float:left; padding-left:1%; font-size:16px;color:#585858;width:90%;height:33px;}
.news_list a:hover{color:#2b93da;}
.news_list i{width:4px;height:4px;display:block;background-color:#2691d9;border-radius:100%;float:left;margin:15px 5px 0 8px;}
/*page*/
.page{ text-align:left; background:#f4f4f4; height:40px; line-height:40px; width:100%;display:-webkit-box;border-bottom:1px solid #dddddd;}
.page li{-webkit-box-flex:1; font-size:14px; display:block; color:#000; height:40px; line-height:40px; text-align:center;padding-top:5px;  }
.page li a{ color:#000; display:block; height:30px;border-left:1px solid #dddddd; line-height:30px;}
.page li.active{border-top:3px solid #2691d9;background-color:#fff;}
.page a.active{color:#2f94de;}
.go_btn{margin: 20px 0 0 0;height: 34px;width: 95%;border: 1px solid #9acced;text-align: center;line-height: 34px;font-size: 16px;
border-radius: 3px; display:block; float:left; margin-left:2.4%;cursor:pointer;font-size:12px;color:#55a2de;}
/*tab*/


.busi{
	margin-bottom:20px;
}
.busi_l,
.busi_r{
	width:48.8%;
	}
.busil_h{
	width:100%;
	height:82px;
	overflow:hidden;
	margin-bottom:8px;
	}
.busil_h img,
.busif_l img,
.proj_box ul li .proimg img{width:100%;height:100%;}
.busil_h p,
.busif_l p{
	position:absolute;
	margin-top:-76px;
    color: #fff;
    font-size: 12px;
	margin-left:10px;
	}
.busil_h i,
.busif_l i{
	width:23px;
	height:2px;
	display:block;
	background-color:#fff;
	position:absolute;
	margin:-51px 0 0 10px;
	}
.busif_l{
	width:48%;
	height:83px;
	overflow:hidden;
	}

.martop{
	margin-top:8px;
	}
.proj{
	margin-bottom:100px;
	}
.proj_box{
	width:100%;
	margin:auto;	
	}
.proimg{
	width:35%;
	height:87px;
	overflow:hidden;
	}

.proj_box ul li{
	margin-bottom:10px;
	width:100%;
	height:87px;
	background-color:#f4f4f4;
	}
.pro_r{
	width:62%;	
	}
.pro_r h1{
	height:40px;
	line-height:40px;
	overflow:hidden;
	font-size:16px;
	font-weight:normal;
	color:#2f2f2f;
	}
.pro_r i{
	width:9px;
	height:11px;
	display:block;
	background:url(../images/map.png) no-repeat 0 0;
	float:left;
	margin:5px 3px 0 0;
	}
.pro_r p{
	font-size:12px;
	color:#7d7d7d;
	line-height:20px;
	}


.f_t{
	width:100%;
	height:41px;
	background-color:#282828;
	color:#fff;
	text-align:center;
	line-height:41px;
	font-size:14px;
	}


/*精品工程*/
.con_ht{
	width:100%;
	/*height:36px;*/
	
	overflow:hidden;
	background-size:cover;
	text-align:center;
	line-height:36px;
	margin-bottom:13px;
	}
.con_ht h1{
	font-weight:normal;
	font-size:16px;
	color:#fff;
	}

.con_ht i{
	width:12px;
	height:8px;
	display:block;
	background:url(../images/icon.png) no-repeat 0 0;
	float:right;
	position:absolute;
	z-index:33;
	margin-top:-21px;
	left:60.5%;
	}


.more{
	height:50px;
	text-align:center;
	margin-top:30px;
	}
.projct{
	margin-bottom:10px;
	}


/*详情*/
.xq_h{
	text-align:center;
	margin:10px 0 20px 0;
	}
.xq_h h1{
	font-weight:bold;
	font-size:20px;
	color:#171717;
	line-height:30px;
	}
.xq_h .xqspan{
	height:30px;
	background-color:#f4f4f4;
	}
.xq_h .xqspan span{
	font-size:14px;
	color:#767676;
	line-height:30px;
	margin:0 4px;
	}
.xq_Ft{
	width:100%;
	margin:auto;
	margin-bottom:20px;
	}

.xq_Ft p{
	font-size:14px;
	color:#666;
	line-height:25px;
	margin-bottom:10px;
	overflow:hidden;
	}
.xq_Ft p img{
	max-width:100%;
	height:auto;
	}
.reten{
	height:30px;
	background-color:#2691d9;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:30px;
	margin:20px 0;
	}
.reten i{
	width:17px;
	height:17px;
	display:block;
	float:left;
	background:url(../images/icon3.png) no-repeat 0 0;
	position:absolute;
	z-index:5;
	margin-top:7px;
	left:36%;
	}

.next_box ul li{
	height:28px;
	font-size:14px;
	line-height:28px;
	color:#333;
	}

.next_box ul li i{
	width:14px;
	height:13px;
	display:block;
	background:url(../images/icon4.png) no-repeat 0 0;
	float:left;
	margin:9px 5px 0 0;
	}
.next_box ul li a{
	color:#333;
	}
.next_box ul li a:hover{
	color:#2691d9;
	}


/*文字列表*/
.con_lis{
	margin-bottom:10px;
	}
.con_lis ul li{
	height:78px;
	background-color:#f4f4f4;
	margin-bottom:7px;
	padding:8px 8px 0 8px;
	
	}

.con_lis ul li .lis_l{
	width:18%;
	height:59px;
	background:url(../images/list.png) no-repeat 0 0 ;
	color:#fff;
	font-size:24px;
	font-family:"arail";
	padding-top:10px;
	margin-right:4px;
	}
.con_lis ul li .lis_l span{
	font-size:12px;
	margin-left:11%;
	}
.con_lis ul li .lis_l p{
	margin-left:24%;
	line-height:30px;
	}

.con_lis ul li .lis_r{
	width:80%;
	}
.con_lis ul li .lis_r h1{
	font-weight:normal;
	font-size:16px;
	line-height:28px;
	}
.con_lis ul li .listp{
	height:44px;
	overflow:hidden;
	}
.con_lis ul li .listp p{
	font-size:14px;
	color:#666;
	}

/*联系我们*/
.conct{
	width:100%;
	margin:auto;
	margin-bottom:30px;
	}

.conct p img{
	width:100%;
	height:100%;
	margin-bottom:20px;
	}
.concth{
	text-align:center;
	font-size:18px !important;
	margin-bottom:0 !important;
	}

.conct p{
	font-size:14px;
	color:#333;
	margin-bottom:10px;
	line-height:26px;
	}
.conctspan{
	text-align:center;
	font-size:12px !important;
	color:#aaaaaa;
	margin-bottom:10px;
	}


/*市政工程*/
.szproj{
	margin-bottom:10px;
	}
.szproj ul li{
	border-top:1px solid #d6eaf8;
	margin-bottom:10px;
	}
.szproj ul li .szpro_h{
	height:194px;
	overflow:hidden;
	}
.szproj ul li .szpro_h img{
	width:100%;
	height:100%;
	}
.hzpro_F{
	height:30px;
	background-color:#2691d9;
	}

.szpro_fl{
	width:92%;
	height:28px;
	float:left;
	background-color:#fff;
	}
.hzpro_F i{
	width:15px;
	height:10px;
	display:block;
	background:url(../images/icon5.png) no-repeat 0 0;
	float:right;
	margin-right:1.7%;
	margin-top:2.6%;
	}
.szpro_fl{
	font-size:16px;
	color:#333;
	text-align:center;
	line-height:28px;
	}
.szpro_fl s{
	width:10px;
	height:10px;
	display:block;
	background:url(../images/icon6.png) no-repeat 0 0;
	float:left;
	margin-left:1.7%;
	margin-top:2.5%;
	}
.szpro_fl span{
	font-size:12px;
	float:left;
	margin-left:1%;
	color:#a5a4a4;
	}


/*关于我们*/
/* container */
ul.container{width:100%;margin:0 auto;color:#fff;}
li.menu{width:100%; text-align:center;color:#fff; position:relative;}
li.button a{display:block;font-size:18px;height:37px;overflow:hidden;position:relative;width:100%; color:#fff;background:url(../images/conht_bg.jpg) no-repeat center center; background-size:cover;}
li.button a:hover{text-decoration:none;color:#fff;}
li.button a span{height:44px;position:absolute;right:0;top:0;width:4px;display:block;color:#fff;}
li.button a.blue{width:100%;height:100px;color:#fff;}

.dropdown li{background-color:#f8f8f8;padding:0 18px; border-top:1px  solid #e5e5e5;}
.dropdown li a{color:#666;}
.dropdown li a span{margin-left:10px;}
.dropul{
	widht:100%;

	}



.m_box{
	text-align:center;
	}
.m_box .p_list ul li{
	margin-bottom:20px;
	}
.m_box .p_list ul li a{color:#333;font-size:14px;line-height:24px;}



 @media screen and (min-width:768px) and (min-width:500px) {

.proimg{
	width:35%;
	height:139px !important;
	overflow:hidden;
	}

.proj_box ul li{
	margin-bottom:10px;
	width:100%;
	height:139px !important;
	background-color:#f4f4f4;
	}

.busil_h,
.busif_l,
.busif_l{
	height:136px !important;
	}
.szproj ul li .szpro_h{
	height:325px !important;
	}
	.szpro_fl s {
    width: 10px;
    height: 10px;
    display: block;
    background: url(../images/icon6.png) no-repeat 0 0;
    float: left;
    margin-left: 1.7%;
    margin-top: 1.4% !important;	
}

.hzpro_F i {
    width: 15px;
    height: 10px;
    display: block;
    background: url(../images/icon5.png) no-repeat 0 0;
    float: right;
    margin-right: 2.7%;
    margin-top: 1.6% !important;

 }