/*
body{ font-family: "plus-jakarta-sans-Light",Helvetica,sans-serif;}
@media screen and (max-width: 768px) {

}
@media screen and (min-width: 768px) and (max-width:922px) {

}
@media screen and (min-width: 922px) {

}*/
body{ font-family: "plus-jakarta-sans-Light",Helvetica,sans-serif;}
@media screen and (max-width: 768px) {
  .mtheader{
    width: 100%;min-height: 200px; background:url(../images/zhbg.jpg) no-repeat center center #a7bbd6;
  }
  .mtcontain{position: relative;width: 100%;min-height: 200px;}
    .mtheader_title{color: #ffffff;font-size: 2em;position: absolute;left: 10%;top:22%;}
    .mtheader_subtitle{color: #ffffff;font-size: 1em;position: absolute;left: 15%;top: 45%;}
    .mtheader_subtitle span{font-size: 20px;}
    .mt_topdes{font-size: 1em; line-height: 1.5;padding: 2em 0px 2em 0px;}

    .meetingtab{padding-bottom: 100px;}
    .meetingtab> .tab{      
      width: 100%;
      margin: 2em 0;}
    .meetingtab> .tab ul{
      overflow-x: auto; /* 启用水平滚动 */
      white-space: nowrap; /* 禁止换行 */
      padding: 0px;
    }
    .meetingtab> .tab ul li{
      display: inline-block; /* 强制 li 元素在同一行 */
      flex-shrink: 1 !important;
      font-size: 1em;
      margin: 0 10px;
      height: 40px; cursor: pointer;
    }
    .meetingtab> .tab ul li> span:hover {
      padding: 10px 0;
      border-bottom: 2px solid #215489;
    }
    .meetingtab> .tab ul li> .active {
      padding: 10px 0;
      border-bottom: 2px solid #215489;
    }

    #section1 {
      /* display: flex; */
      justify-content: space-between;
      align-items: center;
      background: #f0f5fb; padding: 20px 0px; border-radius: 7px;
    }
    
    #section1> .left{
      /* width: 400px;
      height: 240px; */
      position: relative;
    }
    #section1> .left img {
      border-radius: 4px;
      width: 100%;
    }
    #section1> .left:hover {
      cursor: pointer;
    }
    #section1> .left:hover> .mark {
      display: block;
    }
    #section1> .left> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section1> .left> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section1> .left> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section1> .left> .mark> .con> .desc {
      font-size: 15px;
      margin: 10px 0;
    }
    #section1> .left> .mark> .con> .btn {
      font-size: 14px;
    }

    #section1> .right> .title {
      font-size: 1.5em;
      margin-top: 1em;;
    }
    #section1> .right> .desc {
      font-size: 1em;
      margin: 25px 0;
    }
    #section1> .right> .btn {
      font-size: 14px;
    }

    #section2 {
      margin: 30px 0; background: #fbf0fa; padding: 20px 0px;border-radius: 7px;
      display: flex; flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }
    #section2> .left{
      order: 2;
    }
    #section2> .left> .title {
      font-size: 1.5em;
      margin-top: 1.2em;
    }
    #section2> .left> .desc {
      font-size: 1em;
      margin: 25px 0;
    }
    #section2> .left> .btn {
      font-size: 0.75em;
    }
    #section2> .right {
      /* width: 400px;
      height: 240px; */
      /* background: #ff4103; */
      position: relative;
    }
    #section2> .right:hover {
      cursor: pointer;
    }
    #section2> .right:hover> .mark {
      display: block;
    }
    #section2> .right img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
    }
    #section2> .right> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section2> .right> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section2> .right> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section2> .right> .mark> .con> .desc {
      font-size: 1em;
      margin: 10px 0;
    }
    #section2> .right> .mark> .con> .btn {
      font-size: 0.75em;
    }

    /*sec3*/
    #section3 {
      margin: 20px 0;
      /* display: flex; */
      justify-content: space-between; background: #ecf6fb; padding: 20px 0px;border-radius: 7px;
      align-items: center;
    }
    
    #section3> .left{
      /* width: 400px;
      height: 240px; */
      /* background: #ff4103; */
      position: relative;
    }
    #section3> .left img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
    }
    #section3> .left:hover {
      cursor: pointer;
    }
    #section3> .left:hover> .mark {
      display: block;
    }
    #section3> .left> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section3> .left> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section3> .left> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section3> .left> .mark> .con> .desc {
      font-size: 1em;
      margin: 10px 0;
    }
    #section3> .left> .mark> .con> .btn {
      font-size: 0.75em;
    }

    #section3> .right> .title {
      font-size: 1.5em;
      margin-top: 1em;
    }
    #section3> .right> .desc {
      font-size: 1em;
      margin: 25px 0;
    }
    #section3> .right> .btn {
      font-size: 0.75em;
    }

    /*sec4*/
    #section4 {
      width: 90%;
      margin: 0 auto;
    }
    #section4> .title {
      font-size: 1.5em;font-weight: 600;
    }
    #section4> .desc {
      font-size: 1em;
      margin: 20px 0;
    }
    /*sec5*/
    #section5 {
      width: 90%;
      margin: 0 auto;
    }
    #section5> .title {
      font-size: 1.5em;font-weight: 600;
    }
    #section5> .desc {
      font-size: 1em;
      margin: 20px 0;
    }
    /*end*/
}
@media screen and (min-width: 768px) and (max-width:922px) {
  .mtheader{
    width: 100%;min-height: 250px; background:url(../images/zhbg.jpg) no-repeat center center #a7bbd6;
  }
  .mtcontain{position: relative;width: 100%;min-height: 300px;}
    .mtheader_title{color: #ffffff;font-size: 2.5em;position: absolute;left: 10%;top:25%;}
    .mtheader_subtitle{color: #ffffff;font-size: 1.5em;position: absolute;left: 15%;top: 45%;}
    .mtheader_subtitle span{font-size: 20px;}
    .mt_topdes{font-size: 1em; line-height: 1.5;padding: 3em 0px 0px 0px;}

    .meetingtab{padding-bottom: 100px;}
    .meetingtab> .tab{      width: 100%;
      margin: 80px 0;}
    .meetingtab> .tab ul{
      padding: 0;
      overflow-x: auto; /* 启用水平滚动 */
      white-space: nowrap; /* 禁止换行 */
    }
    .meetingtab> .tab ul li{
      display: inline-block; /* 强制 li 元素在同一行 */
      flex-shrink: 1 !important;
      font-size: 1em;
      margin: 0 10px;
      height: 40px; cursor: pointer;
    }
    .meetingtab> .tab ul li> span:hover {
      padding: 10px 0;
      border-bottom: 2px solid #215489;
    }
    .meetingtab> .tab ul li> .active {
      padding: 10px 0;
      border-bottom: 2px solid #215489;
    }

    #section1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    #section1> .left{
      width: 400px;
      height: 240px;
      position: relative;
    }
    #section1> .left img {
      border-radius: 4px;
      width: 100%;
    }
    #section1> .left:hover {
      cursor: pointer;
    }
    #section1> .left:hover> .mark {
      display: block;
    }
    #section1> .left> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section1> .left> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section1> .left> .mark> .con> .title {
      font-size: 28px;
    }
    #section1> .left> .mark> .con> .desc {
      font-size: 15px;
      margin: 10px 0;
    }
    #section1> .left> .mark> .con> .btn {
      font-size: 14px;
    }

    #section1> .right {
    }
    #section1> .right> .title {
      font-size: 1.5em;
    }
    #section1> .right> .desc {
      font-size: 1em;
      margin: 45px 0;
    }
    #section1> .right> .btn {
      font-size: 0.75em;
    }

    #section2 {
      margin: 120px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #section2> .left> .title {
      font-size: 2em;
    }
    #section2> .left> .desc {
      font-size: 1em;
      margin: 45px 0;
    }
    #section2> .left> .btn {
      font-size: 0.75em;
    }
    #section2> .right {
      width: 400px;
      height: 240px;
      /* background: #ff4103; */
      position: relative;
    }
    #section2> .right:hover {
      cursor: pointer;
    }
    #section2> .right:hover> .mark {
      display: block;
    }
    #section2> .right img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
    }
    #section2> .right> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section2> .right> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section2> .right> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section2> .right> .mark> .con> .desc {
      font-size: 1em;
      margin: 10px 0;
    }
    #section2> .right> .mark> .con> .btn {
      font-size: 0.75em;
    }

    /*sec3*/
    #section3 {
      margin: 80px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    #section3> .left{
      width: 400px;
      height: 240px;
      /* background: #ff4103; */
      position: relative;
    }
    #section3> .left img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
    }
    #section3> .left:hover {
      cursor: pointer;
    }
    #section3> .left:hover> .mark {
      display: block;
    }
    #section3> .left> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section3> .left> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section3> .left> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section3> .left> .mark> .con> .desc {
      font-size: 1em;
      margin: 10px 0;
    }
    #section3> .left> .mark> .con> .btn {
      font-size: 0.75em;
    }

    #section3> .right> .title {
      font-size: 1.5em;
    }
    #section3> .right> .desc {
      font-size: 1em;
      margin: 45px 0;
    }
    #section3> .right> .btn {
      font-size: 0.75em;
    }

    /*sec4*/
    #section4 {
      width: 50%;
      margin: 0 auto;
    }
    #section4> .title {
      font-size: 2em;
    }
    #section4> .desc {
      font-size: 1em;
      margin: 20px 0;
    }
    /*sec5*/
    #section5 {
      width: 50%;
      margin: 0 auto;
    }
    #section5> .title {
      font-size: 2em;
    }
    #section5> .desc {
      font-size: 1em;
      margin: 20px 0;
    }
    /*end*/
}
@media screen and (min-width: 922px) {
    .mtheader{
      width: 100%;min-height: 350px; background:url(../images/zhbg.jpg) no-repeat right center #a7bbd6;
    }
    .mtcontain{position: relative;width: 100%;min-height: 350px;}
    .mtheader_title{color: #ffffff;font-size: 2.5em;position: absolute;left: 10%;top:30%;}
    .mtheader_subtitle{color: #ffffff;font-size: 1.5em;position: absolute;left: 15%;top: 45%;}
    .mtheader_subtitle span{font-size: 20px;}
    .mt_topdes{font-size: 1em; line-height: 1.5;padding: 3em 0px 0px 0px;}

    .meetingtab{padding-bottom: 100px;}
    .meetingtab> .tab{      width: 100%;
      margin: 80px 0;}
    .meetingtab> .tab ul{
      padding: 0;
      overflow-x: auto; /* 启用水平滚动 */
      white-space: nowrap; /* 禁止换行 */
    }
    .meetingtab> .tab ul li{
      display: inline-block; /* 强制 li 元素在同一行 */
      flex-shrink: 1 !important;
      font-size: 1em;
      margin: 0 10px;
      height: 40px; cursor: pointer;
    }
    .meetingtab> .tab ul li> span:hover {
      padding: 10px 0;
      border-bottom: 2px solid #215489;
    }
    .meetingtab> .tab ul li> .active {
      padding: 10px 0;
      border-bottom: 2px solid #215489;
    }

    #section1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    #section1> .left{
      width: 400px;
      height: 240px;
      position: relative;
    }
    #section1> .left img {
      border-radius: 4px;
      width: 100%;
    }
    #section1> .left:hover {
      cursor: pointer;
    }
    #section1> .left:hover> .mark {
      display: block;
    }
    #section1> .left> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section1> .left> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section1> .left> .mark> .con> .title {
      font-size: 28px;
    }
    #section1> .left> .mark> .con> .desc {
      font-size: 15px;
      margin: 10px 0;
    }
    #section1> .left> .mark> .con> .btn {
      font-size: 14px;
    }

    #section1> .right {
    }
    #section1> .right> .title {
      font-size: 2em;
    }
    #section1> .right> .desc {
      font-size: 1em;
      margin: 45px 0;
    }
    #section1> .right> .btn {
      font-size: 14px;
    }

    #section2 {
      margin: 120px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #section2> .left> .title {
      font-size: 2em;
    }
    #section2> .left> .desc {
      font-size: 1em;
      margin: 45px 0;
    }
    #section2> .left> .btn {
      font-size: 0.75em;
    }
    #section2> .right {
      width: 400px;
      height: 240px;
      /* background: #ff4103; */
      position: relative;
    }
    #section2> .right:hover {
      cursor: pointer;
    }
    #section2> .right:hover> .mark {
      display: block;
    }
    #section2> .right img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
    }
    #section2> .right> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section2> .right> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section2> .right> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section2> .right> .mark> .con> .desc {
      font-size: 1em;
      margin: 10px 0;
    }
    #section2> .right> .mark> .con> .btn {
      font-size: 0.75em;
    }

    /*sec3*/
    #section3 {
      margin: 120px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    #section3> .left{
      width: 400px;
      height: 240px;
      /* background: #ff4103; */
      position: relative;
    }
    #section3> .left img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
    }
    #section3> .left:hover {
      cursor: pointer;
    }
    #section3> .left:hover> .mark {
      display: block;
    }
    #section3> .left> .mark {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      color: #fff;
    }
    #section3> .left> .mark> .con {
      margin: 50px 0 0 70px;
    }
    #section3> .left> .mark> .con> .title {
      font-size: 1.5em;
    }
    #section3> .left> .mark> .con> .desc {
      font-size: 1em;
      margin: 10px 0;
    }
    #section3> .left> .mark> .con> .btn {
      font-size: 0.75em;
    }

    #section3> .right> .title {
      font-size: 2em;
    }
    #section3> .right> .desc {
      font-size: 1em;
      margin: 45px 0;
    }
    #section3> .right> .btn {
      font-size: 0.75em;
    }

    /*sec4*/
    #section4 {
      width: 50%;
      margin: 0 auto;
    }
    #section4> .title {
      font-size: 2em;
    }
    #section4> .desc {
      font-size: 1em;
      margin: 20px 0;
    }
    /*sec5*/
    #section5 {
      width: 50%;
      margin: 0 auto;
    }
    #section5> .title {
      font-size: 2em;
    }
    #section5> .desc {
      font-size: 1em;
      margin: 20px 0;
    }
    /*end*/

}