.index_products{width:100%;height:587px;padding-top: 100px;background: #f3f3f3}

@media only screen and (max-width: 1500px) and (min-width: 1340px){
.index_products{width: 100%;background: #f3f3f3}
}
@media only screen and (max-width: 1340px) and (min-width: 1002px){
.index_products{width: 1190px;float: left;margin-left: 160px;}
}
.index_product_title{height: 68px;margin-bottom: 40px;text-align: center;font-size: 40px;font-weight: bold;}

.page_list{float: left;width: 175px;}
.page_list a h3{line-height: 43px;font-size: 18px;}
.page_list:hover a h3{color: #fa913e;line-height: 43px;font-size: 18px;text-decoration: underline;}
.inpage_list{width: 1020px;background: url(../ZERO/img/prolistbg.jpg) center center no-repeat;height: 49px;margin-bottom: 35px;}
.index_products_right{width: 1190px;height: 475px;clear: both;}

.index_prolist{text-align: center;float: left;width: 146px;height: 39px;border: 1px solid #2975c9;background: #fff}
.index_prolist a h3{color: #2c72b9;line-height: 39px;font-size: 14px;font-weight: normal;}
.index_prolist:hover {background: #2975c9}
.index_prolist:hover a h3{color: #fff}
.index_prolist:hover a{text-decoration: unset;}







.asd:hover{
	transform: translate(0px,-10px);
    -ms-transform: translate(0px,-10px);		/* IE 9 */
    -webkit-transform: translate(0px,-10px);	/* Safari and Chrome */
    -o-transform: translate(0px,-10px);		/* Opera */
    -moz-transform: translate(0px,-10px);
    transition: all 0.6s;
}



.asd{width: 251px;float: left;position: relative;border:1px solid #dcdcdc;height: 278px;transition: all 0.6s;
    }
.asd:hover img{border-bottom: 3px solid #fa913e}    
.asd .img{float: left;}
.asd .img img{width: 251px;}
.asd:hover{-webkit-box-shadow:0px 0px 3px #e5e5e5;
     -moz-box-shadow:0px 0px 3px #e5e5e5;
     box-shadow:0px 0px 3px #e5e5e5;}
.asd:hover .in_proname a{font-size: 14px;font-weight: bold;color: #fa913e}
.in_proname {
	position: absolute;
    top: 236px;
    z-index: 3;
    text-align: center;
    color: #ffffff;
    width: 251px;

}

.in_proname a{font-size: 14px;color: #333}



.index_products_more{width: 147px;height: 46px;background: #2975c9;text-align: center;clear: both;margin:auto;}
.index_products_more a{line-height: 46px;font-size: 16px;color: #fff}


.page_indexpic{float:left;overflow:hidden;width:1022px; height:370px; }
.page_indexpic ul{ width:5000px;height: auto;}
.page_indexpic ul li{list-style:none;float:left;text-align:center;width:1022px;height:370px;}
.page_indexpic ul li img{}
.page_otherbtn{ width:100px; height:16px;text-align:right; position:absolute; bottom:44px; left:454px}
.page_otherbtn ul{ display:inline-block}
.page_otherbtn ul li{ float:left; list-style:none; width:13px; height:13px;background:url(../ZERO/img/aboutbtn.png) no-repeat center; margin-right:12px; cursor:pointer;overflow: hidden;}
.page_otherbtn ul li.current{width:13px; height:13px;margin-right:12px; background:url(../ZERO/img/aboutbtnon.png) no-repeat center;}


#index_products_animate,#index_products_animate_1{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-animation-duration: 1s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-delay: .2s;
animation-timing-function: ease;
animation-fill-mode: both;
}