body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, nav, section{ margin: 0; padding: 0; border: 0}
a { text-decoration: none; outline: none}
a:link { color: #222}
a:visited { color: #222}
a:hover, a:active, a:focus { color: #3f7cab; text-decoration: none; outline: none}
input { padding: 0; margin: 0; font-family: 'Microsoft YaHei'}
img { border: none; background: none; vertical-align: middle}
.clr{ clear:both}
ul, ol, li { list-style-type: none}
body{ color: #222; background:#edf4ff; margin-top:32px}
.mt20{ margin-top:20px}
.mb{ width:1000px; margin:0 auto}

/*首页标题*/
.itle{ width:1000px; margin:20px auto 0}
.itle a{ color:#3f7cab}
.itle b{ vertical-align:middle; line-height:48px}
.itle h1{ font-size:32px}
.itle .b1{ font-size:16px}
.itle .b2{ font-size:24px}
.itle .b3{ font-size:36px; color:#f00}
.itle .b4{ color:#f00}
.itle h2{ font-weight: normal; font-size:16px}
/*顶部*/
.top{ background:#e6e6e6; border-bottom:1px solid #eee; box-shadow:1px 1px 1px #eee; font-size:14px; line-height:32px; position:absolute; top:0; left:0; width:100%}
.head{ background:#fff; padding:20px 0; text-align:center; font-size:0}
.logo,.tfw,.ttel{ display:inline-block; vertical-align:middle; line-height:60px; width:270px}
.logo img,.logo strong{ display:inline-block; vertical-align:middle; margin-right:20px; color:#3f7cab}
.logo img{ width:60px}
.logo strong{ font-size:48px; line-height:60px; letter-spacing:6px}
.tfw{ font-size:18px; color:#aaa; width:460px; text-align:left}
.ttel img,.ttel dl{ display:inline-block; vertical-align:middle; color:#3f7cab; text-align:left; margin-left:10px}
.ttel img{ width:60px}
.ttel dt{ color:#888; line-height:24px; font-size:18px}
.ttel dd{ font-size:28px; line-height:36px}
.menu{ text-align:center; font-size:0; background:#3f7cab; border:1px solid #3f7cab; box-shadow:1px 1px 3px #666; position:relative; z-index:1}
.menu a{ display:inline-block; font-size:16px; line-height:48px; padding:0 2.5em; color:#fff}
.menu a:hover{ background:#fff; color:#3f7cab}
/*头图*/
.slideBox { width: 100%; height: auto; overflow: hidden; position: relative}
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; text-align: center; width: 100%; bottom: 5px; z-index: 1}
.slideBox .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center}
.slideBox .hd ul li { display: inline-block; margin: 0 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; font-size: 0}
.slideBox .hd ul li.on { background: #f00; color: #fff}
.slideBox .bd { position: relative; height: 100%; z-index: 0}
.slideBox .bd li { zoom: 1; vertical-align: middle}
.slideBox .bd li img { width: 100%; height: auto; display: block}
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5}
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1}
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px}
/*产品中心*/
.icp{ width:1000px; margin:20px auto 0}
.icp .icpt{ color:#fff; background:url(../images/icptbg.png) no-repeat left; top:15px; left:15px; padding:0 0 0 20px; line-height:36px; font-size:24px; text-shadow:1px 1px 1px #000; position:absolute; z-index:1}
.icp0{ float:left; width:600px; height:420px}
.icp1,.icp2{ float:right}
.icp1{ width:390px; height:180px}
.icp2{ width:390px; height:230px; margin-top:10px}
.icp0,.icp1,.icp2{ background-size:100% 100%; background-position:center; background-repeat:no-repeat; position:relative}
.icp0 .bg,.icp1 .bg,.icp2 .bg{ background-image: linear-gradient(rgba(255,255,255,.4) 16px,rgba(255,255,255,0)); display:block; width:100%; height:100%; position:absolute; top:0; left:0}
.icp0:hover .bg,.icp1:hover .bg,.icp2:hover .bg{ background:none}
/*工程案例*/
.izs{ width:1000px; margin:20px auto 0}
.zss h1{ text-align:center; font-size:36px; line-height:2em}
.igc{ display:block; float:left; margin:20px 0 0 20px; width:312px; padding:2px; border:2px solid #fff; transition: all 0.3s ease-in-out 0s}
.igc:hover{ border-color:#3f7cab}
.igc:hover dd{ color:#3f7cab}
.igc:nth-child(-n+3){ margin-top:0}
.igc:nth-child(3n+1){ margin-left:0}
.igc dt{ background-size:100% 100%; background-position:center; background-repeat:no-repeat; width:312px; height:234px}
.igc dd{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:20px; line-height:2em}
/*关于我们*/
.iab{ width:1000px; margin:0 auto 380px; font-size:0; padding:30px 0; background:url(../images/iabbg.png) center no-repeat; position:relative}
.iab .itle,.iab .ab{ vertical-align:middle; display:inline-block}
.iab .itle{ width:360px}
.iab .ab{ width:640px; text-align: left}
.iab .ab h1{ font-size:24px; line-height:54px; text-indent:.5em}
.iab .ab p{ font-size:16px; line-height:28px; text-indent:2em}
.iabcp{ width:1720px; height:360px; position:absolute; bottom:-360px; left:-360px; background:url(../images/icpbg.png) center no-repeat} 
.iabcp .icps{ background:#f0f0f0; margin:20px 0 20px 380px; padding:10px}
/*新闻动态*/
.ixw{ width:1000px; margin:20px auto 0; text-align:center; font-size:0}
.ixw dl{ display:inline-block; vertical-align:top; width:220px; margin:0 10px}
.ixw dl dt{ height:132px; width:220px}
.ixw dl dt img{ width:100%; height:100%}
.ixw dl dd a{ color:#222; text-align:left}
.ixw dl dd h1{ font-size:20px; line-height:2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ixw dl dd p{ font-size:14px; line-height:2em; text-indent:2em}
.ixw dl dd a:hover h1{ color:#f00}
/*列表*/
.listtop{ background:url(../images/listtop.jpg) no-repeat center; padding-top:25%; background-size:100% 100%}
.list{ width:1000px; margin:20px auto 0}
.loc{ background:#222; line-height:2em; text-align:left; color:#fff; padding:5px 0; margin-bottom:20px}
.loc b{ background:url(../images/ico.png) center no-repeat; width:24px; height:24px; background-size:100% 100%}
.loc b,.loc span{ display:inline-block; vertical-align:middle; margin-left:.5em}
.loc span a{ color:#fff}
/*边栏*/
.blist{ color:#fff; width:260px; float:left}
.blist .blt{ font-size:24px; line-height:2em; background:#222; text-align:center}
.blist .box{ width:258px; border:1px solid #222; border-top:none}

.blist ul,.blist p{ margin:0 9px}
.blist .dha{ padding-top:10px}
.blist .dha a{ display:block; margin:0 10px 10px 10px; border:1px solid #fff; font-size:20px; color:#fff; text-align:center; line-height:2em; background:#222}
.blist .dha a:hover{ border-color:#222; background:#fff; color:#222}
.blist .lxw{ padding-top:10px}
.blist li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222; margin-bottom:10px}
.blist li a{ color:#222; margin:0 5px}
.blist li a:hover{ color:#e87518}
.blist li b{ margin-right:.5em}

.mlist{ width:720px; float:right; margin-bottom:20px}
.mlist .mls li{ border-bottom:1px dashed #CCC; padding:10px 0}
.mlist .mls li:last-child{ border:0}
.mlist .mls .mlst{ font-size:18px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:.5em; line-height:2em}
.mlist .mls p{ font-size:14px; text-indent:2em; line-height:2em}
.mlist .mls .mlmore{ color:#f00; float:right}

.mlist .mlsc{ font-size:0; text-align:left}
.mlist .mlsc li{ width:220px; margin:15px 10px 0; text-align:center; display:inline-block}
.mlist .mlsc li a{ display:block}
.mlist .mlsc li img{ width:200px; height:150px; border:5px solid #fff}
.mlist .mlsc li h1{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:2em}

.mlist .cons{ margin:0 20px}
.mlist .cons h1{ font-size:20px; text-align:center; line-height:2em}
.mlist .cons .gs{ display:block; font-size:14px; text-align:center; line-height:2em; border-bottom:1px solid #CCC; border-top:1px solid #CCC; margin:5px 0}
.mlist .con{ line-height:2em; font-size:14px; margin:20px 5px}
.mlist .con img{ max-width:90%}
.mlist .pages{ border-top:1px solid #ccc; padding:5px; font-size:12px; line-height:2em}
.mlist .pages a{ color:#f00}
.mlist .pages .pp{ float:left}
.mlist .pages .pn{ float:right}

.fy { color:#222; margin-top:20px; text-align:center}
.fy ul{ border-top:1px solid #222; padding:20px 0 0}
.fy li{ display:inline-block; margin:0 3px}
.fy a { line-height:2em; padding: 0px 1em; border: 1px solid #222; font-size:14px; display:inline-block; color:#222}
.fy a:hover { border: 1px solid #222; background:#222; color:#e87518; border-color:#222}
.fy a.thisclass {  border-color:#222; background:#222; color:#e87518; }

.flink {clear:both;margin:20px auto 0;width:1000px;background:url(../images/linksbg.jpg) no-repeat; border-top-right-radius:10px; border-top-left-radius:10px}
.flink .fltitle { height: 45px; margin-bottom: 10px; padding-left:10px}
.flink .fltitle a{margin:0 auto;color:#222;line-height:37px;font-size:16px; padding:0 10px; font-weight:bold; display:inline-block}
.flink .flinfos { height:auto; margin:0 10px}
.flink .flinfos .flit { font-size:12px; padding-bottom:6px; border-bottom:1px dashed #CCC; margin:0 auto 5px}
.flink .flinfos li{ float:left; margin:0 10px; font-size:14px}
.flink .flinfos li a{ color:#222}
.flink .flinfos li a:hover{ color:#e87518}
/*底部*/
.bot{ background:#222; width:100%; margin-top:20px}
.ibot{ width:1000px; margin:0 auto; text-align:center; font-size:0}
.ibot .bnav{ color:#fff; font-size:16px; line-height:3em; border-bottom:1px solid #444}
.ibot .bnav a,.ibot .bnav span{ display:inline-block; vertical-align:middle; margin:0 5px}
.ibot .bnav span{ padding:0 4px 0 1px}
.ibot .bnav a{ color:#fff}
.ibot .blogo,.ibot .info,.ibot .wx{ display:inline-block; vertical-align:middle}
.ibot .blogo{}
.ibot .blogo img{ width:120px}
.ibot .blogo span{ display:block; font-size:18px; color:#fff; line-height:3em}
.ibot .info{ font-size:16px; line-height:2.5em; color:#fff; margin:0 60px; padding:10px 0; text-align:left}
.ibot .info a{ color:#fff}
.ibot .wx{ font-size:18px; color:#fff; line-height:2em; margin-top:10px}
.ibot .wx img{ width:120px}