/*产å?ä¸??*/

.con2{height:auto;width:100%;}

.titles{text-align:center;margin-bottom:40px}
.titles p{font-size:18px;color:#989a9c;letter-spacing:2px}
.titles a{background:url(../images/index04.png) no-repeat center;display:block;margin:12px 0;color:#fb4949;font-size:26px;letter-spacing:3px}

.titles small{font-size:18px;color:#3d3e3e}


.con2 .product .hd{width: 1100px;margin: 0 auto;}
.con2 .product .hd ul{overflow:hidden;zoom:1;}
.con2 .product .hd li{color:#fff;width:100px;height:35px;background:#1f57a4;float:left;margin:0 10px;line-height:35px;text-align:center;cursor: pointer;transition:0.3s ease-out;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition:0.3s ease-out;-ms-transition:0.3s ease-out}
.con2 .product .hd li:hover{background:#fb4949;}
.con2 .product .hd li a{}

.con2 .product .bd{margin-top:40px}
.con2 .product .bd ul{overflow:hidden;position: relative;left: -60px;}
.con2 .product .bd li{width:248px;height:330px;float:left;margin:10px 25px;position:relative;border: 1px solid #ccc;}
.con2 .product .bd li a{display:block;width:248px;height:330px;}
.con2 .product .bd li img{width:248px;height:330px}


.con2 .product .bd li a:after{content: '';height: 0;background: url(../images/index05.png) no-repeat center center;;width: 100%; position: absolute;top: 0;left: 0;transition: 0.5s ease-out;-moz-transition: 0.5s ease-out; -ms-transition:0.5s ease-out;-o-transition: 0.5s ease-out;-webkit-transition: 0.5s ease-out;}
.con2 .product .bd li:hover a:after{height:100%;}



.con3{width:100%;height:347px;overflow:hidden;background:url(../images/ys.jpg) no-repeat center center}