@media all and (min-width: 960px){
    .product-ul li:hover{
        border: 3px solid #e5e5e5;
        margin: 0 0 -4px 0;
    }
    .product-ul li:nth-of-type(5n):hover{
        margin: 0;
    }
}
@media all and (min-width: 960px) and (max-width: 1199px){
    
}
@media all and (max-width: 640px){
    *{
        
    }
    body, input{
        font-size: 12px;
    }
    .content{
        /*padding: 0 2%;*/
    }
    .various-list, .product-picture, .product-details, .msds-ul li, .msds-ul li:nth-of-type(2), .news-con, .HQ li, .foot-lf, .telephone, .company-img, .company-con, .company-ul li:nth-of-type(2) .company-img{
        float: none;
        width: 100%;
    }
    .tools li, .culture-ul li, .index-pro li, .index-news li, .score-ul li{
        width: 49%;
        margin-right: 0;
    }
    .tools li:nth-of-type(2n), .culture-ul li:nth-of-type(2n), .index-pro li:nth-of-type(2n), .index-news li:nth-of-type(2n), .score-ul li:nth-of-type(2n){
        float: right;
    }
    .tools li, .culture-ul li{
        margin-bottom: 2%;
    }
    .demo1 .hd{
        bottom: 0.18rem;
    }
    .demo1 .hd li{
        width: 0.1rem;
        height: 0.1rem;
        margin: 0 0.1rem;
    }
    /*header end*/
    .header{
        border-bottom: 1px solid #eaeaea;
    }
    .head-con{
        height: 0.86rem;
        line-height: 0.86rem;
    }
    .head-con{
        padding: 0 0.2rem;
    }
    .mob-toggle a{
        margin-left: 0.2rem;
    }
    .mob-toggle a img{
        width: 100%;
    }
    .h-search, .h-cart{
        width: 0.3rem;
    }
    .h-level{
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 2px;
        background: url(../images/h-level.png) no-repeat center;
        background-size: contain;
        vertical-align: middle;
    }
    .h-level-close{
        background: url(../images/h-level-close.png) no-repeat center;
        background-size: contain;
    }
    .search-div{
        float: none;
        width: 100%;
        line-height: 0.62rem;
        margin: 0;
    }
    .search-div input{
        width: 83%;
        height: 0.62rem;
        line-height: 0.62rem;
        vertical-align: top;
    }
    .search-div a{
        width: 16%;
        height: 0.64rem;
        line-height: 0.64rem;
    }
    .search-btn{
        line-height: 32px;
        padding: 0 5px;
        font-size: 13px;
        float: right;
        margin: 0;
    }
    .logo{
        width: 0.6rem;
    }
    /*footer*/
    .footer{
        padding: 0 0.2rem;
    }
    .copyright{
        padding: 15px 0;
    }
    .icp{
        float: none;
    }
    .foot-lf{
        margin: 0;
    }
    .foot-lf p{
        display: none;
    }


    /*index*/
    .index-title{
        font-size: 18px;
        padding: 0.4rem 0.2rem 0.3rem 0.2rem;
    }
    .div-2 .index-title{
        margin: 0;
    }
    .index-news li{
        margin-bottom: 2%;
    }
    .demo2 .bd li{
        width: 48%;
    }  
    .demo2 .bd li:nth-of-type(2n){
        float: right!important;
    }



    /*login*/
    .loginWrap{
        width: 100%;
    }
    .login-con{
        padding: 10% 5% 12% 5%;
    }
    .login-ul input[type=text], .getCode{
        line-height: 38px;
        font-size: 13px;
    }
    .login-btn{
        line-height: 44px;
    }
    .login-icp em{
        width: 100%;
    }



    /*about*/
    .company-ul li:nth-of-type(2) .company-con, .company-con{
        padding: 0.2rem 0.2rem;
    }
    .advan-con{
        width: 80%;
        margin: 0 auto;
    }

    /*join*/
    .job-top{
        display: block;
        padding: 4% 0;
    }
    .job-name p{
        margin: 5px 0 0 0;
    }
    .job-return{
        margin-top: 10px;
    }
    .apply{
        width: 32%;
    }
    .post{
        margin-bottom: 15px;
    }

    /*contact*/
    .HQ li p{
        font-size: 13px;
    }
    .essay{
        display: block;
    }
    .essay-return a{
        width: 135px;
        line-height: 34px;
        margin-top: 15px;
    }
    .Knews{
        padding: 12px 0;
    }
    .news-img{
        display: none;
    }
    .news-con span{
        margin: 3.45% 0 2.26% 0;
        padding: 2% 2.7%;
    }
    .pro-btn{
        width: 150px;
        line-height: 40px;
    }

    /*资料*/
    .download li{
        line-height: 200%;
    }
    .download li p{
        display: block;
    }
    .downRg {
        float: none;
        margin-top: 3px;
    }
    .downRg i{
        margin-top: -2px;
        vertical-align: middle;
    }
    .msds-ul li:nth-of-type(2){
        margin-top: 0.2rem;
    }
    .msds-ul li{
        padding: 7% 4% 9% 4%;
    }

    /*cart*/
    .null img{
        width: 17.66%;
    }
    .null p{
        margin: 9% 0;
    }
    .null a{
        padding: 2% 8.66%;
    }
    .pop{
        width: 5.6rem;
        margin: 0 auto;
        padding: 0.7rem 0;
    }

    /*product*/
    .crumbs{
        padding: 0.2rem 0;
    }
    .product-ul li{
        width: 50%;
    }
    .proAttr:nth-of-type(1){
        display: none;
    }
    .proAttr:nth-of-type(2){
        display: table;
    }
    .pro-div .index-title, .div-3 .index-title{
        padding: 0.4rem 0 0.3rem 0;
    }
    .proAttr td{
        padding: 0;
        height: 0.7rem;
        line-height: 0.7rem;
    }
    .proAttr td:nth-of-type(1){
        width: 30%;
    }
    .proAttr td:nth-of-type(2){
        width: 70%;
        padding: 0 3%;
    }
    .product-details{
        margin-top: 0.26rem;
    }
    .item-no{
        margin: 4% 0;
    }
    .various-p p{
        width: 50%;
    }
    .msds-coa{
        float: none;
        width: 100%;
    }
    .msds-coa a{
        width: 2.85rem;
        margin: 0;
        padding: 0;
    }
    .msds-coa a.hover{
        float: right;
    }
    .commod-oppera a{
        padding: 0 16px;
        line-height: 32px;
        margin-left: 8px;
    }
    .inner-title{
        padding: 0.3rem 0;
    }
    .page a{
        width: 34px;
        line-height: 32px;
    }
    .index-news p{
        /*display: none;*/
    }
    .index-news em{
        margin-top: 0;
    }


    /*third*/
    .subnav>li{
        padding: 0 2%;
        position: static;
    }
    .subnav{
        height: 43px;
    }
    .subnav>li>a{
        line-height: 43px;
    }


    /*独家*/
    .product, .culture-ul, .div-3, .index-news, .index-pro, .crumbs, .product-center, .pro-div, .download li, .news-ul li, .essay, .convert, .Knews, .job-top, .job-con, .recommend-job{
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .overflow-x{
        overflow-x: scroll;
    }






    /*修改*/
    .gsx-list{
        flex-wrap: wrap;
    }
    .gsx-list-img{
        width: 100%;
        height:auto;
    }
    .gsx-list-main{
        width: 100%;
        height: auto;
    }
    .gsx-list-item {
        width: 50%;
        height: auto;
    }
    .gsx-item-img {
        width: 100%;
        height: 160px;
        position: static; 
        bottom: auto; 
        right: auto; 
        z-index: 0;
        overflow: hidden;
        text-align: right;
    }
    .gsx-item-img img {
        position: static; 
        bottom: auto;
        right: auto;
    }
}