@media screen and (max-width:640px)
{
     /*****common*****/
    html, body {
        display: block;
        font-size: 16px;
        color:#797979;
        line-height: 24px;
        overflow-x: hidden;
        width: 640px;
    }
   .container 
    {
	    width: 525px;
    }
    header {
        position: static;
    }
    header .topbar, header .topbar .toplist
    {
        border:none;
    }
    header .nav
    {
        box-shadow: 0 0 0 #FFF;
        height: 134px;
        padding-top: 1px;
	    margin-top: -20px;
    }
    header .nav nav
    {
        text-align: center;
        float:none;
    }
    header .nav:before
    {
        top: 20px;
    }
    header .nav:after
    {
        top: 20px;
        left: 520px;
        width: 57px;
    }
    header .nav nav a
    {
        padding: 10px 14px;
    }
    header .search, header a.icon.tel, header a.icon.xing{
	    display: none;
    }
    header a.icon
    {
        float:right;
    }
    header a.logo
    {
        width: 520px;
        background-position: center 0;
        margin-bottom: 10px;
    }
    header .nav .leftbtn
    {
        font-size: 40px;
        margin-top: -40px;
        float:left;
        cursor:pointer;
    }
    footer .all 
    {
	    margin-top: 20px;
	    text-align: center;
    }
    footer .all .friendlink
    {
        height: 40px;
        float:none;
        margin-bottom:30px;
        margin-left: 140px;
    }
    footer .all span#footernote
    {
        margin-right:20px;
        display:block;
        float:none;
    }

    /**Introduce**/
    article.introduce .leftnav h3 {
        display: none;
    }
    article.introduce .leftnav {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    article.introduce .leftnav menu li {
        width: 110px;
        float: left;
    }
    article.introduce .leftnav img {
        display: none;
    }
    article.introduce .leftnav menu .circleicon:before, article.introduce .leftnav menu .circleblueicon:before {
        display: none;
    }
    
    /*****home*****/
    #pagelist {
        margin-top: 0!important;
    }
    #pagelist .page, article .pharse, #homepage
    {
        background-color:#F9F9F9;
    }
    article .introduce
    {
        border:none;
        box-shadow: 0px 0px 0px #fff;
    }
    article .introduce .left
    {
        float: none;
        width: 520px;
        text-align: center;
    }
    article .introduce .right
    {
        width:500px;
        padding:0 10px;
        height: 360px;
    }
    article .introduce .right p {
        margin-top: 15px;
        line-height: 30px;
    }
    article .introduce .title font
    {
        font-size:24px;
    }
    article .introduce .button.blue#lnkAdd
    {
        display:none;
    }
    article .parse_left
    {
        width:520px;
        border:none;
        float:none;
    }
    article .parse_left .standard .item
    {
        padding:25px 20px;
    }
    article .parse_left .standard .item .comment
    {
        display:none;
    }
    article .parse_left .standard .item:last-child
    {
        border-bottom: dashed 1px #ececec;
    }
    article .parse_left .standard .item .complete, article .parse_left .standard .item .status span
    {
        font-size:17px;
    }
    article .parse_left .standard .item .status span
    {
        margin-top:70px;
    }
    article .parse_left .standard .item .complete
    {
        background-image: url(../images/status.png);
        background-position: 0px 0px;
        height: 67px;
        width:67px;
    }
    article .parse_left .standard .item .notcomplete
    {
        background-image: url(../images/status.png);
        background-position: -68px 0px;
        height: 67px;
        width:67px;
    }
    article .parse_left .standard .item .notcomplete b
    {
        font-size:24px;
    }
    article .parse_left .standard .item .summary
    {
        padding-left:82px;
    }
    article .parse_left .standard .item .summary .title
    {
        font-size:21px;
    }
    article .parse_left .standard .item .summary .content
    {
        font-size:18px;
        margin-top: 10px;
        height:120px;
        line-height: 30px;
    }
    article .parse_left .items .item
    {
        height:260px;
        border-bottom:none;
    }
    article .parse_left .items .item .image
    {
        height:260px;
    }
    article .parse_left .items .item .title
    {
        font-size:20px;
        color:#2A2929;
    }
    article .parse_left .items .item .message
    {
        font-size: 16px;
        line-height: 28px;
    }
    #news .parse_left {
        height: 680px;
    }
    article .parse_right
    {
        border:none;
        width: 540px;
    }
    #news .parse_right
    {
        height: 340px;
    }
    article .parse_right .items .item
    {
        float:left;
        margin-right:26px;
    }
    article .parse_right .items .item .person
    {
        float:none; 
        text-align: center; 
        margin-right:0;  
    }
    article .parse_right .items .item .person img {
        width: 133px;
    }
    article .parse_right .items .item .title
    {
        text-align:center;
        font-size:22px;
        color:#505050;
        margin:10px 0;
    }
    article .parse_right .items .item .honor
    {
        font-size:14px;
        color:#aeaeae;
    }
    article .parse_right .items .item .message, article .parse_right .items #btnsubmit, 
    article .parse_right .items #divresult, article .parse_right .toollist, article menu.multi li#yenei
    {
        display:none;
    }
    article .parse_right .items .txteare textarea
    {
        width:470px;
        font-size:24px;
    }
    article .parse_right .items .choose
    {
        margin:20px 0;
        font-size:18px;
        color:#292929;
    }
    article .parse_right .items .now
    {
        color: #60C4F7;
        background-image: url(../images/status.png);
        background-position: 0px -72px;
        background-repeat:no-repeat;
        background-position: right;
    }
    article .parse_right .items .now font
    {
        color: #60C4F7;
    }
    article menu.single
    {
        background-color:transparent;
        border-top:1px solid #DDDDDD;
        border-bottom:none;
        padding:0;
    }
    article #question menu.single
    {
        border-top:none;
    }
    article #question menu.single .over
    {
        color: #60C4F7;
        background-color:#fafafa;
        border-bottom:none;
        float:none;
        width: 100%;
        text-align: left;
        padding-left:40px;
    }
    article #question .items
    {
        padding-left:40px;
    }
    article menu.multi
    {
        background-color:transparent;
        border-top:1px solid #DDDDDD;
    }
    article menu.multi li.over, article menu.single .over
    {
        background-color: #60C4F7;
        color: #fff;
        border-radius: 6px;
        float: right;
        width: 180px;
        text-align: center;
        padding:0;
        font-size:24px;
        font-weight:normal;
    }
    article menu.multi li.over a:visited, article menu.single .over a:visited
    {
        color:White;
    }
    article menu.multi li#linews
    {
        display:none;
    }


     /*****news*****/
    article.news .newslist
    {
        width:520px;
    }
    article.news .newslist .item
    {
        border-bottom:dashed 1px #cecece;
    }    
    article.news .newslist .item:last-child {
        border-bottom: none;
    }
    article.news .newslist .item .leftcontent img
    {
        border: none;
        border-radius: 0;
    }
    article.news .newslist .item .rightcontent .title
    {
        font-size: 20px;
    }
    article.news .newslist .item .rightcontent .date
    {
        display:block;
        font-size:16px;
        margin:10px 0 5px 0;
    }
    article.news .newslist .item .rightcontent .info
    {
        display:none;
    }
    article.news .newslist .item .rightcontent .content
    {
        color:#666666;
        font-size:18px;
   }
   article.newsdetail .title
   {
       font-size:30px;
       line-height: 50px;
   }
   article.newsdetail .info
   {
       color:#b2b2b2;
   }
    article.newsdetail .content
    {
        border-top:none;
        color:#5F5E5E;
    }
    article.newsdetail .content p
    {
        font-size:23px;
        line-height:40px;
    }
    article.newsdetail .content .beizhu
    {
        font-size:23px;
        color: #5F5E5E;
    }
    article.news .newsleft, article.newsdetail .bottom, article.news .newslist .item .rightcontent .read
    {
        display:none;
    }


     /*****specification*****/
    article.specification .article, article.specification .leftnav .search, 
    article.specification .leftnav .lefttitle, article.specification .article .noteright, 
    article.specification .article .prop#prop2
    {
        display:none;
    }
    article.specification .article
    {
        width:520px;
    }
    article.specification .article .note
    {
        background-color:#f9f9f9;
    }
    article.specification .article .suggestion
    {
        margin-top:20px;
        display:block;
    }
    article.specification .article .suggestion a
    {
        background-color: #60C4F7;
        color: #fff;
        border-radius: 6px;
        float: left;
        width: 150px;
        text-align: center;
        padding: 0;
        height: 40px;
        line-height:40px;
        margin-right:20px;
        font-size: 16px;
        font-weight: bold;
        font-family: 微软雅黑;
    }
    article.specification .article .suggestion a.good:before
    {
        background-image: url(../images/material.png);
        background-repeat: no-repeat;
        background-position: -144px -200px;
        height: 27px;
        width: 29px;
        display: block;
        content: "";
        position: absolute;
        margin-top: 6px;
        margin-left: 30px;
    }
    article.specification .article .suggestion a.bead:before
    {
        background-image: url(../images/material.png);
        background-repeat: no-repeat;
        background-position: -175px -204px;
        height: 27px;
        width: 29px;
        display: block;
        content: "";
        position: absolute;
        margin-top: 6px;
        margin-left: 30px;
    }
    article.specification .leftnav
    {
        float:none;
        width:100%;
        margin:0;
    }
    article.specification .leftnav ul li
    {
        padding: 15px 0px;
        font-weight: bold;
        color:#2A2929;
        height:130px;
        border-bottom: dashed 1px #ececec;
        cursor:pointer;
        font-size:21px;
    }
    article.specification .leftnav ul li .statuscomplete {
        color: #F67033;
        background-image: url(../images/status.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        margin: 10px 20px 40px 0;
        float: left;
        text-align: center;
        height: 67px;
        width: 67px;
    }
    article.specification .leftnav ul li span {
        margin-top: 70px;
        display: block;
        font-size: 17px;
        font-weight:normal;
    } 
    article.specification .leftnav ul li .statusnocomplete {
        color: #5E5E5E;
        background-image: url(../images/status.png);
        background-repeat: no-repeat;
        background-position: -68px -0px;
        margin: 10px 20px 40px 0;
        float: left;
        text-align: center;
        height: 67px;
        width: 67px;
    }
    article.specification .leftnav ul li .statusnocomplete span b{
        color:Red;
        font-size:24px;
    } 
    article.specification .leftnav ul li.complete:before, article.specification .leftnav ul li.nocomplete:before,
    article.specification .leftnav ul li.complete:after, article.specification .leftnav ul li.nocomplete:after
    {
        background-image:none;
    }
    article.specification .leftnav ul li .summary
    {
        font-weight:normal;
        font-size:18px;
        color:#666666;
        line-height:30px;
        margin-top:10px;
    }   

}


@media screen and (max-width:320px)
{
    html {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.5);
        -moz-transform-origin: 0 0;
        -ms-transform: scale(.5);
        -ms-transform-origin: 0 0;
        transform: scale(.5);
        transform-origin: 0 0;
    }
}