@media(max-width:640px) {
    body {
        font-size:14px;
    }
    .wrapper {
        min-width:1px;
        width:100%;
    }
    .wrapper-header {
        height:60px;
    }
    .wrapper-header-fixed {
        height:60px;
    }
    .wrapper-header .header-line {
        display:none;
    }
    .wrapper-header .logo {
        height:60px;
        left:12px;
        top:12px;
    }
    .mobile-nav-icon {
        display:block;
        position:absolute;
        width: 48px;
        height: 40px;
    }
    .wrapper-header .logo img {
        height:36px;
    }
    .wrapper-header .submenu {
        display:none;
        height: 32px;
        position: absolute;
        top: 65px;
        right: 10px;
        z-index: 999;
    }
    .wrapper-header .menu {
        width:100%;
        height:auto;
        top:60px;
        right:0;
        z-index:999;
        background-color:#fff;
        border:1px solid #ddd;
        display:none;
        left:0;
    }
    .wrapper-header .menu li {
        float:none;
        width:100%;
        border:0;
        border-top:1px dashed #ddd;
        font-size:16px;
        height:48px;
        line-height:48px;
    }
    .wrapper-header .menu ul {
        opacity:0;
    }
    .wrapper-header .menu li:first-child {
        border-top:0;
    }
    
    .wrapper-banner {
        /*min-height:150px;*/
        background-size: contain;
        background-position: center 50px;
    }
    .banner-inner {
        height:160px;
        background-size: auto 100%;
        background-position: center 45px;
    }
    .wrapper-product-category {
       height:auto; 
    }
    .wrapper-product-category a {
        width:15%;
        height:100px;
        background-size: contain;
        margin:0;
    }
    
    .wrapper-newproduct, .wrapper-promotion, .wrapper-ranking, .wrapper-technology, .wrapper-links {
        padding-top:20px;
    }
    .wrapper-newproduct .item {
        width:30%;
        height:auto;
        float:left;
        margin-left:2%;
        margin-right:1%;
    }
    .wrapper-newproduct .item img {
        width:100%;
    }
    .wrapper-promotion .item {
        width:44%;
        height:auto;
        margin-right:4%;
    }
    .wrapper-promotion .item:nth-child(2n+1) {
        margin-left:4%;
    }
    .wrapper-promotion .item img {
        width:100%;
        max-height:108px;
    }
    .wrapper-promotion .item h4 {
        width:100%;
    }
    .wrapper-ranking .item {
        width:44%;
        height:200px;
        margin-right:4%;
        margin-bottom:20px;
    }
    .wrapper-ranking .item:nth-child(2n+1) {
        margin-left:3%;
    }
    .wrapper-ranking .item .img {
        height:200px;
    }
    .wrapper-technology .link {
        margin:10px auto;
        display:none;
    }
    .wrapper-technology .link img {
        width:100%;
    }
    .wrapper-links .item {
        width:22%;
        height:auto;
        margin:0 1% 10px 1.6%;
    }
    .wrapper-links .item img{
        width:100%;
        height:auto;
    }
    .homepage-content {
        margin:0;
        height:auto;
        border: 0px solid #d1d1d1;
        border-radius: 0;
        padding-bottom: 18px;
    }
    .homepage-content li {
        height:auto;
    }
    .homepage-content h3 {
        line-height:1.2;
    }
    .homepage-content img {
        width:22%;
        height:auto;
        margin-right:10px;
    }
    .homepage-content .content {
        margin-left:0;
    }
    .homepage-content .content .summary {
        display:none;
    }
    .wrapper-footer {
        display:none;
    }
    .wrapper-footer h2 {
        padding-top:10px;
    }
    .wrapper-footer h2:after {
        position: relative;
        top:0;
    }
    .wrapper-footer .block {
        float:none;
        width:100%;
        padding-left:2em;
    }
    .wrapper-footer .block1 {
        width:100%;
    }
    .wrapper-footer .block2 {
        width:100%;
    }
    .wrapper-footer .block3 {
        width:100%;
    }
    .wrapper-footer .block4 {
        width:100%;
    }
    .wrapper-footer .block5 {
        width:100%;
    }
    .wrapper-copyright {
        width:100%;
        padding:12px;
        font-size:12px;
    }
    .wrapper-gototop a {
        width:100%;
    }
    .wrapper-static .title {
        line-height:1.5;
        background-image:none;
    }
    .wrapper-static .content {
        width:90%;
        line-height:1.5;
        min-height:100px;
    }
    .wrapper-static .content img {
        width:96%;
        height:auto;
    }

    .wrapper-login {
        background-size:100% auto;
        background-image:url(../images/mobile-bg.jpg);
    }
    .home-login {
        width:90%;
        margin-left:0;
        left:5%;
        margin-top:240px;
    }

    .wrapper-member {
        margin:0 auto 16px auto;
    }
    .wrapper-member .sidebar {
        display:block;
        width:100%;
    }
    .wrapper-member .sidebar ul {
        border:0;
    }
    .wrapper-member .sidebar li {
        height:40px;
        line-height:40px;
        font-size:95%;
    }
    
    .wrapper-member .sidemain {
        display:block;
        margin-top:10px;
        width:100%;
    }
    .nanoetab .tab {
        margin-left:0;
        width: 33.2%;
        font-size:20px;
        cursor:pointer;
    }
    .table {
        width: 100%;
        overflow-y: hidden;
        min-height: .01%;
        overflow-x: auto;
    }
    .table th {
        width:auto;
        font-size:85%;
        padding: 10px 5px;
        word-break: keep-all;
    }
    .table td {
        font-size:85%;
        padding: 10px 5px;
    }
    .table input, .table textarea, .table select {
        font-size:85%;
    }
    .wrapper-member .sidemain .pannel {
        padding:0 10px;
    }
    .wrapper-member .sidemain .pannel .workitem {
        float:none;
        width:90%;
        height:0;
        padding-bottom: 159%;
        margin: 20px auto;
    }
    .wrapper-member .sidemain .pannel .mobile-workitem {
        float:none;
        width:90%;
        height:0;
        padding-bottom: 30%;
        margin: 20px auto;
        background-image:none;
    }
    .wrapper-member .sidemain .pannel .mobile-workitem .add {
        bottom: 35%;
        left: 10%;
        width: 80%;
    }
    .wrapper-member .commitment {
        width:100%;
    }
    .wrapper-member .sidemain .btnleft {
        margin-left:16%;
    }
    .wrapper-member .sidemain .btn {
        width:30%;
        margin-left: 56px;
    }
    .wrapper-product .item .pricelabel {
        width:49px;
        height:54px;
        font-size:15px;
        text-indent:7px;
        line-height:54px;
    }
    .wrapper-product .item .price5 {
        font-size:12px;
        text-indent:7px;
    }
    .upload-image-div {
        height:400px;
        width:100%;
        overflow:auto;
        
    }
    .upload-image-tip {
        left: 0;
        top: 0;
        width: 100%;
        background-color:rgba(255,255,255,0.5);
    }
    .upload-image-span {
        background:url(../images/upload-sign.png) no-repeat center center;
    }
    .preview-image-800 {
        max-width:90%;
    }
    .preview-image-300 {
        max-width:75%;
    }
    .preview-image-640 {
        max-width:80%;
    }
    .product-detail-banner {
        height:200px;
        margin:2px 0;
        background-position:center center;
    }
    .wrapper-product img {
        width:99%;
        margin:0 auto;
        text-align:center;
    }
    .wrapper-product p {
        line-height:1px;
        font-size:1px;
        margin:0;
    }
    .wrapper-breadcrumb {
        height:40px;
        line-height:36px;
    }
    
    .wrapper-inner {
        padding-top:10px;
    }
    .wrapper-about {
        font-size: 16px;
    }
    .wrapper-about .left {
        width: 100%;
        height:auto;
        padding-bottom:0;
    }
    .wrapper-about .left img {
        display:none;
    }
    .wrapper-about .moreinfo {
        bottom:20px;
    }
    .wrapper-about .middle {
        width:100%;
        height:auto;
        margin-left:0;
    }
    .wrapper-about .right {
        width:100%;
        height:auto;
        margin-left:0;
    }
    .wrapper-about .item {
        width:100%;
        height:230px;
    }
    .wrapper-about  .item:last-child {
        background:#005cab;
        color:#fff;
    }
    .wrapper-about .item:last-child h3 {
        color:#fff;
    }
    .wrapper-about .item:last-child .moreinfo {
        color:#fff;
        border:1px solid #fff;
    }
    
    
    .wrapper-product .item {
        width:46%;
        margin:2% 0 0 3%;
        padding:0;
        height:320px;
    }
    .wrapper-product .item .img {
        height: 200px;
    }
    .wrapper-product .filters div {
        height:auto;
        line-height:40px;
    }
    .wrapper-product .filters div label {
        display:block;
        height:32px;
    }
    .wrapper-product .filters div span {
        padding:0 6px;
    }
    
    
    .wrapper-service .item {
        margin-bottom:10px;
    }
    .wrapper-service .item:last-child{
        margin-bottom:0;
    }
    .wrapper-service .item img {
        height:180px;
        text-align:center;
    }
    .wrapper-service .download img {
        width:100%;
        height:auto;
        text-align:center;
    }
    .wrapper-service .bigtitle {
        margin-top:16px;
        margin-bottom:16px;
    }
    .wrapper-service .item .txt {
        padding:12px;
    }
    .wrapper-service .item .left,
    .wrapper-service .item .right {
        height:180px;
        overflow:hidden;
    }
    .wrapper-service .item .txt h3 {
        margin-bottom:2px;
    }
    .wrapper-service .item .txt .moreinfo {
        bottom:20px;
        right:20px;
    }
    
    .about-content img {
        width:100%;
    }
    
    .wrapper-news .sidebar .sidebarlogo {
        margin-left:10px;
    }
    .wrapper-news .sidebar li a {
        height:42px;
        line-height:42px;
        background-color:#caddf1;
    }
    .wrapper-news .sidebar {
        width:100%;
    }
    .wrapper-news .sidebar li ul {
        
    }
    .wrapper-news .content {
        width:100%;
        margin-top:16px;
        padding:16px;
    }
    .wrapper-news .download .pname {
        display:none;
    }
    
    .detailcontent img {
        max-width:92%;
    }
    
}