#index .products_img { padding-top: 20px;padding-bottom: 50px; }
#index .products_img li { float: left; margin: 1px;border: #fff 1px solid; }
#index .products_img li a { display: block; width: 250px; height: 250px; position: relative;cursor:default }
#index .products_img li a span { display: block; *display:none;
position: absolute; left: 0; top: 0; width: 250px; height: 250px; line-height: 250px; color: #fff;  opacity: 0; font-size: 12px; text-align: center; transition: all .4s; }
#index .products_img img { width: 250px; height: 250px }
#index .products_img li a:hover span {
*display:block; opacity: .8; letter-spacing: 5px; background: #00A1E9; cursor:pointer}
#index .intro { padding: 40px 0; 
background: #F4F4F4; 
box-shadow: 0 1px 10px #ddd inset; }
#index .intro .about { width: 500px }
#index .intro .about h3 { font-size: 28px; font-weight: bold; margin-bottom: 10px }
#index .intro .about p { font-size: 12px; line-height: 160% }
#index .intro .about2 { width: 485px }
#index .intro .about2 li { margin-top: 10px;margin-bottom: 22px;padding-left:80px;min-height:64px;  }

#index .intro .about2 .about2_1{transition:all .8s;background:url(../images/index_about2_1.png) 500px 0 no-repeat;}
#index .intro .about2 .about2_2{transition:all .8s .3s;background:url(../images/index_about2_2.png) 500px 0 no-repeat;}
#index .intro .about2 .about2_3{transition:all .8s .6s;background:url(../images/index_about2_3.png) 500px 0 no-repeat;}

#index .intro .about2 .about2_1.active,#index .intro .about2 .about2_2.active,#index .intro .about2 .about2_3.active{ background-position:0 0 }

#index .intro .about2 h4 { font-size: 18px; font-weight: bold; margin-bottom: 8px }
#index .intro .about2 p { font-size: 12px; line-height: 160% }

/*×¨ÌâICONÇøÓò*/
.special_icon{width:1020px;margin:15px auto;height:130px;}
.special_icon ul{width:1020px;height:102px;}
.special_icon ul li{float:left;height:75px;font-size:12px;margin-right:46px;padding-left: 55px;padding-top:15px;text-align:center;}
.special_icon ul li p{height:56px;background:red;width:55px;margin:0 auto 10px;}
.em_style{color:#E60013;}
.special_icon ul li.Icon_1CSS{width:108px;}
.special_icon ul li.Icon_1CSS p{background:url("../images/icon/1css.png") no-repeat center center;}
.special_icon ul li.Icon_2CSS{width:99px;}
.special_icon ul li.Icon_2CSS p{background:url("../images/icon/2css.png") no-repeat center center;}
.special_icon ul li.Icon_3CSS{width:84px;}
.special_icon ul li.Icon_3CSS p{background:url("../images/icon/3css.png") no-repeat center center;}
.special_icon ul li.Icon_4CSS{width:113px;}
.special_icon ul li.Icon_4CSS p{background:url("../images/icon/4css.png") no-repeat center center;}
.special_icon ul li.Icon_5CSS{width:108px;}
.special_icon ul li.Icon_5CSS p{background:url("../images/icon/5css.png") no-repeat center center;}
.special_icon ul li.Icon_6CSS{width:108px;}
.special_icon ul li.Icon_6CSS p{background:url("../images/icon/6css.png") no-repeat center center;}
.special_icon ul li.Icon_7CSS{width:87px;}
.special_icon ul li.Icon_7CSS p{background:url("../images/icon/7css.png") no-repeat center center;}
.special_icon ul li.Icon_8CSS{width:73px;}
.special_icon ul li.Icon_8CSS p{background:url("../images/icon/8css.png") no-repeat center center;}