@charset "utf-8";

/* CSS Document */

/*全局标题样式*/

.faBg{ height:744px; background:url(../images/faBg.jpg) no-repeat center top;}

.titleTop{ padding:50px 0 20px; text-align:center;}

.titleTop span{ text-transform:uppercase; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#bababa;}

.titleTop h3 a{ font-size:24px; color:#ff8a00;}

.titleTop i{ font-size:14px; color:#bababa;}

.allHeader{ text-align:center;}

.allHeader h3 a{ font-size:24px; color:#0066cb;}

.allHeader span{ font-size:24px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ababab;}

/*解决方案*/

.steps{ height:358px; background:url(../images/stepsImg.jpg) left center no-repeat; padding-left:253px;}

.steps-header{ line-height:36px;}

.steps-header h4{ font-size:30px; font-weight:bold; color:#0066cb;}

.steps-header h4 b{ font-size:48px; color:#cb0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.steps-header span{ font-size:30px; color:#bfbfbf; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}



.steps li{padding:8px 0; background:url(../images/setIcon.jpg) 130px center no-repeat;}

.steps li b{ font-size:18px; color:#cb0000; font-family:Arial, Helvetica, sans-serif; display:inline-block; margin-right:15px;}

.steps li i{ font-style:normal; font-size:18px; color:#0066cb; display: inline-block; margin-right:72px;}

.steps li span{ display:inline-block; height:28px; line-height:28px; padding:0 15px; font-size:18px; color:#fff; background:#0066cb; border-radius:5px;}



/*产品样式*/

.prodHeader{ height:102px; background:#0066cb; text-align:center;}

.wh{height:102px; line-height:102px; color:#fff; font-size:18px; background:#0066cb; text-align:center;}

.prodHeader h2{ padding-top:20px;}

.prodHeader h2 a{ font-size:24px; color:#fff;}

.prodHeader span{ text-transform:uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px;}

.proBg{ height:596px; padding-top:30px; margin-top:20px; background:#efefef url(../images/proBg.jpg) no-repeat center bottom;}

.proBgLeft{ width:300px; height:726px; background:url(../images/proLeft.jpg) no-repeat;}

.proHeader{ padding:32px 0 45px; text-align:center; font-size:18px;}

.proHeader h2 a{ color:#ff8a00; font-size:18px;}

.proHeader span{ color:#cbcbcb; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px;}

.proBgLeft li{ height:40px; line-height:40px; font-size:15px; padding-left:80px;}

.proTell{ width:300px; height:185px; position:relative; background:url(../images/proLeftTell.jpg) no-repeat;}

.proTell span{ font-size:24px; font-family:Impact; position:absolute; top:124px; left:92px; color:#fff;}

.proBgLeft .more{ display:block; margin:55px 0 0 34px;}

.proBgRight{ width:100%;}

.slideTxtBox .hd{ width:243px; height:498px; float:left; background:#e0e0e0;}

.slideTxtBox .hd span a{ color:#fff; font-size:14px;}

.slideTxtBox .hd ul{width:100%;}

.slideTxtBox .hd ul li{height:69px; line-height:69px; text-align:center; cursor:pointer; font-size:18px;  }

.slideTxtBox .hd ul li a{ color:#333;}

.slideTxtBox .hd ul li.on{ background:#f5f5f5 url(../images/proLinw.jpg) 20px center no-repeat;}

.slideTxtBox .bd ul{ width:826px; float:right; zoom:1;  }

.proWidth{ width:442px;}

.slideTxtBox .bd li{ float:left;}

.slideTxtBox .bd li span{ display:block; font-size:14px;}

.slideTxtBox .bd li .proOne{ width:384px;}

.slideTxtBox .bd li .proOne span{ display:block; height:99px; background:#b2b2b2;}

.slideTxtBox .bd li .proOne span a{ display:block; height:30px; line-height:30px; border-bottom:1px solid #fff; text-indent:24px;}

.slideTxtBox .bd li .proOne span p{ padding-top:10px; text-indent:24px; height:44px; overflow:hidden; color:#fff;}

.slideTxtBox .bd li .proTwo{ width:216px; float:left; margin: 0 0 5px 5px;}

.slideTxtBox .bd li .proTwo span{ display:block; height:24px; line-height:24px; background:#b2b2b2; font-size:12px; text-align:center;}

.slideTxtBox .bd li a{ color:#fff;}

.slideTxtBox .bd li .date{ float:right; color:#999;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }

.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }

.slideTxtBox .arrow .next{ background-position:0 -50px;  }

.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }

.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

/*banner广告*/

.barS{ height:222px; color:#fff; background:url(../images/barOne.jpg) no-repeat; margin-bottom:20px;}

.broLeft{ padding:53px 0 0 116px;}

.broLeft span{ font-size:18px;}

.broLeft strong{ font-size:24px;}

.broRight{ padding:50px 137px 0 0;}

.broRight b{ font-size:18px;}

.broRight i{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}



.barS1{ height:222px; color:#fff; background:url(../images/barS1.jpg) no-repeat; margin:20px 0;}

.broLeft b{ font-size:18px; text-transform:uppercase; font-weight:bold;}

/*案例*/

.titName{ height:72px; line-height:72px; border-bottom:1px solid #c8c8c8; padding-left:50px; background:url(../images/icon1.png) no-repeat 5px center;}

.titName h3 a{ font-size:24px; color:#ff8a00;}

.picMarquee-left .bd{ padding:20px 0;   }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 8px; 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:212px; height:151px; display:block; border:1px solid #c6c6c6; }

.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picMarquee-left .bd ul li .title{ line-height:24px;   }



.picMarquee-leftC .bd{ padding:20px 0;   }

.picMarquee-leftC .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-leftC .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarquee-leftC .bd ul li .pic{ text-align:center; }

.picMarquee-leftC .bd ul li .pic img{ width:212px; height:151px; display:block; border:1px solid #c6c6c6; }

.picMarquee-leftC .bd ul li .pic a:hover img{ border-color:#999;  }

.picMarquee-leftC .bd ul li .title{ line-height:24px;   }

/*用电解决方案*/

.solution{ height:678px; background:url(../images/solutonBg.jpg) no-repeat center bottom;}

.solutionHeader{ text-align:center;}

.solutionHeader h4{ font-size:30px; color:#0066cb; font-weight:bold;}

.solutionHeader span{ display:block; font-size:24px; color:#ababab;}

.solutionHeader b{ font-size:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;  color:#ababab;}

.slideTxtBoxS .bd{ height:446px;}

.slideTxtBoxS .bd li .solutionTell{ width:371px; height:372px; background:url(../images/solutionTitle.jpg) no-repeat;}

.slideTxtBoxS .bd li .solutionTell .solutionTitle{ padding:60px 24px 0; height:197px; color:#fff;}

.slideTxtBoxS .bd li .solutionTell .solutionTitle strong{ display:block; font-size:18px; font-weight:bold;}

.slideTxtBoxS .bd li .solutionTell .solutionTitle b{ display:block; width:70px; border:1px solid #fff;}

.slideTxtBoxS .bd li .solutionTell .solutionTitle p{ font-size:15px;}

.slideTxtBoxS .bd li .solutionTell .tellMore{ height:115px; background:#0050a0; color:#fff;}

.slideTxtBoxS .bd li .solutionTell .tellMore div{ padding-right:50px; height:45px; background:url(../images/Icon.png) right center no-repeat; text-align:right; margin: 30px 0 0 20px;}

.slideTxtBoxS .bd li .solutionTell .tellMore div span{ font-size:15px;}

.slideTxtBoxS .bd li .solutionTell .tellMore a{ display:inline-block; margin:48px 20px 0 0;}

.slideTxtBoxS .bd li .solutionTell .tellMore div b{ font-size:24px; font-family:Arial, Helvetica, sans-serif;}



.slideTxtBoxS .hd ul{ padding-left:28%;}

.slideTxtBoxS .hd ul li{ float:left; width:90px; text-align:center; height:90px; line-height:90px; text-align:center; cursor:pointer; font-size:18px; background:#0050a0; border-radius:200px; color:#fff; font-size:62px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 36px;  }

.slideTxtBoxS .hd ul li.on{ background:#cb0000;}







/*行间广告*/

.bar{ width:1180px; height:244px; background:url(../images/bar1.jpg) no-repeat center top; margin-top:80px; position:relative; color:#fff;}

.barTit{ padding:80px 0 0 65px;}

.barTit div{ padding-left:278px;}

.barTit div strong{ font-size:30px;}

.barTit div span{ font-size:23px;}

.barTit b{ font-size:23px;}

.barTits{ text-align:center; padding:100px 78px 0 0;}

.barTits a{ display:inline-block; width:161px; height:34px; text-align:center; line-height:34px; background:#fff; color:#ff8a00; font-size:16px; margin-bottom:10px;}

.barTits span{ font-size:16px; font-weight:bold;}



/*优势*/

.ys{ height:443px; width:1080px; background:url(../images/ys.jpg) center top no-repeat; position:relative;}

.ysNr{ color:#fff; width:302px; height:99px; padding:15px 8px;}

.ysNr strong{ font-size:16px;}

.ysNr p{ font-size:14px; padding-top:10px;}

.yscon{ width:320px; text-align:center;}

.yscon h4{ font-size:30px; color:#0066cb; font-weight:bold;}

.yscon span,.yscon strong,.yscon b{ display:block;}

.yscon span{ font-size:24px; color:#333;}

.yscon strong{ font-size:30px; color:#cb0000;}

.yscon b{ font-size:30px; color:#b5b5b5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.ysNr1{ position:absolute; left:9px; top:52px;}

.ysNr2{ position:absolute; left:770px; top:52px;}

.ysNr3{ position:absolute; left:9px; top:268px;}

.ysNr4{ position:absolute; left:770px; top:268px;}

.ysNr5{ position:absolute; left:384px; top:142px;}

/*行间广告*/

.barsCon{ padding-top:110px;}

.bars{ height:403px; background:url(../images/bar2.jpg) no-repeat center top; color:#fff;}

.bars span{ display:block; font-size:24px;}

.bars strong{ font-size:36px;}

.bars p{ font-size:18px;}

.bars p b{ font-family:Impact; font-size:24px;}

.bars a{ display:block; width:176px; height:37px; text-align:center; line-height:37px; background:#fff; color:#ff8a00; font-size:18px; margin-top:20px;}

/*精品案例*/

.caseJp{ padding:20px 0; background:#efefef;}

.caseHeader{ text-align:center; padding-bottom:20px;}

.caseHeader h3 a{ font-size:24px; color:#0066cb; font-weight:bold;}

.caseHeader span{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#ababab; text-transform:uppercase;}

/*客户见证*/

.khjzCon li{ width:225px; height:334px; float:left; margin:42px 12px; border:2px solid #e8e8e8; padding:8px;}

.khjzCon li:hover{ cursor:pointer; border:2px solid #0050a0; transition:.3s ease;}

.khjzCon li div{ margin:6px 0; padding:5px 0;}

.khjzCon li div span{ display:block; width:96%; margin:0 auto; height:24px; line-height:24px; font-size:15px; }

.khjzCon li div span a{ display:block; color:#0050a0;white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.khjzCon li div p{ padding:5px; font-size:13px; height:106px; overflow:hidden;}

/*企业简介*/

.abBg{ height:288px;}

.abBgLeft img{ padding:6px; border:1px solid #b5b5b5;}

.abBgLeft div{ padding:20px 0 0 20px;}

.abBgLeft b{ font-size:38px;}

.abBgLeft span{ display:block; font-size:18px;}

.abBgLeft  i{ font-size:52px; color:#ffad4d; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.abBgRight{ width:554px;}

.abBgRight h3 a{ font-size:18px;  color:#0050a0;}

.abTit div{ height:200px; overflow:hidden; font-size:13px; line-height:24px; overflow:hidden; padding-top:20px;}

.abBgRight span{ display:block; width:120px; height:30px; text-align:center; line-height:30px; font-size:14px; margin-top:20px; background:#0050a0;}

.abBgRight span a{ color:#fff;}

.picMarqueeMt-left{ position:relative;   }

.picMarqueeMt-left .hd .prev{ display:block;  width:34px; height:34px; position:absolute; top:36%; left:0;overflow:hidden;cursor:pointer; background:url(../images/caseLeft.jpg) no-repeat;}

.picMarqueeMt-left .hd .next{ display:block;  width:34px; height:34px; position:absolute; top:36%; right:0;overflow:hidden;cursor:pointer; background:url(../images/caseRight.jpg) no-repeat;}

.picMarqueeMt-left .hd .prevStop{ background-position:-60px 0; }

.picMarqueeMt-left .hd .nextStop{ background-position:-60px -50px; }

.picMarqueeMt-left .bd{ padding:0px 40px; width:500px; overflow:hidden;  }

.picMarqueeMt-left .bd ul{ overflow:hidden; zoom:1; }

.picMarqueeMt-left .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarqueeMt-left .bd ul li .pic{ text-align:center; }

.picMarqueeMt-left .bd ul li .pic img{ width:254px; height:169px; display:block;}

.picMarqueeMt-left .bd ul li .title{ line-height:24px;   }

/*新闻*/

.slideTxtBoxnews{ text-align:left;  }

.slideTxtBoxnews .hd{ height:48px; background:url(../images/newsBgHdeader.jpg) no-repeat left bottom; padding:0 10px 0 0; margin-bottom:20px;     position:relative; }

.slideTxtBoxnews .hd ul li{ float:left; padding-right:15px; cursor:pointer; font-size:18px; font-weight:bold;  margin-right:20px; text-align:center; }

.slideTxtBoxnews .hd span{ position:absolute; right:5px; top:5px;}

.slideTxtBoxnews .hd ul li a{color:#0066cb;}

.slideTxtBoxnews .hd ul li.on a{color:#cb0000;  }

.slideTxtBoxnews .bd .news-Tn{ overflow:hidden; width:270px;}

.slideTxtBoxnews .bd .news-Tn div span a{ display:block; font-size:15px; color:#0066cb; height:20px; overflow:hidden;}

.slideTxtBoxnews .bd .news-Tn div p{ height:72px; overflow:hidden; color:#a8a8a8;}

.slideTxtBoxnews .bd .news-Tn div b a{ display:block; width:92px; height:25px; text-align:center; line-height:25px; background:#0066cb; color:#fff; margin-top:5px;}

.slideTxtBoxnews .bd .T-news{ height:34px; line-height:30px; overflow:hidden;}

.slideTxtBoxnews .bd .T-news .newsTime{ width:220px;height:30px; line-height:30px; padding-left:26px; background:url(../images/newsIcon.jpg) no-repeat left center; font-size:13px;}

.slideTxtBoxnews .bd .T-news .newsTime span{ font-size:24px;}

.slideTxtBoxnews .bd .T-news .newsTime b{ font-size:14px; }

.slideTxtBoxnews .bd .T-news .newsTxt{ height:30px; line-height:30px; font-size:13px;}

.T-news-con{ width:340px;}

.news-titleOne{ overflow:hidden;}

.news-titleTwo{ padding-top:20px;}

.newsTs{ width:390px; height:100px;}

.newsTs div{ width:260px; height:84px;}

.newsTs div span a{ display:block; font-size:15px; margin-bottom:10px; }

.newsTs div p{ height:40px; overflow:hidden; color:#a8a8a8;}

.slideTxtBoxnews .bd li .date{ float:right; color:#999;  }

.news{ padding:30px 0 10px;}

.news-s{ padding-top:30px;}

.newsCon{ width:630px;}

.newsCons{width:372px; padding-left:20px;}

.newsConW h3{ height:48px; font-size:18px; font-weight:bold;}

.newsConW h3 a{color:#0066cb; }

.newsConW span{ font-size:18px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; color:#c5c5c5;}

.newsIn li{ height:30px; line-height:30px; overflow:hidden;font-size:13px;}

.newsIn li a{ float:left; display:inline-block;  width:290px; padding-left:10px; }

.newsIn li span{ float:right;}





.more-tit span{ font-family:Arial, Helvetica, sans-serif; color:#a5a5a5;}

.txtMarquee-top{ width:378px;  overflow:hidden; position:relative;   }

.news-header{ height:30px; padding-left:10px;}

.news-header h3{ display:inline-block; font-size:18px;}

.news-header h3 span{text-transform:uppercase; display:inline-block; margin-left:5px;}

.txtMarquee-top .bd{ padding:15px 0;  }

.txtMarquee-top .infoList li{ border-bottom:1px solid #c5c5c5; padding-bottom:10px; font-size:14px;}

.txtMarquee-top .infoList li a{ display:block; height:24px; line-height:24px; font-size:15px; color:#292929;margin-top:5px;}

.txtMarquee-top .infoList li span{ display:block; height:58px; overflow:hidden; color:#a8a8a8; font-size:12px; font-family:"微软雅黑";}

.txts{ display:block; padding-left:35px; background:url(../images/comW.jpg) no-repeat left center;}

.pics{ display:block; padding-left:35px; background:url(../images/comD.jpg) no-repeat left 5px; padding-top:10px;}



