@charset 'utf8';
*{margin:0;padding:0;word-wrap:break-word;}
body{font:14px/1.75 "微软雅黑", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#444;min-width: 1349px;}
a{color:#333;text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
h3,h4{padding:0px; font-size:14px; font-weight:bold;}
.w1015{ width:1015px; overflow:hidden;}
.clear{ height:0px; clear:both; overflow:hidden;}
.blank10{ height:10px; overflow:hidden;}
.blank20{ height:20px; overflow:hidden;}
.blank40{ height:40px; overflow:hidden;}
.blank60{ height:60px; overflow:hidden;}
.clearfloat {clear:both;height:0; overflow:hidden;}
.center{ width: 1200px; margin: 0 auto; }

/*页面头部*/
#top{ width: 100%; margin: 0 auto; }

/*页面头部*/
#top .head{
	width:1175px;
	height:72px; 
	margin:0px auto; 
	overflow: hidden;
}

#top .head .logo{
	float: left;
	font-size: 25px; 

	font-weight: bold;
	color: #05306b
}
#top .head .logo img{
	height:70px;
	margin-top:-3px;

}
.tel{
    margin-top: 10px;
	font-family:"微软雅黑";
	font-size:17px;
	float: right;
	
}
.tel img{ float: left; width:64px;margin-top: 10px;}
.telimage{float: left;}
.telright{float: left;}
.telimage img{width: 47px;margin-top: -17px;}
.xiantel{
	margin-left: 10px;
	color:#0056a7;
	font-family: "Microsoft YaHei";
	font-size: 17px;
}
.toptel{
	height: 16px;
	letter-spacing: 3px;
	font-family: "Microsoft YaHei";
	color:#0056a7;
	font-weight: bold;

}
#menu{
	width: 100%;
	background:#0056a7;
	color: #fff;
}

.nav{
	width: 1100px;
	height:42px;
	margin: 0 auto;
}

.nav li{
	float: left;
	width: 154px;
	text-align:center;
	height:42px;
	line-height: 42px;
}
.nav li a{color: #fff;
}

.selection{background-color: #4cac26;
}



/*幻灯片样式*/
#slider {width: 100%; max-width: 11100px; min-width:1349px; height:auto; margin:0 auto; position: relative; z-index: 1;}
/* 轮播图 */
.slideBox{ width:100%; max-width: 11100px; min-width: 1349px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100vw;min-width:1349px;  display:block;}
/* 按钮样式 */
.slideBox .hd{ position:absolute; width: 100%; bottom:10px; height:15px; overflow:hidden; text-align: center; z-index:1;}
.slideBox .hd ul{ display: inline-block;}
.slideBox .hd ul li{ float:left; width: 100%; margin:0 5px;  width:45px; height:10px; border-radius: 5px; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#ff0000; color:#fff;}

/*关于我们*/
#about{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}
.cntitle{font-size:25px;font-weight: 400;}

.entitle{
	font-size: 15px;
	color: #989898;
	line-height: 5px;
	margin-top: 20px;
}

.titlexian{padding-top: 13px}
.aboutIndex{width: 100%;margin-top: 30px}
.aboutleft{float: left;width: 45%}

.aboutleft img{width:100%;}

.aboutright{float: right;width:50%}


.slideTxtBox{ width:100%;text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px;  padding:0 10px 0 20px; position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{width:82px;text-align: center; background-color: #0056a7; float:left; padding:0 15px; cursor:pointer; color: #fff;margin-right: 20px; }
.slideTxtBox .hd ul li.on{ height:30px;  background-color:#4cac26 ;  }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.aboutmore a{color: #0056a7}
.aboutCi{font-size: 16px;line-height:32px}


/*优势*/

#advantage{width: 100%;background-color: #f5f6f8;overflow: hidden;margin-top:50px}

.advIndex{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
	padding-bottom: 60px;
}

.advcontent{float: left;width:275px;}

.advcontent img{width: 130px;}

.advtitle{font-size: 20px;}

.advcontent ul{
	width:188px;
	font-size: 14px;
	padding-top: 10px; 
	margin: 0 auto; 
	color: #b2b2b3;
	text-align: left;
	padding-left: 65px;
}
.advcontent ul li{list-style-type:disc;}



/*服务*/

#service{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}

.serIndex{width: 100%;margin-top: 20px;}

.leftserIndex{width:50%;position:relative;height: 300px;float: left;}
.rightSerIndex{width:44%;float:right;}
.leftserIndex img{width: 100%;position: absolute;z-index: 1;top:0px;left: 0px;}

.servfont{
	text-align: left;
	margin:0 auto;
	width: 90%;
	position: absolute;
	z-index: 10;
	top:61px;
	left: 35px;
	color: #fff;
}


.serverslideTxtBox{ width:100%;text-align:left;  }
.serverslideTxtBox .hd{ height:30px; line-height:30px;  padding:0 10px 0 20px; position:relative; }
.serverslideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.serverslideTxtBox .hd ul li{width:82px;text-align: center; background-color: #0056a7; float:left; padding:0 15px; cursor:pointer; color: #fff;margin-right: 20px; }
.serverslideTxtBox .hd ul li.on{ height:30px;  background-color:#4cac26 ;  }
.serverslideTxtBox .bd{margin-left: 9px;}
.serverslideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.serverslideTxtBox .bd li{ height:40px; line-height:40px; color: #b2b2b3;font-size: 16px;  }
.serverslideTxtBox .bd li .date{ float:right; color:#999;  }
.serverCi ul {list-style-image: url('../images/serverli.png')}

/*.serverslideTxtBox .bd ul li{list-style-image: url('../images/eg_arrow.gif')}*/
.advcontent ul li{list-style-type:disc;}


/*产品*/

#productIndex{
width: 100%;background-color: #f5f6f8;overflow: hidden;margin-top:50px

}


.picMarquee-left{ width:100%; margin:0 auto; overflow:hidden; position:relative;   }
		.picMarquee-left .hd{}
		.picMarquee-left .hd .prev{ display:block;  width:33px; height:36px; float:left; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/proleft.png") no-repeat;margin-top:80px;padding-right:15px}
		.picMarquee-left .hd .next{ display:block;  width:33px; height:36px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/proright.png") no-repeat;margin-top:80px;}
		.picMarquee-left .hd .next{}
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:310px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }

/*案例*/
#case{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}

.caseRightColumn{width:100%;float: right;}

.caseIndex{width: 100%;height:500px;}

.caseLeft{width: 40%;float: left;margin-right: 20px;}

.caseRight{width:58%;float: right;}

.caseone{width:100%;height: 225px; position: relative;}
.caseone img{position: absolute;top:0;left: 0;width:100%}

.caseonefont{position: absolute;top:100px;left:45px;font-size:18px;font-family: "微软雅黑"}

.caseonefont3{position: absolute;top:34px;left:45px;font-size:16px;font-family: "微软雅黑";text-align: left;}

.caseonefontbott{width: 200px;text-align: left; position: absolute;top:150px;left:15px;font-size:18px;font-family: "微软雅黑"}
.case4img{width:50%;height: 225px; position: relative;float: left;}
.case4img img{position: absolute;top:140px;left: 0;width:100%;height: 120px;}
.caseonrmore{color: #000;font-size: 15px;text-align: left;}

.case2f{color: #fff;}

.morecase{color: #fff;margin-top: 60px;margin-left:90px;text-align: center;}


/*新闻*/

#news{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}



.serverslideNew .hd{width:265px;margin: 0 auto; height:30px; line-height:30px;  padding:0 10px 0 20px; position:relative; }
.serverslideNew .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.serverslideNew .hd ul li{height: 37px;line-height: 37px; width:82px;text-align: center; background-color: #b6b6b6; float:left; padding:0 15px; cursor:pointer; color: #fff;margin-right: 20px; }
.serverslideNew .hd ul li.on{ height:37px;  background-color:#1a84e8 ;  }


.serverslideNew .bd{ padding:10px;padding-top: 40px;   }
.serverslideNew .bd ul{ overflow:hidden; zoom:1; }
.serverslideNew .bd ul li{width: 100%; margin:0px; float:left; _display:inline; overflow:hidden; text-align:center; margin-bottom: 17px; }
.serverslideNew .bd ul li .pic{ text-align:center; }
.serverslideNew .bd ul li .pic img{ width:310px; display:block; padding:2px; border:1px solid #ccc; }
.serverslideNew .bd ul li .pic a:hover img{ border-color:#999;  }
.serverslideNew .bd ul li .title{ line-height:24px;   }

.newsLeft{float: left;width:44%;margin-right: 20px;position:relative ;}
.newsLeft img{width: 100%;position:relative ;}
.newsLeftFont{
	position: relative;
	top:-30px; 
	background-color: rgba(0,0,0,0.5);
	height: 30px;
	line-height: 30px;
	color: #fff;
}

.newsRight{float: left;width:49%;text-align: left;}

.newsRight ul li{margin-bottom: 20px;}

.newsIndextitle{float: left;}
.newsIndexdate{float: right;}

/*底部*/


#foot{width: 100%;background-color: #b5b5b5;padding-bottom:40px;}


.footcontent{width:1100px;margin: 0 auto;
	text-align: center;
	padding-top:30px;
	overflow: hidden;}

.footlogo{float: left;}
.footlogo img{width: 124px}
.footcontent ul {float: left;margin-left:90px;color: #f6f6f6}
.footcontent ul  li{margin-bottom: 20px;}
.mawei{width: 120px;;float: right;margin-right:90px;}
.mawei img{width: 120px;}
.wxh{color: #fff;}



/*关于我们*/

#aboutColumn{
	width:1100px;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
	overflow: hidden;
	margin-bottom: 100px;
}
.aboutClassification{ width: 100%;margin: 0 auto; }

.aboutClassification ul li{
	width: 270px;
	float: left;
}

.aboutDetails{width:80%;margin-top:80px;text-align: left;float: right}

#productColumn{
	width:1100px;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
	overflow: hidden;
	margin-bottom: 100px;
	margin-top:25px;
}

.prodctClass{
	float: left;
	font-size: 20px;
	color: #0056a7;
	font-weight: bold;
	border-bottom: 3px solid;overflow: hidden;
}

.weizhi{float: right;margin-top: 12px;}

.classList{width: 100%;overflow: hidden;}

.classhead{border-bottom: 1px solid;overflow: hidden;}

.productlistLeft{width:17%;float: left;margin-top: 30px}



.productlistLeft li.selected{color: #fff;background-color: #1c87ea}

.productlistLeft li{width:190px;height: 41px; background-color: #dcdcdc;margin-bottom:2px;line-height: 41px}

.productlistLeft li:nth-child(1){line-height:59px;background-color: #1c87ea;height:70px}

.plcn{font-size: 25px;color: #fff;}
.plen{font-size:15px;  margin-top: -33px;color: #fff;}
	



.productlistright{width:80%;float: right;}

.productlistright{margin-top: 30px;overflow: hidden;}
.productlistright ul li{width:269px; float: left;margin-right: 6px;margin-bottom: 30px;}

.productlistright ul li img{width: 100%}

.productpage{}

.tg_pages{ padding-top: 10px; padding-bottom: 10px; text-align: center; background: #f8f8f8;}

.tg_pages .num{ margin-left:5px; }
.tg_pages  a{ margin-right: 5px; padding-right: 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; border: 1px solid #CCC; background-color: #FFF; }


/*新闻*/

.newsList{width:100%;text-align: left;overflow: hidden;}
.newContentRight{width:100%;margin-top: 20px}
.newsList ul li{
	float: left;
	width: 100%;
	border-bottom: 1px dashed #000;
	padding-bottom: 10px;
	height: 30px;
	line-height:42px;
}

.newstitle{float:left;}
.newsdate{float: right;}


/*案例*/
.caseClassList{width: 100%; overflow: hidden;margin-top: 30px;margin-bottom: 30px}
.caseClassList ul li{width:336px; float: left;margin-right: 30px;margin-bottom: 10px;position: relative;height: 210px;}

/*.caseClassList ul li{margin-right: 0px}

.caseClassList ul li{margin-right: 0px}*/

/*.caseClassList ul li:nth-child(9){margin-right: 0px}*/
.caseClassList ul li img{width: 100%;max-height: 185px;}

.casetitle{    margin-top: 10px;
	bottom: 0px;
	position: absolute;
	text-align: center;
	width: 100%;
	/*margin-left: 28%;*/
}

.messageInfo{
	width: 520px;
	margin: 0 auto;
		
	padding-top:30px;
	overflow: hidden;
	padding-bottom: 30px;
	text-indent:2em
}

.formbutton{
	width: 300px;
}

#dituContents{ height: 300px;width:650px; margin: 20px auto; float: left;margin-left: 30px}

.contentInfoLeft{width: 400px;float: left;margin-top: 50px;text-align: left;}

#content{
	width:1100px;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
	overflow: hidden;
	margin-bottom: 100px;
	margin-top:25px;
}

.contenttitle{font-size: 20px;font-weight: bold;}

.artcontent{text-align: left;text-indent: 2rem;margin-top: 20px;line-height: 35px;}

.artInfo{margin-top: 20px;}

.artlast{float: left;}

.artnext{float: right}

.artlist{margin-top: 20px;}


/*手机端*/

#onMessage{display: none;}

#contantInfo{display: none;}

.telfoot{display: none;}

#ahMessageFloat{position: fixed; right: 10px; bottom: 0px; width: 100px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #09c; cursor: pointer;}

.messageList{width:800px;margin: 0 auto;text-align: left;}
.meList{color: #000;font-weight: bold}
.messList{padding:20px 0px;overflow: hidden}
.contacts{color:#000;font-weight:600;}

.messageContent{margin-top: 10px;color:#000;font-weight:600 }

.huifu{color: #000;margin-top: 20px;font-weight: bold}

.messagehuiContent{margin-top: 10px;color:#000;font-weight:bold; width:94%;background-color: #f3f3f3;padding:2% }

.contactsinfo{margin-right:30px;}

.delbutton{float: right}
.messinfo{text-indent: 2rem}

.layui-input-block{margin-left: 0px;}