body,html {
	margin: 0;
	padding: 0;
	width:100%;
	font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
	font: normal 100% Helvetica, Arial,sans-serif;
	color: #000000;
	line-height:1.8;
	text-align:center;
}
.dd a:link { text-decoration: none; color: #000000}
.dd img {vertical-align: middle;}

/* navbox */
#navbox { repeat-x; display: block; height: 40px; width:600px; margin:auto;}
.navbar { margin:0px; padding:0px;}
.navbar li {float: left; font: 16px/40px "微软雅黑"; height: 40px; text-align: center; width: 100px; list-style: none;font-weight:bold;}
.navbar li a {display: block; color: #cccccc;text-decoration: none;}
.navbar li a:hover {display: block; color: #FF0033;border-bottom:5px solid #DAA520;}
.navbar .navline {background: #000000; display: block; height: 40px; width: 1px;}
.navbar .cur {background: #0067ae;}
/*ddd*/
.dropdown-content {
  display: none;
position: fixed; 
background-color:rgb(51,51,51,0.9);
 margin:auto; width:100%;
/*left:calc((100% - 750px) / 2);*/
left:0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 0px 5px;
}
.dropdown-content a{
    color:#CCCCCC;
}
.dropdown-content a:hover{
    color:#CCCCCC;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.clearfix {
    clear: both;
}

nav {
    font-family: Helvetica;
    text-align: left;
    text-transform: uppercase;  
    background-color: rgb(111,0,102,0);
	margin:right;
	text-align:right;
}

nav ul {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    list-style-type: none;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    color: #CCCCCC;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 1em;
    box-sizing: border-box;
}

nav ul li a:hover {
    
	background-color: rgba(204,102,111,0);
}


#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}

.item_banner01{ width:600px; margin:0 auto; position:absolute; z-index:0;   top: 32%;left: 20%;}
.item_banner01 h1{ letter-spacing:5px;    font-size: 2.8em; color: rgba(255,255,255,0.7); font-weight: 500; text-align:left;}
.item_banner01 h2{ letter-spacing:5px;     font-size: 2em; color: rgba(255,255,255,0.7); font-weight: 500; text-align:left;}

/* Responsive for smaller screens */
@media (min-width: 760px) {
.logo {float:left; max-width:300px; text-align:right; font-size:24px;}
.logo1{width:calc(100% - 100px); margin: auto;}
.boon{height:calc(100% - 100px); background-position-x:center;background-position-y:center;background-size:100%;}
.item_banner01{ width:600px; margin:0 auto; position:absolute; z-index:0;  top: 32%;left: 20%;}
.item_banner01 h1{ letter-spacing:5px;    font-size: 2.8em; color: rgba(255,255,255,0.7); font-weight: 500; text-align:left;}
.item_banner01 h2{ letter-spacing:5px;     font-size: 2em; color: rgba(255,255,255,0.7); font-weight: 500; text-align:left;}
.shuping{display:none;}
}
@media (max-width: 760px) {
.shuping{display:block; height:300px; background-image:url(shuping.jpg);background-position-x:center;background-position-y:center;background-size:100%;}
    #menu_button_wrapper{
        display: block;
        padding: 1em;
        color: #9d9d9d;
        border-bottom: 1px solid #101010;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0);
        box-shadow: 0 1px 0 rgba(255,255,255,0);
		
        margin-bottom: .5em;
    }
    
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: #cccccc;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    #menu_button:hover {
        cursor: pointer;
        background-color: #333;
    }
    
    #hamburger {
        float: right;
        padding-top: 0.5em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    nav ul li {
        display: none;
    }
    
    nav ul li a {
        width: 100%;
    }
.logo {float:left;}
.logo1{width:100%; margin: auto;}
.item_banner01{ width:100%; margin:0 auto; position:absolute;    top: 10%;left: 2%;}
.item_banner01 h1{ letter-spacing:5px;    font-size: 2.8em; color: rgba(255,255,255,0.7); font-weight: 100; text-align:left;}
.item_banner01 h2{ letter-spacing:5px;     font-size: 1.3em; color: rgba(255,255,255,0.7); font-weight: 100; text-align:left;}
.boon{height:240px; background-position-x:center;background-position-y:center;background-size:100%;}
}
/*ddd*/
/*产品热卖*/
.censonr{width:1000px;height:350px; margin:auto;}
.censonr01{width:230px;height:240px;float:left;border-top:#006da5 5px solid;margin:20px 10px 0 10px;}
.censonr01bt{color:#333;font-size:18px;text-align:center;padding-top:10px;padding-bottom:10px;}
.censonr01nr{line-height:20px;}