.index_product{width:100%; background:#FFFFFF; position:relative;}
.index_products_classbg{ width:1400px; position:absolute; top:-38px; z-index:99;}
.index_products_class{margin:0 -28px;}
.index_proclass1{ margin:0 28px; background:url(../ZERO/img/class1.png) right center no-repeat #f1f1f1; height:108px;}
.index_proclass1:hover{background:url(../ZERO/img/class1b.png) right center no-repeat #0277c1;}
.index_proclass2{ margin:0 28px; background:url(../ZERO/img/class2.png) right center no-repeat #f1f1f1; height:108px;}
.index_proclass2:hover{background:url(../ZERO/img/class2b.png) right center no-repeat #0277c1;}
.index_proclass3{ margin:0 28px; background:url(../ZERO/img/class3.png) right center no-repeat #f1f1f1; height:108px;}
.index_proclass3:hover{background:url(../ZERO/img/class3b.png) right center no-repeat #0277c1;}
.index_proclass1 h3,.index_proclass2 h3,.index_proclass3 h3{ text-align:left; font-size:20px; color:#444444; line-height:108px; font-weight:normal; padding-left:55px;}
.index_products_class:hover a{ text-decoration:none;}
.index_proclass1 h3:hover,.index_proclass2 h3:hover,.index_proclass3 h3:hover{ color:#FFFFFF;} 

.index_product_list{width:100%; position:relative; margin-top:130px; margin-bottom:53px; overflow:hidden}
.swiper-product{ margin:0 -9px; overflow:hidden; padding-bottom:70px; position:relative;}
.index_product_proimg{ margin:0 9px; padding:0 0 14px 0; position:relative; overflow:hidden; transition:all 1s; border-bottom:3px solid #FFFFFF;}
.index_product_propic{width:100%; height:auto; overflow:hidden; position:relative; overflow:hidden;}
.index_product_propic img{width:100%; border:2px solid #0e80c5;}
.index_product_proimg .index_pro_rsp{width:100%; height:100%; background:url(../ZERO/img/pro_hover.png); overflow:hidden;position: absolute; top:0px;left:0px; cursor:pointer;}
.index_product_proimg .index_pro_ms{position:absolute;width:100%;height:100%;left:-100%;top:0;overflow:hidden; text-align:center}
.index_product_proimg .index_pro_dot{width:50px; left:50%; margin-left:-25px; height:51px; border:none; position:absolute; top:50%; margin-top:-25px; z-index:99;}
.index_product_proimg .index_pro_dot img{ width:50px; height:51px; border:none;}

.index_product_proimg .index_products_text{width:100%; margin-top:16px; text-align:left; overflow:hidden;}
.index_product_proimg .index_products_text h3{font-size:16px; color:#333333; line-height:30px; text-align:left; font-weight:bold; padding:0 23px; word-break:break-all;}
.index_product_proimg .index_products_text h4{ margin-top:4px; font-size:16px; color:#979797; font-weight:normal; line-height:30px; padding:0 23px;}
.index_product_proimg:hover a{ text-decoration:none;}
.index_product_proimg:hover{ border-bottom:3px solid #00468c; box-shadow:0 0 10px #f4f4f4;}
.swiper-probutton-prev{
	width: 42px;
	background: url(../ZERO/img/pro_left.png) center no-repeat;
	position: absolute;
	left: 9px;
	top:50%;
	margin-top:-91px;
	height: 43px;
	z-index: 10;
}
.swiper-probutton-prev:hover{background: url(../ZERO/img/pro_left2.png) center no-repeat;}
.swiper-probutton-next {
	width: 42px;
	background: url(../ZERO/img/pro_right.png) center no-repeat;
	position: absolute;
	right:9px;
	top:50%;
	margin-top:-91px;
	height: 43px;
	z-index: 10;
}
.swiper-probutton-next:hover{background: url(../ZERO/img/pro_right2.png) center no-repeat;}
.swiper-probpagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
	bottom:0 !important;
	left:50% !important; margin-left:-37px; width:75px !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}
.swiper-probpagination .swiper-pagination-bullet{width:15px; height:16px; background:url(../ZERO/img/pro_btn.png) center no-repeat; opacity: 1; border-radius:0 !important;}
.swiper-probpagination .swiper-pagination-bullet-active{width:15px !important; height:16px !important; background:url(../ZERO/img/pro_btn2.png) center no-repeat !important; opacity: 1;}

@media (min-width:1400px) and (max-width:1490px){
.index_products_class{ margin:0;}
.swiper-product{ margin:0;}
}
@media (min-width:1134px) and (max-width:1399px){
.index_products_classbg{width:1190px !important; left: 50%; margin-left: -595px;}
.index_products_class{ margin:0;}
}

@media (min-width:992px) and (max-width:1133px){
.index_products_classbg{width:970px;}
.index_products_class{margin:0;}
.index_proclass1,.index_proclass2,.index_proclass3{ margin:0 14px;}
.index_proclass1 h3,.index_proclass2 h3,.index_proclass3 h3{ padding-left:25px;}
.swiper-probutton-prev{ left:0;}
.swiper-probutton-next{ right:0;}
}
@media (min-width:768px) and (max-width:991px){
.index_proclass1,.index_proclass2,.index_proclass3{ height:68px; margin:0 10px !important;}
}

@media (min-width:1px) and (max-width:991px){
.index_products_classbg{width:100%; position:relative; top:0; margin-top:10px;}
.index_products_class{ margin:0;}
.index_proclass1,.index_proclass2,.index_proclass3{ height:68px; margin:0 0 10px 0;}
.index_proclass1 h3, .index_proclass2 h3, .index_proclass3 h3{ line-height:68px; font-size:16px; padding-left:25px;}
.index_product_list{ margin-top:20px; margin-bottom:23px;}
.swiper-product{ padding-bottom:30px; margin:0;}
.index_pro_ms{ display:none;}
.index_product_proimg{ margin-bottom:20px;}
.index_product_proimg .index_products_text h3{ padding:0; font-size:14px;}
.index_product_proimg .index_products_text h4{ font-size:13px; line-height:18px; padding:0;}
.swiper-probutton-prev{ left:0;}
.swiper-probutton-next{ right:0;}
}

#index_product_animate1,#index_product_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;
}