*{
	margin:0; padding:0; box-sizing:border-box;
}
img{
	border:none; vertical-align:top;
}
body{
	position:relative; min-height:100vh; background:#f5f5f5; font-family:PingFangSC-Regular;
}
a{
	text-decoration:none;
	color:#666;
}
/****/
@font-face{
	font-family:thefont;
	src:url('thefont.woff') format('woff');
}
/****/
.full-img{
	display:block; width:100%;
}
.ten-pixels{
	display:block; height:10px;
}
/**/
.foot-divider{
	height:12vh;
}
.foot{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	z-index:19;
	border-top:1px solid #eee;
	display:flex;
	justify-content:space-between;
}
.foot a{
	width:25%;
	text-align:center;
	padding:8px 0; color:#888;
}
.foot a.on{
	color:#ff6c06;
}
.foot a svg{
	width:20px; height:20px; fill:#bfbfbf;
}
.foot a.on svg{
	fill:#ff6c06;
}
.foot a .tit{
	font-size:14px;
}

.ban-box{
	padding:10px;
}
.home-banner{
	height:60vw; border-radius:5px;
}
.home-banner .the-logo{
	width:40vw;
	height:auto;
	position:absolute;
	left:10px;
	top:10px;
	z-index:4;
}
.home-banner .swiper-slide img{
	object-fit:cover; width:100%; height:100%;
}
.home-banner-page{
	color:#fff; font-size:13px;
}
/****/
.intro-box,
.strength-box,
.pro-box,
.case-box{
	padding:10px; padding-top:0;
}
.intro-box-pic{
	padding:0 10px 10px 10px;
}
.intro-box-pic a{
	display:block; height:60vw; overflow:hidden; position:relative;
}
.intro-box-pic a img{
	width:100%; height:100%; object-fit:cover;
}
.intro-box-pic a .tits{
	position:absolute; z-index:5; text-align:right; right:10px; bottom:10px; /* mix-blend-mode:difference; */ color:#fff; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;
}
.intro-box-pic a .tits .cn{ letter-spacing:6px; font-size:13px;}
.intro-box-pic a .tits .en{ font-size:12px; letter-spacing:2px;}
.case-box-pic a{
	display:block; height:60vw; overflow:hidden; position:relative; border-radius:0 0 5px 5px;
}
.case-box-pic a img{
	width:100%; height:100%; object-fit:cover;
}
.home-case-swipe-page{
	color:#fff;
	font-size:13px;
}
.c-wrap{
	background:#fff;
	border-radius:5px;
}
.c-tit{
	text-transform:uppercase;
	padding:20px 10px 10px;
}
/****/
.pro-list-con{
	display:flex;
	justify-content:space-between;
	flex-flow:row wrap;
}
.pro-list-con a{
	width:48.5%;
	margin-bottom:20px;
}
.pro-list-con a .imgs{
	height:40vw; overflow:hidden;
}
.pro-list-con a .imgs img{
	width:100%; height:100%; object-fit:cover;
}
.pro-list-con a .tit{
	padding:5px 0 0 0; font-size:13px;
}
/****/
.pro-cate-con{
	display:flex;
	justify-content:space-between;
	flex-flow:row wrap;
}
.pro-cate-con a{
	width:100%;
	margin-bottom:20px; position:relative; height:60vw; overflow:hidden;
}
.pro-cate-con a img{
	width:100%; height:100%; object-fit:cover;
}
.pro-cate-con a .tits{
	position:absolute; padding-left:70px;
	z-index:3;
	left:15px;
	bottom:15px;
	color:#fff;
}
.pro-cate-con a .tits .en{
	font-size:12px; padding-top:6px; text-transform:uppercase;
}
.pro-cate-con a .tits .big-en{
	font-family:thefont; font-size:40px; position:absolute; left:0; top:-20px;
}
/****/
.pro-gray-bg{
	padding:10px;
}
.pro-page{
	padding:15px 10px; background:#fff; border-radius:5px;
}

.pro-sub-cate a{
	display:inline-block; background:#111; color:#fff; border-radius:100px; margin-right:3px; padding:5px 10px; margin-bottom:15px;
}
.pro-sub-cate a.on{
	background:#ff6c06;
}
.mobile-pagination{
	text-align:center; padding:10px 0 20px 0; font-size:14px;
}
.mobile-pagination span,
.mobile-pagination a{
	display:none;
}
.mobile-pagination a:nth-child(2),
.mobile-pagination a:last-child{
	display:inline-block; border:1px solid #ddd; border-radius:100px; padding:5px 20px; margin:0 5px;
}
/**/
.pro-vr-tit{
	background:#fff; padding:10px; border-radius:5px 5px 0 0;
}
.pro-detail-vr{
	border:none;
	width:100%;
	height:135vw;
	margin:0;
	padding:0;
}

.pro-detail-space{
	padding-bottom:15px;
}
.pro-detail-space img{
	width:100%; border-radius:5px;
}

.pro-detail-con{
	background:#fff; padding:15px 10px 0 10px; border-radius:5px;
}
.pro-detail-model-tit{
	font-size:18px; padding-bottom:10px;
}
.pro-detail-desc-right{
	text-align:right; padding:0 0 10px 0; line-height:1.6; font-size:12px; color:#999;
}
.pro-detail-desc-left{
	padding:10px 0; line-height:1.6; font-size:12px; color:#999;
}
.pro-detail-below-space{
	padding-bottom:10px;
}

.pro-album{
	border-radius:5px;
}

.news-list-con{
	padding:0 15px;
}
.news-list-con a{
	display:block; padding-bottom:20px;
}
.news-list-con a .pics img{
	display:block; width:100%; height:100%; object-fit:cover;
}
.news-list-con a .pics{
	height:50vw; overflow:hidden;
}
.news-list-con a .tit{
	padding:5px 0 0 0; font-size:13px; line-height:1.6;
}
.news-det-tit{
	font-size:20px;
}
.news-det-content{
	text-align:justify;
	font-size:13px;
	color:#777;
	line-height:1.8;
	padding:10px 10px 20px 10px;
}
.news-det-content img{
	display:block; max-width:100%; margin:15px auto;
}
.news-det-dates{
	font-size:13px; color:#aaa; margin:0 auto; width:calc(100% - 20px); border-bottom:1px solid #eee; padding-bottom:10px;
}
.news-det-dates a{
	color:#aaa;
}
/****/
.contact-txt-con{
	padding:15px 15px 60px;
	font-size:14px;
	color:#777; line-height:1.8;
}
.contact-form-input{
	padding:0 30px;
}
.contact-form-input input{
	display:block; width:100%; font-size:15px;
	border:1px solid #eee;
	border-radius:5px;
	padding:10px;
	background:#fff;
	margin-bottom:20px;
}
.contact-form-submit{
	padding-bottom:30px;
}
.contact-form-submit input{
	display:block; text-align:center; color:#fff; font-size:15px;
	background:#111; border-radius:100px; width:80%;
	margin:0 auto; border:none; -webkit-appearance:none; padding:10px 0;
}
/**/
.about-inner-txt{
	text-align:justify;
	font-size:13px;
	color:#777;
	line-height:1.8;
	padding:15px 15px 0px 15px;
}
.about-inner-pics{
	padding:0 15px;
}
.by-history-con{
	position:relative; padding:0 10px;
}
.by-history-con .items{
	display:flex; position:relative; padding:30px 0; color:#888;
}
.by-history-con .items .txt{
	width:40%; text-align:right; line-height:1.8; font-size:13px;
}
.by-history-con .items:nth-child(even){
	justify-content:flex-end;
}
.by-history-con .items:nth-child(even) .txt{
	text-align:left;
}
.by-history-con .items:after{
	width:1px; height:100%; left:50%; content:''; background:#ddd; top:0; position:absolute;
}
.by-history-con .items .years{
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:20px; background:#fff; z-index:5; color:#ff6c06;
}