.index_product{width:100%; background:url(../ZERO/img/index_probg.jpg) center bottom no-repeat #FFFFFF; padding-top:38px; padding-bottom:35px;}
.index_product .product_title{width:100%; text-align:center; margin-bottom:21px; font-size:36px; color:#555555; line-height:95px; font-weight:normal;}

.index_product_list{width:100%; position:relative; margin-bottom:53px; overflow:hidden}

.index_pro{width:100%; float:left; background:url(../ZERO/img/pro/probg1.png) repeat; overflow:hidden;}
.page_proimg{ position:relative; width:100%; height:294px; background:url(../ZERO/img/pro/pro_1.png) top center no-repeat;}
.page_proimg2{ position:relative; width:100%; height:294px; background:url(../ZERO/img/pro/pro_2.png) top center no-repeat;}
.page_proimg3{ position:relative; width:100%; height:294px; background:url(../ZERO/img/pro/pro_3.png) top center no-repeat;}
.page_proimg img,.page_proimg2 img,.page_proimg3 img{ position:absolute; top:64px; left:0; z-index:99; display:block; overflow:hidden; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.index_pro:hover .page_proimg img,.index_pro:hover .page_proimg2 img,.index_pro:hover .page_proimg3 img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.index_proname{ margin-top:12px; text-align:center; padding-bottom:15px; background:url(../ZERO/img/pro/pro_line.png) center bottom no-repeat;}
.index_proname a{font-size:24px; color:#ffffff; line-height:38px;}
.page_projj{text-align:left; padding:0 23px; margin-top:15px; font-size:14px; color:#fefdfd; line-height:28px;}
.index_promore{width:138px; height:40px; margin:auto; margin-top:20px; margin-bottom:20px; background:#ffffff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center;}
.index_promore a{ color:#2b9865; line-height:40px;}
.index_pro:hover{ background:url(../ZERO/img/pro/probg2.png) repeat;}
.index_promore img{ display:inline-block !important; width:auto !important;}

#owl-demo_product {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#owl-demo_product .pro_item {
    display: block;
}
#owl-demo_product img {
    display: block;
    width: 100%;
}

#owl-demo_product .owl-nav{width:100%; position:relative;}
/*#owl-demo_product .owl-prev{background:url(../ZERO/img/pro_jt3.png) no-repeat;width:60px;height: 60px; left:-10%; position:absolute; z-index:99; top:-300px;}
#owl-demo_product .owl-prev:hover{background:url(../ZERO/img/pro_jt.png) no-repeat;}
#owl-demo_product .owl-next{background:url(../ZERO/img/pro_jt4.png) no-repeat;width:60px;height: 60px; right:-10%; position:absolute; z-index:99; top:-300px;}
#owl-demo_product .owl-next:hover{background:url(../ZERO/img/pro_jt2.png) no-repeat;}*/

@media (max-width:767px){
.index_product{padding:25px 0px 0px 0; margin-top:0;}
.index_product_list{ margin-bottom:0; padding-bottom:40px;}
.index_product .product_title{width:100%; text-align:center; margin-bottom:21px; font-size:25px; color:#fff; line-height:45px; font-weight:normal;}
.page_proimg,.page_proimg2,.page_proimg3{ height:274px;}
.index_proname a{font-size:18px; color:#ffffff; line-height:28px;}
#index_product_animate1,#index_product_animate2{display:block !important;}
.page_projj{ display:none !important;}

.index_pro{width:90%; margin:auto; float:none !important;}
#owl-demo_product .owl-prev{background:url(../ZERO/img/pro_jt_s1.png) no-repeat;width:40px;height: 40px; left:0; position:absolute; z-index:99; top:-250px;}
#owl-demo_product .owl-prev:hover{background:url(../ZERO/img/pro_jt_s3.png) no-repeat;}
#owl-demo_product .owl-next{background:url(../ZERO/img/pro_jt_s2.png) no-repeat;width:40px;height: 40px; right:0; position:absolute; z-index:99; top:-250px;}
#owl-demo_product .owl-next:hover{background:url(../ZERO/img/pro_jt_s4.png) no-repeat;}
}

#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;
}