@media (min-width: 1920px){
}
@media (min-width: 1600px){
    .container{
        width: 1400px;
    }
    .header-custom .nav-custom>li>a{
        padding-right: 51px;
        padding-left: 51px;
    }
    footer .footer-icon{
        margin-left: 530px;
    }
    .footer-content .foot-rightLinks .box{
        margin-left: 70px;
    }
    .banner.owl-carousel .owl-dots,
    .banner-page{
        margin-left: -700px;
    }
    .banner.owl-carousel .owl-nav{
        margin-right: -700px;
    }
    .index-solution.owl-carousel .owl-nav button.owl-next{
        right: -94px;
    }
    .index-solution.owl-carousel .owl-nav button.owl-prev{
        left: -94px;
    }
    .index-caseList-style1{
        padding-right: 55px;
    }
    .index-caseList-style1 .box .text{
        width: -webkit-calc(100% - 360px);
        width: -moz-calc(100% - 360px);
        width: calc(100% - 360px);
    }
    .index-caseList-style2{
        padding-left: 55px;
    }
    .index-caseList-style3{
        margin-right: -29px;
        margin-left: -29px;
    }
    .index-caseList-style3>div{
        padding-right: 29px;
        padding-left: 29px;
    }
    .innerPage-corporateCulture{
        margin-right: -24px;
        margin-left: -24px;
    }
    .innerPage-corporateCulture>div{
        padding-right: 24px;
        padding-left: 24px;
    }
    .innerPage-corporateCulture>div .box .text .content{
        line-height: 36px;
        font-size: 22px;
    }
    .innerPage-solution-list .box .text .title{
        width: 350px;
    }
    .solutionDetails-box{
        padding: 30px;
    }
    .solutionDetails-box .text .title{
        width: 350px;
    }
    .innerPage-caseList-title1 .box .name{
        width: 230px;
    }
    .innerPage-caseList-title1.other-style .box .name{
        width: 399px;
    }
    .innerPage-caseList>div .box .title{
        display: block;
    }
    .newsDetails-box{
        padding: 30px;
    }
    .contact-box .slogan-text.style2{
        left: 192px;
    }
    .contact-box .slogan-text.style3{
        margin-left: 149px;
    }
    .contact-box .slogan-text.style4{
        margin-left: 445px;
    }
    .contact-box .slogan-text.style5{
        margin-left: 709px;
    }
}
@media (min-width: 1440px){
}
@media (min-width: 1366px){
    .footer-solution{
        font-size: 28px;
    }
    .footer-solution a{
        width: 190px;
        height: 52px;
        line-height: 52px;
        font-size: 16px;
    }
}
@media (min-width: 1200px){
    .col-lg-5ths{
        float: left;
        width: 20%;
    }
    .index-aboutUs .img{
        padding-left: 70px;
    }
    .index-case>div{
        float: left;
    }
    .index-case .title-box{
        width: 515px;
        padding-right: 40px;
    }
    .index-case .content-box{
        width: -webkit-calc(100% - 515px);
        width: -moz-calc(100% - 515px);
        width: calc(100% - 515px);
    }
    .index-case .case-content .box{
        height: 485px;
        border-radius: 5px 80px 5px 80px;
    }
    .index-case .case-content .box img{
        display: none;
    }
    .innerPage-about-text>img{
        float: right;
        margin-left: 70px;
    }
    .solutionDetails-box .text .name.bg1{
        background: url("../images/title_bg4.png") right top repeat-y;
    }
    .solutionDetails-box .text .name.bg2{
        background: url("../images/title_bg5.png") right top repeat-y;
    }
    .news-imgText .img,
    .news-imgText .text{
        float: left;
        width: 50%;
        height: 340px;
    }
    .news-imgText .img img{
        display: none;
    }
    .news-imgText .text{
        padding: 30px 35px;
    }
    .news-imgText .text .content{
        height: 156px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    .news-list-1 .box{
        padding: 30px 25px 30px 182px;
    }
    .news-list-1 .box .more{
        left: 182px;
    }
    .contact-box .slogan-text.style1{
        width: 745px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .contact-box .slogan-text.style2{
        width: 729px;
        position: absolute;
        top: 70px;
    }
    .contact-box .slogan-text.style3{
        width: 557px;
    }
    .contact-box .slogan-text.style4{
        width: 557px;
    }
    .contact-box .slogan-text.style5{
        width: 557px;
    }
}
@media (min-width: 992px){
    .col-md-5ths{
        float: left;
        width: 20%;
    }
    .header-custom .logo{
        margin-left: -15px;
    }
    .header-custom .header-right{
        position: absolute;
        top: -79px;
        right: 0;
    }
    .header-custom .header-right .tel{
        color: #404040;
    }
    .header-custom .header-right .tel .number{
        color: #fa770a;
    }
    .header-custom .nav-custom{
        margin-right: -15px;
        margin-left: -15px;
    }
    .header-custom .nav-custom>li{
        padding-right: 1px;
        background: url("../images/nav_li_bg.png") right center no-repeat;
    }
    .header-custom .nav-custom>li:last-child{
        padding-right: 0;
        background: none;
    }
    .header-custom .nav-custom>li>a{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
    }
    .dropdown-menu{
        width: 800px;
        padding: 40px 0;
        background: url("../images/sub_bg.jpg") left center no-repeat;
        background-size: cover;
        border: none;
        border-radius: inherit;
        box-shadow: none;
        left: 50%;
        margin-left: -400px;
    }
    .dropdown-menu .title{
        float: left;
        width: 210px;
        height: 272px;
        padding-right: 20px;
        padding-left: 20px;
        border-right: 1px solid #e6e6e6;
    }
    .dropdown-menu .title .icon{
        width: 84px;
        height: 84px;
        padding-top: 21px;
        background: url("../images/icon_bg1.png") no-repeat;
        text-align: center;
    }
    .dropdown-menu .title .name{
        margin-top: -15px;
        text-align: center;
    }
    .dropdown-menu .title .name span{
        display: inline-block;
        line-height: 30px;
        padding-right: 12px;
        padding-left: 12px;
        font-size: 18px;
        color: #fa770a;
        font-weight: bold;
        position: relative;
    }
    .dropdown-menu .title .name span::after{
        content: '';
        height: 10px;
        background: rgba(250,119,10,0.2);
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .dropdown-menu .title .text{
        line-height: 22px;
        margin-top: 15px;
        font-size: 14px;
        color: #0e647d;
        font-weight: bold;
    }
    .dropdown-menu .links{
        float: left;
        width: -webkit-calc(100% - 210px);
        width: -moz-calc(100% - 210px);
        width: calc(100% - 210px);
    }
    .dropdown-menu .links a{
        float: left;
        width: 40%;
        height: 31px;
        line-height: 14px;
        margin-bottom: 16px;
        margin-left: 7%;
        background: url("../images/a_bg2.png") right top 3px no-repeat;
        border-bottom: 1px solid #e6e6e6;
        font-size: 16px;
        color: #262626;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
    }
    .dropdown-menu .links a::after{
        content: '';
        width: 32px;
        height: 2px;
        background: #fa770a;
        position: absolute;
        bottom: -1px;
        left: 0;
    }
    .dropdown-menu .links a.on{
        color: #fa770a;
    }
    .dropdown-menu .links a.on::after{
        display: block;
    }
    .dropdown-menu.other-style{
        width: 500px;
        margin-left: -250px;
    }
    .dropdown-menu.other-style .links a{
        float: none;
        display: block;
        width: 86%;
    }
    .dropdown-menu .img{
        float: right;
        width: 460px;
        height: 270px;
        margin-right: 40px;
        border-radius: 5px;
        overflow: hidden;
    }
    .dropdown-menu .img img{
        display: block;
        width: 100%;
    }
    .footer-content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .footer-content .footer-left{
        float: left;
    }
    .footer-content .footer-left .weChat-code{
        margin-top: 20px;
    }
    .footer-content .foot-rightLinks{
        float: right;
    }
    .index-aboutUs{
        padding-right: 50%;
        position: relative;
    }
    .index-aboutUs .img{
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .index-caseList-style1{
        float: left;
        width: 63%;
    }
    .index-caseList-style2{
        float: right;
        width: 37%;
        border-left: 1px solid #dce2ef;
    }
    .index-caseList-style2 .box{
        min-height: 485px;
    }
    .index-caseList-style2 .box .img{
        height: 355px;
    }
    .index-caseList-style2 .box .img img{
        /*display: none;*/
    }
    .index-caseList-style3>div:nth-child(2) .box{
        border-top: 1px solid #dce2ef;
    }
    .innerPage-solution-list .box .img{
        float: left;
        width: 42.62%;
        height: 285px;
    }
    .innerPage-solution-list .box .img img{
        display: none;
    }
    .innerPage-solution-list .box .text{
        float: right;
        width: 57.38%;
    }
    .innerPage-right{
        width: -webkit-calc(100% - 273px);
        width: -moz-calc(100% - 273px);
        width: calc(100% - 273px);
    }
    .innerPage-solution-list .box .text{
        /*padding: 28px 30px;*/
        padding: 0px 30px;
    }
    .news-list-1 .box .text{
        float: left;
        width: -webkit-calc(100% - 354px);
        width: -moz-calc(100% - 354px);
        width: calc(100% - 354px);
    }
    .news-list-1 .box .img{
        float: right;
        width: 324px;
        height: 195px;
    }
    .news-list-1 .box .more{
        position: absolute;
        bottom: 30px;
    }
    .newsDetails-box .text-1 .box-left{
        float: left;
    }
    .newsDetails-box .text-1 .box-right{
        float: right;
    }
    .newsDetails-box .details-nav a{
        float: left;
        width: 50%;
    }
    .newsDetails-box .details-nav a:last-child{
        text-align: right;
    }
    .contact-box{
        position: relative;
    }
    .contact-box .map{
        position: absolute;
        right: 308px;
        bottom: 0;
        left: 0;
    }
    .contact-box .text{
        float: right;
        width: 370px;
        height: 621px;
        padding: 36px 38px 30px 98px;
    }
}
@media (min-width: 768px){
    .col-sm-5ths{
        float: left;
        width: 20%;
    }
    .header-custom .header-right{
        width: 520px;
    }
    .header-custom .header-right .search{
        float: left;
        width: 270px;
    }
    .header-custom .header-right .tel{
        float: right;
    }
    .honorary-title-bg{
        width: 240px;
    }
    .honorary-box{
        padding-right: 25px;
        padding-left: 35px;
    }
    .honorary-content{
        width: -webkit-calc(100% - 217px);
        width: -moz-calc(100% - 217px);
        width: calc(100% - 217px);
    }
    .index-caseList-style1 .box .img{
        float: left;
        width: 320px;
        height: 320px;
    }
    .index-caseList-style1 .box .text{
        float: right;
    }
    .innerPage-left{
        float: left;
        width: 238px;
    }
    .innerPage-right{
        float: right;
    }
}
@media (min-width: 414px){
}
@media (min-width: 1366px) and (max-width : 1599px){
    .container{
        width: 1200px;
    }
    .header-custom .nav-custom>li>a{
        padding-right: 39px;
        padding-left: 38px;
    }
    footer .footer-icon{
        margin-left: 430px;
    }
    .footer-content .foot-rightLinks .box{
        margin-left: 44px;
    }
    .banner.owl-carousel .owl-dots,
    .banner-page{
        margin-left: -600px;
    }
    .banner.owl-carousel .owl-nav{
        margin-right: -600px;
    }
    .index-solution.owl-carousel .owl-nav button.owl-next{
        right: -60px;
    }
    .index-solution.owl-carousel .owl-nav button.owl-prev{
        left: -60px;
    }
    .index-caseList-style1{
        padding-right: 30px;
    }
    .index-caseList-style2{
        padding-left: 30px;
    }
}
@media (min-width: 1200px) and (max-width : 1599px){
    .contact-box .slogan-text.style2{
        left: 80px;
    }
    .contact-box .slogan-text.style3{
        margin-left: 96px;
    }
    .contact-box .slogan-text.style4{
        margin-left: 300px;
    }
    .contact-box .slogan-text.style5{
        margin-left: 508px;
    }
}
@media (min-width: 768px) and (max-width : 1599px){
    .index-caseList-style1 .box .text{
        width: -webkit-calc(100% - 340px);
        width: -moz-calc(100% - 340px);
        width: calc(100% - 340px);
    }
}
@media (min-width: 1200px) and (max-width : 1365px){
    .header-custom .nav-custom>li>a{
        padding-right: 35px;
        padding-left: 34px;
    }
    footer .footer-icon{
        margin-left: 415px;
    }
    .footer-content .foot-rightLinks .box{
        margin-left: 34px;
    }
    .banner.owl-carousel .owl-dots,
    .banner-page{
        margin-left: -570px;
    }
    .banner.owl-carousel .owl-nav{
        margin-right: -570px;
    }
}
@media (min-width: 992px) and (max-width : 1365px){
    .header-custom .header-right{
        margin-right: 15px;
    }
    .index-caseList-style1{
        padding-right: 20px;
    }
    .index-caseList-style2{
        padding-left: 20px;
    }
}
@media (min-width: 992px) and (max-width : 1199px){
    .header-custom .nav-custom>li>a{
        padding-right: 22px;
        padding-left: 22px;
    }
    footer .footer-icon{
        margin-left: 205px;
    }
    .footer-content .foot-rightLinks .box{
        width: 88px;
        margin-left: 20px;
    }
    .footer-content .foot-rightLinks .box a{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .banner.owl-carousel .owl-dots,
    .banner-page{
        margin-left: -470px;
    }
    .banner.owl-carousel .owl-nav{
        margin-right: -470px;
    }
    .index-aboutUs .img{
        padding-left: 20px;
    }
    .innerPage-corporateCulture{
        margin-right: -5px;
        margin-left: -5px;
    }
    .innerPage-corporateCulture>div{
        padding-right: 5px;
        padding-left: 5px;
    }
    .news-list-1 .box .more{
        left: 0;
    }
}
@media (min-width: 768px) and (max-width : 1200px){
}
@media (min-width: 768px) and (max-width: 991px){
    footer .footer-icon{
        margin-left: 205px;
    }
    .banner.owl-carousel .owl-dots,
    .banner-page{
        margin-left: -360px;
    }
    .banner.owl-carousel .owl-nav{
        margin-right: -360px;
    }
    .innerPage-right{
        width: -webkit-calc(100% - 253px);
        width: -moz-calc(100% - 253px);
        width: calc(100% - 253px);
    }
}
@media only screen and (max-width: 1599px){
    .index-solution .item .box .text .name{
        display: block;
    }
}
@media only screen and (max-width: 1365px){
    .index-solution.owl-carousel .owl-nav{
        display: none;
    }
}
@media only screen and (max-width : 1199px){
    .dropdown-menu .img{
        display: none;
    }
    .header-custom .logo-slogan{
        display: none;
    }
    .index-case .case-content .box img{
        width: 100%;
    }
    .innerPage-about-text>img{
        display: none;
    }
    .news-list-1 .box .date{
        display: none;
    }
}
@media only screen and (max-width : 991px){
    .pages a {
        display: none;
    }
    .pages .prevPage-btn,
    .pages .nextPage-btn {
        display: inline-block;
    }
    .header-custom .logo{
        height: auto;
        padding: 10px 15px;
    }
    .header-custom .header-right{
        padding-bottom: 20px;
    }
    .header-custom .header-right .tel .number img{
        display: none;
    }
    .header-custom .nav-custom>li{
        margin-bottom: 1px;
    }
    .header-custom .navbar-toggle{
        margin-top: 23px;
        margin-bottom: 0;
        border-color: #fa770a;
    }
    .header-custom .navbar-toggle .icon-bar{
        background: #fa770a;
    }
    .header-custom .navbar-toggle:hover,
    .header-custom .navbar-toggle:focus{
        background: #fa770a;
    }
    .header-custom .navbar-toggle:hover .icon-bar,
    .header-custom .navbar-toggle:focus .icon-bar{
        background: #fff;
    }
    .dropdown-menu .title{
        display: none;
    }
    .dropdown-menu .links a{
        display: block;
        line-height: 26px;
        padding-left: 25px;
        color: #fff;
    }
    .dropdown-menu .links a:hover{
        color: #eee;
    }
    .footer-content .footer-left .weChat-code{
        position: absolute;
    }
    .footer-content .footer-left{
        padding-right: 120px;
        position: relative;
    }
    .footer-content .footer-left .weChat-code{
        position: absolute;
        top: 0;
        right: 0;
    }
    .footer-content .foot-rightLinks{
        display: none;
    }
    .index-aboutUs .index-publicTitle{
        text-align: center;
    }
    .index-aboutUs .more{
        display: block;
        width: 116px;
        margin-right: auto;
        margin-bottom: 50px;
        margin-left: auto;
    }
    .innerPage-corporateCulture>div{
        margin-bottom: 10px;
    }
    .news-list-1 .box .more{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .newsDetails-box .text-1{
        text-align: center;
    }
}
@media only screen and (max-width : 767px){
    .col-xs-5ths{
        float: left;
        width: 20%;
    }
    footer .footer-icon{
        display: none;
    }
    .footer-content .footer-left .text .tel{
        font-size: 24px;
    }
    .banner.owl-carousel .owl-dots,
    .banner-page,
    .banner.owl-carousel .owl-nav{
        display: none;
    }
    .honorary-box{
        padding-right: 15px;
        padding-left: 15px;
    }
    .honorary-title-bg{
        width: 120px;
    }
    .honorary-content{
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
    }
    .contact-box .slogan-text{
        display: none;
    }
}
@media only screen and (max-width: 413px){
}
@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
}