.header{
	height: 70px;

}
.header>.w{
	height: 70px;
}
.middle{
	width: 410px;
	margin-left: -205px;
	left: 50%;
	top: 0;
	position: absolute;
}
.logo{
	display: block;
	padding-top: 20px;
	float: left;
}
.logo>img{
  	width: 40px;
  	height: 40px;
  	margin-right: 15px;
  	vertical-align: bottom;
}
.logo>div{
	display: inline-block;
}
.logo>div>span{
	display: block;
	font-size: 16px;
	font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgb(74,74,74);
    line-height:22px;
}
.logo>div>p{
	font-size: 12px;
	font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgb(155,155,155);
    line-height:17px;
}


.header_right{
	float: right;

}
.header_right img{
	width: 26px;
	height: 26px;
	vertical-align: bottom;
	margin-right:15px;
}
.header_right>div{
	margin-left: 40px;
	padding-top:30px;
	font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgb(74,74,74);
line-height:22px;
display: inline-block;
}

/* .content{
	width: 1699px;
	height: 373px;
	position: relative;
	top: 216px;
} */
.view{
	width: 100%;
	height: 500px;
	background:url('../img/background.jpg') no-repeat center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.view>img{
	width: 100%;
	height: 500px;

}
.view>.w{
	padding-top: 75px;
}
.view h1{
	font-size:40px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgb(74,74,74);
line-height:56px;
margin-bottom: 35px;

}
.view p{
	display: block;
	width: 275px;
}
/* .content>.bar{
	position: absolute;
	width: 100%;
	bottom: 0;
	background:linear-gradient(180deg,rgb(250,217,97) 0%,rgb(248,146,53) 65%,rgb(248,146,53) 65%,rgb(247,107,28) 100%);
    opacity:0.9;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size:16px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgb(255,255,255);
} */
.bar>.w{
	position: relative;
}
.bar>.w>div{
	position: absolute;
	right: 0;
	top: 0;
}
.bar>.w>div img{
	width: 20px;
	height: 20px;
	margin-left: 6px;
	vertical-align: middle;
}
.bar>.w>div a{
	color: white;
	 font-size:16px;
	font-family:PingFangSC-Medium;
	font-weight:500;
}

.sccc{
	margin: 30px 0; 
	width: 270px;
	height: 180px;
	border:1px solid rgb(220,220,220);
	text-align: center;
	padding-top: 20px;
	float: left;
	margin-right: 30px;
}

.links{
	margin: 30px 0; 
	width: 270px;
	height: 80px;
	
	text-align: center;
	padding-top: 20px;
	float: left;
	margin-right: 30px;
}
/*.sccc:nth-child(4n){
	margin-right: 0;
}*/
.sccc>img{
	width: 40px;
	height: 40px;
	margin-bottom:18px;
}
.sccc>span{
	font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgb(74,74,74);
line-height:22px;
margin-bottom:12px;
display: block;
}
.sccc>p{
	width:230px;
	display: block;
	font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgb(74,74,74);
line-height:22px;
margin: 0 auto;
}
.sccc>a{
	font-size:12px;
font-family:PingFangSC-Medium;
font-weight:500;
color:rgb(74,144,226);
line-height:17px;
margin-top: 10px;
display: block;
}


.footer{
	background:rgb(74,74,74);
	width: 100%;
	height: 80px;
	display: flex;
	border-top: 1px solid rgb(74,74,74);
}
.w1{
	width: 900px;
	margin: 0 auto;
	height: 80px;
	text-align: center;
	position: relative;
}
.w1>img{
	width: 60px;
	height: 60px;
	margin-top: 10px;
}
.w1>div{
	padding-top: 7px;
}
.w1 span{
	font-size:12px;
font-family:PingFangSC-Medium;
font-weight:500;
color:rgb(255,255,255);
line-height:22px; 
display: block;
}

.left{
	float: left;
}
.right{
	float: right;
}
.h{
	min-height: 250px;
}

.sccc:first-child+div+div+div{
	margin-right: 0;
}
.sccc:first-child+div+div+div+div+div+div+div{
	margin-right: 0;
}
.sccc:first-child+div+div+div+div+div+div+div+div+div+div+div{
	margin-right: 0;
}
.sccc:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div{
	margin-right: 0;
}

.type_title{
	width: 100%; 
	text-align: center; 
	margin-top: 40px; 
	margin-bottom: 20px;
	font-family: 'Heiti SC Light'; 
	font-weight:400;
	font-size: 20px; 
	color: rgb(100,100,100);
}