    @media (min-device-width:320px) and (max-width:689px), (max-device-width:480px) {

      .huati ul {
        width: 90%;
        padding-left: 5%;
      }

      .topB .login b {
        width: 94% !important;
        padding-left: 5%;
      }

      .lyzs li {
        width: 90%;
        height: auto;
        border-bottom: 1px solid #ddd;
        margin-bottom: .13333rem;
        background: #fff;
        position: relative;
        padding-bottom: .2rem;
      }


    }
    

    .huati ul {
      display: flex;
      justify-content: space-between;
    }

    .lyzs li {
      border-bottom: #EAEAEA 1px solid;
      padding: 15px 0;
      margin: 15px auto;
    }

    .lyzs li h2 {
      float: left;
      overflow: hidden;
      width: 100%;
    }

    .lyzs li h2 b {
      font-size: 20px;
      font-weight: normal;
      height: 24px;
      line-height: 24px;
    }

    .lyzs li h2 b a {
      position: relative;
      padding-right: 10px;
      color: #333333;
      vertical-align: middle;
    }

    .lyzs li h2 b em.green {
      color: #EE9536;
      font-size: 16px;
      margin-left: 60px;
      margin-right: 10px;
    }

    .lyzs li h2 b em.domainType {
      display: inline-block;
      border: #E1E1E1 1px solid;
      padding: 2px 8px;
      margin-right: 5px;
      height: 22px;
      font-size: 14px;
      color: #666;
    }

    .lyzs h3 {
      width: 100%;
    }

    .lyzs h3 span {
      float: left;
      display: block;
      height: 32px;
      line-height: 32px;
      font-size: 14px;
      margin-bottom: 10px;
      color: #666666;
      margin-top: 30px;
    }

    .lyzs li p {
      font-size: 16px;
      line-height: 40px;
    }

    .red {
      color: #d73240;
    }

    .red a {
      color: #C44146;
      text-decoration: none;
    }


    .topB .form-box .form-li .btn-group span a {
      color: #fff;
    }

    .topB .form-box .huati span,
    .banner .form-box .submit-box,
    .topB .form-box .form-li .btn-group span {
      cursor: pointer;
    }

    .topB .form-box .form-li .login .p4 {
      background: none;
    }

    .topB .form-box .form-li .login .p4 span {
      width: 45%;
      margin: 0 5px;
      background: #cf2b24;
      line-height: 36px;
      text-align: center;
      color: white;
      border-radius: 8px;
    }

    .topB .form-box .form-li .leader-box span {
      display: inline-block;
      width: 100%;
      text-align: left;
      line-height: 44px;
      font-size: 14px;
    }

    .left-code {
      position: fixed;
      bottom: 5%;
      right: 50%;
      margin-right: 510px;
      color: #fff;
      font-size: 14px;
    }

    .left-code img {
      margin-bottom: 10px;
    }

    .right-code {
      position: fixed;
      bottom: 5%;
      left: 50%;
      margin-left: 510px;
      color: #fff;
      font-size: 14px;
    }

    .right-code img {
      margin-bottom: 10px;
    }

    .topB .form-box .form-li .city-box {
      margin-left: 0px;
    }

    .topB .form-box .btn-group {
      margin-top: 10px;
      width: 290px;
      height: 50px;
    }

    .footer {
      margin-top: 0px;
    }

    .topB .form-box .btn-group span {
      display: inline-block;
      text-align: center;
      line-height: 50px;
    }

    .topB .form-box .btn-group span a {
      color: #fff;
    }

    .topB .form-box .btn-group span:nth-child(1) {
      color: #b30b04;
      width: 180px;
    }

    .topB .form-box .btn-group span:nth-child(2) {
      color: #fff;
      width: 109px;
    }

    .topB .form-box .form-li .login {
      z-index: 100;
      padding: 30px;
      background: white;
      box-shadow: 0px 0px 0px #ebebeb;
      position: static;
      top: 400px;
    }

    .topB .login {
      z-index: 100;
      position: static;
    }

    .topB .login p,.topB .code p {
      margin-top: 15px;
    }

    .topB .login p b:nth-child(2) {
      margin-left: 15px;
    }

    .topB .login span {
      display: inline-block;
      width: 120px;
      text-align: center;
      background: #2f5add;
      height: 47px;
      text-align: center;
      line-height: 47px;
      color: #fff;
      font-size: 22px;
      border-radius: 8px 0 0 8px;
      vertical-align: middle;
      font-style: normal;
    }

    .topB .login input {
      font-size: 16px;
      width: 225px;
      line-height: 47px;
      height: 47px;
      vertical-align: middle;
      border: none;
      background: #fff;
      border-radius: 0 8px 8px 0;
      padding: 0 10px;
    }

    .topB .login input#code {
      border-radius: 8px;
      width: 150px;
      margin: 0 10px;
    }
    .topB .code img{
      display: inline-block; margin-left: 10px; height: 45px; cursor: pointer;
    }
    .topB .code i{
      display: inline-block; margin-left: 10px; color: #fff; font-weight: bold; cursor: pointer;
    }
    @media (min-device-width:320px) and (max-width:689px){
      .topB .form-box .code b{
        margin-bottom: 15px;
      }
      .topB .form-box .code p img{
        width: auto; padding-left: 4%;
      }
    }

    .topB .login .p3 input {
      width: 100px;
    }

    .topB .login .p3 span {
      display: inline-block;
      width: 150px;
      line-height: 36px;
      text-align: center;
      background: #eab96b;
      border-radius: 8px;
      margin-left: 20px;
      color: white;
    }

    .topB .login .p4 {
      width: 100%;
      background: #cf2b24;
      line-height: 36px;
      text-align: center;
      color: white;
      border-radius: 8px;
    }

    .topB {
      height: 1650px;
      background: url(../images/banner.jpg) no-repeat top center #f4f4f4;
    }

    .topB .form-box .content textarea {
      height: 165px;
      background: #f7f7f7;
      font-size: 18px;
    }

    .topB .form-box .huati span {
      float: left;
      width: 175px;
      height: 175px;
      margin: 20px 0px 0 0;
      background: #bdd9f6;
      border-radius: 5px;
      font-size: 35px;
      text-align: center;
      color: #2f4483;
      line-height: 68px;
      cursor: pointer;
      margin-bottom: 10px;
    }

    .topB .form-box .huati .p2active {
      background: #ffbb32;
      color: #fff;
    }

    .red-bg1 ul {
      margin: 20px auto;
    }

    .red-bg1 ul li span {
      color: #3768a9;
    }

    .red-bg1 ul li span a {
      color: #3768a9;
    }

    .topB .form-box .biaoti input {
      height: 60px;
    }

    .red-bg1 ul li {
      float: left;
      width: 48%;
      line-height: 40px;
      color: white;
      font-size: 18px;
      padding-left: 20px;
      background: url(../images/dian.png) no-repeat left center;
      position: relative;
    }

    .daoyu {
      text-align: justify;
      text-justify: inter-ideograph
    }

    .topB .form-box .huati {
      margin-top: 25px;
    }

    .guanggao {
      padding-bottom: 50px;
    }

    /*  .block ul li{
    position:relative;
	padding-bottom:50px;
  }
.block ul li img{
  position:absolute;
  right:10px;
  bottom:10px;
}*/
    .block .mobiletitle,
    .mobileTitle {
      display: none;
    }

    @media (min-device-width:320px) and (max-width:689px),
    (max-device-width:480px) {
      body {
        width: 100%;
        font-size: 62.5%
      }

      .topB {
        height: auto;
      }

      .w1000 {
        width: 100%;
      }

      .topB .daoyu {
        font-size: 1rem;
        line-height: 160%;
      }

      .topB .daoyu img {
        width: 80px;
      }

      .topB .form-box {
        margin-top: 15px;
      }

      .topB .form-box p img {
        width: 100%;
      }

      .topB .form-box .huati {
        text-align: center;
      }

      .topB .form-box .huati span {
        display: inline-block;
        float: none;
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 5px 0 0;
        background: #bdd9f6;
        border-radius: 5px;
        font-size: 1.2rem;
        margin-bottom: 10px;
        text-align: center;
        color: #2f4483;
        line-height: 2.5rem;
        cursor: pointer;
      }

      .topB .form-box .biaoti {
        width: 90%;
		margin:25px auto 0;
        height: 2.5rem;
      }

      .topB .form-box .biaoti span {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 20%;
        font-size: 1rem;
      }

      .topB .form-box .biaoti input {
        width: 70%;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.8rem;
      }

      .topB .form-box .content {
        width: 90%;
		margin:20px auto 0;
      }

      .topB .form-box .content textarea {
        width: 90%;
        padding: 5%;
        height: 250px;
        font-size: 1rem;
      }

      .topB .login b {
        display: block;
        width: 100%;
        font-weight: normal;
        margin-bottom: 10px;
      }

      .topB .login span {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 24%;
        font-size: 0.9rem;
        font-weight: normal;
        text-align: center;
      }

      .topB .login input {
        width: 66%;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.9rem;
      }

      .topB .form-box .submit-box {
        width: 100%;
      }

      .topB .form-box .submit-box img {
        width: 50%;
      }

      .block .title {
        display: none;
      }

      .block .mobiletitle {
        display: block;
        text-align: center;
      }

      .block .mobiletitle img {
        width: 100%;
      }

      .block ul li span.color {
        font-size: 1rem;
      }

      .block ul li {
        font-size: 1rem;
      }

      .block ul li img {
        width: 90px;
      }

      .pcTitle {
        display: none;
      }

      .mobileTitle {
        display: block;
        text-align: center;
        width: 100%;
      }

      .red-bg1 ul li {
        width: 90%;
        font-size: 1rem;
      }

      .imgListBox {
        width: 80%;
        margin: 0 auto;
      }

      .imgListBox .swiper-slide {
        text-align: center;
      }

      .footer {
        display: block;
      }

      .mobilecopyright {
        display: none;
      }

      .topB .login p b:nth-child(2) {
        margin-left: 0px;
      }

      .left-code {
        position: static;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        color: #333;
      }
    }


    /*===
	PC端使用题图代码
	@topB是题图位置
	@topB .daoyu是题图展示高度  
 	===*/
    .topB {
      height: 2506px;
      background: url(../images/HLJ202112081015105376236685932.jpg) no-repeat top center #f4f4f4;
      background-size: cover;
    }

    .topB .daoyu {
      padding-top: 610px;
    }

    /*===
	手机端使用题图代码
	===*/
    @media (min-device-width:320px) and (max-width:689px),
    (max-device-width:480px) {
      .topB {
        height: auto; padding-bottom: 30px;
        background: url(../images/HLJ202112081015404255435386423.jpg) no-repeat top center #f4f4f4;
        background-size: cover;
      }

      .topB .daoyu {
        padding-top: 235px;
        width: 90%;
      }
    }
