@media only screen and (max-width: 1120px) {
    .wrap {
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
    }

    .islide {
        height: 550px;
    }

    .iabout .left-text {
        width: 440px;
    }

    .inews .inews-list {
        width: 600px;
    }

    .inews .inews-list li .cont {
        padding-right: 10px;
    }

    .icase .icase-list ul {
        width: auto;
        margin: 0;
        text-align: center;
    }

    .icase .icase-list li {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        margin-bottom: 4px;
        float: none;
        width: 33%;
        height: auto;
    }

    .icase .icase-list li .pic {
        height: auto;
    }

    .iguestbook .igb-form .input-box {
        width: 100%;
        float: none;
    }

    .iguestbook .igb-form .textarea {
        float: none;
        width: 100%;
    }

    .iguestbook .igb-form .textarea textarea {
        width: 530px;
    }

    .footer .ft-cont {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .about-article .about-show {
        padding-left: 10px;
        padding-right: 10px;
    }

    .about-article .top-pic-2 {
        height: 270px;
    }

    .about-article .dev-list {
        padding-right: 10px;
    }

    .about-article .honor-list .honor-list-item ul {
        width: auto;
        margin: 0;
        text-align: center;
    }

    .about-article .honor-ajax-more {
        margin: 30px 10px 50px;
    }

    .about-article .culture-list .cl-block .clb-1 {
        width: 49%;
    }

    .about-article .culture-list .cl-block .clb-1 .text {
        width: 100%;
    }

    .about-article .culture-list .cl-block .clb-1 .pic {
        display: none;
    }

    .about-article .culture-list .cl-block .clb-row-pic {
        display: none;
    }

    .about-article .culture-list .cl-block .clb-row-text {
        width: 100%;
    }

    .about-article .culture-list .cl-block .clb-block-text {
        width: 100%;
    }

    .about-article .culture-list .cl-block .clb-block-pic {
        display: none;
    }

    .about-article .culture-unit .cu-list ul {
        text-align: center;
        width: auto;
        margin-left: 0;
    }

    .about-article .culture-unit .cu-list li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-left: 0;
    }

    .about-article .culture-unit .cu-list li .text {
        width: 600px;
    }

    .about-article .team-list ul {
        width: auto;
        margin-left: 0;
    }

    .about-article .team-list li {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 0 5px 20px;
    }

    .about-article .contactus-list ul {
        width: auto;
        margin-left: 0;
        padding-top: 30px;
    }

    .about-article .contactus-list li {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
        float: none;
        margin: 0 5px 30px;
    }

    .case-content .case-sel-nav {
        height: auto;
        padding-bottom: 40px;
    }

    .case-content .case-sel-nav .area-a {
        background-color: #1F2A68;
        border: 1px solid #E1E1E1;
        height: auto;
    }

    .case-content .case-sel-nav .area-a ul {
        height: auto;
        min-height: 40px;
        border: none;
        padding-bottom: 10px;
    }

    .case-content .case-sel-nav .area-b {
        background-color: #1F2A68;
        border: 1px solid #E1E1E1;
        height: auto;
    }

    .case-content .case-sel-nav .area-b ul {
        height: auto;
        min-height: 40px;
        border: none;
        padding-bottom: 10px;
    }

    .case-content .case-sel-list ul {
        width: auto;
        margin-left: 0;
        padding-top: 30px;
    }

    .case-content .case-sel-list li {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
        float: none;
        margin: 0 5px 30px;
    }

    .case-content {
        /*margin-top: 20px;*/
    }

    .case-content .case-list > ul {
        width: auto;
        margin-left: 0;
    }

    .case-content .case-list > ul li {
        float: none;
        width: 32%;
        margin: 0 5px 15px;
        display: inline-block;
        vertical-align: middle;
        height: auto;
    }

    .case-content .case-list > ul li .pic {
        width: auto;
        height: auto;
    }

    .product-content .pro-cont-list-a {
        height: auto;
        padding-bottom: 20px;
    }

    .product-content .pro-cont-list-a ul {
        text-align: center;
    }

    .product-content .pro-cont-list-a li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 45%;
        margin: 0 10px 30px;
    }

    .product-content .pro-cont-list-a li:first-child {
        margin-left: 10px;
    }

    .product-content .pro-cont-list-b ul {
        text-align: center;
        width: auto;
    }

    .product-content .pro-cont-list-b li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 32%;
        margin: 0 5px 20px;
    }

    .product-content .pro-cont-list-b li .pic {
        height: auto;
    }

    .product-content .pro-cont-list-b li .text {
        display: block;
        padding: 15px 0;
        width: auto;
        height: auto;
        min-height: 50px;
    }

    .product-content .pro-cont-list-c ul {
        text-align: center;
        width: auto;
    }

    .product-content .pro-cont-list-c li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 32%;
        margin: 0 5px 20px;
    }

    .product-content .pro-cont-list-c li .pic {
        height: auto;
    }

    .product-content .pro-cont-list-c li .text {
        display: block;
        width: auto;
        height: auto;
        line-height: 80px;
    }

    .product-content .pro-cont-list-c {
        padding-bottom: 20px;
    }

    .product-content .pro-public-list ul {
        text-align: center;
        width: auto;
    }

    .product-content .pro-public-list li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        margin: 0 0 15px;
    }

    .product-content .pro-public-list li .text {
        height: auto;
        padding-bottom: 10px;
    }

    .product-content .pro-public-list li .ppl-pic {
        display: none;
    }

    .product-content .pro-public-list li:nth-child(4) {
        display: none;
    }

    .product-content .pro-public-list li .ppl-text {
        float: none;
        width: auto;
    }

    .product-content .pro-public-list {
        margin-top: 30px;
    }

    .product-content .pro-public-list ul {
        padding: 30px 0;
    }

    .service-content .serv-banner {
        height: 250px;
    }

    .service-content .serv-feature-list ul {
        width: auto;
        margin-left: 0;
    }

    .service-content .serv-feature-list li {
        width: auto;
        float: none;
        margin-left: 0;
    }

    .service-content .serv-family .sf-list ul {
        width: auto;
        margin-left: 0;
        text-align: center;
    }

    .service-content .serv-family .sf-list li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 32%;
        height: auto;
        margin: 0 5px 25px;
    }

    .service-content .serv-family .sf-list li .pic {
        height: auto;
    }

    .service-content .serv-family .sf-list li .cont {
        height: auto;
        padding-bottom: 10px;
    }

    .service-content .serv-family .sf-list li .cont .text {
        height: auto;
        min-height: 90px;
    }

    .service-content .serv-life-intro .cont {
        padding-left: 20px;
    }

    .service-content .serv-life-intro .cont .title {
        margin-top: 40px;
    }

    .service-content .serv-life-intro .cont .text {
        line-height: 36px;
    }

    .service-content .serv-life-text-b {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hkp-content .hkp-banner {
        height: 250px;
    }

    .hkp-content .hkp-list ul {
        width: auto;
        text-align: center;
        margin-left: 0;
    }

    .hkp-content .hkp-list li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 32%;
        height: auto;
        margin: 20px 5px 0;
    }

    .hkp-content .hkp-list li img {
        width: 100%;
        height: auto;
    }

    .hkp-content .hkp-idea ul {
        width: auto;
        margin-left: 0;
        text-align: center;
    }

    .hkp-content .hkp-idea li {
        float: none;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 25px;
        width: 47%;
        position: relative;
    }

    .hkp-content .hkp-idea li .pic {
        float: none;
        width: 100%;
        height: auto;
    }

    .hkp-content .hkp-idea li .cont {
        float: none;
        width: auto;
        text-align: center;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        z-index: 9;
    }

    .hkp-content .hkp-idea li .cont .en {
        margin-top: 25px;
    }

    .hkp-content .hkp-family-block-a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hkp-content .hkp-family-block-b {
        height: auto;
        padding: 30px 10px;
    }

    .hkp-content .hkp-family-block-b .title {
        margin-top: 0;
    }

    .hkp-content .hkp-family-block-b ul {
        text-align: center;
    }

    .hkp-content .hkp-family-block-b li {
        display: inline-block;
        vertical-align: middle;
        float: none;
        width: 32%;
        margin: 0 5px;
    }

    .hkp-content .hkp-family-block-b li img {
        width: 100%;
        height: auto;
    }

    .hkp-content .hkp-family-block-c .pic {
        display: none;
    }

    .hkp-content .hkp-family-block-d {
        margin-top: 25px;
    }

    .hkp-content .hkp-family-block-d .box {
        float: none;
        overflow: hidden;
        width: 100%;
        margin-bottom: 25px;
        padding-left: 40px;
    }

    .uplife-content .uplife-list ul {
        text-align: center;
        width: auto;
        margin-left: 0;
    }

    .uplife-content .uplife-list li {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 0 5px 25px;
        width: 100%;
        text-align: left;
    }

    .uplife-content .ulc-show {
        padding: 30px 10px 10px;
    }

    .uplife-content .ulc-rel {
        padding: 20px 10px 30px;
    }

    .joinus-content .joinus-job {
        padding: 30px 10px 130px;
    }

    .joinus-content .joinus-happy {
        padding: 30px 10px;
    }

    .joinus-content .joinus-happy .cont {
        padding: 0 10px 0 20px;
    }

    .joinus-content .joinus-happy-list {
        padding: 20px 0;
    }

    .joinus-content .joinus-happy-list ul {
        text-align: center;
        width: auto;
        height: auto;
        margin-left: 0;
    }

    .joinus-content .joinus-happy-list li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 25px;
        width: 32%;
        height: auto;
    }

    .joinus-content .joinus-promotion-banner {
        height: 250px;
    }

    .joinus-content .joinus-promotion-text {
        padding: 30px 10px;
    }

    .joinus-content .joinus-promotion-text h4 {
        padding-bottom: 30px;
    }

    .joinus-content .joinus-promotion-row {
        padding: 30px 10px 10px;
    }

    .joinus-content .joinus-promotion-row ul {
        width: auto;
        margin-left: 0;
    }

    .joinus-content .joinus-promotion-row li {
        display: inline-block;
        vertical-align: middle;
        float: none;
        width: 32%;
        height: auto;
        margin: 0 5px 25px;
    }

    .joinus-content .joinus-promotion-row li img {
        height: auto;
    }

    .joinus-content .joinus-promotion-list ul {
        width: auto;
        margin-left: 0;
    }

    .joinus-content .joinus-promotion-list li {
        float: none;
        margin: 0 0 25px;
        width: 100%;
        height: auto;
    }

    .joinus-content .joinus-promotion-list {
        padding: 30px 10px;
    }

    .news-content .news-top-list li .pic {
        display: none;
    }

    .news-content .news-top-list {
        padding: 0 10px;
        width: auto;
    }

    .video-list .mv-list ul {
        width: auto;
        margin-left: 0;
    }

    .video-list .mv-list li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 25px;
        padding-bottom: 20px;
        float: none;
        width: 32%;
        height: auto;
    }

    .video-list .mv-list li .video-box {
        width: auto;
    }

    .video-list .mv-list li .title {
        padding: 15px 20px;
        line-height: 20px;
    }

    .video-list .mv-ajax-more {
        margin: 10px 10px 40px;
        width: auto;
    }

    .news-story-list .story-list li .box {
        height: auto;
    }

    .news-story-list .story-list li .box .pic {
        float: none;
        width: auto;
        height: auto;
    }

    .news-story-list .story-list li .cont {
        padding-bottom: 20px;
    }

    .news-story-list .story-list li .cont .title {
        margin-top: 20px;
    }

    .news-story-list .story-list li .cont .text {
        height: auto;
    }

    .features-content .features-banner {
        height: 180px;
    }

    .features-content .featureslist li .img {
        width: 45%;
    }

    .features-content .featureslist li .img img {
        width: 100%;
    }

    .features-content .featureslist li .txt {
        margin: 0px 5%;
        width: 45%;
    }

    .features-content .manage-info .piclist1 .img1 {
        width: 42%;
    }

    .features-content .manage-info .piclist1 .img2 {
        width: 55%;
    }

    .features-content .business-info {
        margin: 60px 0px 87px 0px;
    }

    .features-content .business-info img {
        width: 100%;
    }

    .features-content .business-info .part1 {
        margin-bottom: 84px;
    }

    .features-content .business-info .part1 .img {
        width: 50%;
        margin-right: 10%;
    }

    .features-content .business-info .part1 .txt {
        width: 40%;
    }

    .features-content .business-info .part2 {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .features-content .business-info .part2 .txt {
        width: 40%;
        margin-right: 10%;
    }

    .features-content .business-info .part2 .img {
        width: 50%;
    }

    .features-content .business-info .imglist {
        margin-top: 70px;
        margin-right: -15px;
    }

    .features-content .business-info .imglist li .list {
        margin-right: 15px;
    }

    .features-content .public-info li {
        padding: 50px 0px 60px 0px;
    }

    .features-content .property-info img {
        width: 100%;
    }

    .features-content .service-lc .imglist li a .img {
        width: 140px;
        height: 140px;
    }

    .features-content .service-lc .imglist li a:after {
        top: 67px;
    }

    .features-content .sales-service .part1 .img {
        margin-right: 10%;
    }

    .features-content .sales-service .piclist1 .img1 {
        width: 42%;
    }

    .features-content .sales-service .piclist1 .img2 {
        width: 55%;
    }

    .uplife-content .uplife-banner {
        height: 180px;
    }

    .relation-content .relation-banner {
        height: 180px;
    }

    .relation-content .relationlist li .img img {
        width: 100%;
    }

    .relation-content .relationlist li .txt {
        margin: 0px 5%;
        width: 50%;
    }

    .relation-content .contact-info {
        display: block;
        overflow: hidden;
    }

    .relation-content .contact-info .txt {
        width: 40%;
        margin-right: 5%;
        float: left;
    }

    .relation-content .contact-info #map {
        width: 50%;
        float: right;
    }

    .relation-content .relation-info .stock {
        height: auto;
    }

    .relation-content .relation-info .stock .n_stocklist {
        padding-left: 34px;
        padding-top: 20px;
    }

    .relation-content .relation-info .stock .n_stocklist li:first-child {
        width: 100%;
    }

    .relation-content .relation-info .stock .n_stocklist li {
        width: 25%;
    }

    .relation-content .relation-info .stock .n_stocklist li:last-child {
        line-height: 25px;
        margin-bottom: 20px;
    }

    .relation-content .relation-info .part1 li {
        width: 100%;
    }

    .relation-content .relation-info .part1 li .info {
        height: auto;
    }

    .relation-content .relation-info .part2 .img1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .relation-content .relation-info .part2 .img2 {
        width: 100%;
    }
}

@media only screen and (max-width: 1080px) {
    .inews .inews-hot {
        width: 390px;
    }

    .about-article .team-list li {
        width: 30%;
        height: auto;
    }

    .about-article .team-list li a {
        width: 100%;
        height: auto;
    }

    .about-article .team-list li .pic {
        width: 100%;
        height: auto;
    }

    .product-content .pro-model-list {
        background: none;
    }

    .product-content .pro-model-list .title {
        background: none;
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        color: #555;
        font-size: 26px;
        line-height: 30px;
        text-align: center;
    }

    .product-content .pro-model-list:before {
        display: none;
    }

    .product-content .pro-model-list:after {
        display: none;
    }

    .product-content .pro-model-list li {
        height: 200px;
        width: 49%;
    }

    .product-content .pro-model-list li .text {
        margin-top: 50px;
    }

    .product-content .pro-model-list li .pic {
        margin-top: 35px;
    }

    .product-content .pro-model-list li .pic {
        float: right;
        margin-left: 0;
    }

    .product-content .pro-model-list li:nth-child(2n) .pic {
        margin-left: 50px;
        float: left;
    }

    .service-content .serv-life-standard li .pic {
        float: none;
        width: 100%;
        height: auto;
    }

    .service-content .serv-life-standard li .text {
        float: none;
        overflow: hidden;
        width: auto;
    }

    .service-content .serv-life-standard li:nth-child(2n) .text {
        float: none;
    }
}

@media only screen and (max-width: 1050px) {
    .hkp-content .hkp-family-block-a {
        height: auto;
        padding: 20px 10px 30px;
    }

    .hkp-content .hkp-family-block-a .cont {
        float: none;
        width: auto;
    }

    .hkp-content .hkp-family-block-a .pic {
        float: none;
        margin-top: 20px;
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .header .hd-row .nav li {
        margin-left: 20px;
    }

    .inews .inews-hot {
        height: auto;
        float: none;
        width: auto;
        background: none;
    }

    .inews .inews-hot .inhot-slide {
        display: none;
    }

    .inews .inews-hot .inhot-list {
        height: auto;
        padding: 0;
    }

    .inews .inews-hot .inhot-list li {
        display: block;
        margin-bottom: 15px;
        padding: 10px 10px;
        background-color: #F2F2F2;
    }

    .inews .inews-list {
        float: none;
        width: auto;
        margin-top: 0;
    }

    .iactivity .iactivity-list li .cont .text {
        margin-top: 10px;
    }

    .footer .ft-nav {
        height: auto;
    }

    .footer .ft-nav ul {
        text-align: center;
        font-size: 0;
        padding: 23px 0 18px;
    }

    .footer .ft-nav li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px;
        height: 46px;
        line-height: 46px;
    }

    .footer .ft-nav li:first-child {
        margin-left: 20px;
    }

    .about-article .top-pic {
        height: 350px;
    }

    .about-article .top-pic-2 {
        height: 240px;
    }

    .service-content .serv-life-text-b .text {
        width: 400px;
    }

    .hkp-content .hkp-family-top .pic {
        float: none;
        width: auto;
        height: auto;
    }

    .hkp-content .hkp-family-top .cont {
        height: auto;
        padding-left: 0;
        padding-bottom: 10px;
    }

    .hkp-content .hkp-family-top {
        padding: 20px 0;
    }

}

@media only screen and (max-width: 980px) {
    .islide {
        height: 450px;
    }

    .iabout {
        padding: 30px 0;
    }

    .iabout .left-text {
        float: none;
        width: auto;
    }

    .iabout .right-video {
        float: none;
        margin-top: 30px;
        width: 100%;
    }

    .inews {
        padding: 30px 10px;
    }

    .inews .inews-hot {
        margin-top: 20px;
    }

    .iactivity {
        padding: 30px 0;
    }

    .iactivity .iactivity-list {
        margin-top: 20px;
    }

    .istory {
        padding: 30px 10px;
    }

    .istory .istory-list {
        margin-top: 20px;
    }

    .icase {
        padding: 30px 0;
    }

    .icase .icase-list {
        margin-top: 20px;
    }

    .iguestbook {
        padding: 30px 10px;
    }

    .iguestbook .igb-form {
        margin-top: 20px;
    }

    .case-content .case-list > ul li {
        width: 31%;
    }

    .service-content .serv-family .sf-list li {
        width: 47%;
    }

    .service-content .serv-life-intro .pic {
        float: none;
        width: auto;
    }

    .service-content .serv-life-intro .pic img {
        width: 100%;
    }

    .service-content .serv-life-intro .cont {
        padding-bottom: 20px;
        padding-left: 0;
    }

    .service-content .serv-life-intro .cont .title {
        margin-top: 20px;
    }

    .service-content .serv-life-intro .cont .text {
        margin-top: 20px;
    }

    .hkp-content .hkp-list li {
        width: 47%;
    }

    .video-list .mv-list li {
        width: 47%;
    }

    .features-content .featureslist li .img {
        width: 100%;
    }

    .features-content .featureslist li .txt {
        margin: 5% 0px;
        width: 100%;
        height: auto;
    }

    .features-content .business-info .part1 .img {
        width: 50%;
        margin-right: 5%;
    }

    .features-content .business-info .part1 .txt {
        width: 45%;
    }

    .features-content .business-info .part2 {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .features-content .business-info .part2 .txt {
        width: 45%;
        margin-right: 5%;
    }

    .features-content .business-info .part2 .img {
        width: 50%;
    }
}

@media only screen and (max-width: 960px) {
    .about-article .dev-list li .text {
        width: 100%;
    }

    .about-article .dev-list li .pic {
        display: none;
    }

    .product-content .pro-model-list {
        margin-top: 0;
    }

    .product-content .pro-model-list ul {
        margin-top: 30px;
    }

    .product-content .pro-model-list li {
        width: 100%;
        float: none;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #F2F2F2;
        margin-bottom: 20px;
    }

    .product-content .pro-model-list li .text {
        margin-left: 0;
        margin-right: 0;
    }

    .product-content .pro-model-list li:nth-child(2n) .text {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .product-content .pro-model-list li:nth-child(2n) .pic {
        float: right;
        margin-left: 0;
        margin-right: 0;
    }

    .uplife-content .uplife-list li {
        width: 100%;
        margin: 0 0 25px;
    }

    .joinus-content .joinus-happy-list li {
        width: 47%;
    }

    .news-content .news-show .ns-hd .lefthd {
        height: auto;
        float: none;
    }

    .news-content .news-show .ns-hd .backlink {
        float: none;
    }

    .features-content .service-lc .imglist li a .img {
        width: 120px;
        height: 120px;
    }

    .features-content .service-lc .imglist li a span {
        font-size: 14px;
    }

    .features-content .service-lc .imglist li a:after {
        top: 60px;
    }
}

@media only screen and (max-width: 900px) {
    .about-article .top-pic-2 {
        height: 200px;
    }

    .about-article .culture-unit .cu-list li .text {
        width: 400px;
    }

    .product-content .pro-cont-list-b li {
        width: 47%;
    }

    .product-content .pro-cont-list-c li {
        width: 47%;
    }

    .service-content .serv-life-text-b {
        padding-top: 30px;
    }

    .service-content .serv-life-text-b .text {
        width: auto;
        float: none;
    }

    .service-content .serv-life-text-b .pic {
        float: none;
        margin-top: 20px;
        max-width: 100%;
        height: auto;
    }

    .hkp-content .hkp-banner {
        height: 200px;
    }

    .hkp-content .hkp-top-text .cont {
        padding: 0 20px;
    }

    .joinus-content .joinus-happy .pic {
        float: none;
        width: auto;
        height: auto;
    }

    .joinus-content .joinus-happy .cont h4 {
        margin-top: 20px;
    }

    .joinus-content .joinus-happy .cont {
        padding-bottom: 25px;
        padding-left: 0;
    }

    .news-content .news-show .ns-rel {
        padding: 20px 10px;
    }

    .news-content .news-show .ns-rel p {
        width: auto;
        float: none;
        padding-bottom: 20px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 870px) {
    .hkp-content .hkp-family-block-b {
        padding-bottom: 10px;
    }

    .hkp-content .hkp-family-block-b li {
        width: 47%;
        margin-bottom: 30px;
    }

    .joinus-content .joinus-promotion-row li {
        width: 47%;
    }

    .joinus-content .joinus-promotion-row li:first-child {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 860px) {
    .header {
        height: 70px;
    }

    .header .logo {
        height: 60px;
        padding-top: 15px;
    }

    .header .hd-row .lang {
        margin-top: 10px;
    }

    .header .hd-row .nav {
        margin-top: 15px;
        padding-bottom: 0;
        overflow: visible;
        position: relative;
    }

    .header .hd-row .nav > ul {
        display: none;
        position: absolute;
        right: -9px;
        top: 34px;
        z-index: 9;
        width: 150px;
        background-color: #ca3f3f;
    }

    .header .hd-row .nav li {
        float: none;
        /*padding: 0;*/
        margin: 0;
        height: auto;
        border-top: 1px solid rgba(255, 255, 255, .3);
        /*padding-left: 2px;*/
    }

    .header .hd-row .nav li:first-child {
        border-top: none;
    }

    .header .hd-row .nav li a {
        display: block;
        height: 38px;
        color: #FFF;
        font-size: 14px !important;
        /* line-height: 40px; */
        text-align: left;
    }

    .header .hd-row .nav li a#current {
        /*background: #e24d4d;*/
    }

    .header .hd-row .nav .m-menu {
        display: block;
    }

    .menu ul ul {
        width: 100%;
        position: relative;
        top: 0;
        background-color: #8e2d20 !important;
    }
    .menu ul li a {
        padding-left: 22px !important;
    }
    .menu ul ul li a {
        padding-left: 30px !important;
    }
    .sf-sub-indicator {
        display: block;
    }

    .iactivity .iactivity-list li:nth-child(2) {
        margin: 0 10px;
    }

    .iactivity .iactivity-list li .cont .text {
        font-size: 14px;
    }

    .istory .istory-list li:nth-child(2) {
        margin: 0 10px;
    }

    .icase .icase-list li {
        width: 49%;
    }

    .icase .icase-list li .text {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: static;
    }

    .inner-nav {
        padding: 30px 10px;
    }

    .inner-nav .thispage span.en {
        margin-left: 10px;
    }

    .inner-nav .navlist {
        margin-top: 20px;
    }

    .inner-nav .navlist li {
        padding: 0px 10px 1px;
        background: none;
        line-height: 30px;
    }

    .inner-nav .navlist li:first-child {
        padding-left: 10px;
    }

    .about-article .about-show {
        padding: 20px 10px;
    }

    .about-article .about-show .about-honor ul {
        display: block;
        text-align: center;
    }

    .about-article .about-show .about-honor li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
        padding: 10px 0;
    }

    .about-article .team-show .leftpic {
        float: none;
        width: auto;
        height: auto;
        background: none;
        text-align: left;
        padding-left: 10px;
    }

    .about-article .team-show .leftpic .pic {
        margin: 0;
    }

    .about-article .team-show .leftpic .text {
        display: none;
    }

    .about-article .team-show .leftpic::after {
        display: none;
    }

    .about-article .team-show .content {
        padding-left: 10px;
    }

    .about-article .contactus-list li {
        width: 100%;
        margin: 15px 0;
    }

    .about-article .contactus-list {
        padding-bottom: 40px;
    }

    .product-content .pro-cont-hd {
        height: auto;
        margin-top: 20px;
    }

    .product-content .pro-cont-hd .pic {
        float: none;
        width: auto;
        height: auto;
    }

    .product-content .pro-cont-hd .cont {
        padding: 0 10px 10px;
    }

    .product-content .pro-cont-hd .cont .name {
        margin-top: 20px;
        font-size: 26px;
    }

    .hkp-content .hkp-top-text {
        margin-top: 30px;
    }

    .hkp-content .hkp-top-text .pic {
        float: none;
        width: 100%;
        height: auto;
    }

    .hkp-content .hkp-top-text .pic img {
        width: 100%;
        height: auto;
    }

    .hkp-content .hkp-top-text .cont {
        height: auto;
        padding-bottom: 20px;
    }

    .hkp-content .hkp-idea li .cont {
        position: static;
    }

    .uplife-content .uplife-top .cont {
        padding-left: 20px;
    }

    .news-content .news-list li .cont .title {
        line-height: 24px;
    }

    .news-content .news-top-list {
        margin-top: 30px;
    }

    .news-content .news-show .ns-hd .lefthd h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .features-content .service-lc .imglist li {
        width: 50%;
    }

    .features-content .service-lc .imglist li a {
        margin-top: 30px;
    }

    .features-content .service-lc .imglist li a .img {
        width: 168px;
        height: 168px;
    }

    .features-content .service-lc .imglist li a:after {
        top: 81px;
    }
}


@media only screen and (max-width: 800px) {
    .islide {
        height: 350px;
    }

    .footer .ft-nav li {
        margin: 0 10px;
    }

    .footer .ft-nav li:first-child {
        margin-left: 10px;
    }

    .about-article .top-pic {
        height: 250px;
    }

    .about-article .top-pic-2 {
        height: 150px;
    }

    .service-content .serv-banner {
        height: 200px;
    }

    .uplife-content .uplife-top .pic {
        float: none;
        width: 100%;
    }

    .uplife-content .uplife-top .cont {
        padding-left: 0;
        width: 100%;
    }

    .features-content .features-banner {
        height: 150px;
    }

    .features-content .business-info {
        margin: 40px 0px 47px 0px;
    }

    .features-content .business-info .part1 {
        margin-bottom: 44px;
        display: block;
    }

    .features-content .business-info .part1 .img {
        width: 100%;
        margin-bottom: 30px;
    }

    .features-content .business-info .part1 .txt {
        width: 100%;
    }

    .features-content .business-info .part2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .features-content .business-info .part2 .wrap {
        display: block;
    }

    .features-content .business-info .part2 .txt {
        width: 100%;
        margin-bottom: 30px;
    }

    .features-content .business-info .part2 .img {
        width: 100%;
    }

    .features-content .business-info .imglist {
        margin-top: 40px;
    }

    .features-content .business-info .imglist li {
        width: 50%;
    }

    .features-content .business-info .imglist li .list {
        max-width: 550px;
    }

    .features-content .sales-service .part1 .img {
        margin-right: 5%;
    }

    .features-content .sales-service .part1 .txt {
        width: 45%;
    }

    .uplife-content .uplife-banner {
        height: 150px;
    }

    .relation-content .relation-banner {
        height: 150px;
    }

    .relation-content .relation-info .stock .n_stocklist li {
        width: 50%;
        margin-bottom: 15px;
    }

    .relation-content .relation-info .part2 .img1 {
        height: 146px;
    }

    .honorbox .honorbg {
        width: 80%;
    }

    .honorbox .honorbg img {
        width: 100%;
    }
}

@media only screen and (max-width: 720px) {
    .iactivity .iactivity-list ul {
        display: block;
    }

    .iactivity .iactivity-list li {
        margin-bottom: 15px;
    }

    .iactivity .iactivity-list li .cont {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        overflow: hidden;
        width: auto;
        padding: 10px 10px 20px;
    }

    .iactivity .iactivity-list li .cont .text {
        padding: 0;
        margin: 0;
    }

    .iactivity .iactivity-list li .cont .date {
        padding: 0;
        margin-top: 10px;
    }

    .iactivity .iactivity-list li:nth-child(2) {
        margin: 0;
        margin-bottom: 15px;
    }

    .istory .istory-list ul {
        display: block;
    }

    .istory .istory-list li {
        margin-bottom: 15px;
    }

    .istory .istory-list li:nth-child(2) {
        margin: 0;
        margin-bottom: 15px;
    }

    .footer .ft-cont {
        height: auto;
        padding-bottom: 20px;
    }

    .footer .ft-cont .ftc-content {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .footer .ft-cont .ftc-content .tel {
        float: none;
    }

    .footer .ft-cont .ftc-content .wechat {
        display: none;
    }

    .footer .ft-cont .ftc-text {
        float: none;
        text-align: center;
    }

    .footer .ft-cont .ftc-text .ft-logo {
        margin: 20px auto;
    }

    .about-article .contactus-cont {
        height: auto;
        padding: 30px 10px;
        margin-top: 30px;
    }

    .hkp-content .hkp-banner {
        height: 150px;
    }

    .uplife-content .ulc-top {
        padding: 30px 0;
    }

    .uplife-content .ulc-top .pic {
        float: none;
        margin: 0 auto;
    }

    .uplife-content .ulc-top .cont {
        padding-left: 0;
    }

    .uplife-content .ulc-top .cont .text {
        font-size: 16px;
    }

    .joinus-content .joinus-job .text {
        float: none;
        width: auto;
        text-align: center;
    }

    .joinus-content .joinus-job .pic {
        float: none;
        width: auto;
        text-align: center;
        padding-top: 20px;
    }

    .joinus-content .joinus-promotion-banner {
        height: 200px;
    }

    .features-content .public-info li {
        padding: 40px 0px 40px 0px;
    }

    .features-content .public-info li .img, .features-content .public-info li.double .img {
        width: 100%;
        margin: 0px;
        margin-bottom: 30px;
    }

    .features-content .public-info li .img:after {
        left: 0px;
        right: 0px;
        bottom: 0px;
        border: 0px;
    }

    .features-content .public-info li .txt {
        width: 100%;
        position: static;
        transform: translate(0%, 0%);
    }

    .features-content .property-info {
        padding-top: 40px;
    }

    .relation-content .relationlist li {
        display: block;
    }

    .relation-content .relationlist li .img {
        width: 100%;
        margin-bottom: 30px;
    }

    .relation-content .relationlist li .txt {
        margin: 0px;
        width: 100%;
    }

}

@media only screen and (max-width: 680px) {
    .iguestbook .igb-form .input-box p {
        margin-bottom: 0;
    }

    .iguestbook .igb-form .input-box p input[type="text"] {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .iguestbook .igb-form .textarea textarea {
        width: 100%;
        border-right: 1px solid #C9C9C9;
        border-radius: 5px;
    }

    .iguestbook .igb-form .textarea input[type="submit"] {
        width: 100%;
        border-radius: 5px;
        height: 50px;
        margin-top: 25px;
    }

    .about-article .culture-unit .cu-list li .text {
        width: 300px;
    }
}

@media only screen and (max-width: 640px) {
    .header-index {
        position: static;
        background-color: #fff;
        border-bottom: none;
    }

    .header-index .hd-row .nav li a {
        text-shadow: none;
    }

    .islide {
        height: 250px;
    }

    .iabout {
        padding-top: 20px;
    }

    .iabout .left-text .cont .list {
        margin-top: 20px;
    }

    .iabout .left-text .title span.zh {
        font-size: 26px;
    }

    .iabout .left-text .title span.en {
        font-size: 20px;
    }

    .inews .inews-list li {
        height: auto;
    }

    .iblock-hd .title h4 {
        font-size: 24px;
    }

    .inner-nav {
        padding: 20px 10px 10px;
    }

    .inner-nav .thispage span.en {
        font-size: 26px;
    }

    .inner-nav .thispage span.zh {
        font-size: 20px;
    }

    .inner-nav .navlist {
        margin-top: 10px;
    }

    .about-article .honor-list .honor-list-item li {
        margin: 0;
        margin-bottom: 15px;
        width: 49%;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .about-article .honor-list .honor-list-item li .pic {
        width: 100%;
        height: auto;
        padding: 10px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .about-article .team-list ul {
        text-align: center;
    }

    .about-article .team-list li {
        width: 45%;
    }

    .case-content .case-sel-nav {
        padding-bottom: 20px;
    }

    .case-content .case-sel-nav .area-a,
    .case-content .case-sel-nav .area-b {
        margin-top: 20px;
    }

    .case-content .case-sel-nav .area-a .name,
    .case-content .case-sel-nav .area-b .name {
        float: none;
    }

    .case-content .case-sel-map {
        height: 200px;
    }

    .case-content .case-sel-list {
        padding-bottom: 40px;
    }

    .case-content .case-sel-list li {
        width: 100%;
    }

    .case-content .case-list > ul li {
        width: 47%;
    }

    .case-content .case-show-hd {
        height: auto;
        padding-bottom: 30px;
    }

    .case-content .case-show-hd .left-info {
        float: none;
        width: auto;
    }

    .case-content .case-show-hd .left-info .info {
        margin-top: 10px;
    }

    .case-content .case-show-hd .backlink {
        float: none;
        margin-top: 15px;
    }

    .case-content .case-show-hd .backlink a {
        margin: 0;
    }

    .product-content .pro-cont-title {
        padding-top: 30px;
        font-size: 24px;
    }

    .product-content .pro-cont-list-a ul {
        margin-top: 30px;
    }

    .product-content .pro-cont-list-b ul {
        margin-top: 30px;
    }

    .product-content .pro-cont-list-b li {
        width: 100%;
        margin: 0 0 20px;
    }

    .product-content .pro-cont-list-b {
        padding-bottom: 10px;
    }

    .product-content .pro-cont-list-c ul {
        margin-top: 30px;
    }

    .product-content .pro-cont-list-c li {
        width: 100%;
        margin: 0 0 20px;
    }

    .service-content .serv-banner {
        height: 150px;
    }

    .service-content .serv-intro {
        padding-top: 20px;
    }

    .service-content .serv-family .sf-list li {
        width: 100%;
        margin: 0 0 30px;
    }

    .service-content .serv-family .sf-list li .cont .text {
        min-height: auto;
    }

    .service-content .serv-family .sf-list .serv-ajax-more {
        margin-top: 20px;
    }

    .service-content .serv-family .sf-list {
        padding-bottom: 40px;
    }

    .service-content .serv-life-top {
        height: auto;
    }

    .service-content .serv-life-top li {
        width: 50%;
        height: auto;
        padding: 10px 0;
    }

    .service-content .serv-life-top li img {
        margin-top: 0;
    }

    .service-content .serv-life-line .box {
        font-size: 16px;
        line-height: 30px;
    }

    .service-content .serv-life-line {
        margin-top: 30px;
    }

    .service-content .serv-life-standard {
        padding-top: 30px;
    }

    .hkp-content .hkp-list {
        padding-bottom: 40px;
    }

    .hkp-content .hkp-idea {
        padding-bottom: 20px;
    }

    .hkp-content .hkp-case-list li .cont {
        padding-left: 15px;
    }

    .joinus-content .joinus-happy .cont h4 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .joinus-content .joinus-happy .cont p {
        font-size: 14px;
    }

    .news-content .news-list li .cont {
        padding-left: 20px;
    }

    .news-content .news-show .ns-hd {
        padding-top: 30px;
    }

    .video-list .mv-list li {
        width: 100%;
        margin: 0 0 25px;
    }

    .video-list .mv-list li .title {
        padding: 15px 10px;
    }

    .video-list .mv-list li .date {
        padding: 0 10px;
    }

    .features-content .features-banner {
        height: 120px;
    }

    .features-content .features-intro {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .features-content .featureslist li {
        display: block;
        margin-bottom: 20px;
    }

    .features-content .featureslist li .ico {
        right: 25px;
        top: 25px;
    }

    .features-content .features-intro span {
        font-size: 18px;
    }

    .features-content .featureslist li .txt h2 {
        font-size: 16px;
    }

    .features-content .manage-info {
        padding-top: 40px;
    }

    .features-content .manage-info .piclist1 {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .features-content .manage-info .piclist1 .img1 {
        width: 100%;
        margin-bottom: 30px;
    }

    .features-content .manage-info .piclist1 .img2 {
        width: 100%;
    }

    .features-content .manage-info .piclist li {
        width: 50%;
    }

    .features-content .manage-info .piclist li.right {
        float: right;
    }

    .features-content .sales-service .part1 {
        display: block;
    }

    .features-content .sales-service .part1 .img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .features-content .sales-service .part1 .txt {
        width: 100%;
    }

    .features-content .sales-service .piclist1 .img1 {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .features-content .sales-service .piclist1 .img2 {
        width: 100%;
    }

    .uplife-content .uplife-banner {
        height: 120px;
    }

    .relation-content .relation-banner {
        height: 120px;
    }

    .relation-content .contact-info {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .relation-content .contact-info .txt {
        width: 100%;
    }

    .relation-content .contact-info #map {
        width: 100%;
        margin-top: 30px;
    }

    .relation-content .corporate-info {
        padding-top: 48px;
    }

    .relation-content .corporate-info .time_nav {
        width: 20%;
    }

    .relation-content .corporate-info .corporatelist {
        width: 79%;
    }

    .relation-content .corporate-info .corporatelist li span {
        font-size: 14px;
    }

    .relation-content .relation-info .stock .n_stocklist li:first-child {
        font-size: 36px;
    }
}

@media only screen and (max-width: 580px) {
    .about-article .culture-unit .cu-list li {
        width: 100%;
    }

    .about-article .culture-unit .cu-list li .text {
        width: 100%;
        padding: 20px 0 0;
        float: none;
    }

    .about-article .culture-unit .cu-list li .pic {
        display: none;
    }

    .hkp-content .hkp-family-block-b li {
        width: 100%;
        margin: 0 0 30px;
    }

    .hkp-content .hkp-family-block-c .cont {
        padding: 0 10px 30px;
        height: auto;
    }

    .hkp-content .hkp-family-block-c .cont h5 {
        margin: 30px 0;
    }

    .hkp-content .hkp-family-block-c .cont p {
        white-space: normal;
        line-height: 20px;
    }

    .hkp-content .hkp-family-block-d .box {
        padding: 30px 10px;
        height: auto;
    }

    .hkp-content .hkp-family-block-d .box h5 {
        margin-top: 0;
    }

    .hkp-content .hkp-family-block-d .box p {
        white-space: normal;
    }

    .hkp-content .hkp-family-block-d {
        margin-bottom: 10px;
    }

    .joinus-content .joinus-promotion-banner {
        height: 150px;
    }

    .relation-content .relation-info .stock .n_stock {
        width: 100%;
    }

    .relation-content .relation-info .stock .n_stocklist {
        padding-left: 28px;
        padding-right: 28px;
    }
}

@media only screen and (max-width: 540px) {
    .inews .inews-list li .date {
        display: none;
    }

    .inews .inews-list li a {
        padding-bottom: 10px;
    }

    .inews .inews-list li .cont {
        padding-left: 10px;
    }

    .inews .inews-list li .cont .title {
        line-height: 20px;
    }

    .icase .icase-list li {
        width: 100%;
        margin-bottom: 15px;
    }

    .about-article .top-pic {
        height: 140px;
    }

    .about-article .top-pic-2 {
        height: 120px;
    }

    .about-article .team-list li {
        width: auto;
        margin: 0 10px 15px;
    }

    .service-content .serv-feature-list li {
        height: auto;
    }

    .service-content .serv-feature-list li .leftbox {
        width: auto;
        float: none;
    }

    .service-content .serv-feature-list li .cont {
        height: auto;
    }

    .service-content .serv-feature-list {
        padding-bottom: 40px;
    }

    .hkp-content .hkp-banner {
        height: 100px;
    }

    .hkp-content .hkp-family-top .cont .en {
        font-size: 24px;
    }

    .hkp-content .hkp-family-top .cont .zh {
        font-size: 20px;
    }

    .hkp-content .hkp-family-top .cont .text {
        margin-top: 25px;
        font-size: 14px;
    }

    .hkp-content .hkp-case-list li .pic {
        float: none;
        width: auto;
        height: auto;
    }

    .pages .sub {
        display: none;
    }

    .uplife-content .uplife-title {
        margin-top: 30px;
    }

    .uplife-content .uplife-title .box {
        font-size: 20px;
        padding: 0 10px;
    }

    .uplife-content .uplife-list li {
        height: auto;
    }

    .uplife-content .uplife-list li a {
        height: auto;
        padding: 20px 10px;
    }

    .uplife-content .uplife-list li .pic {
        float: none;
        width: auto;
        text-align: center;
    }

    .uplife-content .uplife-list li .pic img {
        width: auto;
        height: auto;
    }

    .uplife-content .uplife-list li .cont {
        margin-top: 10px;
        padding-left: 0;
    }

    .joinus-content .joinus-promotion-list li .pic {
        float: none;
        width: auto;
    }

    .joinus-content .joinus-promotion-list li .pic p {
        text-align: left;
    }

    .joinus-content .joinus-promotion-list li .cont {
        width: auto;
        padding-left: 0;
        margin-top: 20px;
    }

    .news-content .news-top-list li .cont .title {
        font-size: 16px;
        line-height: 20px;
    }

    .news-content .news-top-list li .cont .text {
        margin-top: 15px;
    }

    .news-content .news-list li .pic {
        float: none;
        width: auto;
        height: auto;
    }

    .news-content .news-list li .cont {
        padding-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .islide {
        height: 180px;
    }

    .about-article .mid-pic {
        height: 200px;
    }

    .about-article .top-pic-2 {
        height: 100px;
    }

    .about-article .honor-list .honor-list-item li {
        width: 100%;
    }

    .about-article .culture-list .cl-block .clb-1 .row-text p {
        white-space: normal;
    }

    .about-article .culture-list .cl-block .clb-1 .block-text p {
        white-space: normal;
    }

    .about-article .team-show .content .ts-hd .title {
        float: none;
        width: auto;
    }

    .about-article .team-show .content .ts-hd .backlink {
        float: none;
    }

    .about-article .team-show .content .ts-hd .backlink a {
        margin-top: 20px;
    }

    .about-article .team-show {
        padding-bottom: 40px;
    }

    .case-content .case-list > ul li {
        width: 100%;
        margin: 0 0 15px;
    }

    .product-content .pro-public-list li .text span {
        width: 100%;
    }

    .service-content .serv-banner {
        height: 100px;
    }

    .uplife-content .ulc-top .cont .title h4 {
        float: none;
    }

    .uplife-content .ulc-top .cont .title .backlink {
        float: none;
        margin-top: 20px;
    }

    .uplife-content .ulc-top .cont .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .joinus-content .joinus-promotion-text h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .joinus-content .joinus-promotion-row li {
        width: 100%;
        margin: 0 0 25px;
    }

    .joinus-content .joinus-promotion-row li:first-child {
        margin-left: 0;
    }

    .news-story-list .story-list li .cont {
        padding-left: 10px;
        padding-right: 10px;
    }

    .case-content .case-show-hd .left-info .info span {
        margin-right: 20px;
        display: inline-block;
        vertical-align: middle;
    }

    .features-content .features-intro {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .features-content .featureslist li {
        padding: 15px;
    }

    .features-content .featureslist li .ico {
        right: 15px;
        top: 15px;
    }

    .features-content .manage-info .piclist li .txt {
        height: 90px;
        margin-top: -45px;
        line-height: 30px;
    }

    .features-content .business-info .imglist {
        margin-top: 20px;
    }

    .features-content .business-info .imglist li .list {
        min-height: 270px;
    }

    .features-content .business-info .imglist li .list em {
        width: 90px;
        height: 90px;
        margin-top: 30px;
    }

    .features-content .business-info .imglist li .list span {
        font-size: 14px;
        padding: 27px 0px 10px 0px;
    }

    .features-content .business-info .imglist li .list .cont {
        line-height: 30px;
    }

    .features-content .service-info {
        padding-top: 40px;
    }

    .features-content .service-info .imglist {
        padding: 40px 0px;
    }

    .features-content .service-info .imglist li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .features-content .service-info .imglist li:last-child {
        margin-bottom: 0px;
    }

    .features-content .service-lc .imglist li a .img {
        width: 140px;
        height: 140px;
    }

    .features-content .service-lc .imglist li a:after {
        top: 67px;
    }

    .features-content .service-info .imglist {
        margin-bottom: 0px;
    }

    .features-content .service-lc .imglist li a .txt {
        margin-top: 15px;
    }

    .features-content .sales-service {
        padding: 40px 10px 50px 10px;
    }

    .features-content .sales-service .part1 {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .relation-content .relationlist {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .relation-content .relationlist li .img {
        margin-bottom: 15px;
    }

    .relation-content .relationlist li {
        padding: 15px;
    }

    .relation-content .contact-info .txt li {
        line-height: 30px;
    }

    .relation-content .contact-info .txt li em {
        top: 6px;
    }

    .relation-content .contact-info .txt li span {
        font-size: 14px;
    }

    .relation-content .contact-info .txt h2 {
        font-size: 16px;
    }

    .relation-content .corporate-info .corporatelist li a {
        margin-left: 18px;
        margin-right;
        12px;
        padding: 15px 0px;
        line-height: 25px;
    }

    .relation-content .corporate-info .corporatelist li a em {
        width: 30px;
    }

    .relation-content .relation-info .stock .n_stock span {
        margin-left: 15px;
    }

    .relation-content .relation-info .stock .n_stocklist {
        padding-left: 15px;
        padding-right: 15px;
    }

    .relation-content .relation-info {
        padding-top: 40px;
        padding-bottom: 53px;
    }
}

@media only screen and (max-width: 480px) {
    .iabout .left-text .cont .list li {
        margin-left: 10px;
    }

    .iabout .right-video .video-box {
        height: 290px;
    }

    .iblock-hd .title {
        width: 220px;
    }

    .iblock-hd .title p {
        line-height: 20px;
    }

    .about-article .culture-list .cl-block .clb-1:first-child {
        float: none;
    }

    .about-article .culture-list .cl-block {
        margin-top: 0;
    }

    .about-article .culture-list .cl-block .clb-1 {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .about-article .contactus-cont .cc-tel em {
        display: block;
    }

    .product-content .pro-cont-list-a li {
        width: 100%;
        margin: 0 0 15px;
    }

    .product-content .pro-cont-list-a li:first-child {
        margin-left: 0;
    }

    .video-show-style .video-js {
        height: 300px;
    }
}

@media only screen and (max-width: 420px) {
    .iabout .right-video .video-box {
        height: 255px;
    }

    .product-content .pro-model-list li .pic {
        display: none;
    }

    .hkp-content .hkp-list {
        padding: 20px 0 40px;
    }

    .hkp-content .hkp-list li {
        width: 100%;
        margin: 20px 0 0;
    }

    .hkp-content .hkp-idea li {
        width: 100%;
        margin: 0 0 25px
    }

    .hkp-content .hkp-idea li .cont {
        height: auto;
        padding-bottom: 25px;
    }

    .hkp-content .hkp-idea li .cont .en {
        margin-top: 30px;
    }

    .hkp-content .hkp-list {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hkp-content .hkp-family-top .cont .en {
        font-size: 20px;
    }

    .hkp-content .hkp-family-top .cont .zh {
        font-size: 18px;
    }

    .hkp-content .hkp-family-top .cont .text {
        white-space: normal;
        line-height: 20px;
    }

    .joinus-content .joinus-happy-list ul {
        padding: 0 10px;
    }

    .joinus-content .joinus-happy-list li {
        width: 100%;
        margin: 0 0 25px;
    }

    .joinus-content .joinus-promotion-banner {
        height: 110px;
    }

    .features-content .manage-info .piclist li .txt {
        height: 75px;
        line-height: 25px;
        margin-top: -37.5px;
    }

    .features-content .service-lc .imglist li a .img {
        width: 120px;
        height: 120px;
    }

    .features-content .service-lc .imglist li a:after {
        top: 57px;
    }
}

@media only screen and (max-width: 400px) {
    .footer .ft-cont .ftc-text .ft-copyright {
        white-space: normal;
        line-height: 20px;
    }

    .uplife-content .uplife-top .pic {
        width: auto;
        height: auto;
    }

    .uplife-content .uplife-top .pic img {
        max-width: 100%;
        height: auto;
    }

    .uplife-content .uplife-top {
        padding: 30px 0;
    }

    .uplife-content .uplife-top .cont h4 {
        padding: 15px 0;
    }

    .uplife-content .uplife-top .cont p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 380px) {
    .iabout .right-video .video-box {
        height: 216px;
    }

    .inews .inews-hot .inhot-list li h5::before {
        width: 36px;
        height: 18px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    .iguestbook .igb-title .r {
        display: none;
    }

    .about-article .top-pic-2 {
        height: 80px;
    }

    .about-article .contactus-cont .cc-en {
        font-size: 20px;
    }

    .about-article .contactus-cont .cc-tel {
        font-size: 16px;
        margin-top: 15px;
    }

    .about-article .contactus-cont .cc-tel em {
        font-size: 18px;
    }

    .about-article .contactus-cont .cc-add {
        font-size: 16px;
    }

    .news-content .news-top-list li .cont {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 360px) {
    .iabout .left-text .cont .list li {
        margin-left: 0;
    }

    .service-content .serv-life-line .box {
        padding: 0 5px;
    }

    .hkp-content .hkp-banner {
        height: 80px;
    }

    .joinus-content .joinus-job .text h4 {
        font-size: 30px;
    }

    .joinus-content .joinus-job .text p {
        font-size: 18px;
    }

    .joinus-content .joinus-job .text .link a {
        width: 130px;
    }

    .news-content .news-show .ns-hd .lefthd .info span {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 320px) {
    .iabout .right-video .video-box {
        height: 190px;
    }

}