.index-product-box .learnMore{ color: #000000; font-size: 1vw; line-height: 2vw; width: 8vw; position: relative; overflow: hidden;
	text-align: center; height: 2vw; display: inline-block; border-radius: 4vw; border: 1px solid #000000; margin-right: 10px;
}
.index-product-box .learnMore::before{ content: ''; height:1px; width:0%; position:absolute; top:80%; left:18%; background-color:#000000; transition:all 0.2s linear; }
.index-product-box .learnMore:hover::before{ width:64%; }
.index-product-box .buyNow{ background-color: #000000; color: #ffffff; font-size: 1vw; line-height: 2vw; width: 8vw; 
	text-align: center; height: 2vw; display: inline-block; border-radius: 4vw; border: 1px solid #000000; position: relative; overflow: hidden;
}
.index-product-box .buyNow::before{content: ''; width:100%; height:100%; position:absolute; left:0%; top:0%; background-color:rgba(255, 255, 255, 0.24); opacity:0; }
.index-product-box .buyNow:hover::before{ opacity:1 }
.index-product img{ width:100%; max-width:100%; }
.index-product .banner{ position:relative; overflow:hidden; margin-bottom:6px; }
.index-product .banner .box{ width:30%; position:absolute; left:13%; top:13%; }
.index-product .banner .box .b{ font-size:3vw; line-height:1.2;  }
.index-product .banner .box .m{ font-size:2vw; line-height:1.2; }
.index-product .banner .box .s{ font-size:1.2vw; line-height:1.8; margin-top:8%; }

.index-product .banner .mts{ margin-top:6%; }
.h3Title{ width:72%; margin:4% auto 2%; font-size:2vw; line-height:1; position:relative; }
.new-box img{ width:100%; max-width:100%; }
.new-box{ overflow:hidden; position:relative; width:72%; margin:4% auto; }
.new-box .box-1{ width:49.5%; position:relative; background-color:#F6F6F6; }
.new-box .box-1 .img{ width:62%;margin:16% 0px 16% 20%; }
.new-box .box-2{ position:absolute; width: 49.5%; height: 49%; top:0px; right:0px; background-color:#F6F6F6; overflow:hidden; }
.new-box .box-2 .img{ width:25%; position:absolute; left:58%; top:16%; transition:all 0.3s linear; }
.new-box .box-2 .img:hover{ transform:scale(1.2); }
.new-box .box-3{ position:absolute; width: 49.5%; height: 49%; bottom:0px; right:0px; background-color:#F6F6F6; overflow:hidden; }
.new-box .box-3 .img{ width:25%; position:absolute; left:58%; top:16%; transition:all 0.3s linear;  }
.new-box .box-3 .img:hover{ transform:scale(1.2); }
.new-box .top-box{ position:absolute; left:0px; top:2vw; width:100%; box-sizing:border-box; padding-left:4%; color:#000000; font-size:2vw; line-height:1; }
.new-box .bottom-box{ position:absolute; left:0%; bottom:2vw; width:100%; box-sizing:border-box; padding-left:4%; }
.new-box .bottom-text{ font-size:1vw; line-height:1.2; margin-bottom:2%; }
.allPhone{ position:absolute; right:0px; bottom:0px;font-size:1.4vw; color:#717171; }
.allPhone:hover{ color:#000000; }
.hot-box{ width:72%; margin:4% auto; overflow:hidden; }
.hot-box .box-1{ float:left; width:49%; margin-right:2%; height:24vw; background-color:#F6F6F6; position:relative; margin-bottom:2%; }
.hot-box .box-1:nth-child(even){ margin-right:0px; }
.hot-box .box-1 .img{ width:30%; position:absolute; left:58%; top:22%; transition:all 0.3s linear; }
.hot-box .box-1 .img:hover{ transform:scale(1.2); }
.hot-box .box-1:last-child .img{ width:34%; left:54%; top:14%; }
.hot-box .top-box{ position:absolute; left:0px; top:2vw; width:100%; box-sizing:border-box; padding-left:4%; color:#000000; font-size:2vw; line-height:1; }
.hot-box .bottom-box{ position:absolute; left:0%; bottom:2vw; width:100%; box-sizing:border-box; padding-left:4%; }
.hot-box .bottom-text{ font-size:1vw; line-height:1.2; margin-bottom:2%; }
.scroll-box{ width:72%; margin:4% auto; overflow:hidden;  position:relative; }
.scroll-box .img{ width:100%; max-width:100%; transition:all 0.3s linear; }
.video-box{ background-color:#F6F6F6; position:relative; overflow:hidden; box-sizing:border-box; padding:2vw 4%; margin-top:2%; }
.video-box .img{ position:absolute; width:10%; top:54%; right:5%; }
.video-box .b{ font-size:1.6vw; line-height:1; }
.video-box .s{ font-size:1.2vw; line-height:1; margin-top:8%; }
.scroll-box .swiper-slide{ overflow:hidden; cursor:pointer; }
.scroll-box .swiper-slide:hover .img{ transform:scale(1.2); }
.scroll-box .my-button-disabled{ opacity:0.2; }

.h3Title .swiper-button-next,.h3Title  .swiper-button-prev{ width:50px;height:50px; background:inherit; }
.h3Title  .swiper-button-prev{ left: inherit; right:60px; }

/* video show  */
.video-show-ul{ overflow: hidden; width: 90%; margin: 4% auto; }
.video-show-li{ float: left; width: 32%; margin-right: 2%; position: relative; }
.video-show-li img{ width: 100%; }
.video-show-li .play{ position: absolute; width: 80px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; }
.mr1-0{ margin-right: 0px; }
.video{ font-size: 2.4vw; text-align: center; margin: 4% auto 2% auto; }
/*giveaway*/
.giveaway{ font-size: 2.4vw; text-align: center; margin: 4% auto 3% auto; }
/* Email */
.pageBox { background-color: #F5F5F5; overflow: hidden; }
.getEmail{ width: 72%; margin: 4% auto; background-color: #ffffff; overflow: hidden; }
.tableWidth{ width: 100%; }
.emailTitle{ font-size: 1.4vw; margin-top: 3%; display: block; color: #7F7F7F; }
#SpreadSubMsg{ text-align: center; padding-top: 2%; padding-bottom: 2%; width: 100%; display: block !important; }
#txtSpreadEmail{ width: 25%; height: 46px; box-sizing: border-box; padding: 5px 10px; font-size: 1vw; vertical-align: middle; }
#SpreadSubmit{ height: 46px; margin-left: 2%; background-color: #FF0C0C; font-size: 1vw; line-height: 46px; width: 150px; vertical-align: middle;
	border: inherit;
}