﻿


/*荣誉*/


.albunlists{width: 1200px; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px;}

.albunlists ul{zoom: 1;  margin-bottom: 15px; }

.albunlists ul li{width: 31%; float: left; margin-bottom: 20px; margin-right: 3.5%;}
.albunlists ul li:nth-child(3n){margin-right: 0;}
.albunlists ul li .tuimgt{border: solid 1px #ddd; height: auto; overflow: hidden; min-height: 250px;}
.albunlists 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;}
.albunlists 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);}
.albunlists ul li .tuext{ background-color: #C0130A; padding: 10px;text-align: center;margin-top: -2px; color: #fff;}


@media (max-width: 1200px){
	
.albunlists{width: 100%; margin: auto;}
.albunlists ul li .tuimgt{min-height: 200px;}
	

}


@media (max-width: 680px){
	
.albunlists{width: 100%; margin: auto; }
.albunlists ul li{width: 100%; margin: 0; margin-bottom: 20px;}	
	.albunlists ul li .tuext{font-size: 16px; line-height: 28px; height: auto;}
	.albunlists ul li .tuimgt{height: auto;}
}


/*荣誉*/









/*地图*/

.contactMap {height: 450px;}
#map {width: 100%; height: 100%;}

@media (max-width: 680px){
	.contactMap {height: 300px;}
	}
/*地图*/




/*工程案例*/


.pcaselist{width:100%; overflow: hidden; position: relative; margin-bottom: 30px;}
.pcaselist ul{zoom:1 ; margin: auto;}
.pcaselist ul li{width: 31.8%; float: left; margin-bottom: 20px; margin-right: 2.3%;}
.pcaselist ul li:nth-child(3n){margin-right: 0;}
.pcaselist ul li .img{height: auto; overflow: hidden; min-height: 250px;}
.pcaselist ul li .img img{max-width: 100%;transition: all 1s}
.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/yin07.png) no-repeat right; }
.pcaselist ul li .tdnri:hover{ background-color: #C0130A;}
.pcaselist ul li .tdnri h3{margin-top: 18px; font-size: 18px;color: #fff;}
.pcaselist ul li .tdnri h4{ font-size: 15px;color: #fff;}



@media (max-width: 1200px){
	
.pcaselist{width: 100%; margin: auto;}
.pcaselist ul li .img{min-height: 200px;}
	

}


@media (max-width: 680px){
	
.pcaselist{width: 100%; margin: auto; }
.pcaselist ul li{width: 100%; margin: 0; margin-bottom: 20px;}	
	.pcaselist ul li .img{font-size: 16px; line-height: 28px; height: auto;}
	.pcaselist ul li .tdnri{height: auto; }
	.pcaselist ul li .tdnri h3{margin-top: 10px; font-size: 16px;color: #fff;}
	.pcaselist ul li .tdnri h4{ font-size: 15px;color: #fff; margin-bottom: 10px;}
}


/*荣誉*/

/*工程案例*/


/*新闻列表*/
.newslist{padding-bottom:20px;}
.newslist dl { padding: 15px 10px; position: relative; }
.newslist dt { padding: 0; overflow: hidden; }
.newslist dt img { display: block; width: 100%; }
.newslist dd { padding-top: 10px; padding-right: 0; padding-left: 0; }
.newslist dd h4 { font-size: 15px; 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: 60px; line-height: 20px; 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 .date { position: relative; right: auto; top: 10px; text-align: left; color: #cccccc; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
.newslist .date em { font-size: 15px; line-height: normal; border-bottom: none; display: inline-block; vertical-align: -1px; position: relative; padding-left: 5px; font-style: normal; }
.newslist .date em:before { content: "."; position: absolute; left: 0; display: block; font-weight: bold; }
.newslist .date .time { font-size: 15px; display: inline-block; float: left; vertical-align: middle; }
.newslist .deailsBtn { margin-top: 25px; }
.newslist .deailsBtn a { display: block; padding: 5px 15px; border: 1px solid #CCCCCC; text-align: center; color: #666; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }





@media (min-width: 1260px) {
  .newslist dl { padding: 30px 33px; }
  .newslist dd { padding-top: 30px; }
  .newslist .deailsBtn { margin-top: 40px; }
  .newslist .date { top: 82px; }
  
  }
  
  
  
  
  @media (min-width: 1040px) {
 .newslist dl { overflow: hidden; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
  .newslist dl img { -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: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:hover dd h4 a, .newslist dl:hover .date, .newslist dl:hover .date em { color: #C0130A; border-color: #C0130A; }
  .newslist dl:hover .deailsBtn a { background: #C0130A; color: #fff; border-color: #C0130A; }
  }
  
  

  
  
    @media (min-width: 768px) {
 .newslist dl { padding: 20px 33px; }
  .newslist dd { padding-top: 18px; padding-right: 0; padding-left: 20px; }
  .newslist dd h4 { font-size: 18px; padding-bottom: 10px; }
  .newslist .date { position: relative; right: auto; top: 5px; text-align: left; }
  .newslist .date em { font-size: 15px; line-height: normal; border-bottom: none; display: inline-block; vertical-align: -1px; padding-left: 5px; }
  .newslist .deailsBtn { margin-top: 10px; }
  .newslist .deailsBtn a { padding: 3px 20px; display: inline-block; text-align: left; }
  }

  @media (min-width: 992px) { 

  .newslist dt { width: 27%; }
  .newslist dd { width: 73%; padding-top: 20px; padding-right: 18%; padding-left: 30px; }
  .newslist dd h4 { font-size: 22px; padding-bottom: 20px; }
  .newslist .date { position: absolute; right: 80px; 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; padding-top: 7px; display: block; }
  .newslist .deailsBtn { margin-top: 20px; }
  .newslist .deailsBtn a { padding: 5px 15px; }
  .newslist .date em:before { opacity: 0; }
  
  }

/*新闻列表*/








