@charset "utf-8";
/* CSS Document */

*{ -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; }
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dd,ul,ol,pre,form,blockquote,figure,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
body{ background:#fff; font-family:Arial,"Microsoft YaHei"; color:#333; font-size:16px; line-height:1.15; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
input,button,select,textarea{ outline:none; border:none; -webkit-appearance:none; font-family:inherit; font-size:100%; line-height:1.15; }
textarea{ overflow:auto; resize:none; }
em,i,cite,var,address,dfn{ font-style:normal; }
menu,ul,ol{ list-style:none; }
a{ text-decoration:none; cursor:pointer; color:#333; }
a:hover{ outline-width:0; text-decoration:none; }
.clf{ *zoom:1; }
.clf:after{ content:""; display:block; height:0; clear:both; }
.fl{ float:left; }
.fr{ float:right; }

.w1200{ width:1200px; margin:0 auto; position:relative; }
.logo{ float:left; line-height:54px; margin-right:52px; margin-top:23px; }
.logo img{ display:inline-block; width:54px; height:54px; float:left; margin-right:16px; }
.logo h1{ float:left; font-size:26px; color:#fff; }

.section{ width:100%; position:relative; }
.banner{ position:relative; width:100%; min-width:1200px; height:600px; background:url(../images/banner.png) no-repeat center top; overflow:hidden; }
.banner img.banner-bg{ display:none; width:100%; height:auto; }
.title{ width:1200px; margin:72px auto 0; text-align:center; }
.title h3{ position:relative; font-size:40px; font-weight:bold; letter-spacing:4px; }
.company-desc{ width:1200px; margin:0 auto; padding:30px 0 30px; overflow:hidden; }
.company-desc p{font-size: 20px;line-height: 28px}
.case-lists{ width:1200px; margin:0 auto; padding:30px 0 88px; overflow:hidden; }
.case-lists .lise-item{ width:110%; margin-left:-16px; }
.case-lists .lise-item li{ position:relative; overflow:hidden; float:left; width:274px; margin:32px 16px 0; padding:50px 0; text-align:center; background-color:#fff; box-shadow: 0 12px 18px rgba(0,0,0,.03); -webkit-box-shadow: 0 12px 18px rgba(0,0,0,.03); border:1px solid #f5f5f5; -webkit-border-radius:20px; border-radius:20px; }
.case-lists a.item{ display:inline-block; max-width:80%; }
.case-lists a.item:hover{ color:#39f; }
.case-lists a.item img{ display:block; width:130px; height:130px; margin:0 auto 22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; }
.case-lists a.item span{ font-size:24px; }
.footer{ position:relative; min-width:1200px; padding:33px 0; font-size:18px; text-align:center; line-height:28px; background-color:#f5f5f5; }
.footer .copyRight{ width:80%; margin:0 auto; padding:3px 0; color:#777; }
.footer a{ color:#333; }
.footer a:hover{ text-decoration: underline; }

.flex--justify-content--space-between {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.products-con-wrap{ width:1200px; margin:0 auto; padding:30px 0 88px; overflow:hidden; }
.products-logo img{ display:block; width:130px; height:130px; margin:0 auto 22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; }
.products-con-left .products-down {
	width: 196px;
	height: 56px;
	background: #03bf76;
	border-radius: 8px;
	font-size: 24px;
	font-family: PingFangSC-Medium,PingFang SC;
	font-weight: 500;
	line-height: 56px;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.products-con .products-con-left {margin-right: 40px;}
.products-con-right .products-title {
	font-size: 56px;
	font-family: PingFangSC-Medium,PingFang SC;
	font-weight: 500;
	color: #333;
	line-height: 78px;
	margin-bottom: 19px;
}
.products-con-right .describe {
	font-size: 24px;
	font-family: PingFangSC-Medium,PingFang SC;
	font-weight: 500;
	color: #666;
	line-height: 33px;
	margin-bottom: 54px;
}
.products-con-right .describe-con ul, .products-con-right .describe-con ul li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: initial;
}
.products-con-right .describe-con ul li {
	width: 230px;
	height: 518px;
	overflow: hidden;
	background: #efefef;
	overflow: hidden;
	box-shadow: 0 0 18px 0 rgb(0 0 0 / 11%);
	border-radius: 3px;
}
.p-img {
	width: 240px;
	height: 526px;
	overflow: hidden;
	position: relative;
}
.p-img>div, .p-img>img {
	width: 100%;
	height: 100%;
}
.p-img>img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

@media screen and ( max-width: 1280px ){
	.w1200{ width:100%; }
	.banner{ height:auto; background:#fff; }
	.banner,.footer{ min-width:100%; }
	.banner img.banner-bg{ display:block; width:130%; margin-left:-15%; }
	.title{ width:88%; margin-top:5%; }
	.case-lists{ width:88%; padding:0 0 7%; }
	.company-desc{ width:88%; padding:0 0 7%; }
	.case-lists .lise-item{ width:100%; margin:0; }
	.case-lists .lise-item li{ float:left; width:46%; margin:4% 2% 0; -webkit-box-sizing:border-box; box-sizing:border-box; }

	.products-con-wrap{ width:88%; padding:0 0 7%; }
}
@media screen and ( max-width: 720px ){
	.title h3 span{ font-size:32px; }
	.case-lists{ margin-top:10px; }
	.case-lists a.item img{ width:108px; height:108px; -webkit-border-radius:18px; border-radius:18px; }
	.case-lists a.item span{ font-size:18px; }
	.case-lists .lise-item li{ padding:30px 0; }
	.case-lists .lise-item li span.lpn{ width:14px; height:14px; }
	.case-lists .lise-item li span.rpn{ width:10px; height:10px; }
	.footer{ padding:3.5% 0; font-size:16px; line-height:26px; }

	.products-con-wrap{ margin-top:10px; }
	.products-logo img{ width:108px; height:108px; -webkit-border-radius:18px; border-radius:18px; }
	.products-con-right {
		width: 290px;
	}
	.products-con .products-con-left {
		width: 100%;
		margin-right: 0;
	}
	.products-con-right .products-title {
		font-size: 26px;
		font-family: PingFangSC-Medium,PingFang SC;
		font-weight: 500;
		color: #333;
		line-height: 34px;
		margin-bottom: 3px;
	}
	.products-con-right .describe {
		font-size: 12px;
		font-family: PingFangSC-Medium,PingFang SC;
		font-weight: 500;
		color: #666;
		line-height: 16px;
		margin-bottom: 9px;
	}
	.products-con-right .describe-con {
		margin-left: -65px;
	}
	.products-con-right .describe-con ul li {
		width: 120px;
		height: 141px;
		overflow: hidden;
		background: #efefef;
		overflow: hidden;
		box-shadow: 0 0 9px 0 rgb(0 0 0 / 11%);
		border-radius: 3px;
	}
	.p-img {
		width: 80px;
		height: 141px;
	}

}
@media screen and ( max-width: 480px ){
	.title h3 span{ font-size:28px; }
	.case-lists{ padding:0 0 9%; }
	/* .case-lists a.item{ margin-top:32px; } */
	.case-lists a.item img{ width:84px; height:84px; -webkit-border-radius:16px; border-radius:16px; }
/* 	.case-lists .lise-item li{ height:190px; } */
	.footer{ font-size:14px; line-height:22px; }
	.footer .copyRight{ width:70%; }

	.products-con-wrap{ padding:0 0 9%; }
	.products-logo img{ width:84px; height:84px; -webkit-border-radius:16px; border-radius:16px; }
	.products-con-right {
		width: 290px;
	}
	.products-con .products-con-left {
		width: 100%;
		margin-right: 0;
	}
	.products-con-right .products-title {
		font-size: 26px;
		font-family: PingFangSC-Medium,PingFang SC;
		font-weight: 500;
		color: #333;
		line-height: 34px;
		margin-bottom: 3px;
	}
	.products-con-right .describe {
		font-size: 12px;
		font-family: PingFangSC-Medium,PingFang SC;
		font-weight: 500;
		color: #666;
		line-height: 16px;
		margin-bottom: 9px;
	}
	.products-con-right .describe-con {
		margin-left: -65px;
	}
	.products-con-right .describe-con ul li {
		width: 120px;
		height: 141px;
		overflow: hidden;
		background: #efefef;
		overflow: hidden;
		box-shadow: 0 0 9px 0 rgb(0 0 0 / 11%);
		border-radius: 3px;
	}
	.p-img {
		width: 80px;
		height: 141px;
	}

}
@media screen and ( max-width: 360px ){
	.title h3 span{ font-size:24px; }
	.case-lists{ width:90%; }
	/* .case-lists a.item{ margin-top:28px; } */
	.case-lists a.item img{ width:72px; height:72px; margin-bottom:14px; }
	.case-lists a.item span{ font-size:16px; }
	.case-lists .lise-item li{ height:160px; }

	.products-con-wrap{ width:90%; }
	.products-logo img{ width:72px; height:72px; margin-bottom:14px; }
	.products-con .products-con-left {
		width: 100%;
		margin-right: 0;
	}
	.products-con-right {
		width: 290px;
	}
	.products-con-right .products-title {
		font-size: 26px;
		font-family: PingFangSC-Medium,PingFang SC;
		font-weight: 500;
		color: #333;
		line-height: 34px;
		margin-bottom: 3px;
	}
	.products-con-right .describe {
		font-size: 12px;
		font-family: PingFangSC-Medium,PingFang SC;
		font-weight: 500;
		color: #666;
		line-height: 16px;
		margin-bottom: 9px;
	}
	.products-con-right .describe-con {
		margin-left: -65px;
	}
	.products-con-right .describe-con ul li {
		width: 120px;
		height: 141px;
		overflow: hidden;
		background: #efefef;
		overflow: hidden;
		box-shadow: 0 0 9px 0 rgb(0 0 0 / 11%);
		border-radius: 3px;
	}
	.p-img {
		width: 80px;
		height: 141px;
	}

}