body {
margin: 0;
padding: 0;
font-family: 黑体,arial;
background: white;
}
.clr {
font-size: 0px;
line-height: 0;
height: 0;
overflow: hidden;
clear: both;
}
.breadcrumb {
background-image: linear-gradient(bottom, rgb(83,83,83) 100%, rgb(21,21,21) 0%);
background-image: -o-linear-gradient(bottom, rgb(83,83,83) 100%, rgb(21,21,21) 0%);
background-image: -moz-linear-gradient(bottom, rgb(83,83,83) 100%, rgb(21,21,21) 0%);
background-image: -webkit-linear-gradient(bottom, rgb(83,83,83) 100%, rgb(21,21,21) 0%);
background-image: -ms-linear-gradient(bottom, rgb(83,83,83) 100%, rgb(21,21,21) 0%);
background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(1, rgb(83,83,83)),
 color-stop(0, rgb(21,21,21))
 );
filter: alpha(opacity=80);
opacity: 0.8;
position: fixed;
bottom: 0;
width: 100%;
z-indeX: 1000;
height: 50px;
width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flexbox;
}

.breadcrumb > a.current:nth-child(1) {
background: url(../images/menu-home-hover.png) no-repeat center center #00b8f2;
background-size: 30px;
}

.breadcrumb > a:nth-child(1) {
width: 60px;
background: url(../images/menu-home.png) no-repeat center center;
background-size: 30px;
height: 50px;
text-indent: -99999px;
}

.breadcrumb > a.current {
background: #00b8f2;
}

.breadcrumb > a {
display: block;
line-height: 50px;
border-right: 1px solid #363636;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 100%;
text-align: center;
float: left;
padding: 0;
overflow:hidden;-moz-box-flex: 1;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display:block;
position:relative; white-space: nowrap;
}

#column02 {
position: fixed;
left: 60%;
}

.menuPopUp {
background: #19bff3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: fixed;
z-index: 1000;
bottom: 70px;
filter: alpha(opacity=100);
opacity: 1.0;
display: none;
text-align: left;
}


.breadcrumb > a.active {
background: #222;
}

.menuPopUp a:nth-last-child(1) {
border-bottom: 0;
}

.menuPopUp a {
font-size: 100%;
color: white;
text-decoration: none;
display: block;
border-bottom: 1px solid white;
width: 100px;
padding: 15px 0;
padding-left: 20px;
}

.menuPopUp span.sign {
display: block;
position: absolute;
bottom: -5px;
left: 10px;
width: 30px;
height: 30px;
background: #19bff3;
-ms-transform: rotate(450deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
z-index: -1;
filter: alpha(opacity=100);
opacity: 1;
}

#column03 {
position: fixed;
left: 80%;
}
@media (max-width: 330px)
{
.breadcrumb {
height: 40px; 
background-color:#ff0;
}

.breadcrumb > a.current:nth-child(1) {
background-size: 20px;
}

.breadcrumb > a:nth-child(1) {
width: 40px;
background-size: 20px;
height: 40px;
}

.breadcrumb > a {
line-height: 40px;
font-size: 80%;
}
}


@media (max-width: 400px)
{
.breadcrumb {
height: 40px;
}

.breadcrumb > a.current:nth-child(1) {
background-size: 20px;
}

.breadcrumb > a:nth-child(1) {
width: 40px;
background-size: 20px;
height: 40px;
}

.breadcrumb > a {
line-height: 40px;
font-size: 90%;
}

#column02 {
position: fixed;
left: 60%;
}

.menuPopUp {
bottom: 50px;
font-size: 90%;
}

#column03 {
position: fixed;
left: 60%;
}
#column03 span.sign {
left: auto;
right: 10px;
}
}