@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:1210px;
	height:82px; 
	margin:0px auto; 
	overflow: hidden;
}

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

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

}
.tel{
    margin-top: 10px;
	font-family:"微软雅黑";
	font-size:17px;
	float: right;
	
}
.tel img{ float: left; width:62px;margin-top: 10px;}
.telimage{float: left;}
.telright{float: left;}
.telimage img{width: 47px;margin-top: -17px;}
.xiantel{
	margin-left: 10px;
	color:#1c87ea;
	font-family: "Microsoft YaHei";
	font-size: 19px;
}
.toptel{
	height: 16px;
	letter-spacing: 3px;
	font-family: "Microsoft YaHei";
	color:#1c87ea;
	font-weight: bold;
	margin-top:4px;
	font-size: 19px
}
#menu{
	width: 100%;
	background:#1c87ea;
	color: #fff;
}

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

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

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



/*幻灯片样式*/
#slider {width: 100%; max-width: 11200px; min-width:1349px; height:auto; margin:0 auto; position: relative; z-index: 1;}
/* 轮播图 */
.slideBox{ width:100%; max-width: 11200px; 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:10px; height:10px; border-radius: 5px; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#ff0000; color:#fff;}


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

.producrCenter{font-size: 35px;font-weight: bold;margin:0 20px;color: #000}

.leftxian{
	width:50px;
	border-top:2px solid #000;
	padding-top:9px;
	display: inline-block;
}

.subtit{color: #989898}

.productcontent{margin-top: 20px}

.productlist{width: 200px;float: left;}



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

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

.leftpeo .prod{line-height:59px;background-color: #1c87ea;height:70px}

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

.productimg{width:100%}
/*.productimg ul li {float: left;margin:0px 10px 10px 10px;}

.productimg ul li img{width:313px;}*/
.productimg ul li {float: left;margin:0px 10px 10px 10px;border: 1px solid #9d8b8b}

.productimg ul li img{width:278px;height:186px}
.producttile{margin-top: 10px;}


/*关于我们*/

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

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

.abouttent{margin-top: 20px;}

.aboutleft{width:600px;text-align: left;float: left;padding-bottom: 50px}

.aboutqyname{font-weight: bold;}

.aboutright{float: right;}

.aboutright img{width:546px;}

.aboutmore{
		width: 150px;
		height: 35px;
		background-color: #1c87ea;
		color: #fff;
		font-size: 15px;
		line-height: 35px;
		text-align: center;
		margin-top: 20px;
	}

	/*案例*/



#case{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}
.casecontent ul{overflow: hidden}
.casecontent ul li{
	float: left;
	width:390px;
	margin-right: 10px;
	color: #8b8b8b;
	background-color: #f6f9fc;
	margin-bottom: 25px;
	overflow: hidden;
}	

.casecontent ul li img{width: 100%}

.casename{
	height: 35px;overflow: hidden;
	font-size:20px;font-family: "Microsoft YaHei";margin-top:15px}

.abstract{text-align: left;
	margin-top: 10px;
	width: 270px;
	margin: 0 auto;
	margin-bottom: 20px;
	height: 58px;
}


.casemore{
	width: 70px;
	height: 25px;
	background-color: #c3c3c3;
	color: #fff;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	margin-left: 75px;
}

.casename:hover{
 	color: #6ca8ef
}

.morecase{
	width: 150px;
	height: 35px;
	line-height: 40px;
	background-color: #1c87ea;
	overflow: hidden;
	color: #fff;
	margin: 0 auto;

}

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

.newscon ul{margin-bottom: 30px;overflow: hidden;}
.newscon ul li{
	float:left;
	width:593px;
	height:120px; 
	background-color: #f6f9fc;
	margin-bottom: 20px;

}

.newscon ul li:nth-child(1){margin-right: 10px;}

.newscon ul li:nth-child(3){margin-right: 10px;}
.newscon ul li:nth-child(5){margin-right: 10px;}

.newscon ul li img{float: left;height: 100%;width:155px }

.newslist{float: left;width:390px;text-align: left;margin-left: 5px;}

.newstitle{font-size: 16px;font-family: "Microsoft YaHei";margin-top: 5px;}

.newsabstract{margin-top: 5px;color: #a4a4a4;font-size:10px;}

.newslistmore{
	width: 80px;
	height: 26px;
	line-height:26px;
	background-color: #1c87ea;
	color: #fff;
	text-align: center;
	margin-top:7px;
}

.morenews{
	width: 150px;
	height: 35px;
	line-height: 40px;
	background-color: #1c87ea;
	overflow: hidden;
	color: #fff;
	margin: 0 auto;

}

.morenews a{
	color: #fff;
}

#contact{
	width: 100%;

	background-color: #eaecef;
	margin-top: 50px;
	padding-bottom: 30px;
}

.concontent{width:1200px;margin: 0 auto;
	text-align: center;
	padding-top:20px;
	overflow: hidden; }



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


.contactleft{width:500px;float:left;text-align: left;margin-top: 30px;font-size: 20px;line-height: 53px}
.contactleft p{padding-left:90px;}
.conright{width: 650px;float: left;}

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

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

.footcontent ul {width:200px; float: left;color: #f6f6f6}
.footcontent .footpro{width:350px; float: left;}
.footpro li{float: left;width: 115px;margin-right:50px;}
.wxh{color: #fff}

.footli{color: #f6f6f6}

/*关于我们*/



.aboutInfo{
		width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;
	 }

.aboutInforight{width:560px;float: right;}

.aboutInforight img{width: 100%;}

.aboutInfoleft{width:600px;float: left;text-align:left;padding-top: 30px}

/*新闻*/
.newsInfo{
	width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;
}

.newsInfo ul li{border-bottom: 1px dashed #adadad;overflow: hidden;padding-bottom: 10px;}

.newsInfoLeft{
	width: 200px;
	float: left;

}
.newsInfoLeft img{width: 100%}

.newsInfoRight{float:left;text-align: left;margin-left: 20px;width:660px}

.newsInfotitle{ color: #333333;
    font-size: 16px;}

.newsInfoabstract{    margin-top: 5px;
	text-indent:2em;
    font-size: 14px;
    color: #888;}

.newsinfos{margin-top: 10px;}


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

.tg_pages li{ display: inline; line-height: 22px; }
.num{ margin-right: 5px; padding-right: 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; border: 1px solid #CCC; background-color: #FFF; }

.tg_pages div a{margin: 0 8px;}

/*产品中心*/
.productInfolist{width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;}



.productlistright{float: left;width:1000px;padding-bottom: 20px;}

.productlistright ul li{float: left;margin-right:27px;margin-left: 26px; border:1px solid #000;margin-bottom: 20px}

.productlistright ul li img{width: 278px;height:176px}
.prolist{width: 100%;overflow: hidden;}
.productpage{margin-left: 190px;}

.baike{width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;}

.baikecontent{text-align: left;text-indent:2em;margin-top: 20px;}

.bengbk{font-size: 23px;}

.shangcontent{width: 1200px;
		margin: 0 auto;
		text-align: left;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;text-indent:2em}


.contentInfo{width: 1200px;
		margin: 0 auto;
		text-align: left;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;text-indent:2em}


.contentInfoLeft{width: 500px;float: left;margin-top: 50px;}

.contentInfoLeft p{margin-left:70px;}
.contentInfoRight{width:400px;float: left;}

.messageInfo{width: 800px;
		margin: 0 auto;

		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;text-indent:2em}

.telfoot{display: none;}


.ContentInfo{width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		overflow: hidden;
		padding-bottom: 30px;text-indent:2em}



/*产品详情*/
#ny_content .ny_left {
	text-indent: 0;
    width: 240px;
    float: left;
}
.zc_l {
    width: 240px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.menu_top {
    width: 210px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 0 30px;
    background-color: #0f7adb;
}
.menu_top h3 {
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #fff;
    font-size: 24px;
    margin: 20px 0 6px 0;
    padding: 0;
}
.menu_top p {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.zc_l .pro_menu {
    padding: 20px 0 10px;
    border: 1px solid #e5e5e5;
        border-top-color: rgb(229, 229, 229);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: none;
}
.zc_l .pro_menu li {
    height: 40px;
    line-height: 40px;
    background: url(../images/ico2.gif) no-repeat 10px center;
    padding-left: 30px;
    margin-bottom: 10px;
    overflow: hidden;
}
.zc_l .pro_menu dl {
    margin-left: 20px;
}
.pro_button a {
    width: 99%;
    border: 1px solid #ccc;
    background: #f9f9f9;
    color: #333;
    text-align: center;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    display: block;
    margin: 5px auto;
    clear: both;
}


#ny_newslb_box {
    clear: both;
    margin-top: 20px;
}
#ny_newslb_box li {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px dotted #e5e5e5;
    font-size: 14px;
    overflow: hidden;
    background: url(../images/ico3.gif) no-repeat left center;
    padding: 0 10px 0 15px;
}
#ny_newslb_box li a {
    color: #666;
    float: left;
}
#ny_content .ny_right {
		text-indent: 0;
    width: 930px;
    float: right;
}
#ny_bt {
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
#ny_bt b {
    font-size: 18px;
    color: #0f7adb;
    width: 95px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-bottom: 2px solid #0f7adb;
    text-indent: 0;
}
#ny_bt span {
    float: right;
    margin: 15px 8px 0 0;
    font-size: 12px;
}
#ny_con {
    line-height: 22px;
    padding: 0 10px;
}
#nr_main_box {
    padding: 15px;
    line-height: 22px;
}
#pro_detail_box01 {
    width: 100%;
    height: 280px;
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#pro_detail_text {
    float: right;
    height: 260px;
    width: 500px;
    _width: 500px;
    display: block;
    font-size: 12px;
}
#pro_detail_text h1 {
    font-size: 18px;
    line-height: 23px;
    color: #333;
    margin: 12px 0;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
#pro_detail_text p.gxsj {
    font-size: 14px;
}
#pro_detail_text .bt {
    font-size: 14px;
    margin: 5px 0 10px;
}
#pro_detail_text .xqms {
    height: 110px;
    overflow: hidden;
    line-height: 23px;
    margin-bottom: 10px;
}
.c_prodetail {
    padding: 10px;
    border: 1px solid #E6E6E6;
    margin-top: 10px;
}
.c_prodetail p {
    margin-top: 6px;
}
.c_prodetail p img {
    vertical-align: middle;
    margin-right: 4px;
    margin-left: 1px;
    border: 0px none;
}
#preview {
    text-align: center;
    width: 350px;
    float: left;
    margin-bottom: 20px;
}
#preview .proimg_xq {

    width: 350px;
    height: 300px;
    border: 1px solid #ddd;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#preview .proimg_xq .xqimg {
    width: 350px;
    line-height: 300px;
    height: 300px;
    text-align: center;
    position: static;
    +position: absolute;
    top: 50%;
}
#preview .proimg_xq img {
    vertical-align: middle;
    position: static;
    +position: relative;
    top: -50%;
    left: -50%;
    max-width: 320px;
    max-height: 290px;
}

#clear{ width: 100%; clear: both; }
.slideTxtBox{
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.slideTxtBox .hd{
    height: 33px;
    line-height: 35px;
    border-bottom: 2px solid #0168e9;
}

.slideTxtBox .hd li {
    float: left;
    list-style-type: none;
    height: 33px;
    margin-right: 3px;
}

.slideTxtBox .hd li.on {
    background-position: left top;
    position: relative;
    height: 33px;
}


.slideTxtBox .hd li a {
    color: #333;
    line-height: 33px;
    height: 33px;
    width: 102px;
    background: #ddd;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 14px;
}

.slideTxtBox .hd li.on a {
    width: 102px;
    height: 33px;
    background: #0168e9;
    color: #fff;
}

.slideTxtBox .bd .productlistright ul li {
	text-align: center;
	margin: 5px
}

.slideTxtBox .bd .layui-btn{ background-color: #0f7adb; }
.slideTxtBox .bd .layui-btn.layui-btn-primary{ background-color: #fff; }






.contentTitle{font-size: 25px;}

.contentContent{text-align: left;font-size: 16px;}


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

.nextpre{margin-top: 80px;}

.preart{
	float: left;
}

.nextart{float: right}

.ketime{
	float: right;}

.ketitle{float: left}

.baicon{width: 100%}


.newsInfo ul li{margin-top: 10px;}


.messageList{width:600px;margin: 0 auto;}
.meList{color: #000;font-weight: bold}
.messList{border-bottom:1px dashed #000; padding:20px 0px;overflow: hidden}
.contacts{color:#000;font-weight:600;}

.messageContent{margin-top: 10px;color:#a9a9a9; }

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

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

#ahTel{display: none}
.mawei img{width: 137px;height: auto;}	
.mawei{float: right;margin-right: 30%;}