/*产品中心*/
.product{max-width-: 1300px;margin: 0 auto;}
.product li{width: 24%;margin-right: 1%;float: left;margin-bottom: 0px;}
.product li:nth-child(3n){margin-right: 0%;}
.product li a{display: block;}
.product li a .float{position: relative;}
.product li a .float img{width: 100%;display: block;}
.product li a .float >div{font-size: 16px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(109,195,234,0.8);opacity: 0;padding:5%;overflow: hidden;transition: all 0.5s ease;}
.product li a .float div p{position: absolute;top: 5%;right: 5%;bottom:5%;left: 5%;border:1px solid #fff;padding: 5%;overflow: hidden;}
.product li a .float div p span{color: #fff;font-size: 18px;}
.product li a .float div p strong{color: #fff;font-size: 16px;font-weight: 600;display:none;text-align: center;}
.product li a h3{text-align: center;font-weight: normal;margin: 10px 0; }
.product li:hover a div{opacity: 1;}

}
@media(max-width: 767px){
	.product li{width: 50%;margin-right: 1%;float: left;margin-bottom: 0px;}
.product li a .float img{width: 100%;display: block;}
.product li a .float >div{position: relative;background:none;opacity: 1;padding: 0;overflow: hidden;}
.product li a .float div p{position: relative;top: 0;right: 0;bottom:0%;left: 0;border:none;padding: 0;overflow: hidden;}
.product li a .float div p span{color: #828282;display: inline-block;max-height: 75px;overflow: hidden;}
.product li a> h3{display: none}
.product li a .float div p strong{color: #828282;font-size: 16px;font-weight: 500;display:block;text-align: center;margin: 5px 0;}
}

@media(max-width:500px){

.product li{margin-right: 0%;float: left;margin-bottom: 20px;width: 50%;}
.product li:nth-child(4n){margin-right: 0%;}
.product li:nth-child(2n){margin-right: 0%;}
.service li{width: 96%;margin-right: 0%;float: left;position: relative;padding: 2%}
.service li:nth-child(4){margin-right: 0%;}
.service li:nth-child(2n){margin-right: 0%;}
.news li{width: 360px !important;margin-bottom: 30px;}
}
/*about*/

.product1 li a .float div{position: static;top: auto;bottom:auto;opacity: 1;background: none;padding: 0}
/*.product1 li a .float div p{color: #828282;position: static;top: auto;bottom: auto;border:none;padding: 0;max-height: 50px;overflow: hidden;}
.product1 li a .float div p span{color: #828282}*/
.product1 li a .float div h3{margin-bottom: 0}
.product1 li a .float .img{width: 100%;overflow: hidden;position: relative;}
.product1 li a .float .img p{position: absolute;top:0;bottom:0;left: 0;right: 0;vertical-align: middle;background: rgba(0,0,0,0.4);text-align: center;transform: scale(0);transition: all 0.5s ease}
.product1 li a .float .img p span{margin-top: 50%;transform: translateY(-50%);display: inline-block;}
.product1 li:hover a .float .img p{transform: scale(1)}
.product1 li a .float .img img{width: 100%;transition: all 0.4s}
.product1 li:hover a .float .img img{transform:scale(1.2);}
.product1 li a .float div hr{height: 3px;border:none;width: 50px;margin: 0 auto;background: #075ba1;margin: 5px auto}
.product1 li:hover a .float div hr{width: 130px;transition:all 0.4s;}
.product1 li:hover a .float div h3{color: #075ba1;transition:all 0.4s;}
/*.product1 li:hover a .float div p span{color: #075ba1}*/

@media(max-width: 768px){
  .product1 li a .float div hr{width: 130px;}
.product1 li a .float div h3{color: #075ba1;}
}