/*共用*/
*{
    margin:0 auto;
    padding:0;
    text-decoration:none;
    list-style:none;
    font-family:"微软雅黑";

}
i{
    font-style: normal;
}
em{
    font-style: normal;
}
/*手机*/
@media(max-width:600px){
    body {
        background:#fff;
    }
    .banner_img{
        width:100%;
    }
    .icon_children{
        width:100%;
    }
    img{
        width:100%;
        display: block;
    }
    .three_icon{
        background:url("imagesthree_icon.png") no-repeat;
        display: block;
        width:100%;
        height:auto;
        background-size:100% 100%;
    }
    .three_icon span{
        font-size: 15px;
        color: #414f57;
        position: absolute;
        margin-top: 20px;
        margin-left: 8%;
    }
    .img_icon{
        display:block;
        background:url("imagesimg_icon.png") no-repeat;
        width:100%;
        height:auto;
        background-size:100% 100%;
    }
    .clearfix {
        float: none;
        clear: both;
    }
    .header {
        position: relative;
        width: 100%;
        height: auto;
    }

    .hd-c {
        position: relative;
        overflow: hidden;
        width: 100%;
        height:auto;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
    }

    .hd-c .banner {
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
    }

    .content {
        text-align:center;

    }

    .banner .frame {
        position: absolute;
        top: 5%;
        left:2%;
        z-index: 2;
        width: 56%;
        text-align: left;
    }
    .banner .frame_a {
        position: absolute;
        top: 5%;
        left:2%;
        z-index: 2;
        width: 100%;
        text-align: left;
    }
    .banner .frame_a em{
        position: absolute;
        left: 8%;
        margin-top: 10px;
        font-size:14px;
        color:#414f57;
    }
    .banner .frame_a b{
        font-size:15px;
        font-weight: bold;
    }

    .banner .pic {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .banner .png-24 {
        _display: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .banner .frame span{
        float:left;
        margin:1px 0 1px 1px;
        width:100%;
        height:auto;
        text-align:left;
        font-size: 15px;
        font-weight: bold;
    }
    .banner .frame i{
        float:left;
        width:100%;
        height:auto;
        text-align:left;
        font-size: 12px;
        color:#616c72

    }
    .banner .frame p{
        float:left;
        margin:1px 0 1px 1px;
        width:100%;
        height:auto;
        text-align:left;
        font-size:0.03rem;
        color:#616c72;
        text-indent:2em;
        line-height:0.75rem;
    }


    .f_img{
        width:39px;
        height:39px;
        background-size:39px 39px;
        display:inline-block;
        float:left;
    }
    .f_title{
        display:inline-block;
        float:left;
        margin-left:7px;
    }
    .banner .frame_b{
        position: absolute;
        top: 30%;
        left:40%;
        z-index: 2;
        width: 100%;
        text-align: left;
    }
    .banner .frame_b span{
        position: absolute;
        left: 8%;
        margin-top: 10px;
        font-size:14px;
        color:#414f57;
    }
    .frame_b em{
        font-size:15px;
        font-weight:bold;
    }
    .banner .frame_c {
        position: absolute;
        top: 35%;
        left:68%;
        z-index: 2;
        width: 100%;
        text-align: left;
    }
    .frame_c span{
        font-size:14px;
        color:#414f57;
    }
    .frame_c em{
        font-size:16px;
        font-weight:bold;
    }
    .banner .frame_d{
        position: absolute;
        top: 25%;
        left:10%;
        z-index: 2;
        width: 42%;
        text-align: right;
    }
    .frame_d span{
        font-size:14px;
        color:#414f57;
    }
    .frame_d em{
        font-size:16px;
        font-weight:bold;
    }
    .banner .frame_e{
        position: absolute;
        top: 25%;
        left: 46%;
        z-index: 2;
        width: 50%;
        text-align: left;
    }
    .frame_e span{
        font-size:14px;
        color:#414f57;
    }
    .frame_e em{
        font-size:16px;
        font-weight:bold;
    }
    .frame_e i{
        font-size:14px;
        color:#c1a1f1;
    }
    .banner .frame_f{
        position: absolute;
        top: 25%;
        left: 5%;
        z-index: 2;
        width: 50%;
        text-align: left;
    }
    .frame_f span{
        font-size:14px;
        color:#414f57;
    }
    .frame_f em{
        font-size:16px;
        font-weight:bold;
    }
    .frame_f i{
        font-size:14px;
        color:#fec695;
    }
    .code{
        width:100%;
        height:300px;
        margin-top:20px;
        background-color:#ffffff;
        text-align:center;
    }
    .code span{
        width:80%;
        font-size:15px;
        color:#414f57;
    }
    .code em{
        font-size:15px;
        color:#414f57;
        font-weight:bold;
    }
    .code_store{
        width:100%;
        margin-top:10px;
        clear:both;
    }
    .code_left{
        width:50%;
        display:inline-block;
        float:left;
    }
    .code_right{
        width:50%;
        display: inline-block;
        float:left;
    }
    .code_appstore{
        width:100px;
        height:100px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }
    .appstore_second{
        width:72px;
        height:24px;
        background-size:72px 24px;
        margin-top:10px;
    }
    .code_appandropd{
        width:100px;
        height:100px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }
    .appandroid_second{
        width:72px;
        height:24px;
        background-size:72px 24px;
        margin-top:10px;
    }
    .code_store_bottom{
        width:100%;
        height:auto;
        margin-top:10px;
        clear:both;
    }
    .code_left_wx{
        width:50%;
        display:inline-block;
        float:left;
        margin-top:10px;
    }
    .code_appstore_wx{
        width:100px;
        height:100px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }
    .appstore_second_wx{
        width:72px;
        height:24px;
        background-size:72px 24px;
        margin-top:10px;
    }
    .code_right_qq{
        width:50%;
        display: inline-block;
        float:left;
    }
    .code_appandropd_qq{
        width:100px;
        height:100px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
        margin-top:10px;
    }
    .appandroid_second_qq{
        width:72px;
        height:24px;
        background-size:72px 24px;
        margin-top:10px;
    }
    .footer{
        width:100%;
        height:auto;
        background-color:#fafafa;
        font-size:7px;
        color:#292929;
        text-align:center;
        margin-top:20px;
    }
    .footer span{
        padding-top:30px;
    }

}

/*pc*/
@media screen and (min-width:960px){
    body{
        width:100%;
        height:auto;
        margin:0 auto;
        background-image: url("../images/background_img.png");
    }
    .banner_img{
        width:1000px;
        max-width:1000px;
        margin:0 auto;
    }
    img{
        display: block;
    }
    .clearfix {
        float: none;
        clear: both;
    }
    .header {
        position: relative;
        width: 100%;
        max-width:1000px;
        height: auto;
    }

    .hd-c {
        position: relative;
        overflow: hidden;
        width: 100%;
        height:auto;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
    }

    .hd-c .banner {
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
    }

    .content {
        text-align:center;

    }
    .banner .frame {
        position: absolute;
        top:30%;
        left:15%;
        z-index: 2;
        width: 56%;
        text-align: left;
    }

    .banner .pic {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .banner .png-24 {
        _display: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .banner .frame p{
        float:left;
        margin-top:52px;
        width:60%;
        height:auto;
        text-align:left;
        font-size:15px;
        color:#616c72;
        text-indent:2em;
        clear: both;
    }
    .f_img{
        width: 78px;
        height: 78px;
        display: inline-block;
        float:left;
    }
    .f_title{
        display: inline-block;
        float: left;
        margin-top: 20px;
        margin-left: 14px;
    }
    .f_title i{
        color: #616c72;
    }
    .banner .frame_a {
        position: absolute;
        top: 5%;
        left:2%;
        z-index: 2;
        width: 100%;
        text-align: left;
    }
    .banner .frame_a em{
        position: absolute;
        left: 8%;
        margin-top: 60px;
        font-size:30px;
        color:#414f57;
    }
    .banner .frame_b{
        position: absolute;
        top: 40%;
        left:45%;
        z-index: 2;
        width: 100%;
        text-align: left;
    }
    .banner .frame_b span{
        position: absolute;
        left: 8%;
        margin-top: 10px;
        font-size:30px;
        color:#414f57;
    }
    .frame_b em{
        font-size:30px;
        font-weight:bold;
    }
    .banner .frame_c {
        position: absolute;
        top: 35%;
        left:72%;
        z-index: 2;
        width: 100%;
        text-align: left;
    }
    .frame_c span{
        font-size:30px;

    }
    .frame_c em{
        font-size:30px;
        font-weight:bold;
    }
    .banner .frame_d{
        position: absolute;
        top: 35%;
        left:5%;
        z-index: 2;
        width: 42%;
        text-align: right;
    }
    .frame_d span{
        font-size:30px;
        color:#414f57;
    }
    .frame_d em{
        font-size:30px;
        font-weight:bold;
    }
    .banner .frame_e{
        position: absolute;
        top: 25%;
        left: 46%;
        z-index: 2;
        width: 50%;
        text-align: left;
    }
    .frame_e span{
        font-size:30px;
        color:#414f57;
    }
    .frame_e em{
        font-size:30px;
        font-weight:bold;
    }
    .frame_e i{
        font-size:28px;
        color:#c1a1f1;
    }
    .banner .frame_f{
        position: absolute;
        top: 25%;
        left: 15%;
        z-index: 2;
        width: 50%;
        text-align: left;
    }
    .frame_f span{
        font-size:30px;
        color:#414f57;
    }
    .frame_f em{
        font-size:30px;
        font-weight:bold;
    }
    .frame_f i{
        font-size:30px;
        color:#fec695;
    }
    .code{
        width:100%;
        height:300px;
        max-width:1000px;
        padding-top:43px;
        background-color:#ffffff;
        text-align:center;
    }
    .code span{
        width:80%;
        font-size:30px;
        color:#414f57;
    }
    .code em{
        font-size:30px;
        color:#414f57;
        font-weight:bold;
    }
    .code_store{
        width:100%;
        height:auto;
        background-color: #ffffff;
        max-width:1000px;
        margin-top:10px;
        clear:both;
    }
    .code_left{
        width:25%;
        display:inline-block;
        float:left;
    }
    .code_right{
        width:25%;
        display: inline-block;
        float:left;
    }
    .code_appstore{
        width:159px;
        height:159px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }
    .code_appstore img{width:100%;height:100%;}
    .appstore_second{
        width:144px;
        height:48px;
        background-size:144px 48px;
        margin-top:10px;
    }
    .code_appandropd{
        width:159px;
        height:159px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }

    .code_appandropd img{width:100%;height:100%;}

    .appandroid_second{
        width:144px;
        height:48px;
        background-size:144px 48px;
        margin-top:10px;
    }
    .code_store_bottom{
        /*clear:both;*/
    }
    .code_left_wx{
        width:25%;
        display:inline-block;
        float:left;
    }
    .code_appstore_wx{
        width:159px;
        height:159px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }
    .code_appstore_wx img{width:100%;height:100%;}

    .appstore_second_wx{
        width:144px;
        height:48px;
        background-size:144px 48px;
        margin-top:10px;
    }
    .code_right_qq{
        width:25%;
        display: inline-block;
        float:left;
    }
    .code_appandropd_qq{
        width:159px;
        height:159px;
        background:#f1f1f1;
        border:1px solid #cfcfcf;
    }
    .code_appandropd_qq img{width:100%;height:100%;}
    .appandroid_second_qq{
        width:144px;
        height:48px;
        background-size:144px 48px;
        margin-top:10px;
    }
    .footer{
        width:100%;
        max-width:1000px;
        background:#fafafa;
        height:80px;
        font-size:13px;
        color:#292929;
        text-align:center;
        padding-top:20px;
    }
    .footer span{
        margin-top:10px;
    }

}