.container{ padding: 0; }
/*轮播图*/
.section1{ height: 580px; }
.section1 .carousel , .section1 .carousel-inner, .section1 .carousel-inner .item{ width: 100%; height: 100%; }
.section1 .carousel .carousel-inner .item img{ width: 100%; height: 100% !important; object-fit: cover; }

section h1.title{ text-align: center; margin-top: 0; font-weight: bold; letter-spacing: 2px; transform: scale(0); transition: all 1s; }
section p.en{ text-align: center; font-size: 18px; transform: scale(0); transition: all 1.2s; }

/*关于我们*/
.section2 { background: #fff; padding: 80px 0; }
.section2 .container{ transition: all 1s; transform: scale(0); }
.section2 .content{ padding: 40px 0; display: table; font-size: 0; width: 100%; }
.section2 .content .left{ width: 50%; display: table-cell; vertical-align: middle; }
.section2 .content .left img{ width: 100%; height: 325px; object-fit: cover; }
.section2 .content .right{ display: table-cell; width: 50%; padding-left: 60px; vertical-align: middle; }
.section2 .content .right h3{ font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 20px; color: #333; }
.section2 .content .right p{ font-size: 16px; line-height: 1.8em; margin-bottom: 0; color: #6a6a6a; }

/*新闻资讯*/
.section3 { background: url("../images/banner1.jpg") no-repeat center center/100% 100%; }
.section3 .content{ font-size: 0; background: rgba(0,0,0,0.4); padding: 80px 0; }
.section3 .content .title,.section3 .content .en{ color: #fff; }
.section3 .container{ padding: 40px 0; transform: translateX(-100%); }
.section3 .news-list{ display: inline-block; width: 50%; position: relative; padding: 0 15px; transform: translateX(-100%);  }
.section3 .news-list>div{ background: #f6f6f6; margin-bottom: 30px; display: flex; align-items: center; }
.section3 .news-list .time{ display: inline-block; margin-bottom: 0; padding: 0 10px; }
.section3 .news-list .time span{ display: block; font-size: 14px; color: #666; }
.section3 .news-list .time b{ display: block; font-size: 20px; color: #666; text-align: center; }
.section3 .news-list .news-details { display: inline-block; flex: 1; padding: 10px 15px; background: #fff; width: 80%; }
.section3 .news-list .news-details h4{ font-size: 16px; color: #666; margin: 0 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-all; font-weight: bold; }
.section3 .news-list .news-details p{ font-size: 14px; color: #999; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-all; }

/*产品中心*/
.section4{ padding: 80px 0; }
.section4 .content{ padding: 40px 0; margin: 0; transform: translateX(-100%); }
.section4 .content .product-list{ margin-bottom: 30px; transform: translateX(-100%); }
.section4 .content .product-list img{ width: 100%; height: 240px; object-fit: cover; }
.section4 .content .product-list .product-item{ display: block; box-sizing: border-box; width: 100%; position: relative; box-shadow: 0 0 3px 3px rgba(0,0,0,0.04); border: 2px solid #fff; }
.section4 .content .product-list .product-item:hover{ opacity: 0.6; }
.section4 .content .product-list .product-item .bottom{ position: absolute; bottom: 0; width: 100%; padding: 10px; background: rgba(0,0,0,0.6); }
.section4 .content .product-list .bottom .name{ font-size: 16px; color: #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section4 .content .product-list .bottom .details{ font-size: 14px; color: #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; }

/*动画*/
.animate-2 .container{ transform: scale(1); }
.animate-2 p.en{ transform: scale(1); }
.animate-2 h1.title{ transform: scale(1); }

.animate-3 .container { transform: translateX(0); }
.animate-3 .content .news-list{ transform: translateX(0); }
.animate-3 p.en{ transform: scale(1); }
.animate-3 h1.title{ transform: scale(1); }

.animate-4 .content { transform: translateX(0); }
.animate-4 .content .product-list{ transform: translateX(0); }
.animate-4 p.en{ transform: scale(1); }
.animate-4 h1.title{ transform: scale(1); }

@media screen and (max-width: 767px) {
	main{ padding-top: 50px; }
	.section1{ height: 235px; }
	.section4 .content .product-list img{ height: 140px; }
	.section4 .content .product-list .bottom .details{ font-size: 12px; }
	.section4 .content .product-list .bottom .name{ font-size: 14px; margin-bottom: 5px; }
	.section2 .content .right{ padding: 0 15px; display: block; width: 100%; margin-top: 20px; }
	.section2 .content .left{ display: block; width: 100%; }
	.section2 .content .left img{ height: 200px; }
	.section3 .news-list{ width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.section2 .content .right{ padding: 0 15px; display: block; width: 100%; margin-top: 20px; }
	.section2 .content .left{ display: block; width: 100%; }
}