@charset 'utf-8';

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .picture{overflow: hidden;}
.bannerSwiper .picture img{position: relative; left: 50%; transform: translateX(-50%);}
.bannerSwiper .content{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.bannerSwiper .content .label{font-size: 26px; color: #fff; margin-bottom: 20px;}
.bannerSwiper .content .title{font-size: 100px; font-family: 'Poppins Bold'; color: #fff; line-height: 96px; text-transform: uppercase;}
.bannerSwiper .content .text{font-size: 26px; line-height: 41px; color: #fff; margin-top: 20px;}
.bannerSwiper .content .button{margin-top: 50px;}
.bannerSwiper .content .button a{display: inline-block; line-height: 54px; padding: 0 35px; font-size: 24px; font-family: 'Poppins Bold'; background: #182b4c; color: #fff;}
.bannerSwiper .content .button a i{width: 26px; height: 24px; display: inline-block; vertical-align: middle; margin-left: 30px; background: url("../images/cart.png") center no-repeat}
.bannerSwiper .content1 .title{max-width: 680px;}
.bannerSwiper .content1 .text{max-width: 620px;}
.bannerSwiper .content2 .title{max-width: 750px;}
.bannerSwiper .content2 .text{max-width: 600px;}
.bannerSwiper .content3 .title{max-width: 750px;}
.bannerSwiper .content3 .text{max-width: 680px;}

.index_product{padding: 40px 0;}
.index_product .product_title{max-width: 820px; margin: 0 auto; text-align: center;}
.index_product .product_title h2{font-size: 50px; color: #001ea0;}
.index_product .product_title p{font-size: 18px; line-height: 26px; color: #121212;}
.index_product .product_swiper{margin-top: 30px; position: relative; padding-bottom: 60px; overflow: hidden;}
.index_product .product_swiper .list{background: #fff;}
.index_product .product_swiper .list .picture{overflow: hidden;}
.index_product .product_swiper .list .plist{display: none;}
.index_product .product_swiper .list .plist.show{display: block;}
.index_product .product_swiper .list .picture img{width: 100%;}
.index_product .product_swiper .list .picture .original{display: block;}
.index_product .product_swiper .list .picture:hover .original{display: none;}
.index_product .product_swiper .list .picture .dynamic{display: none;}
.index_product .product_swiper .list .picture:hover .dynamic{display: block;}
.index_product .product_swiper .list .picture .dynamic img{transition: all 1s;}
.index_product .product_swiper .list .picture .dynamic:hover img{transform: scale(1.1);}
.index_product .product_swiper .list .collect{position: absolute; top: 18px; right: 15px;}
.index_product .product_swiper .list .collect a{width: 20px; height: 19px; display: block; background: url("../images/collect_white.png") no-repeat;}
.index_product .product_swiper .list .ptab{height: 30px; margin-top: 15px;}
.index_product .product_swiper .list .ptab ul{text-align: center;}
.index_product .product_swiper .list .ptab ul li{display: inline-block; border: solid #fff 1px; border-radius: 50%; overflow: hidden; margin: 0 5px; cursor: pointer;}
.index_product .product_swiper .list .ptab ul li img{height: 28px; border-radius: 50%;}
.index_product .product_swiper .list .ptab ul li.current{border-color: #be0101;}
.index_product .product_swiper .list .title{text-align: center; margin-top: 10px;}
.index_product .product_swiper .list .title a{display: block; font-size: 20px; line-height: 26px; color: #000;}
.index_product .product_swiper .list .button{margin-top: 10px;}
.index_product .product_swiper .list .button a{display: block; font-size: 18px; line-height: 53px; text-align: center; font-family: 'Poppins Bold'; text-transform: uppercase; background: #262125; color: #fff; transition: all 0.5s;}
.index_product .product_swiper .list .button a:hover{background: #182b4c;}
.index_product .product_swiper .swiper-pagination-bullet{width: 13px; height: 13px; background: #262125;}

.index_custom{padding: 40px 0; background: #fafbfc;}
.index_custom .custom_banner{position: relative; margin-top: 30px;}
.index_custom .custom_banner .picture{overflow: hidden;}
.index_custom .custom_banner .picture img{width: 100%;}
.index_custom .custom_banner .content{width: 100%; text-align: right; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.index_custom .custom_banner .content .text{font-size: 54px; color: #fff; line-height: 70px;}
.index_custom .custom_banner .content .title{font-size: 44px; font-family: 'Poppins Bold'; color: #fff; line-height: 70px;}
.index_custom .custom_swiper{margin-top: 30px; position: relative; padding-bottom: 60px; overflow: hidden;}
.index_custom .custom_swiper .list{}
.index_custom .custom_swiper .list .picture{overflow: hidden;}
.index_custom .custom_swiper .list .picture img{width: 100%;}
.index_custom .custom_swiper .list .picture .original{display: block;}
.index_custom .custom_swiper .list .picture:hover .original{display: none;}
.index_custom .custom_swiper .list .picture .dynamic{display: none;}
.index_custom .custom_swiper .list .picture:hover .dynamic{display: block;}
.index_custom .custom_swiper .list .picture .dynamic img{transition: all 1s;}
.index_custom .custom_swiper .list .picture .dynamic:hover img{transform: scale(1.1);}
.index_custom .custom_swiper .list .collect{position: absolute; top: 18px; right: 15px;}
.index_custom .custom_swiper .list .collect a{width: 20px; height: 19px; display: block; background: url("../images/collect_white.png") no-repeat;}
.index_custom .custom_swiper .list .label{font-size: 16px; color: #f00; margin-top: 10px;}
.index_custom .custom_swiper .list .title{margin-top: 5px;}
.index_custom .custom_swiper .list .title a{display: block; font-size: 20px; line-height: 26px; color: #000;}
.index_custom .custom_swiper .list .price{float: left; font-size: 20px; color: #000; margin-top: 10px;}
.index_custom .custom_swiper .list .price span{font-size: 16px; color: #959595; text-decoration: line-through; margin-left: 10px;}
.index_custom .custom_swiper .list .cart{float: right;}
.index_custom .custom_swiper .list .cart a{display: block; width: 42px; height: 42px; background: url("../images/cart2.png") center no-repeat #e8e8e8; border-radius: 50%;}
.index_custom .custom_swiper .swiper-pagination-bullet{width: 13px; height: 13px; background: #262125;}

.index_hot{padding-top: 40px;}
.index_hot .hot_swiper{position: relative; overflow: hidden; margin-top: 30px;}
.index_hot .hot_swiper .list{display: flex; align-items: center; background: #f7f7f7;}
.index_hot .hot_swiper .content{width: 50%; box-sizing: border-box; padding: 0 5%;}
.index_hot .hot_swiper .content .title{font-size: 54px;}
.index_hot .hot_swiper .content .title span{display: block; font-size: 38px; line-height: 50px; color: #182b4c;}
.index_hot .hot_swiper .content .text{margin-top: 40px;}
.index_hot .hot_swiper .content .text h4{font-size: 18px; line-height: 28px; color: #282828;}
.index_hot .hot_swiper .content .text p{font-size: 18px; line-height: 28px; color: #282828;}
.index_hot .hot_swiper .content .button{margin-top: 50px;}
.index_hot .hot_swiper .content .button a{display: inline-block; font-size: 24px; line-height: 54px; padding: 0 36px; font-family: 'Poppins Bold'; background: #182b4c; color: #fff;}
.index_hot .hot_swiper .content .button a i{width: 26px; height: 22px; display: inline-block; vertical-align: middle; background: url("../images/cart.png") center no-repeat; margin-left: 10px;}
.index_hot .hot_swiper .picture{width: 50%;}
.index_hot .hot_swiper .picture img{width: 100%;}
.index_hot .hot_swiper .swiper-button-prev,
.index_hot .hot_swiper .swiper-button-next{width: 23px; height: 39px;}
.index_hot .hot_swiper .swiper-button-prev{left: calc(50% + 20px); background: url("../images/swiper-prev.png");}
.index_hot .hot_swiper .swiper-button-next{right: 20px; background: url("../images/swiper-next.png");}

.index_comments{padding: 40px 0;}
.index_comments .comments_swiper{position: relative; overflow: hidden; margin-top: 30px; padding-bottom: 60px;}
.index_comments .comments_swiper .list{border: solid #f7f7f7 3px; padding: 70px 15px 20px 15px; background: url("../images/marks.png") 20px 15px no-repeat;}
.index_comments .comments_swiper .list .content{font-size: 16px; line-height: 22px; color: #222; margin-bottom: 20px;}
.index_comments .comments_swiper .list .avatar{width: 75px;  height: 75px; float: left; border-radius: 50%; overflow: hidden; margin-right: 15px;}
.index_comments .comments_swiper .list .avatar img{width: 100%; border-radius: 50%;}
.index_comments .comments_swiper .list .name{width: calc(100% - 90px); float: left; font-size: 22px; line-height: 28px; font-family: 'Poppins Bold';}
.index_comments .comments_swiper .list .title{width: calc(100% - 90px); float: left; color: #222;}
.index_comments .comments_swiper .list .scoring{width: calc(100% - 90px); float: left;}
.index_comments .comments_swiper .list .scoring i{width: 16px; height: 15px; display: inline-block; background: url("../images/star.png"); margin-right: 4px;}
.index_comments .comments_swiper .swiper-pagination-bullet{width: 13px; height: 13px; background: #262125;}

.index_aboutus{padding: 60px 0; background: #fafbfc;}
.index_aboutus .container{display: flex; justify-content: space-between; align-items: center;}
.index_aboutus .video{width: 50%;}
.index_aboutus .video video{width: 100%; display: inline-block; vertical-align: middle;}
.index_aboutus .content{width: 46%;}
.index_aboutus .content .title{font-size: 46px; font-family: 'Poppins Bold'; text-transform: uppercase; color: #212121;}
.index_aboutus .content .text{margin-top: 10px;}
.index_aboutus .content .text p{font-size: 16px; line-height: 30px; color: #282828;}
.index_aboutus .content .button{margin-top: 50px;}
.index_aboutus .content .button a{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 54px; padding: 0 36px; background: #182b4c; color: #fff;}

@media (max-width:960px) {
	.bannerSwiper .picture img{width: 100%; height: auto;}
	.bannerSwiper .content{box-sizing: border-box; top: 0; padding: 30px 10px; transform: translateY(0);}
	.bannerSwiper .content .title{font-size: 40px; text-align: center; line-height: 56px; font-weight: bold;}
	.bannerSwiper .content .text{margin-top: 10px;}
	.bannerSwiper .content .text p{padding: 5px 0; font-size: 18px; line-height: 26px;}
	
	.index_product{padding: 30px 10px;}
	.index_product .product_swiper{margin-top: 20px; padding-bottom: 60px;}
	.index_product .product_swiper .list .collect{top: 10px; right: 10px;}
	.index_product .product_swiper .list .ptab{margin-top: 10px;}
	.index_product .product_swiper .list .title{text-align: center; margin-top: 10px;}
	.index_product .product_swiper .list .title a{font-size: 16px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.index_product .product_swiper .list .button{margin-top: 10px;}
	.index_product .product_swiper .list .button a{font-size: 14px; line-height: 32px;}
	
	.index_custom{padding: 30px 0;}
	.index_custom .custom_banner{margin-top: 10px;}
	.index_custom .custom_banner .picture img{width: auto; height: 200px;}
	.index_custom .custom_banner .content{box-sizing: border-box; padding: 0 10px;}
	.index_custom .custom_banner .content .text{font-size: 24px; line-height: 36px;}
	.index_custom .custom_banner .content .title{font-size: 16px; font-family: 'Poppins'; line-height: 24px;}
	.index_custom .custom_swiper{margin-top: 10px; padding: 0 10px 60px;}
	.index_custom .custom_swiper .list .label{margin-top: 5px;}
	.index_custom .custom_swiper .list .title{margin-top: 5px;}
	.index_custom .custom_swiper .list .title a{font-size: 16px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.index_custom .custom_swiper .list .price{font-size: 16px; margin-top: 5px;}
	.index_custom .custom_swiper .list .price span{font-size: 14px; margin-left: 10px;}
	.index_custom .custom_swiper .list .cart{margin-top: 5px;}
	.index_custom .custom_swiper .list .cart a{width: 32px; height: 32px; background-size: 18px;}
	
	.index_hot{padding: 30px 0 0;}
	.index_hot .hot_swiper{position: relative; overflow: hidden; margin-top: 30px;}
	.index_hot .hot_swiper .list{display: block;}
	.index_hot .hot_swiper .content{width: 100%; box-sizing: border-box; padding: 20px 10px;}
	.index_hot .hot_swiper .content .title{font-size: 20px;}
	.index_hot .hot_swiper .content .title span{font-size: 18px; line-height: 24px;}
	.index_hot .hot_swiper .content .text{margin-top: 10px;}
	.index_hot .hot_swiper .content .text h4{font-size: 16px; line-height: 28px;}
	.index_hot .hot_swiper .content .text p{font-size: 14px; line-height: 26px;}
	.index_hot .hot_swiper .content .button{margin-top: 20px;}
	.index_hot .hot_swiper .content .button a{font-size: 16px; line-height: 36px; padding: 0 20px;}
	.index_hot .hot_swiper .content .button a i{display: inline-block; background-size: 18px; margin-left: 8px;}
	.index_hot .hot_swiper .picture{width: 100%;}
	.index_hot .hot_swiper .swiper-button-prev,
	.index_hot .hot_swiper .swiper-button-next{width: 23px; height: 39px; top: auto; bottom: 25%;}
	.index_hot .hot_swiper .swiper-button-prev{left:20px;}
	.index_hot .hot_swiper .swiper-button-next{right: 20px;}
	
	.index_comments{padding: 30px 10px;}
	.index_comments .comments_swiper{margin-top: 20px; padding-bottom: 60px;}
	.index_comments .comments_swiper .list{border-width: 1px; padding: 40px 10px 15px; background-size: 20px; box-shadow: 0 0 5px #eee;}
	.index_comments .comments_swiper .list .content{font-size: 16px; line-height: 22px;margin-bottom: 15px;}
	.index_comments .comments_swiper .list .avatar{width: 70px;  height: 70px; text-align: center; line-height: 70px; margin-right: 10px; background: #e5e5e5; font-size: 20px;}
	.index_comments .comments_swiper .list .name{width: calc(100% - 80px); font-size: 18px; line-height: 28px;}
	.index_comments .comments_swiper .list .title{width: calc(100% - 80px);}
	.index_comments .comments_swiper .list .scoring{width: calc(100% - 80px);}
	
	.index_aboutus{padding: 30px 0;}
	.index_aboutus .container{display: block;}
	.index_aboutus .video{width: 100%;}
	.index_aboutus .content{width: 100%; box-sizing: border-box; margin-top: 20px; padding: 0 10px;}
	.index_aboutus .content .title{font-size: 20px;}
	.index_aboutus .content .text{margin-top: 10px;}
	.index_aboutus .content .text p{font-size: 14px; line-height: 24px;}
	.index_aboutus .content .button{margin-top: 20px;}
	.index_aboutus .content .button a{font-size: 14px; line-height: 36px; padding: 0 26px;}
	
	
}