@media screen and (min-width:1200px) {
    .w12 {
      width: 1200px;
      margin: 0 auto;
    }
  }
  
  @media screen and (min-width:1800px) {
    .headbox {
      width: 100%;
      height: 120px;
      border-bottom: 4px solid #2679DA;
      background: #1977e6;
    }
  
    .headbox .head {
      width: 100%;
      max-width: 1920px;
      min-width: 1800px;
      margin: 0 auto;
    }
  
    .headbox .head .fl {
      float: left;
      padding: 26px 0 0 30px;
    }
  
    .headbox .head .fl .logo {
      float: left;
      height: 68px;
    }
  
    .headbox .head .fl .logo img {
      display: block;
      height: 100%;
    }
  
    .headbox .head .fl .logo_desc {
      float: left;
      margin: 6px 0 0 74px;
    }
  
    .headbox .head .nav {
      float: left;
      margin-left: 97px;
    }
  
    .headbox .head .nav .obox {
      float: left;
      height: 120px;
      position: relative;
    }
  
    .headbox .head .nav .obox .onav {
      display: block;
      padding: 40px 36px;
      line-height: 40px;
      font-size: 22px;
      color: #fff;
    }
  
    .headbox .head .nav .obox .onav:hover,.headbox .head .nav .obox .onav.on {
      background: #0A58B4;
      position: relative;
    }
  
    .headbox .head .nav .obox .onav:hover::after,.headbox .head .nav .obox .onav.on::after {
      position: absolute;
      top: 98px;
      left: 50%;
      width: 20px;
      height: 2px;
      background: #fff;
      content: "";
      margin-left: -10px;
    }
  
    .headbox .head .nav .obox:hover .tbox {
      display: block;
    }
  
    .headbox .head .nav .obox .tbox {
      border-top: 4px solid #2679DA;
      position: absolute;
      top: 120px;
      left: 0;
      padding-top: 20px;
      background: #0A58B4;
      display: none;
      z-index: 3;
    }
  
    .headbox .head .nav .obox .tbox .tnav {
      position: relative;
      width: 285px;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a {
      display: block;
      padding: 10px 0 10px 35px;
      height: 50px;
      width: 250px;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a .icon1 {
      float: left;
      width: 50px;
      height: 50px;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a span {
      float: left;
      margin-left: 28px;
      width: 120px;
      line-height: 50px;
      font-size: 22px;
      color: #fff;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a .icon2 {
      float: left;
      line-height: 50px;
      font-size: 20px;
      color: #fff;
      display: none;
    }
  
    .headbox .head .nav .obox .tbox .tnav:hover>a,.headbox .head .nav .obox .tbox .tnav.on>a {
      background: #3ba3fb;
    }
  
    .headbox .head .nav .obox .tbox .tnav:hover>a .icon2,.headbox .head .nav .obox .tbox .tnav.on>a .icon2 {
      display: block;
    }
  
    .headbox .head .nav .obox .tbox .tnav:hover .snav {
      display: block;
    }
  
    .headbox .head .nav .obox .tbox .tnav .snav {
      position: absolute;
      top: 0;
      left: 285px;
      display: none;
    }
  
    .headbox .head .nav .obox .tbox .tnav .snav a {
      display: block;
      width: 265px;
      padding: 10px;
      line-height: 50px;
      font-size: 22px;
      color: #fff;
      text-align: center;
      background: #0A58B4;
    }
  
    .headbox .head .nav .obox .tbox .tnav .snav a:hover,.headbox .head .nav .obox .tbox .tnav .snav a.on {
      background: #3ba3fb;
    }
  
    .headbox .head .fr {
      float: right;
      padding: 40px 40px 40px 0;
      height: 40px;
      position: relative;
    }
  
    .headbox .head .fr .language {
      float: left;
      margin-right: 30px;
    }
  
    .headbox .head .fr .language a {
      float: left;
      width: 38px;
      line-height: 38px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      border: 1px solid #FFC6C6;
      margin-right: 10px;
      font-family: "shuzi";
    }
  
    .headbox .head .fr .language a.on,.headbox .head .fr .language a:hover {
      background: #fff;
      color: #0A58B4;
    }
  
    .headbox .head .fr .searchbox {
      float: left;
    }
  
    .headbox .head .fr .searchbox>.iconfont {
      display: block;
      width: 40px;
      line-height: 40px;
      font-size: 20px;
      color: #fff;
      text-align: center;
    }
  
    .headbox .head .fr .searchbox .search {
      display: none;
      position: absolute;
      top: 124px;
      right: 40px;
      width: 300px;
      background: #fff;
      padding: 8px 10px;
      border-radius: 4px;
      height: 44px;
      z-index: 3;
    }
  
    .headbox .head .fr .searchbox .search input {
      display: block;
      padding: 0 32px 0 0;
      width: 258px;
      height: 44px;
      font-size: 16px;
      color: #333;
      border: 0;
    }
  
    .headbox .head .fr .searchbox .search .iconfont {
      position: absolute;
      top: 8px;
      right: 10px;
      width: 32px;
      line-height: 44px;
      font-size: 20px;
      color: #0A58B4;
      text-align: center;
    }
  
    .mhead {
      display: none;
    }
  }
  
  @media screen and (min-width:1200px) and (max-width:1800px) {
    .headbox {
      width: 100%;
      height: 100px;
      background: #1977e6;
      border-bottom: 4px solid #2679DA;
    }
  
    .headbox .head {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -640px;
      width: 1280px;
    }
  
    .headbox .head .fl {
      float: left;
      margin-top: 20px;
    }
  
    .headbox .head .fl .logo {
      float: left;
      height: 60px;
    }
  
    .headbox .head .fl .logo img {
      display: block;
      height: 100%;
    }
  
    .headbox .head .fl .logo_desc {
      display: none;
    }
  
    .headbox .head .nav {
      /* float: left; */
      display: flex;
      margin-left: 360px;
    }
  
    .headbox .head .nav .obox {
      /* float: left; */
      flex: 1 1 auto;
      height: 100px;
      position: relative;
    }
  
    .headbox .head .nav .obox .onav {
      display: block;
      padding: 30px 30px;
      line-height: 40px;
      font-size: 18px;
      color: #fff;
      text-align: center;
    }
  
    .headbox .head .nav .obox .onav:hover,.headbox .head .nav .obox .onav.on {
      background: #0A58B4;
      position: relative;
    }
  
    .headbox .head .nav .obox .onav:hover::after,.headbox .head .nav .obox .onav.on::after {
      position: absolute;
      top: 85px;
      left: 50%;
      width: 20px;
      height: 2px;
      background: #fff;
      content: "";
      margin-left: -10px;
    }
  
    .headbox .head .nav .obox:hover .tbox {
      display: block;
    }
  
    .headbox .head .nav .obox .tbox {
      border-top: 4px solid #2679DA;
      position: absolute;
      top: 100px;
      left: 0;
      padding-top: 20px;
      background: #0A58B4;
      display: none;
      z-index: 3;
    }
  
    .headbox .head .nav .obox .tbox .tnav {
      position: relative;
      width: 250px;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a {
      display: block;
      padding: 8px 0 8px 20px;
      height: 50px;
      width: 230px;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a .icon1 {
      float: left;
      width: 50px;
      height: 50px;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a span {
      float: left;
      margin-left: 20px;
      width: 120px;
      line-height: 50px;
      font-size: 20px;
      color: #fff;
    }
  
    .headbox .head .nav .obox .tbox .tnav>a .icon2 {
      float: left;
      line-height: 50px;
      font-size: 20px;
      color: #fff;
      display: none;
    }
  
    .headbox .head .nav .obox .tbox .tnav:hover>a,.headbox .head .nav .obox .tbox .tnav.on>a {
      background: #3ba3fb;
    }
  
    .headbox .head .nav .obox .tbox .tnav:hover>a .icon2,.headbox .head .nav .obox .tbox .tnav.on>a .icon2 {
      display: block;
    }
  
    .headbox .head .nav .obox .tbox .tnav:hover .snav {
      display: block;
    }
  
    .headbox .head .nav .obox .tbox .tnav .snav {
      position: absolute;
      top: 0;
      left: 250px;
      display: none;
    }
  
    .headbox .head .nav .obox .tbox .tnav .snav a {
      display: block;
      width: 210px;
      padding: 10px;
      line-height: 50px;
      font-size: 20px;
      color: #fff;
      text-align: center;
      background: #0A58B4;
    }
  
    .headbox .head .nav .obox .tbox .tnav .snav a:hover,.headbox .head .nav .obox .tbox .tnav .snav a.on {
      background: #3ba3fb;
    }
  
    .headbox .head .fr {
      float: right;
      padding: 30px 30px 30px 0;
      height: 40px;
      position: relative;
    }
  
    .headbox .head .fr .language {
      float: left;
      margin-right: 10px;
    }
  
    .headbox .head .fr .language a {
      float: left;
      width: 38px;
      line-height: 38px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      border: 1px solid #FFC6C6;
      margin-right: 10px;
      font-family: "shuzi";
    }
  
    .headbox .head .fr .language a.on,.headbox .head .fr .language a:hover {
      background: #fff;
      color: #0A58B4;
    }
  
    .headbox .head .fr .searchbox {
      float: left;
    }
  
    .headbox .head .fr .searchbox>.iconfont {
      display: block;
      width: 40px;
      line-height: 40px;
      font-size: 20px;
      color: #fff;
      text-align: center;
    }
  
    .headbox .head .fr .searchbox .search {
      display: none;
      position: absolute;
      top: 104px;
      right: 0;
      width: 300px;
      background: #fff;
      padding: 8px 10px;
      border-radius: 4px;
      height: 44px;
      z-index: 3;
    }
  
    .headbox .head .fr .searchbox .search input {
      display: block;
      padding: 0 32px 0 0;
      width: 258px;
      height: 44px;
      font-size: 16px;
      color: #333;
      border: 0;
    }
  
    .headbox .head .fr .searchbox .search .iconfont {
      position: absolute;
      top: 8px;
      right: 10px;
      width: 32px;
      line-height: 44px;
      font-size: 20px;
      color: #0A58B4;
      text-align: center;
    }
  
    .mhead {
      display: none;
    }
  }
  
  @media screen and (max-width:1200px) {
    .headbox {
      display: none;
    }
  
    .mhead {
      height: 1.2rem;
    }
  
    .mhead .head {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: .1rem .25rem;
      height: 1rem;
      background: #1977e6;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 9;
    }
  
    .mhead .head .fl {
      float: left;
      height: 1rem;
      display: inline-flex;
      align-items: center;
    }
  
    .mhead .head .fl .logo {
      height: .8rem;
    }
  
    .mhead .head .fl .logo img {
      display: block;
      height: 100%;
    }
  
    .mhead .head .fl .logo_desc {
      margin-left: .2rem;
      height: .6rem;
    }
  
    .mhead .head .fr {
      float: right;
      height: 1rem;
      display: inline-flex;
      align-items: center;
    }
  
    .mhead .head .fr .icon1 {
      width: .7rem;
      line-height: .8rem;
      font-size: .4rem;
      color: #fff;
      text-align: center;
    }
  
    .mhead .head .fr .icon2 {
      margin-left: .2rem;
      width: .7rem;
      line-height: .8rem;
      font-size: .36rem;
      color: #fff;
      text-align: center;
    }
  
    .mhead .head .fr .close {
      margin-left: .2rem;
      width: .7rem;
      line-height: .8rem;
      font-size: .4rem;
      color: #fff;
      text-align: center;
      display: none;
    }
  
    .mhead .navbox {
      position: fixed;
      top: 1.2rem;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 8;
      padding: .2rem .25rem 0;
      background: rgba(79, 158, 251, 0.9);
      overflow-y: scroll;
      display: none;
    }
  
    .mhead .navbox .btnbox {
      height: .8rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .mhead .navbox .btnbox .language {
      height: .8rem;
      display: inline-flex;
      align-items: center;
    }
  
    .mhead .navbox .btnbox .language span {
      font-size: .28rem;
      color: #fff;
    }
  
    .mhead .navbox .btnbox .language a {
      margin-left: .2rem;
      width: .6rem;
      line-height: .6rem;
      font-size: .3rem;
      color: #fff;
      text-align: center;
      border: .015rem solid #fff;
      border-radius: 50%;
    }
  
    .mhead .navbox .btnbox .language a.on {
      background: #fff;
      color: #0A58B4;
    }
  
    .mhead .navbox .nav .obox {
      border-bottom: .012rem solid rgba(255,255,255,0.2);
    }
  
    .mhead .navbox .nav .obox .onav {
      padding: 0 .2rem;
      height: .9rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: .32rem;
      color: #fff;
    }
  
    .mhead .navbox .nav .obox .onav span {
      font-size: .32rem;
      color: #fff;
    }
  
    .mhead .navbox .nav .obox .onav .up {
      width: .5rem;
      text-align: center;
      font-size: .4rem;
      color: #fff;
      display: none;
    }
  
    .mhead .navbox .nav .obox .onav .down {
      width: .5rem;
      text-align: center;
      font-size: .3rem;
      color: #fff;
    }
  
    .mhead .navbox .nav .obox .tbox {
      padding: .1rem .2rem;
      display: none;
    }
  
    .mhead .navbox .nav .obox .tbox .tnav a {
      display: flex;
      align-items: center;
      height: .7rem;
      width: 100%;
    }
  
    .mhead .navbox .nav .obox .tbox .tnav a .icon1 {
      width: .44rem;
      height: .44rem;
      margin-right: .2rem;
    }
  
    .mhead .navbox .nav .obox .tbox .tnav a span {
      font-size: .28rem;
      color: #fff;
    }
  
    .searchpop {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 1rem;
      padding-top: 1.2rem;
      z-index: 8;
      display: none;
    }
  
    .searchpop .searchbox {
      padding: 0 .3rem;
      height: 1rem;
      display: flex;
      align-items: center;
      background: #fff;
    }
  
    .searchpop .searchbox input {
      width: 6.1rem;
      height: .8rem;
      border: 0;
      font-size: .3rem;
      color: #333;
      flex: 1 2;
    }
  
    .searchpop .searchbox .iconfont {
      width: .8rem;
      height: .8rem;
      line-height: .8rem;
      font-size: .4rem;
      color: #0A58B4;
      text-align: center;
    }
  }
  
  @media screen and (min-width:1200px) {
    .foot {
      width: 100%;
      height: 285px;
      max-width: 1920px;
      margin: 0 auto;
      background: url(../images/img05.jpg) no-repeat top center;
    }
  
    .foot .link {
      padding-top: 22px;
      height: 73px;
      border-bottom: 1px solid rgb(177 213 255 / 86%)
    }
  
    .foot .link span {
      float: left;
      width: 80px;
      line-height: 28px;
      font-size: 12px;
      color: #fff;
    }
  
    .foot .link ul {
      float: left;
      width: 1120px;
    }
  
    .foot .link ul li {
      float: left;
      height: 28px;
      line-height: 28px;
      margin-right: 20px;
    }
  
    .foot .link ul li a {
      line-height: 28px;
      font-size: 12px;
      color: #fff;
    }
  
    .foot .info .fl {
      float: left;
      padding-top: 30px;
      width: 350px;
    }
  
    .foot .info .fl .logo {
      float: left;
      /* width: 280px; */
    }
  
    .foot .info .fl .logo img {
      display: block;
      width: 100%;
    }
  
    .foot .info .cen {
      float: left;
      padding-top: 25px;
      margin-left: 30px;
    }
  
    .foot .info .cen p {
      line-height: 32px;
      font-size: 14px;
      color: #fff;
    }
  
    .foot .info .fr {
      float: right;
      width: 320px;
      padding-top: 26px;
    }
  
    .foot .info .fr .titlist {
      float: left;
      width: 150px;
    }
  
    .foot .info .fr .titlist li {
      padding-left: 8px;
      line-height: 32px;
      font-size: 13px;
      color: #606060;
      margin-bottom: 14px;
      background: #fff;
      border-radius: 5px;
      text-align: center;
      cursor: pointer;
    }
  
    .foot .info .fr .titlist li.on,.foot .info .fr .titlist li a {
      color: #1977e6;
    }
  
    .foot .info .fr .titlist li:nth-child(4) {
      margin: 0;
    }
  
    .foot .info .fr .piclist {
      float: right;
    }
  
    .foot .info .fr .piclist li {
      padding: 8px;
      width: 130px;
      height: 130px;
      border-radius: 6px;
      background: #fff;
      display: none;
    }
  
    .foot .info .fr .piclist li img {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .foot .info .fr .piclist li p {
      display: none;
    }
  
    .foot .info .fr .piclist li:nth-child(1) {
      display: block;
    }
  
    .foot .beian {
      float: left;
      margin-top: 50px;
    }
  
    .foot .beian span {
      float: left;
      line-height: 32px;
      font-size: 12px;
      color: #fff;
    }
  
    .foot .beian a {
      float: left;
      line-height: 32px;
      font-size: 12px;
      color: #fff;
      margin-left: 20px;
    }
  }
  
  @media screen and (max-width:1200px) {
    .foot {
      padding: .3rem;
      background: url(../images/img08.png) no-repeat center / cover;
    }
  
    .foot .link {
      padding-bottom: .1rem;
      border-bottom: .012rem solid #B56163;
    }
  
    .foot .link span {
      display: block;
      line-height: .5rem;
      font-size: .24rem;
      color: #fff;
    }
  
    .foot .link ul {
      display: flex;
      flex-wrap: wrap;
    }
  
    .foot .link ul li {
      margin-right: .2rem;
    }
  
    .foot .link ul li a {
      display: block;
      line-height: .44rem;
      font-size: .24rem;
      color: #fff;
    }
  
    .foot .info {
      margin-top: .1rem;
    }
  
    .foot .info .fl {
      display: none;
    }
  
    .foot .info .cen p {
      line-height: .44rem;
      font-size: .24rem;
      color: #fff;
    }
  
    .foot .info .fr {
      margin-top: .1rem;
    }
  
    .foot .info .fr .titlist {
      display: none;
    }
  
    .foot .info .fr .piclist {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    .foot .info .fr .piclist li {
      width: 24%;
      margin-bottom: .2rem;
      padding: .2rem;
      background: #fff;
      border-radius: .05rem;
      box-sizing: border-box;
    }
  
    .foot .info .fr .piclist li img {
      display: block;
      width: 100%;
    }
  
    .foot .info .fr .piclist li p {
      margin-top: .1rem;
      line-height: .4rem;
      font-size: .2rem;
      color: #606060;
      text-align: center;
    }
  
    .foot .beian span {
      display: block;
      line-height: .4rem;
      font-size: .22rem;
      color: #fff;
    }
  
    .foot .beian a {
      display: block;
      line-height: .4rem;
      font-size: .22rem;
      color: #fff;
    }
  }
  
  @media screen and (max-width:768px) {
    .foot {
      background: url(../images/img09.png) no-repeat center / cover;
    }
  
    .foot .info .fr .titlist {
      display: block;
      float: left;
      width: 3.35rem;
    }
  
    .foot .info .fr .titlist li {
      padding-left: .2rem;
      line-height: .7rem;
      font-size: .26rem;
      color: #606060;
      border-radius: .04rem;
      overflow: hidden;
      background: #fff;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: .18rem;
    }
  
    .foot .info .fr .titlist li:last-child {
      margin: 0;
    }
  
    .foot .info .fr .piclist {
      float: right;
      width: 2.35rem;
      margin: 0;
    }
  
    .foot .info .fr .piclist li {
      width: 100%;
      height: 2.35rem;
      display: none;
    }
  
    .foot .info .fr .piclist li p {
      display: none;
    }
  
    .foot .info .fr .piclist li:nth-child(1) {
      display: block;
    }
  }