body,html{background-color: #eee;}
#top{
	width: 100%;
	height: 45px;
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
}
#top .topwarp{padding: 0 5%;height: 45px;line-height: 45px;}
#top .topwarp .hello{float: left;display: flex;align-items: center;}
#top .topwarp .hello h1{font-size: 15px;padding-right: 10px;}
#top .topwarp .hello a{color: #666;}
#top .topwarp .hello span{padding: 0 10px;color: #666;}
#top .topwarp .hello a:hover{color: red;text-decoration: underline;}
#top .topwarp ul{float: right;overflow: hidden;height: 15px;padding-top: 15px;}
#top .topwarp ul li{padding: 0 10px;border-right: 1px solid #666;height:15px;float: left;line-height: 15px;}
#top .topwarp ul li:last-child{border-right: 0;}
#top .topwarp ul li strong{font-weight: normal;color: #f60;}



#contener{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;}
.menutop{width: 1200px;height: 150px;}
.menu{width: 900px;height:150px;display: flex;justify-content: center;align-items: center;flex-direction: column;overflow: hidden;margin: 0 auto;}
.menu h2{width: 320px;height: 80px;}
.menu h2 img{display: block;width: 100%;height: 100%;}
.menu ul{display: flex;height: 40px;justify-content: space-between;align-items: center;width: 100%;border-bottom: 2px solid green;margin-top: 30px;}
.menu ul li{font-size: 16px;height: 40px;}
.menu ul li a{font-weight: bold;color: green;}
.menu ul li.select a{color: #f60;}
.menu ul li.select{border-bottom:4px solid #f60;height: 38px;}
.menu ul li a:hover{color: #f90;text-decoration: underline;}

.searchwarp{width: 860px;background-color: #fff;margin: 40px auto;border: 1px solid #999;border-radius: 5px;padding: 20px;}
.search-text{width:860px;height: 40px;border: 0;border-bottom: 1px solid #999;font-size: 16px;outline: none;}
.searchwarp ul{width: 860px;height: 40px;overflow: hidden;margin-top:20px;}
.searchwarp ul li{float: right;cursor: pointer;display: flex;align-items: center;justify-content: center;margin-left: 30px;line-height: 38px;color: #666;}
.searchwarp ul li.allsearch{border: 1px solid #999;border-radius: 5px;float: left;margin-left: 0;padding: 0 10px;}
.searchwarp ul li.allsearch i.iconfont{padding-right: 5px;}
.search-btn{width: 100px;height: 40px;background-color: green;color: #fff; cursor: pointer;border: 0;border-radius: 5px;}



#footer{width: 100%;background-color: #fff;border-top: 1px solid #999;padding: 20px;box-sizing: border-box;margin-top: 200px;}
#footer ul.about{width: 100%;height: 40px;display: flex;justify-content: center; align-items: center;}
#footer span{padding: 0 10px;color: #666;}
#footer a{color: #666;}
#footer a:hover{color: red;}
#footer ul.beian{width: 100%;display: flex;fljustify-content: center; align-items: center;flex-direction: column;}
#footer ul.beian li{padding-top: 10px;color: #666;}
#footer ul.beian li a{color: blue;text-decoration: underline;}