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

}
i{
    font-style: normal;
}
em{
    font-style: normal;
}
img{
    width:100%;
}

@media(max-width:600px){
    body{
        width:100%;
        height:100%;
        background-color:#ffffff;
    }
    .container{
        margin-top:20px;
        padding:0 5%;
    }
    .page_one{
        width:100%;
        height:235px;
        clear: both;
    }
    .page_left{
        width:50%;
        display: inline-block;
        float:left;
    }
    .page_left span{
        text-align: left;
        font-size:13px;
    }
    .page_left em{
        font-size:13px;
        color:#0073BB;
    }
    .page_right{
        display: inline-block;
        float:left;
        width:50%;
    }
    .one_img{
        margin-top:25px;
        display: block;
        width:110px;
        height:110px;
    }
    .page_two{
        height:24rem;
    }
    .two_left{
        width:50%;
        display: inline-block;
        float:left;
    }
    .two_right{
        text-align: left;
    }
    .two_right span{
        text-align: left;
        font-size:13px;
    }
    .two_right em{
        font-size:13px;
        color:#0073BB;
    }
    .two_right i{
        font-weight:bolder;
    }
    .three_left{
        font-size:14px;
    }
    .three_left ul>li{
        width:50%;
        display:inline-block;
        float:left;
    }
    .three_left ul>li:last-child{
        width:50%;
        display:inline-block;
        float:left;
        text-align: left;
    }
    .three_left em{
        font-size:13px;
        color:#0073BB;
    }
    .three_left i{
        font-weight:bolder;
    }
    .five_page{
        display:inline-block;
        float:left;
        width:50%;
    }
    .img_five{
        display:inline-block;
        float:left;
        width:50%;
        overflow: hidden;
    }
    .img_five img{
        width: 180px;
    }
    .five_page span{
        font-size:13px;
    }
    .five_page em{
        font-size:13px;
        color:#0073BB;
    }
    .five_page i{
        font-weight:bolder;
    }
    .three_step_left{
        display:inline-block;
        float:left;
        width:50%;
    }
    .three_step_right{
        display:inline-block;
        float:left;
        width:50%;
    }
    .img_step_03{
        margin-top:18px;
    }
    .three_step_left span{
        font-size:13px;
    }
    .three_step_left em{
        font-size:13px;
        color:#0073BB;
    }
    .three_step_left i{
        font-weight:bolder;
    }
    .three_step_right span{
        font-size:13px;
    }
    .three_step_right em{
        font-size:13px;
        color:#0073BB;
    }
    .three_step_right i{
        font-weight:bolder;
    }
}
@media screen and (min-width:960px){
    body{
        width:100%;
        height:100%;
        background-color:#ffffff;
    }
    .container{
        width:100%;
        max-width:1000px;
        margin:0 auto;
        /*border:1px solid red;*/
    }
    .page_one{
        margin-top:20px;
        padding:0 5%;
        height:565px;
    }
    .page_left{
        width:50%;
        display: inline-block;
        float:left;
    }
    .page_left span{
        text-align: left;
        font-size:26px;
    }
    .page_left em{
        font-size:26px;
        color:#0073BB;
    }
    .page_right{
        display: inline-block;
        float:left;
        width:407px;
    }
    .one_img{
        margin-top:25px;
        display: block;
        width:275px;

    }
    .two_left{
        width:407px;
        display: inline-block;
        float:left;
    }
    .two_right{
        width: 50%;
        display: inline-block;
        float: left;
        margin-top: 100px;
        text-align: left;
    }
    .two_right span{
        text-align: left;
        font-size:26px;
    }
    .two_right em{
        font-size:26px;
        color:#0073BB;
    }
    .two_right i{
        font-weight:bolder;
    }
    .three_left{
        font-size:26px;
    }
    .three_left ul>li{
        width:50%;
        display:inline-block;
        float:left;
    }
    .three_left ul>li:first-child{
        width:50%;
        display:inline-block;
        float:left;
        text-align: left;
    }
    .three_left ul>li:last-child{
        width:50%;
        display:inline-block;
        float:left;
        text-align: left;
    }
    .three_left em{
        font-size:26px;
        color:#0073BB;
    }
    .three_left i{
        font-weight:bolder;
    }
    .page_two{
        height:60rem;
    }
    .five_page{
        display:inline-block;
        float:left;
        width:50%;
        margin-top:8rem;
    }
    .img_five{
        display:inline-block;
        float:left;
        width:50%;
        overflow: hidden;
    }
    .img_five img{
        width:410px;
    }
    .five_page span{
        font-size:26px;
    }
    .five_page em{
        font-size:26px;
        color:#0073BB;
    }
    .five_page i{
        font-weight:bolder;
    }
    .three_step_left{
        display:inline-block;
        float:left;
        width:50%;
    }
    .three_step_right{
        display:inline-block;
        float:left;
        width:50%;
    }
    .img_step_03{
        margin-top:18px;
    }
    .img_step_03 img{
        width:305px;
    }
    .img_step_04 img{
        width:305px;
    }
    .three_step_left span{
        font-size:26px;
    }
    .three_step_left em{
        font-size:26px;
        color:#0073BB;
    }
    .three_step_left i{
        font-weight:bolder;
    }
    .three_step_right span{
        font-size:26px;
    }
    .three_step_right em{
        font-size:26px;
        color:#0073BB;
    }
    .three_step_right i{
        font-weight:bolder;
    }
    .three_step{
        height:43rem;
    }
}