* {
	box-sizing: border-box;
}

body {
	margin: 0px;
	padding:0px;
	background-color:white;
	font-family:arial;
}
#header {
width:100%;
height: 240px;
background-color: green;
}
#wrapper {
width:100%;
height: auto;
background-color: white;
}
#footer {
width:100%;
height: 300px;
background-color: green;
clear:both;
}
#top {
	height: 48px;
	width: 100%;
	background-color: green
}
#banner {
	height: 144px;
	width: 100%;
	background-color: #FFF
}
#menu {
	height: 48px;
	width: 100%;
	background-color: green
}
#container {
	height: 100%;
	width: 80%;
	min-height:600px;
	margin: 30px auto
	
}
#list-cate{
	width:22%;
	height:430px;
	background-color:#FFF;
	float:left;
	border: 1px solid #CCC;
	border-radius:20px
}
#sildeshow{
	width:78%;
	height:430px;
	float:right;
	padding-left:30px
}
#sildeshow img{
	width:100%;
	height:100%
}
#list-cate h1{
	text-align:center;
	font-size: 16px;
	line-height:46px;
	background-color:green;
	color:#FFF;
	border-radius: 20px;
	margin:0px
	
}
#list-cate ul{
	margin:0px;
	padding:0px;
	list-style:none;
	
}
#list-cate ul li{
	line-height:36px;
	border-bottom:1px solid #CCC;
	width:100%
}
#list-cate ul li a{
	line-height:36px;
	width:100%;
	display:block;
	padding-left:15px;
	color:green;
	text-decoration:none;
}
#list-cate a:hover{
	
	color:#FFF;
	background-color:orange
}
#ad1 {
	height:186px;
	width:100%;
	display:flex;
}
.ad-small{
	flex:1;
	padding-left: 30px;
	margin-top:30px
}
.ad-small img{
	width:100%;
}
#ad1 .ad-small:nth-child(1){
	padding-left:0px;
}
.cate{
	width: 100%; height: 430px; float: right; margin:0px auto;
}
.cate-list {
	width: 300px;
	background-color: gray; 
	color: #FFF; 
	font-size:16px;
	line-height: 46px;
	margin-top:30px; 
	text-align:center;
	border-radius: 20px
}
.cate-small{
	Width:100%; height:285px;display: flex;gap: 40px; margin-top:20px;
}
.cate-small img{
	flex: 1;
	Width:200px;
	height:200px;
	border: 1px solid #CCC;
	border-radius: 20px;
	text-align: center;
}
.info { 
	flex: 1;height:100%; border-radius: 20px; text-align: center;
}
.info span{
	color: orange;
	font-weight: bold;
}
.info h2{
	color: green;
	font-size: 20px
}
#top-bar{
	width: 100%; height: 48px; background-color: green
}
#top-bar-content{
	width:80%; height:100% ;color:#FFF ; margin: 0px auto
}
#top-bar-left{
	float: left; width: 60%; height: 100%; line-height: 48px;
}
#top-bar-right{
	float: right; width: 40%; height: 100%; text-align: right;line-height: 48px
}
#top-bar-right a{
	color: #FFF; text-decoration: none
}
#top-banner {
	width: 100%; height: 140px; background-color: white
}
#top-banner-content{
	width:80%; height:100% ; margin: 0px auto
}
#banner-logo{
	width:20%; height: 100%; float: left;
}
#banner-logo img{
	margin-top:41px; 
}
#banner-deliver{
	width:20%; height: 100%; float: left
}
#deliver-content{
	width:100%; height:58px; margin-top:41px
}
#deliver-content img{
	float:left; margin-top:14px; margin-right:10px
}
#deliver-content span{
	text-align: left; line-height:29px 
}
#banner-support{
	width:20%; height: 100%; float: left
}
#support-content{
	width:100%; height:58px; margin-top:41px
}
#support-content img{
	float:left; margin-top:14px; margin-right:10px
}
#support-content span{
	text-align: left; line-height:29px 
}
#banner-timejob{
	width:20%; height: 100%; float: left
}
#timejob-content{
	width:100%; height:58px; margin-top:41px
}
#timejob-content img{
	float:left; margin-top:14px; margin-right:10px
}
#timejob-content span{
	text-align: left; line-height:29px 
}
#banner-cart{
	width: 20%; height: 100%; float: left
}
#banner-cart a{
	color: black; font-weight: hold; text-decoration: none; line-height: 58px; margin-top: 41px; display: block; text-align: right
}
#top-menu{
	width: 100%; height: 48px; background-color: green
}
#top-menu-content{
	width:80%; height:100% ; margin: 0px auto
}
#top-menu-content ul{
	list-style:none;margin:0px; padding: 0px
}
#top-menu-content li{
	float:left; padding: 0px 20px;line-height:48px; color: #FFF
}
#footer{
	width: 100%; height: 300px; background-color: green; clear: both; color: #FFF;
}
#footer-content{
	width:80%; height:100%; margin: 0px auto;display: flex;line-height:30px;
}
.footer-small{
	height: 100%; flex: 1;  text-decoration: none;
}
.footer-small h1{
	font-size:20px;  text-decoration: none;
}