#index_productcategories-content{ width:100%; background:url(../ZERO/img/index_class_bg.jpg) center bottom no-repeat #ffffff; padding-top:40px; padding-bottom:45px;}
.index_productcategories_title{width:100%; margin:auto; text-align:center; font-size:30px; color:#333333; font-weight:bold; line-height:62px;}
.index_productcategories_line{width:150px; margin:auto; height:0; border-bottom:4px solid #999999;}

.index_productcategories_row{margin-top:49px; width:100%;}
.index_productcategories_right{ max-width:892px; width:98%; float:right;}
.index_productcategories_head{ height:50px; text-align:left; padding:0 29px; background:#f2f2f2; font-size:18px; color:#333333; font-weight:bold; line-height:50px;}
.index_productcategories_head span{ float:right;}
.index_productcategories_head span a{ font-size:14px !important; font-weight:normal !important;}
.index_productcategories_list{ margin-top:4px;}
.page_class{position:relative; padding:0 2px; overflow:hidden;}
.class_img{width:100%; position:relative; overflow:hidden;}
.class_img img{width:100%; height:auto;}
.class_img .index_productcategories_rsp{width:100%; height:100%; background:url(../ZERO/img/pro_bg.png) repeat; overflow:hidden;position: absolute; bottom:0; left:0;}
.class_img .index_productcategories_btn{position:absolute; z-index:99; width:100%; left:0; height:100%; text-align:center; overflow:hidden;}
.class_img .index_productcategories_btn .index_class_btn1{width:32px !important; height:32px !important; margin-top:107px;}
.class_img .index_productcategories_btn .index_class_btn2{width:74px !important; height:8px !important; }
.class_name{width:100%; margin:5px 0; text-align:center;}
.class_name a{ font-size:14px; color:#333333; line-height:18px; font-weight:normal; }
.class_name a:hover{ text-decoration:none;}
.page_class:hover .class_img{ box-shadow:0 0 5px #c6c9cc;}
.page_class:hover .class_name a{color:#069cd9;}

@media (max-width: 1200px) and (min-width:991px){

}

@media (min-width: 768px) and (max-width: 991px) {
.class_img .index_productcategories_btn .index_class_btn1{ margin-top:60px;}
}

@media (max-width: 767px){
#index_productcategories-content{ padding-top:20px; padding-bottom:25px;}
.index_productcategories_title{ font-size:25px; line-height:42px;}
.index_productcategories_line{ border-bottom:2px solid #999999;}
.index_productcategories_row{ margin-top:20px;}
.index_productcategories_head{ padding:0 10px;}
.left_menu{ display:none;}
.index_productcategories_right{width:100%}
}

@media (max-width: 1200px){
#index_productcategories_animate2{ display:block !important;}
}

#index_productcategories_animate2{

  -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;
}