/* CSS Document */
*{transition:all .5s;}
/*--幻灯--*/
.banCont{position:relative; height:502px;}
.bannerBox{position:absolute; top:0; right:0; width:100%; height:500px; overflow:hidden }
.banner{position:relative; overflow:hidden;  height:500px; min-width:1450px;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:565px;cursor:pointer;text-align: center; }
.banner .bd li .siteWidth{ position:relative;  margin:0 auto; width:1000px;  height:299px;  }
.banner .bd li a{ display:block; height:299px;  }
.banner .hd{ position:absolute; bottom:0; width:100%;z-index:1; height:30px; text-align:center; line-height:30px; }
.banner .hd ul li{ display:inline-block; overflow:hidden; margin:4px; width:14px; height:14px; -webkit-border-radius:50%; border-radius:50%; background:#009944; line-height:9999px;opacity:0.4; cursor:pointer; zoom:1; *display:inline; filter:alpha(opacity=40); }
.banner .hd ul .on{opacity:1; filter:alpha(opacity=100);  }
.ggxbj{position:absolute; top:0; right:-470px; z-index:998; width:470px; height:600px; background:url(img/ggxbj.jpg) no-repeat center;}

/*--searchBox*/
.search{ overflow:hidden; width:720px; height:35px; line-height:35px; margin:15px 0}
.search .searchBox{width:294px; border:1px solid #E22C08; border-left:4px #E22C08 solid; margin-left:10px}
.search .soText{float:left; padding:9px 10px; width:232px; height:15px; outline:none; border:none; background-color:#fff; color:#666; line-height:15px;}
.search .soBtn{float:right; width:40px; height:33px; border:none; background:url(img/searchBtn.png) no-repeat center;}
.search .keyWord{ overflow:hidden; padding-left:10px;width:390px; height:35px; background:url(img/keyWord.png) no-repeat left center;}
.search .keyWord a{padding:0 2px;}
.wrapSpan{background-color:#f3f3f3;}

/*产品*/
.cpBox{padding-top:20px;}
.cpBox .container{position:relative; padding-bottom:24px;}
.cpBox .cpDb{position:absolute; top:332px; left:-140px; width:140px; height:160px; background:url(img/cpDb.jpg) no-repeat center;}
.cpBox .cpDb2{position:absolute; right:-328px; bottom:-40px; z-index:99; width:284px; height:162px; background:url(img/cpDb2.jpg) no-repeat center;}
.cpMu{padding-bottom:10px; width:220px; background-color:#333}
.cpMu h4 img{display:block;}
.cpMu dl{padding-top:6px; padding-bottom:10px; border-top:1px solid #9e9d9d;}
.cpMu dl dt{padding-left:74px; height:34px; background:url(img/cpMuDt.png) no-repeat 30px center; color:#009944; font-weight:bold; font-size:13px; line-height:34px;}
.cpMu dl dt a{color:#009944;}
.cpMu dl dd{height:24px; line-height:24px}
.cpMu dl dd a{margin-left:74px; font-size:13px; color:#FFF}
.cpMu .cpMuGd{display:block; padding-left:30px; height:50px; background-color:#009944; color:#fff; font-size:14px; line-height:50px;}
.cpRight{width:720px;}
.cpRight h4{height:20px; line-height:20px;}
.cpRight h4 a{padding-left:22px; background:url(img/hzBtnR.png) no-repeat left center; color:#333;}
.cpRight h4 span{font-weight:normal;}
.cpRight .cpGgl img{display:block;}
.cpRight ul{ overflow:hidden;margin-top:15px;}
.cpRight li{position:relative; float:left; overflow:hidden; margin-bottom:15px; margin-left:10px; width:230px; height:272px; background-color:#333; text-align:center;}
.cpRight li a{position:absolute; top:0; left:0; z-index:8; display:block; width:226px; height:268px; border:2px solid #009944; background:url(img/cpLink.png) no-repeat right top; opacity:0; filter:alpha(opacity=0);}
.cpRight li img{margin-top:44px; margin-bottom:10px;}
.cpRight li h5{position:relative; z-index:9; height:26px; color:#fff; font-weight:normal; font-size:16px; line-height:26px;}
.cpRight li span{position:relative; z-index:9; font-size:14px;}
.cpRight li:hover{background:#fff;}
.cpRight li:hover h5{color:#000}
.cpRight li:hover a{opacity:1; filter:alpha(opacity=80);}
/*推荐产品*/
.tjCp{margin-bottom:20px;}
.tjCp table{margin-left:5px}
.tjCp table td{padding:0px}
/*优势*/
.ysBox{position:relative; margin-bottom:40px; height:1050px; background-color:#fff;}
.ysBox .bsYs{position:absolute; top:0; right:-470px; width:470px; height:1050px; background-color:#fff;}
.ysBox .ysDb{position:absolute; top:714px; left:-230px; width:230px; height:324px; background:url(img/ysDb.jpg) no-repeat center;}
.ysBox .ysTit{position:absolute; top:0; left:-470px; width:730px; height:552px; background:url(img/ysTit.jpg) no-repeat center;}
.ysBox dl{ overflow:hidden; margin-bottom:20px;margin-left:300px;}
.ysBox dt{float:left; overflow:hidden; padding-left:20px; width:78px; height:98px; background-color:#303030; color:#5f5f5f;}
.ysBox dt b{display:block; padding-top:18px; color:#fff; font-size:24px;}
.ysBox dt i{display:block;}
.ysBox dt span{font-size:20px; font-family:arial;}
.ysBox dd{float:left; padding-bottom:20px; padding-left:32px; width:550px; background-color:#f3f3f3;}
.ysBox dd h5{padding-top:20px; color:#009944; font-size:20px;}
.ysBox dd span{ display:block;margin:4px 0; color:#1a1a1a; font-size:20px;}
.ysBox dd i{display:block; margin-bottom:8px;}
.ysBox dd p{padding-left:12px; height:28px; background:url(img/ysDdp_ico.png) no-repeat left center; color:#333; font-size:13px; line-height:28px;}
.ysBox dl:hover dt{background-color:#009944;}
.ysBox dl:hover dt *{color:#fff;}
.ysBox dl.xR dt{float:right;}
.ysBox dl.ys01{padding-top:46px;}
/*案例*/
.alBox{position:relative; height:730px; background-color:#fff;}
.alBox .faDb{position:absolute; top:454px; right:-314px; width:314px; height:190px; background:url(img/faDb.jpg) no-repeat center;}
.alBox .bsYs{position:absolute; top:0; left:-470px; width:470px; height:730px; background-color:#fff;}
.alBox h4{padding-top:48px; padding-bottom:26px;}
.alMu{width:222px;}
.alMu li{margin-bottom:1px;}
.alMu li a{display:block; padding-left:13px; height:52px; background:url(img/alMu.png) no-repeat center; color:#fff; text-decoration:none; font-size:15px; line-height:52px;}
.alMu li:hover a , .alMu li.cur a{background-image:url(img/alMuH.png);}
.alCont{ overflow:hidden;width:720px;}
.alCont dl{ overflow:hidden;height:555px;}
.alCont dl dt img{float:left; margin-bottom:1px; margin-left:1px;}
.alCont dl dd{width:230px;}
.alCont dl dd h5{height:28px; font-size:24px; line-height:28px;}
.alCont dl dd h5 a{color:#009944;}
.alCont dl dd p{ overflow:hidden;margin-top:10px; height:10px; font-size:10px;  line-height:10px;}
.alCont dl dd .btnMore{ display:block;margin-top:122px; width:144px; height:40px;color:#fff; background:#000; text-align:center; font-weight:bold; font-size:16px; line-height:40px;}
.alCont dl dt{margin-right:50px; width:430px;}
/*解决方案*/
.jjfa{height:532px; background:url(img/jjfa.png) no-repeat center;}
.jjfa .container{ overflow:hidden;padding-top:44px;}
.faCont{ overflow:hidden;margin-left:40px;}
.faCont dl{position:relative; float:left; margin-right:1px; width:226px; height:448px;}
.faCont dl dd{position:relative; width:226px; height:224px; background-color:#333; color:#999;}
.faCont dl dd>*{ margin-right:20px;margin-left:30px;}
.faCont dl dd h5{height:66px; color:#009944; font-weight:normal; font-size:16px; line-height:66px;}
.faCont dl dd h5 a{color:#009944;}
.faCont dl dd p{ overflow:hidden;margin-top:10px; margin-bottom:36px; height:54px; line-height:18px;}
.faCont dl dd em{ }
.faCont dl dd i{position:absolute; bottom:-8px; left:50%; z-index:9; margin-left:-4px; border:4px solid transparent; border-top-color:#333;}
.faCont dl dt img{display:block;}
.faCont dl.mx dd{position:absolute; bottom:0; left:0;}
.faCont dl.mx dd i{bottom:224px; border-bottom-color:#333; border-top-color:transparent;}
.faCont dl:hover dd{background-color:#009944;}
.faCont dl:hover dd>*{color:#fff;}
.faCont dl:hover dd i{border-top-color:#009944;}
.faCont dl.mx:hover dd i{border-top-color:transparent; border-bottom-color:#009944;}
/*关于*/
.gyBox{position:relative; height:455px; background:url(img/gyBox.jpg) no-repeat center;}
.gyBox .bsYs{position:absolute; top:0; right:-470px; width:470px; height:455px; background-color:#fff;}
.gyBox dl{ margin-left:560px;padding-top:40px;}
.gyBox dt{margin-bottom:30px;}
.gyBox dt b{ color:#009944;font-size:18px;}
.gyBox dt span{ display:block;margin:4px 0; color:#333; font-size:14px;}
.gyBox dt i{ display:block;margin-bottom:12px; color:#009944; word-spacing:-1em;}
.gyBox dd h5{ color:#009944; font-weight:normal;font-size:14px;}
.gyBox dd p{ overflow:hidden;margin-top:10px; margin-bottom:28px; height:110px; line-height:22px;}
.gyBox dd .gyMore{display:block; width:114px; height:40px; color:#fff; background:#000; text-align:center; font-size:14px; line-height:40px;}
/*团队*/
.teamBox{background:url(img/teamBoxBg.jpg) no-repeat 1% 80%;}
.teamBox .container{position:relative; padding-top:40px; height:512px; background-image:url(img/teamBox_ico.png);}
.teamBox .hsYs{position:absolute; top:0; right:-470px; width:470px; height:552px; background-image:url(img/teamBox_ico.png);}
.teamBox .teamCont{ overflow:hidden;margin-left:38px;}
.teamBox .teamCont img{float:left; margin-bottom:1px; margin-left:1px;}
.teamBox .teamCont img.teamImg{opacity:0.5; filter:alpha(opacity=50);}
.teamBox .teamCont img.teamImg:hover{opacity:1; filter:alpha(opacity=100);}
/*资深设计*/
.zssj{position:relative; margin-top:40px; height:568px; background-color:#fff;}
.zssj .bsYs{position:absolute; top:0; right:-470px; width:470px; height:568px; background-color:#fff;}
.zssj h4{position:relative; margin-bottom:30px; margin-left:40px; padding-top:38px; font-size:24px;}
.zssj h4 a{color:#009944;}
.zssj h4 span{ display:block;margin-top:4px; margin-bottom:20px; color:#333; font-weight:normal; font-size:18px;}
.zssj h4 .titMore{position:absolute; right:0; bottom:0;}
.zssj ul{ overflow:hidden;margin-left:20px;}
.zssj li{ float:left;margin-left:20px; padding-bottom:12px; width:220px; background-color:#000; color:#fff; text-align:center;}
.zssj li>a{position:relative; display:block; overflow:hidden; width:220px; height:240px;}
.zssj li img{display:block;}
.zssj li h5{margin-top:12px; height:34px; font-size:15px; line-height:34px;}
.zssj li h5 a{color:#fff;}
.zssj li i{font-style:normal;}
.zssj li p{height:36px; font-size:13px; line-height:36px;}
.zssj li:hover{background-color:#009944;}
.zssj li:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);transform:scale(1.2); -ms-transform:scale(1.2);}
/*广告栏*/
.ggl{position:relative; height:180px;}
.ggl>a{position:absolute; top:0; right:0;}
.ggl>a span{position:absolute; top:122px; right:68px; color:#009944; font-size:14px; font-family:arial;}
.ywrSpan{background:url(img/ywrSpan.jpg) no-repeat 110% 130px;}
/*动态*/
.dtSpan{ margin-top:20px;padding-bottom:40px; background:url(img/dtSpan.jpg) no-repeat 1% 194px;}
.dtSpan .container{position:relative; height:380px; background-image:url(img/teamBox_ico.png);}
.dtSpan .hsYs{position:absolute; top:0; right:-470px; width:470px; height:380px; background-image:url(img/teamBox_ico.png);}
.dtTab{width:225px;}
.dtTab span{ display:block;background:url(img/dtTab.png) no-repeat center;}
.dtTab span img{display:block;}
.dtTab span.cur , .dtTab span:hover{background-image:url(img/dtTabH.png);}
.dtCont dl{float:left; margin-right:38px; padding-top:40px; width:362px;}
.dtCont dl dd h5{height:52px; font-size:14px; line-height:52px;}
.dtCont dl dd h5 a{color:#fff;}
.dtCont dl dd p{ overflow:hidden; height:80px; color:#999;line-height:20px;}
.dtCont ul{ float:right;padding-top:32px; width:320px;}
.dtCont ul li{ overflow:hidden;padding-left:8px; height:28px; background:url(img/dtLi_ico.png) no-repeat left center; line-height:28px;}
.dtCont ul li a{color:#999;}