
/*新闻列表*/
.newslist{padding:30px 2px; overflow: hidden;}
.newslist dl { padding: 20px 30px; position: relative; border: 1px solid #eaeaea; margin-bottom:20px ; overflow: hidden;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.newslist dl: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;}

.newslist dl dt { padding: 0; overflow: hidden; width: 300px; float: left; height: 200px; }
.newslist dl dt img { display: block; width: 100%; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s;}
.newslist dl dt:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.newslist dl dd { padding-top: 10px; float: left; width: 690px; margin-left: 30px; }
.newslist dl dd h4 { font-size: 18px; padding-bottom: 15px; }
.newslist dd h4 a { color: #1a1a1a; display: block; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.newslist dd .newsdeatils { height: 96px; line-height: 24px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #737373; }

  .newslist dl:hover dd h4 a, .newslist dl:hover .date, .newslist dl:hover .date em { color: #E01A21; border-color: #E01A21; }
  .newslist dl:hover .deailsBtn a { background: #E01A21; color: #fff; border-color: #E01A21; }


.newslist .date { color: #cccccc; position: absolute; right: 40px; top: 62px; text-align: center;}

.newslist .date em { display: block; font-size: 60px; line-height: 60px; padding-bottom: 5px; border-bottom: 1px solid #cccccc;}
.newslist .date .time { font-size:  18px; display: block; float: left; vertical-align: middle; }

.newslist .deailsBtn { margin-top: 19px; }
.newslist .deailsBtn a { display: inline-block;padding: 5px 15px; border: 1px solid #CCCCCC; text-align: left; color: #666; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

/*新闻列表*/


/*解决方案*/
.news_list{position:relative; overflow: hidden; width: 100%;padding: 40px 0 30px;}
.news_list .part{ position:relative;padding:10px 100px 20px 320px; background: #fff; height: 170px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin-bottom: 30px; top: 0px;}
.news_list .part .pic{ top: 0px; left: 0px; position: absolute; z-index: 2; width:300px; height:200px; display: block; overflow: hidden; }
.news_list .part .pic img{width:300px; height: 200px; display: block;transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.news_list .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;}
.news_list .part .btn{ display: block; padding-top: 80px; height: 120px; 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; }
.news_list .part:hover .btn{ background: #e62129;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.news_list .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;}
.news_list .part .tit{ color: #333; font-size: 24px; height: 30px; line-height: 30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; margin-bottom: 5px;}
.news_list .part .sjtit{ color: #333; font-size: 18px; height: 24px; line-height: 24px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; margin-bottom: 10px;}

.news_list .part .tit:hover{color: #db2121;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.news_list .bdcontainer{position: relative; top: 0; line-height: 25px; color: #999;height: 100px; overflow: hidden;}



/*解决方案*/


/*新闻详情*/

.listright{position: relative;width: 100%; overflow: hidden;    display: block; padding: 40px 0;}
.commonLeftbox{overflow: hidden;width:100%;}
.commonDetailedtitle{ border-bottom:1px solid #e5e5e5;    padding-bottom: 10px;}
.commonDetailedtitle h3{ font-size:20px; text-align:center; line-height:32px; color:#1a1a1a;}

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

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

.commonDetailedContents .zztl{float: right; text-align: right; overflow: hidden; position: relative; height: 100px; width: 100%;}
.commonDetailedContents .zztl p{padding: 5px 0; text-align: right;}


/*下一个 返回*/
.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: #c70e07 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:#c70e07}
.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{ }
/*下一个 返回*/

/*新闻详情*/





/*成功案例*/


.pcaselist{width:100%; overflow: hidden; margin-top: 55px; position: relative; margin-bottom: 30px;}
.pcaselist ul{zoom:1 ; margin: auto;}
.pcaselist ul li{width:376px; float:left; position:relative;margin-right:35px; margin-bottom:30px;}
.pcaselist ul li:nth-child(3n){margin-right:0px;}
.pcaselist ul li .img{width: 376px; height: 376px; overflow: hidden;}
.pcaselist ul li .img img{display:block; max-width:100%;transition: all 1s;overflow: hidden;}
.pcaselist ul li .img:hover img{transform:scale(1.2);}
.pcaselist ul li .tdnri{ height:78px; overflow: hidden; padding-left: 10px;  padding-right:50px ;background: #3C3E3D url(../images/yin_ico07.png) no-repeat right }
.pcaselist ul li .tdnri:hover{ background-color: #e62129;}
.pcaselist ul li .tdnri h3{margin-top: 18px; font-size: 18px;color: #fff;}
.pcaselist ul li .tdnri h4{ font-size: 15px;color: #fff;}
/*成功案例*/



/*成功案例列表*/


.caselist{100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 20px;}
.caselist ul{zoom: 1;  margin-bottom: 15px; }
.caselist ul li{width: 346px; float: left; margin-bottom: 20px; margin-right: 30px;}
.caselist ul li:nth-child(3n){margin-right: 0;}
.caselist ul li .tuimgt{border: solid 1px #ddd; height: auto; overflow: hidden; width: 344px; height: 250px;}
.caselist ul li .tuimgt img{max-width: 100%;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s;}
.caselist ul li .tuimgt:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.caselist ul li .tuext{ background-color: #f1f1f1; padding: 10px;text-align: center;margin-top: -2px}



albumlist

/*成功案例列表*/

.albumlist{100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 20px;}
.albumlist ul{zoom: 1;  margin-bottom: 15px; }
.albumlist ul li{width: 346px; float: left; margin-bottom: 20px; margin-right: 30px;}
.albumlist ul li:nth-child(3n){margin-right: 0;}
.albumlist ul li .tuimgt{border: solid 1px #ddd; height: auto; overflow: hidden; width: 344px; height: 250px;}
.albumlist ul li .tuimgt img{max-width: 100%;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s;}
.albumlist ul li .tuimgt:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.albumlist ul li .tuext{ background-color: #f1f1f1; padding: 10px;text-align: center;margin-top: -2px}




/*荣誉列表*
.albumlist{width: 100%; overflow: hidden; position: relative;}
.albumlist ul{zoom: 1;}
.albumlist ul li{width:296px;height:270px;margin-bottom:17px;margin-right:21px; float: left;}
.albumlist ul li:nth-of-type(3n){margin-right:0;}
.albumlist ul li .case_pic{width:296px;height:206px;overflow:hidden;}
.albumlist ul li .case_pic img{width:296px;height:208px;transition: all 1.4s;}
.albumlist ul li .case_pic img:hover{transform: scale(1.2);}
.albumlist ul li span{display:block;width:296px;color:#fff;font-size:13px;line-height:20px;padding:15px 16px;box-sizing:border-box;position:relative;overflow:hidden;text-overflow:ellipsis; text-align: center;}



/*荣誉列表*/


/*ä¸‹è½½ä¸­å¿ƒ*/
.download_txt{width:100%; margin: 0 auto; padding: 30px 0;overflow: hidden; position: relative;}
.download_txt p{background: #001655;height: 41px;line-height: 41px;margin: 0 0px;padding-left: 10px;}
.download_txt p span{font-size: 14px;color: #fff;display: inline-block;}
.download_txt p span.spanrl{padding: 0 240px 0 375px;}
.download_txt ul{padding: 12px 0px 0;}
.download_txt ul li a{display: block;}
.download_txt ul li{height: 59px;line-height: 59px;font-size: 14px;color: #4c4c4c;border-bottom: 1px solid #e6e6e6;}
.download_txt em{margin-top: 15px;float: right;width: 101px;height: 32px;line-height: 32px;background: url(../images/download.jpg) no-repeat;color: #fff;text-indent: 33px;}
.download_txt em:hover{ background: url(../images/download1.png) no-repeat;}
.download_txt ul li span.span01{display:inline-block;width: 360px;}
.download_txt ul li span.span02{display:inline-block;width: 200px;}

/*ä¸‹è½½ä¸­å¿ƒ*/


.newslisttes{width:100%; margin: 0 auto; overflow: hidden; position: relative; margin-top: 20px;}
.newslisttes dl {width: 100%; overflow: hidden; margin: 31px 0px; padding-bottom: 31px; position: relative; border-bottom: #d9d9d9 solid 1px;}
.newslisttes dl dt { width: 280px; height: 174px; position: relative;overflow: hidden ;}
.newslisttes dl dt a{ display: block;width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; background: url(about:blank); z-index: 6; }
.newslisttes dl dt img { display: block; overflow: hidden ; width: 280px; height: 174px;webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s;}
.newslisttes dl dt:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.newslisttes dl dd { width: 680px; padding: 0px 0px 0px 30px; color: #333; }
.newslisttes dl dd h3 { height: 40px; font-size:18px;  font-weight: bold;}
.newslisttes dl dd h3 a { display: block; width: 570px;font-size:18px; line-height:40px; color: #104787; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslisttes dl dd .con { line-height: 25px; font-size: 14px; overflow: hidden; }
.newslisttes dl dd .more { display: block; width: 80px; height: 30px; margin-top:27px; line-height: 32px; text-align: center; color: #1a1a1a; border: 1px solid #999; }
.newslisttes dl dd .date { width: 75px; text-align: center; color: #1a1a1a; position: absolute; top: 15px; right: 0px;  }
.newslisttes dl dd .date span { display: block; height: 70px; line-height: 70px; font-size: 60px; border-bottom: 1px solid #1a1a1a; }
.newslisttes dl dd .date em { font-size: 18px; line-height: 30px; }
.newslisttes dl dd:hover .date,.newslisttes dl dd:hover h3 a { color: #104787; }
.newslisttes dl dd:hover .date span { border-color: #104787; }
.newslisttes dl dd.cur .more, .newslisttes dl dd .more:hover,.newslisttes dl dd:hover .more { color: #fff; border-color: #104787; background: #104787; }









.newslite{width:100%; margin: 0 auto; overflow: hidden; position: relative;}
.newslite ul{zoom: 1; position:relative;}
.newslite ul li{ float:left; width:346px;height:290px; background:#fff; border:1px solid #e6e6e6; position:relative; border-bottom:4px solid #e6e6e6; margin-right:20px;margin-bottom:26px;}
.newslite ul li:nth-child(3n){margin-right: 0;}
.newslite ul li .imgbg{display:block; width:346px; height:220px;overflow: hidden;}
.newslite ul li img{ display:block; width:100%; height:auto; opacity:1;filter:alpha(opacity=100)}
.newslite ul li p.imgbg{ background:#218198;}
.newslite ul li h4{overflow:hidden; font-size:18px; padding:24px 10px 0px; height:21px;}
.newslite ul li p.desc{ height:43px; line-height:24px; overflow:hidden; font-size:14px; padding:15px 10px 0px;}
.newslite ul li a{ display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:99;}
.newslite ul li span{ position:absolute; background:url(../images/index_27.png) no-repeat; width:119px; height:40px; line-height:40px; font-size:13px; top:86px; left:50%; margin-left:-59px; text-indent:15px; color:#fff; display:none;}

.newslite ul li:hover img{filter:alpha(opacity=60);opacity:0.6;}
.newslite ul li:hover h4{ color:#104787}
.newslite ul li:hover p{ color:#104787}
.newslite ul li:hover span{ display:block;}
.newslite ul li:hover{ border-bottom:4px solid #104787;}

