@media (max-width: 767px){
    .corporateCulture .row .listcon p{
        padding: 0 30px;
    }
    .corporateCulture .row .listcon .wew .wew1{
        height: 200px;
    }

    .corporateCulture .row .listcon .p{
        margin-bottom: 6px;
    }
    .corporateCulture .row .listcon{
        overflow: hidden;
    }
    .corporateCulture .row .listcon h3{
    margin-top: 0;
}
    .banner_bm ul li div, .banner_bm ul li p{
        color: #333;
    }
    .banner_bm ul li:first-child div{
        font-size: 18px;
    }
    .index1{
        padding-top: 20px;
    }
    .product_cn{
        padding: 0;
        top: 0;
    }
    .fudong{
        width: 100px;
        right: 20px;
    }
    .index_cont .banner.fuwlc p{
        margin-top: 0px;
        font-size: 24px;
    }
    .fuwlc ul{
        margin-top: 40px;
    }
    .fuwlc li{
        font-size: 14px;
    }
    .product_cn a{
        font-size: 16px !important;
        color: #eee !important;
    }
    .product_cn img{
        display: none;
    }
    #ipone_nav .menu_box{
        padding-right: 0;
    }
    .product_cn .col-md-6.col-sm-12.col-xs-12:last-child{
        padding-left: 15px;
    }
    .product_cn p{
        margin-bottom: 5px;
        margin-top: 12px;
        font-size: 18px;
    }
    .information{
        margin-top: 46px;
        padding: 0;
    }
    .indexHtml_con,.IT_banner,.case_banner,.about,.room_banner{
        margin-top: 60px;
    }
    .projectList .col-md-6 .li .left h5{
        font-size: 16px;
    }
    .indexHtml_con .owl-nav{
        display: none;
    }
    .index_cont{
        height: 270px;
    }
    .index_cont .banner{
        padding-top: 70px;
    }
    .index_cont .banner span img {
        width: 14px;
    }
    .banner_bm{
        position: initial;
        height: auto;
    }
    .banner_bm:before{
        display: none;
    }
    .banner_bm ul li h1, .banner_bm ul li p{
        color: #000;
    }
    .banner_bm ul li:first-child h1{
        font-size: 18px;
    }
    .banner_bm ul li p {
        font-size: 12px;
    }
    .banner_bm ul li{
        text-align: center;
        width: 33%;
        padding-top: 15px;
    }
    .banner_bm ul li:first-child{
        width: 100%;
    }
    .liss .liss1 li{
        padding: 10px 3px 0px;
        width: 50%;
    }
    .liss .liss1 li img{
        height: 26px;
    }
    .liss .liss1 li p{
        font-size: 12px;
    }
    .liss{
        position: relative;
        padding-right: 0px;
    }
    .daniu .shiw .right1{
        padding: 0px 0 20px 20px;
    }
    .daniu .shiw .right1 div:first-child h3{
        margin-top: 0;
    }
    .leftright,.leftright1{
        display: none;
    }
    .daniuyemian{
        padding: 20px 15px;
    }
    .daniuyemian .col-md-3{
        margin-bottom: 20px;
    }
    .daniuyemian .col-md-3 p:nth-child(2){
        font-size: 20px;
        color: #333;
        text-align: right;
    }
    .index_cont .banner p{
        font-size: 30px;
    }
    .daniu .col-md-3 li img{
        right: 130px;
    }
    .daniu .col-md-3 li.active img, .daniu .col-md-3 li:hover img {
        right: 122px;
    }
    .left111 {
        bottom: 130px;
        right: 0;
        width: 30px;
    }
    .right111 {
        bottom: 95px;
        right: 0;
        width: 30px;
    }
    .daniu .col-md-3 ul{
        width: 100%;
        margin-top: 15px;
    }
    .daniu .col-md-3 li{
        width: 43%;
        margin-left: 6%;
    }
    .title h3{
        font-size: 30px;
    }
    .title h4{
        font-size: 20px;
        margin-top: -30px;
        margin-bottom: 3px;
    }
    .title1 p{
        font-size: 14px;
    }
    .engineer_cot ul li:nth-child(even){
        display: none;
    }
    .engineer_cot li:nth-child(odd){
        width: 33.333% !important;
        padding: 5px;
    }
    .evaluationCON .evaluationright{
        padding: 30px 25px 0 40px;
    }
    .evaluationCON .owl-carousel .owl-nav .owl-prev{
        left: -45px;
    }
    .evaluationCON .owl-carousel .owl-nav .owl-next{
        right: -20px;
    }
    .kankan{
        margin: 0 auto;
    }
    .evaluationCON .evaluationleft{
        float: initial;
        margin: 0 auto 36px;
    }
    .evaluationCON .evaluationright{
        width: 100%;
        margin-left: 0;
    }

    .evaluationCON .evaluationright .con .left,.evaluationCON .evaluationright .con .right{
        width: 100%;
        padding-right: 10px;
    }
    .evaluationCON .evaluationright .bottom p img{
        height: 17px !important;
        top: 8px !important;
        margin-left: 0px !important;
        display: block;
    }
    .evaluationCON .evaluationright .con .left div p{
        margin-bottom: 5px;
        text-align: left;
    }
    .evaluationCON .evaluationright .con .p2{
        margin-bottom: 10px;
        margin-top: 12px;
    }
    .evaluationCON .evaluationright .p1{
        margin-bottom: 0;
    }
    .evaluationCON .evaluationright .bottom p{
        font-size: 16px;
    }
    .evaluationCON .evaluationright .bottom p:first-child span{
        margin-left: 7px;
    }
    .evaluationCON .evaluationright .bottom{
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 0;
    }
    .evaluationCON .evaluationright .bottom img{
        height: 77px;
        top: auto;
        bottom: 0;
    }
    .daniu .col-md-3 h3{
        font-size: 30px;
    }
    .footnav{
        padding: 0;
    }
    .gongList1 ul li{
        width: 50%;
    }
    .newslist .news .newTOP,.newslist .news .newTOP1{
        width: 100%;
        height: auto;
    }
    .newslist .news .newTOP{
        margin-bottom: 12px;
        text-align: center;
    }
    .gongList .title h3{
        font-size: 26px;
    }
    .gongList .title h4{
        margin-top: -24px;
    }
    .xinXi .newslist{
        margin-top: 0;
    }
    .footnav ul li{
        width: 25%;
        margin-bottom: 10px;
        height: 19px;
    }
    .footnav ul li:nth-child(4n+1){
        border-left: none;
    }
    .newslist .news{
        margin-bottom: 45px;
    }
    .foot1{
        width: 100%;
        text-align: center;
    }
    .foot .col-md-9 .foot3 span{
        width: 100%;
        text-align: left;
        margin-bottom: 12px;
        line-height: 2em;
    }
    .foot .col-md-9 .foot3{
        text-align: center;
    }
    .foot .col-md-12{
        text-align: center;
    }
    .foot .col-md-12 span{
        display: block;
        margin-left: 0;
        padding: 15px 0;
    }
    .foot .col-md-12 span:last-child{
        float: initial;
    }
    .about_banner{
        height: 230px;
    }
    .about .navabout,.culture .navabout{
        height: 46px;
        line-height: 46px;
    }
    .about .navabout a, .culture .navabout a{
        font-size: 14px;
        padding: 0;
        width: 20%;
        float: left;
    }
    .navabout a.active, .project .navprojectt a.active{
        background: none;
        color: #67c6f8;
    }
    .about_banner p{
        font-size: 26px;
    }
    .about_banner p:last-child{
        font-size: 16px;
    }
    .Introduction .col-md-7 ul li{
        width: 50%;
        margin-bottom: 10px;
    }
    .Introduction .col-md-7 ul li:nth-child(3){
        border-left: none;
    }
    .Introduction .col-md-7 ul li p:first-child{
        font-size: 24px;
    }
    .Introduction2{
        padding: 60px 0;
        text-align: center;
    }
    .Introduction2 .left, .Introduction2 .right{
        width: 324px;
        float: inherit;
        margin: auto;
        margin-bottom: 12px;
    }
    .chineMap .left{
        width: 100%;
        float: inherit;
        padding: 0;
    }
    .chineMap .right{
        padding-top: 30px;
    }

}
@media (max-width: 990px) and (min-width: 768px) {
    .corporateCulture .row .listcon h3{
        font-size: 20px;
    }
    .corporateCulture .row .listcon p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .indexHtml_con,.IT_banner,.case_banner,.about,.room_banner{
        margin-top: 60px;
        font-size: 30px
    }
    .fudong {
        top: -60px;
        width: 140px;
    }
    .fuwlc ul{
        margin-top: 52px;
    }
    .index_cont .banner.fuwlc p{
        margin-top: 0px
    }
    .information1 .lis li:nth-child(3n+1){
        border-left:1px solid #fff
    }
    .information1 .lis li:nth-child(even){
        border-left: 1px solid #ccc;
    }
    .information1 .lis li:nth-child(odd){
        border-left:1px solid #fff
    }
    .dg-container nav{margin-top: 60px;}
    .room22 .left p, .room22 .center p, .room22 .right p{font-size: 16px;}
    .qualification .row .col-md-3 img{height: 120px;}
    .cases_list .col-md-3.col-sm-6.col-xs-6 .conLIST .img img
    .school3 .yuan{right: 0;}
    .head_top_bg .col-md-6{width: 50%;float: left;}
    .head_top_bg .col-md-6:last-child span:first-child{margin-left: 0;}
    .head_bottom .col-md-4{width: 200px;float: left;}
    .head_bottom ul li{margin-left: 17px}
    .head_bottom ul li:first-child{margin-left: 0}
    .head_bottom .col-md-8{width: calc(100% - 200px);width: -webkit-calc(100% - 200px);float: left;padding-right: 0}
    .index_cont .banner h1 {font-size: 46px;margin-bottom: 20px;}
    .school p{font-size: 18px;}
    .index_cont{height: auto;padding: 80px 0;}
    .liss .liss1 li{width: 130px;}
    .leftright {
        position: absolute;
        bottom: 60px;
        left: 15px;
    }
    .leftright1 {
        position: absolute;
        bottom: 60px;
        left: 70px;
    }
    .engineer_cot ul li:nth-child(odd){
        width: 16.6%;
    }
    .daniu .daniuyemian .col-md-3{width: 100%;margin-bottom: 20px;}
    .index_cont .banner{padding: 30px 0 40px 30px;}
    .title h3{font-size: 40px;}
    .title h4 {font-size: 26px;margin-bottom: 5px;}
    .school1 .yuan{width: 140px;left: -17px;}
    .school3 .yuan{width: 140px;}
    .chtle img{height: 15px;}
    .school3 .chtle p{font-size: 26px;}
    .xinXi .newslist .news .col-md-7{margin-bottom: 16px;}
    .foot .col-md-9{text-align: center;}
    .foot3{display: inline-block;width: 100%;}
    .foot .col-md-9 .foot3 span{width: 50%;}
    .foot .col-md-3{text-align: center;width: 100%;}
    .foot4:last-child,.foot4:first-child{float: inherit;margin: 0 12px;}
    .foot .col-md-12{text-align: center;}
    .foot .col-md-12 p:first-child{display: block;}
    .foot .col-md-12 span:last-child{float: inherit;margin-left: 30px;}
    .index1.banner_bm{position: initial;height: auto;}
    .index1.banner_bm:before{display: none;}
    .index1.banner_bm ul li h1,.index1.banner_bm ul li p{color: #000;}
    .index1.banner_bm ul li:first-child h1{font-size: 18px;}
    .index1.banner_bm ul li p {font-size: 14px;}
    .index1.banner_bm ul li{text-align: center;width: 33%;padding-top: 15px;}
    .index1.banner_bm ul li:first-child{width: 100%;}
    .index_cont.index .banner span:nth-child(2){margin-left: 0}
    .daniu .shiw .right1{padding: 0 15px 30px 30px;}
    .shiw.active .liss .liss1 li img{height: 36px;}
    .shiw.active .liss .liss1 li{padding: 15px 12px 10px;border: none;}
    .shiw.active .liss .liss1 li p{font-size: 12px}
    .right111 {left: 100px;bottom: 75px;}
    .left111{left: 10px;bottom: 75px;}
    .daniu .col-md-3 ul{margin-top: 10px;display: inline-block;width: 100%}
    .daniu .col-md-3 li{width: 24%;float: left;margin-right: 1%;    padding: 0 16px;}
    .daniu .col-md-3 li:first-child{margin-right: 0}
    .daniu .col-md-3 li img{left: 5px;right: auto}
    .engineer_cot li:nth-child(even){display: none;}
    .engineer_cot ul li{width: 16.6%;}
    .evaluationCON .evaluationright{padding: 15px}
    .owl-carousel .owl-nav{display: none}
    .evaluationCON .evaluationright .bottom p{font-size: 18px}
    .evaluationCON .evaluationright .bottom p img{
        height: 30px !important;
        margin-left: 0 !important;
    }
    .evaluationCON .evaluationright .bottom{
        padding-bottom: 10px;
    }
    .footnav ul li{
        width: 11%;
    }
    .chineMap .right h2 {
        font-size: 26px;
    }
    .chineMap .right p:nth-child(4) img {
        width: 78px;
    }
    .chineMap .right p:nth-child(4) {
        font-size: 28px;    margin-bottom: 10px;}
    .chineMap .right p:nth-child(5) {
        margin-bottom: 10px;
    }
    .indexHtml_con,.IT_banner,.case_banner,.about,.room_banner{
        margin-top: 60px;
    }
    .room22 .left p:nth-child(2) {
        top: calc(50% - 32px);
        top: -webkit-calc(50% - 32px);
    }
    .room22 .left p:nth-child(3) {
        top: 50%
    }
    .room22 .center p, .room22 .right p {
        top: calc(50% - 39px);
        top: -webkit-calc(50% - 39px);
    }
    .evaluationCON .evaluationright .bottom img{bottom: -15px;height: 90px;top: auto;    display: inherit;}
    .chineMap .left{width: calc(100% - 280px);width: -webkit-calc(100% - 280px); padding: 0 15px}
    .chineMap .right{padding-top: 0}
    .ITS .container .ITS_list div{
        width: auto;
    }
    .ITS,.ITS .container{
        height: 277px;
    }
    .ITS .ITS1{
        top: -87px;
        left: 60px
    }
    .ITS .ITS2 {
        top: -157px;
        left: 90px
    }
    .ITS .ITS3 {
        left: 200px;
        top: -216px;
    }
    .ITS .ITS4 {
        top: -210px;
        left: 59%;
    }
    .ITS .ITS5 {
        top: -168px;
        right: 163px;
    }
    .ITS .ITS6 {
        top: -94px;
        right: 104px;
    }
}
@media (max-width: 769px) and (min-width: 768px){
    .aboutUS .col-sm-6{
        width: 100%;
    }
    .aboutUS .col-md-6:first-child{
        margin-bottom: 50px;
    }
    .Introduction .col-sm-7,.Introduction .col-md-5{
        width: 100%;
    }
    .Introduction .col-md-5 div{
        text-align: center;
    }
    .knowledgeList .col-md-9{
        width: 65%;
    }
    .knowledgeList .col-md-3{
        width: 35%;
    }


}
@media (max-width: 1200px){
    .product_cn{
        padding: 0;
        top: 0;
        box-shadow:none;
    }
    .indexHtml_con,.IT_banner,.case_banner,.about,.room_banner{
        margin-top: 60px;
    }
    .product_cn a{
        font-size: 16px !important;
        color: #eee !important;
        width: 100% !important;
        text-align: center;
    }
    .product_cn img{
        display: none;
    }
    #ipone_nav .menu_box{
        padding-right: 0;
    }
    .product_cn .col-md-6.col-sm-12.col-xs-12:last-child{
        padding-left: 15px;
    }
    .product_cn p{
        margin-bottom: 5px;
        margin-top: 12px;
        font-size: 18px;
    }
    .ico {
        position: absolute;
        width: 36px;
        height: 36px;
        right: 17px;
        top: 17px;
        z-index: 999999999;
    }
    .ico i:nth-child(1) {
        top: 2px;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transition-delay: 210ms;
        -o-transition-delay: 210ms;
        -webkit-transition-delay: 210ms;
        transition-delay: 210ms;
    }
    .ico i {
        height: 2px;
        width: 90%;
        background-color: #67c6f8;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        position: absolute;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .ico i:nth-child(2) {
        top: 14px;
        -moz-transition-delay: 140ms;
        -o-transition-delay: 140ms;
        -webkit-transition-delay: 140ms;
        transition-delay: 140ms;
    }
    .ico i:nth-child(3) {
        top: 26px;
        -moz-transition-delay: 70ms;
        -o-transition-delay: 70ms;
        -webkit-transition-delay: 70ms;
        transition-delay: 70ms;
    }
    .ico.active i:nth-child(1) {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 14px;
    }
    .ico.active i:nth-child(2) {
        opacity: 0;
    }
    .ico.active i:nth-child(3) {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 14px;
    }

    .head_bottom,.head_top{
        display: none;
    }
    #ipone_nav{
        display: block;
        padding: 0 10px 10px;
        height: 60px;
    }
    .shoye img{
        height: 35px;
    }
    #ipone_nav .logo{
        margin-top: 12px;
        margin-left: 10px;
    }
    .product_cn{
        background: none;
        position: relative;
    }
    .product_cn .col-md-6.col-sm-12.col-xs-12{
        width: 100%;
        text-align: center;
    }
    .product_cn .col-md-6.col-sm-12.col-xs-12:first-child{
        border: none;
    }
    .product_cn .bad{
        display: none;
    }
    .banner_bm.index1 li:nth-child(2), .banner_bm.index1 li:nth-child(3), .banner_bm.index1 li:nth-child(4){
        border: none;
        padding-left: 0;
        margin-bottom: 20px;
    }
    .menu_box {
        width: 0;
        height: 0;
        background: rgba(0,0,0,0.8) !important;
        position: fixed;
        z-index: 9999999;
        right: 0;
        top: 0;
        opacity: 0;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
        border-radius: 100% 0 100% 100%;
    }
    .menu_box ul{
        display: none;
    }
    .menu_box.active {
        padding-top: 50px;
        width: 100%;
        right: 0;
        opacity: 1;
        height: 100%;
        border-radius: 0;
    }
    .menu_box.active ul{
        display: block;
    }
    #ipone_nav .menu_box{
        text-align: right;
        padding-right: 30px;
    }
    #ipone_nav .menu_box .top{
        margin-top: 30px;
        text-align: center;
    }
    #ipone_nav .menu_box .top span{
        color: #fff;
        display: inline-block;
        font-size: 18px;
        margin-left: 20px;
    }
    #ipone_nav .menu_box ul{
        margin-top: 36px;
    }
    #ipone_nav .menu_box ul li a{
        display: block;
        color: #fff;
        font-size: 20px;
    }
    #ipone_nav .menu_box ul li{
        margin-bottom: 10px;
        text-align: center;
    }
    #ipone_nav .menu_box ul li.active a{
        color: #67c6f8;
    }
    #ipone_nav .menu_box ul li:last-child a{
        display: inline-block;
        margin-left: 12px;
    }
    #ipone_nav .menu_box ul li:last-child img{
        position: relative;
        top: -3px;
    }

    .school2_list .ul1{
        display: none;
    }
    .school2_list .ul2{
        display: block;
    }
    .school2_list{
        padding-bottom: 100px;
    }
    .school2_list .ul2 .owl-carousel.owl-loaded:before{
        content: '  ';
        width: 100%;
        height: 3px;
        position: absolute;
        background: #5584b5;
        top: 15px;
    }
    .school2_list .ul2 .owl-carousel .owl-stage-outer{
       padding-top: 60px;
    }
    .ITS .container div p{
        display: none;
    }


}
@media (max-width: 767px) and (min-width: 420px){
    .qualification .row .col-md-3 img{
        height: 200px;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .daniu .col-md-3 p:nth-child(3){
        position: absolute;
    }
    .corporateCulture .row .listcon{
        padding-top: 0;
    }
    .corporateCulture .row .listcon p {
        font-size: 12px;
        line-height: 2em;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 20px;
    }
    .fudong{
        width: 200px;
    }
.dg-container nav{
    margin-top: 60px;
}
.ITS,.ITS .container{
    height: 360px;
}
    .liss .liss1 li{
        padding: 12px 6px 0px;
    }
    .liss .liss1 li img{
        height: 32px;
    }
    .liss .liss1 li p{
        font-size:12px;
    }
.ITS .ITS1{
    top: -108px;
    left: -100px;
}
.ITS .ITS2 {
    top: -196px;
    left: -40px;
}
.ITS .ITS3 {
    left: 97px;
    top: -279px;
}
.ITS .ITS4 {
    top: -271px;
    left: 59%;
}
.ITS .ITS5 {
    top: -212px;
    right: 20px;
}
.ITS .ITS6 {
    top: -114px;
    right: -60px;
}
.cases_list .col-md-3.col-sm-3.col-xs-6 .conLIST .img img{
    height: auto;
}
.cases_list .col-md-3.col-sm-3.col-xs-6 .conLIST p{
    -webkit-line-clamp: 2;
}
.cases_list .col-md-3.col-sm-3.col-xs-6 .conLIST p:nth-child(5){
    height: auto;
}
.qualification .row .col-md-3 img{
    height: 160px;
}

}
@media (max-width: 420px) {
    .qualification .row .col-md-3 img{
        height: 120px;
    }
}

@media (min-width: 1200px){
    .corporateCulture .row .listcon h3{margin-top: 0}
    #cases{height: 65%}
}