html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  html,
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  p,
  blockquote,
  pre,
  hr,
  figure,
  table,
  caption,
  th,
  td,
  form,
  fieldset,
  legend,
  input,
  button,
  textarea,
  menu {
    margin: 0;
    padding: 0;
  }
  header,
  footer,
  section,
  article,
  aside,
  nav,
  hgroup,
  address,
  figure,
  figcaption,
  menu,
  details {
    display: block;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  caption,
  th {
    text-align: left;
    font-weight: normal;
  }
  html,
  body,
  fieldset,
  img,
  iframe,
  abbr {
    border: 0;
  }
  img {
    vertical-align: bottom;
  }
  i,
  cite,
  em,
  var,
  address,
  dfn {
    font-style: normal;
  }
  [hidefocus],
  summary {
    outline: 0;
  }
  li {
    list-style: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  small {
    font-size: 100%;
    font-weight: normal;
  }
  sup,
  sub {
    font-size: 83%;
  }
  pre,
  code,
  kbd,
  samp {
    font-family: inherit;
  }
  q:before,
  q:after {
    content: none;
  }
  textarea {
    overflow: auto;
    resize: none;
  }
  label,
  summary {
    cursor: default;
  }
  a,
  button {
    cursor: pointer;
  }
  strong,
  b {
    font-weight: blod;
  }
  del,
  ins,
  u,
  s,
  a {
    text-decoration: none;
  }
  body,
  textarea,
  input,
  button,
  select,
  keygen,
  legend {
    font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 0.37333333rem;
    line-height: 0.53333333rem;
    color: #333;
    outline: 0;
    border: 0;
  }
  body {
    background: #fff;
  }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  overflow: hidden;
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.page-con {
    min-width: 320px;
}
.page-con img {
    width: 100%;
  }

.con1{
    width: 96%;
    /* height: 103.3vw; */
    margin: 0 auto;
    padding: 4.2vw 0;
}
.con1>.c1_img{
    width: 100%;
    /* height: 48.67vw; */
    padding: 2vw 0;
}
.con1>.c1_img>img{
    width: 100%;
}
.c1_info{
    width: 96%;
    /* height: 60.3vw; */
}
.c1_info>h2{
    font-size: 6vw;
    line-height: 8.667vw;
    color: #0876ef;
    font-weight: bold;
}
.c1_info>h3{
    font-size: 4.1vw;
    line-height: 6.667vw;
    color: #333;
    font-weight: bold;
}
.c1_info>ul>li{
    font-size: 4vw;
    line-height: 7.47vw;
    list-style-type: disc;
    margin-left: 5.67vw;
}
.con2{
    width: 96%;
    /* height: 87vw; */
    margin: 0 auto;
    padding: 2.2vw 0;
}
.c2_item{
    width: 100%;
    height: 50.67vw;
    /* float: left; */
    margin-bottom: 2.27vw;
}
/* .con2>.c2_item:nth-child(2){
    float: right;
}
.con2>.c2_item:nth-child(3){
    margin-left: 24.67vw;
} */
.c2_item>h2{
    width: 100%;
    background-color: #0876ef;
    height: 7.73vw;
    text-align: center;
    font-size: 4.5vw;
    line-height: 7.73vw;
    color: #fff;
    font-weight: bold;
}
.c2_info{
    width: 100%;
    height: 40.8vw;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}
.c2_info>p{
    width: 94%;
    margin: 0 auto;
    font-size: 4vw;
    line-height: 6vw;
    color: #777;
}
.c2_info>p:nth-child(1){
    padding-top: 2vw;
}
.c2_info>p>span{
    color: #0876ef;
}

.c2_info>p>em{
    font-size: 4.5vw;
}

.con3{
    width: 96%;
    margin: 0 auto;
    height: 229.8vw;
    border: 1px solid #e0e0e0;
}
.tit{
    width: 100%;
    height: 9.73vw;
    background-color: #f2f2f2;
    border-bottom: 1px solid #0876ef;
}
.tit>h2{
    display: block;
    width: 42vw;
    height: 100%;
    background-color: #0876ef;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 9.73vw;
    font-size: 4.5vw;
}
.c3_item{
    width: 96%;
    /* height: 106.73vw; */
    /* margin-bottom: 4.27vw; */
    margin: 0 auto 4.27vw;
}
.con3>.c3_item:nth-child(2){
    margin-top: 1vw;
}
.con4{
    width: 96%;
    height: 90.47vw;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    margin-top: 5.6vw;
}
.c4_info{
    width: 92.3vw;
    margin: 0 auto;
    padding-top: 2.3vw;
}  
.c4_info>p{
    font-size: 3.8vw;
    line-height: 6vw;
    color: #333;
}
.c4_info>p>span{
    color: #0876ef;
    font-weight: bold;
}
.c4h{
    height: 78.47vw;
}
.con6{
    width: 96%;
    height: 8.27vw;
    padding: 3.73vw;
}
.c6_btn{
    display: block;
    width: 62.53vw;
    height: 8.27vw;
    line-height: 8.27vw;
    color: #fff;
    background-color: #0876ef;
    font-size: 4.8vw;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    border-radius: 4.135vw;
}