.ani{

  -webkit-transition: all 0.4s;

              transition: all 0.4s;

}

.mb-60{margin-bottom: 60px}

@media (min-width:320px){

  /*销售渠道↓ */

  .sales{

    padding: 1.3rem 0.3rem 0.8rem;

  }

  .sales .bread,.sales .mian .en{display: none;}

  .sales .mian .title{

    font-size: 0.32rem;

    color: #333;

    line-height: 1;

  }

  .sales .mian  .detaile{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.6;

    margin: 0.2rem 0 0.25rem;

  }

  #allmap{

    display: block;

    width: 100%;

    height: 4rem;

  }

  .sales .mian .container .tit{

    font-size: 0.3rem;

    color: #333;

    line-height: 1;

    margin: 0.45rem 0 0.3rem;

  }

  .sales .mian .select select{

    display: block;

    width: 2rem;

    height: 0.64rem;

    line-height: 0.64rem;

    padding: 0 0.15rem;

    border:1px solid #CCCCCC;

    border-radius: 2px;

    float: left;

    font-size: 0.24rem;

    color: #888;

    margin-right: 0.2rem;

  }

  .sales .mian .search{

    border-radius: 2px;

    border:1px solid #CCCCCC;

    box-sizing:border-box;

  }

  .sales .mian .search .inp{

    display: block;

    float: left;

    width: calc(100% - 0.66rem);

    border:0;

    padding: 0 0.2rem;

    box-sizing:border-box;

    height: 0.64rem;

    line-height: 0.64rem;

    font-size: 0.24rem;

    color: #999

  }

  .sales .mian .search .btn{

    display: block;

    float: right;

    width: 0.66rem;

    line-height: 0.66rem;

    height: 0.66rem;

    box-sizing:border-box;

    font-size: 0;

    border:0;

    background:#459DC3 url(../img/searchs.png) center/0.23rem no-repeat;

  }

  .sales .mian .tip{

    font-size: 0.3rem;

    color: #333;

    line-height: 1;

    margin: 0.35rem 0 0.25rem;

  }

  .sales .mian .list li{

    margin-top: 0.15rem;

  }

  .sales .mian .list .tt{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.5;

  }

  .sales .mian .list .detaile{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.6;

  }

  .sales .mian .list .detaile span{color: #499cc6}

  .BMap_bubble_content .titles{

    font-size: 0.3rem;

    color: #333;

    line-height: 1.6;

  }

  .BMap_bubble_content .cont{

    font-size: 0.26rem;

    line-height: 1.6;

    color: #666;

  }



  /*防伪查询↓ */

  .query{

    padding: 1.65rem 0.3rem 2rem

  }

  .query .bread{display: none}



  .query .title{

    line-height: 1.5;

    font-size: 0.3rem;

    color: #111;

    text-align: center;

  }

  .query .detailes{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.6;

    padding: 0.25rem 0 0.45rem;

  }

  .query .imgs{

    width: 100%;

    text-align: center;

  }

  .query .imgs li{

    width: 100%;

    margin-bottom: 0.5rem;

  }

  .query .imgs img{

    max-width: 100%;

    margin: 0 auto;

    box-shadow: 0 0px 6px 0px rgba(0,0,0,0.3);

    display: inline-block;

    margin-bottom: 0.2rem;

  }

  .query .imgs .tit{

    font-size: 0.28rem;

    line-height: 1.4;

    margin-bottom: 0.1rem;

  }

  .query .imgs .infos{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.6;

  }

  /*.query .detailes{

    font-size: 0.36rem;

    text-align: center;

    color: #333;

    line-height:1.4;

  }

  .query .detailes span{

    display: block;

    font-size: 0.46rem;

    color: #151515;

    line-height: 1.4

  }

  .query .box span{

    display: none;

  }

  .query .box .inp{

    display: block;

    width: 100%;

    height: 0.88rem;

    line-height: 0.88rem;

    padding: 0 0.2rem;

    border:1px solid #CCCCCC;

    font-size: 0.28rem;

    color: #999;

    box-sizing:border-box;

    border-radius: 2px;

    margin: 0.8rem 0  1rem;

  }

  .query .box .btn{

    display: block;

    width: 100%;

    background-color: #249DCA;

    height: 1rem;

    line-height: 1rem;

    border:0;

    padding: 0;

    text-align: center;

    font-size: 0.32rem;

    color: #fff;

    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);

  }*/

  .ban{width: 100%;margin-top: 1rem;}

  .ban .pc{display: none;}



  /*技术研发↓ */

  .research{margin-bottom: 1.2rem;}

  .research .module{

    padding: 0 0.3rem;

  }

  .research .module .title{

    line-height: 0.9rem;

    height: 0.9rem;

    border-bottom:1px solid #CCCCCC;

    font-size: 0.3rem;

    color: #111;

  }

  .research .module .en{display: none;}

  .research .module .detaile{

    font-size:0.24rem;

    color: #666;

    line-height: 1.6;

    padding: 0.25rem 0 0.45rem;

  }

  .research .module .add .tit{

    font-size: 0.24rem;

    color: #000;

    line-height: 1;

    margin-bottom: 0.1rem;

    display: block;

  }

  .research .module .add .tt{

    font-size: 0.24rem;

    color: #000;

    line-height: 1.6;

    display: block;

    margin-bottom: 0.05rem;

  }

  .research .links{

    font-size: 0.24rem;

    color: #000;

    line-height: 1.2;

    padding: 0 0.3rem;

  } 

  .research .links a{

    color: #499cc6;

  }

  .research .list #imgList{

    padding:0 0.3rem;

    margin: 0.3rem 0 0.4rem;

  }

  .research .list #imgList .swiper-slide{

    width: 3rem;

    height: 2rem;

  }

  .research .list #imgList .swiper-slide div{

    width: 100%;

    height:100%;

  }

  .research .resultss .title{

    line-height: 0.9rem;

    height: 0.9rem;

    font-size: 0.3rem;

    color: #111;

    padding: 0 0.3rem;

    border-top: 0.2rem solid #f2f2f2

  }

  .research .resultss .en{display: none;}

  .research .resultss #titList{

    padding: 0 0.3rem;

    border-top: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

  }

  .research .resultss #titList .swiper-slide{

    height: 0.98rem;

    line-height: 0.98rem;

    padding-right: 0.4rem;

    font-size: 0.28rem;

    width: auto;

    color: #777;

  }

  .research .resultss #titList .swiper-slide.on{

    color: #459DC3;

    position: relative;

  }

  .research .resultss #titList .swiper-slide.on:before{

    display: block;

    width: 0.4rem;

    height: 0.03rem;

    background-color:#459DC3;

    position: absolute;

    content: '';

    left: calc(50% - 0.38rem);

    bottom: 0;

  }

  .research .resultss .model-list{

    padding: 0 0.3rem;

    font-size: 0.24rem;

    line-height: 1.6;

  }

  .research .resultss .model-list li{

    display: none;

    padding-top: 0.3rem;

  }

  .research .resultss .model-list li p{

    /*border-bottom: 1px solid #f2f2f2;*/

    padding: 0.2rem 0;

  }

  .research .resultss .pc-module{display: none}

  

  /*轴承知识 ↓*/

  .knowledge{

    margin-top: 1rem;

  }

  .knowledge .bread{display: none;}

  .knowledge .warp li{

    border-top: 0.2rem solid #f2f2f2;

    padding: 0.3rem;

  }

  .knowledge .warp li .pic{

    width: 2.7rem;

    float: left;

  }

  .knowledge .warp li .box{

    width:calc(100% - 2.95rem);

    margin-left: 0.25rem;

    float: left;

  }

  .knowledge .warp li .title{

    font-size: 0.28rem;

    color: #333;

    line-height: 1;

    padding: 0.1rem 0 0.15rem;

  }

  .knowledge .warp li .detaile{

    font-size: 0.24rem;

    line-height: 1.6;

    max-height: 0.74rem;

    overflow: hidden;

  }

  .knowledge .warp li .detaile a{

    color: #666;

  }

  .knowledge .warp li .links{

    width: 100%;

    font-size: 0.22rem;

    float: right;

    color: #333;

    line-height: 1;

    margin-top: 0.2rem;

  }

  .knowledge .warp li .links span{

    display: inline-block;

    text-decoration: underline;

    margin-right: 0.5rem;

  }

  .knowledge .warp li .links span:last-child{

    margin-right: 0

  }

  .miantenance{

    padding: 1rem 0 0.8rem;

  }

  .miantenance .bread{display: none;}

  .miantenance .mian .titles{

    height: 1rem;

    line-height: 1rem;

    padding: 0 0.3rem;

    font-size: 0.28rem;

    color: #777;

    text-align: center;

  }

  .miantenance .mian .titles span{

    display: inline-block;

    margin: 0 0.55rem;

    position: relative;

    cursor: pointer;

  }

  .miantenance .mian .titles span.on{

    /*color: #409CCB;*/

    color: #333

  }

  .miantenance .mian .titles span:before{

    display: block;

    width: 0.4rem;

    height: 0.03rem;

    background-color: #fff;

    content: '';

    position: absolute;

    left: calc(50% - 0.2rem);

    bottom: 0

  }

  .miantenance .mian .titles span.on:before{

    background-color: #409CCB;

  }

  .miantenance .mian .list li{

    padding: 0.3rem;

    border-top: 0.2rem solid #f2f2f2;

  }

  .miantenance .mian li .title .download,

  .miantenance .mian li .title .time{display: none;}

  .miantenance .mian li .title{

    line-height: 1

  }

  .miantenance .mian li .title{

    position: relative;

    padding-left: 15px;

  }

  .miantenance .mian li .title:before{

    display: block;

    content: '';

    position: absolute;

    left:0;

    top: calc(50% - 3px);

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background-color: #459DC3

  }

  .miantenance .mian li .title .tit{

    font-size: 0.28rem;

    color: #333;

    line-height: 1.5;

    font-weight: bold;

    display: inline-block;

    font-weight: bold;

  }

  .miantenance .mian li .detaile{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.5;

    max-height: 0.68rem;

    overflow: hidden;

    margin: 0.2rem 0 0.2rem;

  }

  .miantenance .mian li .detaile a{color: #666;}

  .miantenance .mian li .bot{line-height: 1;}

  .miantenance .mian li .bot .time{

    font-size: 0.24rem;

    color: #999;

    display: inline-block;

  }

  .miantenance .mian li .bot .download{

    display: inline-block;

    float: right;

    text-decoration: underline;

    color: #459DC3;

    font-size: 0.24rem;

  }

  .miantenance .mian .form-box{

    padding: 0.5rem 0.3rem;

  }

  .miantenance .mian .form-box .form-title{

    font-size: 0.3rem;

    line-height: 1.2;

    margin-bottom: 0.5rem;

  }

  .miantenance .mian .form-box li{

    margin-bottom: 0.3rem;

  }

  .miantenance .mian .form-box li .name{

    font-size: 0.24rem;

    color: #000;

    line-height: 1;

    margin-bottom: 0.15rem;

  }

  .miantenance .mian .form-box li .inp{

    border-radius: 2px;

    border:1px solid #CCCCCC;

    overflow: hidden;

  }

  .miantenance .mian .form-box li .inp input{

    display: block;

    width: 100%;

    height: 0.64rem;

    line-height: 0.64rem;

    padding: 0 0.3rem;

    font-size: 0.24rem;

    color: #999;

    box-sizing:border-box;

    border:0;

  }

  .miantenance .mian .form-box li .inp input.text{

    width: 60%;

  }

  .miantenance .mian .form-box li .inp .btn{

    width: 2rem;

    float: right;

    padding: 0;

    cursor: pointer;

    background-color: transparent;

    color: #459DC3;

    font-size: 0.24rem;

    text-align: center;

    height: 0.64rem;

    line-height: 0.64rem;

  }

  .miantenance .mian .form-box li .btnss{

    display: block;

    width: 100%;

    height: 1rem;

    line-height: 1rem;

    text-align: center;

    font-size: 0.32rem;

    cursor: pointer;

    background-color: #249DCA;

    color: #fff;

    margin-top: 1rem;

    box-shadow: 0 0px 5px 0 rgba(0,0,0,0.1)

  }

  .downData li{

    padding: 0.35rem 0.3rem;

    border-top: 0.2rem solid #f2f2f2;

  }

  .downData li .pic{

    float: left;

    width: 2.65rem;

  }

  .downData li .box{

    float: right;

    width: 4rem;

    padding-top: 0.3rem;

  }

  .downData li .box .title{

    font-size: 0.28rem;

    color: #333;

    line-height: 1;

  }

  .downData li .box .ens{

    font-size: 0.26rem;

    color: #b4b4b4;

    line-height: 1.4;

    margin-top: 0.1rem;

  }

  .downData li .box .en,

  .downData li .box .tt{display: none;}

  .downData li .box .detaile{

    font-size: 0.24rem;

    color: #888;

    line-height: 1.6;

    max-height: 1.15rem;

    overflow: hidden;

    margin: 0.3rem 0 0.4rem;

  }

  .downData li .box .detaile a{

    color: #888;

  }

  .downData li .box .btn{

    display: block;

    width: 1.66rem;

    height: 0.56rem;

    line-height: 0.56rem;

    background-color: #459DC3;

    color: #fff;

    font-size: 0.24rem;

    text-align: center;

    border-radius: 4px;

  }



  .other{

    padding: 1rem 0.3rem 0.8rem;

  }

  .other .titles span,

  .other .titles a,

  .other .box .title,

  .other .box .en{display: none;}

  .other .titles a.c-000{

    display: block;

    line-height: 1;

    padding: 0.35rem 0 0.3rem;

    border-bottom:1px solid #CCCCCC;

  }

  .other .pic{

    margin-top: 0.4rem;

  }

  .other .box .detaile{

    font-size: 0.24rem;

    line-height: 1.6;

    color: #666;

    margin: 0.3rem 0 0.4rem;

  }

  .other .box .btn{

    font-size: 0.24rem;

    color: #999;

    line-height: 1;

    position: relative;

    padding-right:15px;

  }

  .other .box .btn:before{

    display: block;

    width: 0;

    height: 0;

    border-top: 4px solid transparent;

    border-left: 4px solid #999;

    border-bottom: 4px solid transparent;

    content: '';

    position: absolute;

    right: 0;

    top: calc(50% - 4px)

  }

  /*轴承设计 ↓*/

  .design{

    padding: 1rem 0;

  }

  .design .titles,

  .design .mian li .title span{

    display: none;

  }

  .design .mian li{

    border-bottom: 0.2rem solid #F2F2F2;

    padding: 0 0.3rem 0.4rem;

  }

  .design .mian li:last-child{border-bottom: 0}

  .design .mian li .title{

    line-height: 1;

    padding: 0.35rem 0 0.3rem;

    font-size: 0.28rem;

    color: #333;

    border-bottom: 1px solid #CCCCCC;

  }

  .design .mian li .lists .box{

    float: left;

    width: 3.3rem;

    margin-top: 0.3rem;

  }

  .design .mian li .lists .box.odd{

    margin-right: calc(100% - 6.6rem)

  }

  .design .mian li .lists .box label{

    display: block;

    line-height: 1;

    font-size: 0.26rem;

    color: #999;

    margin-bottom: 0.2rem;

  }

  .design .mian li .lists .box .files{

    display: block;

    width: 100%;

    border:1px solid #CCCCCC;

    border-radius: 2px;

    height: 0.64rem;

    box-sizing:border-box;

    float: left;

  }

  .design .mian li .lists .box .files span{

    display: block;

    line-height: 0.64rem;

    font-size: 0.26rem;

    padding: 0 3px;

    color: #888;

    overflow: hidden;

    text-overflow: ellipsis; 

    -o-text-overflow: ellipsis;

    white-space:nowrap;

  }

  .design .mian li .lists .box .files input{

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

    padding: 0;

    border:0;

  }

  .design .mian li .lists .box input{

    display: block;

    width: 100%;

    border:1px solid #CCCCCC;

    border-radius: 2px;

    height: 0.64rem;

    line-height: 0.64rem;

    box-sizing:border-box;

    padding: 0 0.1rem;

    font-size: 0.24rem;

  }

  .design .mian li .tit{

    font-size: 0.26rem;

    color: #666;

    line-height:1;

    margin-top: 0.3rem;

  }

  .design .mian li .max-box .list .checkbox{

    margin:0.3rem 0.25rem 0 0;

  }

  .design .mian li .max-box .list .checkbox input{

    display: none;

  }

  .design .mian li .max-box .list span{

    display: block;

    float: left;

    font-size: 0.24rem;

    color: #999;

    cursor: pointer;

    height: 0.36rem;

    line-height: 0.36rem;

    padding-left: 0.5rem;

    background: url(../img/img32.png) left center/0.36rem no-repeat;

  }

  .design .mian li .max-box .list .checkbox.on span{

    background: url(../img/img33.png) left center/0.36rem no-repeat;

  }

  .design .mian li .btn{

    display: block;

    width: 100%;

    height: 1rem;

    line-height: 1rem;

    border:0;

    text-align: center;

    font-size: 0.32rem;

    color: #fff;

    background-color:#459DC3;

    margin-top: 0.5rem;

  }

  .banner_pc{

    display: none;

  }

  .banner{margin-top: 1rem;}

  #banner{

    display: block;

    width: 100%;

  }

  #banner .swiper-pagination{

    font-size: 0;

    bottom: 0.24rem;

  }

  #banner .swiper-pagination-bullet,

  .banner_pc .swiper-pagination-bullet{

    width: 0.2rem;

    height: 0.2rem;

    background-color: #fff;

    opacity: 1;

  }

  #banner .swiper-pagination-bullet-active,

  .banner_pc .swiper-pagination-bullet-active{

    background-color: #409CCB;

  }





  .results{

    width: 100%;

    background-color: #f3f3f3;

    padding-top: 1.5rem

  }

  .results .search-module .box{

    width: 680px;

    max-width: 92%;

    margin: 0 auto;

    border-radius: 4px;

    background-color: #fff;

    overflow: hidden;

  }

  .results .search-module .box input{

    width:calc(100% - 1.7rem);

    float: left;

    height: 0.65rem;

    line-height: 0.65rem;

    padding: 0 10px;

    font-size: 0.24rem;

    color: #666;

    box-sizing:border-box;

    border:0;

  }

  .results .search-module .box .btn{

    width: 1.6rem;

    height: 0.65rem;

    line-height: 0.65rem;

    text-align: center;

    font-size: 0.24rem;

    color: #fff;

    float: right;

    border-radius: 4px;

    background-color: #4d9ec4

  }

  .results .search-module .tip-fas{

    width: 680px;

    max-width: 92%;

    margin: 10px auto 0;

    font-size: 0.26rem;

    color: #999;

    line-height: 1.4;

    padding-left: 10px;

    box-sizing:border-box;

  }

  .results .search-module .tip-fas span{

    color: red;padding: 0 3px;

  }

  .results .search-module .title{

    text-align: center;

    font-size: 0;

    margin: 0.5rem 0 0;

  }

  .results .search-module .title span{

    display: inline-block;

    font-size: 0.28rem;

    color: #000000;

    padding:0 0.6rem;

    margin: 0 5px;

    border:1px solid #d5d5d5;

    border-bottom: 0;

    height: 0.65rem;

    line-height: 0.65rem;

    box-sizing:border-box;

    cursor: pointer;

  }

  .results .search-module .title span.on{

    background-color: #fff;

    border:1px solid #fff;

    border-top: 2px solid #4d9ec4;

  }

  .results .mian{

    background-color: #fff;

    padding: 0.5rem 0 1rem

  }

  .results .pro-list{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    display: none;

  }

  .results .pro-list li{

    width: 48%;

    float: left;

    border:1px solid #d1d1d1;

    border-radius: 4px;

    margin: 0 4% 0.3rem 0;

    box-sizing:border-box;

  }

  .results .pro-list li:nth-child(2n){

    margin-right: 0

  }

  .results .pro-list li .pic{

    width:100%;

    height:2.5rem;

    margin: 0.25rem auto;

  }

  .results .pro-list li .tit{

    background-color: #f5f5f5;

    font-size: 0.26rem;

    color: #666666;

    text-align: center;

    padding: 0 10px;

    height: 0.65rem;

    line-height: 0.65rem;

    border-top:1px solid #d1d1d1;

  }

  .results .new-list{

    padding: 0 0.3rem 0.8rem;

    display: none;

  }

  .results .new-list li {

    padding: 0.2rem 0;

    border-bottom: 1px solid #DDDDDD;

  }

  .results .new-list li .pic {

    width: 2.45rem;

    float: left;

  }

  .results .new-list li .time, 

  .results .new-list li .more {

    display: none;

  }

  .results .new-list li .box {

    width: 4.25rem;

    float: right;

  }

  .results .new-list li .title {

    font-size: 0.28rem;

    color: #333;

    line-height: 1;

    padding-top: 0.15rem;

  }

  .results .new-list li .detaile {

    font-size: 0.24rem;

    color: #888;

    line-height: 1.6;

    max-height: 0.37rem;

    overflow: hidden;

    margin: 0.1rem 0;

  }

  .results .new-list li .tt {

    font-size: 0.24rem;

    color: #AAA;

    line-height: 1;

  }

  .caselist .warp .pic{margin-bottom:4%;position:relative;}

  .caselist .warp .pic p.bt22{ width: 100%; height:0.6rem;line-height: 0.6rem;text-align: center; position: absolute; bottom: 0px;left: 0px; color: #fff; background-color: rgba(0, 0, 0, 0.4); cursor: pointer;}



}

@media (min-width:768px){

  .sales {

    padding: 120px 0.3rem 0.8rem;

  }

  .sales .mian .title {

    font-size: 24px;

  }

  .sales .mian .detaile {

    font-size: 14px;

  }

  .sales .mian .container .tit {

    font-size: 14px;

    margin: 30px 0 20px;

  }

  .sales .mian .select select {

    width: 130px;

    height: 42px;

    line-height: 42px;

    padding: 0 10px;

    font-size: 14px;

    margin-right: 20px;

  }

  .sales .mian .search{

    width: 310px;

  }

  .sales .mian .search .inp {

    width: 260px;

    padding: 0 20px;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

  }

  .sales .mian .search .btn {

    width: 45px;

    line-height: 45px;

    height: 45px;

    background: #459DC3 url(../img/searchs.png) center/23px no-repeat;

  }

  .sales .mian .tip {

    font-size: 14px;

    margin: 25px 0 20px;

  }

  .sales .mian .list .tt {

    font-size: 14px;

  }

  .sales .mian .list .detaile{

    font-size: 14px;

    margin: 0px 0 10px;

  }

  .BMap_bubble_content .titles {

    font-size: 16px;

  }

  .BMap_bubble_content .cont {

    font-size: 14px;

  }

  .query{

    padding: 120px 4% 60px;

  }

  .query .title{

    font-size: 26px;

    margin-bottom: 20px;

  }

  .query .detailes{

    font-size: 14px;

  }

  .query .imgs li{

    width: 33.33%;

    margin-bottom: 30px;

  }

  .query .detailes{

    padding: 0;

    margin-bottom: 30px;

  }

  .query .imgs li .tit{

    font-size: 18px

  }

  .query .imgs .infos {

    font-size: 14px;

    padding: 0 10px;

    min-height: 66px;

  }





  /*.query .detailes {

    font-size: 18px;

  }

  .query .detailes span {

    font-size: 26px;

    line-height: 1.8;

  }

  .query .box{

    width: 590px;

    margin: 80px auto 0;

  }

  .query .box span{

    display: block;

    width: 75px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    float: left;

  }

  .query .box .inp {

    width: 320px;

    float: left;

    height: 50px;

    line-height: 50px;

    padding: 0 15px;

    border: 1px solid #CCCCCC;

    font-size: 14px;

    border-radius: 5px;

    margin: 0;

  }

  .query .box .btn {

    width: 160px;

    background-color: #249DCA;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    float: right;

    font-size: 18px;

  }*/

  .ban{margin-top: 80px;}

  .research {

    margin-bottom: 60px;

  }

  .research .module .title {

    line-height: 70px;

    height: 70px;

    font-size: 26px;

  }

  .research .module .detaile {

    font-size: 14px;

    padding: 20px 0;

  }

  .research .module .add .tit {

    font-size: 14px;

    margin-bottom: 0;

    display: inline;

  }

  .research .module .add .tt.fl-l{

    font-size: 14px;

  }

  .research .module .add .tt {

    font-size: 14px;

    color: #000;

    margin-bottom: 3px;

  }

  .research .links {

    font-size: 14px;

  }

  .research .list #imgList {

    margin: 0px 0 20px;

  }

  .research .resultss .title {

    line-height: 70px;

    height: 70px;

    font-size: 26px;

    border-top: 15px solid #f2f2f2;

  }

  .research .resultss #titList .swiper-slide {

    height: 60px;

    line-height: 60px;

    padding-right: 30px;

    font-size: 14px;

  }

  .research .resultss .model-list {

    font-size: 14px;

  }

  .research .resultss .model-list li{

    padding-top: 25px;

  }

  .research .resultss .model-list li p {

    padding: 12px 0;

  }

  .research .resultss #titList .swiper-slide.on:before{

    left: calc(50% - 0.35rem);

  }

  .knowledge {margin-top: 80px;}

  .knowledge .warp li {

    border-top: 15px solid #f2f2f2;

    padding: 25px 4%;

  }

  .knowledge .warp li .title {

    font-size: 18px;

    padding: 10px 0 12px;

  }

  .knowledge .warp li .detaile {

    font-size: 14px;

    max-height: 65px;

  }

  .knowledge .warp li .links {

    width: calc(100% - 2.95rem);

    font-size: 12px;

    margin-top: 12px;

  }

  .knowledge .warp li .links span{margin-right: 30px}

  .miantenance{

    padding: 80px 0 60px;

  }

  .miantenance .mian .form-box {

    padding: 30px 0.3rem;

  }

  .miantenance .mian .form-box .form-title{

    margin-bottom: 30px;

    font-size: 20px;

  }

  .miantenance .mian .titles {

    height: 66px;

    line-height: 66px;

    padding: 0 0.3rem;

    font-size: 16px;

  }

  .miantenance .mian .list li {

    padding: 25px 4%;

    border-top: 15px solid #f2f2f2;

  }

  .miantenance .mian li .detaile {

    font-size: 14px;

    line-height: 1.6;

    max-height: 41px;

    margin: 13px 0 12px;

  }

  .miantenance .mian li .bot .time,

  .miantenance .mian li .bot .download{

    font-size: 14px;

  }

  .miantenance .mian li .title .tit{

    font-size: 16px;

  }

  .miantenance .mian .form-box li {

    margin-bottom: 20px;

  }

  .miantenance .mian .form-box li .name {

    font-size: 14px;

    margin-bottom: 10px;

  }

  .miantenance .mian .form-box li .inp{width: 4rem;}

  .miantenance .mian .form-box li .inp input {

    height: 42px;

    line-height: 42px;

    padding: 0 20px;

    font-size: 14px;

  }

  .miantenance .mian .form-box li .inp .btn{

    width: 126px;

    font-size: 14px;

    height: 42px;

    line-height: 42px;

  }

  .miantenance .mian .form-box li .btnss {

    width: 180px;

    height: 42px;

    line-height: 42px;

    border-radius: 5px;

    font-size: 16px;

    margin-top: 50px;

  }

  .downData li {

    padding: 30px 0.3rem;

    border-top: 15px solid #f2f2f2;

  }

  .downData li .box .title{

    font-size: 26px;

  }

  .downData li .box .detaile {

    font-size: 14px;

    max-height: 75px;

    line-height: 1.8;

    margin: 25px 0 35px;

  }

  .downData li .box .btn {

    width: 100px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

  }

  .downData li .box .ens{

    font-size: 24px;

    margin-top: 7px;

  }

  .other {

    padding: 80px 0.3rem ;

  }

  .other .titles a.c-000 {

    padding: 30px 0 25px;

  }

  .other .pic {

    margin-top: 30px;

  }

  .other .box .detaile {

    font-size: 14px;

    line-height: 1.6;

    margin: 20px 0 30px;

  }

  .other .box .btn{

    font-size: 14px;

  }

  .design {padding: 80px 0;}

  .design .mian li {

    border-bottom: 15px solid #F2F2F2;

    padding: 0 0.3rem 35px;

  }

  .design .mian li .title {

    padding: 30px 0 20px;

    font-size: 18px;

  }

  .design .mian li .tit {

    font-size: 14px;

    margin-top: 25px;

  }

  .design .mian li .lists .box label {

    font-size: 14px;

    margin-bottom: 10px;

  }

  .design .mian li .lists .box .files span{

    font-size: 14px;

  }

  .design .mian li .lists .box .files{

    height: 42px;

  }

  .design .mian li .lists .box .files span{

    line-height: 42px;

  }

  .design .mian li .lists .box input {

    border-radius: 5px;

    height: 42px;

    line-height: 42px;

    padding: 0 10px;

    font-size: 14px;

  }

  .design .mian li .max-box .list span {

    font-size: 14px;

    height: 18px;

    line-height: 18px;

    padding-left: 25px;

    background: url(../img/img32.png) left center/18px no-repeat;

  }

  .design .mian li .max-box .list .checkbox.on span{

    background: url(../img/img33.png) left center/18px no-repeat;

  }

  .design .mian li .max-box .list .checkbox {

    margin: 25px 30px 0 0;

  }

  .design .mian li .btn {

    width: 135px;

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    border-radius: 5px;

    margin-top: 40px;

  }

  .banner {

    margin-top: 80px;

  }

  #banner .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

  }

  .results .search-module .box input {

    width: calc(100% - 170px);

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

    font-size: 14px;

  }

  .results .search-module .box .btn {

    width: 160px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    cursor: pointer;

  }

  .results .search-module .tip-fas{

    font-size: 14px;

    padding-left: 20px;

  }

  .results .search-module .title {

    margin: 60px 0 0;

  } 

  .results .search-module .title span {

    font-size: 18px;

    padding: 0;

    width: 200px;

    height: 50px;

    line-height: 50px;

  }

  .results .mian {

    padding: 55px 0 100px;

  }

  .results .pro-list {

    max-width: 82%;

  }

  .results .pro-list li {

    margin: 0 4% 30px 0;

  }

  .results .pro-list li .pic {

    height: 220px;

    margin: 30px auto;

  }

  .results .pro-list li .tit {

    font-size: 16px;

    height: 50px;

    line-height: 50px;

  }

  .results .new-list {

    padding: 0 0.3rem 0rem;

  }

  .results .new-list li .title {

    font-size: 18px;

    padding-top: 20px;

  }

  .results .new-list li .detaile {

    font-size: 14px;

    max-height: 42px;

    margin: 10px 0 15px;

  }

  .results .new-list li .tt {

    font-size: 14px;

  } 



}

@media (min-width:992px){

  .sales{

    background-color: #f3f3f3;

    padding: 13.85vw 0 4.2vw;

  }

  .sales .bread{

    display: block;

    font-size: 14px;

    line-height: 1;

    color: #666;

    margin-bottom: 20px;

  }

  .sales .bread a{color: #666;}

  .sales .bread a.c-000{color: #000}

  .sales .warp{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .sales .mian{

    background-color: #fff;

    padding: 3.85vw 3.45vw 9.25vw;

  }

  .sales .mian .title{

    text-align: center;

    margin-bottom: 2.4vw;

  }

  .sales .mian .en{

    font-size: 18px;

    color: #b4b4b4;

    line-height: 1;

    display: block;

    font-family: arial;

    margin: 1.2vw 0 2.4vw;

    text-align: center;

  }

  .sales .mian .box .detaile{

    width: 88%;

    margin: 0 auto 4.6vw;

    text-align: center;

  }

  .sales .mian .map{

    width: 60%;

    float: left;

  }

  #allmap{

    height: 460px;

    border:1px solid #e5e5e5;

    box-sizing:border-box;

  }

  .sales .mian .container{

    width: 38%;

    float: right;

  }

  .sales .mian .container .tit:first-child{

    margin: 10px 0 20px;

  }

  .sales .mian .container .tit{

    margin: 17px 0 15px;

  }

  .sales .mian .select select {

    width: 32%;

    height: 42px;

    line-height: 42px;

    padding: 0 6px;

    margin-right: 2%;

  }

  .sales .mian .select select:last-child{margin-right: 0}

  .sales .mian .search {

    width: 100%;

  }

  .sales .mian .search .inp {

    padding: 0 10px;

  }

  .sales .mian .tip {

    margin: 25px 0 15px;

  }

  .sales .mian .list li{margin-top: 0}

  .query{

    background-color: #f3f3f3;

    padding: 13.85vw 0 10vw;

  }

  .query .bread{

    display: block;

    font-size: 14px;

    line-height: 1;

    color: #666;

    width: 1200px;

    max-width: 92%;

    margin: 0 auto 20px;

  }

  .query .bread a {

    color: #666;

  }

  .query .bread span {

    margin: 0 5px;

  }

  .query .bread a.c-000 {

    color: #000;

  }

  .query .mian{

    padding: 60px 0 175px;

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    background-color: #fff;

  }

  .query .mian .query_select{

    padding: 0 4%;

    max-width: 1050px;

    margin: 0 auto;

  }

  .query .mian .query_select .detailes.centers{

    text-align: center;

  }

  .query .imgs li .tit{

    line-height: 1;

    margin-bottom: 8px;

  }

  .query .mian .imgs{

    margin-bottom: 7vw;

  }

  .query .mian .imgs li{

    margin-right: 5.35%;

    text-align: left;

  }

  .query .imgs .infos{

    padding: 0;

    min-height: auto;

  }

  .query .mian .imgs li:last-child,

  .query .mian .imgs li:nth-child(4){

    margin-right: 0

  }

  .query .imgs img{

    margin-bottom: 35px;

  }

  .query .mian .imgs1{

    width: 204px;

  }

  .query .mian .imgs2{

    width: 134px;

  }

  .query .mian .imgs3{

    width: 204px;

  }

  .query .mian .imgs4{

    width: 135px;

  }

  .query .mian .imgs5{

    width: 135px;

  }

  /*.query .detailes span {

    font-size: 18px;

    display: inline;

    line-height: 1.6;

  }

  .query .box{

    margin: 80px auto 0;

  }*/

  .ban .pc{display: block;}

  .ban .model{display: none;}

  .research{

    padding-top: 4.6vw;

    margin-bottom: 0;

  }

  .research .module{

    padding: 0;

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .research .module .title {

    line-height: 1;

    height: auto;

    font-size: 26px;

    text-align: center;

    border-bottom: 0;

    margin-bottom: 2.4vw;

  }

  .research .module .en{

    font-size: 24px;

    color: #b4b4b4;

    line-height: 1;

    display: block;

    font-family: arial;

    margin: 1.2vw 0 2.4vw;

    text-align: center;

  }

  .research .module .detaile {

    padding: 0px 0 7.3vw;

    line-height: 2.2vw

  }

  .research .module .add .tit.fl-l,

  .research .module .add .tt.fl-l{

    float: left;

    display: inline-block;

    margin-bottom: 0;

    line-height: 1.6

  }

  .research .module .add .tt.fl-r{

    float: right;

    margin:0

  }

  .research .module .add .tt.tel,

  .research .module .add .tt.mail{

    margin-right: 10px;

  }



  .research .resultss .model-list li {

    padding-top: 10px;

  }

  .research .links {

    padding: 0 ;

    margin: 2.7vw auto 3.4vw;

    width: 1200px;

    max-width: 92%;

  }

  .research .list,

  .research .resultss .mian{

    margin: 0px auto;

    width: 1200px;

    max-width: 92%;

  }

  .research .list #imgList{padding: 0;margin: 0}

  .research .list #imgList .swiper-slide {

    height: 15vw;

    padding:6px;

    border:1px solid #e5e5e5;

    box-sizing:border-box;

  }

  .research .resultss{

    background-color: #f3f3f3;

    margin-top: 5.75vw;

    padding: 5vw 0 6.15vw;

  }

  .research .resultss .model-list{margin-top: 20px;}

  .research .resultss .title{

    border-top: 0;

    text-align: center;

    font-size: 26px;

    line-height: 1;

    height: auto;

    padding: 0;

    margin-bottom: 3vw;

  }

  .research .resultss .en{

    font-size: 24px;

    color: #b4b4b4;

    line-height: 1;

    display: block;

    font-family: arial;

    margin: 1.2vw 0 3vw;

    text-align: center;

  }

  .research .resultss .model-list li p {

    padding: 8px 0;

  }

  .research .resultss #titList .swiper-slide.on:before {

    left: calc(50% - 43px);

  }

  .knowledge,

  .miantenance{

    background-color: #f3f3f3;

    margin-top: 0;

    padding-top: 160px;

  }

  .knowledge .bread,

  .miantenance .bread{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto 20px;

    display: block;

    font-size: 14px;

    color: #666;

    line-height: 34px;

  }

  .knowledge .bread a,

  .miantenance .bread a{

    color: #666;

  }

  .knowledge .bread a.c-000,

  .miantenance .bread a.c-000{color: #000}

  .knowledge .bread span,

  .miantenance .bread span{

    margin: 0 6px

  }

  .knowledge .bread .select,

  .miantenance .bread .select{

    display: block;

    width: 185px;

    height: 36px;

    box-sizing:border-box;

    line-height: 34px;

    border:1px solid #e5e5e5;

    border-radius: 3px;

    float: right;

  }

  .knowledge .bread .inp,

  .miantenance .bread .inp{

    display: block;

    width: 140px;

    float: left;

    height: 34px;

    line-height: 34px;

    padding: 0 6px 0 15px;

    box-sizing:border-box;

    border:0;

    font-size: 14px;

    background-color: transparent;

  }

  .knowledge .bread .btn,

  .miantenance .bread .btn{

    width: 40px;

    line-height: 34px;

    height: 34px;

    text-align: center;

    float: right;

    border:0;

    padding: 0;

    background: url(../img/search.png) center/13px no-repeat;

    background-color: transparent;

  }

  .knowledge .warp{

    background-color: #fff;

  }

  

  .knowledge .warp .list{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    padding-top: 50px;

  }

  .knowledge .warp li{

    border-top: 0;

    padding: 0;

    margin-bottom: 3.9vw;

  }

  .knowledge .warp li .pic{width: 50%;}

  .caselist .warp .pic{width:48%;float: left; margin-bottom:4%;}

  .caselist .warp .frt{ float: right;}

  .knowledge .warp li .title{

    font-size: 26px;

    padding: 20px 0 30px;

    -webkit-transition: all 0.4s;

              transition: all 0.4s;

  }

  .knowledge .warp li .detaile a{

    -webkit-transition: all 0.4s;

              transition: all 0.4s;

  } 

  .knowledge .warp li .r_box{

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 41.25%;

    border-bottom: 1px solid #eeeeee

  }

  .knowledge .warp li .box,

  .knowledge .warp li .links{

    width: 100%;

    float: right;

  }

  .knowledge .warp li .links{

    position: absolute;

    right: 0;

    bottom: 0;

    min-height: 70px;

    /*border-bottom: 1px solid #eeeeee*/

  }

  .knowledge .warp li .detaile{

    line-height: 2.2vw;

    max-height: none

  }

  .knowledge .warp li .links{

    font-size: 16px;

    min-height: 50px;

    -webkit-transition: all 0.4s;

              transition: all 0.4s;

  }

  .knowledge .warp li .links span{

    text-decoration: none;

    margin-bottom: 8px;

  }

  .miantenance .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    background-color: #fff;

  }

  .miantenance .mian li .title{

    padding-left: 20px;

  }

  .miantenance .mian .titles{

    padding: 0 35px;

    border-bottom: 1px solid #f2f2f2;

    height: 66px;

    line-height: 66px;

    text-align: left;

  }

  .miantenance .mian .titles span{

    margin: 0 60px 0 0

  }

  .miantenance .mian .titles span.hr:after{

    content: '';

    display: block;

    width: 1px;

    height: 15px;

    background-color: #e6e6e6;

    right: -30px;

    top: calc(50% - 7px);

    position: absolute;

  }

  .miantenance .mian .titles span:before,

  .miantenance .mian li .bot{display: none;}

  .miantenance .mian .list{

    padding: 0 50px 90px;

  }

  .miantenance .mian .list li {

    padding: 30px 0 25px;

    border-top: 0;

    border-bottom: 1px solid #f2f2f2;

  }

  .miantenance .mian .list li:last-child{border-bottom: 0}

  .miantenance .mian li .detaile{margin-bottom: 0}

  .miantenance .mian li .title .tit{

    line-height: 16px;

    max-width: 550px;

  }

  .miantenance .mian li .title .download{

    display: inline-block;

    width: 18px;

    height: 16px;

    margin-left: 15px;

    background: url(../img/img31.png) center no-repeat

  }

  .miantenance .mian li .title .time{

    display: inline-block;

    float: right;

    font-size: 14px;

    color: #999;

    font-family: arial;

    line-height: 16px;

  }

  .miantenance .mian .form-box {

    padding: 45px 35px 60px;

    background: url(../img/img25.jpg) 130% -60% no-repeat;

  }

  .miantenance .mian .form-box li .inp input {

    padding: 0 15px;

  }

  .miantenance .mian .form-box li .inp{

    width: 290px;

  }

  .miantenance .mian .form-box li .inp input.text{

    width: 160px;

  }

  .miantenance .mian .form-box li .btnss{margin-top: 90px;}

  .downpage .miantenance{

    padding-bottom: 0

  }

  .downData{

    background-color: #fff;

    padding-top: 5vw; 

  }

  .downData ul{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .downData li{

    padding: 0;

    border-top: 0;

    margin-bottom: 5.4vw;

  }

  .downData li .pic{

    width: 275px;

  }

  .downData li .box{

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: calc(100% - 330px);

    padding-bottom: 30px;

    box-sizing:border-box;

    border-bottom: 1px solid #e7e7e7;

  }

  .downData li .box .en{

    display: block;

    font-size: 24px;

    color: #b4b4b4;

    font-family: arial;

    line-height: 1;

    margin: 10px 0 35px;

  }

/*  .downData li .box .detaile{

    max-height: 50px;

  }*/

  .downData li .box .tt{

    display: block;

    font-size: 16px;

    color: #333;

    line-height: 1;

    margin-bottom: 18px;

  }

  .downData li .box .btn{

    border:1px solid #459DC3;

    background-color: #f6fbfe;

    color: #459DC3;

  }



  .other {

    padding: 13.1vw 0 80px;

    background-color: #f3f3f3

  }

  .other .titles,

  .other .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .other .titles span, 

  .other .titles a{

    display: inline;

    font-size: 14px;

    color: #666;

  }

  .other .titles a.c-000{

    display: inline;

    color: #333;

    border-bottom: 0;

    padding: 0

  }

  .other .titles span{margin: 0 6px;}

  .other .mian{

    background-color: #fff;

    padding:50px;

    box-sizing:border-box;

    margin-top: 20px;

  }

  .other .pic{

    margin-top: 0;

    width: 56.5%;

    max-width: 620px;

    float: left;

  }

  .other .box{

    width: 34%;

    max-width: 410px;

    float: right;

    position: absolute;

    top: 50px;

    right: 50px;

    height: calc(100% - 100px);

  }

  .other .box .title,

  .other .box .en{

    display: block;

  }

  .other .box .title{

    font-size: 26px;

    color: #000;

    line-height: 1;

    padding-top: 8px;

  }

  .other .box .en{

    font-size: 24px;

    color: #999;

    line-height: 1;

    font-family: arial;

    margin: 15px 0 25px

  }

  .other .box .detaile{

    line-height: 1.7;

    margin: 0;

    max-height: 180px;

    overflow: hidden;

  }

  .other .box .btn{

    position: absolute;

    bottom: 0;

    left: 0;

    -webkit-transition: all 0.4s;

              transition: all 0.4s;

  }

  .design{

    background-color: #f7f7f7

  }

  .design .titles{

    width: 1200px;

    max-width: 92%;

    display: block;

    margin: 0 auto;

    font-size: 14px;

    color: #666;

    line-height: 1;

    padding:25px 0;

  }

  .design .titles a{color: #666;}

  .design .titles a.c-000{color: #333;}

  .design .titles span{margin: 0 6px;} 

  .design .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    background-color: #fff;

    border:1px solid #e5e5e5;

    box-sizing:border-box;

  }

  .design .mian li{

    border-bottom: 0;

    padding: 0;

  }

  .design .mian li .title {

    padding: 35px 30px 20px;

  }

  .design .mian li .title.title-pt{

    padding: 24px 30px 20px;

  }

  .design .mian li .max-box .title{

    padding: 35px 0px 20px;

  }

  .design .mian li .tit{

    padding: 0 30px;

  }

  .design .mian li .max-box .tit,

  .design .mian li .lists .tit{

    padding: 0;

  }

  .design .mian li .title span{

    display: inline-block;

    font-size: 14px;

    color: #999;

    line-height: 1;

    margin-left: 30px;

  }

  .design .mian li .lists{

    padding: 0 30px;

  }

  .design .mian li .lists .box {

    float: left;

    width: 265px;

    margin:30px 4.2vw 0 0;

  }

  .design .mian li .lists .box.odd{margin-right: 4.2vw}

  .design .mian li .max-box{

    padding: 0 30px;

  }

  .design .mian li .max-box .lists{padding: 0}

  .design .mian li .max-box .list .checkbox {

    margin: 20px 30px 0 0;

  }

  .design .mian li .btn{

    float: right;

    margin: -18px 30px 25px 0;

  }

  .banner{display: none;}

  .banner_pc{

    width: 100%;

    display: block;

  }

  .banner_pc .swiper-pagination{

    font-size: 0;

    bottom: 35px;

  }

  .banner_pc .swiper-pagination-bullet{

    width: 14px;

    height: 14px;

    margin: 0 6px;

  }

  .results {

    padding-top: 150px;

  }

  .results .pro-list {

    max-width: 92%;

  }

  .results .pro-list li{

    width: 21.5%;

    margin: 0 calc(3.5% / 2) 35px;

  }

  .results .pro-list li:nth-child(2n) {

    margin-right: calc(3.5% / 2)

  }

  .results .pro-list li .pic {

    height: 17.1vw;

    max-height: 205px;

    margin: 20px auto;

  }

  .results .new-list{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .results .new-list li {

    padding: 20px 0;

  }

  .results .new-list li .pic {

    width: 240px;

  }

  .results .new-list li .time {

    display: block;

    float: left;

    width: 135px;

    padding-left: 30px;

    box-sizing: border-box;

    height: 100px;

    border-right: 1px solid #e2e2e2;

    margin-top: 20px;

  }

  .results .new-list li .time .day {

    font-size: 48px;

    color: #999;

    line-height: 1;

    font-family: arial;

    font-weight: bold;

  }

  .results .new-list li .time .weeks {

    margin: 5px 0 10px;

  }

  .results .new-list li .time .weeks, 

  .results .new-list li .time .year {

    font-size: 16px;

    font-family: arial;

    color: #999;

    line-height: 1;

  }

  .results .new-list li .box {

    width: calc(100% - 410px);

    float: right;

  }

  .results .new-list li .title {

    padding-top: 21px;

  }

  .results .new-list li .detaile {

    max-height: 42px;

  }

  .knowledge .warp li .links{

    min-height: 0;

    margin-top: 20px;

    position: relative;

  }

  .design .mian li .lists .box .files span{

    padding: 0 10px;

  }
  .cphd #banner_pc{ width:900px; margin: 0 auto; margin-top: 100px; }
} 

@media (min-width:1025px){

  .ban{margin-top: 0px}

  .model-module{display: none;}

  .research .resultss .pc-module{

    display: block;

    background-color: #fff;

    min-height: 200px;

  }

  .research .resultss .pc-module .left{

    width: 25.5%;

    float: left;

    overflow: hidden;

    border-right: 1px solid #e5e5e5;

    min-height: 240px;

  }

  .research .resultss .pc-module .left li{

    width: 100%;

    padding: 1.85vw 30px;

    line-height: 1.6;

    color: #333;

    font-weight: bold;

    font-size: 16px;

    box-sizing:border-box;

    border-bottom: 1px solid #ececec;

    background: url(../img/img19.png) 95% center no-repeat;

    -webkit-transition: all 0.3s;

        -ms-transition: all 0.3s;

            transition: all 0.3s;

            cursor: pointer;

  }

  .research .resultss .pc-module .left li.on{

    border-bottom: 1px solid #459dc3;

    color: #fff;

    background:#459dc3 url(../img/img19.1.png) 95% center no-repeat;

  }

  .research .resultss .pc-module .right{

    width: 74%;

    float: right;

    padding:25px 50px;

    box-sizing:border-box;

    font-size: 14px;

    color:#666;

    line-height: 1.8;

  }

  .research .resultss .pc-module .right li{

    display: none;

  }

  .research .resultss .pc-module .right li.on{

    display: block;

  }

  .research .resultss .pc-module .right li p{

    margin-bottom: 10px;

  }

  .knowledge .warp li:hover .detaile a{color: #419bc5}

  .other .box .btn:hover{

    color: #499cc6

  }

  .other .box .btn:hover:before{

    border-left: 4px solid #499cc6;

  }

  .design {

    padding: 120px 0;

  }



  .results {

    padding-top: 190px;

  }

  .caselist .warp .pic p.bt22{ height:40px;line-height:40px;}
  .cphd #banner_pc{ width:1000px; margin: 0 auto; margin-top: 100px; }
}

@media (min-width:1100px){

/*  .knowledge .warp li .title{

    padding: 1.5vw 0 4.3vw;

  }*/

  .other .box .detaile{

    max-height: none

  }

  .query .mian .imgs li:nth-child(4){

    margin-right: 5.35%

  }

  .query .detailes{

    margin-bottom: 48px;

  }

}

@media (min-width:1200px){

  .knowledge .warp li .links{

    min-height: 70px

  }

  .results .pro-list li .pic {

    height: 205px;

  }

  .research .module .add .tt.tel, .research .module .add .tt.mail{

    margin-right: 15px;

  }

  .query .mian .imgs {

    margin-bottom: 84px;

  }

}

@media (min-width:1300px){

  .sales{

    padding: 180px 0 55px;

  }

  .sales .mian{

    padding: 50px 45px 120px;

  }

  .sales .mian .title{

    margin-bottom: 30px;

  }

  .research .module .title{

    margin-bottom: 30px;

  }

  .research .resultss .title{

    margin-bottom: 40px;

  }

  .sales .mian .en,

  .research .module .en{

    margin: 15px 0 30px;

  }

  .sales .mian .box .detaile{

    margin: 0 auto 60px;

  }

  .query{

    padding: 180px 0 130px

  }

  .research{padding-top: 60px;}

  .research .resultss .en{

    margin: 15px 0 40px;

  }

  .research .module .detaile{

    line-height: 2;

    padding: 0px 0 95px;

  }

  .research .links {margin: 35px auto 45px;}

  .research .resultss{

    margin-top: 75px;

    padding: 65px 0;

  }

  .research .list #imgList .swiper-slide{

    height: 190px;

  }

  .research .resultss .pc-module .left li{

    padding: 24px 30px;

  }

  .knowledge,

  .miantenance{

    padding-top: 100px;

  }

  .knowledge .warp li{

    margin-bottom: 50px;

  }

  /*.knowledge .warp li .title{

    padding: 20px 0 55px;

  }*/

  .knowledge .warp li .detaile{line-height: 2}

  .downData{padding-top: 65px;}

  .downData li{margin-bottom:70px;}

  .other {

    padding: 170px 0 80px;

  }

  .design .mian li .lists .box{

    width: 290px;

    margin:30px 60px 0 0;

  }

  .design .mian li .lists .box.odd{margin-right: 60px}



}

@media (min-width:1400px){

  

}