*{margin:0px;padding:0px;outline: none}
a{text-decoration: none;color:#000;}
img{width:100%;height:auto;max-width: 100%;display: block;}
button{cursor: pointer;outline: none;}
li{list-style: none;cursor: pointer;}
body{width:100%;margin:auto;font-size: .25rem;font-family:微软雅黑;max-width: 640px;}
input{background: none}
.op{opacity: 0}
.tc{text-align: center}
.flex{display: flex;}
.wrap{flex-wrap: wrap}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fb{font-weight: bold;}
.box{width:95%;margin:auto;}
.a_div{display: block;}
.a_box{display: block;width:100%;height:100%;}

/******************头部***************************************/

.head{height:1.2rem;}
.head>div{
	height: 100%;
}
.head>div img{
	height: 100%;width: auto;
}





.lunbo{width:100%;}

.slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.lunbo .hd{
	width:100%;height:.15rem;
	position: absolute;bottom:.3rem;text-align: center;z-index: 500;
}
.lunbo .hd li{
	width: .15rem;height:.15rem;border-radius: .15rem; background: #8eaccc;margin:0 .1rem;
	display: inline-block;text-align: center;transition: all .5s
}
.lunbo .hd li.on{
	width:1rem;background: #ff7e00
}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }



.nav_div{width:100%;height:100%;position:fixed;top:0;max-width: 640px;z-index:999;display: none}
.yin{width:100%;height:100%;background: #000;opacity: .3}
.nav{width:50%;height:100%;position:absolute;top:0;right:0;background: #007eff;z-index:9999;padding-top: 1rem;font-size: .3rem}
.nav li a{color:#fff;}

.close{width:.6rem;height:.6rem;font-size: .6rem;position: absolute;top:.2rem;right:.2rem;line-height: .6rem;color:#fff;}






/******底部*****************/


.zhanwei{height:1.4rem;}
.foot{width:100%;height:1.4rem;background: #007eff;position: fixed;bottom: 0 }
.foot>div{width:20%;height:100%;text-align: center;
	color:#fff;font-size: .25rem;
}
.foot>div a{
	color:#fff;
}
.foot>div div{
	width:.45rem;margin:auto;margin-top: .3rem;
	margin-bottom: .15rem;
}
.foot>div:nth-child(3) div{
	width: 70%;margin-top: .2rem;
}






/*我们的优势*/

.idx_ys{
	background: #f5f5f5;padding: .7rem 0
}

.lanmu_title{
	font-size: .5rem;text-align: center
}
.lanmu_title>p{
	color: #007eff;position: relative;
	font-weight: bold;
}
.lanmu_title>p:after{
	content: '';
	position: absolute;
	width: .9rem;height:.05rem;background: #cccccc;
	left: 50%; margin-left: -.45rem;bottom:-.2rem;
}
.lanmu_title>p>span{
	color: #ff7e00
}
.lanmu_title>span{
	text-transform: uppercase;
	font-size: .23rem;color: #aaaaaa
}


.ys_list{
	text-align:center;
	margin-top: .3rem
}
.ys_list>div{
	display: inline-block;
	margin:0 1%;font-size: 0;
	width: 46%;
	vertical-align: text-top;
	margin-bottom: .2rem;
}

.ys_list>div .img{
	width: 1.7rem;height:1.9rem;
	margin:auto;
	background: url(../images/bg_lan.png);
	background-size: 100% 100%;
	position: relative;
}
.ys_list>div:hover .img{
	background: url(../images/bg_huang.png);
	background-size: 100% 100%;	
}
.ys_list>div .img img{
	position: absolute;
	width:.8rem;
	top: 0;left: 0;right: 0;bottom: 0;
	margin:auto
}

.ys_list>div .title{
	font-size: .38rem;font-weight: bold;
	color: #000000;
	margin:.15rem 0
}
.ys_list>div .con{
	font-size: .23rem;
}




/*产品展示*/

.idx_pro{
	background: url(../images/bgbg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding:.75rem 0;
}

.idx_pro .lanmu_title p,
.idx_pro .lanmu_title span{
	color: #fff!important
}


.pro_type{
	margin:.4rem auto;
}
.pro_type>a{
	display: inline-block;font-size: 0;
	width: 46%;height: .6rem;border-radius: .6rem;
	color: #333333;background: #fff;
	line-height: .6rem;margin:.05rem 1%;font-size: .33rem;
	vertical-align: text-top;
}
.pro_type>a:hover{
	color: #fff;background: #ff7e00;
}


.pro_list>div{
	width: 48%;margin-right: 3%;
	float: left;margin-bottom: .5rem;
	overflow: hidden;
}
.pro_list>div:nth-child(2n){
	margin-right: 0
}

.pro_list>div .img{
	overflow: hidden;
	border:.02rem solid #c9c9c9;
	border-bottom: 0;
}
.pro_list>div .title{
	width:98.5%;height:.6rem;
	border:.02rem solid #c9c9c9;
	text-align: center;line-height: .6rem;font-size: .25rem;
	background: #fff
}
.pro_list>div:hover .title{
	background: #ff7e00;color: #fff
}

.more{
	width: 4rem;height:.6rem;font-size: .25rem;
	text-align: center;line-height: .6rem;
	display: block;background: #ff7e00;color: #fff;
	border-radius: .3rem;margin: auto
}


/* 工程案例 */
.idx_anli{
	margin-top: .5rem;
}
.anli_list{
	margin-top: .3rem;
}
.anli_list>div:hover .title{
	background: #007eff;color: #fff
}


/*公司简介*/
.idx_ab{
	width:100%;
	overflow: hidden;
	margin:.75rem 0;
	background: #007eff;
}

.idx_ab .left{
	padding:.7rem 0;
	color: #fff;text-align: center;
}

.idx_ab .left>p{
	font-size: .5rem;text-transform: uppercase;font-weight: bold;
}
.idx_ab .left>span{
	font-size: .38rem;text-transform: uppercase;font-weight: bold;
}
.idx_ab .left>div{
	margin:.2rem 0;
}
.idx_ab .left>img{
	margin:.2rem 0;
}

/* 新闻中心 */
.news_list{
	margin-top: .5rem;
}
.news_list>div{
	height: 1.6rem;
	padding:.2rem;
	border: .01rem solid #bbbbbb;
	margin-bottom: .2rem;
}

.news_list>div .img{
	width: 2.46rem;
	height: 1.6rem;
	overflow: hidden;
}
.news_list>div .img img{
	height: 100%;width: auto;
}
.news_list>div .con{
	width: 4.1rem;
}

.news_list>div .con p{
	font-size: .3rem;font-weight: bold;
	color: #333;hieght:.4rem;line-height: .4rem;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.news_list>div .con div{
	height: 1.1rem;line-height: 2;
	font-size: .25rem;
}
.news_list>div .con a{
	display: block;
}
.news_list>div .con a img{
	width: .8rem;
}

.news_list>div .con a span{
	font-size: .22rem;display: inline-block;
	float: right;position: relative;top: -.2rem;
}

.news_list>div:hover{
	background: #007eff;
}
.news_list>div:hover .con p{
	color: #fff;
}
.news_list>div:hover .con div{
	color: #fff;
}
.news_list>div:hover .con a span{
	color: #fff;
}

.idx_news>.more{
	margin-top:.2rem ;
}



/* 在线留言 */

.idx_gbook{
	background: url(../images/bgbg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding:.75rem 0;
	margin-top: .5rem;
}

.idx_gbook .lanmu_title p,
.idx_gbook .lanmu_title span{
	color: #fff!important
}

.gbook_list>div{
	width: 100%;
	height: .9rem;border-radius: .35rem;
	background: #fff;
	margin-bottom: .3rem;
}
.gbook_list>div:last-child{
	margin-bottom: 0
}
.gbook_list>div input{
	display: block;width: 80%;height: 100%;
	border:0;background: none;line-height: .9rem;
	margin:auto;font-size: .25rem;
}

.gbook{
	background: rgba(255,255,255,.5);
	margin-top: .5rem;
	border-radius: .2rem;
	width: 89%;
	padding:.4rem 3%
}

.idx_gbook .more{
	margin-top: .5rem;
	border: 0;
}



/* 联系我们 */
.idx_link{
	padding: .5rem 0;
	background: #f5f5f5;
}

.idx_link_tel{
	min-height: 2.2rem;
	margin-top: .3rem;
}
.idx_link_tel .left{
	width: 4.7rem;
	height: 2.2rem;
	float: left;
}
.idx_link_tel .left .d_logo{
	margin-bottom: .2rem;
}
.idx_link_tel .left .img{
	width:1.18rem ;
	margin-right: .2rem;
}
.idx_link_tel .left .tel{
	font-size: .36rem;
	font-weight: bold;

}
.idx_link_tel .right{
	width: 2.2rem;
	height: 2.2rem;
	float: right;
	background: #ff7e00;
}

.idx_link_con{
	margin-top: .3rem;
}



/*  关于我们  */
.about{
	margin-top: .5rem;
}
.er_type a{
	border:.02rem solid #bbbbbb;
    text-align: center;
}
.er_type a:hover{
	border:.02rem solid #ff7e00
}
.er_type a.active{
	background: #ff7e00;
	color: #fff;
}
.con_con{
	margin:.2rem auto
}
.con_con img{
	display: inline-block;
	width: auto;
}


/* pro */
.pro{
	margin-top: .5rem;
}


.page a{
	width:46% ;margin:0 1%;
	height: .6rem;color: #fff;
	background: #ff7e00;font-size: .3rem;
	text-align: center;line-height: .6rem;
	border:0;display: inline-block;border-radius: .6rem;
}




.pro_show .show_title{
	text-align: center;color: #333333;
	font-size: .3rem;font-weight: bold;
}
.pro_show .show_pic{
	margin: .2rem auto;text-align: center;
	border: 1px solid #bbbbbb;
}

.pro_show .show_time{
	width: 3.5rem;float: right;
	font-size: .23rem;
	margin:.2rem auto
}



.pro_show .xx{
	font-size: .24rem;
	background: #f5f5f5;
	line-height: .6rem;
	height: .6rem;
	margin:.2rem 0;
	text-indent: 1em;
}

.fanye{
	margin:.5rem auto
}
.fanye>a{
	width:46% ;margin:0 1%;
	height: .6rem;color: #fff;
	background: #ff7e00;font-size: .3rem;
	text-align: center;line-height: .6rem;
	border:0;display: inline-block;border-radius: .6rem;
}