body{
		margin: 0;
		padding: 0;
		background-color: white;
	}
	#head{
		height:26.5vw;
		width:100%;
		background-image: url("../img/banner.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.head-bg{
		width: 100%;
		height: 90px;
		background-color: white;
		border-bottom-right-radius: 60px;
		border-bottom-left-radius:60px;
	}
	.head-container{
		width:1170px;
		height: 90px;
		margin: 0 auto;
		
	}
	.head-logo{
		float:left;
		padding-top: 25px;
		margin-right: 30px;
	}
	.head-nav{
		list-style-type: none;
		padding:0;
		margin: 0;
		
	}
	li{
		
		float: left;

	}
	a.nav{
		display:block;
		padding:34.5px;
		text-align: center;
		text-decoration:none;
		color: black;
	}
	a:hover{
		background-color: rgb(47,117,236);
		color: white;
	}
	a.signin{
		float: right;
		display: block;
		width:138px;
		height: 38px;
		background-color: rgb(249,99,50);
		color: white;
		font-size:14px;
		text-align: center;
		text-decoration: none;
		line-height: 38px;
		border-radius: 19px;
		margin-top: 26px;
	}
	a.signin:hover{
		background-color: rgb(226,56,0);
	}
	a.signup{
		margin-left:10px;
		float: right;
		display: block;
		width:138px;
		height: 38px;
		color: rgb(249,99,50);
		font-size:14px;
		text-align: center;
		text-decoration: none;
		line-height: 38px;
		border-radius: 19px;
		border:solid 1px rgb(249,99,50);
		margin-top: 26px;
	}
	a.signup:hover{
		background-color: rgb(249,99,50);
		color: white;
	}
	#info{
		margin-top: -46px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 110px;
		width:1170px;
		height: 140px;
		border-radius: 16px;
		background-color: white;
		box-shadow:0 20px 50px rgba(0,0,0,0.07);
		-webkit-box-shadow:0 20px 50px rgba(0,0,0,0.07);
		-moz-box-shadow:0 20px 50px rgba(0,0,0,0.07);
	}
	.info-a{
		float: left;
		width:292px;
		height: 100%;
		text-align: center;
	}
	.line{
		float: right;
		margin-top: -70px;
		height: 70%;
		border-right: solid 1px rgba(0,0,0,0.1);
	}
	.info-b{
		float: left;
		width:292px;
		height: 100%;
		text-align: center;
	}
	#category{
		font-size: 14px;
		height: 828px;
		width: 100%;
		margin:0 auto;
		background-image: url("../img/bg_品类.jpg");
		text-align: center;
		/* overflow: hidden;
		position: relative; */
	}
	.category-title,.advantage-title,.announcement-title,.faqs-title{
		color: #2f75ec;
	}
	.rollbg{
		width: 1170px;
		margin: 0 auto;
	}
	.roll{
		float: right;
		margin-right: 10px;
	}
	.category-list,.faqs-list{
		width: 1170px;
		margin-top: 50px;
		margin-left:auto;
		margin-right:auto;
	}

	.category-list-a,.faqs-list-a{
		float: left;
		margin-top: 30px;
		height:270px;
		width: 270px;
		overflow:hidden;
		border-radius:16px;
		box-shadow: 0 20px 40px rgba(0,0,0,0.1);
	}
	.faqs-list-a:hover,.faqs-list-b:hover{
		background-color: #F96332;
		color: white;
	}
	.category-list-b,.faqs-list-b{
		float: left;
		margin-left: 30px;
		margin-top: 30px;
		height:270px;
		width: 270px;
		overflow:hidden;
		background-color: white;
		border-radius:16px;
		box-shadow: 0 20px 40px rgba(0,0,0,0.1);
	}
	#advantage{
		font-size: 14px;
		height: 550px;
		width: 100%;
		margin:0 auto;
		margin-top: 110px;
		text-align: center;
	}
	.advantage-list{
		width: 1170px;
		margin: 0 auto;
		margin-top: 100px;
	}
	.advantage-list-a{
		width: 270px;
		height: 200px;
		float: left;
		text-align: left;
		border: solid 1px #d6d6d6 ;
		border-radius: 16px;
		box-shadow: 0 15px 20px rgba(0,0,0,0.07);
	}
	.advantage-list-icon{
		margin-top: -46px;
		margin-left: 26px;
	}
	.advantage-list-icon-active{
		width: 78px;
		height: 78px;
		margin-top: -37px;
		margin-left: 170px;
		z-index: 500;
		display: none;
		border-radius:  50%;
		background-color: white;
	}
	.advantage-list-icon-active>img{
		margin: 15px;
	}
	.advantage-list-a:hover,.advantage-list-b:hover{
		color: white;
		background-color: #F96332;
	}
	.advantage-list-a:hover .advantage-list-icon,
	.advantage-list-b:hover .advantage-list-icon{
		display: none;
	}
	.advantage-list-a:hover .advantage-list-icon-active,
	.advantage-list-b:hover .advantage-list-icon-active{
		display: inline-block !important;
	}
	.advantage-list-a:hover .text,
	.advantage-list-b:hover .text{
		color: white;
	}
	.advantage-list-text{
		margin-top:26px;
		margin-left:auto;
		margin-right:auto;
		width: 200px;
		height:120px;
	}
	.advantage-list-b{
		width: 270px;
		height: 200px;
		float: left;
		margin-left: 27px;
		text-align: left;
		border: solid 1px #d6d6d6 ;
		border-radius: 16px;
		box-shadow: 0 15px 20px rgba(0,0,0,0.07);
	}
	#announcement{
		font-size: 14px;
		/* float: left; */
		width: 100%;
		height: 470px;
		background-image: url("../img/bg_公告.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.announcement-container{
		width: 1170px;
		margin: 0 auto;
	}
	.announcement-a{
		width: 410px;
		height: 150px;
		background-color: white;
		border-radius: 16px;
		float: right;
		margin-top: -130px;
		padding-top: 50px;
		padding-left: 30px;
		padding-right: 30px;
		}
	#faqs{
		height: 600px;
		width: 100%;
		float: left;
		margin:0 auto;
		margin-top: 110px;
		text-align: center;
		font-size: 14px;
	}
	.faqs-text{
		height: 200px;
		width: 200px;
		margin:0 auto;
		font-size: 14px;
		padding-top:46px;
		text-align: left;
	}
	#footer{
		float: left;
		height: 300px;
		width: 100%;
		background-color: #2f75ec;
		border-top-right-radius: 80px;
		overflow: hidden;
		background-image: url("../img/bg_footer.jpg");
		font-size: 14px;
		color: white;
		
	}
	.footer-container{
		width: 1170px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}
	.footer-container a{
		display: inline-block;
		margin-top: 10px;
	}
	.footer-logo{
		/* float: left; */
		margin-top: 60px;
	}
	.footer-text{
		/* float: left; */
		/* margin-left: 150px; */
		margin-top: 30px;
	}
	.footer-text-bold{
		font-size: 16px;
		font-weight: bold;
		line-height: 50px;
	}
	.category-back{
		/* position: absolute;
		width: 100%;
		height: 500px; */
	}
	.circle{
		width:300px;
		height: 300px;
		border: 75px solid #2F75EC;
		border-radius: 50%;
		position: absolute;
		bottom: -50px;
		right: 55%;
		z-index:1;
	}
	.point{
		width: 60%;
		height:300px;
		/* background: #FAFAFA;\ */
		background: transparent;
		background-image:
			radial-gradient(#8C8C8C 10%, transparent 0),
			radial-gradient(#8C8C8C 10%, transparent 0);
		background-size: 16px 16px;
		/* background-position:0 0 ,8px 8px; */
		position: absolute;
		bottom:0px;
		right: 0px;
		z-index:1;
	}
	.text{
		color: #737373;
	}