.sub-menu{float: left; width: 90%; margin: 85px 5% 60px 5%; display: flex; justify-content:center;}
.sub-menu .box{}
.sub-menu .box .menu{margin: 0px 8px 0px 8px; display:inline-block;}
.sub-menu .box .menu .big{height: 42px; line-height: 41px; font-size: 15px; padding: 0px 20px 0px 20px; text-align: center; border: none; transition: all ease 0.3s; cursor: pointer;}
.big-yes{background: #c9050f; color: #fff;}
.big-no{background: #111; color: #fff;}
.sub-menu .box .menu .big:hover{background: #c9050f; color: #fff;}
.sub-menu .box .menu .small{display: none; position: absolute; font-size: 15px; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; min-width: 183px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); z-index: 1;}
/* 子菜单项样式 */
.small-yes{background: #c9050f; color: #fff; padding: 4px 20px 4px 20px; border-bottom: 1px dotted #888; text-decoration: none; display: block; }
.small-no{background: #fff; color: #000; padding: 4px 20px 4px 20px; border-bottom: 1px dotted #888; text-decoration: none; display: block; }
 
/* 鼠标悬停时显示子菜单项 */
.sub-menu .box .menu:hover .small {display: block;}
.small-no:hover {background: #c9050f; color: #fff;}


.sub-menu1{float: left; width: 100%;  margin: 60px 0px 0px 0px;}
.sub-menu1 .menu{float: left; width: 100%; display: flex; justify-content: center;}
.sub-menu1 .menu .dd{float: left;}
.sub-menu1 .menu .dd span{display: none;}
.sub-menu1 .menu .dd .td1{float: left; margin: 0px 8px 0px 8px; display:inline-block; padding: 4px 16px 4px 16px; text-align: center; border: 1px solid #777; background: #111; color: #fff; transition: all ease 0.5s;}
.sub-menu1 .menu .dd .td2{float: left; margin: 0px 8px 0px 8px; display:inline-block; padding: 4px 16px 4px 16px; text-align: center; border: 1px solid #fff; background: #fff; color: #000;}
.sub-menu1 .menu .dd .td1:hover{border: 1px solid #fff; background: #fff; color: #000;}
.sub-menu1 .menu .dd .td2:hover{border: 1px solid #777; background: #111; color: #fff;}

.sub-menu2{float: left; width: 90%; margin: 85px 5% 60px 5%;}

.sub-menu2 .menu{float: left; width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center;}
.sub-menu2 .menu .dd1{height: 1px; background-color: #777; flex-grow: 1;}
.sub-menu2 .menu .dd{padding: 0px 8px 0px 8px;}
.sub-menu2 .menu .dd .td1{float: left; margin: 0px 8px 0px 8px; display:inline-block; height: 42px; line-height: 41px; padding: 0px 20px 0px 20px; text-align: center; border: none; background: #111; color: #fff; transition: all ease 0.5s;}
.sub-menu2 .menu .dd .td2{float: left; margin: 0px 8px 0px 8px; display:inline-block; height: 42px; line-height: 41px; padding: 0px 20px 0px 20px; text-align: center; border: none; background: #c9050f; color: #fff;}
.sub-menu2 .menu .dd .td1:hover{background: #c9050f; color: #fff;}
.sub-menu2 .menu .dd .td2:hover{background: #111; color: #fff;}
.sub-menu2 .menu .dd3{height: 1px; background-color: #777; flex-grow: 1;}

@media screen and (max-width: 1600px){
	.sub-menu2-margin1{margin: 60px 5% 50px 5%;}
	.sub-menu2-margin2{margin: 60px 5% 20px 5%;}
}