@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#666; background:#ffffff;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}
h1,h2,h3,h4{font-size:18px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#666; text-decoration:none; font-size:14px}
a:hover{ text-decoration:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1200px; margin:0 auto; clear:both;}
.clear{ clear:both;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.ml40{ margin-left:40px;}
.block5{ clear:both; height:5px;}
.block10{ clear:both; height:10px;}
.block15{ clear:both; height:15px;}
.block20{ clear:both; height:20px;}
.block25{ clear:both; height:25px;}
.block30{ clear:both; height:30px;}
.block40{ clear:both; height:40px;}
.block50{ clear:both; height:50px;}
.block64{ clear:both; height:64px;}
.block70{ clear:both; height:20px;}
.block80{ clear:both; height:80px;}

img.zoom-img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}
img.zoom-img {-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}


/*头部*/
.topbj{ display:block; width:100%; height:92px; position:fixed; background:#fff; z-index: 999999; border-bottom:4px solid #efefef;}
.bjbs { background:#fff;}

.navdiv{ width:714px; float:right; height:92px;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
 
.t96{ height:96px;}



/*banner*/
.slideBox{ width:100%; min-height:630px; overflow:hidden; position:relative;}
.slideBox .bd{width:100%; min-height:630px; overflow:hidden; z-index:1; vertical-align:middle; text-align:center; }
.slideBox .bd li{width:100%; min-height:630px; overflow:hidden;}
.slideBox .bd li a{width:100%; min-height:630px; overflow:hidden; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-42px; display:block; width:44px; height:84px; background:url(../images/slider-arrow.png) -88px 0px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox .next{ left:auto; right:5px; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}


/*项目展示*/
.ch{position:relative; font-size:30px; color:#333; display:inline-block;}
.ch::after, .ch::before{content:""; width:76px; height:1px; background-color:#ccc; top: 50%; position: absolute;}
.ch::before{left:110%;}
.ch::after{right:110%;}

.xmbox{ margin:0 auto; width:1200px;}
.xmbox .hd{ width:196px; overflow:hidden;  height:36px; text-align: center; font:24px/36px "宋体"; margin:0 auto;}
.xmbox .hd .prev,.xmbox .hd .next{ display:block;  width:90px; height:36px; float:left; margin:0 4px; overflow:hidden;
 cursor:pointer; background:#ebedef; color: #333;}
.xmbox .hd .prev:hover,.xmbox .hd .next:hover{ display:block; background:#333; color:#fff;}
.xmbox .bd{ padding:0;   }
.xmbox .bd ul{ overflow:hidden; zoom:1; }
.xmbox .bd ul li{ display: block; float: left; width:292px; height:250px; overflow:hidden; margin:4px; position:relative;}
.xmbox .bd ul li a img{ width:292px; height:220px; overflow: hidden;}
.xmbox .bd ul li a .xmb{ bottom:0; visibility: visible; opacity:1; display:table-cell;}
.xmbox .bd ul li a:hover .xmb{ bottom:0; visibility: visible; opacity:0; display:table-cell;}
.xmb{
	width:100%; height:400px; position:absolute; bottom:0; left:0; color:#FFF; text-align:center;
 visibility: hidden; opacity:0; background:rgba(8,8,8,0.1);
 -webkit-transition: all 150ms ease-in-out;
 -moz-transition: all 150ms ease-in-out;
 -ms-transition: all 150ms ease-in-out;
 -o-transition: all 150ms ease-in-out;
 transition: all 150ms ease-in-out;}
 	
.xm_01{ height:46px; font:30px/46px "微软雅黑"; color:#fff; overflow: hidden; margin-top:160px;}
.xm_02{ height:30px; font:14px/30px "微软雅黑"; color:#fff; text-transform: uppercase; overflow: hidden;}
.xm_03{ height:30px; font:14px/30px "微软雅黑"; color:#000;   text-align:center; background-color:#dddddd}



/*关于我们*/
.jj_ps{ width:50%; height:600px; overflow: hidden; float: left;}
.jj_ps img{ width:auto; height:360px; overflow:hidden; float: right; margin-top:100px;}
.jj_01{ height:50px; font:bold 48px/50px "微软雅黑"; color:#ccc; margin-left:40px; text-transform:uppercase;}
.jj_02{ height:36px; font:24px/36px "微软雅黑"; color:#666; margin-left:40px; }
.jj_03{ height:252px; width:518px; overflow:hidden; font:15px/28px "微软雅黑"; color:#666; margin-left:40px;}
.jj_04{ height:40px; font:17px/40px "微软雅黑"; text-align:center; margin-left:40px;}
.jj_04 a{ display: block; width:168px; height:40px; overflow:hidden; border-radius:40px; color:#666; font-size:14px; background:#ebedef; margin-right:25px; float:left; }
.jj_04 a:hover{ display: block; color: #fff; background:#333;}




/*产品展示*/
.cp{ padding: 0;}
.cp li{ padding:16px; background:#fff; display: block; float: left; margin:10px; width:280px;}
.cp li:hover{ display: block; box-shadow: 0 0 10px gray; }
.cp_ps{ width:248px; height:170px; overflow:hidden;}
.cp_ps img{ width:248px; height:170px; overflow:hidden;}
.cp_t1{display: block; font:15px/30px "微软雅黑"; height:30px; overflow:hidden; text-align:center}
.cp_t1 a{ color: #666; font-size:18px}
.cp_t1 a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.cp_t2{display: block; font:14px/30px "微软雅黑"; float: left; background: url(../images/icon01.png) 6px center no-repeat; padding-left:40px; color:#ccc;}
.cp_t3{display: block; font:14px/30px "微软雅黑"; width: 106px; height: 30px; overflow: hidden; border-radius:30px; border: 1px solid #ccc; text-align: center; float: right;}
.cp_t3 a{ color: #999;}
.cp_t3 a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}

.dh_box{ text-align: center; font:18px/56px "微软雅黑"; }
.dh_t1{ display: inline-block; padding:0 16px; border:1px solid #0090ff; color:#666;}
.dh_t2{ display: inline-block;padding: 0; margin-left: -5px;}
.dh_t2 a{ display: inline-block; width: 170px; border:1px solid #0090ff; color:#fff; background:#0090ff;}
.dh_t2 a:hover{ display: inline-block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.dh_t3{ display: inline-block;padding: 0; margin-left: -5px;}
.dh_t3 a{ display: inline-block; width: 170px; border:1px solid #0090ff; color:#333; background:#fff;}
.dh_t3 a:hover{ display: inline-block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.more{ display: block; width: 240px; height: 50px; overflow: hidden; border-radius: 4px; font:18px/50px "微软雅黑"; text-align: center; margin: 0 auto;}
.more a{ display: block; background: #fff; color:#707070; text-decoration:none;}
.more a:hover{ display: block; background: #333; color:#fff;}



/*新闻中心*/
.xw_ps{ width:452px; height:170px; overflow:hidden; }
.xw_ps img{ width:452px; height:170px; overflow:hidden;}
.xwbox{width:710px; float:right;}
.xwbox li{ display:block; height:48px; font:15px/48px "微软雅黑"; overflow: hidden; background: url(../images/hua.png) 24px center no-repeat #f3f4f5; padding-left:60px; margin-bottom:6px;}
.xwbox li a{ color:#666;}
.xwbox li a:hover{ display: block; lter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.time{ float:right; display:inline; color:#333; font-family:Arial; margin-right:20px;}
.jt{ display: block; width:117px; height:73px;}
.jt a{ display: block; width:117px; height:73px; background: #f3f4f5;}
.jt a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.line{ width: 100%; height: 0; border-bottom: 1px solid #e7e8e9; box-shadow:0 1px 5px #e7e8e9; }


/*底部*/
.bt3{ font-size:20px; font-family: "微软雅黑"; color: #666; lter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9; text-transform: uppercase;}
.bt3 span{ font-size:36px; margin-right: 10px;}
.link{line-height:35px; padding:10px 10px; color:#fffcfc; background:#fff; border: 1px solid #e6e7e8;}
.link a{ margin:0 10px; text-decoration: none; color:#666; }
.link a:hover{padding:0px 10px; lter:alpha(opacity=70); -moz-opacity:0.7;opacity:0.7;}
.bt1{ width:400px; height:160px;  background: url(../images/12.jpg) no-repeat; font:36px/160px "Arial"; text-align: center;float:left; color:#fff;}
.dibu{ width:799px; height:159px; float:left; border-top:1px solid #e6e7e8; border-right:1px solid #e6e7e8;}
.dibu li{ width:398px; height:78px; float:left; background:#fff; border-left:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; display: block;}
.dibu_ps{ display: block; float: left; margin:25px 0 0 45px; }
.dibu_t1{ display: block; float: left; margin:25px 0 0 10px; font:15px/24px "微软雅黑"; color:#555; width: 310px;}

.bjhs{ background:#333;}
.b1{ font: 14px/24px "微软雅黑"; color: #c2c2c2; text-align:center;}
.b1 a{color: #c2c2c2;}
.b1 a:hover{lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.b1 span{padding:0 10px;}



/*漂浮*/
.lxdiv{ display: block; width:55px; min-height:224px; position:fixed; right:1%; bottom:40%; z-index:999999; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lx{ line-height:40px; position:relative; z-index:1;}
.lx a{ color:#333;  }
.lx .nLi{ display:inline; width:120px; }
.lx .nLi h3{ display:block; text-align:center; width:55px; height:55px; background:rgba(0,0,0,0.8); position: relative;z-index:9999; margin-bottom:1px;}
.lx .nLi h3 a{ display:block; width:35px; height:35px; padding:10px; font:300 14px/17px Microsoft YaHei; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.lx .nLi h3 a:hover{background:#fefcfd; color:#333132; text-decoration:none;text-align: center; z-index: -1;}
.lx .nLi h3 a em {text-align:left; color:#333132; cursor:pointer; display:none; font-style:normal;}
.lx .on h3 a em{ background:#fff; color:#666; }
.lx .pfz_01{ display:none; width:140px; left:-161px; top:56px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:8px 10px; border:1px solid #eee; border-width: 1px 0 1px 1px;}
.lx .pfz_02{ display:none; width:140px; left:-161px; top:112px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:8px 10px; border:1px solid #eee;}
.lx .pfz_03{ display:none; width:140px; left:-161px; bottom:1px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:10px 10px; border:1px solid #eee;}

.zx,.fh,.kf,.sm{display:block;width:35px;height:35px;background:url(../images/siderbarpic.png);overflow:hidden;}
.fh{background-position:-8px -8px;}
.kf{background-position:-8px -60px;}
.zx{background-position:-8px -112px;}
.sm{background-position:-8px -164px;}

.qqbj{ height:30px; font-size: 13px; line-height:30px; margin-top:5px; border-radius:30px; display: block; overflow: hidden; border: 1px solid #eee; padding-left:42px; background: url(../images/qq.png) 10px center no-repeat;text-align:left; color: #999;}
.qqbj:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.ewm{ text-align:center; font:14px/41px "微软雅黑";}
.ewm img{ width:140px; height:140px; overflow:hidden; margin: 0 auto;}
.dh01{ text-align:center; font:14px/34px "微软雅黑"; border-bottom:1px solid #eee;}
.dh02{ text-align:center; font:20px/24px "Impact"; color:#666;}


/*===================inlayout====================*/
#category {	padding:20px 0; overflow:hidden;}
#category ul{ width: 1200px; margin: 0 auto;}
#category li {display:inline-block; margin-bottom:5px; font-size:15px; width:165px; height:32px; line-height:32px; border-radius:0px; background-image:url(/images/flbg1.png); overflow:hidden; margin-right:4px;  border: 0px solid #ccc; }
#category li a {color:#999; display:inline-block; padding:0 25px;}
#category li.active a, #category li a:hover {background-image:url(/images/flbg2.png); width:165px; color:#fff; text-decoration:none;}

.bt2{ color: #666;  font:36px/40px Arial;}
.bt4{ color: #666;  font:18px/40px "微软雅黑"; border-bottom: 1px solid #ccc;}
.bt4 a{ color: #666;  font:18px/40px "微软雅黑";  }
.bt5{ width:70px; height: 4px; overflow: hidden; background: #333; margin-top: -2px;}
.weizhi{ display:block; color:#999;font-size:14px; line-height:40px; width:830px; margin:0 auto; font-family:"微软雅黑"; background:url(../images/dh.png) 340px center no-repeat; padding-left:370px;}
.weizhi a{ color:#717070; text-decoration:none;}
.weizhi a:hover{ color:#b28238;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:10px 15px 30px 15px; font-family:"微软雅黑";}
.page_con img{ max-width:1170px; height:auto; width:expression(this.width > 1170 ? "1170px" : this.width); overflow:hidden;}
.con_title{text-align:center; font-size:20px; font-family:"微软雅黑"; margin-top:20px;}
.author{ text-align:center; font-size:12px; border-bottom:#ccc dashed 1px; height:28px; line-height:28px; font-family:"微软雅黑"; margin:5px 0px 10px 0px;}
.fy{ margin-top: 30px; margin-bottom:20px; border-top:#ccc 1px dashed; padding-left:10px; padding-top:7px; line-height:30px; font-size:14px;}
.fy a:hover{ color:#b28238; text-decoration:none;}


/*页码*/
.pages { overflow:hidden;font-size:12px;text-align:center; margin-top:20px; text-align: center;}
.pages a { display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
.pages a.a1 {width:56px; padding:0; background:#f8f8f8;}
.pages a:hover { background:#292929; border-color:#292929; color:#fff; text-decoration:none; }
.pages span { display:inline-block; height:34px;padding:0 12px; line-height:34px; background:#292929; border:1px solid #292929; color:#fff; text-align:center; }
.lxtanble p{ margin: 0; font-size: 12px; color: #666; }


/*内页资讯*/
.xwbox2{width:1200px; margin:0 auto;}
.xwbox2 li{ display:block; height:48px; font:15px/48px "微软雅黑"; overflow: hidden; background: url(../images/hua.png) 24px center no-repeat #f3f4f5; padding-left:60px; margin-bottom:6px;}
.xwbox2 li a{ color:#666;}
.xwbox2 li a:hover{ display: block; lter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}


/*在线留言*/
.message{ text-align:center; margin:50px; width:40%; float: left;}
.wb14{font-family:Times New Roman; font-size:50px; color:#ccc; text-align:center;}
.wb15{ font-size:13px; color:#333; text-align:center;}
.wb16{ font-size:13px; color:#cecece; text-align:center; line-height:30px;}
.kuan{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:30px;line-height:30px; font-family:"微软雅黑"; margin-bottom:10px;}
.kuan3{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:410px;height:30px;line-height:30px; font-family:"微软雅黑"; margin-bottom:10px; }
.kuan2{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:122px;line-height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}
.wb17{ text-align:left; line-height:30px; font-size:16px}
.Button{ width:200px; height:36px; line-height:36px; text-align:center; color:#666; background:#ebedef; margin:10px auto; font-family:"微软雅黑"; font-size:15px; border:0; outline:0; border-radius:36px; overflow:hidden; letter-spacing:5px; cursor:pointer;}
.kf02{ width:358px; height:270px; margin:20px auto;}

.lxfs{ margin:50px; width:420px; min-height:500px; float:right; background:#ffffff; padding: 10px; font: 16px/40px "微软雅黑"; border-left:1px dotted #999999 }

.footmap{ height:30px; }


/*资质*/
.cp2{ padding: 0;}
.cp2 li{ padding:16px; background:#f3f3f3; display: block; float: left; margin:10px; width:280px;}
.cp2 li:hover{ display: block; box-shadow: 0 0 10px gray; }
.cp_t4{display: block; font:15px/30px "微软雅黑"; height:30px; overflow:hidden; text-align: center;}
.cp_t4 a{ color: #666;}
.cp_t4 a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}