@media screen and (max-width: 1700px){

    .team .flexslider li .pic{margin-right: 0;width: 50%;}

}

@media screen and (max-width: 1169px){
    .job-choice-list>label {
            width: 190px;
    }
    #hd .logo{
        margin-right: 0;
    }
    #hd .tel{
        float: left;
    }
    #banner .flex-control-nav{
        bottom: 20px;
    }
    .ul-service li{
        
    }
    .tab-con-box{
        width: 54%;
    }

}

@media screen and (max-width: 1068px){
    .about_route{display: none}
    #hd{
        display: none !important;
    }
    #m-hd{
        display: block;
    }
    .wp{
        padding: 0 10px;
    }
    #bd{
        padding-top: 50px;
    }
    .ul-web{

    }
    .process em{
        -webkit-background-size: 80%;
        background-size: 80%;
    }


}

@media screen and (max-width: 1020px){
    .tab-con-box{
        width: 45%;
    }
}


@media screen and (max-width: 1048px){
    .about_route{display: none}
    .ul-news-i li.on .hover .pad{
        
    }

}

@media screen and (max-width: 1024px){
    .culture-list {
        width: 100%;
    }
    .culture-list > .n-c{
        width: 100%;
        padding: 0 10px;
    }
    .c-swiper-container{
        height: auto;
    }
    .c-swiper-container > .c-swiper-cotent > .swiper-slide > .img {
        width: 100%;

    }

    .c-swiper-container > .c-swiper-cotent > .swiper-slide > .text {
        width: 100%;
        height: 280px;
        padding-left: 0;
        display: none;
    }
    .c-swiper-container > .swiper-button-next{
        display: none;
    }
    .c-swiper-container > .swiper-button-prev{
        display: none;
    }
    .m_core-team{
        display: block;
        height: 470px;
    }
    #slide-container{
        display: none;
    }
    .m_core-team .swiper-slide {
        background: #fff;
        text-align: center;
        height: 570px;
    }
    .m_core-team .swiper-slide span {
        font-size: 16px;
        display: block;
        line-height: 30px;
        font-weight: bold;
    }
    .m_core-team .swiper-slide p {
        width: 80%;
        line-height: 24px;
        font-size: 14px;
        text-align: justify;
        margin: 0 auto;
    }
    .about_route{display: none}
    .about_us_left, .about_us_right, .about_us_bottom_left{
        width: 100%;
        margin-bottom: 10px;
    }
    .about_us_bottom_right{
        width: 50%;
    }
    .news-fd {
        width: auto;
        height: auto;
    }

    .news-info .news-bd p img {
        display: block;
        margin: 0 auto;
        width: 100%!important;
    }
    .news-info .news-bd .news-date{
        display: none;
    }
    .news-info .news-hd {
        width: auto;
    }

    .news-info .news-bd h1{
        margin-bottom: 5px;
        font-size: 16px;
        margin-top: 10px;
    }
    .news-info{
        min-width: auto;
    }
    .team .flexslider li .txt{width: 100%;float: none;}
    .team .flexslider li .pic{width: 100%;float: none;height: 419px;margin-bottom: 20px;}
    .team .flexslider .slides li{height: auto;}
}



@media screen and (max-width: 960px){
    .about_route{display: none}
    .news-info .news-hd {
        width: auto;
    }

    html,body{
        
    }
    .ul-list li{
        width: 33.3333%;
    }
    .ul-service li{
        width: 100%;
    }
    .service-con .col-l,.service-con .col-r{
        width: 100%;
    }
    .ul-webset li.li1 .block,.ul-webset li.li2 .block,.ul-webset li.li3 .block{
        
    }

    .ul-customer li{
        width: 33.3333%;
    }
    .tit-i{
        padding: 20px 0;
    }
    .customer{
        margin-bottom: 0;
        padding-bottom: 0px;
    }
    .ul-tab{
        width: 100%;
        background: none;
    }
    .ul-tab li{
        float: left;
        width: 33.333%;
    }
    .ul-tab li h3{
        background: url(404.png) left center no-repeat;
        padding-left: 30px;
    }
    .ul-tab li span{
        padding-left: 30px;
    }
    .tab-con{
        width: 100%;
    }
    .ul-solution li{
        width: 33.333%;
    }
    .webset-pop .txt{
        width: 50%;
        margin-bottom: 20px;
    }
    .webset-pop .txt1{
        width: 100%;
    }
    body,html{
        
    }

    .ul-web{
        
    }
    .ul-news-i li .hover .pad{
        
    }
    .ul-case li .txt{
        
    }
    .bg-blue{
        background: #f5f6fa;
    }
    .web-con .shou{
        top: 146px;
    }
    .tab-con{
        min-height: 419px;
    }
    .tab-con-box{
        width: 65%;
    }
    .ul-web li{padding-left: 0;}
}

@media screen and (max-width: 900px){
    .about_route{display: none}
    .zhaopin ul.zp-hd {
        width: 100%;
    }
    .zhaopin ul.zp-hd li{
        width: 33.33%;
    }
    .zhaopin ul.zp-hd li a{
        width: 100%;
    }
    .zhaopin .zp-hd .select_box {
        margin-bottom: 10px;
        width: 100%;
    }
    .zhaopin .zp-hd .input-group {
        position: relative;
        width: 100%;
    }
    .zhaopin .zp-hd .input-group .btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .main-point-box{
        width: 100%;
        min-width: auto;
    }
    .main-point-other-cell{
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .about_img2{
        margin-right: 40px;
    }
    .ul-case li{
        width: 50%;
    }
    .side,.side2{
        display: none;
    }
    .ul-news-i li{
        width: 50%;
        margin-bottom: 10px;
    }
    .news-bg{
        background: #16182c;
    }
    .about_right{
        display: none;
    }
}
@media screen and (max-width: 880px){

    .ul-icon-i li .pad .pic{
        
    }

}



@media screen and (max-width: 768px){
    .about_route{display: none}
    .job-choice-list>label {
        display: block;
        clear: both;
        float: none;
        padding-left: 5px;
        margin: 20px 0;
    }
    .job-choice-list .job-list-1>li {
        margin-right: 10px;
    }
    .job-choice-list .job-list-0>li>.form-item {
        width: 110px;
    }
    .job-choice-list>.job-list {
        padding-left: 30px;
    }
    .news-info .news-bd h1{
        margin-bottom: 5px;
        font-size: 16px;
        margin-top: 10px;
    }
    .join_to label{
        float: left;
        min-width: 80%;
        display: block;
        padding-bottom: 15px;
    }
    .join_to form div.form-component{
        min-width: 100%;
        max-width: 100%;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .join_to form input{
        width: 80%;
        max-width: 100%;
    }
    .zhaopin ul.zp-hd {
        width: 100%;
    }
    .zhaopin ul.zp-hd li{
        width: 33.33%;
    }
    .zhaopin ul.zp-hd li a{
        width: 100%;
    }
    .zhaopin .zp-hd .select_box {
        margin-bottom: 10px;
        width: 100%;
    }
    .zhaopin .zp-hd .input-group {
        position: relative;
        width: 100%;
    }
    .zhaopin .zp-hd .input-group .btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .page_list .right, .page_list .left{width:100%;}
    .page_list .left{margin-bottom:60px;}
    .main-point-other-cell{
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .about_right{
        display: none;
        min-width: auto;
    }
    .about_img2{
        margin-right: 80px;
    }
    .ul-icon-i li{
        width: 50%;
    }
    .case-i-l,.case-i-r{
        width: 100%;
        padding: 0;
        float: none;
    }
    .ul-case-i{margin: 0}
    .ul-case-i-1 li{
        width: 50%;
    }
    .ul-news-i{
        width: 100%;
        margin-left: 5px;
        margin-right: 0;
    }
    .ul-news-i li{
        width: 50%;
        margin-bottom: 10px;
    }
    .ul-news-i li .hover{
        left: 0;
        width: 100%;
        display: none;
    }
    .ul-news-i li:last-child{
        width: 50%;
    }
    .news-more{
        padding: 0 10px;
        display: none;
    }
    .contact-l,.contact-r{
        width: 100%;
        clear:both;
    }
    .map .btn{

    }
    .ul-about li .block{
        
    }
    .ul-about li,.ul-webset li{
        width: 100%;
        margin-bottom: 15px;
    }
    #fd {
        background: url(../image/fd_bg.png) no-repeat center top;-webkit-background-size: 100% 100%;
        background-size: 100% 100%;margin-top: -18px;
    }
    #fd .fd-copy{
        text-align: center;
        background: none;
        height: auto;
        padding: 8px 0;
    }
    #banner{
        
        overflow: hidden;
    }
    #banner .flexslider .slides li{
        
    }
    #banner .flexslider .slides li img{
        
    }
    #banner .slides li .ban-txt{
        margin-top: 0;
        top: 20px;
        left: 0;
        margin-left: 0;
        text-align: center;
        width: 100%;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .news-bg{
        background: #16182c;
    }
    #banner .slides li .ban-txt h5{
        font-size: 26px;
        margin-top: -10px;
    }
    #banner .slides li .ban-txt h3{
        font-size: 26px;
    }
    #banner .slides li .ban-txt h2{
        font-size: 50px;
    }
    #banner .slides li .ban-txt h2{
        height: 84px;
        line-height: 84px;
    }
    #banner .slides li.s2 .ban-txt{
        margin: 0;
        width: 100%;
    }
    #banner .slides li.s2 .ban-txt h2{
        font-size: 50px;
    }
    #banner .slides li.s3 .ban-txt h3{
        font-size: 40px;
    }
    .case-img{
        margin-bottom: 30px;
    }
    .side,.side2{
        display: none;
    }
    .ul-list li,.ul-case li{
        width: 50%;
    }
    .ul-service li{
        padding-right: 0;
    }
    .tab-con .txt{
        width: 100%;
        float: none;
    }
    .tab-con .pic{
        width: 223px;
        margin: 0 auto;
        float:none;
    }
    .tab-con img{
        
        float: none;
    }
    .ul-icon{
        padding-right: 0;
        text-align: center;
    }
    .ul-icon li{
        display: inline-block;
        float: none;
    }
    .ul-web li{
        width: 100%;
        margin-bottom: 15px;
    }
    #ban-in .ban-bg{
        display: none;
    }
    .team .flexslider li .txt{
        width: 100%;
    }
    .ul-case-i li a .hover{
        
    }
    .ul-case-i li a:hover .hover{
        
    }
    .team .flex-direction-nav .flex-next{
        left: 0;
        margin-top: 10px;
    }
    .process{
        display: none;
    }
    .web-con .shou{
        display: none;
    }
    .tab-con .pic .img{
        display: none;
    }
    #fd{
        padding-top: 0;
    }
    #fd .fd-top{
        display: none;
    }
    .service{
        background: #181837;
    }
    .row2{
        background: #f5f6fa;
    }
    .map-s .map-bg3{
        display: block;
    }
    .index-fd{
        margin-top: -1px;
    }
    .map .map-bg2{
        background-image: url(404.png) ;
    }
    .team .flex-direction-nav{
        background: none;
    }
    #banner .flex-control-nav{
        display: none;
    }
    .tab-con-box{
        width: 100%;
        float: none;
    }
    .web-con .pic{
        width: 100%;
        float: none;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .tab-con{
        min-height: auto;
    }
    .team .flexslider li .pic{height: 300px;}
    
    
    
    
    .map-bg3{display: block;}
    .map .map-bg2{display: none;}
    #banner .slides li.s1 .ban-txt h3{font-size: 12px;}
    .news-fd .left, .news-fd .right{
        margin: 10px 0;
    }
}
@media screen and (max-width: 620px){
    #banner .slides li.s1 .ban-txt h3{font-size: 8px;}
    .case-article .computer-bg{
        
    }
    #banner .slides li .ban-txt h5,
    #banner .slides li .ban-txt h3,
    #banner .slides li.s2 .ban-txt h4,
    #banner .slides li.s2 .ban-txt h6,
    #banner .slides li.s3 .ban-txt h4{display: none;}
    #banner .slides li .ban-txt h2{font-size: 25px;}
    #banner .slides li.s1 .ban-txt{background: none;}
    #banner .slides li.s3 .ban-txt h3{border-bottom: none;}

}



@media screen and (max-width: 640px){

    #banner .slides li .ban-txt h5{
        font-size: 20px;
    }
    #banner .slides li .ban-txt h2{
        font-size: 25px;
    }
    #banner .slides li .ban-txt h2{
        height: 84px;
        line-height: 84px;
    }
    #banner .slides li .ban-txt h3{
        font-size: 13px;
    }
    #banner .slides li.s2 .ban-txt h2{
        font-size: 30px;
    }
    #banner .slides li.s2 .ban-txt h3{
        font-size: 25px;
    }
    #banner .slides li.s3 .ban-txt h2{
        font-size: 30px;
    }
    #banner .slides li.s3 .ban-txt h3{
        font-size: 25px;
    }
    .customer{
        background: #04112b;
    }
    .ul-customer li{
        width: 33.333%;
    }
    .team .flexslider .slides li{
        background: none !important;
    }
    .ul-webset li .block img{
        left: 50%;
        margin-left: -158px;
    }
    .ul-webset li.li3 .block img{
        margin-left: -115px;
    }
    .ul-case li{
        width: 100%;
    }
    .ul-customer li{
        width: 50%;
    }
    .sub-nav{
        text-align: left;
    }
    .sub-nav ul li{
        width: 36%;
    }
    .article-prev, .article-next{
        display: none;
    }
    
    .service-btn a{
        margin-bottom: 15px;
    }
    #banner .slides li.s1 .ban-txt h3{font-size: 12px;}

}


@media screen and (max-width: 480px){

    .ul-icon-i li,.ul-case-i li{
        width: 100%;
    }
    .ul-case-i-1 li{
        width: 100%;
    }
    .ul-news-i li,.ul-news-i li:last-child{
        width: 100%;
        padding-right: 0;
    }
    #fd dl{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    #fd .fd-copy{
        height: auto;
    }
    .contact-form .inp{
        width: 100%;
        height: 35px;
    }
    #banner .slides li .ban-txt{
        height: auto;
    }
    #banner .slides li .ban-txt h5{
        font-size: 14px;
    }
    #banner .slides li .ban-txt h3{
        font-size: 12px;
        padding-top: 15px;
    }
    #banner .slides li .ban-txt h2{
        height: 54px;
        line-height: 54px;
    }
    #banner .slides li.s1 .ban-txt h3{
        font-size: 12px;
    }
    #banner .slides li.s2 .ban-txt h2{
        font-size: 25px;
    }
    #banner .slides li.s2 .ban-txt h3{
        font-size: 22px;
    }
    #banner .slides li.s3 .ban-txt h2{
        font-size: 25px;
    }
    #banner .slides li.s3 .ban-txt h3{
        font-size: 22px;
    }
    #banner .slides li.s3 .ban-txt h4{
        font-size: 12px;
    }
    #banner .flex-control-nav{
        bottom: -5px;
    }
    .ul-list li,.ul-case li{
        width: 100%;
    }
    .ul-solution li{
        width: 100%;
    }
    .ul-webset li.li1 .block,.ul-webset li.li2 .block{
        width: 100%;
    }
    .ul-webset li{
        width: 100%;
    }
    .ul-webset li .block img{
        
    }
    .ul-tab li{
        width: 100%;
    }
    #ban-in{
        height: 250px;
    }
    .team .flex-direction-nav{
        background: none;
    }
    .ul-case li .txt{
        
    }
    .ul-list li .pic img{
        transform: perspective(000px) rotateY(0deg);
        transition: all 1s ease 0s;
        -moz-transform: perspective(000px) rotateY(0deg);
        -moz-transition: all 1s ease 0s;
        -webkit-transform: perspective(000px) rotateY(0deg);
        -webkit-transition: all 1s ease 0s;
        -o-transform: perspective(000px) rotateY(0deg);
        -o-transition: all 1s ease 0s;
        -ms-transform: perspective(000px) rotateY(0deg);
        -ms-transition: all 1s ease 0s;
    }
    .web-con .shou{
        position: relative;
        display: none;
    }
    .team .flexslider li .pic{height: 245px;}
    #banner .slides li.s1 .ban-txt h3{top: 30%;}
    #banner .slides li.s1 .ban-txt h2{line-height: 43px;}
    #banner .slides li.s2 .ban-txt h4{font-size: 12px;}
    #banner .slides li.s2 .ban-txt h6{display: none;}
    #banner .slides li.s3 .ban-txt{top: 0;}
    #banner .slides li.s3 .ban-txt h4{line-height: 18px;}
    #banner .slides li.s3 .ban-txt h2{height: 50px;line-height: 50px;}


}
@media screen and (max-width: 414px){
    #banner .slides li.s1 .ban-txt h3{top: 40%;font-size: 12px;}
    #banner .slides li.s1 .ban-txt h2{line-height: 20px;}
    #banner .slides li.s3 .ban-txt{top: 20px;}
    #ban-in{display: none;}
    #m-hd{border-bottom: 1px solid #ccc;}
}


@media screen and (max-width: 375px){
    #banner .slides li.s1 .ban-txt h3{top: 37%;font-size: 12px;}
}
@media screen and (max-width: 320px){
    #banner .slides li.s1 .ban-txt h3{font-size: 12px;}
    #banner .slides li .ban-txt{
        
    }
    #banner .slides li .ban-txt h5{
        font-size: 12px;
        margin-top: -5px;
    }

    #banner .slides li .ban-txt h2{
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }
    #banner .slides li .ban-txt h3{
        font-size: 12px;
    }


    #banner .slides li.s2 .ban-txt h2{
        font-size: 18px;
        height: 20px;
        line-height: 20px;
    }
    #banner .slides li.s2 .ban-txt h3{
        font-size: 14px;
    }
    #banner .slides li.s3 .ban-txt h2{
        font-size: 18px;
        height: 24px;
        line-height: 24px;
    }
    #banner .slides li.s3 .ban-txt h3{
        font-size: 14px;
    }
    #banner .slides li.s3 .ban-txt h4{
        font-size: 12px;
        margin-top: 5px;
    }


    .team .flexslider li .pic{height: 160px;}
    .ul-customer li{width: 100%;}

}