body{
	max-width:750px;
	margin:0 auto;
	/*background: url("/static/img/bg.jpg") no-repeat top center;*/
}
p{margin:0}
h2{
	font-size:38px;
	color:#13227a;
}
h3{
	font-size:22px;
}
.line{
	margin:25px auto;
	height:1px;
	background:#13227a;
	width:80px;
}
header{
	padding:25px 20px;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
header .logo img{
	max-height:80px;
}
header .tel{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
header .tel .title{
	color:#fff;
	background-color: #16327b;
	font-size:14px;
	padding:2px 28px;
	border-radius: 50px;
}
header .tel .number{
	color:#16327b;
	font-size:32px;
	line-height:32px;
	font-weight: 600;
}
header .menu{
	margin:5px 20px 0 20px;
}
.banner img,.study img,.exhibition img,.honor img,.eye img,.partner img,.master img,.copyright img{
	width:100%;
	height:auto;
}
.about{
	padding:118px 75px 75px 75px;
}
.about h2{
	font-size:30px;
	color:#16327b;
	margin-bottom:34px;
	width:100%;
}
.about h2::after{
	content:"";
	border-bottom:2px solid #16327b;
	width:76px;
	display: block;
	left:0;
	top:0;
	margin-top:35px;
}
.about>p{
    font-size: 20px;
    line-height: 43px;
}
.about .data{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin:85px 0 40px 0;
}
.about .data .statistic{
  width:174px;
  height:206px;
  box-sizing: border-box;
  color:#16327b;
  text-align: center;
  position:relative;
  background-color: #edf2ff;
  border-radius: 10px;
  box-shadow: 3px 3px 5px 4px #d9e2fa;
  display:block;
  flex-direction: column;
  align-items: center;
  margin-right:38px;
}
.about .data .statistic:nth-of-type(1){
	z-index:1;
}
.about .data .statistic:nth-of-type(2){
	z-index:3;
}
.about .data .statistic:nth-of-type(3){
	z-index:5;
	margin-right:0;
}
.about .data .statistic:nth-of-type(4){
	z-index:2;
	margin-top:-15px;
}
.about .data .statistic:nth-of-type(5){
	z-index:4;
	margin-right: 0;
	margin-top:-15px;
}

.about .data .statistic .icon{
  margin:30px auto 20px auto;
}
.about .data .statistic .num{
  font-size:25px;
  color:#16327b;
  font-weight:bold;
}
.about .data .statistic .des{
  width:80%;
  font-size:17px;
  color:#16327b;
  margin:0 auto;
}
.about .video{
	width: 100%;
	height:360px;
	object-fit:fill;
}

.cases{
	text-align:center;
}
.cases h2{
	font-size:38px;
	color:#13227a;
}
.cases .line{
	margin:25px auto;
	height:1px;
	background:#13227a;
	width:80px;
}
.cases h3{
	font-size:22px;
}

.cases .tabs{
	margin:72px auto 0 auto;
	padding:0;
	/*padding:0 85px;*/
	list-style-type:none;
	display: flex;
	align-content: center;
	justify-content: space-between;
	width:85.33%;
}

.cases .tabs li{
	display:flex;
	border:1px solid #13227a;
	border-radius: 10px;
	width:114px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding:20px 0;
}
.cases .tabs li img{
	height: 40px;
    width: 40px;
    margin-bottom: 16px;
}
.cases .tabs li p{
	font-size:20px;
	line-height: 25px;
	color:#16327b;
}
.cases .tabs li.cur{
	background-color: #13227a;
}

.cases .tabs li.cur img{
	filter: brightness(0%) invert(100%);
}
.cases .tabs li.cur p{
    color:#fff;
}

.cases .tab-con{
	margin-top:75px;
	padding:0 55px;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.cases .tab-con .tab-card{
	margin-bottom:15px;
}
.cases .tab-con .tab-card img{
	border-radius: 10px;
	width:630px;
	height:370px;
}
.cases .tab-con .tab-card p{
	font-size:20px;
	color:#13227a;
	margin:30px auto;
}
.service{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top:25px;
}
.service>h3{
	margin-bottom:70px;
}
.service .s-card{
	width:82.66%;
	height:170px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	background-color: #13227a;
	color:#fff;
	margin:0 auto 30px auto;
}
.service .s-card img{
	border-radius:15px;
}
.service .s-card .s-card-info{
	flex:1;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.service .s-card .s-card-info h2{
	font-size:27px;
	color:#fff;
}
.service .s-card .s-card-info p{
	font-size:16px;
	color:#fff;
	width:80%;
	text-align: center;
}

.workflow{
	background: url("/static/img/bg-workflow.jpg") no-repeat;
	text-align:center;
	margin-top:25px;
	padding:60px 0 50px 0;
}
.workflow>h2,.workflow >h3{
	color:#fff;
}
.workflow .line{
	background-color: #fff;
}
.workflow .w-grid{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 30px;
	column-gap: 20px;
	width:600px;
	margin:60px auto auto auto;
}
.workflow .w-grid .w-grid-item{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 10px;
	height:180px;
	width:180px;
}
.workflow .w-grid .w-grid-item:last-of-type{
	grid-column: 2;
}
.workflow .w-grid .w-grid-item span{
	width:40px;
	height: 40px;
	font-size:20px;
	line-height: 35px;
	background-color: #13227a;
	border:1px solid #fff;
	color:#fff;
	border-radius: 50%;
	position:absolute;
	left:15px;
	top:-20px;
}
.workflow .w-grid .w-grid-item .w-grid-info{
	text-align: center;
}
.workflow .w-grid .w-grid-item .w-grid-info h3{
	font-size:1.22rem;
	font-weight: 600;
	color:#13227a;
	margin:.5rem auto;
}
.workflow .w-grid .w-grid-item .w-grid-info p{
	font-size:16px;
	width:80%;
	color:#13227a;
	margin:0 auto;
}
.partner{
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:85px 0;
}
.partner img{
	margin-top:70px;
	width:100%;
	height: auto;
}
footer{
	background: url("/static/img/bg-footer.jpg") no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer .footer-logo{
	border-radius: 10px;
	margin:80px auto;
}
footer p{
	color:#fff;
	font-size:32px;
}
footer .phone{
	font-size:60px;
}
footer .qrcode{
	margin:70px auto;
}

@media only screen and (max-width: 479px) {
	h2{
		font-size:30px;
		width:90%;
		text-align:center;
	}
	h3{
		font-size:18px;
		width:90%;
		text-align:center;
	}
	header{
		padding:15px;
	}
	header .tel .title{
		font-size:12px;
		padding:2px 10px;
	}
	header .tel .number{
		font-size:18px;
	}
    header .logo img {
        width: 175px;
        height: auto;
    }
	header .menu{
		margin:0 0 0 20px;
	}
	header .menu img{
		width:20px;
	}
	.about{
		padding:25px;
	}
	.about>p{
		font-size:18px;
		line-height:33px;
	}
	.about .data{
		margin-top:40px;
	}
	.about .data .statistic{
		width: 90px;
    	height: 175px;
		margin-right:20px;
	}
	.about .data .statistic .icon{
		margin: 20px auto 10px auto;
	}
	.about .data .statistic .num{
		font-size:19px;
	}
	.about .data .statistic .des{
		font-size:13px;
	}
	.about .video{
		height:auto;
	}
	.cases .tabs{
		width:90%;
	}
	.cases .tabs li{
		width:63px;
		padding:10px 0;
	}
	.cases .tabs li img{
		width:30px;
		height:30px;
	}
	.cases .tabs li p{
		font-size:14px;
	}
	.cases .tab-con{
		margin-top:45px;
		padding:0 15px;
	}
	.cases .tab-con .tab-card img{
		width:100%;
		height:auto;
	}
	.cases .tab-con .tab-card p{
		font-size:16px;
		margin:10px auto;
	}
	.service .s-card{
		height:96px;
		width:90%;
	}
	.service .s-card img{
		width:180px;
	}
	.service .s-card .s-card-info h2{
		font-size:1rem;
	}
	.service .s-card .s-card-info p{
		font-size:.7rem;
		overflow-y: scroll;
        max-height: 50px;
	}
	.workflow{
		
	}
	.workflow .w-grid{
		width:90%;
		row-gap: 20px;
		column-gap: 15px
	}
	.workflow .w-grid .w-grid-item{
		width: 100px;
		height:150px;
	}
	.workflow .w-grid .w-grid-item span{
		width: 30px;
		height: 30px;
		font-size: 18px;
		line-height: 24px;
		top:-15px;
	}
	.workflow .w-grid .w-grid-item .w-grid-info img{
		max-width:30px;
	}
	.workflow .w-grid .w-grid-item .w-grid-info h3{
		font-size:1rem;
	}
	.workflow .w-grid .w-grid-item .w-grid-info p{
		font-size:.75rem;
	}
	.partner img{
		width:90%;
		margin-top:40px;
	}
	footer .footer-logo{
		width:300px;
	}
	footer .phone{
		font-size:3rem;
	}
	footer .qrcode{
	    wdith:200px;
	    height:200px;
	}
}