.text_info {
}

.hgroup {
    color: #43b4ff;
    font-size: 18px;
}

.hgroup h3 {
    font-size: 40px;
    color: #333;
    padding-bottom: 10px;
    font-weight: normal;
}

.hgroup h4 {
    font-weight: normal;
}

.detailed_info {
    padding-top: 36px;
}

.section1 .bg, .section2 .bg, .section3 .bg, .section4 .bg, .section5 .bg, .section6 .bg {
    width: 342px;
    height: 537px;
    background-size:342px 537px;
    position: absolute;
    bottom: 0px;
    /* right: 50%; */
    /* margin-left: 200px; */
    background: url(../images/deskimg/s1_sj.png) 0 0 no-repeat;
    /*background-image: url(../images/s1_sj.png);*/
    /*background-image: -webkit-image-set(url(../images/s1_sj.png) 1x,url(../images/s1_sjsj_2x.png) 2x,url(../images/s1_sjsj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}

.section1 .bg11 {
    width: 317px;
    height: 198px;
    background-size:317px 198px;
    position: absolute;
    bottom: 104px;
    left: -178px;
    /* margin-right: 36px; */
    z-index: 3;
    background: url(../images/deskimg/s11.png) 0 0 no-repeat;
    /*background-image: url(../images/s11.png);*/
    /*background-image: -webkit-image-set(url(../images/s11.png) 1x,url(../images/s11sj_2x.png) 2x,url(../images/s11sj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}

.section1 .bg12 {
    width: 259px;
    height: 224px;
    background-size:259px 224px;
    position: absolute;
    bottom: 208px;
    left: 205px;
    /* margin-right: 200px; */
    z-index: 3;
    background: url(../images/deskimg/s12.png) 0 0 no-repeat;
    /*background-image: url(../images/s12.png);*/
    /*background-image: -webkit-image-set(url(../images/s12.png) 1x,url(../images/s12sj_2x.png) 2x,url(../images/s12sj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}

.section1 .bg13 {
    width: 280px;
    height: 106px;
    background-size:280px 106px;
    position: absolute;
    bottom: 45px;
    left: 164px;
    /* margin-right: -530px; */
    z-index: 3;
    background: url(../images/deskimg/s13.png) 0 0 no-repeat;
    /*background-image: url(../images/s13.png);*/
    /*background-image: -webkit-image-set(url(../images/s13.png) 1x,url(../images/s13sj_2x.png) 2x,url(../images/s13sj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}

.section2 .text_info, .section4 .text_info, .section6 .text_info {
    text-align: right;
}

.section2 .bg {
    bottom: 0;
    background: url(../images/deskimg/s2_sj.png) 0 0 no-repeat;
    /*background-image: url(../images/s2_sj.png);*/
    /*background-image: -webkit-image-set(url(../images/s2_sj.png) 1x,url(../images/s2_sjsj_2x.png) 2x,url(../images/s2_sjsj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 2;
}

.section2 .bg20 {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-size: 30px;
    background: #c19bf9;
    border: 6px solid rgba(193, 155, 249, 0.6);
    background-clip: padding-box;
    border-radius: 45px;
    position: absolute;
    bottom: -15px;
    /* right: 50%; */
    margin-left: -56px;
    z-index: 3;
}

.section2 .bg21 {
    width: 82px;
    height: 82px;
    text-align: center;
    line-height: 82px;
    color: #fff;
    font-size: 28px;
    background: #48b8f4;
    border: 8px solid rgba(72, 184, 244, 0.6);
    background-clip: padding-box;
    border-radius: 55px;
    position: absolute;
    bottom: -15px;
    /* right: 50%; */
    margin-left: 288px;

    z-index: 3;
}

.section2 .bg22 {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 26px;
    background: #ffc600;
    border: 6px solid rgba(255, 198, 0, 0.4);
    background-clip: padding-box;
    border-radius: 45px;
    position: absolute;
    bottom: 85px;
    /* right: 50%; */
    margin-left: 378px;
    z-index: 3;
}

.section2 .bg23 {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    background: #89c148;
    border: 4px solid rgba(137, 193, 32, 0.4);
    background-clip: padding-box;
    border-radius: 45px;
    position: absolute;
    bottom: 200px;
    /* right: 50%; */
    margin-left: 327px;
    z-index: 3;
}

.section2 .bg24 {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    background: #ea8bfd;
    border: 6px solid rgba(234, 139, 253, 0.3);
    background-clip: padding-box;
    border-radius: 45px;
    position: absolute;
    bottom: 190px;
    /* right: 50%; */
    margin-left: -54px;
    z-index: 1;
}

.section2 .bg25 {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 26px;
    background: #fcb207;
    border: 6px solid rgba(252, 178, 7, 0.4);
    background-clip: padding-box;
    border-radius: 45px;
    position: absolute;
    bottom: 90px;
    /* right: 50%; */
    margin-left: -138px;
    z-index: 3;
}

.section2 .bg26, .section2 .bg27, .section2 .bg28, .section2 .bg29 {
    width: 30px;
    height: 30px;
    background: rgba(72, 184, 244, 0.3);
    border-radius: 3px;
    position: absolute;
    bottom: 104px;
    margin-left: 328px;
}

.section2 .bg27 {
    width: 24px;
    height: 24px;
    background: rgba(234, 139, 253, 0.3);
    bottom: 166px;
    margin-left: 390px;
}

.section2 .bg28 {
    width: 17px;
    height: 17px;
    background: rgba(137, 193, 32, 0.4);
    bottom: 160px;
    margin-left: -36px;
}

.section2 .bg29 {
    width: 22px;
    height: 22px;
    background: rgba(252, 178, 7, 0.4);
    bottom: 82px;
    margin-left: -60px;
}

.section3 .bg {
    width: 342px;
    height: 417px;
    background-size:342px 417px;
    bottom: 0;
    /* right: 50%; */
    margin-left: -106px;
    background: url(../images/deskimg/s3_sj1.png) 0 0 no-repeat;
    /*background-image: url(../images/s3_sj1.png);*/
    /*background-image: -webkit-image-set(url(../images/s3_sj1.png) 1x,url(../images/s3_sj1sj1_2x.png) 2x,url(../images/s3_sj1sj1_2x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 1;
}

.section3 .bg31 {
    width: 342px;
    height: 537px;
    background-size:342px 537px;
    position: absolute;
    /* right: 50%; */
    margin-left: 115px;
    bottom: 0;
    z-index: 2;
    background: url(../images/deskimg/s3_sj2.png) 0 0 no-repeat;
    /*background-image: url(../images/s3_sj2.png);*/
    /*background-image: -webkit-image-set(url(../images/s3_sj2.png) 1x,url(../images/s3_sj2sj2_2x.png) 2x,url(../images/s3_sj2sj2_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}

.section3 .bg32 {
    width: 107px;
    height: 107px;
    background-size:107px 107px;
    position: absolute;
    /* right: 50%; */
    margin-left: 224px;
    bottom: 201px;
    z-index: 3;
    background: url(../images/deskimg/s31.png) 0 0 no-repeat;
    /*background-image: url(../images/s31.png);*/
    /*background-image: -webkit-image-set(url(../images/s31.png) 1x,url(../images/s31sj_2x.png) 2x,url(../images/s31sj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}

.section3 .bg33 {
    width: 50px;
    height: 50px;
    position: absolute;
    /* right: 50%; */
    margin-left: 252px;
    bottom: 230px;
    z-index: 4;
    background: #fff;
    border-radius: 25px;
}

.section4 .bg {
    width: 550px;
    height: 314px;
    background-size:550px 314px;
    bottom: 140px;
    /* left: 50%; */
    margin-left: -145px;
    background: url(../images/deskimg/s41.png) 0 0 no-repeat;
    /*background-image: url(../images/s41.png);*/
    /*background-image: -webkit-image-set(url(../images/s41.png) 1x,url(../images/s41sj_2x.png) 2x,url(../images/s41sj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 1;
}

.section4 .bg40 {
    width: 163px;
    height: 189px;
    background-size:163px 189px;
    position: absolute;
    bottom: 178px;
    /* left: 50%; */
    margin-left: 42px;
    background: url(../images/deskimg/s42.png) 0 0 no-repeat;
    /*background-image: url(../images/s42.png);*/
    /*background-image: -webkit-image-set(url(../images/s42.png) 1x,url(../images/s42sj_2x.png) 2x,url(../images/s42sj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 2;
}

.section4 .bg41 {
    width: 84px;
    height: 84px;
    background-size:84px 84px;
    position: absolute;
    bottom: 410px;
    /* left: 50%; */
    margin-left: -11px;
    background: url(../images/deskimg/s43.png) 0 0 no-repeat;
    /*background-image: url(../images/s43.png);*/
    /*background-image: -webkit-image-set(url(../images/s43.png) 1x,url(../images/s43_2x.png) 2x,url(../images/s43_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 1;
}

.section4 .bg42 {
    width: 100px;
    height: 100px;
    background-size:100px 100px;
    position: absolute;
    bottom: 353px;
    /* left: 50%; */
    margin-left: 302px;
    background: url(../images/deskimg/s44.png) 0 0 no-repeat;
    /*background-image: url(../images/s44.png);*/
    /*background-image: -webkit-image-set(url(../images/s44.png) 1x,url(../images/s44_2x.png) 2x,url(../images/s44_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 1;
}

.section4 .bg43 {
    width: 104px;
    height: 104px;
    background-size:104px 104px;
    position: absolute;
    bottom: 112px;
    /* left: 50%; */
    margin-left: 296px;
    background: url(../images/deskimg/s45.png) 0 0 no-repeat;
    /*background-image: url(../images/s45.png);*/
    /*background-image: -webkit-image-set(url(../images/s45.png) 1x,url(../images/s45_2x.png) 2x,url(../images/s45_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 1;
}

.section4 .bg44 {
    width: 100px;
    height: 100px;
    background-size:100px 100px;
    position: absolute;
    bottom: 89px;
    /* left: 50%; */
    margin-left: -97px;
    background: url(../images/deskimg/s46.png) 0 0 no-repeat;
    /*background-image: url(../images/s46.png);*/
    /*background-image: -webkit-image-set(url(../images/s46.png) 1x,url(../images/s46_2x.png) 2x,url(../images/s46_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    z-index: 1;
}

.section5 .bg {
    margin-left: -74px;
    z-index:2;
    background: url(../images/deskimg/s5_sj.png) 0 0 no-repeat;
    /*background-image: url(../images/s5_sj.png);*/
    /*background-image: -webkit-image-set(url(../images/s5_sj.png) 1x,url(../images/s5_sjsj_2x.png) 2x,url(../images/s5_sjsj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}
.section5 .bg51 {
    width:344px;
    height:325px;
    background-size:344px 325px;
    margin-left: 95px;
    position: absolute;
    bottom: 67px;
    z-index:3;
    background: url(../images/deskimg/s51.png) 0 0 no-repeat;
    /*background-image: url(../images/s51.png);*/
    /*background-image: -webkit-image-set(url(../images/s51.png) 1x,url(../images/s51_2x.png) 2x,url(../images/s51_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}
.section5 .bg52 {
    width:190px;
    height:225px;
    background-size:190px 225px;
    margin-left: -192px;
    position: absolute;
    bottom: 97px;
    z-index:1;
    background: url(../images/deskimg/s52.png) 0 0 no-repeat;
    /*background-image: url(../images/s52.png);*/
    /*background-image: -webkit-image-set(url(../images/s52.png) 1x,url(../images/s52_2x.png) 2x,url(../images/s52_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}
.section5 .bg53 {
    width:147px;
    height:169px;
    background-size:147px 169px;
    margin-left: 266px;
    position: absolute;
    bottom: 294px;
    z-index:1;
    background: url(../images/deskimg/s53.png) 0 0 no-repeat;
    /*background-image: url(../images/s53.png);*/
    /*background-image: -webkit-image-set(url(../images/s53.png) 1x,url(../images/s53_2x.png) 2x,url(../images/s53_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
}
.section6 .bg60 {
    width: 124px;
    height: 124px;
    border: 8px solid #e1e1e1;
    border-radius: 90px;
    background: none;
    position: absolute;
    margin-left: 138px;
    /* left: 50%; */
    bottom: 204px;
}

.section6 .bg {
    width: 140px;
    height: 140px;
    /*border: 8px solid #e1e1e1;*/
    border-radius: 90px;
    background: none;
    margin-left: 138px;
    /* left: 50%; */
    bottom: 204px;
}

.section6 .circleProgress_wrapper {
    width: 140px;
    height: 140px;
    position: relative;
}

.section6 .wrapper {
    width: 70px;
    height: 140px;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.section6 .right {
    right: 0;
}

.section6 .left {
    left: 0;
}

.circleProgress {
    width: 124px;
    height: 124px;
    border: 8px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.rightcircle {
    border-top: 8px solid #3e7ddd;
    border-right: 8px solid #3e7ddd;
    right: 0;
    -webkit-animation: circleProgressLoad_right 5s linear forwards;
}

.leftcircle {
    border-bottom: 8px solid #3e7ddd;
    border-left: 8px solid #3e7ddd;
    left: 0;
    -webkit-animation: circleProgressLoad_left 5s linear forwards;
}

@-webkit-keyframes circleProgressLoad_right {
    0% {
        -webkit-transform: rotate(-135deg);
    }
    50%, 100% {
        -webkit-transform: rotate(45deg);
    }
}

@-webkit-keyframes circleProgressLoad_left {
    0%, 50% {
        -webkit-transform: rotate(-135deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

.bannercenter {
    max-width: 1200px;
    height: 480px;
    margin: 0 auto;
}

.banner_text {
    float: right;
   /* padding-right: 120px; */
    width: 50%;
}

.banner_pic {
    float: right;
    margin-right: 6%;
    position: relative;
    bottom: -61px;
    width: 30%;
    height: 421px;
}

.banner_sj {
    width: 238px;
    height: 421px;
    background-size:238px 421px;
    background: url(../images/deskimg/banner_sj.png) 0 0 no-repeat;
    /*background-image: url(../images/banner_sj.png);*/
    /*background-image: -webkit-image-set(url(../images/banner_sj.png) 1x,url(../images/banner_sjsj_2x.png) 2x,url(../images/banner_sjsj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    position: absolute;

}

.bannercloud {
    width: 460px;
    height: 75px;
    background-size:460px 75px;
    background: url(../images/deskimg/bannercloud.png) 0 0 no-repeat;
    /*background-image: url(../images/bannercloud.png);*/
    /*background-image: -webkit-image-set(url(../images/bannercloud.png) 1x,url(../images/bannercloudsj_2x.png) 2x,url(../images/bannercloudsj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    position: absolute;
    bottom: 0px;
    margin-left:-100px;
}

.section3 .bg34, .section3 .bg35, .section3 .bg36, .section3 .bg37 {
    width: 200px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    /*left: 50%; */
    margin-left: 190px;
    bottom: 135px;
    z-index: 4;
    background: #71b3ff;
    text-align: right;
    font-size: 13px;
    color: #fff;
    padding-right: 10px;
    /*transition: all 1s;*/
}

.section3 .bg35 {
    width: 156px;
    bottom: 112px;
}

.section3 .bg36 {
    width: 105px;
    bottom: 90px;
}

.section3 .bg37 {
    width: 65px;
    bottom: 68px;
}

.sec_center {
    max-width: 1200px;
    height: 600px;
    margin: 0 auto;
}

.s_textbox {
    float: left;
    padding-top: 195px;
    width: 40%;
}

.s_picbox {
    float: left;
    position: relative;
    margin-left: 18%;
    height: 531px;
    bottom: -69px;
    width: 40%;
}

.section2 .s_textbox, .section4 .s_textbox, .section6 .s_textbox {
    float: right;
    padding-right: 52px;
    padding-left: 0;
    width: 40%;
}

.section2 .s_picbox, .section4 .s_picbox, .section6 .s_picbox {
    float: right;
    position: relative;
    margin-right: 14%;
    margin-left: 0;
    bottom: -71px;
    width: 30%;
}

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

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

.section6 .bgsj {
    width: 342px;
    height: 529px;
    background-size:342px 529px;
    background: url(../images/deskimg/s6_sj.png) 0 0 no-repeat;
    /*background-image: url(../images/s6_sj.png);*/
    /*background-image: -webkit-image-set(url(../images/s6_sj.png) 1x,url(../images/s6_sjsj_2x.png) 2x,url(../images/s6_sjsj_3x.png) 3x);*/
    /*background-repeat: no-repeat;*/
    position: absolute;
    /* left: 50%; */
    margin-left: 46px;
    bottom: 35px;
}
.phone_down{
    display:none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    .banner_sj {
        background-image: url(../images/deskimg/banner_sj_2x.png);
        background-size: 238px 421px;
    }

    .bannercloud {
        background-image: url(../images/deskimg/bannercloud_2x.png);
        background-size: 460px 75px;
    }
    .section1 .bg {
        background-image: url(../images/deskimg/s1_sj_3x.png);
        background-size: 342px 537px;
    }

    .section1 .bg11 {
        background-image: url(../images/deskimg/s11_2x.png);
        background-size: 317px 198px;
    }

    .section1 .bg12 {
        background: url(../images/deskimg/s12_2x.png);
        background-size: 259px 224px;
    }

    .section1 .bg13 {
        background: url(../images/deskimg/s13_2x.png);
        background-size: 280px 106px;
    }

    .section2 .bg {
        background: url(../images/deskimg/s2_sj_2x.png);
        background-size: 342px 537px;
    }

    .section3 .bg {
        background: url(../images/deskimg/s3_sj1_2x.png);
        background-size: 342px 417px;
    }

    .section3 .bg31 {
        background: url(../images/deskimg/s3_sj2_2x.png);
        background-size: 342px 537px;
    }
    .section3 .bg32 {
        background-size: 107px 107px;
        background-image: url(../images/deskimg/s31_2x.png);

    }
    .section4 .bg {
        background: url(../images/deskimg/s41_2x.png);
        background-size: 550px 314px;
    }

    .section4 .bg40 {
        background: url(../images/deskimg/s42_2x.png);
        background-size: 163px 189px;
    }

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

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

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

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

    .section5 .bg {
        background: url(../images/deskimg/s5_sj_2x.png);
        background-size: 342px 537px;
    }

    .section5 .bg51 {
        background: url(../images/deskimg/s51_2x.png);
        background-size: 344px 325px;
    }

    .section5 .bg52 {
        background: url(../images/deskimg/s52_2x.png);
        background-size: 190px 225px;
    }

    .section5 .bg53 {
        background: url(../images/deskimg/s53_2x.png) 0 0 no-repeat;
        background-size: 147px 169px;
    }

    .section6 .bgsj {
        background: url(../images/deskimg/s6_sj_2x.png);
        background-size: 342px 529px;
    }
    .bancon a {
        background-size:44px 44px;
        background-image:url(../images/deskimg/downloadicon_2x.png);
    }
}