body{ margin:0; padding:0; font:14px/1.5 "Microsoft YaHei",Tahoma,Arial,"宋体"; color:#333} 
form,ul,li,ol,dl,dt,dd,p,i,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
ul,li{ list-style:none}  img{ border:0} 
.divc{ margin:0 auto} em,i{ font-style:normal}
.dp{ display:block} .fl{ float:left} .fr{ float:right}
.cl{ clear:both; height:0; font-size:0; overflow:hidden}
.fb{ font-weight:bold}  .tc{ text-align:center}
.mt10{ margin-top:10px} .mt5{ margin-top:5px} 
.red{ color:#e01e15}  .w1200{ width:1200px} 
.cor_bs{ color: #fff;}
a{color:#333; text-decoration:none}   
a.ls:link,a.ls:visited{ color:#002a85; text-decoration:none} 
a.ls:hover,a.ls:active{ color:#002a85; text-decoration:none}
.clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both}

.header{ height: 110px;}
.logo{ width: 419px; height: 110px;}
.nav{ margin-top: 60px;}
.nav ul li{ float: left; font-size: 16px; margin-right: 24px; font-weight:700;}
.banner{ height: 580px; background: url(../img/banner.jpg) center no-repeat;}
/*******产品*******/
.products{ margin-top: 30px;}
.ce-nav .tit{ width: 246px; height: 88px; background: url(../img/ce-tit.jpg) no-repeat;}
/*.ce-nav{ width: 246px; height: 755px; background: url(../img/cp-nav.jpg) no-repeat;}*/
.ce-nav .tit{ color: #fff;}
.tit .bt-t{ height: 24px; line-height: 24px; font-size: 24px; padding-top: 16px;}  
.tit .f-tit{ font-size: 12px; height: 14px; text-transform: uppercase;}
.dfl{margin-bottom: 10px;} .dfl-k{ margin: 10px 0;}
.dfl,.dfl-k{ margin-left: 32px; font-size: 17px; color: #110f62; }
.ce-nav-info{ width: 230px; padding: 15px 0 25px; border: 8px #100f5f solid; border-top: 0;}
.ce-nav-info ul{ width: 230px; text-align: center; display: block;}
.ce-nav-info ul li{ height: 50px; line-height: 43px; background: url(../img/01.png) center no-repeat; margin-bottom: 4px;}
.ce-nav-info ul li a{ width: 190px; height: 50px; display: block; margin: 0 auto;}
.pic-dr{ width: 291px; height: 291px; border: 1px #d9d9d9 solid;}
.products-info,.products-info-n,.news-info-n{ width: 954px;}
.products-info ul li{ float: left; margin: 26px 0 0 25px;}
.products-info ul li img{ width:291px; height:291px; display:block} 
.products-info ul li .bt-m,.products-info-n ul li .bt-m{ width: 273px; height: 44px; line-height: 44px; padding: 0 10px; text-align: center; background-color: #eee; overflow: hidden;}
/*******优势******/
.ys-box{ height: 1144px; background: url(../img/ysbg.jpg) center no-repeat; margin-top: 32px;}
.ys .tit{ height: 200px; background: url(../img/ys-tit.png) center no-repeat;}
.h30{ height: 30px;}
.yswz-info{ width: 480px; margin: 75px 0 0 65px;}  .ys-one,.ys-two,.ys-three,.ys-four{ width: 465px;}
.ys-one h5,.ys-two h5,.ys-three h5,.ys-four h5{ font-size: 18px; font-weight: 700px; color: #100e5f; height: 31px; padding: 7px 0 0 40px;}
.ys-one h5{ background: url(../img/one.png) no-repeat;}
.hsc{ color: #ff342a;}
.ys-one p,.ys-two p,.ys-three p,.ys-four p{ margin-left: 38px; color: #555; line-height: 26px;}
.ys-two h5{ background: url(../img/two.png) no-repeat;}
.ys-two,.ys-four{ margin-top: 18px;}
.yspic-pt,.yspic-pt img{ width: 500px; height: 406px;}
.yspic-pt{ margin-left: 55px;}
.yspic-pt02,.yspic-pt02 img{ width: 500px; height: 432px;}
.yspic-pt02{ margin-left: 85px;}
.yswz-info2{ width: 480px; margin: 85px 0 0 45px;}
.ys-three h5{ background: url(../img/three.png) no-repeat;}
.ys-four h5{ background: url(../img/four.png) no-repeat;}
/****隔断***/
.banner-gd-box{ height: 170px; background: url(../img/gd-bg.jpg) center no-repeat;}
.b-gd{ height: 170px; position: relative;}
.tj-info{ width: 580px;  position:absolute; top:102px; right: 28px; font-size:18px}  .tj-info span{ margin-right:5px; color:#fff}
.zminfo{ width:130px; height:22px; padding:5px 8px; border:0; border-radius:3px}
.mr30{ margin-right:25px}
.btn-tj{ width:108px; height:33px; line-height:30px; background-color:#f39c02; border:0; font-size:16px; color:#fff; cursor:pointer; font-weight:bold;border-radius:3px}
/****案例****/
.case{ margin-top: 40px;}
.case .tit{ height: 102px; background: url(../img/tit-case.jpg) no-repeat; margin-bottom: 26px;}
.case-info ul li{ float: left; margin: 0 7.5px 15px 7.5px;}
.case-info ul li img{width:285px; height:285px;}
.case-info ul li .c-tit{ height: 38px; line-height: 38px; text-align: center;}
/******关于我们*****/
.aboutus-box{ height: 586px; background: url(../img/about-us.jpg) center no-repeat; margin-top: 30px;}
.about-us p{ width: 1050px; font-size: 16px; line-height: 30px; text-indent: 2em;}
.ab-in{ padding: 205px 0 0 80px;}
.dz-btn{ width: 238px; height: 48px; line-height: 45px; font-size: 18px; background-color: #f39c02; border-radius: 4px; margin-top: 160px;}
/*新闻*/
.news{ margin-top: 44px;}
.news .tit{ height: 77px; background: url(../img/wt-q.jpg) center no-repeat; margin-bottom: 40px;}
.gsxw{ width: 600px;} .gsxw img{ width: 598px; height: 236px; border:1px #e2e2e2 solid; display: block;}
.gsxw h3{ height: 26px; width: 600px; overflow: hidden; margin-top: 10px;}
.gsxw span{ height: 22px; font-size: 12px; color: #888;}
.gsxw p{ height: 42px; overflow: hidden; color: #888;}
.xw01,.xw02,.xw03{ width: 556px; height: 88px; overflow: hidden;}
.xw01-info,.xw02-info,.xw03-info{ width: 425px; margin-left: 20px;}
.xw01-info h3,.xw02-info h3,.xw03-info h3{ height: 26px; width: 425px; overflow: hidden;}
.xw01-info span,.xw02-info span,.xw03-info span{ font-size: 12px; color: #888; margin-bottom: 5px;}
.xw01-info p,.xw02-info p,.xw03-info p{ height: 36px; overflow: hidden; color: #888; font-size: 12px;}
.xw02{ margin: 38px 0;}
.btn-m{ width: 148px; height: 40px; line-height: 40px; border: 1px #888 solid; margin-top: 50px;}
/******底部****/
.footer-box{ height: 260px; background-color: #ededed; margin-top: 30px;}
.ewm{ padding: 40px 0 0 28px;}
.phone-db{ padding: 38px 0 0 20px;}
.js-dr-db{ margin-top: 56px;}
.js-dr-db h3{ font-size: 24px; margin-bottom: 8px;}
.js-dr-db p{ margin-bottom: 8px;}

/*****产品中心*****/
.products-info-n ul li{ float: left; margin: 0 0 26px 25px;}
.products-info-n ul li img{width:291px; height:291px;}
.dwei{ height:63px; line-height:63px; color:#666;}
/***新闻中心***/
.news-list{ height: 140px; margin-left: 30px; border-top:1px #bebebe dashed; padding:15px 0} 
.news-list-con{ height: 63px; margin:8px 0; overflow: hidden;}
.news-list-tit{ width: 740px; height: 24px; font-size:16px; margin-top: 8px; overflow: hidden;} .news-list-time{ padding-top:2px; color:#666}
.news-pic,.news-pic img{ width: 140px; height: 140px; display: block;}
.news-wz{ width: 740px;}
.news-pic{ margin-right: 28px;}
a.hjs:link,a.hjs:visited{ color:#888; text-decoration:none} 
a.hjs:hover,a.hjs:active{ color:#555; text-decoration:none}

/********cp_add******/
.cp_xqtxt{
margin:0 auto;
width:100%;
height:auto;
padding-left:20px;
}
.cp_xqtxt .cp_title{
text-align:center;
font-size:26px;
color:#333;
line-height:50px;
}
.cp_xqtxt hr{ border:0; border-bottom:#eee solid 1px; margin-bottom:10px;}


.cp_xqtxt .cp_time{
width:inherit;
text-align:center;
line-height:16px; 
font-size:12px; 
color:#aaa;
}
.cp_xqtxt .cp_content{
width:inherit;
height:auto;
padding-bottom:36px;
padding-top:20px;
color:#666;
font-size:14px;
}
.cp_xqtxt .cp_content img{
max-width:100%;
}
/********cp_add结束******/

/* 本例子css */
		.cp_slideBox{ width:100%; height:580px; overflow:hidden; position:relative; border:0px solid #ddd;  }
		
		/* 下面是色块切换*/
		.cp_slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; }
		.cp_slideBox .hd ul{ overflow:hidden; zoom:1; float:left; text-align:center; }
		.cp_slideBox .hd ul li{ display:inline-block; float:left; margin-right:6px;  width:50px; height:4px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer; }
		.cp_slideBox .hd ul li.on{  background:rgba(0,0,0,0.6); color:#fff; }
		
		/* 下面是图片切换*/
		.cp_slideBox .bd{ position:relative; height:100%; z-index:0;}
		.cp_slideBox .bd li{ zoom:1; vertical-align:middle;}
		.cp_slideBox .bd li div{ width:100%; height:580px; background-repeat: no-repeat; background-position: center; background-color: #eee;}
		.cp_slideBox .bd li div a{display: block; width: 100%; height: 100%;}
		.cp_slideBox .bd img{ width:450px; height:230px; display:block;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.cp_slideBox .prev,
		.cp_slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.cp_slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.cp_slideBox .prev:hover,
		.cp_slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.cp_slideBox .prevStop{ display:none;  }
		.cp_slideBox .nextStop{ display:none;  }
		
		/* piaodong   kefu */

		.divOranIm{position: fixed; right: 0px; width: 140px; top: 200px; z-index: 999999;}
		.ImTable *{padding:0px;margin:0px}
		.ImTable{border-collapse:collapse;border:9px solid rgb(39,96,159);background:#fff}
		.ImTable h2{font-size:14px;margin-top:5px;color:#333}
		.ImHeader{height:93px;background:url(../img/im_01.png) no-repeat}
		.ImRow0{margin:0px 11px;background:#fff;height:34px;line-height:34px;}
		.ImRow1{margin:0px 11px;background:#fff;height:34px;line-height:34px;}
		a.im,a:hover.im{text-decoration:none; color:#333;padding-left:10px;}
		.ImFooter{height:181px;background:url(../img/im_04.png) no-repeat;}