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

}
img{
    width:100%;
}
i{
    font-style: normal;
}
em{
    font-style: normal;
}
/*手机*/
@media(max-width:600px){
    body{
        width:100%;
        height:100%;
        background-color:#ffffff;
    }
    .content{
        margin:20px 5%;
        font-size:12px;
        color:#202020;
        text-align: center;
    }
    .title{
        text-align: left;
    }
    .title em{
        color: #0073BB;
    }
    .title i{
        font-weight:bolder;
    }
    .img_01{
        width:100%;
        margin-top:15px;
    }
    .img_title ul>li{
        font-size: 10px;
        color: #0C6EAF;
        text-align: center;
        width:33.3%;
        display: inline-block;
        float:left;
    }
    .instr_title{
        text-align: left;
        margin-top:40px;
        font-size: 12px;
        color: #505050;
    }
    .second_page em{
        color: #0073BB;
        font-size:12px;
    }
    .second_page i{
        font-weight:bolder;
    }
    .second_page{
        margin-top:22px;
        text-align: left;
    }
    .img_2{
        display:inline-block;
        float:left;
        width:117px;
        height:117px;
        margin-top:10px;
    }
    .img_right{
        width:131px;
        height:159px;
        display: inline-block;
        margin-top: 70px;
        position: relative;
        float:right;
    }
    .img_left{
        display: inline-block;
        float: left;
        text-align: left;
        position: relative;
        top: 26px;
    }
    .img_left em{
        color: #0073BB;
        font-size:12px;
    }
    .img_left i{
        font-weight:bolder;
    }
    .img_four{
        /*width:374px;*/
        /*height:282px;*/
    }
    .img_five em{
        color: #0073BB;
        font-size:12px;
    }
    .img_five i{
        font-weight:bolder;
    }
    .img_five span{
        position: relative;
        display: inline-block;
        float: right;
        top: -13rem;
        width: 45%;
        text-align: left;
    }
    .img_five p{
        position: relative;
        display: inline-block;
        float: right;
        top: -10rem;
        width: 45%;
        text-align: left;
        left:45%;
    }
    .left_title{
        position: absolute;
        width: 40%;
        margin-top: 6rem;
    }
    .left_title span{
        display: block;
        text-align: left;
    }
    .left_title em{
        color: #0073BB;
        font-size:12px;
    }
    .left_title i{
        font-weight:bolder;
    }
    .sixleft_page{
        position: absolute;
        width: 40%;
        margin-top: 22rem;
        left:50%;
    }
    .sixleft_page span{
        display:block;
        text-align: left;
    }
    .sixleft_page em{
        color: #0073BB;
        font-size:12px;
    }
    .sixleft_page i{
        font-weight:bolder;
    }
    .sever_left{
        display:inline-block;
        float:left;
        width:50%;
        text-align: left;
    }
    .sever_right{
        display:inline-block;
        float:right;
        width:37%;
    }
    .sever_right img{
        width:178px;
        margin-left:-30%;
    }
    .sever_left em{
        color: #0073BB;
        font-size:12px;
    }
    .sever_left i{
        font-weight:bolder;
    }
    .sever_page{
        margin-top:30px;
    }
}

/*pc*/
@media screen and (min-width:960px){
  body{
      width:100%;
      height:100%;
      background-color:#ffffff;
  }
  .content{
      width:100%;
      /*border:1px solid red;*/
      height:auto;
      font-size:24px;
      max-width:1000px;
      text-align: center;
  }
  .title{
      text-align: left;
      margin-top:30px;
  }
  .title em{
      color: #0073BB;
  }
  .title i{
      font-weight:bolder;
  }
    .img_title ul>li{
        font-size: 20px;
        color: #0C6EAF;
        text-align: center;
        width:33.3%;
        display: inline-block;
        float:left;
    }
    .instr_title{
        text-align: left;
        margin-top:40px;
        font-size: 24px;
        color: #505050;
    }
    .second_page{
        font-size: 24px;
        text-align: left;
        margin-top: 50px;
    }
    .second_page em{
        color: #0073BB;
    }
    .second_page i{
        font-weight:bolder;
    }
    .img_01{
        margin-top:15px;
    }
    .img_2{
        display:inline-block;
        float:left;
        width:234px;
        height:234px;
        margin-top:10px;
    }
    .img_right{
        width:262px;
        height:318px;
        display: inline-block;
        margin-top:180px;
        position: relative;
    }
    .img_left{
        display: inline-block;
        float: left;
        text-align: left;
        position: relative;
        top: 300px;
    }
    .img_left em{
        color: #0073BB;
        font-size:24px;
    }
    .img_left i{
        font-weight:bolder;
    }
    .img_five span{
        position: relative;
        display: inline-block;
        float: right;
        top: -35rem;
        width: 45%;
        text-align: left;
    }
    .img_five p{
        position: relative;
        display: inline-block;
        float: right;
        top: -27rem;
        width: 45%;
        text-align: left;
        left:45%;
    }
    .img_five em{
        color: #0073BB;
        font-size:24px;
    }
    .img_five i{
        font-weight:bolder;
    }
    .left_title{
        position: absolute;
        width: 40%;
        margin-top: 15rem;
    }
    .left_title span{
        width:40%;
        display: block;
        text-align: left;
    }
    .left_title em{
        color: #0073BB;
        font-size:24px;
    }
    .left_title i{
        font-weight:bolder;
    }
    .sixleft_page{
        position: absolute;
        width: 40%;
        margin-top: 58rem;
        left:48%;
    }
    .sixleft_page span{
        display:block;
        text-align: left;
    }
    .sixleft_page em{
        color: #0073BB;
        font-size:24px;
    }
    .sixleft_page i{
        font-weight:bolder;
    }
    .sever_left{
        display:inline-block;
        float:left;
        width:37%;
        text-align: left;
    }
    .sever_right{
        display:inline-block;
        float:right;
        width:420px;
        height:564px;
    }
    .sever_left em{
        color: #0073BB;
        font-size:24px;
    }
    .sever_left i{
        font-weight:bolder;
    }
    .sever_page{
        margin-top:15px;
    }
}