@media (min-width: 1920px){
    .container,
    .other-container{
        width: 1600px;
    }
    .header-custom .nav-custom{
        padding-right: 246px;
    }
    .header-custom .nav-custom>li{
        margin-left: 18px;
    }
    .footer-friendshipLink .name{
        padding-right: 20px;
    }
    .footer-friendshipLink a{
        margin-left: 20px;
    }
    .index-about-text .content{
        line-height: 36px;
        padding-top: 40px;
        margin-bottom: 45px;
    }
    .index-about-text .more{
        margin-bottom: 60px;
    }
    .index-about-text .statistics>div{
        padding-left: 40px;
        font-size: 16px;
    }
    .index-about-text .statistics>div .box .counter{
        font-size: 60px;
    }
    .index-strengthList>div{
        margin-bottom: 50px;
    }
    .index-strengthList>div .box{
        padding-right: 8%;
        padding-left: 8%;
    }
    .productList-1>div .box{
        padding: 20px 30px;
    }
    .productList-1>div .box .img .img-box img{
        width: 302px;
        margin-right: auto;
        margin-left: auto;
    }
    .productList-3>div .box .img{
        height: 242px;
        display: flex;
    }
    .productList-3>div .box .img img{
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }
    .productDetails-block{
        padding-right: 47px;
        padding-left: 47px;
    }
    .customization-text{
        width: 67%;
        margin-right: auto;
        margin-left: auto;
    }
    .serviceSupport-form{
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }
    .InnerPage-about-1 .content{
        padding-left: 124px;
    }
    .InnerPage-about-4>div .box{
        padding: 32px 30px;
    }
    .InnerPage-about-4>div .box .text{
        width: -webkit-calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: calc(100% - 90px);
        margin-top: 5px;
    }
    .InnerPage-about-4>div .box .icon{
        width: 80px;
        margin-top: 0;
    }
    .history-title,
    .history-content{
        width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }
    .ApplicationField-details{
        padding-right: 35px;
        padding-left: 35px;
    }
    .contactUs-list>div{
        width: 25%;
    }
    .friendship-link .content a{
        width: 12.5%;
    }
}
@media (min-width: 1600px){
}
@media (min-width: 1440px){
}
@media (min-width: 1366px){
    .container,
    .other-container{
        padding-left: 0;
        padding-right: 0;
    }
    .header-custom .navbar-tel{
        right: 32px;
    }
    .header-custom .search-box{
        right: 0;
    }
    .footer-content .foot-rightLinks .box{
        margin-left: 20px;
    }
    .index-about-links a:hover img{
        animation: tada 1.5s infinite linear;
    }
    .index-honorList.owl-carousel .owl-nav button.owl-next{
        right: -70px;
    }
    .index-honorList.owl-carousel .owl-nav button.owl-prev{
        left: -70px;
    }
    .index-partnersList.owl-carousel .owl-nav button.owl-next{
        right: -70px;
    }
    .index-partnersList.owl-carousel .owl-nav button.owl-prev{
        left: -70px;
    }
    .productNav-threeLevel.default-style{
        margin-right: -1px;
        margin-left: -1px;
    }
    .productNav-threeLevel.default-style .item{
        width: 10%;
        padding-right: 1px;
        padding-left: 1px;
        margin-bottom: 2px;
    }
    .productNav-threeLevel.default-style .item a{
        background: #fff;
        border: 1px solid #ccc;
    }
    .productNav-threeLevel.default-style .item a span{
        height: 28px;
        line-height: 28px;
        font-size: 14px;
    }
}
@media (min-width: 1280px){
    .index-video-box .video-moreBtn{
        left: -84px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    .index-video-box:hover .video-moreBtn{
        left: 0;
    }
}
@media (min-width: 1200px){
    .col-lg-5ths{
        float: left;
        width: 20%;
    }
    .Top-block a:hover{
        color: #c60603;
    }
    .header-custom .search-box .search-form a:hover{
        background-color: #f00;
    }
    .footer-content .foot-rightLinks .box .a-1{
        font-size: 18px;
    }
    .footer-content .foot-rightLinks .box a:hover{
        color: #fff;
    }
    .footer-friendshipLink a:hover{
        color: #fff;
    }
    .floating-frame .message-box .form-box a:hover{
        background-color: #f00;
    }
    .productSort-list-1>div a:hover span img{
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
    .productSort-list-2 .content>div .box:hover img{
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
    .index-solutionList .box:hover{
        background: #c60603;
    }
    .index-solutionList .box:hover .img img{
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    .index-about-bg{
        padding-top: 130px;
        padding-bottom: 55px;
    }
    .index-about-bg .row{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index-about-text .more:hover{
        background: #f00;
        color: #fff;
    }
    .index-about-text .more:hover:before{
        left: 0;
        right: 0;
        opacity: 0;
    }
    .index-about-text .more:hover:after{
        top: 0;
        bottom: 0;
        opacity: 0;
    }
    .index-strength-bg{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .index-strengthList>div .box:hover{
        background: #0792ff;
        color: #fff;
    }
    .index-strengthList>div .box:hover .icon img:first-child{
        display: none;
    }
    .index-strengthList>div .box:hover .icon img:last-child{
        display: block;
    }
    .index-strengthList>div .box:hover .title{
        color: #fff;
    }
    .index-honorList .box:hover{
        background: #c60603;
    }
    .index-honorList.owl-carousel .owl-nav button.owl-next:hover{
        background-image: url("../images/arrow_1r_h.png");
    }
    .index-honorList.owl-carousel .owl-nav button.owl-prev:hover{
        background-image: url("../images/arrow_1l_h.png");
    }
    .index-newsList .style-2{
        height: 570px;
    }
    .index-newsList .style-2 .img{
        height: 376px;
    }
    .index-newsList .style-2 .img img{
        display: none;
    }
    .index-newsList .box:hover,
    .index-newsList .box:hover .text .content{
        color: #c60603;
    }
    .index-newsList .box:hover .text .more{
        background: url("../images/arrow_1r_h.png") no-repeat;
    }
    .index-partnersList .box:hover{
        border: 1px solid #c60603;
    }
    .index-partnersList.owl-carousel .owl-nav button.owl-next:hover{
        background-image: url("../images/arrow_1r_h.png");
    }
    .index-partnersList.owl-carousel .owl-nav button.owl-prev:hover{
        background-image: url("../images/arrow_1l_h.png");
    }
    .InnerPage-navLeft{
        float: left;
        width: -webkit-calc(100% - 320px);
        width: -moz-calc(100% - 320px);
        width: calc(100% - 320px);
    }
    .InnerPage-nav .item a{
        height: 90px;
        line-height: 90px;
    }
    .InnerPage-nav .item a:hover{
        background: #4c93fd;
        color: #fff;
    }
    .InnerPage-nav.nav-roll .owl-nav button span{
        height: 90px;
        line-height: 84px;
    }
    .InnerPage-nav.nav-roll .owl-nav button:hover{
        background: #e60012;
        color: #fff;
    }
    .currentLocation{
        float: right;
        width: 320px;
        line-height: 90px;
        text-align: right;
    }
    .productList-1>div .box:hover{
        border: 1px solid #4c93fd;
    }
    .productList-1>div .box .img:hover .img-box img{
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    .productList-1>div .box .content a:hover{
        background: url("../images/a_bg1_h.png") left center no-repeat;
    }
    .InnerPage-navVertical{
        float: left;
        width: 284px;
    }
    .InnerPage-navVertical .links-icon{
        display: none;
    }
    .InnerPage-navVertical .SideLayer .select-button{
        display: none;
    }
    .InnerPage-navVertical .SideLayer .ul1{
        display: block;
    }
    .InnerPage-navVertical .SideLayer .ul1>li{
        margin-bottom: 10px;
    }
    .InnerPage-navVertical .SideLayer .ul1>li>span,
    .InnerPage-navVertical .SideLayer .ul1>li>a{
        height: 60px;
        line-height: 60px;
        padding-right: 40px;
        padding-left: 40px;
        font-size: 18px;
    }
    .InnerPage-navVertical .SideLayer .ul2{
        padding-right: 30px;
        padding-left: 30px;
    }
    .InnerPage-navVertical .SideLayer .ul2>li{
        padding-right: 10px;
        padding-left: 10px;
    }
    .InnerPage-navVertical .SideLayer .ul2>li>a{
        height: 40px;
        line-height: 40px;
    }
    .InnerPage-nav-boxBg.fixed-style{
        height: 90px;
    }
    .InnerPage-right{
        float: right;
        width: -webkit-calc(100% - 310px);
        width: -moz-calc(100% - 310px);
        width: calc(100% - 310px);
    }
    .productNav-threeLevel .item a:hover span{
        background: #4c93fd;
        color: #fff;
    }
    .productNav-threeLevel.nav-roll .owl-nav button:hover{
        background: #e60012;
        color: #fff;
    }
    .productList-2 .box:hover .img img{
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    .productList-2 .box:hover .text{
        color: #4c93fd;
    }
    .productList-3>div .box:hover{
        background: #4c93fd;
        border: 1px solid #4c93fd;
        color: #fff;
    }
    .productList-3>div .box:hover .img img{
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    .productDetails-nav .box.fixed-top{
        top: 90px;
    }
    .productDetails-album .smallImg-box .slick-arrow:hover{
        border: 1px solid #c60603;
        color: #c60603;
    }
    .productDetails-text-1 .download-btn:hover{
        background: #e60012;
    }
    .customization-tabsTitle .item a:hover span{
        background: #c60603;
    }
    .serviceSupport-form a:hover{
        background-color: #c60603;
    }
    .serviceSupport-list .box:hover .name{
        background-image: url("../images/a_bg2_h.png");
        color: #4c93fd;
    }
    .serviceSupport-list .box:hover .a-btn{
        background: #4c93fd;
        color: #fff;
    }
    .InnerPage-about-1{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .InnerPage-about-1 .title{
        width: 320px;
        text-align: left;
    }
    .InnerPage-about-1 .title .name::before{
        margin-left: 0;
        left: 0;
    }
    .InnerPage-about-1 .content{
        width: -webkit-calc(100% - 340px);
        width: -moz-calc(100% - 340px);
        width: calc(100% - 340px);
    }
    .ApplicationField-details .a-btn:hover{
        background: #f00;
    }
    .ApplicationField-details .links .box a:hover{
        background: #4c93fd;
        color: #fff;
    }
    .ApplicationField-details .page-box .return-btn:hover{
        background: #c60603;
    }
    .recruit-list .box:hover .more{
        background: #c60603;
    }
    .contactUs-list>div .box:hover{
        box-shadow: 3px 0 24px rgba(76,147,253,0.36);
    }
}
@media (min-width: 992px){
    .col-md-5ths{
        float: left;
        width: 20%;
    }
    .Top-block .left-box{
        float: left;
    }
    .Top-block .right-box{
        float: right;
    }
    .header-custom .logo{
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .navbar-mobile-logo{
        display: none;
    }
    .header-custom .nav-custom>li>a{
        padding: 40px 10px;
        color: #333;
    }
    .header-custom .nav-custom>li>a:focus,
    .header-custom .nav-custom>li>a:hover,
    .header-custom .nav-custom>.active>a,
    .header-custom .nav-custom>.active>a:hover,
    .header-custom .nav-custom>.active>a:focus,
    .header-custom .nav-custom>.open>a,
    .header-custom .nav-custom>.open>a:hover,
    .header-custom .nav-custom>.open>a:focus,
    .header-custom .nav-custom>.dropdown.active>a,
    .header-custom .nav-custom>.dropdown.active>a:hover,
    .header-custom .nav-custom>.dropdown.active>a:focus{
        background-color: inherit;
        color: #333;
    }
    .header-custom .nav-custom>li>a:focus:after,
    .header-custom .nav-custom>li>a:hover:after,
    .header-custom .nav-custom>.active>a:after,
    .header-custom .nav-custom>.active>a:hover:after,
    .header-custom .nav-custom>.active>a:focus:after,
    .header-custom .nav-custom>.open>a:after,
    .header-custom .nav-custom>.open>a:hover:after,
    .header-custom .nav-custom>.open>a:focus:after,
    .header-custom .nav-custom>.dropdown.active>a:after,
    .header-custom .nav-custom>.dropdown.active>a:hover:after,
    .header-custom .nav-custom>.dropdown.active>a:focus:after{
        content: '';
        height: 5px;
        background: #4c93fd;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .header-custom .nav-custom>li .dropdown-menu{
        padding: 10px 0;
        border: none;
        right: 50%;
    }
    .header-custom .nav-custom>li .dropdown-menu>ul{
        float: left;
        width: 160px;
    }
    .header-custom .nav-custom>li .dropdown-menu>ul>li>a{
        height: 38px;
        line-height: 38px;
        padding: 0;
        color: #666;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .header-custom .nav-custom>li .dropdown-menu>ul>li>a:hover{
        color: #4c93fd;
    }
    .header-custom .navbar-tel{
        width: 169px;
        border-right: 2px solid #5c5c5c;
        top: 39px;
    }
    .header-custom .search-box{
        height: 61px;
        position: absolute;
        top: 39px;
        z-index: 99;
    }
    .header-custom .search-box .search-form{
        width: 260px;
        position: absolute;
        top: 100%;
        right: 0;
        display: none;
    }
    .footer-content .footer-left{
        float: left;
        width: 277px;
        text-align: center;
    }
    .footer-content .footer-left img{
        margin-right: auto;
        margin-left: auto;
    }
    .footer-content .foot-rightLinks{
        float: right;
    }
    .footer-friendshipLink{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .floating-frame .img{
        float: left;
        width: -webkit-calc(100% - 480px);
        width: -moz-calc(100% - 480px);
        width: calc(100% - 480px);
        height: 100px;
    }
    .floating-frame .message-box{
        float: right;
        width: 440px;
    }
    .InnerPage-about-2{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .history-content .box{
        display: flex;
        align-items: center;
        height: 266px;
    }
    .history-content .box .img{
        width: 385px;
        height: 266px;
        overflow: hidden;
    }
    .history-content .box .img img{
        display: block;
        width: 100%;
    }
    .history-content .box .text{
        width: -webkit-calc(100% - 385px);
        width: -moz-calc(100% - 385px);
        width: calc(100% - 385px);
    }
}
@media (min-width: 768px){
    .col-sm-5ths{
        float: left;
        width: 20%;
    }
    /* .index-solution .title .tabs-tit:last-child{
        margin-left: 140px;
    } */
    .productSortList-2 .content{
        margin-right: -10px;
        margin-left: -10px;
    }
    .productSortList-2 .content>div{
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 20px;
    }
    .productSortList-2 .content>div .box{
        padding: 15px;
        font-size: 18px;
    }
    .productSortList-2 .content>div .box .name{
        height: 46px;
        line-height: 46px;
    }
    .productList-1{
        margin-right: -17px;
        margin-left: -17px;
        margin-bottom: 22px;
    }
    .productList-1>div{
        padding-right: 17px;
        padding-left: 17px;
        margin-bottom: 28px;
    }
    .productList-1>div .box .content{
        height: 80px;
        overflow: hidden;
    }
    .productList-1>div .box .content a{
        width: 33.33333333%;
    }
    .productList-2 .box{
        padding: 30px;
    }
    .productList-2 .box .img{
        float: left;
        width: 328px;
        height: 228px;
        display: flex;
    }
    .productList-2 .box .img img{
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }
    .productList-2 .box .text{
        float: right;
        width: -webkit-calc(100% - 348px);
        width: -moz-calc(100% - 348px);
        width: calc(100% - 348px);
    }
    .productList-2 .box .text .title{
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        font-size: 24px;
    }
    .productList-2 .box .text .content{
        height: 90px;
        line-height: 30px;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .productList-2 .box .text .more{
        width: 160px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }
    .productList-3{
        margin-right: -7px;
        margin-left: -7px;
    }
    .productList-3>div{
        padding-right: 7px;
        padding-left: 7px;
        margin-bottom: 20px;
    }
    .productList-3>div .box{
        font-size: 18px;
    }
    .productList-3>div .box .name{
        height: 50px;
        line-height: 50px;
    }
    .productDetails-flex{
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .productDetails-flex>div{
        width: -webkit-calc(50% - 15px);
        width: -moz-calc(50% - 15px);
        width: calc(50% - 15px);
    }
    .productDetails-text-1 .con-2{
        overflow-y: auto;
        margin-bottom: 0;
        position: absolute;
        top: 168px;
        bottom: 110px;
    }
    .productDetails-text-1 .download-btn{
        position: absolute;
        bottom: 30px;
        left: 0;
    }
    .productDetails-text-3 .con-2{
        overflow-y: auto;
        position: absolute;
        top: 176px;
        bottom: 0;
    }
    .productList-4{
        margin-right: -12px;
        margin-left: -12px;
    }
    .productList-4>div{
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 24px;
    }
    .productList-4>div .box{
        font-size: 18px;
    }
    .productList-3>div .box .name{
        height: 38px;
        line-height: 38px;
    }
    .customization-tabsTitle .item a{
        font-size: 18px;
    }
    .customization-tabsTitle .item a span{
        height: 60px;
        line-height: 60px;
    }
    .customization-tabsTitle.nav-roll .owl-nav button span{
        height: 60px;
        line-height: 56px;
    }
    .serviceSupport-list .box::before{
        content: '';
        border-top: 1px dashed #b3b3b3;
        position: absolute;
        top: 50%;
        right: 78px;
        left: 0;
    }
    .serviceSupport-list .box .name{
        float: left;
    }
    .serviceSupport-block{
        padding: 35px 40px 1px 40px;
        margin-bottom: 50px;
    }
    .serviceSupport-form{
        height: 58px;
        padding-right: 140px;
        margin-bottom: 30px;
        border-radius: 29px;
    }
    .serviceSupport-form input[type=text]{
        height: 58px;
        line-height: 56px;
        padding-left: 35px;
        border-radius: 29px 0 0 29px;
        font-size: 16px;
    }
    .serviceSupport-form a{
        width: 140px;
        height: 58px;
        line-height: 58px;
        border-radius: 29px;
        font-size: 20px;
    }
    .serviceSupport-form button{
        width: 140px;
        height: 58px;
        border: none;
        background: #4c93fd;
        /*line-height: 58px;*/
        border-radius: 29px !important;
        font-size: 20px;
        position: absolute;
        color: #ffffff;
        top: 0;
        right: 0;
    }
    .serviceSupport-form button:hover {
        background-color: #c60603; 
    }
    .serviceSupport-list{
        padding-bottom: 30px;
    }
    .serviceSupport-list .box{
        margin-bottom: 20px;
        font-size: 16px;
    }
    .InnerPage-about-3 .text-1{
        display: flex;
        justify-content : center;
        align-items: center;
        margin-bottom: 50px;
    }
    .InnerPage-about-3 .text-2>div:first-child{
        border-left: none;
    }
    .InnerPage-about-lastBg .InnerPage-about-5{
        padding-top: 110px;
        padding-bottom: 70px;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .img-bg{
        width: 65%;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .text{
        width: 687px;
        height: 298px;
        padding: 50px 60px 0 60px;
        background: #fff;
        border-bottom: 10px solid #4c93fd;
        box-shadow: 2px 7px 24px rgba(0,83,172,0.16);
        color: #333;
    }
    .history-bg .InnerPage-publicTitle{
        margin-bottom: 80px;
    }
    .history-title{
        padding-right: 50px;
        padding-left: 50px;
    }
    .history-title-prev{
        left: 0;
    }
    .history-title-next{
        right: 0;
    }
    .history-title .line-left{
        margin-right: -50px;
    }
    .history-title .line-right{
        margin-left: -50px;
    }
    .InnerPage-partnersList{
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 20px;
    }
    .InnerPage-partnersList>div{
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 30px;
    }
    .ApplicationField-details .links{
        min-height: 40px;
        padding-left: 64px;
        margin-bottom: 45px;
        position: relative;
    }
    .ApplicationField-details .links .name{
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .ApplicationField-details .page-box{
        /*min-height: 80px;*/
        padding-right: 234px;
        position: relative;
    }
    .ApplicationField-details .page-box .return-btn{
        position: absolute;
        top: 0;
        right: 0;
    }
    .recruit-list .box .img{
        float: left;
        width: 34.5%;
        height: 195px;
    }
    .recruit-list .box .text{
        float: right;
        width: 65.5%;
        height: 195px;
        padding: 32px 30px 0 30px;
    }
    .contactUs-list{
        margin-right: -12px;
        margin-left: -12px;
    }
    .contactUs-list>div{
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 24px;
    }
    .contactUs-list>div .box{
        height: 242px;
        padding: 25px 20px 0 20px;
    }
    .news-list{
        margin-bottom: 32px;
    }
    .news-list>div .box .img{
        float: left;
        width: 40%;
        height: 237px;
    }
    .news-list>div .box .img img{
        display: none;
    }
    .news-list>div .box .text{
        float: right;
        width: 60%;
        padding: 30px 25px;
    }
    .news-list>div .box .text .content{
        height: 52px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
@media (min-width: 1366px) and (max-width: 1919px){
    .container,
    .other-container{
        width: 1200px;
    }
    .header-custom .nav-custom{
        padding-right: 210px;
    }
    .friendship-link .content a{
        width: 16.66666666%;
    }
}
@media (min-width: 1200px) and (max-width: 1919px){
    .productDetails-block{
        padding-right: 33px;
        padding-left: 33px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .other-container{
        width: 1170px;
    }
    .footer-content .foot-rightLinks .box{
        margin-left: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1365px){
    .header-custom .navbar-tel{
        display: none;
    }
    .header-custom .nav-custom{
        padding-right: 50px;
    }
    .header-custom .search-box{
        right: 15px;
    }
    .friendship-link .content a{
        width: 20%;
    }
    .productSort-list-2 .content>div .box img{
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .header-custom .nav-custom>li>a{
        padding-right: 5px;
        padding-left: 5px;
    }
    .footer-content .foot-rightLinks .box{
        margin-left: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    .index-about-text{
        margin-bottom: 50px;
    }
    .InnerPage-navVertical{
        margin-bottom: 50px;
    }
    .productDetails-block{
        padding-right: 30px;
        padding-left: 30px;
    }
    .InnerPage-about-1 .title{
        margin-bottom: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .header-box{
        height: 74px;
    }
    .header-custom .navbar-toggle{
        top: 27px;
    }
    .footer-content .footer-left{
        min-height: 168px;
        padding-right: 277px;
        position: relative;
    }
    .footer-content .footer-left .weChat-code{
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .productDetails-nav .box a{
        margin-right: 5px;
        margin-left: 5px;
    }
    .InnerPage-about-2 .text{
        margin-bottom: 50px;
    }
    .friendship-link .content a{
        width: 25%;
    }
}
@media only screen and (max-width : 1365px){
    .productSort-list-1{
        display: none;
    }
    .productSort-list-2{
        display: block;
    }
    .productNav-threeLevel-box{
        padding: 10px;
        background: #fff;
    }
    .productNav-threeLevel .item a{
        padding-right: 3px;
        padding-left: 2px;
        font-size: 16px;
        position: relative;
    }
    .productNav-threeLevel .item a::before{
        content: '';
        width: 1px;
        height: 12px;
        margin-top: -6px;
        background: #efefef;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .productNav-threeLevel .item a span{
        height: 40px;
        line-height: 40px;
    }
    .productNav-threeLevel.default-style .item a span{
        padding-right: 15px;
        padding-left: 15px;
    }
    .productNav-threeLevel.nav-roll .owl-nav button{
        width: 20px;
        background: #fef2f3;
        color: #c60603;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        position: absolute;
        top: 0;
    }
    .productNav-threeLevel.nav-roll .owl-nav button span{
        display: inline-block;
        height: 40px;
        line-height: 36px;
        font-size: 26px;
    }
    .productNav-threeLevel.nav-roll .owl-nav button.owl-prev{
        left: -22px;
    }
    .productNav-threeLevel.nav-roll .owl-nav button.owl-next{
        right: -22px;
    }
}
@media only screen and (max-width : 1199px){
    .index-about-text .statistics>div{
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }
    .index-about-text .statistics>div:first-child{
        border-left: none;
    }
    .index-about-text .statistics>div:first-child::after{
        display: none;
    }
    .ipad-none{
        display: none;
    }
    .InnerPage-navVertical{
        height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: -15px;
        margin-left: -15px;
        background: #4c93fd;
        font-size: 16px;
        color: #fff;
    }
    .InnerPage-navVertical .links-icon{
        display: block;
        float: left;
        height: 40px;
        padding: 0 10px;
        position: relative;
    }
    .InnerPage-navVertical .links-icon i{
        display: block;
        line-height: 40px;
        font-size: 14px;
        color: #fff;
    }
    .InnerPage-navVertical .SideLayer{
        float: left;
        position: relative;
        z-index: 97;
    }
    .InnerPage-navVertical .SideLayer .select-button{
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        color: #fff;
        position: relative;
    }
    .InnerPage-navVertical .SideLayer .select-button .caret{
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        vertical-align: middle;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }
    .InnerPage-navVertical .SideLayer>ul{
        min-width: 100%;
        box-shadow: 4px 0 15px rgba(0,0,0,0.1);
        border-radius: 3px;
        overflow: hidden;
        position: absolute;
        top: 41px;
        left: 0;
    }
    .InnerPage-navVertical .links-icon::after,
    .InnerPage-navVertical .SideLayer .select-button::before,
    .InnerPage-navVertical .SideLayer .select-button::after{
        content: "";
        width: 1px;
        height: 20px;
        margin-top: -10px;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 50%;
    }
    .InnerPage-navVertical .SideLayer .select-button::before{
        right: 0;
        left: auto;
    }
}
@media only screen and (max-width : 991px){
    .Top-block .left-box{
        display: none;
    }
    .header-custom .navbar-tel{
        top: 27px;
        left: 230px;
    }
    .header-custom .navbar-collapse{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        background: rgba(0,0,0,0.9);
        border-color: rgba(0,0,0,0.9);
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        z-index: 99;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    .navbar-mobile-logo{
        display: block;
        padding: 30px 0;
        margin-right: -15px;
        margin-left: -15px;
        border-bottom: 1px solid #aaa;
        text-align: center;
    }
    .navbar-mobile-logo img{
        max-width: 70%;
    }
    .collapse.in{
        right: 0;
    }
    .header-custom .nav-custom{
        margin-right: 0;
        margin-left: 0;
    }
    .header-custom .nav-custom *{
        text-align: center;
    }
    .header-custom .nav-custom>li{
        margin-bottom: 1px;
    }
    .header-custom .nav-custom>li>a{
        color: #fff;
    }
    .header-custom .nav-custom>li>a:focus,
    .header-custom .nav-custom>li>a:hover,
    .header-custom .nav-custom>.active>a,
    .header-custom .nav-custom>.active>a:hover,
    .header-custom .nav-custom>.active>a:focus{
        background-color: inherit;
        color: #c60603;
    }
    .header-custom .nav-custom>.open>a,
    .header-custom .nav-custom>.open>a:hover,
    .header-custom .nav-custom>.open>a:focus,
    .header-custom .nav-custom>.dropdown.active>a,
    .header-custom .nav-custom>.dropdown.active>a:hover,
    .header-custom .nav-custom>.dropdown.active>a:focus{
        background-color: #fff;
        color: #c60603;
    }
    .header-custom .nav-custom>li.open .dropdown-menu>ul>li>a{
        line-height: 32px;
        color: #aaa;
    }
    .header-custom .search-box .search-btn{
        display: none;
    }
    .header-custom .navbar-toggle{
        top: 22px;
    }
    .footer-content .foot-rightLinks{
        display: none;
    }
    .floating-frame .img{
        display: none;
    }
    .pages a{
        display: none;
    }
    .pages .lastPage-btn,
    .pages .nextPage-btn{
        display: inline-block;
    }
    .history-content .box .img{
        display: none;
    }
}
@media only screen and (max-width : 767px){
    body{
        padding-bottom: 70px;
    }
    .col-xs-5ths{
        float: left;
        width: 20%;
    }
    .Top-block{
        font-size: 12px;
        display: none;
    }
    .header-box{
        height: 66px;
    }
    .header-custom .navbar-toggle{
        top: 18px;
    }
    .header-custom .logo img{
        width: 109px;
    }
    .header-custom .navbar-tel{
        display: none;
    }
    .footer-content .footer-left{
        text-align: center;
    }
    .footer-content .footer-left>img{
        margin-right: auto;
        margin-left: auto;
    }
    .footer-content .footer-left .text{
        line-height: 24px;
        font-size: 22px;
    }
    .footer-content .footer-left .weChat-code{
        margin-right: auto;
        margin-left: auto;
    }
    .footer-friendshipLink{
        display: none;
    }
    .floating-frame{
        display: none;
    }
    .mobile-bottom{
        display: block;
    }
    .pages{
        margin-bottom: 30px;
    }
    .banner{
        margin-bottom: 30px;
    }
    .index-publicTitle{
        padding-top: 12px;
        padding-bottom: 16px;
    }
    .index-publicTitle.mb40{
        margin-bottom: 20px;
    }
    .index-publicTitle .name-en{
        line-height: 24px;
        font-size: 30px;
    }
    .index-publicTitle .name-cn{
        line-height: 22px;
        font-size: 24px;
    }
    .index-publicTitle .text{
        font-size: 14px;
    }
    .productSort-list-2{
        margin-bottom: 20px;
    }
    .index-solution .title.mb30{
        margin-bottom: 20px;
    }
    .index-solution .title .tabs-tit{
        width: 50%;
        padding-bottom: 10px;
    }
    .index-solution .title .tabs-tit .name-cn{
        height: 28px;
        line-height: 28px;
        font-size: 24px;
    }
    .index-solutionList .box span{
        /*height: 40px;*/
        line-height: 40px;
    }
    .index-about-bg{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .index-about-text{
        margin-bottom: 20px;
    }
    .index-about-text .content{
        line-height: 22px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .index-about-text .more{
        width: 140px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .index-about-text .statistics>div{
        font-size: 12px;
    }
    .index-about-text .statistics>div .box{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .index-about-text .statistics>div .box .counter{
        font-size: 30px;
    }
    .index-about-links a{
        padding-top: 20px;
        font-size: 14px;
    }
    .index-about-links a img{
        width: 36px;
    }
    .index-about-links a .name{
        line-height: 44px;
    }
    .index-strength-bg{
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .index-strength-bg.mb50,
    .index-honorList.mb50{
        margin-bottom: 30px;
    }
    .index-strengthList>div .box{
        height: 184px;
        padding-top: 15px;
    }
    .index-strengthList>div .box .number{
        width: 110px;
        top: 20px;
    }
    .index-strengthList>div .box .icon{
        margin-bottom: 5px;
    }
    .index-strengthList>div .box .title{
        margin-bottom: 10px;
    }
    .index-honorList .box{
        font-size: 18px;
    }
    .index-honorList .box span{
        height: 50px;
        line-height: 50px;
    }
    .index-honorList.other-style .box span{
        height: 40px;
        line-height: 40px;
    }
    .index-honorList .owl-dots{
        margin-top: 20px;
    }
    .index-news-bg{
        display: none;
        padding-top: 50px;
        padding-bottom: 40px;
        margin-bottom: 50px;
    }
    .index-newsList .style-1{
        margin-bottom: 10px;
    }
    .index-newsList .style-2{
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .index-newsList .style-2 .text{
        margin-bottom: 20px;
    }
    .index-newsList .style-3{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .index-partnersList{
        margin-bottom: 50px;
    }
    .mobile-none{
        display: none;
    }
    .InnerPage-nav-boxBg{
        margin-bottom: 30px;
    }
    .InnerPage-navVertical{
        margin-bottom: 30px;
    }
    .productList-3{
        margin-bottom: 20px;
    }
    .productDetails-block{
        padding: 14px;
        margin-bottom: 30px;
    }
    .productDetails-text-1{
        padding-top: 15px;
    }
    .productDetails-text-1 .tit-1{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .productDetails-text-1 .con-1{
        height: 28px;
        line-height: 28px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .productDetails-text-1 .con-2{
        line-height: 24px;
        margin-bottom: 20px;
    }
    .productDetails-text-1 .con-2 p span{
        word-break:break-all;
        display:block; 
        text-wrap:wrap!important;
    }
    .productDetails-text-1 .download-btn{
        width: 150px;
        height: 40px;
        line-height: 40px;
    }
    .productDetails-flex{
        margin-bottom: 30px;
    }
    .productDetails-text-2.mb50{
        margin-bottom: 30px;
    }
    .productDetails-text-2 .title{
        margin-bottom: 15px;
    }
    .productDetails-text-2 .title .tabs-tit{
        height: 40px;
        line-height: 40px;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 18px;
    }
    .publicTitle-1{
        line-height: 22px;
        padding-bottom: 16px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    .productDetails-nav{
        height: 38px;
        margin-bottom: 30px;
    }
    .productDetails-nav .box a{
        width: 24%;
        height: 40px;
        line-height: 38px;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
        border-radius: 20px;
        font-size: 16px;
    }
    .productDetails-text-3{
        padding-top: 15px;
    }
    .productDetails-text-3 .tit-1{
        height: 30px;
        line-height: 30px;
        font-size: 18px;
    }
    .productDetails-text-3 .con-1{
        height: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .productDetails-text-3 .tit-2{
        height: 35px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .productDetails-text-3 .con-2{
        line-height: 24px;
        font-size: 14px;
    }
    .InnerVideo-bg{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .productDetails-text-4{
        padding-top: 30px;
    }
    .productList-4{
        margin-bottom: 20px;
    }
    .customization-text{
        margin-bottom: 20px;
    }
    .customization-text .title{
        line-height: 24px;
        margin-bottom: 15px;
        font-size: 24px;
    }
    .customization-text .content{
        line-height: 22px;
        font-size: 14px;
    }
    .container.mb50{
        margin-bottom: 30px;
    }
    .InnerPage-about-1{
        line-height: 22px;
        margin-bottom: 30px;
        font-size: 14px;
    }
    .InnerPage-about-1 .title{
        margin-bottom: 15px;
    }
    .InnerPage-about-1 .title .name{
        height: 34px;
        margin-bottom: 10px;
    }
    .InnerPage-about-2 .text{
        margin-bottom: 20px;
    }
    .InnerPage-about-2 .text .box .content{
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }
    .InnerPage-about-2 .text .box .content span{
    font-size: 40px;
    }
    .InnerPage-about-2 .text .box .name{
        font-size: 14px;
    }
    .InnerPage-about-3{
        padding-top: 30px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .InnerPage-about-3 .textMobile-1{
        display: block;
    }
    .InnerPage-about-3 .text-2>div:nth-child(2n+1){
        border-left: none;
    }
    .InnerPage-about-3 .text-2>div .title{
        font-size: 14px;
    }
    .InnerPage-about-3 .text-2>div .content{
        line-height: 40px;
        font-size: 16px;
    }
    .InnerPage-about-3 .text-2>div .content span{
        font-size: 32px;
    }
    .InnerPage-publicTitle{
        height: 34px;
        margin-bottom: 20px;
    }
    .InnerPage-about-4>div{
        margin-bottom: 10px;
    }
    .InnerPage-about-4>div .box .text .name{
        font-size: 18px;
    }
    .InnerPage-about-lastBg{
        padding-bottom: 30px;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .img-bg{
        width: 100%;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .text{
        text-align: center;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .text .title{
        margin-bottom: 15px;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .text .title::before{
        margin-left: -15px;
        left: 50%;
    }
    .InnerPage-about-lastBg .InnerPage-about-5 .text .content{
        line-height: 28px;
        font-size: 16px;
    }
    .history-bg{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .history-title{
        margin-bottom: 30px;
    }
    .history-title-prev{
        left: -10px;
    }
    .history-title-next{
        right: -10px;
    }
    .history-content .box .text{
        padding: 15px;
    }
    .bg-f9f9f9-2{
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .details-block-fff{
        padding: 20px 15px;
    }
    .ApplicationField-details .title{
        margin-bottom: 20px;
        font-size: 12px;
    }
    .ApplicationField-details .title .name{
        line-height: 28px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .ApplicationField-details .content{
        line-height: 22px;
        margin-bottom: 30px;
        font-size: 14px;
    }
    .ApplicationField-details .a-btn{
        width: 180px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 30px;
        font-size: 18px;
    }
    .ApplicationField-details .links{
        margin-bottom: 25px;
    }
    .ApplicationField-details .links .name{
        margin-bottom: 15px;
    }
    .ApplicationField-details .links .box a{
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .ApplicationField-details .page-box .page-links{
        margin-bottom: 10px;
    }
    .ApplicationField-details .page-box .page-links a{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .ApplicationField-details .page-box .return-btn{
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-right: auto;
        margin-left: auto;
        font-size: 18px;
    }
    .ApplicationField-details .page-box .return-btn img{
        display: none;
    }
    .recruit-list .box{
        margin-bottom: 10px;
    }
    .recruit-list .box .img{
        display: none;
    }
    .recruit-list .box .text{
        padding: 10px 15px 15px 15px;
    }
    .recruit-list .box .text .title{
        margin-bottom: 5px;
        font-size: 16px;
    }
    .recruit-list .box .text .content{
        margin-bottom: 15px;
    }
    .recruit-list .box .text .more{
        width: 100px;
        height: 32px;
        line-height: 32px;
    }
    .contactUs-list{
        margin-bottom: 20px;
    }
    .contactUs-list>div{
        margin-bottom: 10px;
    }
    .contactUs-list>div .box{
        padding: 15px;
    }
    .contactUs-list>div .box .title{
        margin-bottom: 10px;
    }
    .contactUs-list>div .box .content{
        margin-bottom: 5px;
    }
    .friendship-link{
        padding: 20px 15px;
        margin-bottom: 30px;
    }
    .friendship-link .content a{
        width: 50%;
    }
    .news-list>div .box{
        font-size: 14px;
    }
    .news-list>div .box .text{
        padding: 15px;
    }
    .news-list>div .box .text .date{
        height: 20px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .news-list>div .box .text .title{
        height: 24px;
        line-height: 24px;
        font-size: 16px;
    }
    .news-list>div .box .text .content{
        line-height: 20px;
    }
    .news-list>div .box .text .more{
        width: 100px;
    }
}
@media only screen and (max-width : 413px){
}