/* 手机设备（768px 以下） */
@media (max-width: 768px) { 
    @-webkit-keyframes moveit {
        from {right: -50%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -50%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
    .swiper-container {
        height: 198px;
    }
    .text-content-box .text-title {
        font-size: 22px;
    }
    .text-content-box .text-explain {
        font-size: 12px;
        padding: 0 30px;
    }
    .text-content-box .text-details {
        font-size: 12px;
        padding: 0 30px;
    }
    .numerical-content .numerical-box { min-width: 120px; }
    .numerical-content .numerical-box .numerical {
        font-size: 30px;
    }
    .numerical-content .numerical-box .unit-box {
        margin-bottom: 20px;
    }
    .text-content-box { padding-bottom: 40px; padding-top: 40px;}

    .development .development-img { padding-top: 30px; }
    .development .development-img .content-img{ width: 50%; height: auto;}
    .development .development-img .img-text{ font-size: 16px;}

    .enterprise-introduction .left-introduction { padding: 20px 10px 20px; }
    .enterprise-introduction .right-img { max-width: 100%; }
    .enterprise-introduction .left-introduction .introduction-title{ font-size: 20px; margin-bottom: 5px;}
    .enterprise-introduction .left-introduction .introduction-title-en { font-size: 16px; margin-bottom: 10px;}
    .enterprise-introduction .left-introduction .details-button {margin-top: 30px; padding-top: 0px;}

    .case-box-phone { display: block !important; }

    .service-conent .service-text { font-size: 20px; margin-bottom: 5px; }
    .service-conent .service-text-en { font-size: 16px; margin-bottom: 10px; }
    .service-conent .service-box .service-img { max-width: 50%; height: auto; }
    .service-conent .service-box .service-text { font-size: 16px; }

    .case-box { display: none; }
 }
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) { 
    @-webkit-keyframes moveit {
        from {right: -70%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -70%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
    .swiper-box-content { margin-top: 90px; }
    .swiper-container {
        height: 298px;
    }
    .text-content-box .text-title {
        font-size: 28px;
    }
    .text-content-box .text-explain {
        font-size: 14px;
    }
    .text-content-box .text-details {
        font-size: 14px;
    }
    .numerical-content .numerical-box .people-home {
        font-size: 14px;
    }
    .numerical-content .numerical-box .numerical {
        font-size: 36px;
    }
    .numerical-content .numerical-box .unit-box {
        font-size: 14px;
    }
    .text-content-box { padding-bottom: 60px; padding-top: 60px;}
    .case-box .more-case { font-size: 16px; }
    .development .development-img { padding-top: 50px; }
    .development .development-img .content-img{ max-width: 60%; height: auto;}
    .development .development-img .img-text{ font-size: 18px;}

    .enterprise-introduction .left-introduction { padding: 60px 45px 40px 15px; }
    .enterprise-introduction .right-img { max-width: 100%; padding-top: 100px;}
    .enterprise-introduction .left-introduction .introduction-title { font-size: 26px; margin-bottom: 5px;}
    .enterprise-introduction .left-introduction .introduction-title-en { font-size: 16px; margin-bottom: 20px;}
    .enterprise-introduction .left-introduction .details-button {margin-top: 30px; width: 150px;}

    .service-conent .service-text { font-size: 26px; margin-bottom: 5px; }
    .service-conent .service-text-en { font-size: 16px; margin-bottom: 20px; }
    .service-conent .service-box .service-img { max-width: 60%; height: auto; }
    .service-conent .service-box .service-text { font-size: 18px; }
 }

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) { 
    @-webkit-keyframes moveit {
        from {right: -80%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -80%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
    .swiper-box-content { margin-top: 90px; }
    .swiper-container {
        height: 398px;
    }
    .text-content-box .text-title {
        font-size: 34px;
    }
    .text-content-box .text-explain {
        font-size: 16px;
    }
    .case-box .more-case {  font-size: 16px; }
    .text-content-box .text-details {
        font-size: 16px;
    }
    .numerical-content .numerical-box .people-home {
        font-size: 16px;
    }
    .numerical-content .numerical-box .numerical {
        font-size: 42px;
    }
    .numerical-content .numerical-box .unit-box {
        font-size: 16px;
    }
    .text-content-box { padding-bottom: 80px; padding-top: 80px;}

    .development .development-img { padding-top: 60px; }
    .development .development-img .content-img{ max-width: 80%; height: auto;}
    .development .development-img .img-text{ font-size: 20px;}

    .enterprise-introduction .left-introduction { padding: 70px 45px 40px 15px; }
    .enterprise-introduction .right-img { max-width: 100%; padding-top: 100px;}
    .enterprise-introduction .left-introduction .introduction-title{ font-size: 26px; margin-bottom: 5px;}
    .enterprise-introduction .left-introduction .introduction-title-en { font-size: 16px; margin-bottom: 20px;}
    .enterprise-introduction .left-introduction .details-button {margin-top: 30px; width: 150px;}

    .service-conent .service-text { font-size: 26px; margin-bottom: 5px; }
    .service-conent .service-text-en { font-size: 16px; margin-bottom: 20px; }
    .service-conent .service-box .service-img { max-width: 80%; height: auto; }
    .service-conent .service-box .service-text { font-size: 20px; }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) { 
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
    .swiper-box-content { margin-top: 90px; }
    .swiper-container {
        height: 498px;
    }
    .text-content-box .text-title {
        font-size: 40px;
    }
    .text-content-box .text-explain {
        font-size: 18px;
    }
    .text-content-box .text-details {
        font-size: 18px;
    }
    .numerical-content .numerical-box .people-home {
        font-size: 18px;
    }
    .numerical-content .numerical-box .numerical {
        font-size: 48px;
    }
    .numerical-content .numerical-box .unit-box {
        font-size: 18px;
    }
    .text-content-box { padding-bottom: 100px; padding-top: 100px;}
    .case-box .more-case { font-size: 16px; }
    .development .development-img { padding-top: 70px; }
    .development .development-img .content-img{ max-width: 100%; height: auto;}
    .development .development-img .img-text{ font-size: 20px;}

    .enterprise-introduction .left-introduction { padding: 80px 65px 50px 15px; }
    .enterprise-introduction .right-img { max-width: 100%; padding-top: 100px;}
    .enterprise-introduction .left-introduction .introduction-title{ font-size: 26px; margin-bottom: 5px;}
    .enterprise-introduction .left-introduction .introduction-title-en { font-size: 16px; margin-bottom: 20px;}
    .enterprise-introduction .left-introduction .details-button {margin-top: 30px; width: 150px;}

    .service-conent .service-text { font-size: 26px; margin-bottom: 5px; }
    .service-conent .service-text-en { font-size: 16px; margin-bottom: 20px; }
    .service-conent .service-box .service-img { max-width: 100%; height: auto; }
    .service-conent .service-box .service-text { font-size: 20px; }
}

.text-content-box { text-align: center; background-color: #f2f2f2;}
.text-content-box .text-title { font-weight: 500; color: rgb(56, 55, 55); margin-bottom: 20px;}
.text-content-box .text-title>span { font-weight: 600;}
.text-content-box .text-explain { font-weight: 600; margin-bottom: 10px; }

.development { padding-bottom: 60px; background-color: #fff !important;}
.development .development-img .content-img{ height: auto; display: block;}
.development .development-img .img-text{ margin-top: 12px;font-weight: 500;}

.numerical-content { padding: 40px 0; background-color: #f2f2f2;}
.numerical-content .numerical-box .people-home { color: #777777; text-align: right; margin-bottom: 10px;}
.numerical-content .numerical-box .numerical { 
    color: #fe7600;
    margin-bottom: 10px;
}
.numerical-content .numerical-box .unit-box { color: #777777;}

.enterprise-introduction { background-color: #fff;}
.enterprise-introduction .left-introduction { box-sizing: border-box;}
.enterprise-introduction .left-introduction .introduction-title{ color: #333;}
.enterprise-introduction .left-introduction .introduction-title-en { color: rgb(119, 119, 119);}
.enterprise-introduction .left-introduction .introduction-text > p { font-size: 14px;color: #333;font-weight: 400; text-indent:2em; margin-bottom: 0px !important; line-height: 30px;}
.enterprise-introduction .left-introduction .details-button {cursor: pointer; background-color: #fe7600; line-height: 38px; text-align: center; border: 1px solid #fe7600;}
.enterprise-introduction .left-introduction .details-button .details-button-text { color: #fff; text-decoration:none;}
.enterprise-introduction .right-img {display: block; height: auto;}

.service-conent { padding-top: 40px; padding-bottom: 40px;}
.service-conent .service-text { color: #333; }
.service-conent .service-text-en { color: rgb(119, 119, 119); }
.service-conent .service-box { background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(198, 201, 211, 0.41); padding: 20px 0 15px; margin-bottom: 20px; border-radius: 8px; }
.service-conent .service-box .service-img { max-width: 100%; height: auto; }
.service-conent .service-box .service-text { margin-top: 12px;font-weight: 500; }

.case-box { background:url('../images/case-background.png') repeat fixed ; background-size: cover; background-position: center center;  padding: 90px 0 50px;}
.case-box .case-content { margin-bottom: 40px; }
.case-box .case-box-title { text-align: center; font-size: 58px; color: #fff; margin-bottom: 40px;}
.case-box .case-img-box { margin-bottom: 20px; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer;}
.case-box .case-img-box img{ display: block; width: 100%; height: auto; }
.case-box .case-img-box .case-img-text {position: absolute; bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.45); color: #fff; padding: 10px 0;}
.case-box .more-case >div { color: #fff; background:rgba(250, 250, 250, 0.3); border: 1px solid #f2f2f2; padding: 10px 40px 8px; border-radius: 24px; cursor: pointer;}
.case-box .more-case >div:hover { background:rgba(250, 250, 250, 0.4); }
.case-box .more-case >div:active { background:rgba(250, 250, 250, 0.5); }
.case-box .more-case >div >img { width: 24px; height: 24px; display: block; margin-left: 10px;}

.case-box-phone { background:url('../images/case-background.png') repeat fixed ; background-size: cover; background-position: center center;  padding: 60px 0; display: none;}
.case-box-phone .case-box-title { text-align: center; font-size: 30px; color: #fff; margin-bottom: 30px;}
.case-box-phone .swiper-phone { height: 260px; margin-bottom: 24px;}
.case-box-phone .case-img-box { margin-bottom: 20px; position: relative; border-radius: 8px; overflow: hidden;}
.case-box-phone .case-img-box img{ display: block; width: 100%; height: auto; }
.case-box-phone .case-img-box .case-img-text {position: absolute; bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.45); color: #fff; padding: 10px 0;}
.case-box-phone .new-more { color: #fff; background:rgba(250, 250, 250, 0.3); border: 1px solid #f2f2f2; padding: 6px 30px 6px; border-radius: 24px; cursor: pointer; }
.case-box-phone .new-more >img { width: 26px; height: 26px; display: block; margin-left: 4px; }

.enterprise-content { padding: 80px 0; background-color: #fff;}
.enterprise-content .enterprise-title{ font-size: 26px; color: rgba(68,68,68,1); text-align: center;margin-bottom: 4px;}
.enterprise-content .enterprise-title-en{ font-size: 16px; color: rgba(119,119,119,1); text-align: center;margin-bottom: 20px;}
.enterprise-content .enterprise-box { border: 1px solid rgba(119,119,119,.6); border-radius: 8px; margin-bottom: 10px; padding: 10px 0;}
.enterprise-content .enterprise-box img{ max-width: 30%; height: auto; }
.enterprise-content .enterprise-text { color: rgba(119,119,119,.8); font-size: 16px; text-align: center; margin-bottom: 30px;}

.bottom-content { padding-top: 40px; padding-bottom: 10px; }
.bottom-content ul { color: #b2b2b2; }
.bottom-content ul li{ font-size: 14px; margin-bottom: 30px; }
.bottom-content ul .buttom-title{ color: #fff; font-size: 16px; }
.bottom-box { text-align: center; font-size: 14px; color: #666666; padding-bottom: 10px;}
.bottom-box .bottom-buttom-text { margin-bottom: 12px; }
.bottom-box .bottom-buttom-text a{ color: #666666; text-decoration:none;}