@charset 'utf-8';

.com_title{text-align: center;}
.com_title h2::after{left: calc(50% - 10px);}

.aboutcompany{padding: 60px 0;}
.aboutcompany .companycontent{margin-top: 30px; font-size: 18px; line-height: 32px;}
.aboutcompany .companycontent img{max-width: 100%; height: auto;}
.aboutcompany .companycontent p{text-indent: 2em;}

.aboutstreng{padding-top: 50px; background: url('../images/about.jpg');}
.aboutstreng .content{margin-top: 60px;}
.aboutstreng .content ul{display: flex; align-items: flex-end;}
.aboutstreng .content ul li{width: 25%; text-align: center; box-sizing: border-box; padding: 70px 20px 60px; color: #fff;}
.aboutstreng .content ul li:nth-child(odd){background: rgba(64, 64, 64, 0.9);}
.aboutstreng .content ul li:nth-child(even){background: #165183;}
.aboutstreng .content ul li:nth-child(2){padding: 110px 20px 50px;}
.aboutstreng .content ul li:nth-child(3){padding: 80px 20px 70px;}
.aboutstreng .content ul li h3{font-size: 54px; font-family: 'Neutraface2Display Titling'; line-height: 62px;}
.aboutstreng .content ul li h4{font-size: 20px;    line-height: 38px;}
.aboutstreng .content ul li p{font-size: 16px;line-height: 22px;}

.aboutenviron{padding: 70px 0 50px;}
.aboutenviron .environswiper{padding-bottom: 70px; margin-top: 50px; position: relative; overflow: hidden;}
.aboutenviron .environswiper .swiper-slide img{width: 100%;}
.aboutenviron .environswiper .swiper-pagination{bottom: 0;}
.aboutenviron .environswiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px; border-radius: 0; background: #d2d2d2; opacity: 1; cursor: pointer;}
.aboutenviron .environswiper .swiper-pagination .swiper-pagination-bullet-active{height: 23px; background: #165183;}

.index_album{padding: 80px 0 20px;}
.index_album .album_tab{text-align: center;}
.index_album .album_tab li{display: inline-block; font-size: 18px; font-family: 'Poppins SemiBold'; color: #222; cursor: pointer; margin: 0 50px;}
.index_album .album_tab li.current{color: #165183; border-bottom: solid #165183 1px;}
.index_album .album_list{margin-top: 50px;}
.index_album .album_list .albumSwiper{height: 0; position: relative; overflow: hidden;}
.index_album .album_list .albumSwiper.show{height: auto; padding-bottom: 60px;}
.index_album .album_list .albumSwiper .picture{overflow: hidden;}
.index_album .album_list .albumSwiper .picture img{width: 100%; transition: all 0.5s;}
.index_album .album_list .albumSwiper .picture:hover img{transform: scale(1.1);}
.index_album .album_list .albumSwiper .title{text-align: center; font-size: 16px; color: #444; margin-top: 20px;}
.index_album .album_list .albumSwiper .swiper-pagination{bottom: 0;}
.index_album .album_list .albumSwiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 10px !important; background: none; border: solid #4c4c4c 1px; opacity: 1; cursor: pointer;}
.index_album .album_list .albumSwiper .swiper-pagination .swiper-pagination-bullet-active{background: #165183; border-color: #165183;}



@media (max-width:960px) {
	.com_title{margin-bottom: 30px;}
	.aboutcompany{padding: 30px 15px;}
	.aboutcompany .companycontent{margin-top: 10px; font-size: 16px; line-height: 26px;}
	.aboutcompany .companycontent img{max-width: 100%; height: auto;}
	.aboutcompany .companycontent p{text-align: justify;}

	.aboutstreng{padding-top: 0;}
	.aboutstreng .content{margin-top: 0px;}
	.aboutstreng .content ul{display: block;}
	.aboutstreng .content ul li{width: 100%; padding: 30px 20px !important;}
	.aboutstreng .content ul li h3{font-size: 42px; font-family: 'Poppins'; line-height: 42px;}
	.aboutstreng .content ul li h4{font-size: 16px; font-weight: normal;}
	.aboutstreng .content ul li p{font-size: 14px;}

	.aboutenviron{padding: 30px 0;}
	.aboutenviron .environswiper{padding-bottom: 60px; margin-top: 30px;}

}