/* ==========================================================================
   Index Page
   ========================================================================== */


/*about*/
.About_wrap{ position: relative; top: -140px; overflow: hidden; z-index: 2;}
.about_img{ position: absolute; top: 200px; width: 60%; z-index: 3;}
.about_img img{ width: auto; height: auto;}
.about_img img:hover{-webkit-transition-duration:1s;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.2);-webkit-transform:scale(1.1);}
.about_ct{ float: right; width: 60%; box-shadow: 0px 0px 5px #333; background: #fff; z-index: 2;}
.about_ct a{display: block;}
.about_ct img{ float: left; }
.about_ct .about_w{ margin-right:4%; }
.about_ct .about_w u{ display: block; width: 100px; margin-top: 100px; border-bottom: 1px solid #fdd100; }
.about_ct .about_w h4{ font-size: 4rem; }
.about_ct .about_w p{ max-height: 200px; overflow: hidden; }
.about_ct .about_w a{ float: right; display: block; margin-top: 50px; border-top: 1px solid #fdd100; }
.about_ct .about_w a:hover{ color:#fdd100;  }


/*product*/
.product_wrap{ position: relative; top: -70px; }
.swiper-container2 { position: relative; width: 100%; height: 100%;}
.swiper-slide { position: relative; text-align: center; background: #fff;
      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;
      overflow: hidden;
}
.product_ct{ position: relative;}
.product_box a{ display: block; border:1px solid #f5f5f5; }
.swiper-slide:hover .product_more{ display: block; top: 0; }
.product_more{position: absolute; top: 100%; width: 100%; height: 100%; background-color: rgba(51,51,51,.8);transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.product_more h4{ font-size: 2rem; margin-top: 25%; color: #fff; }
.product_more a{ display: inline-block; color: #999; border-top:1px solid #ccc; width: 100px; margin-top: 50px; }
.product_more a:hover{ color: #fdd100; }

/*News*/
.News_box{ }
.News_box a{ display: block; }
.News_box img{ margin:1rem 0;  }
.News_box h3{ font-size:20px; color: #333; line-height: 40px; height: 38px; overflow: hidden; }
.News_box p{ font-size: 14px; color: #999; height: 50px; overflow: hidden; }
.News_box h6{ display: inline-block; width: 100px; margin:2rem 0; font-size: 14px; color: #999; border-top: 1px solid #ccc; border-bottom: 1px solid rgba(0,0,0,0);}
.News_box:hover{transform:translate(0,-40px);
-webkit-transition-duration:1s;
-webkit-transition-timing-function:ease-in-out;}
.News_box:hover h6{ border-bottom: 1px solid #ccc; }
/*播放*/
.news_more{margin:0 auto;}
.swiper-new-pagination{ position: relative; left: 50%; margin-left: -74px; }
.swiper-new-pagination li{float: left;width:16px; height: 16px; border-radius: 50%; text-align: center;border: 1px solid #fdd100;cursor: pointer; margin:20px 10px;}
.swiper-new-pagination li.active-nav{ background: #fdd100; }
@media screen and (max-width:64em){
    .new-layout.r{padding: 2em 4%!important;text-align: left;}
}