﻿.banner-produc{background-image:url(../img/product/banner-prod.png); height:500px; background-repeat:no-repeat; }
﻿.banner-produc ul{ height:500px;}
.banner-wz01 ul{ height:500px;}
/*con-产品推荐*/
.prod-con1{margin-top:105px;}
.prod-con1 dl{background-color:#FD4065}
.prod-con1 dt{float:left; width:70%; overflow:hidden;cursor:pointer;position:relative }
.prod-con1 dt img{ width:100%; }
.prod-con1 dt span{position:absolute; display:block;  width:100%; top:0; height:100%;  z-index:110; background-size:100%100%;
-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
    transition: all 0.5s linear;
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray;
}

.prod-con1 dt span.tujian-01{background-image:url(../img/product/p_mini.jpg);}
.prod-con1 dt span.tujian-02{background-image:url(../img/product/p_max.jpg);}
.prod-con1 dt span.tujian-03{background-image:url(../img/product/p_e300.jpg);}
.prod-con1 dt span.tujian-04{background-image:url(../img/product/p_e600.jpg);}
.prod-con1 dt span.tujian-05{background-image:url(../img/product/p_e800.jpg);}

.prod-con1 dt:hover  span{transform: scale(1.3); background-position:center; 
-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
    transition: all 0.5s linear;
    -webkit-filter: none; 
    -moz-filter: none; 
    -ms-filter: none; 
    -o-filter: none; 
    filter: none; 
    filter: none; 
}
.prod-con1 dl:hover  dt img{ }
.prod-con1 dl{ position:relative;}
.prod-con1 dd{float:left; width:30%; padding:80px; color:#FFFFFF;  }
.prod-con1 dd h3{ font-size:32px; margin-bottom:30px;}
.prod-con1 dd  a{ width:130px; height:30px; border:solid  1px   #fff; display:block; line-height:30px; text-align:center; color:#FFFFFF; position:absolute;  bottom:50px; right:10%}
.prod-con1 ul{  height:30px; background-color:#FD4065 }
.prod-con2 dl{ background-color:#E1E1E1}
.prod-con2 dt{ float:right}
.prod-con2 dd{ float:right;color:#000;}
.prod-con2 dd a{left:10%; color:#000; border:solid  1px   #000; }
.prod-con2 ul{background-color:#E1E1E1}
/*con-产品list*/
.prod-list-tit{background-color:#E1E1E1; margin:100px  0  70px  0;padding-top:120px;}
.prod-list-tit ul{ height:120px; background-color:#FFFFFF; line-height:120px;  }
.prod-list-tit li{ width:1200px; margin:0 auto; font-size:32px; }
.prod-list{max-width:1260px; margin:0  auto;   }
.prod-list  ul{ padding:0 30px;}
.prod-list dl{ background-color:#DBDBDB; margin-bottom:70px}
.prod-list dl dt{ position:relative; overflow:hidden}
.prod-list dl dt span{ display:block; height:100%; width:100%; z-index:100; background-repeat:no-repeat; background-image:url(../img/product/prod-cp01.png); position:absolute; cursor:pointer; top:0; 
-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: all 0.5s linear;}
.prod-list dl dt span.prod-cp01{background-image:url(../img/product/prod-cp01.png);}
.prod-list dl:hover dt  span{transform: scale(1.3); background-position:center; 
-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: all 0.5s linear;}	
.prod-list dl dd{ background-color:#F0F0F0; height:90px;}
.prod-list dl dd  p{padding:16px; padding-left:30px; float:left}
.prod-list dl dd span{ color:#FD4065}
.prod-list dl dd a{ background-color:#FD4065;  display:block; height:90px; float:right; padding:0 20px; line-height:90px; color:#FFFFFF}
.w1200{ padding:0 10px;max-width:1220px; margin:0  auto; }

@media screen and (max-width: 1170px){ 
.prod-con1 dt{float:left;float:inherit; width:100%; overflow:hidden;cursor:pointer;position:relative }
.prod-con1 dd{float:left;float:inherit; width:100%; }
.prod-con1 dd  a{ bottom:10px; left:80px;}
}