.index_service{background:#fff; width:100%; margin-top:40px; display:block; margin-bottom:60px;}
.index_service_head{width:100%; margin:auto; text-align:center; font-size:30px; color:#333333; font-weight:bold; line-height:62px;}
.index_service_line{width:150px; margin:auto; height:0; border-bottom:4px solid #999999;}
.index_service_nr{margin:58px -18px 0 -18px;}
.index_service_list{margin:0 18px; transition:all .6s; background:#f5f5f5; border:1px solid #ededed; border-radius:6px; box-shadow:0 0 20px #f2f2f2; padding:33px 27px 0 27px; height:252px;}
.index_service_img{text-align:left; width:100%; height:auto; overflow:hidden;}
.index_service_title{width:100%; margin-top:24px; text-align:left; font-size:14px; color:#333333; line-height:25px; font-weight:bold;}
.index_service_mj p{width:100%; margin-top:12px; text-align:left; font-size:14px; color:#999999; line-height:18px;}
.index_service_list:hover{-webkit-transform:translate(0, -20px); -moz-transform:translate(0, -20px);}

.index_service2{background:url(../ZERO/img/index_servicebg.jpg) center no-repeat; width:100%; padding-top:40px; display:block; height:360px;}
.index_service_head2{width:100%; margin:auto; text-align:center; font-size:30px; color:#ffffff; font-weight:bold; line-height:62px;}
.index_service_line2{width:150px; margin:auto; height:0; border-bottom:4px solid #dddddd;}
.index_service_nr2{max-width:1401px; width:100%; margin:auto; margin-top:76px; background:url(../ZERO/img/index_service_dot.png) center 28px no-repeat;}
.index_service_list2{width:14%; float:left; text-align:center; padding-top:70px; font-size:16px; color:#ffffff; line-height:25px; position:relative; transition:all .6s;}
.index_service_xh{ position:absolute; top:0; z-index:9; width:100%; text-align:center; height:58px; background:url(../ZERO/img/index_service_dot2.png) center no-repeat;}
.index_service_xh span{ display:none; font-size:30px; color:#ffffff; line-height:58px;}
.index_service_list2:hover .index_service_xh{background:url(../ZERO/img/index_service_1.png) center no-repeat; transition:all .6s;}
.index_service_list2:hover .index_service_xh span{ display:block;}

@media (min-width: 768px) and (max-width: 991px) {
.index_service_mj p{ height:145px; overflow:hidden;}
}

@media (max-width:767px){
.index_service{ margin-bottom:20px;}
.index_service_head{font-size:25px; line-height:32px; padding-bottom:10px;}
.index_service_line{ margin:auto; border-bottom:2px solid #999999;}
.index_service_nr{margin:38px 0 0 0;}
.index_service_list{ margin-bottom:20px;}
.index_service2{ display:none;}
#index_service_animate1,#index_service_animate2{display:block !important;}
}

#index_service_animate1,#index_service_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;
}