*{margin: 0;padding: 0;box-sizing: border-box; }
      a{text-decoration: none;color: #319bff;}
      ul,li{list-style: none;}
      p{text-align: justify;}
      .banner{position: relative;}
      .banner img{width: 100%;}
      .main-block{max-width: 1500px;margin:0 auto;padding: 0 15px;}
      .flex-block{display: flex;}
      .bannerText{position: absolute;top: 37%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
      .bannerText h2{font-size: 2.6vw;}
      .bannerText p{font-size: 1.25vw;line-height: 1.8vw;width: 35%;margin-top: 20px;text-align: justify;}
      /* .bannerText p img{width: 29.25vw;} */
      h3{font-size: 2vw;text-align: center;line-height: 120px;margin-top: 20px;}
      .switchBar{display: flex;position: relative;}
      .switchBar .BarBg{flex: 44;}
      .switchBar .BarBg .BarBgcover{width: 120%;height: 33.3333%;}
      .switchBar .BarBg .BarBgcover.hover{background-color: #f3f6fa;}
      .switchBar .BarBg .BarBgcover.active{background-color: #f3f6fa;}
      .switchBar .bar{height: 100%;}
      .switchBar .bar ul{height: 100%;}
      .switchBar .bar ul li{display: flex;height: 33.33333%;width: 50%;cursor: pointer;display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;}
      .switchBar .bar ul li img{flex: none;}
      .switchBar .barBlock{position: absolute;width: 100%;left: 50%;transform: translateX(-50%);height: 100%;}
      .switchBar ul li .barimg{flex: none;margin: auto;}
      .switchBar ul li .barText{flex: 1;padding:10px 50px;margin: auto;}
      .switchBar ul li .barText h4{font-size: 1.25vw;margin-bottom: 10px;}
      .switchBar ul li .barText p{font-size: 1vw;line-height: 1.6vw;width: 80%;text-align: justify;}
      .switchBar ul li .barText a{margin-top: 15px;display: inline-block; font-size: 12px;}
      .switchBar .imgbar{flex: 54;font-size: 0;}
      .switchBar .imgbar ul li{width: 100%;position: absolute;display: none;}
     .switchBar .imgbar .arr{content: '';
    position: absolute; width: 0;left: -1.1vw;
    height: 0;
    border-top: 1vw solid transparent;
    border-right: 1.1vw solid red;
    border-bottom: 1vw solid transparent;
    }
   .switchBar .imgbar .arr1{top: calc((100% / 3 - 2vw) / 2 * 1); border-right-color:#87c9fa;}
   .switchBar .imgbar .arr2{top: calc((100% / 3 - 2vw) / 2 * 1 + (100% / 3)); border-right-color:#70beeb;}
   .switchBar .imgbar .arr3{top: calc((100% / 3 - 2vw) / 2 * 1 + (100% / 3 * 2)); border-right-color:#c9dcfb;}
    
      .switchBar .imgbar ul li.active{width: 100%;display: block;position: relative;font-size: 0;}
      .hotplan{width: 100%;}
      .imgbar img{width: 100%;}
      .navBar{max-width: 900px;margin: auto;}
      .navBar li{margin: auto;}
      .navBar li span{font-size: 20px;cursor: pointer;line-height: 60px;border-bottom:2px solid transparent ;display: inline-block;}
      .navBar li span.active{color: #0c89ef;border-bottom:2px solid #0c89ef ;}
      .mainBarBG{width: 100%;background: #f3f6fa;padding: 60px 0;margin-bottom: 20px;}
      
      .mainBar{display: flex;display: none;}
      .mainBar li{display: flex;flex: 1;}
      .mainBar li .barText {padding: 0 .9vw;    margin: auto 0;}
      .mainBar li .barText h4,p{color: #333;}
      .mainBar li>a{margin-top: 10px;display: inline-block;}
      .mainBar.active{display: flex;font-size: 12px;}
      .Type2 li h4{font-size: 1.2vw;}
      .Type2 li h5{font-size: .9vw;}
      .Type2 li {display: block;}
      .Type2 li .barText{margin: auto 0;}
      .Type2 li>div:first-child{display: flex;}
      .Type2 li>div:first-child p{display: none;}
      .Type2 li>div:first-child a{display: none;}
      .Type2 li>div:last-child{margin-top: 20px;width: 80%;text-align: justify;}
      .pc{display: block;}
      .Fpc{display: flex;}
      .mb{display: none;}
      .mbswitchBar{display: none;}
      /* footer .row>div{display: flex;} */
      @media(max-width: 1500px) {
        .main-block{max-width: 1200px;}
        .bannerText p{width: 450px;}
      }
      @media(max-width: 1200px) {
        .main-block{max-width: 1100px;}
        .bannerText p{width: 450px;}
      }
      @media(max-width: 960px) {
        .mainBar .barText h4{font-size: 12px;font-weight: bold;}
        .bannerText p img{display: none;}
        /* footer .row>div{display: block;} */
        *{font-size: 12px;}
        .mb{display: block;}
        .pc{display: none;}
        .Fpc{display: none;}
        .main-block{padding:0 20px;}
        .bannerText{top: 20%;/*transform: translate(-45%,0);*/}
        .bannerText h2{font-size: 20px;margin-top: 15px;margin-bottom: 0;}
        .bannerText p{font-size: 14px;width: 100%;line-height: 16px;margin-top: 8px;}
        h3{font-size: 18px;
    line-height: 45px;
    margin-top: 10px;}
    .navBar li span {
        font-size: 12px;
        cursor: pointer;
        line-height: 16px;
        padding: 10px 0;
    }
    .mainBar.active{display: block;}
    .mainBar li{display: inline-flex;width: 49%;margin: 20px 0;vertical-align: top;}
    .mainBar li .barimg{flex: none;width: 25%;margin: 10px auto;}
    .mainBar li .barimg img{width: auto;max-width: 100%;}
    .mainBar li .barText {padding: 0 10px;}
    .mainBar li>a{margin-top: 5px;}
    .mainBarBG{padding: 20px 0 30px 0;}
    .Type2 li{width: 100%;}
    .Type2 li .barimg{flex: none;width: 15%;margin:0 auto;}
    .Type2 li h4{font-size: 14px;line-height: 16px;}
    .Type2 li h5{font-size: 12px;line-height: 18px;}
    .Type2 li>div:last-child{display: none;}
    .Type2 li>div:first-child p{display: block;}
    .Type2 li>div:first-child a{display: inline-block;}
    .mbswitchBar{display: block;}
    .mbswitchBar .miniBar{display: flex;}
    .mbswitchBar .miniBar li{flex: 1;border: 1px solid #e7ebf1;margin:0 1px;text-align: center;padding: 15px 15px 30px 15px;position: relative;width: 33.333%;}
    .mbswitchBar .miniBar li.active{background-color: #e9eff6;}
    .mbswitchBar .miniBar li h4{font-size: 14px;margin-top: 10px;}
    .mbswitchBar .miniBar li p{margin-top: 10px;margin-bottom: 10px;text-align: center;}
    .mbswitchBar .miniBar li>a{position: absolute;left: 50%;transform: translateX(-50%);bottom: 15px;}
    .mbswitchBar .miniBar li:first-child{margin-left: 0;}
    .mbswitchBar .miniBar li:last-child{margin-right: 0;}
    .mbimgbar ul li{font-size: 0;display: none;position: relative;}
    .miniBar li .arr{ width: 0;position: absolute;bottom:-1px;left: 50%;display: none;
    transform: translateX(-50%);
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 12px solid transparent;}
    .mbswitchBar .miniBar li.active .arr{display: block;}
    .miniBar li .arr1{ border-bottom-color:#86caf9;}
    .miniBar li .arr2{ border-bottom-color:#70beeb;}
    .miniBar li .arr3{ border-bottom-color:#f3dcf6;}
    .mbimgbar ul li.active{display: block;}
    .mbimgbar ul li img{width: 100%;}
      }