@media screen and (max-width: 1280px){
    .main{
        padding:0 10px;
    }
    .navlist{
        display: none;
    }
    .header .search{
        display: none;
    }
    .navmark{
        display: block;
        margin-top:30px;
        width:40px;
        height:30px;
    }
    .index-about .index-space{
        padding:15px 10px 20px 10px;
        overflow: hidden;
        position: relative;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .index-about .rt .bt{
        padding:20px 0 20px 0;
    }
    .index-about .rt .more{
        margin-top:20px;
    }
    .index-about{
        height:440px;
    }
    .footer .top .rt{
        display: none;
    }
    .footer .top .lf{
        width:500px;
        margin:0 auto;
        float:none;
        overflow: hidden;
    }
    .footer .top .adress{
        border-right:none;
    }
    .talent-center .talent-list li .scon{
        margin:10px;
        padding:10px;
    }
    .talent-center .g .a{
        font-size:12px;
    }
    .talent-center .g .a .scon{
        padding-left:20px;
    }
    .talent-center .g .a span{
        width:10px;
    }
    .talent-center .g .d textarea{
        width:98%;
    }
    .news-page .newslist .con .bt{
        padding: 5px 0 5px;
    }
    .contact-page .address{
        padding:15px 10px;
    }
    .contact-page .address .line{
        margin: 44px 4% 0;
    }

    .contact .btn{
        display: none;
    }
    .contact .btns{
        display: block;
        overflow: hidden;
        padding-top:15px;
    }
    .s4-page .con{
        padding:0 5px;
    }
    .s4-page .con li .scon{
        margin:5px;
    }
    .banners{
        height:150px;
    }
    .banners img{
        position:relative;
        width:auto;
        height:100%;
        top:0;
        left:50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .contact .rt{
        height: 166px;
    }
    .contact .rt textarea{
        height: 150px;
    }
    .contact .sub{
        width:47%;
    }
    .contact .reset{
        width:48%;
    }
    .pro-detail .js{
        width:calc(100% - 340px);
    }
}
@media screen and (max-width: 1200px){
    .pro-page .lf{
        display: none;
    }
    .pro-page  .rt{
        width:100%;
    }
    .pro-page  .rt .pro-list li  .con{
        margin: 5px;
        padding:20px 0 10px;
    }
    .pro-page .main{
        padding:0 5px;
    }
    .pro-page  .rt .pro-list li{
        width:50%;
    }
    .phone-prolist{
        display: block;
    }
    .pro-detail .con{
        padding:10px;
    }
    .pro-detail .rt-cons{
        padding:0;
    }
    .pro-detail .main{
        padding:0 10px;
    }
}
@media screen and (max-width:900px){
    
}
@media screen and (max-width: 786px){
    .htop a{
        width:50px;
    }
    .htop .rx{
        padding:0 10px;
        width:151px;
        display: none;
    }
    .htop{
        line-height: 35px;
        height:35px;
    }
    .header .lf{
        padding: 5px 0;
    }
    .header .log{
        width:100px;
        height:40px;
    }
    .navmark{
        width:25px;
        height:20px;
        margin-top:15px;
    }
    .banner .bx-wrapper .bx-pager.bx-default-pager a{
        width: 10px;
        height: 10px;
        background-size:100%;
    }
    .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
        width: 10px;
        height: 9px;
        background-size:100%;
    }
    .banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
        bottom: 15px;
    }
    .index-news{
        padding: 15px 0 20px 0;
    }
    .index-news .newslist{
        font-size:12px;
    }
    .index-news .newslist li{
        padding:5px 10px;
        margin-right:0;
    }
    .index-news .radio{
        width:100%;
        margin-left:0;
    }
    .index-news .newslist{
        width:100%;
        margin-left:0;
    }
    .index-news .newslist .lf{
        width:calc(100% - 80px);
    }
    .index-news .newslist .rt{
        width:70px;
    }
    .index-news .newslist{
        height:auto;
    }
    .index-news .bt a{
        top:-5px;
    }
    .index-pro{
        padding: 15px 0 15px 0;
    }
    .index-space{
        padding: 15px 0 20px 0;
    }
    .index-space .bt{
        padding-bottom: 15px;
    }
    .index-space .bt img{
        width:150px;
    }
    .index-newpro .con li .scon .img{
        width:180px;
        margin:0 auto;
    }
    .index-space .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .index-newpro .con li .x{
        padding: 5px 0 5px;
        font-size:12px;
    }
    .index-case .con{
        padding:0 5px;
    }
    .index-case .con li .scon .img{
        width:100%;
    }
    .index-href .bx-wrapper .bx-pager{
        display: none;
    }
    .index-href .sp .line{
        height:35px;
    }
    .footer .top{
        padding: 15px 0 10px 0;
    }
	.f-contact {color:#FFFFFF; }
    .footer .f-contact .b span{
        display: inline-block;
        width:33.33%;
        margin-right:0;
        float:left;
        text-align: center;
    }
    .footer .f-contact .con .b{
        overflow: hidden;
    }
    .footer .f-contact .con{
        width:100%;text-align:center; color:#FFFFFF;
    }
    .footer .top .adress{
        font-size:12px;
    }
    .monav {
        top:85px;
    }
    .banner{
        padding-top:85px;
    }
    .s-page .tit .one{
        font-size: 16px;
        line-height: 24px;
    }
    .s-page .tit .two{
        font-size:14px;
        padding:0;
    }
    .s-page .tit .lines{
        width:15px;
    }
    .target{
        padding:7px 0;
    }
    .s-page{
        padding:15px 0;
    }
    .s-page .tit{
        padding-bottom: 10px;
    }
    #example5{
        padding:7px;
    }
    .s4-list{
        width: auto;
        height: auto;
        left: 13px;
        margin-left: 0;
        margin-top: -200px;
    }
    .model-team.s4-list{
        width:auto;
        height:auto;
        left:50%;
        margin-left:-250px;
        margin-top:-175px;
    }
    .page{
        padding: 10px 0 15px;
    }
    .talent-center .talent-list li{
        width:50%;
    }
    .talent-center .talent-list .ctxt{
        padding:10px;
        margin:10px 0;
    }
    .talent-center .talent-list .ctxt .ck{
        padding:3px 15px;
    }
    .talent-center .talent-list .return{
        width:80px;
    }
    .talent-center .g .a{
        height:35px;
        line-height:35px;
        width:15.11%;
    }
    .talent-center .g .a .scon{
        height:auto;
        line-height:33px;
    }
    .talent-center .g .a span{
        height:auto;
        line-height:33px;
    }
    .talent-center .g .c{
        height:230px;
    }

    .talent-center .g .b{
        width:18.22%;
    }

    .talent-center .g .b .scon input{
        height:33px;
        line-height: 33px;
    }
    .talent-center .g .b .scon select{
        height:33px;
        line-height:33px;
        font-size:12px;
    }
    .talent-center .g .d{
       width: 84.89%;
    }
    .talent-center .g .c .scon{
        height: 228px;
        line-height: 228px;
    }
    .about-company .lf{
        margin-left:20%;
        width:60%;
    }
    .about-company .txt{
        height:auto;
        width:100%;
        margin-left:0;
        margin-top:15px;
        font-size:12px;
    }
    .about-company .txt .scon{
        width:100%;
    }
    .honer-img img{
        width:100%;
    }
    .about-history .his-detail{
        width:100%;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .about-history .his-list{
        width:100%;
        margin-left:0;
    }
    .model-team #example5{
        padding: 10px 10px 40px;
    }
    .model-team #example5 .sp-caption-container{
        bottom: 0;
    }

    .news-page .newslist .con .bt{
        font-size:14px;
    }
    .news-page .newslist .con .bt{
        padding:0;
    }
    .news-page .newslist .img{
        width:100px;
    }
    .news-page .newslist .con{
        width:calc(100% - 110px);
        margin-left:10px;
    }
    .news-page .newslist .con .txt{
        line-height:20px;
        height:40px;
        font-size:12px;
    }
    .news-page .newslist .con .more{
        padding-top:0;
    }
    .news-page .newslist li .d{
        font-size:16px;
        padding:0;
    }
    .news-page .newslist li .time{
        line-height:20px;
        width:60px;
        top:5px;
    }
    .newsg li .s{
        font-size:12px;
    }
    .detail-img img{
        width:100%;
    }
    .news-detail .tit .bt{
        font-size: 16px;
    }
    .contact-page .address .line{
        display: none;
    }
    .contact-page .address .g:last-child{
        width:100%;
        margin-top:15px;
    }
    .contact-page .address .bt{
        font-size:14px;
        padding-bottom: 0;
    }
    .network-page .quyu{
        width:170px;
    }
    .network-page .quyu a{
        width:85px;
        height:26px;
        line-height:26px;
    }
    .about-history .his-list li a{
        font-size:12px;
        height:32px;
        line-height:32px;
    }
    .pro-page  .rt li .con .txt{
        padding: 0 10px;
    }
    .pro-page  .rt li .con .xh{
        padding-top:15px;
    }
    .pro-page  .rt li .con .mc{
        padding-top:0px;
    }
    .pro-page{
        padding: 5px 0 20px;
    }
    .pro-detail .imgs{
        width:100%;
    }
    .pro-detail .js{
        width:100%;
    }
    .pro-detail .js .href a{
        margin-bottom: 10px;
    }
    .s4-page .con li .scon .sm{
        padding:0;
    }
    .page .st{
        display: none;
    }
    .index-pro li .sm{
        font-size:12px;
    }
    .index-href .sp .sm{
        font-size:12px;
    }
    .index-href  .bsc a{
        font-size:12px;
        padding-right:10px;
    }
    .page span{
        margin-right:10px;
    }
    .contact-page .address .g .dz{
        height:auto;
    }
    .s4-list .close{
        right:0;
        top:-25px;
        width:15px;
        height:15px;
    }
    .model-team.s4-list .close{
        right:0;
    }
    .pro-detail .sp-image{
        width:80%!important;
        height:auto!important;
    }
    .map{
        height:350px;
    }
}
@media screen and (max-width: 600px){
    .index-about{
        height:565px;
    }
    .index-about .lf{
        width:100%;
        float:left;
        height:auto;
        margin-top:10px;
    }
    .index-about .rt{
        width:100%;
    }
    .index-about .rt .more{
        width:100px;
        height:27px;
        margin-top:10px;
        background-size:100%;
    }
    .footer .top .wx .img img{
        width:70px;
        height:70px;
    }
    .footer .top .wx .sm img{
        width:70px;
        height:20px;
    }
    .footer .top .lf{
        width:100%;
    }
    .footer .top .adress{
        width:calc(100% - 80px);
        margin-left:10px;
    }
    .footer .top .adress .s span{
        float:left;
    }
    .footer .top .adress .rx{
        padding:0;
    }
    .footer .top .adress .ph{
        font-size:16px;
    }
    .footer .top .adress .sc{
        padding-top: 0px;
    }
    .footer .top .adress .sc a{
        width:50px;
        height:17px;
    }
    .footer .f-contact .a img{
        width:100px;
    }
    .footer .f-contact .a{
        padding-bottom: 10px;
    }
    .footer .f-contact .con .js a.j{
        float:left!important;
    }
    .footer .f-contact .gs{
        display: none;
    }
    .footer{
        padding-bottom: 15px;
    }
    .s4-page .con li{
        width:50%;
    }
    .talent-center .con .img{
        width:100%;
    }
    .talent-center .con .txt{
        width:100%;
        margin-left:0;
        margin-top:15px;
    }
    .talent-center  .bt{
        font-size:16px;
    }
    .talent-center .con .txt .t{
        margin:10px 0 15px 0;
    }
    .talent-center .con .txt .j{
        height:30px;
        line-height:30px;
    }
    .talent-center .line{
        margin:15px 0;
    }
    .talent-center .g .a{
        width:30%;
    }
    .talent-center .g .b{
        width:70%;
    }
    .talent-center .con{
        border-right:1px solid #e5e5e5;
    }
    .talent-center .g .last .scon{
        border-right:none;
    }
    .talent-center .g .d{
        width: 70%;
    }
    .talent-center .btn input{
        height:35px;
        width:100px;
        line-height:35px;
    }
    .about-company .lf{
        width:100%;
        margin-left:0;
    }
    #horizontal .example1 .sly ul li img{
        width:80%;
    }
    .example1 .btn{
        bottom:0px;
        top:auto;
        left:50%;
    }
    .example1 .prevPage{
        margin-left:-40px;
    }
    .example1 .nextPage{
        margin-left:20px;
        right:auto;
    }
    #horizontal .scrollbar{
        margin:20px 0;
    }
    .contact-page .address .wx{
        width:100%;
        float:left;
    }
    .contact .lf{
        width:100%;
    }
    .contact .rt{
        width:100%;
        margin-left:0;
    }
    .contact .sub{
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .contact .reset{
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .about-history .year .lf{
        display: none;
    }
    .about-history .year .rt{
        width:100%;
    }
    .prosort .left {
        width:20px;
        height:35px;
    }
    .prosort .right {
        width:20px;
        height:35px;
    }
    .about-history .year{
        height:35px;
    }
    .prosort .procon{
        width:calc(100% - 40px);
        height:35px;
    }
    .prosort li{
        line-height:35px;
    }
    .prosort .selected a{
        font-size:16px;
    }
    .pro-page  .rt li .con .img{
        width:90%;
        margin:0 auto;
    }
    .pro-page  .rt li .con .img img{
        width:100%;
        height:auto;
    }
    .pro-nav ul li{
        width:50%;
    }
    .pro-detail #example5{
        margin:0 auto;
    }
    .pro-detail #example5 .sp-thumbnail-image-container{
        width:65px;
    }
    .talent-center-s .con{
        border-right:none;
    }
}
@media screen and (max-width: 450px){
    .model-team.s4-list{
        left: 10px;
        margin-left:0;
    }
    .model-team.s4-list.s4{
        left:15px;
    }
}
@media screen and (max-width: 375px){
    .talent-center .talent-list li{
        width:100%;
    }
    .talent-center .talent-list li  .txt{
        height:100px;
    }
    .news-detail .rt{
        float:left;
        width:100px;
        height:28px;
        line-height:28px;
        margin-top:10px;
    }

}