body {
          margin: 0;
          padding: 0;
        }

        .bannerBox .bg {
          width: 100vw;
          position: relative;
        }

        .zw1440 {
          width: 75vw;
          margin: 0 auto;
        }

        .bannerBox .bg img {
          /*width: 100%;*/

        }
       
        .bannerBox .bannerIfo {
          box-sizing: border-box;
          position: absolute;
          top: 27%;
          left: 12.5%;
        }

        .col-fff {
          color: #fff;
        }

        .tit-36 {
          /*font-size: 36px;*/
          font-size: .9rem;
        }

        .tit-16 {
          /*font-size: 16px;*/
          font-size: .4rem;
        }

        .tit-20 {

          font-size: .5rem
        }

        .tit-14 {
          font-size: 14px;
        }

        .bannerBox .bannerIfo a {
          box-sizing: border-box;
          display: block;
          color: #fff;
          width: 3.3025rem;
          height: 1.15rem;
          text-align: center;
          border-radius: 1.15rem;
          font-size: .5rem;
          /*padding: 0.275rem .8rem;*/
          border: 2px solid #4a9ace;
          border-radius: 1.15rem;
          margin-bottom: .7rem;
        }

        .bannerBox .bannerIfo span {
          font-size: 1.7rem;
          line-height: 1.5;
        }

        .bannerBoxBottom {
          padding: 3.05rem 0 3.05rem;
        }

        .city-1 .box {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start;
          justify-content: space-around;
        }

        .city-1 .li {
          position: relative;
          width: 20%;
        }

        .city-1 .li:last-child {
          width: 18%;

        }

        .city-1 .li:first-child::after {
          content: '';
          height: 0;
        }

        .city-1 .li::after {
          position: absolute;
          content: "";
          width: 1px;
          height: .5rem;
          left: 0;
          z-index: 6;
          top: 1rem;
          background-color: #0f63b6;
        }

        .city-1 .li:nth-child(3n+1) {

          width: 22%;
        }

        .city-1 .li:nth-child(3n+2) {
          width: 28%;
          padding-left: 4%;
        }

        .city-1 .li:nth-child(3n+3) {
          width: 26%;
          padding-left: 4%;
        }

        .city-1 .li:nth-child(n+4) {
          margin-top: 0;

        }
        .city-1 .li:nth-child(4)::before{
          position: absolute;
          content: "";
          width: 1px;
          height: 2rem;
          left: 0;
          top: .2rem;
          background-color: #e8e8e8;
          display: block;
        }


        .ul_1 .li span {
          font-size: 1.6rem;
        }

        .ul_1 .li span:first-child {
          color: #0f63b6;

        }

        .ul_1 .li span:last-child {
          font-size: 0.45rem;
          color: #a9a9a9;
          line-height: 1;
        }
        .city-1 .li:nth-child(4n){
          padding-left: 4%;

        }

        /*.ul_1 .li span .g-b{
margin-left: 5px;
padding: .2rem;
border: 1px solid #0f63b6;
border-radius: 50%;
color: #0f63b6;
}
.ul_1 .li span.g-b:nth-child(2),
.ul_1 .li span.g-b:nth-child(4){
margin-left: -5px
*/
        /* } */

        .contentList {
          position: relative;
          padding-top: 1.25rem;
          padding-bottom: 2.65rem;
          background: url(web/img/assite/2.jpg);
        }

        .ul_2 {
          margin: 2rem auto;
          font-size: 1.4rem;
          line-height: 1;
        }

        .tab-li {
          text-align: center;
        }

        .tab-li .li {
          cursor: pointer;

        }

        .ul-tab .sp1 {
          line-height: 1.2;
          margin-bottom: 0.75rem;
        }

        .contentList .list1 {
          width: 100%;
          display: block;
          position: relative;
          margin: 1.25rem 0;
          min-height: 14.5rem;
        }

        .contentList .list1 {
          position: relative;

        }

        .box3 .tab-li .li {
          width: .625rem;
          height: .625rem;
                    text-align: center;
                    line-height: .625rem;
        }

        .box3 .tab-li .li.cur {
          color: #fff;

          border-radius: 50%;


          border: 1px solid #008b3f;
          background-color: #0f63b6;
        }

        .box3 .tab-li .li:hover {
          color: #fff;
          border-radius: 50%;

          border: 1px solid #008b3f;
          background-color: #0f63b6;

        }

        .list1 img {
          width: 75vw;
        }

        .ul_1 .ul-ajax .list1 {
          padding: 2rem 2rem 5rem;
          background-size: cover;
          background-repeat: no-repeat;
          background-position:bottom center;

        }

        .list1-content {
          z-index: 3;
          /* position: relative;
          top: 17.5%;
          left: 5.5%; */
            /*padding: 20px;*/
        }

        .list1-content .bottom {
          width: 78%;
          margin-top: 40px;
          margin-right: 26%;
          width: calc(100%-26%);
          line-height: 1;
          display: flex;
          box-sizing: border-box;
          flex-wrap: wrap;
          border-left: 1px solid #fff;
        }

        .list1-content .bottom a {
            display: block;
          border: 1px solid #fff;
          margin: 0px 0px -1px -1px;
          padding: 0.375rem 0.5rem;
          color: #fff;
        }

        .siderSearch {
          position: absolute;
          right: 2.25rem;
          top: 1.5rem;
          z-index: 6;
          color: #8c8c8c;
          background-color: #fff;
          padding: .5rem 0.35rem;
          border-radius: 1rem;
        }
        .contentList—bottom{
margin: 0 auto;
cursor: pointer;
color: #8c8c8c;
        }

        /* loading加载 */
        .loading {
          cursor: pointer;
          width: 0.75rem;
          height: 0.75rem;
          margin: 0 auto 0.25rem;
          border-radius: 50%;
          border: 3px solid #BEBEBE;
          border-left: 3px solid #fff;
          animation: load 1s linear infinite;
          -moz-animation: load 1s linear infinite;
          -webkit-animation: load 1s linear infinite;
          -o-animation: load 1s linear infinite;
        }

        @-webkit-keyframes load {
          from {
            -webkit-transform: rotate(0deg);
          }

          to {
            -webkit-transform: rotate(360deg);
          }
        }

        @-moz-keyframes load {
          from {
            -moz-transform: rotate(0deg);
          }

          to {
            -moz-transform: rotate(360deg);
          }
        }

        @-o-keyframes load {
          from {
            -o-transform: rotate(0deg);
          }

          to {
            -o-transform: rotate(360deg);
          }
        }

        .contentList—bottom {
          margin: 1.3rem auto;
          text-align: center;


        }

        /* 版心 */


        /*弹性盒样式*/
        a {
          text-decoration: none;
          color: #333;
        }

        .f-no {
          display: flex;
          flex-flow: row wrap;
        }

        .f-no-b-center {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: center;
        }

        .f-no-b-start {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: flex-start;
        }

        .f-no-b-stretch {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: stretch;
        }

        .f-no-c-center {
          display: flex;
          flex-flow: row wrap;
          justify-content: center;
          align-items: center;
        }

        .f-no-c-start {
          display: flex;
          flex-flow: row wrap;
          justify-content: center;
          align-items: flex-start;
        }

        .f-no-c-stretch {
          display: flex;
          flex-flow: row wrap;
          justify-content: center;
          align-items: stretch;
        }

        .f-no-s-center {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          align-items: center;
        }

        .f-no-s-end {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          align-items: flex-end;
        }

        .f-no-s-stretch {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          align-items: stretch;
        }

        .f-no-end-start {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-end;
        }

        .f-no-col {
          display: flex;
          flex-flow: column wrap;
        }

        .f-no-col-b-center {
          display: flex;
          flex-flow: column wrap;
          justify-content: space-between;
          align-items: center;
        }

        .f-no-col-c-center {
          display: flex;
          flex-flow: column wrap;
          justify-content: center;
          align-items: center;
        }

        .f-no-col-s-center {
          display: flex;
          flex-flow: column wrap;
          justify-content: flex-start;
          align-items: center;
        }

        .f-no-col-s-end {
          display: flex;
          flex-flow: column wrap;
          justify-content: flex-start;
          align-items: flex-end;
        }

        .f-no-col-c-start {
          display: flex;
          flex-flow: column wrap;
          justify-content: center;
          align-items: flex-start;
        }

        .f-no-col-b-start {
          display: flex;
          flex-flow: column wrap;
          justify-content: space-between;
          align-items: flex-start;
        }

        .f-no-col-end-start {
          display: flex;
          flex-flow: column wrap;
          justify-content: flex-end;
          align-items: flex-start;
        }

        .f-no-col-s-start {
          display: flex;
          flex-flow: column wrap;
          justify-content: flex-start;
          align-items: flex-start;
        }

        .ul_1 .ul-ajax .list1 {
          position: relative;
        }

        .list-bc {
          background: url(web/img/assite/3.png);
          height: 100%;
          width: 200px;
          background-color: #087;
          position: absolute;
          top: 50%;
          left: 0;
        }

        @media (max-width: 767px) {
          .zw1440 {
            width: 92%;
            margin: 0 auto;
          }
       
          .list1-content .bottom {
            width: 100%;
            margin-right: 0;
          }

          .list1-content .bottom a {
            padding: 0.5rem 0.2rem;
            font-size: 14px;
          }

          .city-1 {
            padding-top: 1.5rem;
            padding-bottom: 1.3rem;
          }

          .ul_1 .ul-ajax a.list1 {
            padding: 1rem 4%;
          }

          .city-1 .li {
            width: 40%;
            padding: 0 10px;
          }

          .city-1 .li-01 span {

            margin-top: .5rem;
          }

          .city-1 .li:nth-child(3)::after {
            content: '';
            position: absolute;
            top: 20%;
            height: 0;
          }

          .city-1 .li:nth-child(3n+1) {
            width: 28%;
          }

          .city-1 .li:nth-child(3n+3) {
            width: 40%;
            padding-left: 0;
          }

          .city-1 .li:nth-child(4n) {
            margin-top: 1rem;
            width: 57%;
            padding-left: 16%
          }


          .city-1 .li:nth-child(3n+2) {
            width: 58%;
            padding-left: 16%;
          }

          .city-1 .box {

            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;


          }

          .bannerBoxBottom {
            margin: 0 auto;
            padding: 1.05rem 0 1.05rem;
          }

          .contentList {
            padding-top: .5rem;

          }

          .ul_2 {
            margin: 1rem auto;
            font-size: 1rem;
          }

          .list1 img {

            width: 100vw;
          }

          .siderSearch-a {
            right: 0rem;
            top: 6%;
          }

          .list1-content {

            top: 0%;
            left: 0%;
          }

          .list1-content .bottom {
            margin-top: .25rem;

          }

          .list1-content .bottom a {
            padding: 0.175rem 0.2rem;
          }
        }



.con-banner-g{
position: relative;

}

      .con-banner-g  .images {
          height: 100%;
          /*width: 100%;*/
      }

      .con-banner-g  .images img {
          /* position: absolute;
          left: 0;
          top: 0; */
          height: 100%;
          width: 100%;
          z-index: -1;
          object-fit: cover;
      }

      .container-info {
          z-index: 3;

   width: 100%;

          color: #fff;
          font-size: .4rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 100%;
          padding:5rem 2rem;
          
      }
      .container-info .containBox{
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
flex-wrap: wrap;
      }
      .container-info .containBox p{
        /* width: 100%; */
        /* display: flex; */
        /* justify-content: space-around;
        align-items: center; */
/* flex-wrap: wrap; */
      }


      .topTitle {
        text-align: center;
        line-height: 1;
          font-size: 1.2rem;
          margin-bottom: .5rem;
      }

      @media screen and (max-width: 756px) {
        .con-banner-g{
height: 100%;
        }
          .container-info {
          padding: 1.5rem 4%;

            width: 100%;
              /* position: absolute;
              top: 15%;
              left:5%; */
          }
           .bottom-btn {
          margin: 0 auto;
          margin-top: 1.5rem;
          width:2.5rem;
          height: 1rem;
          border: 1px solid #fff;
          line-height: 1rem;
      }
      }

      .bottom-btn {
          margin: 0 auto;
          margin-top: 2.5rem;
        
          width: 130px;
          height: 45px;
          border: 1px solid #fff;
          line-height: 45px;
          text-align: center;
          display: flex;
          align-items: center;
          color: #fff;
          justify-content: center;
          transition: all 0.5s;
      }
      .bottom-btn:hover{
        color: #fff;
        border: 1px solid #0f63b6;
        background-color:#0f63b6;
      }
      .bottom-btn svg{
        margin-right: 0.2rem;
      }
      .containBox audio, canvas, progress, video{
        max-width: 100%;
      }