/* ====较大的屏幕======*/
@media only screen and (max-width:767px){
    /**  游戏    */
    section .card1{
        width: 30rem;
        height: 30rem;
        margin: 2rem;
        transform-style: preserve-3d;
        perspective: 1000px;
    }
    .section-title .sp-color4{
        font-size:1.6rem;
    }
    .card-gd{
        padding-top:2rem;
        padding-left:1rem;
    }
    section .card1:nth-of-type(5){
        height: 1rem;
    }
    /*=====团队人员====*/
     .tip{width:80%;left:58%;}


    /*=====社会责任======*/

    .gswh-col h4{
        margin-top: 2rem;
        font-family: initial;
        font-weight: bold;
        font-size: 1.5rem;
        color: #2A2E2E;
        letter-spacing: 0;
        line-height: 2.2rem;
        margin-bottom: 0.08rem;

    }

    .gswh-col .gswh-col-p{
        font-size: 1rem;
        color: #5F6464;
        letter-spacing: 0;
        line-height: 2rem;
        margin-bottom: 1.2rem;

    }
    .pt0-1200{
        padding-top:4rem;
    }


    /**    */
    .gswh-title{
        padding-top:1rem;
        font-style: normal;
        font-weight: bold;
        font-size: 2rem;
        line-height: 4rem;
        letter-spacing: 1px;
        color: #000;
    }
    .gswh-content{
        padding-top:1rem;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 2.2rem;
        text-align: justify;
        letter-spacing: 0.04rem;
        color: #777e87;

    }
    .zrzt h3{
        font-style: normal;
        font-weight: bold;
        font-size: 2rem;
        line-height: 48px;
        letter-spacing: 0.01rem;
        color: #000;
    }
    .zrzt p{
        padding-top:1rem;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 25px;
        text-align: justify;
        letter-spacing: 0.02rem;
        color: #777e87;
    }





.container-top{
    height:16rem;
}
    .container-top-content{
        padding-left:0rem;
        padding-top:1rem;
    }
    .container-top-content-go{
        font-family: OPPOSans;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 0rem;
        position: relative;
        letter-spacing: 1px;
        color: #fff;
        opacity: .8;
        text-align: center;
        padding-top:2rem;
    }
    .container-top-content-line{
        margin-top: 16px;
        width: 0rem;
        height: 0rem;
        background: #fff;
        mix-blend-mode: normal;
        opacity: .2;
        text-align: center;
    }
    .container-top-content-w{
        width: 100%;
        padding-left:1rem;
        padding-right:0.7rem;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 1px;
        color: #fff;
        padding-top:15px;
    }









    /** 社会责任  */
    .inner-banner5{
        position:relative;
        background-image: url("../../assets/images/social/responsibility-1.jpg") ;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        overflow: hidden;
        height: 12rem;
    }
    .container1{
        width: 100%;
        margin: 0;
        padding:0 3rem;
        box-sizing: border-box;
    }
    .container2 h2{
        font-family: "Vollkorn", serif;
        font-size: 3.2rem;
        letter-spacing: 0;
        margin-bottom: 8px;
        margin-top: 202px;
        font-weight: 400;
    }
    .container2 p{
        font-size: 1.1rem;
        letter-spacing: 0;
        line-height: 29px;
    }


    /*=====找圈子===*/
    .card-title{padding-top:2rem;}
    /**  团队  */
.col-bottom{margin-bottom:5rem;}

    /*--=========*/
    .section-title .p1 {
        padding-top: 1rem;
    }
    .mr-20{margin-right:0}
    /*联系我们*/
    .contact-info h2{padding-left:10rem;}
    .contact-info ul{padding-left:6rem;}
    .cart-three-img img{width:38px;height:38px}
    .comment-list .comment-info header img{width:100%}
    .comment-list .comment-info header{width:11%}
    .cart-content{padding-right:10px}
    .gengduo{padding-left:100px}
    /*.content{padding-right:10px;}*/
    .container1{padding-left:10px}
    .comment-list{}
    .hot-g1{}
    .inner-banner4{height:20rem;}
    .inner-banner3 {
        padding-top:4rem;
        height: 18rem;
        margin-top: 0rem;
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 100% 100%;
        background-position: center;
        /*border:1px solid red;*/

    }
    .inner-banner3 img{
        width:100%;
        height:100%;
    }
    .inner-banner4 img{
       }
    .inner-banner4{
        height:25rem;
        margin-top: 0rem;
        background-image: url("../../assets/images/wt.jpg");
        background-repeat: no-repeat;
        /*background-size: cover;*/
        background-size:100%;
        background-position: center;
        /*width:100%;*/
        /*height:77vh;*/
    }
    #navigation li:nth-of-type(5) a{
        line-height:4rem!important;
    }
    #header{
        width:9rem!important;
    }
    #navigation{
        width:8rem!important;
         padding-left:unset!important;
    }
    #navigation li{
        width:7rem;
        height:3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .content {
         padding-left:unset!important;
        padding-right:unset!important;
    }
   .video-back h1{font-size:2rem!important;}
    .video-back p{font-size:0.8rem;}
    .video-back{padding-top:6rem!important;padding-bottom:1.7rem!important;}
    .grid-slider-header h3{font-size:1.5rem!important;}
    .grid-slider-header p{font-size:1rem!important;}
    .video-post-thumbnail{height:9rem!important;}
    .video-grid-slider{}
    .uk-slider-items{flex-wrap: wrap!important;}
    .video-grid-slider ul li{width:12rem;}
    .video-post-content h3{font-size:0.8rem!important;}
    .video-post-views{
        font-size:0.6rem!important;
        display:inline-block;
        width:5.7rem;
        height:1rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    /** ===干预====*/
    .content .two-p{
        font-size:1rem!important;
    }
    .jineng{
        font-size:1.4rem!important;
    }
    .video-post-date{
        width:2rem;
        height:1.6rem;
        display:inline-block;
        font-size:0.6rem!important;
        position:relative;
        top:-0.35rem;
    }
    .video-load{padding-top:5rem!important;}
    .hot-g{text-align: center;}
    .pb-1000{margin-top:40px} .hot-g{font-size:18px}.hot-g1{font-size:22px;margin-bottom:20px}.ptb-100{padding-top:50px;padding-bottom:50px}ptb-10000{padding-top:30px;}.pt-100{padding-top:0px} .footerTop1{ margin-top:0px;padding-top:0px} .footer-widget{margin-bottom:0px} .footerTop{padding-left: 70px} .ptb-70{padding-top:20px;padding-bottom:50px}.pb-100{padding-bottom:50px}.pt-70{padding-top:30px}.pb-70{padding-bottom:20px}.pt-45{padding-top:30px}.ml-20{margin-left:10px}.ml-25{margin-left:0}.mr-20{margin-right:0}.mt-30{margin-top:0}.default-btn{padding:8px 18px}.section-title span{font-size:14px}.section-title h2{font-size:2rem;margin-top:0;margin-bottom:1rem}.section-title p{margin-left:auto;margin-right:auto;font-size:1.2rem}h3{font-size:18px}.top-left-side{text-align:center}.top-left-side .top-header-text{margin-left:auto;margin-right:auto}.top-left-side .top-header-text::before{display:none} .about-content .about-list li{ font-size:1.4rem;} .sp-col img{ width:80%}.about-content .about-list li i{top:1px}.top-left-side .top-header-text p{font-size:15px;margin-bottom:5px}.top-header-right{float:none;text-align:center;margin-top:5px}.top-header-right .language-list{margin-left:0;margin-right:0;margin-top:5px}.top-header-right .language-list::before{display:none}.top-head-left{margin-top:3px;float:none;text-align:center}.side-nav-responsive{display:block}.d-display{display:none}.mobile-nav .logo img{max-width:140px}.search-overlay .search-form{max-width:100%;width:100%}.search-overlay .search-form form .input-search{height:50px;padding:0 0 0 15px}.search-overlay .search-form form button{position:absolute;right:5px;top:5px;width:40px;height:40px;font-size:18px;line-height:35px}.banner-slider-area{position:relative}.banner-slider-area .owl-dots{display:inline-block;right:0;left:0;top:auto;bottom:55px;-webkit-transform:translateY(0%);transform:translateY(0%)}.banner-slider-area .owl-dots .owl-dot span{margin:7px;width:30px!important;height:30px!important}.banner-slider-area .owl-dots .owl-dot.active span{width:30px!important;height:30px!important}.banner-slider-area .owl-dots .owl-dot:hover span{width:30px!important;height:30px!important}.banner-item-content{padding-top:140px;padding-bottom:130px}.banner-item-content span{font-size:1.1rem;font-weight:600;padding:8px 11px}.banner-item-content h1{max-width:100%;font-size:35px;margin-top:25px}.banner-item-content p{font-size:16px;margin-bottom:25px}.banner-item-ptb{padding-top:130px;padding-bottom:70px}.banner-item-ptb h1{margin-top:0}.banner-area::before{background-image:none;background-color:#000;opacity:.6}.banner-content{padding-top:120px;margin-top:0}.banner-content h1{font-size:35px;max-width:100%}.banner-content p{font-size:16px;max-width:100%}.banner-img{padding-top:30px}.banner-img .banner-img-shape{display:none}.banner-sub-slider{margin-top:30px;padding-bottom:70px}.banner-sub-slider .banner-sub-item{padding:15px 10px 15px 135px;max-width:300px}.banner-sub-slider .banner-sub-item img{max-width:107px}.banner-sub-slider .banner-sub-item .content{padding:3px 0 7px}.banner-sub-slider .banner-sub-item .content h3{font-size:35px}.banner-sub-slider .banner-sub-item .content span{font-size:16px}.banner-bottom-area{position:inherit;margin-top:50px}.banner-bottom-card{position:relative;padding:20px 15px;text-align:center}.banner-bottom-card i{position:inherit;top:0;left:0;right:0;margin-bottom:10px}.inner-banner .inner-title{padding-top:120px;padding-bottom:60px}.inner-banner .inner-title h3{font-size:20px} .inner-banner .inner-title ul li{font-size:14px}.inner-banner .inner-shape{display:none}.about-img{margin-top:30px}.about-img::before{display:none}.about-img .sub-content{padding:15px 10px 15px 145px;max-width:295px}.about-img .sub-content img{max-width:107px}.about-img .sub-content .content{padding:5px 0}.about-img .sub-content .content h3{font-size:35px}.about-img .sub-content .content span{font-size:16px}.about-content .about-list{margin:20px auto 10px;padding-left:30px}.about-content .section-title h2{margin-left:auto;margin-right:auto;max-width:100%}.about-content .section-title p{max-width:100%;line-height:2.3rem;font-size:1rem;}.about-content .about-list-2{margin:0 auto!important}.about-content .about-content-card{margin-top:20px}.about-content .about-content-card i{font-size:40px}.about-content .about-content-card h3{font-size:18px}.about-content .about-content-card p{font-size:14px}.about-content-2 .about-card{margin-top:20px}.about-content-2 .about-card .content{padding-top:0;padding-left:0;margin-bottom:0}.about-content-2 .about-card .content i{font-size:40px;position:inherit;top:0;left:0;right:0}.about-content-2 .about-card .content h3{margin-top:15px;font-size:18px;margin-bottom:0}.about-content-2 .about-card p{margin-top:15px;margin-bottom:0;color:#fff;font-size:14px}.about-play{margin-bottom:30px}.about-play img{border-radius:10px}.about-play .about-play-content{margin-top:30px;position:inherit;background-color:#0071dc;border-radius:10px;padding:40px 30px 60px;max-width:100%;text-align:center}.about-play .about-play-content::before{display:none}.about-play .about-play-content h2{font-size:24px;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:8px}.about-play .about-play-content .play-on-area{position:inherit;top:15px;bottom:auto;left:0;right:0;margin:0 auto;text-align:center}.about-play .about-play-content .play-on-area .play-on{width:60px;height:60px;font-size:30px;line-height:65px}.choose-content{text-align:center}.choose-content .choose-content-card .content{padding-top:10px;padding-left:0}.choose-content .choose-content-card .content i{position:inherit;top:0;font-size:45px}.choose-content .choose-content-card .content h3{margin-top:13px;margin-bottom:10px;font-size:18px}.choose-content .choose-content-card p{font-size:14px}.counter-content h1{font-size:65px}.counter-content h3{font-size:18px}.contact-info{padding:30px 15px 10px}.contact-info ul li{margin-bottom:20px}.security-card{padding:30px 20px}.security-card i{width:65px;height:65px;line-height:65px;font-size:28px}.technology-card i{font-size:40px}.technology-card h3{font-size:18px}.services-card{text-align:center}.service-shape{display:none}.services-item{text-align:center}.services-item .content{width:95%;padding:95px 20px 20px}.services-item .content i{display:inherit;top:25px;left:0;right:0;text-align:center}.services-item .content h3{font-size:18px}.service-article .service-article-content .service-article-rs{margin:0 0 8px}.case-study-item .content ul li{font-size:13px}.case-study-item .content ul li::before{width:1.5px;height:13px}.blog-article .blog-article-title ul li{margin-right:10px;margin-bottom:5px}.blog-article .article-content .blockquote{margin-left:0;padding:20px 30px}.blog-article .article-content .blockquote i{display:none}.blog-article .blog-article-share .blog-tag ul li{padding:5px 0;margin-top:5px;margin-bottom:10px}.blog-article .blog-article-share .blog-tag ul li a{padding:6px 12px}.blog-article .blog-article-share .social-icon{float:none;margin-top:5px;margin-bottom:10px}.blog-article .comments-wrap .comment-list li{padding-left:0}.blog-article .comments-wrap .comment-list li img{position:inherit;top:0;left:0;margin-bottom:10px}.blog-article .comments-wrap .comment-list li h3{font-size:20px;margin-bottom:10px}.blog-article .comments-wrap .comment-list li p{margin-bottom:10px}.blog-article .comments-wrap .comment-list li a{color:#0071dc;font-weight:600;position:inherit;top:0;left:0}.blog-style-card .content ul li{margin-right:5px}.blog-style-card .content ul li i{margin-right:5px}.blog-card .blog-img .blog-tag{padding:10px 7px}.blog-card .blog-img .blog-tag h3{font-size:14px}.blog-card .content ul li{font-size:14px}.blog-card .content ul li i{font-size:15px}.blog-card .content h3{font-size:21px}.blog-card .content .read-btn{font-size:14px}.work-process-card{text-align:center}.work-process-left{padding:50px 25px;text-align:center}.work-process-area-two{position:relative}.work-process-area-two .col-lg-3:nth-child(2) .work-process-card{margin-top:0}.work-process-area-two .col-lg-3:nth-child(4) .work-process-card{margin-top:0}.work-shape{display:none}.build-content{text-align:center}.build-btn-area{float:none;text-align:center}.case-article .case-article-content .case-article-rs{margin:0 0 8px}.build-btn-area{float:none;margin-top:20px}.build-item .content ul li{font-size:13px}.build-play-img img{border-radius:10px}.build-play-img .play-area-content{margin-top:30px;position:inherit;background-color:#0071dc;border-radius:10px;padding:40px 30px;max-width:100%;text-align:center}.build-play-img .play-area-content::before{display:none}.build-play-img .play-area-content h2{font-size:24px;margin-left:auto;margin-right:auto}.build-play-img .play-area{position:absolute;z-index:1;top:44%;bottom:auto;left:10%;right:0;margin:0 auto;text-align:center}.build-play-img .play-area .play-on{width:60px;height:60px;font-size:30px;line-height:63px}.build-text{margin-bottom:25px;margin-top:20px;text-align:center}.play-btn-area{padding-top:110px;padding-bottom:110px}.counter-shape{display:none}.counter-content h1{font-size:85px}.counter-another-content{margin-bottom:20px;padding-left:0;position:relative;text-align:center}.counter-another-content i{font-size:40px;position:inherit;right:0}.counter-another-content h3{font-size:26px;margin-top:15px;margin-bottom:5px}.counter-another-content span{font-size:15px}.client-circle{display:none}.clients-content{padding:30px 15px}.clients-area .owl-nav{margin-top:0;margin-bottom:30px}.clients-area .owl-nav .owl-prev{top:auto;position:inherit;-webkit-transform:translateY(0%);transform:translateY(0%);left:0;font-size:20px!important;bottom:-30px;width:35px;height:35px;border-radius:50px;line-height:38px!important}.clients-area .owl-nav .owl-next{top:auto;position:inherit;-webkit-transform:translateY(0%);transform:translateY(0%);right:0;font-size:20px!important;bottom:-30px;width:35px;height:35px;border-radius:50px;line-height:38px!important}.blog-card .content{padding:20px}.error-area{height:100vh;padding-top:70px;padding-bottom:70px}.error-area .error-content h3{margin-bottom:10px;font-size:25px}.error-area .error-content p{font-size:16px;padding:0 15px}.coming-soon-area .coming-soon-content{padding-top:30px;padding-bottom:20px;padding-left:15px;padding-right:15px}.coming-soon-area .coming-soon-content h1{font-size:30px;line-height:1.1;margin-top:0}.coming-soon-area .coming-soon-content p{font-size:14px;margin-top:15px}.coming-soon-area .coming-soon-content #timer{margin-top:30px}.coming-soon-area .coming-soon-content #timer div{font-size:30px;margin-left:5px;margin-right:5px;margin-bottom:15px}.coming-soon-area .coming-soon-content #timer div span{font-size:14px;margin-top:-5px}.coming-soon-area .coming-soon-content #timer div::before{display:none}.coming-soon-area .coming-soon-content .newsletter-form{margin-top:20px;margin-bottom:20px}.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{height:55px;padding-left:13px;font-size:15px}.coming-soon-area .coming-soon-content .newsletter-form button{position:relative;font-size:14px;margin-top:15px;width:100%;height:50px}.footer-widget h3{margin-bottom:20px}.footer-widget .footer-call-content{max-width:100%}.footer-widget .footer-call-content h3{font-size:20px}.footer-widget .footer-call-content i{top:15px}.footer-widget p{max-width:100%}}

/* ====中屏手机 苹果 6 7 8 11  12 13 puls  =====*/
@media only screen and (max-width:575px){

    /**  社会责任  */
    .container-top {
        height: 15rem;
    }

    /** 社会责任  */
    .gswh-col h4{
        margin-top: 2rem;
        font-family: initial;
        font-weight: bold;
        font-size: 1.5rem;
        color: #2A2E2E;
        letter-spacing: 0;
        line-height: 2.2rem;
        margin-bottom: 0.08rem;

    }

    .gswh-col .gswh-col-p{
        font-size: 1rem;
        color: #5F6464;
        letter-spacing: 0;
        line-height: 2rem;
        margin-bottom: 1.2rem;

    }
    .pt0-1200{
        padding-top:4rem;
    }


    /**    */
    .gswh-title{
        padding-top:1rem;
        font-style: normal;
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 4rem;
        letter-spacing: 1px;
        color: #000;
    }
    .gswh-content{
        padding-top:1rem;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 2.2rem;
        text-align: justify;
        letter-spacing: 0.04rem;
        color: #777e87;

    }
    .zrzt h3{
        font-style: normal;
        font-weight: bold;
        font-size: 1.6rem;
        line-height: 48px;
        letter-spacing: 0.01rem;
        color: #000;
    }
    .zrzt p{
        padding-top:1rem;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 25px;
        text-align: justify;
        letter-spacing: 0.02rem;
        color: #777e87;
    }

    .container-top-content-go{
        font-family: OPPOSans;
        font-style: normal;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 0rem;
        position: relative;
        letter-spacing: 1px;
        color: #fff;
        opacity: .8;
        text-align: center;
        padding-top:2rem;
    }
    .container-top-content-line{
        margin-top: 16px;
        width: 0rem;
        height: 0rem;
        background: #fff;
        mix-blend-mode: normal;
        opacity: .2;
        text-align: center;
    }
    .container-top-content-w{
        width: 100%;
        padding-left:1rem;
        padding-right:0.7rem;
        font-style: normal;
        font-weight: bold;
        font-size: 1.3rem;
        letter-spacing: 1px;
        color: #fff;
        padding-top:15px;
    }


    /**   团队介绍 */


    /**  短视频 */
    .video-grid-slider ul li{width:12.3rem;}

    /*======*/
    .mr-20{margin-right:0}
    .section-title .p1 {
        padding-top: 1rem;
    }
    /*联系我们*/
    .contact-info h2{padding-left:10rem;}
    .contact-info ul{padding-left:6rem;}
    /*  专家说*/
    .inner-banner3 {
        padding-top:4rem;
        height: 18rem;
        margin-top: 0rem;
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 100% 100%;
        background-position: center;
        /*border:1px solid red;*/

    }
    .inner-banner3 img{
        width:100%;
        height:100%;
    }
    #header{width: 10rem!important;}
    #navigation li{
        width: 8rem;
        height: 3rem;
    }
    #navigation a{
        background: rgba(255,255,255,0.5)!important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .section-title h2{font-size:1.4rem!important;}
    .pt-100{padding-top: 1rem!important;}
    .build-play-img .play-area-content {
        max-width:unset!important;
    }
    .content p{font-size:1rem;}
    .content h2{font-size:1.4rem;}


    .about-content .about-list li{font-size:1.4rem;padding-left: 4.4rem;}
    .about-content .about-list li i{font-size:2.2rem;left:1.6rem;top:0rem;}
    .sp-col img{width:60%;}
    .go-top{width:2.5rem;height:2.5rem;line-height:2.9rem;}
    .footer-logo a img{width:95%;}
    .footerTop1{font-size:1rem;}
    .footer-widget .footer-call-content{padding:1rem 1rem 1rem 1rem;}
    .footer-widget .footer-call-content i{width:3.2rem;height:3.2rem;top:1rem;font-size:2rem;line-height:3.2rem;}
    .footer-widget .footer-call-content h3{font-size:1.2rem;}
    .footer-widget{margin-top:1rem;}
    .counter-another-content h3 img{width:70%;}
    .about-list1 p:nth-of-type(1){font-size:2rem!important;}
    .about-list1 p:nth-of-type(2){font-size:1.7rem!important;}
    .about-list1 p:nth-of-type(3){font-size:1.7rem!important;}
    .section-title h2{font-size:1.4rem;}
    .banner-item-content h1{font-size:1.8rem;}
    .banner-item-content p{font-size:1.2rem;}
    .appcode1{ width:9.5rem!important;height:10rem!important;}


    .cart-three-img img{width:36px;height:36px}
    .comment-list .comment-info header img{width:100%}
    .comment-list .comment-info header{width:12%}
    .comment-list .comment-info .comment-right h3{margin:5px 12px;font-size:14px}
    .comment-list .comment-info .comment-right .comment-content-header span{font-size:12px}
    .col-md-10 span,.col-md-2 span{font-size:12px}
    .comment-list .comment-info .comment-right .reply-list .reply div span{font-size:14px}
    .comment-list .comment-info .comment-right .reply-list .reply p span{font-size:12px;}
    .cart-content{padding-right:10px;font-size:14px}
    .reply-list-btn{}
    .reply div a{font-size:14px}
    .gengduo{padding-left:33px;font-size:12px}
    .content{padding-right:10px;font-size:14px}
    .card-title{font-size:16px}
    .container1{padding-left:10px;padding-right:10px}
    .comment-list{width:100%;margin: 3px auto}
    .hot-g{text-align: center}
    .hot-g1{font-size:20px}
    .card-ti{margin-top:unset}
    .card-title{padding-bottom:unset}

    .cart-nd-name{font-size:14px}
    .cart-nd-date{font-size:12px}
    .banner-item-content{padding-left:15px;padding-right:15px}
    /**  圈子 */
    .cart-three{
        padding-bottom:unset;

    }



}

/*  ====小米10s 苹果 6 7 8 11 12 13   =====*/
@media only screen and (max-width:414px){
    /**  社会责任  */
    .container-top {
        height: 17rem;
    }

    /** 社会责任  */
    .gswh-col h4{
        margin-top: 2rem;
        font-family: initial;
        font-weight: bold;
        font-size: 1.5rem;
        color: #2A2E2E;
        letter-spacing: 0;
        line-height: 2.2rem;
        margin-bottom: 0.08rem;

    }

    .gswh-col .gswh-col-p{
        font-size: 1rem;
        color: #5F6464;
        letter-spacing: 0;
        line-height: 2rem;
        margin-bottom: 1.2rem;

    }
    .pt0-1200{
        padding-top:4rem;
    }


    /**    */
    .gswh-title{
        padding-top:1rem;
        font-style: normal;
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 4rem;
        letter-spacing: 1px;
        color: #000;
    }
    .gswh-content{
        padding-top:1rem;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 2.2rem;
        text-align: justify;
        letter-spacing: 0.04rem;
        color: #777e87;

    }
    .zrzt h3{
        font-style: normal;
        font-weight: bold;
        font-size: 1.6rem;
        line-height: 48px;
        letter-spacing: 0.01rem;
        color: #000;
    }
    .zrzt p{
        padding-top:1rem;
        font-style: normal;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 25px;
        text-align: justify;
        letter-spacing: 0.02rem;
        color: #777e87;
    }

    .container-top-content-go{
        font-family: OPPOSans;
        font-style: normal;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 0rem;
        position: relative;
        letter-spacing: 1px;
        color: #fff;
        opacity: .8;
        text-align: center;
        padding-top:2rem;
    }
    .container-top-content-line{
        margin-top: 16px;
        width: 0rem;
        height: 0rem;
        background: #fff;
        mix-blend-mode: normal;
        opacity: .2;
        text-align: center;
    }
    .container-top-content-w{
        width: 100%;
        padding-left:1rem;
        padding-right:0.7rem;
        font-style: normal;
        font-weight: bold;
        font-size: 1.3rem;
        letter-spacing: 1px;
        color: #fff;
        padding-top:15px;
    }


    .inner-banner5{
        position:relative;
        background-image: url("../../assets/images/social/responsibility-1.jpg") ;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        overflow: hidden;
        height: 12rem;
    }
    .container2{
        width: 100%;
        margin: 0;
        padding:0 3rem;
        box-sizing: border-box;
    }
    .container2 h2{
        font-family: "Vollkorn", serif;
        font-size: 3.2rem;
        color: #fff;
        letter-spacing: 0;
        margin-bottom: 8px;
        margin-top: 202px;
        font-weight: 400;
    }
    .container2 p{
        font-size: 1.4rem;
        color: #fff;
        letter-spacing: 0;
        line-height: 29px;
        margin-bottom: 27px;
    }

    /** 解决什么是孤独症模块字体问题 */
    .is-open .cd-fold-content h2{
        font-size:1.8rem;
    }
    .is-open .cd-fold-content em{
        font-size:1.4rem;
    }
    .cd-fold-content p{
        font-size:1.2rem!important;
    }

    .mr-20{margin-right:0}
    .section-title .p1 {
        padding-top: 1rem;
    }
    /** 短视频 */
    .video-grid-slider ul li{
        width:12rem;
    }
    .inner-banner4{
        margin-top: 0rem;

    }


    /*联系我们*/
    .contact-info h2{padding-left:8rem;}
    .contact-info ul{padding-left:4rem;}
    /*  专家说*/
    .inner-banner3 {
        padding-top:4rem;
        height: 18rem;
        margin-top: 0rem;
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 100% 100%;
        background-position: center;

    }
    .inner-banner3 img{
        width:100%;
        height:100%;
    }
    #header{width: 6rem!important;}
    #navigation li{
        width: 6rem;
        height: 3rem;
    }
    #navigation a{
        background: rgba(255,255,255,0.5)!important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .section-title h2{font-size:1.1rem!important;}
    .pt-100{padding-top: 1rem!important;}
    .build-play-img .play-area-content {
        max-width:unset!important;
    }
    .content h2{font-size:1.4rem;}
    /** ===干预====*/
    .content .two-p{
        font-size:1rem!important;
    }
    .jineng{
        font-size:1.4rem!important;
    }

    .about-content .about-list li{font-size:1.2rem;padding-left: 4.4rem;}
    .about-content .about-list li i{font-size:1.6rem;left:1.9rem;top:-0.04rem;}
    .sp-col img{width:60%;}

    .hot-g{text-align: center}
    .footerTop{padding-top:unset;}
    .about-content .about-list li{font-size:1.2rem;}
    .about-content .about-list li i{font-size:1.8rem;}
    .sp-col img{width:60%;}
    .go-top{width:2.5rem;height:2.5rem;line-height:2.9rem;}
    .footer-logo a img{width:75%;}


    .footerTop1{font-size:1rem;}
    .footer-widget .footer-call-content{padding:1rem 1rem 1rem 1rem;}
    .footer-widget .footer-call-content i{width:3.2rem;height:3.2rem;top:1rem;font-size:2rem;line-height:3.2rem;}
    .footer-widget .footer-call-content h3{font-size:1.2rem;}
    .footer-widget{margin-top:1rem;}
    .counter-another-content h3 img{width:70%;}
    .about-list1 p:nth-of-type(1){font-size:2rem!important;}
    .about-list1 p:nth-of-type(2){font-size:1.7rem!important;}
    .about-list1 p:nth-of-type(3){font-size:1.7rem!important;}
    .section-title h2{font-size:1.4rem;}
    .banner-item-content h1{font-size:1.8rem;}
    .banner-item-content p{font-size:1.2rem;}
    .appcode1{ width:9.5rem!important;height:10rem!important;}


    .cart-three-img img{width:36px;height:36px}
    .comment-list .comment-info header img{width:100%}
    .comment-list .comment-info header{width:12%}
    .comment-list .comment-info .comment-right h3{margin:5px 12px;font-size:14px}
    .comment-list .comment-info .comment-right .comment-content-header span{font-size:12px}
    .col-md-10 span,.col-md-2 span{font-size:12px}
    .comment-list .comment-info .comment-right .reply-list .reply div span{font-size:14px}
    .comment-list .comment-info .comment-right .reply-list .reply p span{font-size:12px;}
    .cart-content{padding-right:10px;font-size:14px}
    .reply-list-btn{}
    .reply div a{font-size:14px}
    .gengduo{padding-left:33px;font-size:12px}
    .content{padding-right:10px;font-size:14px}
    .card-title{font-size:16px}
    .container1{padding-left:10px;padding-right:10px}
    .comment-list{width:100%;margin: 3px auto}
    .hot-g1{font-size:20px}
    .card-ti{margin-top:unset}
    .card-title{padding-bottom:unset}
    .cart-three{padding-bottom:unset}
    .cart-nd-name{font-size:14px}
    .cart-nd-date{font-size:12px}
    .banner-item-content{padding-left:15px;padding-right:15px}
    .video-back h1{font-size:2rem!important;}
    .video-back p{font-size:0.8rem;}
    .video-back{padding-top:5.6rem!important;padding-bottom:1.7rem!important;}
    .grid-slider-header h3{font-size:1.5rem!important;}
    .grid-slider-header p{font-size:1rem!important;}
    .video-post-thumbnail{height:12rem!important;}
    .video-grid-slider{}
    .uk-slider-items{flex-wrap: wrap!important;}
    .video-grid-slider ul li{width:22.8rem!important;}
    .video-post-content h3{font-size:1rem!important;}
    .video-post-user{font-size:0.8rem!important;}

    .video-post-views{
        font-size:0.6rem!important;
        padding-top:0.1rem;
        display:inline-block;
        width:unset;
        height:1rem;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }
    .video-post-date{
        width:2rem;
        height:1.6rem;
        display:inline-block;
        font-size:0.6rem!important;
        position:relative;
        top:0rem;
    }
    .video-load{padding-top:5rem!important;}

}


/* ====苹果 678 */

@media only screen and (max-width:385px){
    .mr-20{margin-right:0}
    .section-title .p1 {
        padding-top: 1rem;
    }

    .inner-banner4{
        margin-top: 0rem;
    }
    #navigation li:nth-of-type(5) a{
        line-height:4rem;
    }
    /*联系我们*/
    .contact-info h2{padding-left:10rem;}
    .contact-info ul{padding-left:5rem;}

   #header{width:10rem!important;}
    #navigation li{
        width: 8rem;
        height: 3rem;
    }
    #navigation a{
        background: rgba(255,255,255,0.5)!important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .section-title h2{font-size:1.1rem!important;}
    .pt-100{padding-top: 1rem!important;}
    .build-play-img .play-area-content {
        max-width:unset!important;
    }
    .content p{font-size:1rem;}
    .content h2{font-size:1.4rem;}


    .hot-g{text-align: center}
    .footerTop{padding-top:unset;}
    .about-content .about-list li{font-size:1.2rem;}
    .about-content .about-list li i{font-size:1.8rem;}
    .sp-col img{width:60%;}
    .go-top{width:2.5rem;height:2.5rem;line-height:2.9rem;}
    .footer-logo a img{width:75%;}
    .footerTop1{font-size:1rem;}
    .footer-widget .footer-call-content{padding:0.7rem 0.7rem 0.7rem 0.7rem;}
    .footer-widget .footer-call-content i{width: 3rem;
        height: 3rem;
        top: 0.5rem;
        font-size: 1.7rem;
        line-height: 3.2rem;}
    .footer-widget .footer-call-content h3{font-size:1rem;}
    .footer-widget{margin-top:0rem;}
    .counter-another-content h3 img{width:70%;}
    .about-list1 p:nth-of-type(1){font-size:2rem!important;}
    .about-list1 p:nth-of-type(2){font-size:1.7rem!important;}
    .about-list1 p:nth-of-type(3){font-size:1.7rem!important;}
    .section-title h2{font-size:1.4rem!important;}
    .banner-item-content h1{font-size:1.8rem;}
    .banner-item-content p{font-size:1.2rem;}
    .appcode1{ width:9.5rem!important;height:10rem!important;}
    .banner-item-content span{font-size:1rem;}
    .cart-three-img img{width:36px;height:36px}
    .comment-list .comment-info header img{width:100%;position:relative;left:-0.4rem;top:-0.2rem;padding: 0.6rem;}
    .comment-list .comment-info header{width:15%}
    .comment-list .comment-info .comment-right h3{margin:5px 12px;font-size:14px}
    .comment-list .comment-info .comment-right .comment-content-header span{font-size:12px}
    .col-md-10 span,.col-md-2 span{font-size:12px}
    .comment-list .comment-info .comment-right .reply-list .reply div span{font-size:14px}
    .comment-list .comment-info .comment-right .reply-list .reply p span{font-size:12px;}
    .cart-content{padding-right:10px;font-size:14px}
    .reply-list-btn{}
    .reply div a{font-size:14px}
    .gengduo{padding-left:33px;font-size:12px}
    .content{padding-right:10px;font-size:14px}
    .card-title{font-size:16px}
    .container1{padding-left:10px;padding-right: 9px}
    .comment-list{margin: 3px auto}
    .hot-g1{font-size:20px}
    .card-ti{margin-top:unset}
    .card-title{padding-bottom:unset}
    .cart-three{padding-bottom:unset}
    .cart-nd-name{font-size:14px}
    .cart-nd-date{font-size:12px}
    .banner-item-content{padding-left:15px;padding-right:15px}


    .video-back h1{font-size:2rem!important;}
    .video-back p{font-size:0.8rem;}
    .video-back{padding-top:5.6rem!important;padding-bottom:1.7rem!important;}
    .grid-slider-header h3{font-size:1.5rem!important;}
    .grid-slider-header p{font-size:1rem!important;}
    .video-post-thumbnail{height:12rem!important;}
    .video-grid-slider{}
    .uk-slider-items{flex-wrap: wrap!important;}
    .video-grid-slider ul li{width:21.8rem!important;}
    .video-post-content h3{font-size:0.8rem!important;}
    .video-post-views{
        font-size:0.6rem!important;
        display:inline-block;
        width:unset;
        height:1rem;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }
    .video-post-date{
        width:2rem;
        height:1.6rem;
        display:inline-block;
        font-size:0.6rem!important;
        position:relative;
        top:0rem;
    }
    .video-load{padding-top:5rem!important;}



}

/* 苹果 se */
@media only screen and (max-width:360px){
    .mr-20{margin-right:0}
    .section-title .p1 {
        padding-top: 1rem;
    }
    /*联系我们*/
    .contact-info h2{padding-left:9rem;}
    .contact-info ul{padding-left:4rem;}
    /*  专家说*/
    .inner-banner3 {
        height: 20rem;
        margin-top: 6rem;
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 100% 100%;
        background-position: center;
    }
    #header{width: 10rem!important;}
    #navigation li{
        width: 8rem;
        height: 3rem;
    }
    #navigation a{
        background: rgba(255,255,255,0.5)!important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .section-title h2{font-size:1.4rem!important;}
    .pt-100{padding-top: 1rem!important;}
    .build-play-img .play-area-content {
        max-width:unset!important;
    }
    .content p{font-size:1rem;}
    .content h2{font-size:1.4rem;}


    /*  加入我们*/
    .faq-content .faq-accordion .accordion .accordion-title{font-size:1.2rem;}
    .faq-content .faq-accordion .accordion .accordion-content p{font-size:1rem;}
    /* ------------------*/
    .about-content .about-list li{font-size:1.2rem;}
    .about-content .about-list li i{font-size:1.8rem;}
    .sp-col img{width:60%;}
    .go-top{width:2.5rem;height:2.5rem;line-height:2.9rem;}
    .footer-logo a img{width:75%;}
    .footerTop1{font-size:0.8rem;}
    .copy-right-text p{font-size:0.8rem;}
    .footer-widget .footer-call-content{padding:0.7rem 0.7rem 0.7rem 0.7rem;}
    .footer-widget .footer-call-content i{width: 3rem;
        height: 3rem;
        top: 0.98rem;
        font-size: 1.7rem;
        line-height: 3.2rem;}
    .footer-widget .footer-call-content h3{font-size:1rem;}
    .footer-widget{margin-top:0.1rem;}
    .counter-another-content h3 img{width:70%;}
    .about-list1 p:nth-of-type(1){font-size:2rem!important;}
    .about-list1 p:nth-of-type(2){font-size:1.7rem!important;}
    .about-list1 p:nth-of-type(3){font-size:1.7rem!important;}
    .section-title h2{font-size:1.4rem;}
    .banner-item-content h1{font-size:1.8rem;}
    .banner-item-content p{font-size:1.2rem;}
    .appcode1{ width:9.5rem!important;height:10rem!important;}
    .banner-item-content span{font-size:1rem;}
    .cart-three-img img{width:36px;height:36px}
    .comment-list .comment-info header img{width:100%;position:relative;left:-0.4rem;top:-0.2rem;padding: 0.6rem;}
    .comment-list .comment-info header{width:15%}
    .comment-list .comment-info .comment-right h3{margin:5px 12px;font-size:14px}
    .comment-list .comment-info .comment-right .comment-content-header span{font-size:12px}
    .col-md-10 span,.col-md-2 span{font-size:12px}
    .comment-list .comment-info .comment-right .reply-list .reply div span{font-size:14px}
    .comment-list .comment-info .comment-right .reply-list .reply p span{font-size:12px;}
    .cart-content{padding-right:10px;font-size:14px}
    .reply-list-btn{}
    .reply div a{font-size:14px}
    .gengduo{padding-left:33px;font-size:12px}
    .content{padding-right:10px;font-size:14px}
    .card-title{font-size:1.2rem;}
    .container1{padding-left:10px;padding-right: 9px}
    .comment-list{margin: 3px auto}
    .hot-g1{font-size:20px}
    .card-ti{margin-top:unset;font-size:1rem;}
    .card-text{font-size:1rem;}
    .card-title{padding-bottom:unset}
    .cart-three{padding-bottom:unset}
    .cart-nd-name{font-size:14px}
    .cart-nd-date{font-size:12px}
    .banner-item-content{padding-left:15px;padding-right:15px}


    .video-back h1{font-size:1.3rem!important;}
    .video-back p{font-size:0.6rem;}
    .video-back{padding-top:4.2rem!important;padding-bottom:1.5rem!important;}
    .grid-slider-header{margin-bottom:unset!important;}
    .grid-slider-header h3{font-size:1.1rem!important;line-height:1.2rem!important;}
    .grid-slider-header p{font-size:0.8rem!important;margin-top:1rem;}
    .video-post-thumbnail{height:9rem!important;}
    .video-grid-slider{}
    .uk-slider-items{flex-wrap: wrap!important;}
    .video-grid-slider ul li{width:20.7rem!important;}
    .video-post-content h3{font-size:0.8rem!important;}

    .video-post-views{
        font-size:0.6rem!important;
        display:inline-block;
        width:5.7rem;
        height:1rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .video-post-date{
        width:2rem;
        height:1.6rem;
        display:inline-block;
        font-size:0.6rem!important;
        position:relative;
        top:-0.35rem;
    }
    .video-load{padding-top:5rem!important;}



}


/* ==== 小屏手机=====*/
@media only screen and (max-width:325px){
    .mr-20{margin-right:0}
    .section-title .p1 {
        padding-top: 1rem;
    }
    /*联系我们*/
    .contact-info h2{padding-left:7rem;}
    .contact-info ul{padding-left:3rem;}

    /*  加入我们*/
    .hot-g{text-align:center;}
    .faq-content .faq-accordion .accordion .accordion-title{font-size:1.2rem;}
    .faq-content .faq-accordion .accordion .accordion-content p{font-size:1rem;}
    .about-content .about-list li{font-size:1.2rem;}
    .about-content .about-list li i{font-size:1.8rem;}
    .sp-col img{width:60%;}
    .go-top{width:2.5rem;height:2.5rem;line-height:2.9rem;}
    .footer-logo a img{width:75%;}
    .footerTop1{font-size:0.8rem;}
    .copy-right-text p{font-size:0.8rem;}
    .footer-widget .footer-call-content{padding:0.7rem 0.7rem 0.7rem 0.7rem;}
    .footer-widget .footer-call-content i{width: 3rem;
        height: 3rem;
        top: 0.5rem;
        font-size: 1.7rem;
        line-height: 3.2rem;}
    .footer-widget .footer-call-content h3{font-size:1rem;}
    .footer-widget{margin-top:0.1rem;}
    .counter-another-content h3 img{width:70%;}
    .about-list1 p:nth-of-type(1){font-size:2rem!important;}
    .about-list1 p:nth-of-type(2){font-size:1.7rem!important;}
    .about-list1 p:nth-of-type(3){font-size:1.7rem!important;}
    .section-title h2{font-size:1.4rem;}
    .banner-item-content h1{font-size:1.8rem;}
    .banner-item-content p{font-size:1.2rem;}
    .appcode1{ width:9.5rem!important;height:10rem!important;}
    .banner-item-content span{font-size:1rem;}
    .cart-three-img img{width:36px;height:36px}
    .comment-list .comment-info header img{width:100%}
    .comment-list .comment-info header{width:15%}
    .comment-list .comment-info .comment-right h3{margin:5px 12px;font-size:14px}
    .comment-list .comment-info .comment-right .comment-content-header span{font-size:12px}
    .col-md-10 span,.col-md-2 span{font-size:12px}
    .comment-list .comment-info .comment-right .reply-list .reply div span{font-size:14px}
    .comment-list .comment-info .comment-right .reply-list .reply p span{font-size:12px;}
    .cart-content{padding-right:10px;font-size:14px}
    .reply-list-btn{}
    .reply div a{font-size:14px}
    .gengduo{padding-left:33px;font-size:12px}
    .content{padding-right:10px;font-size:14px}
    .card-title{font-size:16px}
    .container1{padding-left:10px;padding-right: 9px}
    .comment-list{margin: 3px auto}
    .hot-g1{font-size:20px}
    .card-ti{margin-top:unset}
    .card-title{padding-bottom:unset}
    .cart-three{padding-bottom:unset}
    .cart-nd-name{font-size:14px}
    .cart-nd-date{font-size:12px}
    .banner-item-content{padding-left:15px;padding-right:15px}


    .video-back h1{font-size:1.3rem!important;}
    .video-back p{font-size:0.6rem;}
    .video-back{padding-top:4.2rem!important;padding-bottom:1.5rem!important;}
    .grid-slider-header{margin-bottom:unset!important;}
    .grid-slider-header h3{font-size:1.1rem!important;line-height:1.2rem!important;}
    .grid-slider-header p{font-size:0.8rem!important;margin-top:1rem;}
    .video-post-thumbnail{height:9rem!important;}
    .video-grid-slider{}
    .uk-slider-items{flex-wrap: wrap!important;}
    .video-grid-slider ul li{width:18.2rem!important;}
    .video-post-content h3{font-size:0.8rem!important;}

    .video-post-views{
        font-size:0.6rem!important;
        display:inline-block;
        width:5.7rem;
        height:1rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .video-post-date{
        width:2rem;
        height:1.6rem;
        display:inline-block;
        font-size:0.6rem!important;
        position:relative;
        top:-0.35rem;
    }
    .video-load{padding-top:5rem!important;}




}




@media only screen and (min-width:576px) and (max-width:767px){ .section-title .p1 {padding-top: 1rem;
}.build-play-img .play-area{top:27%}.blog-article .blog-article-title ul li{margin-right:10px;margin-bottom:5px}.blog-article .article-content .blockquote{margin-left:0;padding:20px 30px}.blog-article .article-content .blockquote i{display:none}.blog-article .blog-article-share .blog-tag ul li{padding:5px 0;margin-top:0;margin-bottom:0}.blog-article .blog-article-share .social-icon{float:right;margin-bottom:0}.footer-widget .footer-call-content{padding:20px 70px 20px 15px}.footer-widget .footer-call-content h3{font-size:16px}.footer-widget .footer-call-content i{top:22px;right:15px;width:45px;height:45px;line-height:45px;font-size:24px}.footer-widget .footer-call-content span a{font-size:13px}.footer-widget .footer-blog li h3{font-size:15px}}

@media only screen and (min-width:768px) and (max-width:991px){
    .section-title .p1 {
        padding-top: 1rem;
    }
    .video-back h1{font-size:3rem!important;}
    .video-back p{font-size:1.4rem;}
    .video-back{padding-top:4.2rem!important;padding-bottom:1.5rem!important;}
    .grid-slider-header{margin-bottom:unset!important;}
    .grid-slider-header h3{font-size:2rem!important;line-height:2rem!important;}
    .grid-slider-header p{font-size:1.3rem!important;margin-top:1rem;}
    .video-post-thumbnail{height:12rem!important;}
    .video-grid-slider{}
    .uk-slider-items{flex-wrap: wrap!important;}
    .video-grid-slider ul li{width:21.5rem!important;}
    .video-post-content h3{font-size:0.8rem!important;}

    .video-post-views{
        font-size:0.6rem!important;
        display:inline-block;
        width:5.7rem;
        height:1rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .video-post-date{
        width:2rem;
        height:1.6rem;
        display:inline-block;
        font-size:0.6rem!important;
        position:relative;
        top:-0.35rem;
    }
    .video-load{padding-top:5rem!important;}
    .video-back{padding-top:7rem!important;padding-bottom:8rem!important;}
    .about-content .about-list li{font-size:1.4rem;padding-left: 4.4rem;}
    .about-content .about-list li i{font-size:2.2rem;left:1.6rem;}
    .sp-col img{width:60%;}
    .go-top{width:2.5rem;height:2.5rem;line-height:2.9rem;}
    .footer-logo a img{width:100%;max-width:unset!important;}
    .footerTop{padding-left:0rem;}
    .footerTop1{font-size:1rem;}
    .footer-widget .footer-call-content{padding:0.8rem 0.8rem 0.8rem 0.8rem;}
    .footer-widget .footer-call-content i{width: 3rem;
        height: 3rem;
        top: 0.5rem;
        right: 0.1rem;
        font-size: 1.4rem;
        line-height: 3.2rem;}
    .footer-widget .footer-call-content h3{font-size:1rem;}
    .footer-widget{margin-top:1rem;}
    .counter-another-content h3 img{width:70%;}
    .about-list1 p:nth-of-type(1){font-size:2rem!important;}
    .about-list1 p:nth-of-type(2){font-size:1.7rem!important;}
    .about-list1 p:nth-of-type(3){font-size:1.7rem!important;}
    .section-title h2{font-size:1.4rem;}
    .banner-item-content h1{font-size:1.8rem;}
    .banner-item-content p{font-size:1.2rem;}
    .appcode1{ width:9.5rem!important;height:10rem!important;}


    .cart-three-img img{width:36px;height:36px}
    .comment-list .comment-info header img{width:100%}
    .comment-list .comment-info header{width:12%}
    .comment-list .comment-info .comment-right h3{margin:5px 12px;font-size:14px}
    .comment-list .comment-info .comment-right .comment-content-header span{font-size:12px}
    .col-md-10 span,.col-md-2 span{font-size:12px}
    .comment-list .comment-info .comment-right .reply-list .reply div span{font-size:14px}
    .comment-list .comment-info .comment-right .reply-list .reply p span{font-size:12px;}
    .cart-content{padding-right:10px;font-size:14px}
    .reply-list-btn{}
    .reply div a{font-size:14px}
    .gengduo{padding-left:33px;font-size:12px}
    .content{padding-right:10px;font-size:14px}
    .card-title{font-size:16px}
    .container1{padding-left:10px;padding-right:10px}
    .comment-list{width:100%;margin: 3px auto}
    .hot-g1{font-size:20px}
    .card-ti{margin-top:unset}
    .card-title{padding-bottom:unset}
    .cart-three{padding-bottom:unset}
    .cart-nd-name{font-size:14px}
    .cart-nd-date{font-size:12px}
    .banner-item-content{padding-left:15px;padding-right:15px}


    .ptb-100{padding-top:50px;padding-bottom:50px}.ptb-10000{padding-top:30px;padding-bottom:30px}.pt-100{padding-top:50px}.ptb-70{padding-top:20px;padding-bottom:50px}.pb-100{padding-bottom:50px}.pt-70{padding-top:30px}.pb-70{padding-bottom:20px} .pb-1000{}.pt-45{padding-top:30px}.mt-30{margin-top:0}.ml-25{margin-left:0}.ml-20{margin-left:10px}.mr-20{margin-right:0}.default-btn{padding:8px 18px}.section-title span{font-size:14px;list-style:0;padding:0;margin:0}.section-title h2{font-size:26px;margin-top:0}.section-title p{margin-left:auto;margin-right:auto}h3{font-size:21px}.about-play{margin-bottom:30px}.work-process-left{text-align:center}.side-nav-responsive{display:block}.d-display{display:none}.mobile-nav .logo img{max-width:140px}.top-header-right .language-list{margin-left:-15px}.about-content-2 .section-title h2,.about-content-2 .section-title p{max-width:100%}.side-nav-responsive{display:block}.d-display{display:none}.mobile-nav .logo img{max-width:140px}.banner-slider-area{position:relative}.banner-slider-area .owl-dots{display:inline-block;right:0;left:0;top:auto;bottom:55px;-webkit-transform:translateY(0%);transform:translateY(0%)}.banner-item-content{padding-top:220px;padding-bottom:220px;text-align:center}.banner-item-content span{font-size:15px;font-weight:600;padding:8px 15px}.banner-item-content h1{font-size:35px;max-width:100%}.banner-item-content p{font-size:16px;margin-left:auto;margin-right:auto}.banner-item-ptb{padding-top:250px;padding-bottom:190px}.banner-content{padding-top:120px;margin-top:0;text-align:center}.banner-content h1{font-size:35px;margin-left:auto;margin-right:auto}.banner-content p{font-size:16px;margin-left:auto;margin-right:auto}.banner-area::before{background-image:none;background-color:#000;opacity:.6}.banner-img{padding-top:30px}.banner-img .banner-img-shape{display:none}.banner-sub-slider{padding-bottom:70px}.banner-bottom-area{position:inherit;margin-top:50px}.banner-bottom-card{position:relative;padding:20px 15px;text-align:center}.banner-bottom-card i{position:inherit;top:0;left:0;right:0;margin-bottom:10px}.inner-banner .inner-title h3{font-size:20px}.about-img{margin-top:30px}.about-img::before{right:-15px}.about-content{text-align:center}.about-content .section-title h2{margin-left:auto;margin-right:auto}.about-content-2 .section-title p{margin-left:0;margin-right:unset}.services-card{padding:30px 30px 25px}.service-shape{display:none}.services-item{text-align:center}.services-item .content{width:90%;padding:20px 15px 20px 92px}.services-item .content h3{font-size:20px}.choose-content .section-title p{margin-left:0;margin-right:unset}.contact-info{padding:40px 20px 10px}.work-process-card{padding:30px 32px}.work-process-left{padding:50px 30px}.work-process-left .section-title h2{font-size:25px}.work-process-area-two{position:relative}.work-process-area-two .col-lg-3:nth-child(2) .work-process-card{margin-top:0}.work-process-area-two .col-lg-3:nth-child(4) .work-process-card{margin-top:0}.work-shape{display:none}.build-play-img .play-area-content{padding:100px 70px 65px 30px;max-width:330px}.build-play-img .play-area-content::before{width:91%;height:88.7%}.build-play-img .play-area-content h2{font-size:28px}.play-area{bottom:145px;left:190px}.counter-shape{display:none}.counter-content h1{font-size:65px}.counter-content h3{font-size:18px}.counter-another-content{margin-bottom:20px;padding-left:0;position:relative;text-align:center}.counter-another-content i{font-size:45px;position:inherit;right:0}.counter-another-content h3{font-size:30px;margin-top:15px;margin-bottom:5px}.counter-another-content span{font-size:15px}.client-circle{display:none}.clients-area .owl-nav{margin-top:0;margin-bottom:55px}.clients-area .owl-nav .owl-prev{top:auto;position:inherit;font-size:20px!important;bottom:-30px;-webkit-transform:translateY(0%);transform:translateY(0%);width:35px;height:35px;border-radius:50px;line-height:38px!important}.clients-area .owl-nav .owl-next{top:auto;position:inherit;-webkit-transform:translateY(0%);transform:translateY(0%);font-size:20px!important;bottom:-30px;width:35px;height:35px;border-radius:50px;line-height:38px!important}.error-area{height:100vh;padding-top:70px;padding-bottom:70px}.error-area .error-content h3{margin-bottom:10px;font-size:25px}.error-area .error-content p{font-size:16px;padding:0 15px}}


@media only screen and (min-width:992px) and (max-width:1199px){.main-nav .navbar .navbar-brand img{max-width:140px}.main-nav nav .navbar-nav .nav-item a{margin-left:8px;margin-right:8px}.main-nav .nav-side .nav-side-item{margin-right:10px}.main-nav .nav-side .nav-side-item .search-side-widget{max-width:190px}.main-nav .nav-side .nav-side-item .get-btn .default-btn{padding:9px 15px}.top-left-side .top-header-social ul li a{width:24px;height:24px;line-height:26px;font-size:16px}.top-left-side .top-header-text{margin-left:25px}.top-left-side .top-header-text::before{left:-16px;width:1px;height:20px}.top-left-side .top-header-text p{font-size:13px}.top-header-right .top-contact{padding-left:35px}.top-header-right .top-contact i{font-size:15px;width:24px;height:24px;line-height:24px}.top-header-right .top-contact h3{font-size:13px;color:#fff;margin-bottom:0}.top-header-right .language-list{margin-left:-15px;top:-5px}.top-header-right .language-list .nice-select{font-size:13px}.top-header-right .language-list .nice-select::after{font-size:15px}.banner-slider-area .owl-dots{top:40%}.banner-item-content{max-width:600px}.banner-item-content h1{font-size:55px}.banner-item-content p{font-size:17px}.banner-bottom-card{padding:30px 20px 30px 100px}.banner-bottom-card i{position:absolute;top:30px;left:20px;font-size:40px;width:65px;height:65px;line-height:65px}.banner-bottom-card h3{font-size:20px}.banner-content{margin-top:-20px}.banner-content h1{font-size:44px}.banner-sub-slider{margin-top:-50px}.banner-sub-slider .banner-sub-item{padding:15px 10px 15px 140px;width:100%}.banner-sub-slider .banner-sub-item img{max-width:107px}.banner-sub-slider .banner-sub-item h3{font-size:35px}.banner-sub-slider .banner-sub-item span{font-size:15px}.banner-img .banner-img-shape{bottom:70px}.banner-img .banner-img-shape img{max-width:130px}.banner-content p{font-size:16px}.blog-card .content{padding:30px 25px}.about-content-2 .about-card .content h3{font-size:20px}.about-img::before{right:-20px}.choose-content .choose-content-card .content{padding-left:60px}.choose-content .choose-content-card .content i{font-size:45px}.choose-content .choose-content-card .content h3{font-size:20px;margin-top:0;margin-bottom:15px}.services-card{padding:30px 20px 25px}.services-card h3{font-size:20px}.service-shape img{max-width:280px}.services-item .content{width:95%;padding:20px 15px 20px 92px}.services-item .content h3{font-size:20px}.call-contact p{font-size:18px}.work-process-left{padding:170px 25px}.work-process-card{padding:30px 20px}.work-process-card h3{font-size:20px}.work-shape img{max-width:975px}.counter-shape .shape1 img{max-width:160px}.counter-shape .shape2 img{max-width:160px}.counter-another-content{padding-left:85px}.counter-another-content span{font-size:15px}.client-circle .client-circle-2{top:30%}.clients-area .owl-nav .owl-prev{left:-20px;width:35px;height:35px;line-height:35px!important}.clients-area .owl-nav .owl-next{right:-20px;width:35px;height:35px;line-height:35px!important}.call-shape .shape1{left:20px}.call-shape .shape2{right:0}.call-shape .shape2 img{max-width:100px}.call-shape .shape2-rs{right:25px}.call-shape .shape2-rs img{max-width:120px}.client-circle .client-circle-1{left:45px}.client-circle .client-circle-3{top:87%;left:2%}.client-circle .client-circle-6{top:87%;right:20px}.footer-widget .footer-list li a{color:#fff;font-weight:400;font-size:14px}.footer-widget .footer-list li a i{margin-right:0;font-size:16px}.footer-widget .footer-call-content h3{font-size:20px}.footer-widget .footer-call-content i{top:15px}.footer-widget .footer-blog li{padding-left:80px}.footer-widget .footer-blog li img{height:65px;width:65px}.footer-widget .footer-blog li .content h3{font-size:13px}}


@media only screen and (min-width:1800px){.service-shape img{max-width:500px}.counter-shape .shape1 img{max-width:100%}.counter-shape .shape2 img{max-width:100%}.client-circle .client-circle-1{left:5%}.client-circle .client-circle-2{left:15%}.client-circle .client-circle-3{left:5%}.client-circle .client-circle-4{right:30%}.client-circle .client-circle-5{right:15%}.client-circle .client-circle-6{right:5%}.client-circle .client-circle-7{right:45%}.banner-slider-area .owl-dots{right:20%}}


@media only screen and (min-width:1200px) and (max-width:1299px){.clients-area .owl-nav .owl-prev{left:-2%}.clients-area .owl-nav .owl-next{right:-2%}.about-img::before{right:-20px}.call-shape .shape2{right:-10px}}


@media only screen and (min-width:1200px){ .card-title{padding-top:1.4rem;}.container{max-width:1170px}.container-max{max-width:1300px!important;margin:0 auto}}


@media only screen and (min-width:1400px){.client-circle .client-circle-1{left:5%}.client-circle .client-circle-2{left:15%;top:17%}.client-circle .client-circle-3{left:5%}.client-circle .client-circle-4{right:30%}.client-circle .client-circle-5{right:15%}.client-circle .client-circle-6{right:5%}.client-circle .client-circle-7{right:45%}}


@media only screen and (max-width:991px){.mobile-nav nav .navbar-nav{height:300px;overflow-y:scroll}.side-bar-area{margin-left:0}.side-bar-widget{border:1px solid #f3f3f3;padding:20px;margin-bottom:30px}.side-bar-widget .side-bar-categories{margin-bottom:0}.side-bar-widget .side-bar-widget-tag{margin-bottom:0}.side-bar-widget .blog-gallery{margin-bottom:0}.side-bar-widget .widget-popular-post{margin-bottom:0}.call-shape{display:none}.call-contact{text-align:center;padding:50px 0 30px}.call-contact h3{font-size:18px}.call-contact .call-btn{font-size:26px}.call-contact p{font-size:16px;margin-bottom:20px}.contact-info ul li{display:inline-block;margin-right:20px}.contact-info ul li:last-child{margin-right:0}}