@charset "utf-8";
/* banner */
.banner { overflow: hidden; }
.flexslider { margin: 0 auto; border: 0; }
.banner-s { margin: 1px 0; }
.banner-s li { width: calc(33.3333% - 1px); float: left; margin-right: 1px; opacity: 0.7; cursor: pointer; transition: all 0.3s ease; }
.banner-s li:hover { opacity: 1; }
.flex-control-thumbs img:hover { margin-right: 1px; }

/* company */
.company { padding: 3em; }
.company .com { background: #fff; padding: 3em 10em; }
.company .title { color: #f39702; font-size: 48px; }
.company .com-factory { width: 48%; float: right; margin-top: 1em; }
.company .com-text { width: 48%; float: left; }
.company .com-text p { font-size: 18px; line-height: 1.8em; }
.company .com-text .more a { display: inline-block; font-size: 14px; color: #fff; background: #ff9700; border: #fff 1px solid; padding: 5px 15px; margin-left: 1em; line-height: 1em; }
.company .com-text .more a:hover { background: #fff; color: #ff9700; border: #ff9700 1px solid; }
.company .com-iso img { margin-right: 10px; border: #e6e6e6 1px solid; float: left; }

/* news */
.news { background: url(../images/index/news_bg.jpg); padding: 3em 0; text-align: center; }

.news .title { color: #fff; font-size: 48px; margin-bottom: 18px; }
.swiper-container { margin: 1em auto; }
.swiper-pagination { position: relative; }
.swiper-button-next, .swiper-button-prev { width: 80px; height: 80px; background-size: contain; top: 45%; }
.swiper-button-prev { background-image: url(../images/icon/back.svg); }
.swiper-button-next { background-image: url(../images/icon/next.svg); }
.swiper-pagination-bullet { background: none; border: #fff 1px solid; opacity: 1; width: 14px; height: 14px; margin: 0 4px; }
.swiper-pagination-bullet-active { background: #e7640a; border: #e7640a 1px solid; }
.swiper-slide img { max-width: 75%; }

/* .quality */
.equipment { background: #262626; padding: 5em 0 3em; }
.equipment .pic { width: 24.5%; margin: 0 0.25%; float: left; color: #fff; }
.equipment .pic .image { overflow: hidden; }
.equipment .pic img { transition: all 0.3s ease; }
.equipment .pic:hover img { transform: scale(1.1); }
.equipment .pic:hover p { color: #f69a00; }

@media(max-width:800px) {
	.swiper-button-next, .swiper-button-prev { width: 40px; height: 40px; }
	.company .com { padding: 1em; }
	.company .com-factory, .company .com-text { float: none; width: 100%; }
	.equipment { padding: 15px; }
	.equipment .pic { width: 49%; margin: 0 0.5% 10px; }
	.equipment .pic p { text-align: center; margin-top: 5px; }
}
@media (max-width:480px) {
	.company { padding: 15px; }
	.company .title, .news .title { font-size: 36px; }
	.company .com-iso img { width:48%; margin: 0 1%; }
}