@charset "utf-8";

/*全局控制*/
body{width:100%;margin:0;padding:0;font-family:"微软雅黑"; color:#565656;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{width:100%;height:auto;display: block;border:0;vertical-align:center;}ul,li{list-style:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.op{opacity: 0}
.flex{display:flex;}
.wrap{flex-wrap: wrap;}
a{text-decoration:none;color:#000;cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor: pointer;border:0;}


.box{width:1200px;margin:auto;}



.top_head{
	height: 75px;line-height: 75px;
	background: #f5f5f5;
	font-size: 16px
}
.top_head{
	font-size: 16px
}
.top_head .fr a{
	display: inline-block;
	font-size: 16px
}


/*头部*/
.head{width:100%;height:100px;background: #ffffff;}
.head_l{height:52px;margin-top: 24px}
.head_l img{height:52px;width:auto;}
.logo_zi{color: #1c8a65;margin:10px 20px;}
.logo_zi>p:nth-child(1){font-size: 32px;margin:10px 0;}
.logo_zi>p:nth-child(2){font-size: 18px;letter-spacing: 10px}

.head_r{height:52px;width:280px;margin-top: 24px}
.head_r img{width:50px;height:50px;position: relative;top: 5px}
.head_r .tel_zi{width:205px }
.head_r .tel_zi p{color: #333;font-size: 18px}
.head_r .tel_zi span{font-size: 30px;color:#0099ff;font-weight: bold;}


	/*导航*/
.nav{width:100%;height:50px;background: #007eff;position: relative;z-index:999;}
.nav ul{height:50px;}
.nav ul>li {width:200px;height:100%;display: inline-block;line-height: 50px}
.nav ul>li:hover{background: #ff7e00}
.nav ul>li>a{color:#fff;font-size: 18px}

.nav ul>li ol{display: none;margin-top: -2px;background: rgba(0,0,0,.5)}
.nav ul>li:hover ol{display: block;padding:5px 0;}
.nav ul>li ol li>a{color:#fff;font-size: 16px;width: 90%;height:30px;
	display: block;text-align: center;
	margin:5px auto;line-height: 30px
}
.nav ul>li ol li:hover >a{background: #ff7e00}


/*banner*/

.banner{position: relative;}
.banner .hd{
	width:100%;height:10px;
	position: absolute;bottom:30px;text-align: center
}
.banner .hd li{
	width: 10px;height:10px;border-radius: 5px; background: #8eaccc;margin:0 5px;
	display: inline-block;text-align: center;transition: all .5s
}
.banner .hd li.on{
	width:110px;background: #ff7e00
}




/*我们的优势*/

.idx_ys{
	background: #f5f5f5;padding: 80px 0
}

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

.ys_list{
	text-align:center;
	margin-top: 30px
}
.ys_list>div{
	display: inline-block;
	margin:0 30px;font-size: 0;
	width: 200px;
	vertical-align: text-top;
}

.ys_list>div .img{
	width: 170px;height:190px;
	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:auto;
	top: 0;left: 0;right: 0;bottom: 0;
	margin:auto
}

.ys_list>div .title{
	font-size: 24px;font-weight: bold;
	color: #000000;
	margin:30px 0 20px 0;
}
.ys_list>div .con{
	font-size: 14px;
}



/*产品展示*/

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

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


.pro_type{
	margin:40px auto;
}
.pro_type>a{
	display: inline-block;font-size: 0;
	width: 280px;height: 60px;border-radius: 30px;
	color: #333333;background: #fff;text-align: center;
	line-height: 60px;margin:5px 10px;font-size: 20px;
	vertical-align: text-top;
}
.pro_type>a:hover{
	color: #fff;background: #ff7e00;
}


.pro_list>div{
	width: 380px;margin-right: 30px;
	float: left;margin-bottom: 50px;
}
.pro_list>div:nth-child(3n){
	margin-right: 0
}

.pro_list>div .img{
	height: 250px;overflow: hidden;
	/*border:1px solid #c9c9c9;*/
	border-bottom: 0;
}
.pro_list>div .title{
	width:380px;height:58px;
	/*border:1px solid #c9c9c9;*/
	text-align: center;line-height: 58px;font-size: 20px;
	background: #fff
}
.pro_list>div:hover .title{
	background: #ff7e00;color: #fff
}

.more{
	width: 300px;height:60px;font-size: 24px;
	text-align: center;line-height: 60px;
	display: block;background: #ff7e00;color: #fff;
	border-radius: 30px;margin: auto
}



/*工程案例*/

.idx_anli{margin-top: 80px}
.anli_list{
	margin-top: 45px
}
.anli_list>div{
	width: 280px;margin-right: 20px;
	float: left;margin-bottom: 30px;
}
.anli_list>div:nth-child(4n){
	margin-right: 0
}

.anli_list>div .img{
	height: 185px;overflow: hidden;
}
.anli_list>div .title{
	width:278px;height:58px;
	border:1px solid #c9c9c9;
	text-align: center;line-height: 58px;font-size: 20px;
	background: #fff;margin-top: 15px
}
.anli_list>div:hover .title{
	background: #007eff;color: #fff
}


/*公司简介*/
.idx_ab{
	width:100%;
	overflow: hidden;
	margin:80px 0;
}
.idx_ab .box{
	position: relative;
}
.idx_ab .left{
	padding:70px 0;background: #007eff;
	color: #fff;width:460px;position: relative;
	padding-right: 140px
}
.idx_ab .left:after{
	content:'';
	position: absolute;
	width:100%;height:100%;
	left: -600px;background: #007eff;top: 0
}

.idx_ab .left>p{
	font-size: 48px;text-transform: uppercase;font-weight: bold;
}
.idx_ab .left>span{
	font-size: 36px;text-transform: uppercase;font-weight: bold;
}
.idx_ab .left>div{
	margin:20px 0;
}
.idx_ab .left>a{
	width: 180px;margin:0;height: 40px;
	line-height: 40px
}

.idx_ab .right{
	padding:70px 0;
	position: absolute;
	top: 0;left:500px
}
.idx_ab .right img{
	width: auto;
	height:100%;
}



/* idx_news */

.idx_news_list{
	margin-top: 50px;
}
.idx_news_list>div{
	float:left;
	width: 400px;
}
.idx_news_list>div .con{
	width:349px ;
	height:200px;
	padding:30px 25px;
	color: #333333;
}
.idx_news_list>div .con:hover{
	background: #007eff;
	color: #fff;
}
.idx_news_list>div .con .time{
	font-size: 16px;
}
.idx_news_list>div .con .title{
	font-size: 18px;font-weight: bold;
}
.idx_news_list>div div{
	font-size: 16px;line-height: 2;
}
.idx_news_list>div .con span{
	display: inline-block;
	width:90px;
}

.idx_news .more{
	margin:50px auto
}


/* 在线留言 */

.idx_gbook{
	background: url(../images/gbook_bg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding:75px 0;
}

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

.gbook{
	background: rgba(255,255,255,.4);
	padding:50px 100px;
	margin-top: 50px;
	border-radius: 20px;
	width:1000px
}

.gbook_list>div{
	width: 300px;
	height: 40px;border-radius: 20px;
	float: left;margin-right:50px;
	background: #fff;
}
.gbook_list>div:nth-child(3n){
	margin-right: 0;
}
.gbook_list>div input{
	display: block;width: 80%;height: 100%;
	border:0;background: none;
	margin:auto;font-size: 18px;
}
.gbook textarea{
	display: block;
	font-family:"微软雅黑";
	resize: none;
	width:960px;height:170px;
	border-radius: 20px;margin-top: 30px;
	border:0;padding:20px;font-size: 18px;
}
.gbook textarea::-webkit-input-placeholder {
    font-family:"微软雅黑";
}
.gbook textarea::-moz-placeholder {
   font-family:"微软雅黑";
}
.gbook textarea::-moz-placeholder {
   font-family:"微软雅黑";
}
.gbook textarea::-ms-input-placeholder {
  font-family:"微软雅黑";
}

.idx_gbook .more{
	margin-top: 50px;
}




/*底部*/
.foot{
	background: #333333;
	overflow: hidden;
}

.foot .fenge{
width:1px;height:240px;
margin-left: 50px;
margin-top: 50px;

}

.foot .fenge img{
	height:100%;
}

.foot1{
	width: 340px;
	margin-top: 100px;
}
.foot1_tel{margin-top: 45px;}
.foot1_tel .tel{
	width: 78px;margin-right: 10px;
}
.foot1_tel .tel_zi{
	font-size: 24px;color: #fff;
	font-weight: bold;
}
.foot2{
	margin: 75px 20px 0 50px;
	width: 460px;
	color: #fff;font-size: 16px;
	line-height: 1.5;
}
.foot3{
	margin-top: 100px;
}
.foot3 .ewm{
	width:140px;
	height:140px;background: #ff7e00
}
.foot3 p{
	font-size:18px;text-align: center;
	margin-top: 15px;color:#fff
}


.fengeh{
	width: 1170px;margin:auto;margin-top:60px
}

.dibu{
	text-align: center;
	background:#333333;font-size: 18px;color: #adadad
}




/* 二级 */
.about{
	margin-top:50px
}
.er_type a{
	border:1px solid #bbbbbb;
	margin:5px 7px
}
.er_type a:hover{
	border:1px solid #ff7e00
}
.er_type a.active{
	background: #ff7e00;
	color: #fff;
}

.con_con{
	margin:20px auto
}
.con_con img{
	width: auto;display: inline-block;
}


.pro_con{
	margin-top: 50px;
}

.er_pro_list>div:hover .title{
	background-color: #007eff
}

.page{
	font-size: 0;
	margin-bottom:50px
}
.page a{
	display: inline-block;
	font-size: 16px;
	margin:5px;
	height: 40px;text-align: center;
	line-height: 40px;
	width: 40px;border:1px solid #c9c9c9;
	color: #262626;
}
.page a:hover,
.page a.select{
	background-color: #007eff;
	border-color: #007eff;
	color: #fff;
}
.page a:nth-child(1),
.page a:nth-child(2),
.page a:nth-last-child(1),
.page a:nth-last-child(2),
.page a:nth-last-child(3){
	width: 80px;
}



.pro_show .show_title{
	text-align: center;color: #333333;
	font-size: 24px;
}
.pro_show .show_pic{
	margin: 20px auto;text-align: center;
}
.pro_show .show_pic img{
	display: inline-block;
	width: auto;border: 1px solid #bbbbbb;
}
.pro_show .show_time{
	width: 350px;float: right;
	font-size: 16px;
	margin:20px auto
}



.pro_show .xx{
	font-size: 24px;
	background: #f5f5f5;
	line-height: 60px;
	height: 60px;
	margin:20px 0;
	text-indent: 1em;
}
.fanye{
	margin:50px auto
}
.fanye>a{
	display: block;
	width: 400px;height: 40px;
	border:1px solid #c9c9c9;
	line-height: 40px;
	text-align: center;
}
.fanye>a:hover{
	background: #007eff;
	color: #fff;
}


.news_list>div{
	width: 1160px;
	height: 160px;
	padding:20px;
	border: 1px solid #bbbbbb;
	margin-bottom: 20px;
}

.news_list>div .img{
	width: 246px;
	height: 160px;
	overflow: hidden;
}
.news_list>div .img img{
	height: 100%;width: auto;
}
.news_list>div .con{
	width: 890px;
}

.news_list>div .con p{
	font-size: 18px;font-weight: bold;
	color: #333;hieght:40px;line-height: 40px;
}
.news_list>div .con p span{
	font-size: 16px;display: inline-block;
	float: right;
}
.news_list>div .con div{
	height: 110px;line-height: 2;
	font-size: 16px;
}
.news_list>div .con a{
	display: block;
}
.news_list>div .con a img{
	width: auto;
}

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