@media screen and (max-width: 1200px) {
    .text_info {
        padding-left: 60px;
    }

    .section2 .s_picbox, .section4 .s_picbox, .section6 .s_picbox {
        margin-right: 7%;
    }

    .section2 .s_textbox, .section4 .s_textbox, .section6 .s_textbox {
        padding-right: 99px;
    }

    .s_picbox {
        margin-left: 15%;
    }

    .section4 .s_picbox {
        margin-right: 6%;
    }

    .banner_text {
        width: 60%;
    }

    .banner_pic {
        margin-right: 10%;
        width: 22%;
    }
}

@media screen and (max-width: 1024px) {
    .bancon h3 {
        font-size: 40px;
    }

    .bancon h4 {
        font-size: 32px;
    }

    .banner_text {
        width: 52%;
    }

    .banner_pic {
        width: 30%;
    }

    .text_info {
        padding-left: 30px;
    }

    .section2 .s_textbox, .section4 .s_textbox, .section6 .s_textbox {
        padding-right: 30px;
    }

    .section6 .s_picbox {
        margin-right: 24%;
    }
}

@media screen and (max-width: 768px) {
    .banner {
        width: 100%;
        height: 588px;
        background: #3eabe7 url(../images/phoneimg/bannersjbg_1x.png) center center no-repeat;
    }

    .bannercenter {
        height: 588px;
    }

    .text_info {
        padding-left: 0;
    }

    .bancon h3 {
        font-size: 30px;
        padding: 20px 0;
    }

    .bancon h4 {
        font-size: 24px;
        font-weight: normal;
        padding: 5px 0 20px 0;
    }

    .bancon a {
        width: 140px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        display: inline-block;
        text-decoration: underline;
        color: #fff;
        padding-left: 0;
        margin-right: 0;
        background: none;
    }

    .bancon a:hover {
        background: none;
    }

    .banner_text {
        width: 100%;
    }

    .bancon {
        padding-top: 70px;
        text-align: center;
    }

    .banner_pic {
        width: 100%;
        margin: 0;
        bottom: 0;
        height: 338px;
    }

    .banner_sj {
        width: 200px;
        height: 315px;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        bottom: -5px;
        background-size: 200px 315px;
        background: url(../images/phoneimg/banner_sjsj_1x.png) 0 0 no-repeat;
    }

    .bannercloud {
        width: 200px;
        height: 25px;
        position: absolute;
        bottom: -6px;
        margin-left: -100px;
        left: 50%;
        background-size: 200px 25px;
        background: url(../images/phoneimg/bannercloudsj_1x.png) 0 0 no-repeat;
    }

    .section {
        height: 500px;
        padding-top: 50px;
    }

    .detailed_info {
        padding-top: 15px;
    }

    .sec_center {
        width: 100%;
        height: 500px;
    }

    .s_textbox {
        padding-top: 0px;
        width: 100%;
        text-align: center;
    }

    .hgroup h3 {
        font-size: 26px;
    }

    .hgroup h4 {
        height: 48px;
        padding: 0 10px;
    }

    .section2 .s_textbox, .section4 .s_textbox, .section6 .s_textbox {
        width: 100%;
        padding-right: 0;
    }

    .section2 .text_info, .section4 .text_info, .section6 .text_info {
        padding-left: 0;
        text-align: center;
    }

    .s_picbox {
        margin-left: 0;
        height: 290px;
        bottom: -59px;
        width: 100%;
    }

    .section1 .bg {
        width: 184px;
        height: 290px;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -91px;
        background: url(../images/phoneimg/s1_sjsj_1x.png) 0 0 no-repeat;
        background-size: 184px 290px;
    }

    .section1 .bg11 {
        width: 174px;
        height: 109px;
        bottom: 72px;
        left: 50%;
        margin-left: -176px;
        background: url(../images/phoneimg/s11sj_1x.png) 0 0 no-repeat;
        background-size: 174px 109px;
    }

    .section1 .bg12 {
        width: 141px;
        height: 123px;
        bottom: 112px;
        left: 50%;
        margin-left: 24px;
        z-index: 3;
        background: url(../images/phoneimg/s12sj_1x.png) 0 0 no-repeat;
        background-size: 141px 123px;
    }

    .section1 .bg13 {
        width: 153px;
        height: 58px;
        bottom: 25px;
        left: 50%;
        margin-left: 13px;
        background: url(../images/phoneimg/s13sj_1x.png) 0 0 no-repeat;
        background-size: 153px 58px;
    }

    .section2 .s_picbox, .section4 .s_picbox, .section6 .s_picbox {
        margin-right: 0;
        margin-left: 0;
        bottom: -42px;
        width: 100%;
    }

    .section2 .bg {
        width: 190px;
        height: 298px;
        bottom: 0;
        left: 50%;
        margin-left: -95px;
        background: url(../images/phoneimg/s2_sjsj_1x.png) 0 0 no-repeat;
        background-size: 190px 298px;
    }

    .section2 .bg20 {
        width: 56px;
        height: 56px;
        line-height: 56px;
        font-size: 24px;
        border: 5px solid rgba(193, 155, 249, 0.6);
        border-radius: 35px;
        bottom: -8px;
        left: 50%;
        margin-left: -137px;
    }

    .section2 .bg21 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        border: 6px solid rgba(72, 184, 244, 0.6);
        border-radius: 35px;
        bottom: -9px;
        left: 50%;
        margin-left: 55px;
    }

    .section2 .bg22 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        border: 4px solid rgba(255, 198, 0, 0.4);
        border-radius: 35px;
        bottom: 56px;
        left: 50%;
        margin-left: 131px;
    }

    .section2 .bg23 {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border: 4px solid rgba(137, 193, 32, 0.4);
        border-radius: 40px;
        bottom: 131px;
        left: 50%;
        margin-left: 90px;
    }

    .section2 .bg24 {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        border: 6px solid rgba(234, 139, 253, 0.3);
        border-radius: 40px;
        bottom: 126px;
        left: 50%;
        margin-left: -136px;
    }

    .section2 .bg25 {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        border: 4px solid rgba(252, 178, 7, 0.2);
        border-radius: 45px;
        bottom: 66px;
        left: 50%;
        margin-left: -200px;
    }

    .section2 .bg26, .section2 .bg27, .section2 .bg28, .section2 .bg29 {
        width: 20px;
        height: 20px;
        background: rgba(72, 184, 244, 0.2);
        border-radius: 3px;
        bottom: 76px;
        left: 50%;
        margin-left: 98px;
    }

    .section2 .bg27 {
        width: 16px;
        height: 16px;
        background: rgba(234, 139, 253, 0.2);
        bottom: 113px;
        left: 50%;
        margin-left: 130px;
    }

    .section2 .bg28 {
        width: 15px;
        height: 15px;
        background: rgba(137, 193, 32, 0.2);
        bottom: 108px;
        left: 50%;
        margin-left: -128px;
    }

    .section2 .bg29 {
        width: 20px;
        height: 20px;
        background: rgba(252, 178, 7, 0.2);
        bottom: 51px;
        left: 50%;
        margin-left: -152px;
    }

    .section3 .bg {
        width: 214px;
        height: 259px;
        bottom: 0;
        left: 50%;
        margin-left: -166px;
        background: url(../images/phoneimg/s3_sj1sj1_1x.png) 0 0 no-repeat;
        background-size: 213px 259px;
    }

    .section3 .bg31 {
        width: 212px;
        height: 333px;
        left: 50%;
        margin-left: -51px;
        bottom: 0;
        background: url(../images/phoneimg/s3_sj2sj2_1x.png) 0 0 no-repeat;
        background-size: 212px 333px;
    }

    .section3 .bg32 {
        width: 77px;
        height: 70px;
        left: 50%;
        margin-left: 14px;
        bottom: 124px;
        background: url(../images/phoneimg/s31sj_1x.png) 0 0 no-repeat;
        background-size: 70px 70px;
    }

    .section3 .bg33 {
        width: 40px;
        height: 40px;
        left: 50%;
        margin-left: 29px;
        bottom: 139px;
    }

    .section3 .bg34, .section3 .bg35, .section3 .bg36, .section3 .bg37 {
        width: 115px;
        height: 12px;
        line-height: 12px;
        font-size: 12px;
        left: 50%;
        margin-left: 0;
        bottom: 82px;
    }

    .section3 .bg35 {
        width: 100px;
        bottom: 68px;
    }

    .section3 .bg36 {
        width: 85px;
        bottom: 54px;
    }

    .section3 .bg37 {
        width: 70px;
        bottom: 40px;
    }

    .section4 .bg {
        width: 350px;
        height: 200px;
        bottom: 20px;
        left: 50%;
        margin-left: -175px;
        background: url(../images/phoneimg/s41sj_1x.png) 0 0 no-repeat;
        background-size: 350px 200px;
    }

    .section4 .bg40 {
        width: 105px;
        height: 121px;
        bottom: 36px;
        left: 50%;
        margin-left: -52px;
        background: url(../images/phoneimg/s42sj_1x.png) 0 0 no-repeat;
        background-size: 105px 121px;
    }

    .section4 .bg41 {
        width: 55px;
        height: 55px;
        bottom: 196px;
        left: 50%;
        margin-left: -82px;
        background: url(../images/phoneimg/s43_1x.png) 0 0 no-repeat;
        background-size: 55px 55px;
    }

    .section4 .bg42 {
        width: 64px;
        height: 64px;
        bottom: 157px;
        left: 50%;
        margin-left: 108px;
        background: url(../images/phoneimg/s44_1x.png) 0 0 no-repeat;
        background-size: 64px 64px;
    }

    .section4 .bg43 {
        width: 66px;
        height: 66px;
        bottom: 4px;
        left: 50%;
        margin-left: 106px;
        background: url(../images/phoneimg/s45_1x.png) 0 0 no-repeat;
        background-size: 66px 66px;
    }

    .section4 .bg44 {
        width: 58px;
        height: 58px;
        bottom: -10px;
        left: 50%;
        margin-left: -148px;
        background: url(../images/phoneimg/s46_1x.png) 0 0 no-repeat;
        background-size: 58px 58px;
    }

    .section4 .s_picbox {
        bottom: -15px;
    }

    .section5 .bg {
        width: 185px;
        height: 292px;
        left: 50%;
        margin-left: -111px;
        background: url(../images/phoneimg/s5_sjsj_1x.png) 0 0 no-repeat;
        background-size: 185px 292px;
    }

    .section5 .bg51 {
        width: 187px;
        height: 177px;
        left: 50%;
        margin-left: -12px;
        bottom: 35px;
        background: url(../images/phoneimg/s51_1x.png) 0 0 no-repeat;
        background-size: 187px 177px;
    }

    .section5 .bg52 {
        width: 106px;
        height: 125px;
        left: 50%;
        margin-left: -175px;
        bottom: 57px;
        background: url(../images/phoneimg/s52_1x.png) 0 0 no-repeat;
        background-size: 106px 125px;
    }

    .section5 .bg53 {
        width: 66px;
        height: 73px;
        left: 50%;
        margin-left: 98px;
        bottom: 170px;
        background: url(../images/phoneimg/s53_1x.png) 0 0 no-repeat;
        background-size: 66px 73px;
    }

    .section6 {
        height: 466px;
        background: #f7f7f7 url(../images/phoneimg/s6_bg_1x.png) center center no-repeat;
    }

    .section6 .s_picbox {
        bottom: -33px;
    }

    .section6 .bgsj {
        width: 184px;
        height: 285px;
        left: 50%;
        margin-left: -127px;
        bottom: 5px;
        background: url(../images/phoneimg/s6_sjsj_1x.png) 0 0 no-repeat;
        background-size: 184px 285px;
    }

    .section6 .bg60 {
        width: 80px;
        height: 80px;
        border: 5px solid #e1e1e1;
        border-radius: 90px;
        margin-left: -86px;
        left: 50%;
        bottom: 88px;
    }

    .section6 .bg {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        background: none;
        margin-left: -86px;
        left: 50%;
        bottom: 88px;
    }

    .section6 .circleProgress_wrapper {
        width: 90px;
        height: 90px;
    }

    .section6 .wrapper {
        width: 45px;
        height: 90px;
    }

    .circleProgress {
        width: 80px;
        height: 80px;
        border: 5px solid transparent;

    }

    .rightcircle {
        border-top: 5px solid #3e7ddd;
        border-right: 5px solid #3e7ddd;
    }

    .leftcircle {
        border-bottom: 5px solid #3e7ddd;
        border-left: 5px solid #3e7ddd;
    }

    .phone_down {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    .phoneicon {
        display: inline-block;
        width: 96%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        color: #fff;
        background: #3eabe7;
        text-decoration: none;
        border-radius: 5px
    }
    .footer_center{
        max-width:96%;
        padding:50px 0px 80px;
        margin:0 auto;
        text-align: center;
        font-size:18px;
        color: #666;
    }
    .footer_links,.divider,.footer_copyright{
        display:none;
    }
    .footer_callus {
        padding-bottom: 0px;
        height:50px;
    }
    .footer_callus span{
        display:block;
        line-height:28px;
        margin-right:0;
    }
    span.callusphone{
        margin-top:-55px;
    }
    span.callusemail {
        padding-top: 22px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 768px), only screen and (max-width: 768px) and (min-resolution: 1.5dppx), only screen and (max-width: 768px) and (min-resolution: 144dpi) {
    .banner_sj {
        background-image: url(../images/phoneimg/banner_sjsj_2x.png);
        background-size: 200px 315px;
    }

    .bannercloud {
        background-size: 200px 25px;
        background-image: url(../images/phoneimg/bannercloudsj_2x.png);
    }

    .section1 .bg {
        background-image: url(../images/phoneimg/s1_sjsj_3x.png);
        background-size: 184px 290px;
    }

    .section1 .bg11 {
        background-image: url(../images/phoneimg/s11sj_2x.png);
        background-size: 174px 109px;
    }

    .section1 .bg12 {
        background: url(../images/phoneimg/s12sj_2x.png);
        background-size: 141px 123px;
    }

    .section1 .bg13 {
        background: url(../images/phoneimg/s13sj_2x.png);
        background-size: 153px 58px;
    }

    .section2 .bg {
        background: url(../images/phoneimg/s2_sjsj_2x.png);
        background-size: 190px 298px;
    }

    .section3 .bg {
        background: url(../images/phoneimg/s3_sj1sj1_2x.png);
        background-size: 213px 259px;
    }

    .section3 .bg31 {
        background: url(../images/phoneimg/s3_sj2sj2_2x.png);
        background-size: 212px 333px;
    }
    .section3 .bg32 {
        background: url(../images/phoneimg/s31sj_2x.png) 0 0 no-repeat;
        background-size: 70px 70px;
    }
    .section4 .bg {
        background: url(../images/phoneimg/s41sj_2x.png);
        background-size: 350px 200px;
    }

    .section4 .bg40 {
        background: url(../images/phoneimg/s42sj_2x.png);
        background-size: 105px 121px;
    }

    .section4 .bg41 {
        background: url(../images/phoneimg/s43_2x.png);
        background-size: 55px 55px;
    }

    .section4 .bg42 {
        background: url(../images/phoneimg/s44_2x.png);
        background-size: 64px 64px;
    }

    .section4 .bg43 {
        background: url(../images/phoneimg/s45_2x.png);
        background-size: 66px 66px;
    }

    .section4 .bg44 {
        background: url(../images/phoneimg/s46_2x.png);
        background-size: 58px 58px;
    }

    .section5 .bg {
        background: url(../images/phoneimg/s5_sjsj_2x.png);
        background-size: 185px 292px;
    }

    .section5 .bg51 {
        background: url(../images/phoneimg/s51_2x.png);
        background-size: 187px 177px;
    }

    .section5 .bg52 {
        background: url(../images/phoneimg/s52_2x.png);
        background-size: 106px 125px;
    }

    .section5 .bg53 {
        background: url(../images/phoneimg/s53_2x.png) 0 0 no-repeat;
        background-size: 66px 73px;
    }

    .section6 .bgsj {
        background: url(../images/phoneimg/s6_sjsj_2x.png);
        background-size: 184px 285px;
    }
}