﻿@charset "utf-8";

/* 通用 */
body{font-size:14px; color:#000;}
*{margin:0;padding:0;font-family:Microsoft YaHei;list-style-type:none;}
img{border:0;}
a{border:0;color: #030000;text-decoration: none;}
a:hover{color: #2691d9;text-decoration: none;}
.w4{ width:250px; margin-bottom:20px;}
.clear{ clear:both; margin:0; padding:0; display:block}
.width_170{ width:170px; margin:0 auto; overflow:hidden;}
.width_885{ width:885px; margin:0 auto; overflow:hidden;}
.width_1260{ width:1260px; margin:0 auto; overflow:hidden;}
.width_1120{ width:1120px; margin:0 auto; overflow:hidden;}
.width_1016{ width:1016px; margin:0 auto; overflow:hidden; }
.mb20{ margin-bottom:20px !important;}
.size18{ font-size:18px;}
.center{ text-align:center;}
/* 布局 */
.top{ width:100%; height:30px; line-height:30px; background:#e9e9e9; font-size:12px; color:#000; border-bottom:1px solid #d6d6d6;}
.head{ position:relative;height:130px;z-index:100;}
.head .logo a{ display:block;background:url(../images/logo.gif) center no-repeat;}
/* 路径 */
.path{ line-height:50px;color:#373737; font-size:12px; font-family:SimSun;}
.path a,.path span{font-family:SimSun;}
.more{ position:absolute; width:45px; height:9px;}
.banner{ width:100%; height:250px;}
.product .banner,.productDetail .banner{ margin-bottom:40px; background:url(../images/banner/productBanner.jpg) center no-repeat;}
.case .banner{ margin-bottom:40px; background:url(../images/banner/caseBanner.jpg) center no-repeat;}
.news .banner,.article .banner{ margin-bottom:40px; background:url(../images/banner/newsBanner-1.jpg) center no-repeat;}
.contact .banner{ margin-bottom:40px; background:url(../images/banner/contactBanner.jpg) center no-repeat;}
.introduction .banner{ margin-bottom:40px; background:url(../images/banner/introductionBanner.jpg) center no-repeat;}
/*
.contact .left{ position:relative; padding-left:38px;background:url(../images/contact-101.png) left 0px no-repeat}
.contact p{ font-size:18px; }
.contact p.p1{ display:table; line-height:50px; font-weight:bold;}
.contact p.p2{ line-height:50px;}
*/
/* 搜索 */
.search{ width:168px; margin-top:35px; color:#7b7b7b; border:1px solid #38b4ee;}
.search .title{ margin-bottom:20px; height:30px; line-height:30px; color:#fff; background:#009fe9; text-indent:1em;}
.search input{ height:15px; border:1px solid #787878;}
.search p{ margin-left:7px; line-height:34px;}
.search input.price{ width:38px;}
.search input.keywords{ width:100px;}
.search button{ margin-bottom:20px; width:65px; height:23px; border:none; text-align:center; border-radius:8px; background:#fd7400; color:#fff;}
.index .product{ height:983px; background:url(../images/productBg.jpg) center no-repeat;}
.index .slideTxtBox .hd{ padding:42px 0; height:45px; line-height:45px;position:relative; }
.index .slideTxtBox .hd ul{ text-align:center;}
.index .slideTxtBox .hd ul li{ display:inline-block; margin-right:15px; width:100px; height:45px; background:#f0f0f0; text-align:center; color:#000;cursor:pointer;  }
.index .slideTxtBox .hd ul li.on{ background:#009fe9; color:#fff;}
.index .slideTxtBox .bd ul{ padding-left:30px; padding-top:35px;}
.index .slideTxtBox .bd li{ position:relative; float:left; margin-right:30px; margin-bottom:55px; width:380px; height:300px; background:#f4f4f4;}
.index .slideTxtBox .bd li p{ position:absolute; width:100%; bottom:0; height:50px; line-height:50px; background:#7a7a7a; text-align:center;font-size:18px; font-weight:bold; color:#fff;}
/*分页*/
.pager{ margin-top:40px; margin-bottom:30px; text-align:center;}
.pager .page{ font-weight:bold;font-size:14px;}
.pager .page a{ display:inline-block; width:82px; height:32px; background:#eae6e2; line-height:32px; color:#404040; font-size:14px; text-decoration:none;}
.pager .page span{ color:#000;}
/* 首页 */
.slideBox1{ width:100%; height:400px; overflow:hidden; position:relative;}
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute;bottom:30px; width:100%; text-align:center; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox1 .hd ul li{ display:inline-block;margin-right:20px;  width:15px; height:15px; border-radius:15px; text-align:center; background:#f5f5f5; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#00306d;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle; width:100%; height:400px;}
.slideBox2{ float:left; position:relative; left:-30px; top:40px; width:600px; height:420px; overflow:hidden; position:relative;}
.slideBox2 .hd{ height:6px; position:absolute;bottom:17px; width:100%; text-align:center; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox2 .hd ul li{ display:inline-block;margin-right:6px;  width:26px; height:6px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#009fe9;}
.slideBox2 .bd{ position:relative; height:100%; z-index:0;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle; width:100%; height:420px;}
.slideBox3{  width:885px; height:425px; overflow:hidden; position:relative;}
.slideBox3 .hd{ height:6px; position:absolute;bottom:20px; right:15px; text-align:right; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox3 .hd ul li{ display:inline-block;margin-right:7px;  width:7px; height:7px; border-radius:3px;background:#fff; cursor:pointer; }
.slideBox3 .hd ul li.on{ background:#015b7e;}
.slideBox3 .bd{ position:relative; height:100%; z-index:0;}
.slideBox3 .bd li{ zoom:1; vertical-align:middle; width:100%; height:500px;}
.slideBox4{  width:380px; height:370px; overflow:hidden; position:relative;}
.slideBox4 .hd{ height:51px; position:absolute;bottom:0px; left:0px; z-index:1; }
.slideBox4 .hd ul{ overflow:hidden; zoom:1;}
.slideBox4 .hd ul li{ float:left;margin-right:15px; border:2px solid #fff;  width:60px; height:45px; cursor:pointer; overflow:hidden; }
.slideBox4 .hd ul li img{ width:100%;}
.slideBox4 .hd ul li:last-child{ margin-right:0;}
.slideBox4 .hd ul li.on{ border:2px solid #009fe9;}
.slideBox4 .bd{ position:relative; width:380px; height:300px; z-index:0;}
.slideBox4 .bd li{ zoom:1; vertical-align:middle; width:380px; height:300px;}
.slideBox4 .bd li img{ width:100%; height:100%;}
.index .introduction{ background:url(../images/introduction.jpg) top center no-repeat;}
.index .introduction .title{ margin-top:90px; margin-bottom:50px; text-align:center;}
.index .introduction .box{ position:relative; margin-left:65px; width:1167px; height:496px;}
.index .introduction .box .right{ float:right;  width:480px; height:100%;}
.index .introduction .box .text{ position:absolute; right:50px; top:40px;padding:20px 55px; width:437px; height:380px; background:#ffffff; color:#4f4f4f; font-size:14px; line-height:2em; }
.index .introduction .box .text p{ text-indent:2em;}
.index .introduction .box .text h3{ font-size:24px; line-height:50px; text-align:center;}
.index .introduction .box .text .learnMore{ margin-top:20px; display:inline-block; padding:0 16px; line-height:32px; border:3px solid #eeeeee; border-radius:3px; color:#4f4f4f;}
.index_news .title{ margin-bottom:40px; border-bottom:1px solid #cfcfcf}
.index_news .title h3{ position:relative; top:1px; display:table; font-size:20px; color:#009fe9; padding-left:32px; line-height:60px; background:url(../images/ico.png) -50px 21px  no-repeat; border-bottom:1px solid #009fe9;}
.index_news{ width:820px;}
.index_news .list{ width:570px; margin-right:80px; font-size:16px;color:#7c7c7c;}
.index_news ul li{ width:720px; margin-bottom:10px; padding:10px 40px; background:#eaeaea;line-height:25px;}
.index_news ul li .date{ line-height:40px;}
.index_news ul li a{ font-size:16px !important; color:#272727; font-weight:bold; line-height:40px;}
.index_news ul li:hover,.index_news ul li:hover a{ color:#151b3d;}
.partners{ margin-right:30px; width:335px;}
.index_news .title .more,.partners .title .more{ position:relative; top:25px; float:right; display:block; width:45px; height:9px; background:url(../images/more.jpg) center no-repeat;}
.index_news .title .more{ top:-25px;}
.partners .title{ margin-bottom:40px; border-bottom:1px solid #cfcfcf;font-size:20px; color:#1e1b17; padding-left:32px; line-height:60px; background:url(../images/ico.png) -50px -32px no-repeat; }
.partners img{ margin-bottom:10px; width:160px; height:100px; border:2px solid #e8e8e8;}
.tyLeft{ float:left; width:20px; height:330px; background:url(../images/ico.png) 0 -20px no-repeat}
.tyRight{ float:right; width:20px; height:330px; background:url(../images/ico.png) 0 -360px no-repeat}
.picMarquee-left{ padding-top:40px; width:1220px; float:left;  overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:270px; height:230px; display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li p{ font-size:18px; line-height:60px;   }
.index .cases .title{ margin-top:90px; text-align:center; }
.index .cases .title .more{ position:relative; top:20px; right:60px; float:right; display:block; width:45px; height:9px; background:url(../images/more.jpg) center no-repeat;}


/* 产品目录 */
.product .right h3,.news .right h3,.case .right h3,.case h3{ margin-bottom:35px; border-bottom:2px solid #009fe9; font-size:24px; line-height:42px; color:#5d5d5d;}
.product ul.list li{ float:left; width:280px; margin-right:22px; margin-bottom:30px;}
.product ul.list li:nth-child(3n){ margin-right:0;}
.product ul.list li a{ display:block; width:280px; height:220px; overflow:hidden;}
.product ul.list li img{ width:100%;}
.product ul.list li p{ text-align:center; font-size:18px; font-weight:bold;}
/* 产品详情 */
.productDetail .group{ margin-bottom:15px; padding:10px 51px 20px 51px; width:780px; border:1px solid #dbdbdb; border-radius:3px; overflow:hidden;}
.productDetail .group p{ line-height:25px;}
.productDetail .detail{ width:320px; }
.productDetail .detail .click{ margin:20px 0; padding:0 54px; display:inline-block; font-size:16px; line-height:46px; background:#009fe9; color:#fff; border-radius:4px;}
.productDetail .detail p{font-size:18px; line-height:45px;}
.productDetail .text p{ text-indent:2em;}
.productDetail .relative ul{ margin-top:35px;}
.productDetail .relative ul li{ margin-right:40px; width:165px; text-align:center; float:left;}
.productDetail .relative ul li:last-child{ margin-right:0;}
.productDetail .relative ul li img{ width:165px;}
.productDetail .group h4{ margin-bottom:15px; font-size:24px; line-height:58px; font-weight:normal; color:#464646; border-bottom:2px solid #e6e6e6}

/*工程案例*/
.case h4{ display:inline-block; padding:0 15px; line-height:30px; text-align:center; color:#fff; font-size:16px; background:#009fe9;}
.case p{ font-size:16px; line-height:30px; color:#474747;}
.caseImg{ margin-right:40px;}
.case ul.list li{ float:left; width:265px; margin-right:20px; margin-bottom:30px; overflow:hidden;}
.case ul.list li:nth-child(4n){ margin-right:0;}
.case ul.list li a{ display:block; width:265px;}
.case ul.list li p{ text-align:center; font-size:18px; line-height:34px; font-weight:bold; text-indent:0;}
.case ul.list li img{ width:100%;}
/* 联系我们 */
.contactUs .title{ margin-top:40px; margin-bottom:20px; padding-left:36px; background:url(../images/contact-title.png) center no-repeat; font-size:20px; font-weight:bold; color:#333; }
.contactUs .title span{ margin-right:6px; font-size:24px; font-family:Arial; color:#1e2d84;}
.contactUs .content{ position:relative;}
.contactUs .content p{ padding-left:30px; font-size:16px; line-height:30px; color:#333;}
.contactUs .content p.p1{ background:url(../images/contact1.png) left 10px no-repeat; float:left; margin-right:100px;}
.contactUs .content p.p2{ background:url(../images/contact2.png) left 10px no-repeat}
.contactUs .content p.p3{ background:url(../images/contact6.png) left 10px no-repeat}
.contactUs .content p.p4{ background:url(../images/contact4.png) left 10px no-repeat}
.contactUs .content p.p5{ position:absolute; right:0; background:url(../images/contact5.png) left 10px no-repeat;float:left; margin-left:80px;}
.contactUs .content p.p5 span.line{ background:#757575; color:#fff; padding:3px 7px;}

/* 新闻中心 */
.main{margin: 45px auto 40px auto;}
.news li{ padding-left:11px; padding-top:25px; padding-bottom:20px; border-bottom:1px dashed #5e5e5e;overflow:hidden; }
.news li .date{ margin-right:30px; float:left; width:60px; text-align:center; color:#000;}
.news li .date .day{ margin-bottom:1px; display:block; width:100%; height:42px; background:#d1d1d1; line-height:42px; font-size:21px; font-family:Arial;}
.news li .date .year{ display:block; width:100%; height:18px; background:#d1d1d1; line-height:18px; font-size:10px;font-family:Arial;}
.news li .title{ display:block; color:#333333;font-size:15px; font-weight:bold; text-decoration:none; line-height:25px; margin-bottom:8px;}
.news li:hover .title{ color:#1e2d84;}
.news li p{ font-size:15px; line-height:25px; color:#303030;}
.article .title { padding-bottom:20px;border-bottom: 1px solid #7e7e7e;font-size: 24px;color: #333;text-align: center;font-weight: normal;line-height: 30px;}
.article .relative {text-align: center;color: #7a7a7a;line-height: 50px; font-size:14px;}
.article .text{ margin-bottom:50px; font-size:16px;}
.article .text p{ color:#1c1c1c; line-height:28px;}

.menu{ padding-right:5px; width:165px;}
.menu h3{ border-bottom:1px solid #009fe9; color:#333333; font-size:25px; line-height:42px;}
.menu a{ display:block; height:45px; line-height:45px; border-bottom:1px dashed #5e5e5e; color:#333; font-size:16px; font-weight:bold;}
.menu a.on{ border-bottom:1px solid #009fe9; background:url(../images/ico.png) center right no-repeat;}
.news .content,.about .content{ width:890px; float:right; margin:0;}
.news .content h3.title,.about .content h3.title{border-bottom:2px solid #1e2d84; font-size:30px; color:#1e2d84;line-height:58px; font-weight:bold;}
.about .content h3.title{ margin-bottom:30px;}
.article .guide{ text-align:left; margin-bottom:55px; border-top:1px solid #7d7d7d; font-size:16px;}
.article .guide div{ padding-right:30px; border-bottom:1px solid #7d7d7d; height:43px; line-height:43px;}
.article .guide span{ display:inline-block; border-right:1px solid #7d7d7d; width:117px; text-align:center; color:#1e2d84}
.article .guide em{ float:right; font-style:normal;color:#1e2d84;}
.article .guide a{ color:#1e2d84; margin-left:20px; }
/*简介*/
.introduction .title{ text-align:center;}
.introduction .title a{ position:relative; padding:0 40px; background:#dfdfdf; line-height:35px; display:inline-block; margin:0 80px; color:#333;}
.introduction .title a.on{ background:#009fe9; color:#fff;}
.introduction .title .line{ position:relative; top:18px; border-top:1px dashed #868686;}
.introduction h4{ margin-top:60px; font-size:36px; text-align:center; font-weight:normal;}
.introduction .h4Title{ margin-bottom:60px; text-align:center;}
.introduction .title2{margin-bottom:30px; border-bottom:2px solid #009fe9; font-size:24px; font-weight:bold; color:#5d5d5d; line-height:42px; }
.honorList li{ margin-bottom:30px; float:left; width:340px; margin-right:50px; overflow:hidden; text-align:center;}
.honorList li img{width:340px; height:225px;}
.honorList li:nth-child(3n){ margin-right:0;}
.honorList li p{ line-height:76px; font-size:20px;}
/* 底部 */
.foot{clear:both;width:100%;height:315px;color:#fff;background-color:#212121; overflow:hidden;}
.foot dl{float:left; padding-top:45px; width:360px; margin-left:60px; height:240px; background:url(../images/footLine.png) right center no-repeat;}
.foot dl dt{ font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:47px;}
.foot dl dd{ overflow:hidden;line-height:35px; }
.foot dl.style2{ width:350px;}
.foot dl:last-child{ background:none;}
.foot dl dd a{ color:#fff; margin-right:60px; line-height:36px;}
.foot a.beian { color:#fff; }

/* 行列 */
.row{margin-bottom: 10px;zoom: 1.0;overflow: hidden;clear: both;}
.left{float: left;}
.right{float: right;}

.ad{position: absolute; width:280px; height:330px; overflow:hidden; z-index:100}
#ad2{ left:0px;}
.ad .right{position: absolute;width: 280px; height:330px; background:url(../images/float.png) center no-repeat;}

