*{margin:0px;padding:0px;font-family:"微软雅黑";}
a{text-decoration:none;}
ul li{list-style:none;}
.clear{clear:both;}
.floatleft{float:left}
.floatright{float:right;}
.container{width:1170px;margin:0 auto;}
.width100{width:100%;}
img,input{border:0;}
h3,h2{font-weight:normal;}

.header{height:134px;background:url(../images/1.png);position:absolute;top:0;left:0;z-index:999;}
.header .container .logonav{width:100%;height:95px;}
.header .container .logonav a.logo{display:inline-block;width:424px;height:95px;background:url(../images/2.png) no-repeat center;}
.header .container .logonav .phone{width:284px;height:95px;background:url(../images/3.1.png) no-repeat center;}
.header .container .mainnav{width:100%;height:39px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ position:relative; z-index:1;   color:#fff; height:40px; line-height:40px;   }
.nav{ width:1240px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ width:64px;font-size:100%; font-weight:normal; font-size:16px;  }
.nav .m{  position:relative; float:left;  margin-right:73px; display:inline; text-align:center;   }
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; }
.nav h3 a{  zoom:1;  height:16px; line-height:16px; padding:7px 0;  display:block; color:#333;}
.nav .on h3 a{ border-bottom:2px solid #2F3132;   }
.nav .sub{ display:none; /*默认隐藏*/ width:320px; padding:10px 15px 10px 20px;  position:absolute;left:-25px; top:40px;  background:url(../images/16.png);  float:left; line-height:30px; }
.nav .sub li{ text-align:left;  }
.nav .sub li a{ color:#333; display:block; zoom:1;}
.nav .sub li a:hover{text-decoration:underline;}
.nav .sub .sub_left{ width:150px;}
.nav .sub .tittu{ margin-top:5px;}
.nav .sub .sub_left ul li{ width:75px;float:left;}
.nav .sub .sub_left ul li a{ font-size:14px;color:#eee;}
.nav #m2 .sub{ z-index:1; width:980px; left:-116px;  }
.nav ul.product{width:376px;}
.nav ul.product .sub_left{width:206px;}
.nav ul.product .sub_left ul li{width:103px;}
.nav ul.yanfa{width:350px;}
.nav ul.yanfa .sub_left{width:180px;}
.nav ul.yanfa .sub_left ul li{width:90px;}



.banner{height:650px;}
.banner .focusBox { position: relative; width:100%; height:550650pxpx; overflow: hidden; }
.banner .focusBox .pic{ position:relative; z-index:0; }
.banner .focusBox .pic li { width:100%; height:650px; }
.banner .focusBox .pic img { width:100%; height:650px; display: block; }
.banner .focusBox .hd { width:100%; height:32px;line-height:35px;background:url(../images/17.png);position: absolute; bottom:0px;*bottom:20px;*padding-top:9px;*height:24px;left:0px; text-align: center;  z-index:1; }
.banner .focusBox .hd li{margin: 0 3px; background: url(../images/8.png) no-repeat 3px 3px; height:16px;overflow:hidden;width:16px;cursor: pointer;display:inline-block; *display:inline; zoom:1;  *margin-bottom:4px;*background: url(../images/8.png) no-repeat 3px 3px;}
.banner .focusBox .hd .on{ background: url(../images/7.png) no-repeat 3px 3px;}
.banner .focusBox .prev,.banner .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; position: absolute; top: 61%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80);opacity:0.8;  }
.banner .focusBox .prev {background: url(../images/5.png) no-repeat center;left:2%;}
.banner .focusBox .next { background: url(../images/6.png) no-repeat center; right:2%;}
.banner .focusBox .prev:hover,
.banner .focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }

.block{padding-top:40px;padding-bottom:40px;}
.block ul{width:1200px;}
.block ul li{float:left;width:280px;height:280px;background:#eee;margin-right:16px;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;-webkit-transition:all 300ms linear;}
.block ul li .imgcon{width:280px;height:160px;overflow:hidden;}
.block ul li .imgcon img{-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;-webkit-transition:all 300ms linear;}
.block ul li .describe{width:240px;height:90px;padding:15px 20px;}
.block ul li .describe h3{font-size:16px;color:#0077c8;line-height:20px;margin-bottom:8px;}
.block ul li .describe .intro{font-size:12px;color:#666666;line-height:19px;height:42px;overflow:hidden;}
.block ul li .describe .intro p a{color:#666666;}
.block ul li .describe .intro p a:hover{text-decoration:underline;}
.block ul li:hover{background:#ddd;}
.block ul li:hover .imgcon img{-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}
a.more{font-size:10px;color:#888;line-height:26px;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;-webkit-transition:all 300ms linear;}
.block ul li:hover a.more{color:#0e56a2;text-decoration:underline;}

.footer{background:#E0E0E0;height:65px;padding:20px 0;}
.footer .container .logo{margin-left:60px;width:262px;height:65px;background:url(../images/13.png) no-repeat center;}
.footer .container .middle{text-align:center;margin-left:65px;}
.footer .container .middle .sonnav{margin-top:8px;margin-bottom:40px;}
.footer .container .middle .sonnav ul li{float:left;padding:0 12px;background:url(../images/14.jpg) no-repeat right center;}
.footer .container .middle .sonnav ul li:last-child{background:none;}
.footer .container .middle .sonnav ul li a{font-size:14px;color:#333;line-height:28px;}
.footer .container .middle .sonnav ul li a:hover{text-decoration:underline;}
.footer .container .middle p{font-size:14px;color:#333;line-height:28px;}

.qq{position:absolute;bottom:100px;right:0;width:100px;height:92px;}
.qq a.q{display:block;width:100px;height:92px;overflow:hidden;}

.banner1{height:400px;background:url(../images/19.jpg) no-repeat center;}

.sonblock .soncon{padding:40px 20px;position:relative;}
.sonblock .soncon .sontopbg{width:1188px;height:178px;background:url(../images/18.png) no-repeat left top;position:absolute;left:-8px;top:15px;}
.sonblock .soncon .sonleft .sonnav{width:235px;margin-bottom:20px;position: relative;}
.sonblock .soncon .sonleft .sonnav .top{width:235px;height:73px;background:url(../images/20.png) no-repeat center;margin-bottom:2px;}
.sonblock .soncon .sonleft .sonnav .top .le{padding-left:30px;width:50px;height:69px;font-size:53px;color:#0077c8;line-height:68px;}
.sonblock .soncon .sonleft .sonnav .top .ri p.ying{padding-top:17px;font-size:12px;color:#0077c8;line-height:2px;margin-bottom:15px;}
.sonblock .soncon .sonleft .sonnav .top .ri p.zhong{width:110px;font-size:16px;color:#888888;line-height:25px;background:url(../images/26.png) no-repeat right center;}
.sonblock .soncon .sonleft .sonnav ul li{height:37px;line-height:37px;padding:0 15px;}
.sonblock .soncon .sonleft .sonnav ul li a{display:block;font-size:14px;color:#555;line-height:37px;background:url(../images/21.png) no-repeat right center;}
.sonblock .soncon .sonleft .sonnav ul li:hover,.sonblock .soncon .sonleft .sonnav ul li.hover{background:#5CA8DC;}
.sonblock .soncon .sonleft .sonnav ul li:hover a,.sonblock .soncon .sonleft .sonnav ul li.hover a{color:#fff;background:url(../images/22.png) no-repeat right center;}
.sonblock .soncon .sonleft a.contact,.sonblock .soncon .sonleft a.product{display:block;width:235px;height:120px;margin-bottom:20px;}
.sonblock .soncon .sonright {margin-left:35px;width:860px;position: relative;}
.sonblock .soncon .sonright .position{height:28px;padding-top:0px;width:860px;border-bottom:1px solid #DDDDDD;}
.sonblock .soncon .sonright .position h3{font-size:16px;color:#0077c8;line-height:22px;background:url(../images/25.jpg) no-repeat left center;padding-left:20px;}
.sonblock .soncon .sonright .position p{font-size:14px;color:#888;line-height:22px;}
.sonblock .soncon .sonright .position p a{color:#888;margin:0 5px;}
.sonblock .soncon .sonright .txtcon{padding:10px;}
.sonblock .soncon .sonright .txtcon ul.newlist li{width:840px;height:128px;overflow:hidden;padding:10px 0;border-bottom:1px solid #ddd;margin-bottom:5px;}
.sonblock .soncon .sonright .txtcon ul.newlist li .left{width:180px;height:120px;overflow:hidden;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right{width:630px;height:120px;overflow:hidden;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right h3{font-size:16px;color:#0077c8;line-height:22px;margin-bottom:5px;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right p{font-size:14px;color:#888;line-height:22px;margin-bottom:5px;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right p span{margin-right:10px;color:#888;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right h3 a{color:#0077c8;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right .tro a{color:#888;}
.sonblock .soncon .sonright .txtcon ul.newlist li .right .tro{font-size:14px;color:#666;line-height:22px;}
.sonblock .soncon .sonright .txtcon ul.product{width:860px;}
.sonblock .soncon .sonright .txtcon ul.product li{float:left;width:200px;height:230px; margin-bottom: 15px;margin-right:11px;}
.sonblock .soncon .sonright .txtcon ul.product li .img{width:190px;height:190px;padding:5px;border:1px solid #ddd;}
.sonblock .soncon .sonright .txtcon ul.product li p{text-align:center;font-size:15px;line-height:30px;height:30px;overflow:hidden;}
.sonblock .soncon .sonright .txtcon ul.product li p a{color:#666;}
.sonblock .soncon .sonright .txtcon ul.product li:hover  .img{border:1px solid #0077C8;}
.sonblock .soncon .sonright .txtcon ul.product li:hover  p a{color:#333;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom a{ color:#0077C8;margin:0 3px;}

/*在线客服*/
.online-qq {
	position: fixed;
	top: 50%;
	right: 3px;
	z-index: 200;
    margin-top:-100px;
}
.online-qq .qq_content {
	background: #fff;
	margin: 0;
	padding: 0;
}
.online-qq .qq_content .dt {
	text-align: center;
	background: #202020;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 15px;
	border: 1px solid #ddd;
	border-bottom: 0;
}
.online-qq .qq_content .qq1 {
	padding: 10px 10px 5px;
	margin: 0;
	border: 1px solid #ddd;
	border-top: 0;
}
.online-qq .qq_content .qq1 p {
	background: url(images/online_qq.png) repeat-x 0 -33px;
	margin: 0 0 5px
}
.online-qq .qq_content .qq1 a {
	border: 1px solid #ddd;
	display: block;
    font-size:14px;
    color:#333;
	background: url(../images/online_qq.png) no-repeat 10px -72px;
	height: 23px;
	line-height: 23px;
	padding: 0 18px 0 30px
}
.online-qq .qq_content .tel {
	background: #fff;
	padding: 10px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: #333;
	border: 1px solid #ddd;
    line-height:1.8;
	border-top: 0
}
.online-qq .qq_content .tel strong {
	font-size: 14px;
	color: #f60
}
.online-qq .qq_content .tel p {
	text-align: center;
	font-size: 12px
}
.online-qq .footqq {
	border: 1px solid #ddd;
	background: #f1f1f1;
	height: 2px;
	overflow: hidden;
	margin: 0 5px;
	border-top: 0;
	display: none
}
.qr_code {
	position: fixed;
	top: 50%;
	left: 10px;
	z-index: 200;
	text-align: center;
	background: #fff;
	padding: 5px;
}
.qr_code img {
	margin: 0 0 5px;
	display: block
}