.sxgnbu{width: 100%;overflow: hidden; position: relative; display: block;}






/*案例列表*/



.pcaselist{width: 100%; overflow: hidden; position: relative; margin-top: 20px;}
.pcaselist ul{zoom: 1;}
.pcaselist ul li{float: left;width: 395px; height: 395px;margin-right: 7.5px; overflow: hidden; margin-bottom: 7.5px; position: relative;}
.pcaselist ul li:nth-child(3n){ margin-right: 0;}

.pcaselist ul li .zoomda {width: 395px; height: 395px;position: relative;overflow: hidden;cursor: pointer;}
.pcaselist ul li .zoomda img {width: 100%;max-width: 100%;transition: all 0.7s ease-in-out;}
.pcaselist ul li:hover .zoomda img {transform: scale(1.1,1.1);transition: all 0.7s ease-in-out;}
.pcaselist ul li .texts{width: 100%;position: absolute;top: 100%;height: 40px; line-height: 40px; overflow: hidden; z-index: 5;font-size: 18px;font-weight: 600; text-align: center;}
.pcaselist ul li .wenzi{position: absolute;top: 450px;color: #fff;width: 80%;left: 10%;font-size: 14px; opacity: 0;}
.pcaselist ul li .heidi{background: url(../Images/heidi.png) repeat left top;background: rgba(0,0,0,.6);width: 100%;position: absolute;height: 100%;top: 100%; left: 0;}
.pcaselist ul li:hover .texts{transition: all 0.7s ease-in-out;top: 170px;color: #0085db;}
.pcaselist ul li:hover .wenzi{top: 230px;transition: all 1.5s ease-in-out; opacity: 1;}
.pcaselist ul li:hover .heidi{ display: block; top:0;-webkit-transition: top 0.1s ease; -moz-transition: top 0.1s ease; -o-transition: top 0.1s ease; transition: top 0.7s ease; }



/*案例列表*/

/*工程案例*/

.caselist{widows: 100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px;  margin-top: 5px;}
.caselist ul{zoom: 1;  margin-bottom: 15px; }
.caselist ul li{width: 388px; float: left; margin-bottom: 30px;  margin-right:18px;overflow: hidden; position: relative;}
.caselist ul li:nth-child(3n){margin-right: 0;}
.caselist ul li .tuimgt{ height: auto; overflow: hidden; width: 388px;height:291px ; vertical-align: middle;background-color: #f1f1f1; }
.caselist ul li .tuimgt img{max-width: 100%;width: 388px; height:291px ;}
.caselist ul li .tuext{text-align: left; height: 40px; line-height: 40px;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;    font-size: 16px;}

.caselist ul li .mask{width: 388px; height:291px ; position: absolute; text-align: left; background: rgba(0,133,219,.6);}

.caselist ul li  .mask .tt { display:block; color:#ffffff; padding:20px; opacity:0; display:none/9; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}

.caselist ul li  .mask .text {font-size:18px;line-height:24px;overflow:hidden;}
.caselist ul li  .mask .nontht { display:block; margin-bottom:5px; margin-top:15px; color:#ffffff;font-size:14px;}


.caselist ul li .mask{ left: 0; top: 0; opacity: 0;display:none/9; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;visibility: hidden;}
.caselist ul li:hover .mask{ opacity:1; display:block/9; visibility: visible;}
.caselist ul li :hover .mask .tt { opacity:1; display:block/9; margin-top:0;}


/*.caselist{100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px;  margin-top: 40px;}
.caselist ul{zoom: 1;  margin-bottom: 15px; }
.caselist ul li{width: 370px; float: left; margin-bottom: 30px; margin-right:45px;}
.caselist ul li:nth-child(3n){margin-right: 0;}
.caselist ul li .tuimgt{ height: auto; overflow: hidden; width: 370px; vertical-align: middle;background-color: #f1f1f1; }
.caselist ul li .tuimgt img{max-width: 100%; transition: all 1s ease 0s;vertical-align: middle;}
.caselist ul li .tuimgt:hover img{transform: scale(1.1,1.1)}
.caselist ul li .tuext{ background-color: #f1f1f1; padding: 10px;text-align: center;margin-top: -2px}
*/


/*工程案例*/




/*解决方案*/


.solutionlist{width:100%; margin:auto; padding: 20px 0; margin: 20px 0;}
.solutionlist .part{ position:relative;padding:30px 100px 30px 320px; background: #f9f9f9; height: 190px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin-bottom: 30px; top: 0px;}
.solutionlist .part .pic{ top: 0px; left: 0px; position: absolute; z-index: 2; width:300px; height:250px; display: block; overflow: hidden; }
.solutionlist .part .pic img{width:300px; height: 250px; display: block;transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.solutionlist .part .pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.solutionlist .part .btn{ display: block; padding-top: 100px; height: 150px; text-align: center; width: 60px; font-size: 16px; color: #fff; line-height: 26px; background: #ddd; position: absolute; right: 0px; top: 0px;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.solutionlist .part:hover .btn{ background: #0085db;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.solutionlist .part:hover{-moz-box-shadow:0px 0px 10px #A8A8A8; -webkit-box-shadow:0px 0px 10px #A8A8A8; box-shadow:0px 0px 10px #A8A8A8;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; top: -5px;}
.solutionlist .part .tit{ color: #333; font-size: 24px; height: 30px; line-height: 30px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; margin-bottom: 10px;}
.solutionlist .part .sjtit{ color: #333; font-size: 18px; height: 24px; line-height: 24px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; margin-bottom: 20px;}

.solutionlist .part .tit:hover{color: #0085db;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.solutionlist .part .p1{ color: #0085db; height:20px; overflow: hidden; margin-bottom: 35px;}
.solutionlist .bdcontainer{position: relative; line-height: 25px; color: #999;font-size: 15px;}




/*解决方案*/




/*新闻中心*/

.newslist{ margin:60px 0 65px; border-top:1px dashed #e5e5e5;overflow: hidden; position: relative;}
.newslist ul{zoom: 1;  }
.newslist ul li{ margin-top: -1px; position: relative; overflow: hidden; display: block; width: 100%;}
/*.newslist ul li:last-child a{border-bottom: none;}*/
.newslist ul li a{ display: block; padding:30px 0px ; overflow: hidden; border-bottom:1px dashed #e5e5e5; position: relative; }
.newslist ul li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #0085db; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.newslist ul li .img{ float: left; overflow: hidden;width: 200px; height: 150px; margin-right: 50px;}
.newslist ul li .img img{max-width:100%;transition: all 0.5s ease 0s;}
.newslist ul li .img:hover img{transform: scale(1.1,1.1)}
.newslist ul li .text{ float: left; overflow: hidden;width: 700px; height: 150px; margin-right: 50px; }
.newslist ul li .text .tit{ height: 40px; line-height: 40px; font-size: 18px; color: #101010;}
.newslist ul li .text .des{ margin-top:5px; color: #999999; line-height:26px; height:78px; overflow: hidden; }
.newslist ul li .date{ position: absolute; top:30px; right:0; width:149px; border-left: 1px solid #eeeeee; padding-left: 50px;}
.newslist ul li .date span{ display: block; font-size: 30px;  color: #999999; margin-bottom: 10px;}
.newslist ul li .date span.tttine{font-size: 35px;  }
.newslist ul li .date i{ margin-top:5px; display: inline-block; width: 28px; height: 28px; background:url(../images/news_more.png) no-repeat ; margin-left: 30px;}
.newslist ul li:hover{z-index:1; }
.newslist ul li a:hover:before{ width: 100%;}
.newslist ul li a:hover{ background: #FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}

.newslist ul li a:hover .text .tit{ color: #0085db;}

/*新闻中心*/


/*新闻详情*/

.newstt{position: relative;width: 100%; overflow: hidden;    display: block; padding: 30px 0;}

.cotle{ border-bottom:1px solid #e5e5e5;    padding-bottom: 10px;}
.cotle h3{ font-size:20px; text-align:center; line-height:32px; color:#1a1a1a;}

.couthor{ text-align:center; color:#6e6e6e; font-size:14px; padding:20px 0px 20px;}
.couthor .divIcon {float:left;}
.couthor .divIcon span{ padding-right:34px;padding-left:20px; position:relative; background-repeat:no-repeat;background-position:left center;}
.couthor .divIcon span.eye{background-image:url(../images/eye.png);}
.couthor .divIcon span.time{background-image:url(../images/time.png);}
	

.contents{ padding:30px 0px;overflow: hidden; width: 100%; position: relative;}
.contents p{ font-size:15px; line-height:28px;color:#666;}
.contents img{ max-width:100%; margin: auto; display:block; position: relative; margin-bottom:15px !important; text-align: center ;}



.nwesfoot{border:1px solid #cccccc; border-left:none; border-right:none;}
.nwesfoot p{ float:right;}
.nwesfoot p a{ display:inline-block; width: 100px;margin-top: 35px;text-align: center;line-height: 30px; padding-right: 20px;
    background: #0085db url(../images/head05.png) no-repeat 88px center;color: #fff;transition: all .4s ease;-webkit-transition: all .4s ease;}
.nwesfoot p a:hover{opacity:.8;background-position-x:94px;}
.nwesfoot dl{margin-right:130px; font-size:13px; padding:13px 0px;}
.nwesfoot dl  a{color:#1a1a1a;}
.nwesfoot dl  a:hover{color:#0085db}
.nwesfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:5px;}
.nwesfoot dl dd{ margin-bottom:20px;}
.nwesfoot dl dt{ }


/*新闻详情*/