@charset "utf-8";

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
	font-family: 'iconlumix';  /* Project id 3801570 */
	src: url('//at.alicdn.com/t/c/font_3801570_bebtky1mnqf.woff2?t=1670597827586') format('woff2'),
		 url('//at.alicdn.com/t/c/font_3801570_bebtky1mnqf.woff?t=1670597827586') format('woff'),
		 url('//at.alicdn.com/t/c/font_3801570_bebtky1mnqf.ttf?t=1670597827586') format('truetype');
  }
.iconlumix{
    font-family:"iconlumix" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

body {background: rgb(31, 31, 31);}
.page-banner{overflow: hidden;}
.page-banner img{width: 100%;}
/* 
|----------------------
|   breadcrumb
|----------------------
*/
.page-path {background: rgb(31, 31, 31);}
.pgs-breadcrumb{ padding: 35px 0; line-height: 30px; align-items: center; }
.pgs-breadcrumb b{display: inline-block; margin: 0 9px 0 5px; width: 6px; height: 6px; border-top: 1px solid rgba(255, 255, 255, .5); border-right: 1px solid rgba(255, 255, 255, .5); transform: rotate(45deg);}
.pgs-breadcrumb a,
.pgs-breadcrumb span{margin: 5px 0; font-size: 18px; color: rgba(255,255,255,.5); white-space: nowrap;}
.pgs-breadcrumb span{color: rgb(255, 255, 255);}
@media(max-width:768px){
	.pgs-breadcrumb{padding: 10px 0; height: auto;}
}

.fast-nav {background: rgb(31, 31, 31);margin-bottom: 60px;}
.fast-nav ul {text-align: center;justify-content: space-between;flex-wrap: nowrap;}
.fast-nav ul li {border: 1px solid rgba(255, 255, 255,.2); width: 100%;position: relative;padding: 35px 50px 35px 60px;flex-shrink: unset;}
.fast-nav.two ul li {width: 48%;padding: 28px 60px 28px 80px;}
.fast-nav ul li.on {border-color: rgba(255, 255, 255, 1);text-align: left;}
.fast-nav ul li:hover {border-color: rgba(255, 255, 255, 1);}
.fast-nav ul li a {display: block;font-size: 24px;font-weight: 400;line-height: 36px;color: rgb(255, 255, 255);}
.fast-nav ul li a::after {content: '';display: none;position: absolute;width: 8px;height: 8px;top: 50%;transform: translateY(-50%);border-radius: 50%;right: 50px;background: rgb(255, 255, 255);}
.fast-nav ul li.on a::after {display: block;}
.fast-nav ul li a img {max-width: 100%;}
.fast-nav.gallery-nav {}
.fast-nav.gallery-nav ul li {width: 23.5%;padding: 35px 30px 35px 25px;background: rgb(31, 31, 31);}
.fast-nav.gallery-nav ul li a img {opacity: .5;}
.fast-nav.gallery-nav ul li.on a img,.fast-nav.gallery-nav ul li:hover a img {opacity: 1;}


@media (max-width:1260px) {
	.fast-nav ul li {
		padding: 35px 25px;
	}
	.fast-nav ul li a {
		font-size: 22px;
		line-height: 30px;
	}
	.fast-nav.gallery-nav ul li {
		width: 49%;
		padding: 30px 25px;
		margin-bottom: 15px;
	}
}
@media (max-width:980px) {
	.fast-nav {
		margin-bottom: 40px;
	}
	.fast-nav ul li {
		padding: 22px 25px;
	}
	.fast-nav ul li a {
		font-size: 18px;
		line-height: 30px;
	}
}
@media (max-width:768px) {
	.fast-nav {
		margin-bottom: 20px;
	}
	.fast-nav ul li,.fast-nav.two ul li {
		padding: 20px 15px 20px 15px;
		margin-bottom: 15px;
	}
	.fast-nav.two ul li {
		text-align: left;
	}
	.fast-nav.two ul li img {
		max-width: 45%;
	}
	.fast-nav ul li a {
		font-size: 16px;
		line-height: 30px;
	}
	.fast-nav ul li a::after {
		right: 15px;
	}
	.pgs-breadcrumb {
		display: block;
	}
	.pgs-breadcrumb b {
		vertical-align: middle;
	}
	.pgs-breadcrumb a, .pgs-breadcrumb span {
		font-size: 14px;
		white-space: break-spaces;
	}
	.fast-nav.gallery-nav ul li {
		width: 100%;
	}
}
/* 
|----------------------
|   title
|----------------------
*/
.pgs-title {padding-bottom: 20px;}
.pgs-title h3 {position: relative; line-height: 1.2; font-size: 40px; color: #333;}
.pgs-title h4 {position: relative; font-size: 18px;line-height: 1.4; color: var(--default);  text-transform: uppercase;}
.pgs-title p { margin-top: 20px; font-size: 24px; line-height: 1.4;}
.pgs-title-white h3,
.pgs-title-white p {color: #fff;}
.pgs-title-center{text-align: center;}
@media (max-width:1200px) {
	.pgs-title h3 { font-size: 28px;}
}

@media (max-width:768px) {
	.pgs-title h3 { font-size: 24px;}
}

/* 
|----------------------
|   paging
|----------------------
*/
.paging{padding: 20px 0 100px; justify-content: center;}
.paging-nav a,
.paging-link{ position: relative; display: inline-block; margin:2px 8px; height: 46px; line-height: 44px; font-size: 18px; text-align: center; background-color: #fff; border: 1px solid #E6E6E6;}
/* hover */
.paging-nav a,
.paging-link:hover,
.paging-link:hover{background-color: #666; color: #fff;}
/*  */
.paging-prev a,
.paging-next a{ padding: 0 15px;}
.paging-prev a i,
.paging-next a i{ position: absolute; top: 14px;  display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.paging-prev a i{left: 15px; border-right: none; border-top: none;}
.paging-next a i{left: 13px; border-left: none; border-bottom: none;}
/* hover */
.paging-prev a:hover i,
.paging-next a:hover i{border-color: #fff;}

/* active */
.paging-nav a{ width: 46px;}
.paging-nav a.active,
.paging-nav a:hover{ background-color: #666; border-color: #666; color: #fff;}


.top-tit {
	display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
    align-items: center;
}
.top-tit .con {
	margin: 80px 0 0;
    text-align: left;
	min-height: 75px;
	margin-top: 10px !important;
}
.top-tit i {
	width: 2px;
	height: 64px;
	background-color: #fff;
}
.top-tit h3 {
	color: rgb(255, 255, 255);
	font-family: Noto Sans SC;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.6;
}

@media (max-width:1230px) {
	.top-tit h3 {
		font-size: 26px;
	}
	.top-tit i {
		height: 52px;
	}
}


@media (max-width:768px) {
	.top-tit h3  {
		font-size: 24px;
	}
	.top-tit i {
		height: 30px;
	}
}

@media (max-width: 640px) {
	.top-tit h3  {
		font-size: 20px;
	}
}

/*  */
.fixed-online{position: fixed; bottom: 20px; right: 15px; z-index: 77;}

.fixed-online ul li{margin-bottom: 2px; width: 64px; text-align: center; cursor: pointer; transition: .3s;}
.fixed-online ul li a{position: relative; height: 64px ; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: var(--default); color: #fff; }
.fixed-online ul li i{font-size: 28px; }
.fixed-online ul li p{font-size: 12px; }

.fixed-online-way{position: absolute; bottom: 0; right: 66px; background-color: var(--default); transition: all .3s;}

.fixed-online #fixed-online-tel{ width: 200px; height: 64px; line-height: 64px; font-size: 24px;}
.fixed-online #fixed-online-wx{padding: 15px; line-height: 64px;}
.fixed-online #fixed-online-wx .img{ width: 120px; height: 120px; background-color: #eee;}
.fixed-online #fixed-online-wx h3{margin-top: 10px; line-height: 20px; font-size: 14px;}
#gotop{height: 0; opacity: 0; overflow: hidden;}
.gotop-active{height: 64px!important; opacity: 1!important; }




/*  */
.pgs-banner{min-height: 460px; display: flex; align-items: center; justify-content: center;}
.pgs-contact{ padding : 100px 15px; }
.pgs-contact-tel{text-align: center; font-size: 24px; line-height: 1.4;}
.pgs-contact-tel a{font-size: 36px;}

.pgs-contact-wx{text-align: center; max-width: 220px; margin: 60px auto;}
.pgs-contact-wx img{width: 100%; border: 1px solid #eee; border-radius: 6px; overflow: hidden;}
.pgs-contact-wx h3{ margin-top: 15px; font-size: 24px;}

.pgs-service-search{ width: 560px;  margin: 30px auto; background-color: rgba(255,255,255,.9); border-radius: 60px; overflow: hidden;}
.pgs-service-search input{ padding: 0 40px; line-height: 60px; flex: 1; font-size: 20px; background-color: transparent;}
.pgs-service-search button{width: 80px; border: none; background-color: transparent;}

.pgs-service-wx{ max-width: 400px; align-items: center; padding: 6px; margin: 60px auto; background-color: #fff; border-radius: 8px; overflow: hidden;}
.pgs-service-wx div{width: 50%; text-align: center;}
.pgs-service-wx div img{width: 100%}
.pgs-service-wx div p{font-size: 18px; line-height: 1.6;}


.dark-bg {
	padding: 100px 0 0 0;
	background: rgb(19, 19, 19);
	overflow: hidden;
}
/* 重点 */
.banner-swiper {
	
}
.banner-swiper .container > img {
	width: 100%;
}
.banner-swiper .container > p {
	margin: 40px 0 80px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.banner-swiper .swiper .swiper-pagination {
	bottom: 65px;
}
.banner-swiper .swiper .swiper-pagination span {
	width: 54px;
	height: 6px;
	margin: 0 16px;
	background: rgb(204, 204, 204);
	border-radius: 51px;
	opacity: 1;
}
.banner-swiper .swiper .swiper-pagination span.swiper-pagination-bullet-active {
	background: rgb(81, 81, 81);
}
.banner-swiper .swiper .swiper-slide img {
	width: 100%;
	height: auto;
}

@media (max-width: 1600px) {
	.banner-swiper .container > p {
		margin: 40px 0 60px;
		font-size: 28px;
	}
}
@media (max-width: 1230px) {
	.banner-swiper .container > p {
		margin: 20px 0 40px;
		font-size: 24px;
	}
}
@media (max-width: 768px) {
	.banner-swiper .container > p {
		margin: 20px 0;
		font-size: 20px;
	}
	.banner-swiper .swiper .swiper-pagination {
		bottom: 10px;
	}
	.banner-swiper .swiper .swiper-pagination span {
		width: 30px;
		height: 4px;
		margin: 0 4px;
	}
}
@media (max-width: 640px) {
	.banner-swiper .container > p {
		font-size: 18px;
	}
}

.common-list {
	display: flex;
	justify-content: space-between;
}
.common-list .item.l {
	margin-left: 0;
	width: 50%;
}
.common-list .item,.common-list .item {
	width: 50%;
}

.common-list .item.r,.common-list .item {
	width: 44%;
	margin-left: 0;
	margin-bottom: 120px;
}

.common-list .item.r {
	margin-left: auto;
}

.common-list .item h3 {
	border-top: 4px solid rgba(255, 255, 255, .3);
	padding-top: 40px;
	margin-bottom: 30px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.common-list .item h3.none {
	padding-top: 0;
	border-top: none;
}
.common-list .item h4 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 400;
	line-height: 1.6;
}
.common-list .item p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
}
.common-list .item img {
	width: 100%;
	margin-bottom: 40px;
}
.common-list .item img.mt8 {
	margin-top: 80px;
}
.common-list .item .img img{
	width: auto;
	max-width: 100%;
}

@media (max-width: 1600px) {
	.common-list .item h3 {
		font-size: 32px;
	}
	.common-list .item h4 {
		font-size: 28px;
	}
}
@media (max-width: 1230px) {
	.common-list .item h3 {
		font-size: 28px;
		padding-top: 30px;
		margin-bottom: 20px;
	}
	.common-list .item p {
		line-height: 1.6;
		font-size: 16px;
	}
	.common-list .item.r, .common-list .item {
		margin-bottom: 80px;
	}
	.common-list .item img.mt8 {
		margin-top: 60px;
	}
	.common-list .item h4 {
		font-size: 24px;
		margin-bottom: 15px;
	}
}
@media (max-width: 768px) {
	.common-list {
		flex-wrap: wrap;
	}
	.common-list .item.r, .common-list .item {
		width: 100%;
		margin-left: 0;
		margin-bottom: 60px;
	}
	.common-list .item h3 {
		font-size: 24px;
		padding-top: 20px;
		margin-bottom: 10px;
	}
	.common-list .item img {
		margin-bottom: 15px;
	}
	.common-list .item img.mt8 {
		margin-top: 40px;
	}
	.common-list .item h4 {
		font-size: 22px;
	}
}
@media (max-width: 768px) {
	.common-list .item.r, .common-list .item {
		margin-bottom: 40px;
	}
	.common-list .item.r br, .common-list .item br {
		display: none;
	}
	.common-list .item h3 {
		font-size: 20px;
	}
	.common-list .item p {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.common-list .item h4 {
		font-size: 18px;
	}
}
@media (max-width: 640px) {
	.common-list .item.r, .common-list .item {
		margin-bottom: 20px;
	}
}
.lumix-show {
	position: relative;
	margin-bottom: 200px;
}
.lumix-show .link-more {
	width: 50%;
	position: relative;
	
}
.lumix-show .link-more img {
	width: 100%;
}
.lumix-show .link-more a {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 90px;
	display: inline-block;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 77px;
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	padding: 13px 67px;
}
.lumix-show .link-product {
	position: absolute;
	right: 0;
	top: 10%;
	width: 57%;
}
.lumix-show:nth-of-type(even) .link-more {
	margin-left: auto;
}
.lumix-show:nth-of-type(even) .link-product {
	right: auto;
	left: 0;
}
.lumix-show:nth-of-type(even)  .link-product .link-product-top {
	margin-left: 0;
	margin-right: auto;
}
.lumix-show .link-product .link-product-top {
	margin-bottom: 45px;
    display: flex;
	width: 80%;
    margin-left: auto;
}
.lumix-show .link-product .link-product-top h3 {
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.8;
}
.link-btns {
	display: flex;
	margin-left: auto;
}
.link-btns .swiper-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 2px solid rgb(203, 203, 203);
	cursor: pointer;
}
.link-btns .swiper-btn.swiper-prev {
	margin-right: 20px;
}
.lumix-show .swiper .swiper-slide img {
	width: 100%;
}
.lumix-show .swiper .swiper-slide p {
	margin-top: 10px;
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}
.about-banner {
	margin-bottom: 160px;
}
.about-banner img {
	width: 100%;
}
.about-info {
	
}
.about-info .about-item {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.about-info .about-item:nth-of-type(even) {
	flex-direction: row-reverse;
}
.about-info .about-item > img {
	width: 47%;
	max-width: 100%;
	position: relative;
}
.about-info .about-item:nth-of-type(2) img {
	top: -60px;
}
.about-info .about-item:nth-of-type(3) img {
	top: -120px;
}
.about-info .about-item .con {
	width: 35%;
    margin: 150px auto 0;
}
.about-info .about-item .con h3 {
	margin-bottom: 30px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 59px;
}
.about-info .about-item .con p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: rgb(255, 255, 255);
}
.about-info .about-item .con a {
	display: inline-block;
	margin-top: 60px;
	padding-bottom: 6px;
	color: rgba(255, 255, 255, .6);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	border-bottom: 1px solid rgba(255, 255, 255, .6);
}
.about-info .about-item .con img {
	margin-bottom: 60px;
	max-width: 100%;
}
.about-footer {
	padding: 140px 0 60px;
}
.about-footer ul {
	justify-content: space-between;
	flex-wrap: no-wrap;
}
.about-footer ul li {
	position: relative;
	text-align: center;
	flex: 1;
}
.about-footer ul li:nth-of-type(2) {
	margin: 0 20px;
	margin-right: 0;
}
.about-footer ul li .con {
	position: absolute;
	width: 100%;
	top: 94px;
	left: 50%;
	transform: translateX(-50%);
}
.about-footer ul li h3 {
	margin-bottom: 18px;
	color: rgb(255, 255, 255);
	font-size: 36px;
	font-weight: 500;
}
.about-footer ul li a {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
}
.about-footer ul li a img {
	width: auto;
	max-width: 100%;
}
.about-footer ul li:nth-of-type(2) {
	display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
}
.about-footer ul li:nth-of-type(2) a {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgb(0, 0, 0);
}
.about-footer ul li:nth-of-type(2) a:first-of-type {
	margin-bottom: 20px;
}
.about-footer ul li img {
	width: 100%;
}
.about-footer ul li:nth-of-type(2) a p {
	color: rgb(255, 255, 255);
	font-size: 30px;
	font-weight: 500;
	margin-top: 10px;
}
.about-footer ul li:nth-of-type(2) img {
	max-width: 100%;
	width: auto;
}

.about-nav ul {
	justify-content: space-between;
	margin-bottom: 160px;
}
.about-nav ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	background: rgb(0, 0, 0);
	padding: 79px 0;
}
.about-nav ul li img {
	margin-bottom: 20px;
	max-width: 100%;
}
.about-nav ul li p {
	color: rgb(255, 255, 255);
	font-size: 30px;
	font-weight: 500;
}
.about-nav ul li a {
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 1600px) {
	.lumix-show .link-product .link-product-top h3 {
		font-size: 32px;
	}
	.about-info .about-item .con h3 {
		font-size: 32px;
	}
	.about-footer ul li:nth-of-type(2) a p,.about-nav ul li p {
		font-size: 28px;
	}
}
@media (max-width: 1230px) {
	.dark-bg {
		padding: 80px 0 0 0;
	}
	.lumix-show {
		margin-bottom: 120px;
	}
	.lumix-show .link-product .link-product-top h3 {
		font-size: 28px;
	}
	.about-info .about-item .con {
		width: 40%;
		margin: 120px auto 0;
	}
	.about-info .about-item .con h3 {
		margin-bottom: 20px;
		font-size: 28px;
		line-height: 1.6;
	}
	.about-info .about-item .con a {
		font-size: 16px;
		margin-top: 20px;
	}
	.about-footer ul li:nth-of-type(2) a p,.about-nav ul li p {
		font-size: 18px;
	}
	.lumix-show .link-product .link-product-top {
		margin-bottom: 25px;
		width: 85%;
	}
	.lumix-show .swiper .swiper-slide p {
		font-size: 16px;
	}
	.lumix-show .link-more a {
		font-size: 20px;
		line-height: 30px;
		padding: 10px 50px;
	}
	.link-btns .swiper-btn {
		width: 48px;
		height: 48px;
	}
	.link-btns .swiper-btn.swiper-prev {
		margin-right: 15px;
	}
	.about-banner {
		margin-bottom: 120px;
	}
	.about-info .about-item .con p {
		font-size: 16px;
	}
	.about-info .about-item .con img {
		margin-bottom: 40px;
	}
	.about-info .about-item:nth-of-type(3) img {
		top: 30px;
	}
	.about-info .about-item:nth-of-type(2) img {
		top: 0;
	}
	.about-footer {
		padding: 100px 0 40px;
	}
	.about-footer ul li h3 {
		font-size: 26px;
		line-height: 1.6;
	}
	.about-footer ul li a,.about-nav ul li a {
		font-size: 16px;
	}
	.about-footer ul li:nth-of-type(2) img {
		max-width: 20%;
		width: auto;
	}
	.about-footer ul li .con {
		padding: 0 15px;
		top: 30px;
	}
	.about-nav ul li {
		padding: 35px 0;
	}
	.about-nav ul li img {
		max-width: 70%;
	}
}
@media (max-width: 980px) {
	.about-info .about-item:nth-of-type(even),.about-info .about-item {
		align-items: center;
		flex-wrap: wrap;
	}
	.about-info .about-item .con {
		width: 45%;
		margin: 60px auto 0;
	}
	.about-nav ul {
		margin-bottom: 120px;
	}
}
@media (max-width: 768px) {
	.about-footer ul {
		flex-wrap: wrap;
	}
	.about-info .about-item .con p,.about-info .about-item .con a {
		font-size: 14px;
	}
	.about-info .about-item:nth-of-type(3) img {
		position: static;
	}
	.dark-bg {
		padding: 60px 0 0 0;
	}
	.lumix-show {
		margin-bottom: 80px;
	}
	.lumix-show .link-product .link-product-top h3 {
		font-size: 24px;
	}
	.about-info .about-item .con {
		width: 100%;
		margin: 15px auto 30px;
	}
	.about-info .about-item .con h3 {
		font-size: 24px;
	}
	.about-info .about-item:nth-of-type(even) {
		flex-direction: row;
	}
	.about-footer ul li:nth-of-type(2) a p,.about-nav ul li p {
		font-size: 16px;
	}
	.link-btns .swiper-btn {
		width: 32px;
		height: 32px;
		border-width: 1px;
	}
	.link-btns .swiper-btn img {
		height: 10px;
	}
	.link-btns .swiper-btn.swiper-prev {
		margin-right: 10px;
	}
	.lumix-show .link-more {
		width: 100%;
		margin-bottom: 25px;
	}
	.lumix-show .link-product {
		position: static;
		width: 100%;
	}
	.lumix-show .link-product .link-product-top {
		width: 100%;
		margin-bottom: 15px;
	}
	.lumix-show {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		margin-bottom: 20px;
	}
	.about-banner {
		margin-bottom: 80px;
	}
	.dark-bg {
		margin-bottom: 20px;
	}
	.about-info .about-item .con img {
		margin-bottom: 20px;
	}
	.about-footer {
		padding: 40px 0;
	}
	.about-footer ul li {
		width: 100%;
		flex: 0 1 100%;
	}
	.about-footer ul li:nth-of-type(2) {
		margin: 20px 0;
	}
	.about-footer ul li h3 {
		font-size: 24px;
	}
	.about-info .about-item > img {
		width: 100%;
	}
	.about-info .about-item .con img {
		max-width: 50%;
	}
	.about-footer ul li .con {
		top: 12%;
	}
	.about-footer ul li a {
		padding: 20px 0;
	}
	.about-nav {
		display: none;
	}
	.about-nav ul {
		margin-bottom: 80px;
	}
	
}
@media (max-width: 640px) {
	.dark-bg {
		padding: 40px 0 0 0;
	}
	.lumix-show {
		margin-bottom: 40px;
	}
	.lumix-show .link-product .link-product-top h3 {
		font-size: 20px;
	}
	.about-info .about-item .con h3 {
		font-size: 20px;
	}
	.lumix-show .link-more a {
		bottom: 25px;
		font-size: 16px;
		line-height: 20px;
		padding: 10px 30px;
	}
	.about-banner {
		margin-bottom: 40px;
	}
	.about-footer ul li h3 {
		font-size: 20px;
	}
	.about-nav ul {
		margin-bottom: 40px;
	}
}




/* history */
.x-history {
	background: rgb(31, 31, 31);
}
.x-history h1 {
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
}
.x-history .box {
	margin: 40px 0;
	padding: 40px 0;
	border-top: 2px solid rgba(255, 255, 255, .3);
	border-bottom: 2px solid rgba(255, 255, 255, .3);
}
.history-top {
	justify-content: space-between;
}
.history-top-left {
	width: 66.666%;
}
.history-top-left ul {
	display: flex;
	margin-bottom: 70px;
}
.history-top-left ul li {
	display: flex;
    flex-direction: column;
	width: 50%;
	padding: 0 50px;
	border-right: 1px solid rgba(255, 255, 255, .2);
}
.history-top-left ul li:first-of-type {
	padding-left: 0;
}
.history-top-right {
	width: 33.333%;
	padding-left: 50px;
}
.x-history .history-box {
	border-top: none;
}
.x-history .history-box ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.x-history .history-box ul li {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	width: 33.333%;
	padding: 0 50px 140px;
	border-right: 1px solid rgba(255, 255, 255, .2);
}
.x-history .history-box ul li img {
	max-width: 100%;
}
.x-history .history-box ul:last-of-type {
	margin-bottom: 60px;
}
.x-history .history-box ul:last-of-type li {
	padding-bottom: 0;
}
.x-history .history-box ul li:first-of-type {
	padding-left: 0;
}
.x-history .history-box ul li:last-of-type {
	padding-right: 0;
	border-right: none;
}
.x-history .history-single-box {
	border-bottom: none;
}
.x-history .history-single-box ul li:last-of-type{
	border-right: 1px solid rgba(255, 255, 255, .2);
	padding-right: 50px;
}

.x-history h3 {
	color: rgb(255, 255, 255);
	font-size: 60px;
	font-weight: 400;
	line-height: 1.6;
}
.x-history .con {
	margin: 20px 0 40px;
}
.x-history .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.x-history .con p span {
	color: rgb(223, 0, 0);
	vertical-align: middle;
}
.x-history h4 {
	color: rgb(255, 255, 255);
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 10px;
}
.x-history .img {
	margin-top: auto;
}
.x-history .img img {
	max-width: 100%;
}
.x-history .line {
	display: flex;
	width: 160px;
	height: 4px;
	margin: 60px 0 40px;
	background: rgba(255, 255, 255, .3);
}
.x-history .img.img-col {
	margin-top: 0;
}
.x-history .img.img-mb {
	margin-bottom: 80px;
}
.history-top-left img,.history-top-right img {
	max-width: 100%;
}
@media (max-width: 1600px) {
	.x-history h1 {
		font-size: 32px;
	}
	.x-history h3 {
		font-size: 48px;
	}
	.x-history h4 {
		font-size: 30px;
	}
	
}
@media (max-width: 1230px) {
	.history-top-left img {
		/* max-width: 90%; */
	}
	.x-history .box {
		margin: 20px 0;
	}
	.history-top-left ul li {
		padding: 0 30px;
	}
	.x-history h1 {
		font-size: 28px;
	}
	.x-history h3 {
		font-size: 32px;
	}
	.x-history .con {
		margin: 20px 0;
	}
	.x-history .con p {
		font-size: 16px;
	}
	.x-history .history-box ul li {
		padding: 0 30px 100px;
	}
	.history-top-right {
		padding-left: 30px;
	}
	.x-history .img.img-mb {
		margin-bottom: 60px;
	}
	.x-history h4 {
		font-size: 28px;
	}
	.x-history h3 {
		font-size: 28px;
	}
}
@media (max-width: 870px) {
	.x-history h1 {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.x-history .box {
		margin: 0;
		padding: 0;
		border: none;
	}
	.history-top-left {
		width: 100%;
		margin-bottom: 20px;
	}
	.history-top-left ul {
		flex-wrap: wrap;
		margin-bottom: 0;
		padding: 0 15px;
	}
	.history-top-right {
		padding-left: 0;
	}
	.history-top-left ul li {
		width: 100%;
		padding: 0;
		padding-bottom: 40px;
		margin-bottom: 20px;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.history-top-right {
		width: 100%;
	}
	.x-history .history-box ul {
		flex-wrap: wrap;
		padding: 0 15px;
	}
	.x-history .line {
		width: 40%;
		height: 1px;
		margin: 40px 0 40px;
		background: rgba(255, 255, 255, .2);
	}
	.x-history .history-box ul li,.x-history .history-box ul:last-of-type li {
		width: 100%;
		padding: 0;
		padding-bottom: 40px;
		margin-bottom: 20px;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.x-history .img.img-mb {
		margin-bottom: 40px;
	}
	.x-history .history-box ul:last-of-type {
		margin-bottom: 0;
	}
}
@media (max-width: 768px) {
	.x-history .con p {
		font-size: 14px;
	}
	.x-history h4 {
		font-size: 24px;
	}
}
.info-box {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 140px;
}
.info-box .l {
	width: 50%;
}
.info-box .l img {
	width: 100%;
}
.info-box .r {
	border-top: 4px solid rgba(255, 255, 255, .3);
	width: 44%;
	margin-left: auto;
}
.info-box .r h3 {
	margin: 40px 0 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.5;
}
.info-box .r .con {
	margin-bottom: 40px;
}
.info-box .r .con p {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: rgb(255, 255, 255);
}
.info-box .r img {
	width: 100%;
	margin-bottom: 40px;
}
.info-box .r .left {
	text-align: left;
}
.info-box .r .left img {
	max-width: 100%;
	width: auto;
	margin-bottom: 16px;
}
.info-box .r .left p {
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 1600px) {
	.info-box .r h3 {
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.info-box {
		margin-bottom: 100px;
	}
	.info-box .r h3 {
		margin: 25px 0 18px;
		font-size: 28px;
	}
	.info-box .r .con p {
		font-size: 16px;
	}
	.info-box .r .con {
		margin-bottom: 20px;
	}
	.info-box .r img {
		margin-bottom: 20px;
	}
	.info-box .r .left p {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.info-box {
		margin-bottom: 80px;
		flex-wrap: wrap;
	}
	.info-box .l,.common-list .item {
		width: 100% !important;
		position: static !important;
	}
	.info-box .r {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	.info-box .r h3 {
		font-size: 24px;
	}
	.info-box .r .con p {
		font-size: 14px;
	}
	.info-box .r .left p {
		font-size: 14px;
	}
}
@media (max-width: 640px) {
	.info-box .r h3 {
		font-size: 20px;
	}
}



.x-concept {

}
.x-concept .banner {

}
.x-concept .banner img {
	width: 100%;
}

.x-concept-title {
	margin: 40px 0 80px;
	text-align: center;
}

.x-concept-title h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
}
.x-concept-title p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.x-concept-title.left p {
	text-align: left;
}

.x-concept .x-concept-swiper {
	margin-bottom: 120px;
}
.x-concept .x-concept-swiper .swiper {
	position: relative;
}
.x-concept .x-concept-swiper .swiper .swiper-btns {
	position: absolute;
    top: 30%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    z-index: 9;
}
.x-concept .x-concept-swiper .swiper .swiper-btn {
	cursor: pointer;
}
.x-concept .x-concept-swiper .swiper-slide img {
	width: 100%;
}
.x-concept .x-concept-swiper .swiper-slide .con {
	padding: 40px 0 50px;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
}
.x-concept .x-concept-swiper .swiper-slide h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.4;
}
.x-concept .x-concept-swiper .swiper-slide p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.x-tech {
	display: flex;
	justify-content: center;
	background: rgb(0, 0, 0);
}
.x-tech .l {
	width: 40%;
}
.x-tech .r {
	width: 50%;
}
.x-tech .l {
	display: flex;
	align-items: center;
}
.x-tech .l .con {
	padding-bottom: 60px;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
}
.x-tech .l .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
}
.x-tech .l .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.x-tech .r img {
	width: 100%;
}
.x-concept-video .box {
	position: relative;
}
iframe {
	width: 100%;
	height: 650px;
}
.x-concept-video .play_thum {
	width: 100%;
}
.x-concept-video .play_ico {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.x-concept-video .content {
	margin: 60px 0 120px;
}
.x-concept-video .content h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
}
.x-concept-video .content p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}


.x-desgin {
	display: flex;
	justify-content: space-between;
	margin-bottom: 140px;
}
.x-desgin .con {
	width: 25%;
	padding-top: 60px;
	border-top: 4px solid rgba(255, 255, 255, .3);
}
.x-desgin .con img {
	max-width: 100%;
	margin-bottom: 42px;
}
.x-desgin .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.x-desgin > img {
	margin-left: 6.5%;
	width: 72%;
}

@media (max-width: 1600px) {
	.x-concept-title h3 {
		font-size: 32px;
	}
	.x-concept .x-concept-swiper .swiper-slide h3 {
		font-size: 32px;
	}
	.x-tech .l .con h3 {
		font-size: 32px;
	}
	.x-concept-video .content h3 {
		font-size: 32px;
	}
	.x-desgin .con {

	}
}
@media (max-width: 1230px) {
	.x-concept-title h3 {
		font-size: 28px;
	}
	.x-concept-title p {
		font-size: 16px;
	}
	.x-concept .x-concept-swiper .swiper-slide h3 {
		font-size: 28px;
	}
	.x-tech .l .con h3 {
		font-size: 28px;
	}
	.x-concept-title {
		margin: 40px 0 60px;
	}
	.x-concept-video .content h3 {
		font-size: 28px;
	}
	.x-concept .x-concept-swiper {
		margin-bottom: 80px;
	}
	.x-concept .x-concept-swiper .swiper-slide p {
		font-size: 16px;
	}
	.x-tech .l .con p {
		font-size: 16px;
	} 
	.x-tech .l .con {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.x-concept-video .play_ico {
		width: 60px;
	}
	.x-concept-video .content {
		margin: 40px 0 100px;
	}
	.x-desgin {
		align-items: flex-start;
		margin-bottom: 120px;
	}
	.x-desgin > img {
		width: 60%;
		margin-left: 0;
	}
	.x-desgin .con {
		width: 35%;
		padding-top: 40px;
	}
	.x-desgin .con img {
		margin-bottom: 30px;
	}
	.x-desgin .con p {
		font-size: 16px;
	}
	.x-concept .x-concept-swiper .swiper .swiper-btns {
		display: none;
	}
}
@media (max-width: 980px) {
	.x-concept .x-concept-swiper {
		margin-bottom: 60px;
	}
	.x-tech .l {
		width: 55%;
	}
	.x-tech .r {
		width: 40%;
	}
	.x-concept-video .content {
		margin: 40px 0 40px;
	}
}
@media (max-width: 768px) {
	iframe {
		height: 250px;
	}
	.x-concept-title {
		margin: 40px 0 20px;
	}
	.x-concept-title h3 {
		font-size: 24px;
		margin-bottom: 18px;
	}
	.x-concept .x-concept-swiper .swiper-slide .con {
		padding: 30px 0;
	}
	.x-concept .x-concept-swiper .swiper-slide h3 {
		font-size: 24px;
		margin-bottom: 18px;
	}
	.x-tech {
		flex-wrap: wrap;
		position: relative;
		padding-bottom: 0;
	}
	
	.x-tech .l .con h3 {
		font-size: 24px;
		margin-bottom: 18px;
	}
	.x-tech .l {
		width: 100%;
		position: static;
		transform: unset;
		padding-left: 15px;
		padding-right: 15px;
	}
	.x-tech .l .con {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.x-tech .r {
		width: 100%;
	}
	.x-tech .r img {
		height: auto;
		object-fit: cover;
	}
	.x-concept-video .content h3 {
		font-size: 24px;
		margin-bottom: 18px;
	}
	.x-concept .x-concept-swiper .swiper-slide p {
		font-size: 14px;
	}
	.x-concept-title p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.x-concept-title br {
		display: none;
	}
	.x-concept-video .play_ico {
		width: 50px;
	}
	.x-desgin {
		flex-wrap: wrap;
	}
	.x-desgin .con {
		width: 100%;
		margin-bottom: 20px;
	}
	.x-desgin .con img {
		max-width: 50%;
	}
	.x-desgin > img {
		width: 100%;
	}
}
@media (max-width: 640px) {
	.x-concept-title h3 {
		font-size: 20px;
	}
	.x-concept .x-concept-swiper .swiper-slide h3 {
		font-size: 20px;
	}
	.x-tech .l .con h3 {
		font-size: 20px;
	}
	.x-concept-video .content h3 {
		font-size: 20px;
	}
}

.ambassador-intro {
	text-align: center;
	margin-bottom: 60px;
}
.ambassador-intro p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.x-ambassador ul {
	margin-bottom: 140px;
}
.x-ambassador ul li {
	width: 25%;
}
.x-ambassador ul li img {
	width: 100%;
}
.single-ambassador .flex {
	justify-content: space-between;
	margin-bottom: 140px;
}
.single-ambassador .ambassador-l {
	width: 37%;
}
.single-ambassador .ambassador-l .ambassador-profile {}
.single-ambassador .ambassador-l .ambassador-profile img {
	width: 100%;
}
.single-ambassador .ambassador-l .ambassador-profile h3 {
	margin: 35px 0 24px;
	color: rgb(255, 255, 255);
	font-size: 46px;
	font-weight: 400;
	line-height: 36px;
}
.single-ambassador .ambassador-l .ambassador-profile p {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.single-ambassador .ambassador-l .ambassador-profile .social-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 28px 0;
	padding-bottom: 30px;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul {
	display: flex;
	align-items: center;
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul li {
	display: flex;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	background-color: rgba(255,255,255,.5);
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul li i {
	font-size: 20px;
	color: rgb(31, 31, 31);
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul li.on {
	background-color: rgba(255,255,255.1);
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul li:last-of-type {
	margin-right: 0;
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul li a {
	pointer-events: none;
}
.single-ambassador .ambassador-l .ambassador-profile .social-list ul li.on a {
	pointer-events: unset;
}
.single-ambassador .ambassador-l .ambassador-profile .social-list > a {
	margin-top: 5px;
	margin-left: auto;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
}
.single-ambassador .ambassador-l .ambassador-profile .social-list > a img {
	width: auto;
}
.single-ambassador .ambassador-l .ambassador-tag {

}
.single-ambassador .ambassador-l .ambassador-tag h3 {
	margin-bottom: 20px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 400;
	line-height: 1.6;
}
.single-ambassador .ambassador-l .ambassador-tag ul {
	display: flex;
	flex-wrap: wrap;
}
.single-ambassador .ambassador-l .ambassador-tag ul li {
	margin-right: 10px;
	margin-bottom: 8px;
	padding: 10px 22px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 5px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
}
.single-ambassador .ambassador-r {
    flex: 1;
    margin-left: 6%;
}
.single-ambassador .ambassador-r ul {
	column-count: 3;
    column-gap: 0;
}
.single-ambassador .ambassador-r ul li img {
	width: 100%;
    height: 100%;
}
@media (max-width: 1720px) {
	.single-ambassador .ambassador-l .ambassador-profile .social-list {
		flex-wrap: wrap;
	}
	
	.single-ambassador .ambassador-l .ambassador-profile .social-list ul li {
		margin-right: 20px;
	}
}
@media (max-width: 1600px) {
	.single-ambassador .ambassador-l .ambassador-profile h3 {
		font-size: 36px;
	}
	
	.single-ambassador .ambassador-l .ambassador-profile .social-list ul li {
		margin-right: 10px;
	}
}
@media (max-width: 1420px) {
	.single-ambassador .ambassador-l .ambassador-profile .social-list ul {
		width: 100%;
		justify-content: center;
		margin-bottom: 15px;
	}
}
@media (max-width: 1230px) {
	.single-ambassador .flex {
		margin-bottom: 80px;
	}
	.single-ambassador .ambassador-l .ambassador-profile h3 {
		margin: 25px 0 15px;
		font-size: 32px;
	}
	.ambassador-intro {
		margin-bottom: 40px;
	}
	.ambassador-intro p {
		font-size: 16px;
	}
	.x-ambassador ul {
		margin-bottom: 100px;
	}
	.single-ambassador .ambassador-l .ambassador-tag h3 {
		margin: 25px 0 15px;
		font-size: 28px;
		line-height: 1.6;
	}
	.single-ambassador .ambassador-l .ambassador-profile .social-list ul {
		align-items: center;
	}
}
@media (max-width: 980px) {
	.single-ambassador .flex {
		margin-bottom: 60px;
	}
	.single-ambassador .ambassador-l .ambassador-profile h3 {
		font-size: 28px;
	}
	.x-ambassador ul li {
		width: 33.333%;
	}
	.x-ambassador ul {
		margin-bottom: 80px;
	}
	.single-ambassador .ambassador-l .ambassador-tag h3 {
		font-size: 24px;
	}
	.single-ambassador .ambassador-l {
		width: 100%;
	}
	.single-ambassador .ambassador-r {
		margin-top: 25px;
		flex: 0 1 100%;
		width: 100%;
		margin-left: 0;
	}
}
@media (max-width: 768px) {
	.single-ambassador .flex {
		margin-bottom: 40px;
	}
	.single-ambassador .ambassador-l .ambassador-profile h3 {
		font-size: 24px;
	}
	.x-ambassador ul li {
		width: 50%;
	}
	.single-ambassador .ambassador-l .ambassador-profile .social-list ul {
		justify-content: space-between;
	}
	.single-ambassador .ambassador-l .ambassador-profile .social-list ul li {
		margin-right: 0;
	}
	.x-ambassador ul {
		margin-bottom: 60px;
	}
	.single-ambassador .ambassador-l .ambassador-tag h3 {
		font-size: 22px;
	}
}



.x-lens .common-list {
	border-bottom: 4px solid rgba(255, 255, 255, .3);
	margin-bottom: 80px;
}
.lens-banner {
	margin-bottom: 140px;
}
.lens-banner h3 {
	margin-bottom: 40px;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 500;
	width: 100%;
    text-align: center;
}
.lens-banner-tit {
	text-align: center;
	margin-bottom: 60px;
}
.lens-banner-tit img {
	max-width: 100%;
	margin-bottom: 24px;
}
.lens-banner-tit p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8;
}
.lens-banner ul li {
	width: 100%;
	margin-bottom: 36px;
}
.lens-banner ul li img {
	width: 100%;
}
.lens-info {
	margin-bottom: 60px;
}
.lens-info h1 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.lens-info p {
	margin-bottom: 36px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lens-info img {
	width: 100%;
}
.about-lens {
	padding: 100px 0 160px;
	background: rgb(19, 19, 19);
}
.about-lens .rec-products {

}
.about-lens .rec-products > h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.about-lens .rec-products ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.about-lens .rec-products ul li {
	width: 47%;
}
.about-lens .rec-products ul li img {
	width: 100%;
	margin-bottom: 32px;
}
.about-lens .rec-products ul li h3 {
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
}
.about-lens .rec-products ul li p {
	line-height: 1.6;
	margin-top: 10px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
}
@media (max-width: 1600px) {
	.about-lens .rec-products > h3 {
		font-size: 32px;
	}
	.about-lens .rec-products ul li h3 {
		font-size: 32px;
	}
	.lens-info h1,.lens-banner h3 {
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.lens-info {
		margin-bottom: 40px;
	}
	.lens-banner {
		margin-bottom: 80px;
	}
	.lens-info h1,.lens-banner h3 {
		font-size: 28px;
		margin-bottom: 18px;
	}
	.lens-banner h3 {
		font-size: 25px;
	}
	.about-lens {
		padding: 80px 0 100px;
	}
	.about-lens .rec-products > h3 {
		margin-bottom: 20px;
		font-size: 28px;
	}
	.about-lens .rec-products ul {
		margin-bottom: 40px;
	}
	.about-lens .rec-products ul li h3 {
		font-size: 28px;
	}
	.about-lens .rec-products ul li p {
		font-size: 16px;
	}
	.about-lens .rec-products ul li img {
		margin-bottom: 20px;
	}
}
@media (max-width: 768px) {
	.lens-info {
		margin-bottom: 20px;
	}
	.lens-banner {
		margin-bottom: 60px;
	}
	.lens-info h1,.lens-banner h3 {
		font-size: 24px;
	}
	.about-lens {
		padding: 60px 0 80px;
	}
	.about-lens .rec-products ul {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.about-lens .rec-products ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	.about-lens .rec-products ul li h3 {
		font-size: 24px;
	}
	.about-lens .rec-products > h3 {
		font-size: 24px;
	}
	
}
@media (max-width: 640px) {
	.lens-banner {
		margin-bottom: 40px;
	}
	.lens-info h1,.lens-banner h3 {
		font-size: 22px;
	}
	.about-lens .rec-products ul li h3 {
		font-size: 20px;
	}
	.about-lens {
		padding: 40px 0 60px;
	}
	.about-lens .rec-products > h3 {
		font-size: 22px;
	}
}
.sixfour-box {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}
.sixfour-banner {
	
}
.sixfour-banner img {
	max-width: 100%;
}
.sixfour-banner img.full-img {
	width: 100%;
}
div.title-img {
	margin: 80px 0;
	text-align: center;
}
div.title-img img {
	max-width: 100%;
}
div.title-img img.logo {
	margin-bottom: 12px;
}
div.title-img img.mb {
	margin-bottom: 64px;
}
img.title-img {
	display: block;
	max-width: 100%;
	margin: 60px auto;
}
.sixfour-banner .con {
	margin: 80px 0 0;
	text-align: left;
}
.sixfour-banner .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 400;
	line-height: 1.6;
}
.sixfour-banner .con p {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}

.group-imgs .group-img {
	margin: 100px 0;
}
.group-imgs .group-img .img {
	margin-top: 24px;
}
.group-imgs .group-img img {
	max-width: 100%;
}
.sixfour-btm {
	display: flex;
	justify-content: space-between;
	margin-bottom: 160px;
	padding-top: 60px;
	border-top: 4px solid rgba(255, 255, 255, .3);
}
.sixfour-btm .img {
	width: 54%;
}
.sixfour-btm .img img {
	width: 100%;
}
.sixfour-btm .con {
	text-align: left;
	width: 40%;
    margin-left: auto;
}
.sixfour-btm .con h3 {
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 500;
    line-height: 1.6;
}
.sixfour-btm .con h4 {
	margin-bottom: 24px;
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.6;
}
.sixfour-btm .con p {
	margin-bottom: 32px;
	color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
@media (max-width:1600px) {
	div.title-img {
		margin: 60px 0;
	}
	.sixfour-btm .con h3 {
		font-size: 32px;
	}
	.sixfour-btm .img {
		width: 40%;
	}
	.sixfour-btm .con {
		width: 50%;
	}
	.sixfour-btm .con h4 {
		font-size: 30px;
	}
}

@media (max-width:1230px) {
	.sixfour-box {
		width: 80%;
	}
	.sixfour-banner .con h3 {
		margin-bottom: 15px;
		font-size: 28px;
	}
	.sixfour-banner .con p {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.group-imgs .group-img {
		margin: 80px 0;
	}
	.sixfour-btm .con h3 {
		font-size: 28px;
	}
	.sixfour-btm .con h4 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	.sixfour-btm .con p {
		margin-bottom: 25px;
		font-size: 16px;
		line-height: 1.6;
	}
}

@media (max-width:960px) {
	.sixfour-box {
		width: 85%;
	}
	.sixfour-banner .con {
		margin: 60px 0 0;
	}
	img.title-img {
		margin: 40px auto;
	}
	.group-imgs .group-img {
		margin: 60px 0;
	}
	.group-imgs .group-img .img {
		margin-top: 20px;
	}
}

@media (max-width:768px) {
	.sixfour-box {
		width: 95%;
	}
	.sixfour-banner .con {
		margin: 40px 0 0;
	}
	.sixfour-banner .con h3 {
		margin-bottom: 10px;
		font-size: 24px;
	}
	img.title-img {
		max-width: 60%;
		margin: 0 auto 20px;
	}
	.group-imgs .group-img {
		margin: 40px 0;
	}
	.sixfour-btm {
		margin-bottom: 100px;
		padding-top: 40px;
	}
	.sixfour-btm .con h3 {
		font-size: 24px;
	}
	.sixfour-btm .con h4 {
		margin-bottom: 16px;
		font-size: 22px;
	}
	.sixfour-btm .con p {
		margin-bottom: 15px;
		font-size: 14px;
	}
	.sixfour-btm {
		flex-wrap: wrap;
	}
	.sixfour-btm .img {
		width: 100%;
		margin-bottom: 25px;
	}
	.sixfour-btm .img img {
		width: auto;
		max-width: 60%;
	}
	.sixfour-btm .con {
		width: 100%;
	}
}

@media (max-width:640px) {
	.sixfour-banner .con h3 {
		font-size: 20px;
	}
	.group-imgs .group-img {
		margin: 30px 0;
	}
	.sixfour-btm .con h3 {
		font-size: 22px;
	}
	.sixfour-btm .con h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sixfour-btm .img img {
		max-width: 85%;
	}
}


.af-topcon {
	display: flex;
	justify-content: space-between;
}

.af-topcon .img {
	width: 56%;
}
.af-topcon .img img {
	width: 100%;
}
.af-topcon .con {
	width: 38%;
	margin-left: auto;
}
.af-topcon .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.af-topcon .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.af-swiper-one {
	border-bottom: 4px solid rgba(255, 255, 255, .2);
    padding: 80px 0 100px;
    margin: 0 auto;
    margin-right: 0;
    overflow-x: auto;
    max-width: 1660px;
}
.af-swiper-one .swiper-slide {
	/* width: 42%; */
	width: auto;
}
.af-swiper-one .swiper-slide img {
	width: 100%;
}
.af-swiper-one > h3 {
	margin-bottom: 46px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.af-swiper-one .swiper-slide .con {
	margin-bottom: 40px;
}
.af-swiper-one .swiper-slide .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.af-swiper-one .swiper-slide .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.af-bgtech {
	margin-top: 60px;
}
.af-bgtech h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.af-bgtech .items {
	display: flex;
	justify-content: space-between;
	border-bottom: 4px solid rgba(255, 255, 255, .2);
}

.af-bgtech .item {
	width: 47%;
}
.af-bgtech .item img {
	width: 100%;
	margin-bottom: 40px;
}
.af-bgtech .item p {
	margin-bottom: 80px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.af-download {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
	padding: 80px 0;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
}

.af-download-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 47%;
	padding: 34px 48px 34px 46px;
	border: 1px solid rgba(255, 255, 255,.2);
	border-radius: 12px;
}
.af-download-item .con {
	width: 76%;
}
.af-download-item h3 {
	margin-bottom: 24px;
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.6;
}
.af-download-item p {
	color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
}
.af-download-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border: 2px solid rgb(255, 255, 255,.2);
	border-radius: 50%;
}
.af-manual-box {
	border-bottom: 4px solid rgba(255, 255, 255, .1);
	padding-bottom: 100px;
	display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.af-manual-box > img {
	width: 47%;
}
.af-downloads {
	width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.af-downloads .af-download-item {
	width: 100%;
}
.af-swiper-two {
	padding: 80px 0;
    margin: 0 auto;
	margin-bottom: 60px;
    margin-right: 0;
    overflow-x: auto;
    max-width: 1755px;
}
.af-swiper-two .swiper-slide {
	width: 36%;
}
.af-swiper-two .swiper-slide .img {
	margin-bottom: 40px;
}
.af-swiper-two .swiper-slide .img img {
	width: 100%;
}
.af-swiper-two .swiper-slide .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.af-swiper-two .swiper-slide .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 1880px) {
	.af-swiper-one,.af-swiper-two {
		max-width: 89%;
	}
}
@media (max-width: 1730px) {
	.af-downloads .af-download-item {
		padding: 20px 40px 20px 30px;
	}
}
@media (max-width: 1600px) {
	.af-swiper-one, .af-swiper-two {
		max-width: 96%;
	}
	.af-topcon .con h3 {
		font-size: 32px;
	}
	.af-swiper-one > h3 {
		margin-bottom: 32px;
		font-size: 34px;
	}
	.af-swiper-one .swiper-slide .con {
		margin-bottom: 30px;
	}
	.af-swiper-one .swiper-slide .con h3,.af-swiper-two .swiper-slide .con h3 {
		font-size: 28px;
	}
	.af-bgtech h3 {
		font-size: 28px;
	}
	.af-manual-box {
		align-items: center;
	}
	.af-download-item h3 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.af-download-item .con {
		width: auto;
		flex: 1;
		padding-right: 20px;
	}
	.af-downloads .af-download-item:first-of-type {
		margin-bottom: 15px;
	}
}
@media (max-width: 1230px) {
	img.title-img {
		margin: 40px auto;
	}
	.af-swiper-one,.af-swiper-two {
		max-width: 96%;
		padding: 60px 0 80px;
	}
	.af-topcon .con h3 {
		font-size: 28px;
		margin-bottom: 18px;
	}
	.af-topcon .con p {
		font-size: 16px;
	}
	.af-swiper-one > h3 {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.af-swiper-two .swiper-slide .img {
		margin-bottom: 20px;
	}
	.af-swiper-one .swiper-slide .con h3,.af-swiper-one > h3, .af-swiper-two .swiper-slide .con h3 {
		margin-bottom: 18px;
		font-size: 24px;
	}
	.af-swiper-one .swiper-slide .con p,.af-swiper-two .swiper-slide .con p {
		font-size: 16px;
	}
	.af-bgtech {
		margin-top: 40px;
	}
	.af-bgtech h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.af-download-item {
		padding: 32px 26px;
	}
	.af-bgtech .item img {
		margin-bottom: 20px;
	}
	.af-bgtech .item p {
		margin-bottom: 60px;
		font-size: 16px;
	}
	.af-download-item h3 {
		font-size: 28px;
	}
	.af-download-item p {
		font-size: 16px;
		line-height: 1.6;
	}
	.af-downloads .af-download-item {
		padding: 20px 20px 20px 20px;
	}
	.af-download-item a {
		width: 50px;
		height: 50px;
	}
	.af-download-item a img {
		width: 20px;
	}
	.af-download {
		margin-bottom: 60px;
		padding: 60px 0;
	}
	.af-download-item a {
		width: 50px;
		height: 50px;
	}
	.af-download-item a img {
		width: 20px;
	}
	.af-manual-box {
		padding-bottom: 80px;
	}
}
@media (max-width: 980px) {
	.af-manual-box {
		flex-wrap: wrap;
	}
	.af-downloads {
		width: 100%;
		margin-top: 20px;
	}
	.af-manual-box > img {
		width: 100%;
	}
	.af-download-item {
		width: 100%;
	}
	.af-topcon .con h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.af-manual-box {
		padding-bottom: 60px;
	}
	.af-manual-box {
		padding-bottom: 60px;
	}
	.af-swiper-two .swiper-slide {
		width: 46%;
	}
}
@media (max-width: 768px) {
	img.title-img {
		margin: 0 auto 40px;
	}
	.af-topcon {
		flex-wrap: wrap;
	}
	.af-topcon .img {
		width: 100%;
	}
	.af-topcon .con {
		width: 100%;
		margin-top: 20px;
	}
	.af-swiper-one .swiper-slide .con {
		margin-bottom: 20px;
	} 
	.af-swiper-one .swiper-slide .con h3, .af-swiper-one > h3, .af-swiper-two .swiper-slide .con h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.af-swiper-one, .af-swiper-two {
		padding: 40px 0 60px;
	}
	.af-swiper-one .swiper-slide img {
		width: 46%;
	}
	.af-bgtech .items {
		flex-wrap: wrap;
	}
	.af-bgtech .item {
		width: 100%;
	}
	.af-bgtech .item p {
		font-size: 14px;
		margin-bottom: 40px;
	}
	.af-bgtech h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.af-download {
		margin-bottom: 40px;
		padding: 40px 0;
	}
	.af-download-item {
		padding: 20px 26px;
	}
	.af-download-item h3 {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.af-manual-box {
		padding-bottom: 40px;
	}
	.af-swiper-two .swiper-slide {
		width: 64%;
	}
	.af-topcon .con p {
		font-size: 14px;
	}
	.af-swiper-one .swiper-slide .con p {
		font-size: 14px;
	}
	.af-download-item p {
		font-size: 14px;
	}
	.af-swiper-one .swiper-slide .con p, .af-swiper-two .swiper-slide .con p {
		font-size: 14px;
	}
}




.gallery-list {
	padding: 80px 0;
}
.gallery-list .flex {
	justify-content: space-between;
}
.gallery-list .item {
	width: 48%;
	display: block;
	margin-bottom: 75px;
}
.gallery-list .item img {
	width: 100%;
}

.gallerys-img {
	margin-bottom: 120px;
}
.gallerys-img .box {
	margin-bottom: 20px;
}
.gallerys-img .box .gallery-title {
	margin: 60px 0 40px;
	justify-content: space-between;
	align-items: center;
}
.gallerys-img .box .gallery-title h3 {
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.gallerys-img .box .gallery-title a {
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
}
.gallerys-img .box ul.flex {}
.gallerys-img .box ul.flex li {
	width: 25%;
}
.gallerys-img .box ul.flex li img {
	width: 100%;
}
@media (max-width: 1600px) {
	.gallerys-img .box .gallery-title h3 {
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.gallery-list {
		padding: 60px 0;
	}
	.gallerys-img .box .gallery-title {
		margin: 40px 0 20px;
		flex-wrap: wrap;
	}
	.gallerys-img .box .gallery-title h3 {
		font-size: 28px;
	}
	.gallerys-img .box .gallery-title a {
		font-size: 20px;
	}
}
@media (max-width: 960px) {
	.gallerys-img .box ul.flex li {
		width: 33.333%;
	}
	.gallerys-img .box .gallery-title h3 {
		width: 100%;
	}
	.gallerys-img .box .gallery-title a {
		display: block;
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.gallery-list {
		padding: 40px 0;
	}
	.gallery-list .item {
		width: 100%;
		margin-bottom: 30px;
	}
	.gallerys-img .box .gallery-title h3 {
		font-size: 24px;
	}
	.gallerys-img .box {
		margin-bottom: 0;
	}
}
@media (max-width: 640px) {
	.gallerys-img .box .gallery-title h3 {
		font-size: 20px;
	}
}
.jacob .info {
	padding: 80px 0;
	justify-content: space-between;
}
.jacob .info .img {
    width: 54%;
}
.jacob .info .img img {
	width: 100%;
}
.jacob .info .con {
	text-align: left;
	width: 40%;
    margin-left: auto;
}
.jacob .info .con h3 {
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 500;
    line-height: 1.6;
}
.jacob .info .con h4 {
	margin-bottom: 24px;
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.6;
}
.jacob .info .con p {
	margin-bottom: 32px;
	color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
.jacob .info .con p span {
	display: block;
}
.jacob .about {
	margin-bottom: 120px;
}
.jacob .about h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.jacob .about .flex {
	justify-content: space-between;
}
.jacob .about .flex img {
	margin-right: 80px;
}
.jacob .about .flex .con {
	flex: 1;
}
.jacob .about .flex .con p,.jacob .about .flex .con a {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}


@media (max-width: 1600px) {
	.jacob .info .con h3,.jacob .about h3 {
		font-size: 32px;
	}
	.jacob .info .con h4 {
		font-size: 28px;
	}
}
@media (max-width: 1230px) {
	.jacob .info {
		padding: 60px 0;
	}
	.jacob .info .con h3,.jacob .about h3 {
		font-size: 28px;
	}
	.jacob .about h3 {
		margin-bottom: 30px;
	}
	.jacob .info .con p {
		font-size: 16px;
		line-height: 1.6;
	}
	.jacob .info .con h4 {
		margin-bottom: 18px;
		font-size: 24px;
	}
	.jacob .about {
		margin-bottom: 100px;
	}
	.jacob .about .flex .con p, .jacob .about .flex .con a {
		font-size: 16px;
	}
	.jacob .about .flex .con p {
		margin-bottom: 10px;
	}
	.jacob .about .flex .con br {
		display: none;
	}
}
@media (max-width: 980px) {
	.jacob .about {
		margin-bottom: 80px;
	}
	.jacob .info .img {
		width: 100%;
	}
	.jacob .info .con,.jacob .about .flex .con {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	.jacob .about .flex .img {
		width: 100%;
	}
	.jacob .about .flex img {
		width: 100%;
		margin-right: 0;
	}
	.jacob .about .flex .con a img {
		width: auto;
	}
}
@media (max-width: 768px) {
	.jacob .info {
		padding: 40px 0;
	}
	.jacob .info .con h3,.jacob .about h3 {
		font-size: 24px;
	}
	.jacob .about h3 {
		margin-bottom: 20px;
	}
	.jacob .info .con h4 {
		font-size: 22px;
	}
}
@media (max-width: 640px) {
	.jacob .info .con h3,.jacob .about h3 {
		font-size: 20px;
	}
	.jacob .info .con h4 {
		font-size: 18px;
	}
}



.gallery-story {
	margin: 60px 0 80px;
}
.gallery-story h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.gallery-story p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 40px;
}
.gallery-story p span {
	display: block;
}
.gallery-story .flex .img {
	width: 62%;
}
.gallery-story .flex .img img {
	width: 100%;
}
.gallery-story .flex .con {
	margin-left: 100px;
	flex: 1;
}
.gallery-story .flex .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gallery-story .flex .con p span {
	display: block;
}
.gallery-story > img {
	margin-top: 100px;
	width: 100%;
}
.gallery-impression {
	
}
.gallery-impression h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.gallery-impression ul.flex {
	justify-content: space-between;
}
.gallery-impression ul.flex li {
	width: 47%;
	margin-bottom: 60px;
}
.gallery-impression ul.flex li img {
	width: 100%;
	margin-bottom: 40px;
}
.gallery-impression ul.flex li p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gally-biography {
	margin-bottom: 120px;
}
.gally-biography > h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.gally-biography ul.flex {

}
.gally-biography ul.flex .con {
	flex: 1;
	margin-right: 100px;
}
.gally-biography ul.flex .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-family: Noto Sans SC;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.gally-biography ul.flex .con p {
	margin-bottom: 36px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gally-biography ul.flex .con a {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
}
.gally-biography ul.flex .con p span {
	display: block;
}
.gally-biography ul.flex .img img {
	max-width: 100%;
}
.gallery-other {
	margin-bottom: 80px;
}
.gallery-other h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.gallery-other .img {
    width: 62%;
}
.gallery-other .img img {
	width: 100%;
}
.gallery-imgs {
	margin-bottom: 120px;
}
.gallery-imgs h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.gallery-imgs .flex {
	height: 825px;
}
.gallery-imgs .flex .mySwiper img {
	max-width: 100%;
}
.gallery-imgs .flex .mySwiper2 {
	width: 77%;
    margin: 0;
}
.gallery-imgs .flex .mySwiper2 .swiper-slide img {
	width: 100%;
	height: 615px;
	object-fit: cover;
}
.gallery-imgs .flex .mySwiper2 .swiper-slide p {
	margin-top: 24px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gallery-imgs .flex .mySwiper {
	overflow-y: scroll;
	flex: 1;
	margin: 0;
	margin-left: 38px;
	height: 100%;
}
.gallery-imgs .flex .mySwiper::-webkit-scrollbar-track {
	border-radius: 19px;
	background: rgba(255, 255, 255, .2);
}
.gallery-imgs .flex .mySwiper::-webkit-scrollbar-thumb {
    background: rgb(255, 255, 255, .8);
	border-radius: 8px;
}
.gallery-imgs .flex .mySwiper::-webkit-scrollbar-thumb:active {
	border-radius: 19px;
	background: rgba(255, 255, 255, .2);
}
.gallery-imgs .swiper-thumbs .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1600px) {
	.gallery-story {
		margin: 40px 0 60px;
	}
	.gallery-story h3,.gallery-other h3 {
		font-size: 32px;
	}
	.gallery-imgs h3 {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.gallery-impression h3 {
		font-size: 32px;
	}
	.gally-biography > h3 {
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	
	.gallery-story h3,.gallery-other h3 {
		font-size: 28px;
		margin-bottom: 18px;
	}
	.gallery-story p {
		font-size: 16px;
		margin-bottom: 25px;
	}
	.gallery-story .flex .con {
		margin-left: 60px;
	}
	.gallery-story .flex .con p {
		font-size: 16px;
	}
	.gallery-story .flex .img {
		width: 50%;
	}
	.gallery-imgs {
		margin-bottom: 40px;
	}
	.gallery-story > img {
		margin-top: 80px;
	}
	.gallery-imgs .flex .mySwiper2 .swiper-slide p {
		font-size: 16px;
	}
	.gallery-impression h3 {
		font-size: 28px;
		margin-bottom: 18px;
	}
	.gallery-impression ul.flex li p {
		font-size: 16px;
	}
	.gallery-impression ul.flex li img {
		margin-bottom: 20px;
	}
	.gally-biography > h3 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.gally-biography ul.flex .con h3 {
		font-size: 26px;
		margin-bottom: 18px;
	}
	.gally-biography ul.flex .con p {
		margin-bottom: 20px;
		font-size: 16px;
	}
}
@media (max-width: 980px) {
	.gallery-imgs .flex {
		height: auto;
	}
	.gallery-imgs .flex .mySwiper {
		flex: 0 1 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.gallery-imgs .flex .mySwiper2 {
		padding-bottom: 25px;
		width: 100%;
	}
	.gallery-story > img {
		margin-top: 60px;
	}
	.gallery-story {
		margin: 40px 0 40px;
	}
	.gally-biography {
		margin-bottom: 80px;
	}
}
@media (max-width: 768px) {
	.gallery-imgs h3,.gallery-other h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.gallery-story h3 {
		font-size: 24px;
	}
	.gallery-story .flex .img {
		width: 100%;
	}
	.gallery-story .flex .con {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.gallery-story .flex .con p {
		margin-bottom: 15px;
	}
	.gallery-story > img {
		margin-top: 40px;
	}
	.gallery-impression h3 {
		font-size: 24px;
	}
	.gallery-impression ul.flex li {
		width: 100%;
		margin-bottom: 40px;
	}
	.gally-biography ul.flex .con {
		margin-right: 0;
	}
	.gally-biography {
		margin-bottom: 60px;
	}
	/* .gallery-imgs .flex .mySwiper {
		margin-top: 0;
	} */
}

@media (max-width: 640px) {
	.gallery-imgs h3,.gallery-other h3 {
		font-size: 20px;
	}
	.gallery-story h3 {
		font-size: 20px;
	}
	.gallery-story > img {
		margin-top: 20px;
	}
	.gallery-impression h3 {
		font-size: 20px;
	}
}


.gh5 {}
.gh5 .container {
	max-width: 1400px;
}
.gh5 .intro-box {}
.gh5 .intro-box .intro {
	margin-bottom: 60px;
}
.gh5 .intro-box .intro img {
	display: block;
	margin: 0 auto 24px;
	max-width: 100%;
}
.gh5 .intro-box .intro h2 {
	margin-bottom: 80px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 36px;
	font-weight: 500;
	line-height: 1.6;
}
.gh5 .intro-box .intro h3 {
	text-align: center;
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 36px;
	font-weight: 500;
	line-height: 1.6;
}
.gh5 .intro-box .intro h2 span {
	display: block;
}
.gh5 .intro-box .intro h3 span {
	display: block;
}
.gh5 .intro-box .intro p {
	text-align: left;
	margin-bottom: 80px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gh5 .intro-boxx .intro p {
	
}
.gh5 .intro-box div.flex {
	padding: 80px 0;
	border-top: 4px solid rgba(255, 255, 255, .3);
	justify-content: space-between;
}
.gh5 .intro-box ul.flex {
	padding: 0;
	padding-bottom: 20px;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
	justify-content: space-between;
}
.gh5 .intro-box ul.flex .item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.gh5 .intro-box ul.flex .item:nth-of-type(even) {
	flex-direction: row-reverse;
}
.gh5 .intro-box .flex .img {

}
.gh5 .intro-box .flex .img p {
	margin-top: 16px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
.gh5 .intro-box .flex .con {
	flex: 1;
	margin-left: 80px;
}
.gh5 .intro-box .flex .item:nth-of-type(even) .con {
    margin-left: 0;
	margin-right: 80px;
}
.gh5 .intro-box .flex .con h3 {
	margin-bottom: 12px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.gh5 .intro-box .flex .con p {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gh5 .intro-box .flex .con p span {
	display: block;
}
.gh5 .intro-box .flex .con a {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
}
.gh5 .banners {
	margin-bottom: 80px;
	text-align: center;
}
.gh5 .banners img {
	width: 100%;
	margin-bottom: 36px;
}
.gh5 .share-img {
	display: block;
    margin: 80px auto 140px;
	max-width: 100%;
}
.gh5 .gallery-imgs h3 {
	margin-top: 40px;
}
.gh5 .gallery-imgs h3 span {
	display: block;
}
.gh5 .gallery-imgs p {
	margin-bottom: 60px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.gh5 .gallery-imgs p span {
	display: block;
}
.gh5 .gallery-imgs {
	margin: 0;
	padding-bottom: 100px;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
}
.gh5 .gallery-imgs .flex {
	height: 615px;
}




@media (max-width: 1600px) {
	.gh5 .intro-box .intro h2 {
		font-size: 32px;
	}
	.gh5 .intro-box .intro h3 {
		font-size: 32px;
	}

}
@media (max-width: 1230px) {
	div.title-img {
		margin: 40px 0;
	}
	div.title-img img.mb {
		margin-bottom: 40px;
	}
	.gh5 .intro-box .intro h2 {
		margin-bottom: 60px;
		font-size: 28px;
	}
	.gh5 .intro-box .intro p {
		margin-bottom: 60px;
		font-size: 16px;
	}
	.gh5 .intro-box .intro {
		margin-bottom: 40px;
	}
	.gh5 .intro-box div.flex {
		padding: 60px 0;
	}
	.gh5 .intro-box .flex .con h3 {
		font-size: 28px;
	}
	.gh5 .intro-box .flex .con p {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.gh5 .intro-box .flex .con a {
		font-size: 16px;
	}
	.gh5 .intro-box .flex .img {
		width: 45%;
	}
	.gh5 .intro-box .flex .img img {
		width: 100%;
	}
	.gh5 .intro-box .flex .con {
		margin-left: 40px;
	}
	.gh5 .share-img {
		margin: 60px auto 100px;
	}
	.gh5 .intro-box .intro h3 {
		font-size: 28px;
		margin-bottom: 18px;
	}
	.gh5 .gallery-imgs p {
		margin-bottom: 40px;
		font-size: 16px;
	}
	.gh5 .gallery-imgs .flex {
		height: 564px;
	}
	.gallery-imgs .flex .mySwiper2 .swiper-slide img {
		height: auto;
	}
	.gh5 .gallery-imgs {
		padding-bottom: 80px;
	}
}
@media (max-width: 768px) {
	.gh5 .intro-box .flex .con a {
		font-size: 14px;
	}
	.gh5 .intro-box .intro h2 {
		margin-bottom: 25px;
		font-size: 24px;
	}
	.gh5 .intro-box .flex .con p {
		font-size: 14px;
	}
	.gh5 .intro-box .intro p {
		font-size: 14px;
		margin-bottom: 30px;
	}
	div.title-img {
		margin: 20px 0;
	}
	div.title-img img.mb {
		margin-bottom: 20px;
	}
	.gh5 .intro-box .intro img {
		margin: 0 auto 20px;
	}
	.gh5 .intro-box .flex .con h3 {
		font-size: 24px;
	}
	.gh5 .banners img {
		margin-bottom: 20px;
	}
	.gh5 .share-img {
		margin: 20px auto 80px;
	}
	.gh5 .banners {
		margin-bottom: 40px;
	}
	.gh5 .intro-box ul.flex .item {
		margin-bottom: 40px;
	}
	.gh5 .intro-box ul.flex .item {
		flex-wrap: wrap;
	}
	.gh5 .gallery-imgs .flex {
		height: auto;
	}
	.gh5 .gallery-imgs {
		padding-bottom: 60px;
		margin-bottom: 50px;
	}
	.gh5 .gallery-imgs h3 {
		margin-top: 20px;
	}
	.gh5 .gallery-imgs p {
		margin-bottom: 20px;
	}
	.gh5 .gallery-imgs .mySwiper2 {
		padding-bottom: 0;
	}
	.gh5 .intro-box .intro h3 {
		font-size: 24px;
	}
}
@media (max-width: 640px) {
	.gh5 .intro-box .intro h2 {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.gh5 .intro-box ul.flex .item:nth-of-type(even) {
		flex-direction: row;
	}
	.gh5 .intro-box .flex .item:nth-of-type(even) .con {
		margin-right: 0;
	}
	.gh5 .intro-box .intro p {
		margin-bottom: 20px;
	}
	.gh5 .intro-box .intro {
		margin-bottom: 30px;
	}
	.gh5 .intro-box .flex .con {
		width: 100%;
	}
	.gh5 .intro-box .flex .con h3 {
		font-size: 20px;
	}
	.gh5 .intro-box div.flex {
		padding: 40px 0;
	}
	.gh5 .intro-box .flex .img {
		width: 100%;
		margin-bottom: 15px;
	}
	.gh5 .intro-box .flex .con {
		margin-left: 0;
	}
	.gh5 .share-img {
		margin: 10px auto 60px;
	}
	.gh5 .intro-box ul.flex .item {
		margin-bottom: 20px;
	}
	.gh5 .gallery-imgs {
		padding-bottom: 20px;
	}
	.gh5 .intro-box .intro h3 {
		font-size: 20px;
	}
}





.lumix-s {
	margin-bottom: 100px;
}
.lumix-s .item {}
.lumix-s .item > h3 {
	margin: 80px 0 60px;
	padding-bottom: 24px;
	border-bottom: 4px solid rgba(255, 255, 255, .3);
	color: rgb(255, 255, 255);
	font-family: Noto Sans SC;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.lumix-s .item .imgs img {
	width: 100%;
	margin-bottom: 40px;
}
.lumix-s .item .flex {
	justify-content: space-between;
}
.lumix-s .item .flex li {
	width: 47%;
}
.lumix-s .item .flex li h3 {
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;
}
.lumix-s .item .flex li h3 span {
	display: block;
}
.lumix-s .item .flex li > img {
	margin-bottom: 30px;
	width: 100%;
}
.lumix-s .item .flex li a {
	margin-top: 24px;
    display: flex;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    align-items: center;
}
.lumix-s .item .flex li a img {
	margin-left: 8px;
}
@media (max-width: 1600px) {
	.lumix-s .item > h3 {
		margin: 80px 0 60px;
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.lumix-s {
		margin-bottom: 80px;
	}
	.lumix-s .item .flex li > img {
		margin-bottom: 20px;
	}
	.lumix-s .item > h3 {
		margin: 60px 0 40px;
		font-size: 28px;
	}
	.lumix-s .item .flex li h3 {
		font-size: 16px;
	}
	.lumix-s .item .flex li a {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.lumix-s .item .imgs img {
		margin-bottom: 25px;
	}
	.lumix-s {
		margin-bottom: 60px;
	}
	.lumix-s .item > h3 {
		margin: 40px 0 20px;
		font-size: 24px;
	}
}
@media (max-width: 640px) {
	.lumix-s {
		margin-bottom: 40px;
	}
	.lumix-s .item > h3 {
		margin: 20px 0;
		font-size: 22px;
	}
}
.s1h {

}
.s1h .content {
	width: 75%;
	margin: 60px 0 140px;
}
.s1h h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.s1h span {
	display: block;
}
.s1h h4 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.s1h h5 {
	margin-bottom: 12px;
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;
}
.s1h p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.s1h .con {
	margin-bottom: 60px;
}
.s1h a {
	color: rgb(61, 147, 187);
	font-size: 18px;
	font-weight: 400;
	word-break: break-all;
}
.s1h .table {
	width: 100%;
	overflow-x: auto;
}
.s1h table {
	margin: 40px 0;
	border: 1px solid rgb(102, 102, 102); 
	border-collapse:collapse;
}
.s1h td {
	padding: 26px 0 26px 40px;
	border:1px solid rgb(102, 102, 102); 
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
}
.single-s1h .content {
	width: 75%;
	margin: 0 auto 100px;
}
.single-s1h .content h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.single-s1h .content p {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.single-s1h .content p span {
	display: block;
}
.single-s1h .content img {}
.single-s1h .content img.full-img {
	margin: 40px 0;
	width: 100%;
}
.single-s1h .content .imgs {
	margin-top: 40px;
}
.single-s1h .content .img {
	margin-right: 40px;
}
.single-s1h .content .imgs img {
	width: 200px;
	max-width: 100%;
}
.single-s1h .content .imgs p {
	margin-top: 20px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
}

@media (max-width: 1600px) {
	.s1h h3 {
		margin-bottom: 24px;
		font-size: 32px;
	}
	.s1h h4 {
    	font-size: 28px;
	}
	.s1h h5 {
		font-size: 22px;
	}
	.single-s1h .content h3 {
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.s1h h3 {
		margin-bottom: 18px;
		font-size: 28px;
	}
	.s1h p {
		font-size: 16px;
	}
	.s1h .content {
		width: 100%;
		margin: 40px 0 100px;
	}
	.s1h h4 {
		margin-bottom: 18px;
    	font-size: 24px;
	}
	.s1h h5 {
		font-size: 20px;
	}
	.s1h td {
		padding: 20px 15px 20px 35px;
		font-size: 16px;
	}
	.single-s1h .content {
		width: 100%;
		margin: 0 auto 60px;
	}
	.single-s1h .content h3 {
		margin-bottom: 18px;
		font-size: 28px;
	}
	.single-s1h .content img.full-img {
		margin: 20px 0;
	}
	.single-s1h .content p {
		font-size: 16px;
		margin-bottom: 18px;
	}
	.single-s1h .content .imgs p {
		margin-top: 15px;
		font-size: 16px;
	}
	.single-s1h .content .img {
		margin-right: 20px;
	}
	.single-s1h .content .img {
		text-align: center;
	}
}
@media (max-width: 768px) {
	.single-s1h .content p {
		font-size: 14px;
	}
	.s1h p,.s1h a,.s1h td {
		font-size: 14px;
	}
	.single-s1h .content .imgs {
		justify-content: space-between;
		width: 100%;
	}
	.single-s1h .content .img {
		width: 48%;
		margin-right: 0;
	}
	.single-s1h .content .imgs img {
		width: 150px;
	}
	.single-s1h .content .imgs p {
		margin-top: 10px;
		font-size: 14px;
	}
	.s1h h3 {
		font-size: 24px;
	}
	.s1h .content {
		margin: 40px 0 80px;
	}
	.s1h h4 {
    	font-size: 24px;
	}
	.s1h h5 {
		margin-bottom: 5px;
		font-size: 18px;
	}
	.s1h td {
		padding: 20px 15px 20px 20px;
	}
	.single-s1h .content h3 {
		font-size: 24px;
	}
}
@media (max-width: 640px) {
	.s1h h3 {
		font-size: 22px;
	}
	.s1h .content {
		margin: 20px 0 60px;
	}
	.s1h h4 {
    	font-size: 22px;
	}
	.single-s1h .content h3 {
		font-size: 22px;
	}
}

.lumix-l {
	margin-bottom: 140px;
}
.lumix-l h3 {
	margin-bottom: 40px;
	padding-bottom: 24px;
    border-bottom: 4px solid rgba(255, 255, 255, .3);
    color: rgb(255, 255, 255);
    font-family: Noto Sans SC;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.6;
}
.lumix-l h4 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.lumix-l .flex.w30 {
	justify-content: space-between;
	margin-bottom: 60px;
}
.lumix-l .flex.w30 li {
	width: 29%;
}
.lumix-l .flex.w30 li .img {
	margin-bottom: 30px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
}
.lumix-l .flex.w30 li:nth-of-type(1) .img {
	border-bottom-color: rgb(0, 86, 168);
}
.lumix-l .flex.w30 li:nth-of-type(2) .img {
	border-bottom-color: rgb(212, 20, 30);
}
.lumix-l .flex.w30 li:nth-of-type(3) .img {
	border-bottom-color: rgb(94, 98, 107);
}
.lumix-l .flex.w30 li .img img {
	margin-bottom: 8px;
}
.lumix-l .flex.w30 li p {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
.lumix-l .flex.w30 li p span {
	display: block;
}

.lumix-l .flex.w50 {
	justify-content: space-between;
	margin-bottom: 60px;
}
.lumix-l .flex.w50 li {
	width: 49%;
}
.lumix-l .flex.w50 li img {
	margin-bottom: 40px;
	max-width: 100%;
}
.lumix-l .flex.w50 li p {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.lumix-l .flex.list {
	margin-bottom: 60px;
}

.lumix-l .con p {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
.lumix-l .con p span {
	display: block;
}

@media (max-width: 1600px) {
	.lumix-l h3,.lumix-l h4 {
		margin-bottom: 30px;
		padding-bottom: 18px;
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.lumix-l h3,.lumix-l h4 {
		margin-bottom: 20px;
		font-size: 28px;
	}
	.lumix-l .flex.w30 li {
		width: 32%;
	}
	.lumix-l .flex.w30 {
		margin-bottom: 40px;
	}
	
}
@media (max-width: 768px) {
	.lumix-l .flex.w50 li {
		width: 100%;
	}
	.lumix-l .flex.w30 li p {
		font-size: 14px;
	}
	.lumix-l .flex.w50 li p {
		font-size: 14px;
	}
	.lumix-l h3,.lumix-l h4 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	.lumix-l .flex.w30 li {
		width: 49%;
	}
	.lumix-l .flex.w50 li img {
		margin-bottom: 20px;
	}
	.lumix-l .flex.list {
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.lumix-l .flex.list li {
		width: 50%;
		margin-bottom: 20px;
	}
	.lumix-l .flex.list li img {
		max-width: 100%;
		margin-bottom: 15px;
	}
}
@media (max-width: 640px) {
	.lumix-l h3,.lumix-l h4 {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.lumix-l .flex.w30 li {
		width: 100%;
	}
}

.lumix-s-gallery {
	margin-bottom: 140px;
}
.lumix-s-gallery .banner {

}
.lumix-s-gallery .banner img {
	width: 100%;
}
.lumix-s-gallery .banner p {
	margin: 40px 0;
	color: rgb(255, 255, 255);
	font-size: 36px;
	font-weight: 500;
	line-height: 1.8;
}
.lumix-s-gallery .banner p span {
	display: block;
}
.lumix-s-gallery .intro {
	
}
.lumix-s-gallery .intro img {
	width: 100%;
}
.lumix-s-gallery .intro p {
	margin-top: 24px;
	text-align: right;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lumix-s-gallery .intro ul {
	margin-top: 40px;
	flex-wrap: nowrap;
}
.lumix-s-gallery .intro ul li {}
.lumix-s-gallery .intro ul li img {
	max-width: 100%;
}
.lumix-s-gallery .gallery {
	margin-top: 60px;
	justify-content: space-between;
}

.lumix-s-gallery .gallery .gallery-con {
	width: 47%;
}
.lumix-s-gallery .gallery .gallery-con.w100 {
	width: 100%;
}
.lumix-s-gallery .gallery .gallery-con .tit {
	
}
.lumix-s-gallery .gallery .gallery-con .tit h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 400;
	line-height: 1.8;
}
.lumix-s-gallery .gallery .gallery-con .content {
	margin-bottom: 34px;
}
.lumix-s-gallery .gallery .gallery-con .content p {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lumix-s-gallery .gallery .sign {
	text-align: right;
}
.lumix-s-gallery .gallery .sign img {
	max-width: 100%;
}
.lumix-s-gallery .gallery .gallery-img {
	width: 47%;
}
.lumix-s-gallery .gallery .gallery-img ul {
	column-count: 2;
    column-gap: 0;
}
.lumix-s-gallery .gallery .gallery-img .w100 {
	width: 100%;
}
.lumix-s-gallery .gallery .gallery-img img {
	max-width: 100%;
}
.lumix-s-gallery .info {
	margin-top: 120px;
	justify-content: space-between;
}
.lumix-s-gallery .info .img {
	flex: 1;
	margin-right: 60px;
}
.lumix-s-gallery .info .img img {
	max-width: 100%;
}
.lumix-s-gallery .info .con {
	width: 57%;
}
.lumix-s-gallery .info .con h3 {
	margin-bottom: 36px;
	color: rgb(255, 255, 255);
	font-size: 46px;
	font-weight: 400;
	line-height: 36px;
}
.lumix-s-gallery .info .con p {
	margin-bottom: 36px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
.lumix-s-gallery .video {
	position: relative;
	margin-top: 80px;
}
.lumix-s-gallery .video iframe {
	width: 100%;
}

.lumix-s-gallery .video .play_thum {
	width: 100%;
}
.lumix-s-gallery .video .play_ico {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

@media (max-width: 1600px) {
	.lumix-s-gallery .banner p {
		font-size: 32px;
	}
	.lumix-s-gallery .gallery .gallery-con .tit h3 {
		font-size: 32px;
	}
	.lumix-s-gallery .info .con h3 {
		font-size: 40px;
	}
	.lumix-s-gallery .intro ul {
		flex-wrap: nowrap;
	}
}
@media (max-width: 1230px) {
	.lumix-s-gallery .banner p {
		margin: 20px 0;
		font-size: 28px;
		line-height: 1.6;
	}
	.lumix-s-gallery .intro p {
		margin-top: 18px;
		font-size: 16px;
	}
	.lumix-s-gallery .gallery .gallery-con .tit h3 {
		margin-bottom: 20px;
		font-size: 28px;
		line-height: 1.6;
	}
	.lumix-s-gallery .info {
		margin-top: 80px;
	}
	.lumix-s-gallery .info .con h3 {
		margin-bottom: 25px;
		font-size: 32px;
		line-height: 1.6;
	}
	.lumix-s-gallery .info .con p {
		margin-bottom: 22px;
	}
	.lumix-s-gallery .intro ul {
		margin-top: 20px;
	}
	.lumix-s-gallery .gallery {
		margin-top: 40px;
	}
	.lumix-s-gallery .gallery .gallery-con .content p {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.lumix-s-gallery .info .img {
		margin-right: 40px;
	}
	.lumix-s-gallery {
		margin-bottom: 100px;
	}
	.lumix-s-gallery .video .play_ico {
		font-size: 50px;
	}
}
@media (max-width: 768px) {
	.lumix-s-gallery {
		margin-bottom: 80px;
	}
	.lumix-s-gallery .info {
		margin-top: 60px;
	}
	.lumix-s-gallery .gallery .gallery-con .content p {
		font-size: 14px;
	}
	.lumix-s-gallery .banner p {
		font-size: 24px;
	}
	.lumix-s-gallery .gallery .gallery-con .tit h3 {
		font-size: 24px;
	}
	.lumix-s-gallery .info .con h3 {
		margin-bottom: 20px;
		font-size: 28px;
	}
	.lumix-s-gallery .gallery .gallery-con,.lumix-s-gallery .gallery .gallery-img {
		width: 100%;
	}
	.lumix-s-gallery .gallery .gallery-img {
		margin-top: 25px;
	}
	.lumix-s-gallery .info .con {
		margin-top: 20px;
		width: 100%;
	}
	.lumix-s-gallery .info .img {
		margin-right: 0;
	}
	.lumix-s-gallery .info .img img {
		width: 100%;
	}
	.lumix-s-gallery .video .play_ico {
		font-size: 35px;
	}
}
@media (max-width: 640px) {
	.lumix-s-gallery {
		margin-bottom: 20px;
	}
	.lumix-s-gallery .info {
		margin-top: 40px;
	}
	.lumix-s-gallery .banner p {
		font-size: 22px;
	}
	.lumix-s-gallery .gallery .gallery-con .tit h3 {
		font-size: 22px;
	}
	.lumix-s-gallery .info .con h3 {
		font-size: 24px;
	}
}
.leica-list .leica-link {
	margin: 124px 0;
}

.leica-list .leica-link ul li {
	margin-bottom: 40px;
}

.leica-list .leica-link ul li:last-of-type {
	margin-bottom: 0;
}

.leica-list .leica-link ul li img {
	width: 100%;
}

.leica-list .product-list {
	background-color: rgb(19, 19, 19);
	overflow: hidden;
}
.leica-list .product-list ul {
	margin: 120px 0 100px;
	justify-content: space-between;
}
.leica-list .product-list ul li {
	margin-bottom: 40px;
	width: 31%;
}
.leica-list .product-list ul li a {

}
.leica-list .product-list ul li a img {
	width: 100%;
}
.leica-list .product-list ul li:nth-of-type(-n+3) a img:nth-of-type(2) {
	display: none;
}
.leica-list .product-list ul li:nth-of-type(-n+3):hover a img:nth-of-type(1)  {
	display: none;
}
.leica-list .product-list ul li:nth-of-type(-n+3):hover a img:nth-of-type(2)  {
	display: inline-block;
}
.leica-items {
	padding: 55px 0;
	
}
.leica-items .item {
	margin-bottom: 80px;
}
.leica-items .item h3 {
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.leica-items .item .content {
	margin-top: 23px;
}
.leica-items .item .content .con {
	margin-top: 24px;	
}
.leica-items .item .content p {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.leica-items .item img {
	width: 100%;
}
.leica-items .item .flex {
	margin-top: 37px;
	justify-content: space-between;
}
.leica-items .item .flex .l {
	width: 47%;
}
.leica-items .item .flex .l .content {
	margin-top: 0;
}
.leica-items .item .flex .r {
	flex: 1;
	margin-left: 50px;
}
.leica-nav {
	padding: 80px 0 120px;
	border-top: 4px solid  rgba(255, 255, 255, .3);
}
.leica-nav ul {
	justify-content: space-between;
}
.leica-nav ul li {
	width: 32%;
}
.leica-nav ul li a {
	display: block;
	position: relative;
}
.leica-nav ul li a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	opacity: 0;
	z-index: 0;
}
.leica-nav ul li a:hover::after {
	opacity: 1;
}
.leica-nav ul li img {
	width: 100%;
}
.leica-container {}
.leica-container .leica-top {
	margin: 60px 0;
}
.leica-container .leica-top h4 {
	text-align: center;
	margin-bottom: 132px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.leica-container table {
	width: 50%;
	margin: 40px auto;
	border: 2px solid rgb(252, 252, 252);; 
	border-collapse:collapse;
}
.leica-container td {
	padding: 24px 0;
	border: 2px solid rgb(252, 252, 252);; 
	color: rgb(255, 255, 255);
	font-size: 36px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}
.leica-container td:nth-of-type(even) {
	font-weight: 500;
	font-size: 28px;
	line-height: 1.6;
}
.leica-container td:nth-of-type(even) span {
	font-weight: 700;
	font-size: 46px;
}
.lecia-list {}
.lecia-list .lecia-cate-item {
	margin-bottom: 95px;
}
.lecia-list .lecia-cate-item ul {
	justify-content: center;
	flex-wrap: nowrap;
}
.lecia-list .lecia-cate-item ul li {
	width: 32%;
	margin: 0 1%;
}
.lecia-list .lecia-cate-item ul li img {
	max-width: 100%;
}
.lecia-tit {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 30px;
}
.lecia-tit h3 {
	display: inline-block;
	padding: 0 12px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
	background-color: rgb(31, 31, 31);
}
.lecia-tit::before {
	width: 100%;
	height: 3px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	background: rgba(255, 255, 255, .3);
}
.lecia-tit::before {}
.lecia-detail .lecia-tit {
	margin-top: 24px;
	margin-bottom: 24px;
}
.lecia-detail .item {

}

.lecia-detail .item.item1 .flex {
	margin: 118px 0 160px;
	justify-content: space-between;
}
.lecia-detail .item.item1 .flex table {
	width: 52%;
	border: 1px solid rgb(102, 102, 102); 
	border-collapse:collapse;
}
.lecia-detail .item.item1 .flex table td {
	text-align: left;
	padding: 36px 0% 30px 26px;
	border: 1px solid rgb(102, 102, 102); 
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lecia-detail .item.item1 .flex table td:nth-of-type(even) {
	padding-left: 45px;
}
.lecia-detail .item.item1 .flex table td span {
	display: block;
}
.lecia-detail .item .flex .img img {
	max-width: 100%;
}
.lecia-detail .item .flex .img p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lecia-detail .item.item1 .flex .img {
	flex: 1;
	margin-top: 68px;
	margin-left: 97px;
}
.lecia-detail .item1 .flex .img img {
	margin-bottom: 80px;
}
.lecia-detail .item.item1 .flex .img p {
	margin: 0 49px 0 17px;
}

.lecia-detail .item.item2 .flex {
	margin: 90px 0 70px;
	justify-content: space-between;
}
.lecia-detail .item.item2 .flex .con {
	margin-left: 150px;
	flex: 1;
}
.lecia-detail .item.item2 .flex .con.pr {
	padding-right: 120px;
}
.lecia-detail .item.item2 .flex .con .p {
	margin-bottom: 85px;
}

.lecia-detail .item.item2 .flex .con h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.lecia-detail .item.item2 .flex .con p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lecia-detail .item.item3 .flex {
	padding: 70px 0;
	border-top: 2px solid rgba(255, 255, 255, .15);
	justify-content: space-between;
}
.lecia-detail .item.item3 .flex .imgs {
	width: 41%;
	text-align: center;
}
.lecia-detail .item.item3 .flex .imgs img {
	width: 100%;
}
.lecia-detail .item.item3 .flex .imgs h3 {
	margin-bottom: 24px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.lecia-detail .item.item4 .flex {
	padding: 80px 0 120px;
	border-top: 2px solid rgba(255, 255, 255, .15);
	justify-content: space-between;
}
.lecia-detail .item.item4 .flex .img,.lecia-detail .item.item2 .flex .img {
	width: 47%;
}
.lecia-detail .item.item4 .flex .content,.lecia-detail .item.item2 .flex .content {
	flex: 1;
	margin-left: 80px;
}
.lecia-detail .item.item4 .flex.flex-row .content {
	margin-left: 0;
	margin-right: 80px;
}
.lecia-detail .item.item4 .flex .content h2 {
	margin-bottom: 50px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.6;
}
.lecia-detail .item.item4 .flex .content h3 {
	margin-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.lecia-detail .item.item4 .flex .content h4 {
	margin-bottom: 10px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.lecia-detail .item.item4 .flex .content p {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lecia-detail .item.item4 .flex .content .con {
	margin-bottom: 40px;
}

.lecia-detail .item.item5 table {
	width: 100%;
	margin: 60px 0;
	border: 1px solid rgb(102, 102, 102); 
	border-collapse:collapse;
}
.lecia-detail .item.item5 table td {
	text-align: left;
	padding: 36px 86px 30px 26px;
	border: 1px solid rgb(102, 102, 102); 
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.lecia-detail .item.item5 table td:first-of-type {
	padding-right: 0;
	width: 12%;
}
.lecia-detail .item.item5 img {
	width: 100%;
	height: auto;
	margin-bottom: 167px;
}
@media (max-width: 1600px) {
	.lecia-tit h3,.lecia-detail .item.item4 .flex .content h2 {
		font-size: 32px;
	}
	.lecia-detail .item.item4 .flex .content h4 {
		font-size: 28px;
	}
	.leica-container .leica-top h4 {
		font-size: 28px;
		margin-bottom: 110px;
	}
	.leica-container td:nth-of-type(even) span {
		font-size: 36px;
	}
	.leica-items .item h3 {
		font-size: 32px;
	}
}
@media (max-width: 1230px) {
	.lecia-detail .item.item4 .flex .content h4 {
		font-size: 24px;
	}
	.lecia-detail .item.item4 .flex .content h2 {
		margin-bottom: 18px;
	}
	.lecia-tit h3,.lecia-detail .item.item4 .flex .content h2 {
		font-size: 28px;
	}
	.lecia-detail .item.item1 .flex {
		margin: 80px 0 130px;
	}
	.lecia-detail .item.item1 .flex table {
		width: 57%;
	}
	.lecia-detail .item.item1 .flex table td {
		padding: 25px 10px 25px 15px;
		font-size: 16px;
	}
	.lecia-detail .item.item1 .flex table td:nth-of-type(even) {
		padding-left: 25px;
		padding-right: 10px;
	} 
	.lecia-detail .item.item4 .flex .content,.lecia-detail .item.item2 .flex .content {
		margin-left: 40px;
	}
	.lecia-detail .item.item4 .flex.flex-row .content,.lecia-detail .item.item2 .flex.flex-row .content {
		margin-right: 40px;
	}
	.lecia-detail .item.item2 .flex .con h3,.lecia-detail .item.item3 .flex .imgs h3,.lecia-detail .item.item4 .flex .content h3 {
		font-size: 28px;
		margin-bottom: 18px;
	}
	.lecia-detail .item.item2 .flex .con p,.lecia-detail .item.item4 .flex .content p {
		font-size: 16px;
	}
	.lecia-detail .item.item2 .flex .con .p,.lecia-detail .item.item4 .flex .content p {
		font-size: 16px;
		margin-bottom: 45px;
	}
	.lecia-detail .item.item1 .flex .img {
		margin-top: 35px;
		margin-left: 50px;
	}
	.lecia-detail .item1 .flex .img img {
		margin-bottom: 50px;
	}
	.lecia-detail .item.item2 .flex .con.pr {
		padding-right: 0;
	}
	.lecia-detail .item.item2 .flex .con {
		margin-left: 50px;
	}
	.lecia-detail .item.item2 .flex {
		margin: 70px 0 50px;
	}
	.lecia-detail .item.item4 .flex {
		padding: 60px 0 80px;
	}
	
	.lecia-detail .item.item3 .flex {
		padding: 50px 0;
	}
	.lecia-detail .item.item5 table td {
		font-size: 16px;
	}
	.lecia-detail .item.item5 table {
		margin: 40px 0;
	}
	.lecia-detail .item.item5 img {
		margin-bottom: 120px;
	}
	.leica-container .leica-top h4 {
		margin-bottom: 80px;
		font-size: 24px;
	}
	.leica-container table {
		width: 80%;
		margin: 20px auto;
	}
	.leica-container td {
		padding: 18px 0;
		font-size: 32px;
	}
	.leica-container td:nth-of-type(even) {
		font-size: 18px;
	}
	.leica-container td:nth-of-type(even) span {
		font-size: 28px;
	}
	.leica-container td {
		font-size: 24px;
	}
	.lecia-list .lecia-cate-item {
		margin-bottom: 75px;
	}
	.leica-nav {
		padding: 60px 0 90px;
	}
	.leica-list .leica-link {
		margin: 80px 0;
	}
	.leica-list .product-list ul {
		margin: 100px 0 80px;
	}
	.leica-list .product-list ul li {
		margin-bottom: 20px;
	}
	.leica-items {
		padding: 35px 0;
	}
	.leica-items .item h3 {
		font-size: 28px;
	}
	.leica-items .item .content {
		margin-top: 15px;
	}
	.leica-items .item .content .con {
		margin-top: 15px;
	}
	.leica-items .item .content p {
		font-size: 16px;
	}
	.leica-items .item .flex {
		margin-top: 20px;
	}
}
@media (max-width: 860px) {
	.lecia-detail .item.item1 .flex {
		margin: 60px 0 80px;
	}
	.lecia-detail .item.item1 .flex table {
		width: 100%;
	}
	.lecia-detail .item.item1 .flex .img {
		margin-left: 0;
	}
	.lecia-detail .item.item2 .flex {
		margin: 50px 0 30px;
	}
	.lecia-detail .item.item2 .flex .img {
		width: 100%;
	}
	.lecia-detail .item.item2 .flex .con {
		width: 100%;
		margin-top: 25px;
		margin-left: 0;
	}
	.lecia-detail .item.item2 .flex .con.pr {
		margin-left: 0;
	}
	.lecia-detail .item.item4 .flex {
		padding: 40px 0 60px;
	}
	.lecia-detail .item.item4 .flex .img {
		width: 100%;
	}
	.lecia-detail .item.item4 .flex .img img {
		width: 100%;
	}
	.lecia-detail .item.item4 .flex .content {
		flex: 0 1 100%;
		margin-top: 25px;
		margin-left: 0;
	}
	.lecia-detail .item.item1 .flex .img p {
		font-size: 16px;
		margin: 0;
	}
	.lecia-detail .item.item3 .flex .imgs {
		width: 49%;
	}
	.lecia-detail .item.item3 .flex {
		padding: 30px 0;
	}
	.lecia-detail .item.item4 .flex .content p {
		margin-bottom: 20px;
	}
	.lecia-detail .item.item4 .flex.flex-row .content,.lecia-detail .item.item2 .flex.flex-row .content {
		margin-right: 0;
	}
	.lecia-detail .item1 .flex .img img {
		margin-bottom: 30px;
	}
	.lecia-detail .item.item5 table td {
		padding: 20px 25px 20px 20px;
	}
	.lecia-detail .item.item5 table td:first-of-type {
		padding-right: 10px;
	}
	.leica-container td {
		font-size: 20px;
	}
	.lecia-list .lecia-cate-item {
		margin-bottom: 50px;
	}
	.leica-nav {
		padding: 40px 0 60px;
	}
	.leica-list .leica-link ul li {
		margin-bottom: 20px;
	}
	.leica-items .item {
		margin-bottom: 60px;
	}
}
@media (max-width: 768px) {
	.lecia-detail .item.item1 .flex table td {
		font-size: 14px;
	}
	.lecia-detail .item.item1 .flex .img p,.lecia-detail .item.item4 .flex .content p {
		font-size: 14px;
	}
	.leica-items .item .content p {
		font-size: 14px;
	}
	.lecia-detail .item.item4 .flex .content h4 {
		font-size: 20px;
	}
	.lecia-detail .item.item1 .flex {
		margin: 40px 0;
	}
	.lecia-tit h3,.lecia-detail .item.item4 .flex .content h2s {
		font-size: 24px;
	}
	.lecia-detail .item.item2 .flex {
		margin: 30px 0;
	}
	.lecia-detail .item.item2 .flex .con h3 {
		font-size: 24px;
	}
	.lecia-detail .item.item2 .flex .con h3,.lecia-detail .item.item3 .flex .imgs h3,.lecia-detail .item.item4 .flex .content h3 {
		font-size: 24px;
	}
	.lecia-detail .item.item4 .flex {
		padding: 40px 0;
	}
	.lecia-detail .item.item5 img {
		margin-bottom: 80px;
	}
	.leica-container .leica-top h4 {
		margin-bottom: 60px;
		font-size: 22px;
	}
	.leica-container table {
		width: 100%;
	}
	.leica-container td:nth-of-type(even) {
		font-size: 18px;
	}
	.leica-container td:nth-of-type(even) span {
		font-size: 20px;
	}
	.leica-container td {
		font-size: 18px;
	}
	.lecia-list .lecia-cate-item {
		margin-bottom: 30px;
	}
	.leica-nav {
		padding: 30px 0;
	}
	.leica-nav ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	.leica-list .leica-link {
		margin: 60px 0;
	}
	.leica-list .product-list ul {
		margin: 80px 0 60px;
	}
	.leica-items .item h3 {
		font-size: 24px;
	}
	.leica-items .item {
		margin-bottom: 40px;
	}
	.leica-items .item .flex .l {
		width: 100%;
	}
	.leica-items .item .flex .r {
		margin-left: 0;
		width: 100%;
		flex: 0 1 100%;
	}
}
@media (max-width: 640px) {
	.lecia-detail .item.item4 .flex .content h4 {
		font-size: 18px;
	}
	.lecia-tit h3,.lecia-detail .item.item4 .flex .content h2 {
		font-size: 20px;
	}
	.lecia-detail .item.item2 .flex .con h3 {
		font-size: 20px;
	}
	.lecia-detail .item.item2 .flex .con h3,.lecia-detail .item.item3 .flex .imgs h3,.lecia-detail .item.item4 .flex .content h3 {
		font-size: 20px;
	}
	.lecia-detail .item.item3 .flex .imgs h3,.lecia-detail .item.item4 .flex .content h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.lecia-detail .item.item5 img {
		margin-bottom: 60px;
	}
	.leica-container .leica-top h4 {
		margin-bottom: 40px;
		font-size: 20px;
	}
	.leica-container td:nth-of-type(even) span {
		font-size: 18px;
	}
	.leica-container td {
		font-size: 16px;
	}
	.leica-list .leica-link {
		margin: 40px 0;
	}
	.leica-list .product-list ul {
		margin: 40px 0;
	}
	.leica-items .item h3 {
		font-size: 22px;
	}
	.leica-items .item {
		margin-bottom: 20px;
	}
}

.tech-imgs,.linian-imgs {
	margin: 80px 0 140px;
	justify-content: space-between;
}
.tech-imgs:after {
    content: "";
    display: block;
	width: 32%;

} 
.tech-imgs li {
	width: 32%;
	margin-bottom: 40px;
	border: 1px solid transparent;
}
.tech-imgs li.w50 {
	width: 50%;
}
.linian-imgs li {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}
.tech-imgs li:hover {
	border-color: #fff;
}
.linian-imgs li:nth-of-type(1),
.linian-imgs li:nth-of-type(2) {
	width: 48.5%;
}
.linian-imgs li:nth-of-type(3),
.linian-imgs li:nth-of-type(4),
.linian-imgs li:nth-of-type(5) {
	width: 32%;
}
.tech-imgs li img,.linian-imgs img {
	width: 100%;
	transition: all .3s;
}
.linian-imgs li:hover img {
	transform: scale(1.1);
}
@media (max-width: 1230px) {
	.tech-imgs,.linian-imgs  {
		margin: 60px 0 120px;
	}
}

@media (max-width: 960px) {
	.tech-imgs,.linian-imgs  {
		margin: 40px 0 80px;
	}
}

@media (max-width: 768px) {
	.tech-imgs,.linian-imgs  {
		margin: 40px 0 30px;
	}
	.tech-imgs li {
		width: 49%;
		margin-bottom: 20px;
	}
	.linian-imgs li {
		margin-bottom: 20px;
	}
	.linian-imgs li:nth-of-type(1),
	.linian-imgs li:nth-of-type(2) {
		width: 100%;
	}
	.linian-imgs li:nth-of-type(3),
	.linian-imgs li:nth-of-type(4),
	.linian-imgs li:nth-of-type(5) {
		width: 100%;
	}
}










.lumix-po .item {
    margin: 60px 0 80px;
    overflow: hidden;
}
.lumix-po .item .top {
    margin-bottom: 40px;
}
.lumix-po .item .top h3,.lumix-po .item .btm h3 {
    margin-bottom: 24px;
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.6;
}
.lumix-po .item .btm h4,.lumix-po .item .btm h5,.lumix-po .item .btm h6 {
    margin-bottom: 24px;
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6;
}
.lumix-po .item .btm ul {
    justify-content: space-between;
}
.lumix-po .item .btm ul li {
    width: 47%;
    margin-bottom: 60px;
}
.lumix-po .item .btm ul li img {
    width: 100%;
    margin-bottom: 40px;
}
.lumix-po .item .btm .img {
    width: 62%;
    float: left;
}
.lumix-po .item-3 .btm .img {
    width: auto;
    float: left;
}
.lumix-po .item .btm .img img {
    width: 100%;
}
.lumix-po .item .btm .con {
    width: 32%;
    float: right;
}
.lumix-po .item .btm .story img{
	width: 100%;
}
.lumix-po .item-3 .btm .con {
    margin-left: 0;
    float: right;
    width: 72%;
}
.lumix-po .item-6 .btm .img {
    width: 60%;
    float: right;
}
.lumix-po .item-6 .btm .con {
    margin-left: 0;
    margin-right: 0;
    float: left;
    width: 32%;
}
.lumix-po .item p,.lumix-po .item a {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    /* margin-bottom: 40px; */
}
.lumix-po .item .p span {
    display: block;
}

.lumix-po .item-4 {

}

.item-4 .flex {
	height: 825px;
}
.item-4 .flex .mySwiper2 {
	width: 78%;
    margin: 0;
}
.item-4 .flex .mySwiper2 .swiper-slide img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.item-4 .flex .mySwiper2 .swiper-slide p {
	margin-top: 24px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
.item-4 .flex .mySwiper {
	overflow-y: scroll;
	flex: 1;
	margin: 0;
	margin-left: 38px;
	height: 100%;
}
.item-4 .flex .mySwiper::-webkit-scrollbar-track {
	border-radius: 19px;
	background: rgba(255, 255, 255, .2);
}
.item-4 .flex .mySwiper::-webkit-scrollbar-thumb {
    background: rgb(255, 255, 255, .8);
	border-radius: 8px;
}
.item-4 .flex .mySwiper::-webkit-scrollbar-thumb:active {
	border-radius: 19px;
	background: rgba(255, 255, 255, .2);
}
.item-4 .swiper-thumbs .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



@media (max-width: 1600px) {
	.lumix-po .item {
		margin: 40px 0 60px;
	}
	.lumix-po .item .top h3,.lumix-po .item .btm h3 {
        font-size: 28px;
    }
    .lumix-po .item .btm h4,.lumix-po .item .btm h5,.lumix-po .item .btm h6 {
        font-size: 24px;
    }
}
@media (max-width: 1230px) {
    .lumix-po .item .top {
        margin-bottom: 20px;
    }
	.lumix-po .item .btm .img {
        width: 55%;
    }
    .lumix-po .item .btm .con {
        width: 40%;
    }
	.lumix-po .item .top h3,.lumix-po .item .btm h3 {
        margin-bottom: 18px;
        font-size: 24px;
    }
    .lumix-po .item .btm h4,.lumix-po .item .btm h5,.lumix-po .item .btm h6 {
        font-size: 20px;
    }
    .lumix-po .item p,.lumix-po .item a {
        font-size: 16px;
    }

	.lumix-po .item .btm ul li img {
        margin-bottom: 20px;
    }
	.item-4 .flex .mySwiper2 .swiper-slide p  {
		font-size: 16px;
	}
	
}
@media (max-width: 980px) {
    .lumix-po .item .btm .img,.lumix-po .item .btm .con {
        width: 100%;
        margin: 10px 0;
    }
    .lumix-po .item .btm ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .lumix-po .item {
		margin: 40px 0;
	}
	.item-4 .flex {
		height: auto;
	}
	.item-4 .flex .mySwiper {
		flex: 0 1 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.item-4 .flex .mySwiper2 {
		padding-bottom: 0;
		width: 100%;
	}
    .lumix-po .item .top {
        margin-bottom: 0;
    }
    .lumix-po .item .top h3,.lumix-po .item .btm h3 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .lumix-po .item .btm h4,.lumix-po .item .btm h5,.lumix-po .item .btm h6 {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .lumix-po .item p,.lumix-po .item a {
        font-size: 14px;
    }
	.lumix-po .item a img {
		width: 100%;
	}
	.lumix-po .item .btm h4, .lumix-po .item .btm h5, .lumix-po .item .btm h6 {
		margin-bottom: 15px;
	}
}

@media (max-width: 640px) {
    
}