.index_about_bg{ width:100%; margin:auto; background:url(../ZERO/img/index_aboutbg.jpg) center no-repeat; padding-top:40px; padding-bottom:50px;}
.index_about_pic{ max-width:384px; margin-top:33px;}
.swiper-about-container {width: 100%; height: 100%; position: relative; overflow:hidden;}
.swiper-about-container .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.5);
}
.swiper-about-container .swiper-slide-active,.swiper-about-container .swiper-slide-duplicate-active{
  transform: scale(1);
  z-index:999;
}
.swiper-about-pagination{ text-align:center; margin-top:38px;}
.swiper-about-pagination .swiper-pagination-bullet{width:10px; height:10px; background:url(../ZERO/img/about_dot1.png) center no-repeat; opacity:1;}
.swiper-about-pagination .swiper-pagination-bullet-active{background:url(../ZERO/img/about_dot2.png) center no-repeat;}

.index_about_right{ max-width:740px; width:98%; float:right; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.index_head_title{width:100%; margin:auto; text-align:left; font-size:30px; color:#333333; font-weight:bold; line-height:62px;}
.index_about_line{width: 80px; margin-left: 15px; height:0; border-bottom:4px solid #999999;}
.index_about_nr{width:100%; margin-top:42px; font-size:16px; line-height:24px; color:#333333; text-align:left; }
.index_about_more{width:100%; margin-top:25px; text-align:left; line-height:25px;}
.index_about_more a{ font-size:16px; color:#069cd9;}
.index_about_more img{ margin-left:15px; transition:all .6s; vertical-align:top; margin-top:8px;}
.index_about_more:hover a{ text-decoration:none;}
.index_about_more:hover img{ margin-left:5px; transition:all .6s;}


@media (min-width: 768px) and (max-width: 991px) {
.index_about_nr{ height:190px; overflow:hidden;}
}
@media (max-width:768px){
.index_about_bg{background:url(../ZERO/img/index_aboutbg.jpg) center bottom no-repeat; padding-top:0; padding-bottom:30px;}
.index_about_pic{ margin:auto;}
.swiper-about-pagination{ margin-top:18px; margin-bottom:18px;}
.index_about_right{ margin-top:30px; width:100%}
.index_head_title{font-size:25px; text-align:center; line-height:42px;}
.index_about_line{ margin:auto; border-bottom:2px solid #999999;}
.index_about_nr{ font-size:14px; line-height:20px; margin-top:27px;}
.index_about_more{ margin-top:15px;}
#index_about_animate1,#index_about_animate2,#index_about_animate3,#index_about_animate4{ display:block !important;}
}

#index_about_animate1,#index_about_animate2,#index_about_animate3,#index_about_animate4{

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