body
{
    color: #191919;
    font-family:Noto,'宋体',Arial;
    font-size: 18px;
    margin: 0 auto;
    max-width: 640px;
    -webkit-text-size-adjust:none;
}
@media only screen and (max-width:310px) and (min-width:300px) {
body { font-size: 10px }
}
@media only screen and (max-width:320px) and (min-width:310px) {
body { font-size: 10px }
}
@media only screen and (max-width:360px) and (min-width:320px) {
body { font-size: 14px }
}
@media only screen and (max-width:360px) and (min-width:350px) {
body { font-size: 14px }
}
@media only screen and (max-width:480px) and (min-width:360px) {
body { font-size: 15px }
}
@media only screen and (max-width:480px) and (min-width:470px) {
body { font-size: 15px }
}
@media only screen and (max-width:560px) and (min-width:480px) {
body { font-size: 16px }
}
@media only screen and (max-width:570px) and (min-width:560px) {
body { font-size: 16px }
}
@media only screen and (max-width:640px) and (min-width:570px) {
body { font-size: 18px }
}
@media only screen and (max-width:640px) and (min-width:630px) {
body { font-size: 18px }
}
@media only screen and (min-width:640px) {
.container{width:610px;}
}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,form,img,div
{
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0 none;

}
a {
    text-decoration:none;
}
.padding-lr
{
    padding-left: 0.8em;
    padding-right: 0.8em;
    }
.topbg {
    background-color:#c1c1c1;
}
.toppad {
    padding-top:0.5em;
}
.bottompad {
    padding-bottom:0.5em;
}
.diaplay-box
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    }
.box-flex
{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    display: block;
    width: 100%;
}
.empty {
    line-height:2em;
    text-align:center;
}
/*==================
        版本
=============*/
#version {
    background-color:#626262;
    padding-right:1.6em;
    line-height:1.8em;
    font-family:Arial ;
}
#version a{
    font-size:0.78em;
    color:#b2b2b2;
}
/*==================
        顶部
=============*/
.top {
    background-color:#454845;
    padding:1em 0 0.4em;
    width:100%;
}
#logo {
    padding-bottom:1em;
    padding-left:2em;
}
#logo img{
    width:44%;
}
/*==================
        轮换
=============*/
.big_orange {
    font-size:0.5em !important;
    color:#000000;
    line-height:0.5em !important;
}
.medium_grey {
    background-color:red;
    padding:0.05em 0;
    width:6em;
    color:#ffffff;
    font-size:0.5em !important;
    text-align:center;
}
/*==================
        分类
=============*/
.category {
    padding-bottom:0.5em;
}
.category a{
    color:#878787;
    font-size:1em;
    line-height:1em;
}

/*==================
        搜索
=============*/
.input-search
{
    position: relative;
    /*margin-top: 0.8em;
    margin-bottom:0.8em;*/
    height: auto;
    height:1.5em;
    overflow: hidden;
    }
.input-search span
{
    position: absolute;
    left: 0em;
    right: 6.3em;
    }
.input-search span input[type=text]
{
    width: 100%;
    height: 1.92em;
    font-size: 0.78em;
    padding: 0 1em;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    border-radius: 0.5em 0 0 0.5em;
    }
.input-search input[type=submit]
{
    width: 8em;
    height: 1.92em;
    font-size: 0.78em;
    background: #d81e2d;
    color:white;
    display: block;
    position: absolute;
    right: 0em;
    border-radius: 0 0.5em 0.5em 0;
    border: none;
}
/*==================
        产品详情
=============*/
.param {
    font-size:0.8em;
}
.param span{
    font-family:Arial;
}
/*==================
        底部
=============*/
footer
{
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    z-index:4;
    }
nav.nav {
    background-color:#e4e4e4;
    color: #5a5a5a;
    height: 5.5em;
    width: 100%;
    border-top:0.72em solid #cdcdcd;
    max-width: 640px;
    }
nav.nav ul li
{
    padding:0.5em 0;
    width: 25%;
    }
nav.nav ul li span{
    font-size:0.72em;
}
nav.nav ul li i
{
    display: block;
    width: 3em;
    height: 2.7em;
    margin: 0.1em auto;
    }
.icon {
    background-size:3em 2.7em;
}
.icon-about {
    background-image:url(/img/about.png);
}
.icon-pro {
    background-image:url(/img/products.png);
}
.icon-video {
    background-image:url(/img/video.png);
}
.icon-contact {
    background-image:url(/img/contact.png);
}
nav.nav a
{
    color: #5a5a5a;
    }