@charset 'utf-8';

.aboutus_title{font-size: 46px; text-align: center; color: #212121; text-transform: uppercase; position: relative;}
.aboutus_title::after{width: 40px; height: 2px; content: ''; background: #212121; position: absolute; left: calc(50% - 20px); bottom: 0;}

.aboutus{padding: 50px 0;}
.aboutus .aboutus_content{margin-top: 30px;}
.aboutus .aboutus_content .aboutus_list{padding: 20px 0;}
.aboutus .aboutus_content .aboutus_list::after{content: ''; display: table; clear: both;}
.aboutus .aboutus_content .aboutus_list .picture{width: 50%;}
.aboutus .aboutus_content .aboutus_list .picture img{width: 100%;}
.aboutus .aboutus_content .aboutus_list .content{width: 50%; box-sizing: border-box; padding-top: 60px;}
.aboutus .aboutus_content .aboutus_list:nth-child(odd) .content{float: left; padding-right: 50px;}
.aboutus .aboutus_content .aboutus_list:nth-child(odd) .picture{float: right;}
.aboutus .aboutus_content .aboutus_list:nth-child(even) .content{float: right; padding-left: 50px;}
.aboutus .aboutus_content .aboutus_list:nth-child(even) .picture{float: left;}
.aboutus .aboutus_content .aboutus_list .content .label{font-size: 16px; color: #000;}
.aboutus .aboutus_content .aboutus_list .content .title{font-size: 30px; color: #000; margin-top: 10px;}
.aboutus .aboutus_content .aboutus_list .content .text{font-size: 18px; line-height: 40px; color: #000; margin-top: 20px;}

.new_product{padding: 50px 0; background: #f9f9f9;}
.new_product .product_swiper{margin-top: 50px; position: relative; padding-bottom: 60px; overflow: hidden;}
.new_product .product_swiper .list{}
.new_product .product_swiper .list .picture{overflow: hidden;}
.new_product .product_swiper .list .picture img{width: 100%;}
.new_product .product_swiper .list .picture .original{display: block;}
.new_product .product_swiper .list .picture:hover .original{display: none;}
.new_product .product_swiper .list .picture .dynamic{display: none;}
.new_product .product_swiper .list .picture:hover .dynamic{display: block;}
.new_product .product_swiper .list .picture .dynamic img{transition: all 1s;}
.new_product .product_swiper .list .picture .dynamic:hover img{transform: scale(1.1);}
.new_product .product_swiper .list .collect{position: absolute; top: 18px; right: 15px;}
.new_product .product_swiper .list .collect a{width: 20px; height: 19px; display: block; background: url("../images/collect_white.png") no-repeat;}
.new_product .product_swiper .list .label{font-size: 16px; color: #f00; margin-top: 10px;}
.new_product .product_swiper .list .title{margin-top: 5px;}
.new_product .product_swiper .list .title a{display: block; font-size: 20px; line-height: 26px; color: #000;}
.new_product .product_swiper .list .price{float: left; font-size: 20px; color: #000; margin-top: 10px;}
.new_product .product_swiper .list .price span{font-size: 16px; color: #959595; text-decoration: line-through; margin-left: 10px;}
.new_product .product_swiper .list .cart{float: right;}
.new_product .product_swiper .list .cart a{display: block; width: 42px; height: 42px; background: url("../images/cart2.png") center no-repeat #e8e8e8; border-radius: 50%;}
.new_product .product_swiper .swiper-pagination-bullet{width: 13px; height: 13px; background: #262125;}

@media (max-width:960px) {
	
	.aboutus_title{font-size: 24px;}
	
	.aboutus{padding: 30px 0;}
	.aboutus .aboutus_content{margin-top: 30px;}
	.aboutus .aboutus_content .aboutus_list{padding: 20px 0;}
	.aboutus .aboutus_content .aboutus_list .picture{width: 100%;}
	.aboutus .aboutus_content .aboutus_list .picture img{width: 100%;}
	.aboutus .aboutus_content .aboutus_list .content{width: 100%; padding: 20px 10px !important;}
	.aboutus .aboutus_content .aboutus_list .content .label{font-size: 16px; color: #000;}
	.aboutus .aboutus_content .aboutus_list .content .title{font-size: 18px; color: #000; margin-top: 10px;}
	.aboutus .aboutus_content .aboutus_list .content .text{font-size: 14px; line-height: 24px; margin-top: 20px;}
	
	.new_product{padding: 50px 0; background: #f9f9f9;}
	.new_product .product_swiper{margin-top: 50px; position: relative; padding-bottom: 60px; overflow: hidden;}
	.new_product .product_swiper .list{}
	.new_product .product_swiper .list .picture{overflow: hidden;}
	.new_product .product_swiper .list .picture img{width: 100%;}
	.new_product .product_swiper .list .picture .original{display: block;}
	.new_product .product_swiper .list .picture:hover .original{display: none;}
	.new_product .product_swiper .list .picture .dynamic{display: none;}
	.new_product .product_swiper .list .picture:hover .dynamic{display: block;}
	.new_product .product_swiper .list .picture .dynamic img{transition: all 1s;}
	.new_product .product_swiper .list .picture .dynamic:hover img{transform: scale(1.1);}
	.new_product .product_swiper .list .collect{position: absolute; top: 18px; right: 15px;}
	.new_product .product_swiper .list .collect a{width: 20px; height: 19px; display: block; background: url("../images/collect_white.png") no-repeat;}
	.new_product .product_swiper .list .label{font-size: 16px; color: #f00; margin-top: 10px;}
	.new_product .product_swiper .list .title{margin-top: 5px;}
	.new_product .product_swiper .list .title a{display: block; font-size: 20px; line-height: 26px; color: #000;}
	.new_product .product_swiper .list .price{float: left; font-size: 20px; color: #000; margin-top: 10px;}
	.new_product .product_swiper .list .price span{font-size: 16px; color: #959595; text-decoration: line-through; margin-left: 10px;}
	.new_product .product_swiper .list .cart{float: right;}
	.new_product .product_swiper .list .cart a{display: block; width: 42px; height: 42px; background: url("../images/cart2.png") center no-repeat #e8e8e8; border-radius: 50%;}
	.new_product .product_swiper .swiper-pagination-bullet{width: 13px; height: 13px; background: #262125;}
}