.caselist { padding-top: 0px; overflow: hidden; display: block; position: relative; width: 100%;}
.caselist ul{zoom: 1;}
.caselist ul li {float: left; width: 32%; margin-right:2%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.caselist ul li:nth-child(3n){margin-right:0;}
.caselist ul li .pro-thumb {overflow: hidden;  width: 100%;padding: 0;position: relative;  }
.caselist ul li .pro-thumb img { max-width: 100%; display: block; margin: 0 auto;-webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;position: relative;top: 0;left: 0;  }
.caselist ul li: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); }
.caselist ul li .pro-infor { width: 100%; position: absolute;  bottom: 0px; line-height: 50px; background: rgba(0, 0, 0, 0.5);left: 0; right: 0;transition: all 1s; display: none; height: 50px;}
.caselist ul li:hover .pro-infor{display: block;}
.caselist ul li .pro-infor .name {  font-size: 16px;  color: #fff; text-align: center; width: 100%; line-height: 50px; height: 50px; }

@media (max-width: 1024px) { 
 .caselist ul li {float: left; width: 48%; margin-right:4%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.caselist ul li:nth-child(3n){margin-right:4%;} 
.caselist ul li:nth-child(2n){margin-right:0;}
  }

@media (max-width: 640px) { 
 .caselist ul li {float: left; width: 100%; margin-right:0;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.caselist ul li .pro-infor { width: 100%; position: absolute;  bottom: 0px; line-height: 50px; background: rgba(0, 0, 0, 0.5);left: 0; right: 0;transition: all 1s; display: block; height: 50px;}
  }






.caseweb { padding-top: 20px; overflow: hidden; display: block; position: relative; width: 100%;}
.caseweb ul{zoom: 1;}
.caseweb ul li {float: left; overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.caseweb ul li:nth-child(1){width: 30%; height: 530px; margin-right: 2%; }
.caseweb ul li:nth-child(2){width: 26%; height: 250px; margin-right: 2%; margin-bottom: 30px;}
.caseweb ul li:nth-child(3){width: 40%; height: 250px; margin-right: 0;margin-bottom: 30px;}
.caseweb ul li:nth-child(4){width: 40%; height: 250px; margin-right: 2%;}
.caseweb ul li:nth-child(5){width: 26%; height: 250px; margin-right: 0;}
.caseweb ul li .pro-thumb {overflow: hidden;  width: 100%;padding: 0;position: relative;  }
.caseweb ul li .pro-thumb img { max-width: 100%;height: 250px; display: block; margin: 0 auto;-webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;position: relative;top: 0;left: 0;  }
.caseweb ul li:nth-child(1) .pro-thumb img { height: 530px; }
.caseweb ul li: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); }
.caseweb ul li .pro-infor { width: 100%; position: absolute;  bottom: 0px; line-height: 50px; background: rgba(0, 0, 0, 0.5);left: 0; right: 0;transition: all 1s; display: none; height: 50px;}
.caseweb ul li:hover .pro-infor{display: block;}
.caseweb ul li .pro-infor .name {  font-size: 16px;  color: #fff; text-align: center; width: 100%; line-height: 50px; height: 50px; }

@media (max-width: 1024px) { 
 .caseweb ul li {float: left; width: 48%; margin-right:4%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }

.caseweb ul li:nth-child(3n){margin-right:4%;} 
.caseweb ul li:nth-child(2n){margin-right:0;}

 .caseweb ul li:nth-child(1){width: 100%; margin-right:0; height: auto; }
.caseweb ul li:nth-child(2){width: 48%; margin-right:4%; margin-bottom: 30px;}
.caseweb ul li:nth-child(3){width: 48%; margin-right:0;margin-bottom: 30px;}
.caseweb ul li:nth-child(4){width: 48%; margin-right:4%;}
.caseweb ul li:nth-child(5){width: 48%; margin-right:0;}
.caseweb ul li:nth-child(1) .pro-thumb img { height: auto; }
.caseweb ul li .pro-thumb img { width: 100%;}

  }

@media (max-width: 640px) { 
 .caseweb ul li {float: left; width: 100%; margin-right:0;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.caseweb ul li .pro-infor { width: 100%; position: absolute;  bottom: 0px; line-height: 50px; background: rgba(0, 0, 0, 0.5);left: 0; right: 0;transition: all 1s; display: block; height: 50px;}
 .caseweb ul li:nth-child(1n){width: 100%; margin-right:0; height: auto; }
 .caseweb ul li .pro-thumb img { max-width: 100%;height: auto;} 
  }








.caselistte { padding-top: 0px; overflow: hidden; display: block; position: relative; width: 100%;}
.caselistte ul{zoom: 1;}
.caselistte ul li{ height:45px; line-height:45px; border: solid 1px #dedee3;width: 100%; margin-bottom: 15px;}

.caselistte ul li .newsTitle{ width:100%; display:inline-block;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caselistte ul li .newsTitle a{font-size:15px; color: #333;}