@charset "UTF-8";
/*  prams $class      需要优化滚动条的容器名 $width      需要优化滚动条的容器宽度 $height     需要优化滚动条的容器高度 $scrollbar-track      滚动条的轨道颜色 $scrollbar-thumb      滚动条里面的小方块颜色 $scrollbar-thumb-hover      滚动条里面的小方块鼠标滑过的颜色 $scrollbar-corner      边角，即两个滚动条的交汇处颜色 */
/*.swiper-container_banner { max-height: 716px; }*/

.swiper-container_banner .swiper-pagination-auto { text-align:center; bottom: 1vh !important; }

.swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet { width: 10px; height: 10px; opacity: .7; background: #fff; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .2s ease-in .3s; -o-transition: all .2s ease-in .3s; transition: all .2s ease-in .3s; }

.swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet-active { opacity: 1; width: 4vw; border-radius: 2vw; }

@media (min-width: 480px) { .swiper-container_banner .swiper-pagination-auto { padding-left: 0; bottom: 1vh !important; text-align: center; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet { width: 10px; height: 10px; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet-active { width: 10vw; border-radius: 2vw; } }

@media (min-width: 768px) { .swiper-container_banner .swiper-pagination-auto { padding-left: 0; bottom: 1vh !important; text-align: center; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet { width: 10px; height: 10px; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet-active { width: 4vw; border-radius: 2vw; } }

@media (min-width: 992px) { .swiper-container_banner .swiper-pagination-auto { text-align:center; bottom: 3vh !important; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet { width: 10px; height: 10px; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet-active { width: 3vw; border-radius: 2vw; } }

@media (min-width: 1400px) { .swiper-container_banner .swiper-pagination-auto { text-align: center; bottom: 7vh !important; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet { width: 10px; height: 10px; }
  .swiper-container_banner .swiper-pagination-auto .swiper-pagination-bullet-active { width: 3vw; border-radius: 2vw; } }

.swiper-container_banner .swiper-slide { position: relative; }

.swiper-container_banner .info { position: absolute;}

.swiper-container_banner .info .btn_to { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.swiper-container_banner .info .btn_to .link2{ display: block; font-size:12px; color:#000000;-webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; position: relative; overflow: hidden; letter-spacing:2px; }
.swiper-container_banner .info .btn_to .link2:hover{ color:#fc671a}

.swiper-container_banner .info .btn_to i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: downico 1.5s ease-out infinite; animation: downico 1.5s ease-out infinite; }

.swiper-container_banner .info .subtitle, .swiper-container_banner .info .btn_to { margin-bottom: 10px; margin-bottom: 10px; }

.swiper-container_banner .info .title, .swiper-container_banner .info .subtitle, .swiper-container_banner .info .btn_to { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: opacity 100ms ease-out 100ms, -webkit-transform 500ms ease-out 100ms; transition: opacity 100ms ease-out 100ms, -webkit-transform 500ms ease-out 100ms; -o-transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms; transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms; transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms, -webkit-transform 500ms ease-out 100ms; }
.swiper-container_banner .info .title{ font-weight:bold; letter-spacing:4px;}

@media (min-width: 320px) { .swiper-container_banner .info { top: 30%; right:6vw; }
  .swiper-container_banner .info .title { font-size: 1.2rem; margin-bottom: 10px; letter-spacing:0px; }
  .swiper-container_banner .info .subtitle, .swiper-container_banner .info .btn_to { font-size:0.8rem;}
  .swiper-container_banner .info .btn_to .link2{font-size:0.6rem; color:#000; line-height:1.5rem}
  .swiper-container_banner .info .btn_to .link2:hover{ color:#fc671a}
   }

@media (min-width: 768px) { .swiper-container_banner .info { top: 13vh; right: 0vw; }
  .swiper-container_banner .info .title { font-size: 1.2rem; color:#313131; letter-spacing:2px;  }
  .swiper-container_banner .info .subtitle, .swiper-container_banner .info .btn_to { font-size: 24px; margin-bottom: 10px; color:#313131; letter-spacing:1px; } }

@media (min-width: 992px) { .swiper-container_banner .info { top: 21%; right: 0vw; }
  .swiper-container_banner .info .title { font-size: 36px; margin-bottom: 10px; color:#313131; letter-spacing:5px;  }
  .swiper-container_banner .info .subtitle, .swiper-container_banner .info .btn_to { font-size: 24px; margin-bottom: 10px; color:#313131; letter-spacing:5px; } }

@media (min-width: 1400px) { .swiper-container_banner .info { top: 21%; right:10vw; }
  .swiper-container_banner .info .title { font-size: 36px; margin-bottom: 10px; color:#313131; letter-spacing:5px; }
  .swiper-container_banner .info .subtitle, .swiper-container_banner .info .btn_to { font-size: 24px; margin-bottom: 10px; color:#313131; letter-spacing:5px; } }

.swiper-container_banner .swiper-slide-active .title, .swiper-container_banner .swiper-slide-active .subtitle, .swiper-container_banner .swiper-slide-active .btn_to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.swiper-container_banner .btn_to span { font-weight: bold; }

/* index-viode */
.index-video_wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index-video_wrapper video { background: #000; position: absolute; z-index: 1; height: 100%; }

@media (min-width: 480px) { .index-video_wrapper video { width: 100%; } }

@media (min-width: 768px) { .index-video_wrapper video { width: 100%; } }

@media (min-width: 992px) { .index-video_wrapper video { width: 60vw; } }

@media (min-width: 1400px) { .index-video_wrapper video { width: 60vw; } }

/* index-product */
.index-product_wrapper { padding-top: 50px; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.index-product_wrapper .media__object a { display: block; }

.index-product_wrapper .media__item { text-align: center; }

.index-product_wrapper .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 480px) { .index-product_wrapper .title { font-size: 48px; } }

@media (min-width: 768px) { .index-product_wrapper .title { font-size: 48px; } }

@media (min-width: 992px) { .index-product_wrapper .title { font-size: 32px; } }

@media (min-width: 1400px) { .index-product_wrapper .title { font-size: 32px; } }

@media (min-width: 480px) { .index-product_wrapper .title { margin-bottom: 50px; } }

@media (min-width: 768px) { .index-product_wrapper .title { margin-bottom: 50px; } }

@media (min-width: 992px) { .index-product_wrapper .title { margin-bottom: 0; } }

@media (min-width: 1400px) { .index-product_wrapper .title { margin-bottom: 0; } }

.index-product_wrapper .title .icon { margin-right: 20px; }

.index-product_wrapper .swiper-button-next, .index-product_wrapper .swiper-button-prev { position: relative; right: 0; left: 0; margin: 0; outline: none; }

.index-product_wrapper .swiper_navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 37px; margin-bottom: 30px; position: absolute; right: 0; top: 0; }

.index-product_wrapper .swiper_navigation .swiper-button-prev, .index-product_wrapper .swiper_navigation .swiper-button-next { height: 38px !important; width: 38px !important; margin-left: 10px; margin-right: 10px; background: url("../img/icon-arrwp.png") !important; opacity: .5; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; }

.index-product_wrapper .swiper_navigation .swiper-button-prev:hover, .index-product_wrapper .swiper_navigation .swiper-button-next:hover { opacity: 1; }

.index-product_wrapper .swiper_navigation .swiper-button-prev { background-position: center left !important; }

.index-product_wrapper .swiper_navigation .swiper-button-prev { background-position: center right !important; }

.swiper-product-left .swiper-slide { background: #fff; }

.swiper-product-right .swiper-slide { background: #fff; }

.swiper-product-right .swiper-slide .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.product-left_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.product-left_wrapper .product_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.product-right_wrapper .product-bottom_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@-webkit-keyframes downico { 0% { left: 0;
    opacity: 1; }
  35% { left: 50%;
    opacity: 0; }
  65% { left: -50%;
    opacity: 0; }
  100% { left: 0;
    opacity: 1; } }

@keyframes downico { 0% { left: 0;
    opacity: 1; }
  35% { left: 50%;
    opacity: 0; }
  65% { left: -50%;
    opacity: 0; }
  100% { left: 0;
    opacity: 1; } }
	
	
	
/* 视频 sp */
.sp_one{ float:left; width:100%; background:url(../img/index-video-bg.png) no-repeat top center; background-size:100%}
.sp_one .nei{ width:60%; margin:0 auto;}
.sp_one .sp{ float:left; width:100%}
@media screen and (min-width: 768px) and (max-width: 992px) {/* 平板 */
	.sp_one .nei{ width:70%}
}
@media (max-width:1100px) {/* 手机 */
	.sp_one .nei{ width:100%}
	.sp_one{ background-size:100% 100%}
	.index-product_wrapper{ display:inline; float:left; width:100%}
}

.img_banner{ float:left; width:100%;}