/*世界会议页面样式
xs	<768px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
sm	≥768px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
md	≥992px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
lg	≥1200px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
xl	≥1920px 响应式栅格数或者栅格属性对象
*/
body{font-family: "plus-jakarta-sans-Light",Helvetica,sans-serif;}
@media screen and (max-width: 768px) {
    .meet_banner{background:url(../images/mtbg.jpg) no-repeat 70% center #0a4354;min-height: 220px;}
    .meetcontent{position: relative;}
    .meet_title {position: absolute; top: 50px; color: #ffffff;font-size: 18px; font-weight: 600;}
    .meet_search{position: absolute; top: 120px;width: 90%; left: 5%;}
    .el-select .el-input {
        min-width: 130px;
      }
          /*sec*/
    .meetsec3{margin-bottom: 30px;}
    .toptext{font-size: 18px; padding: 30px;}
    .meettop_item{background: #dfe7ec; padding: 15px; line-height: 30px; font-size:18px; border-radius: 10px; min-height: 230px; cursor: pointer; transition: all .3s ease-out;}
    .meettop_item img{float: right;padding-top: 10px;}
    .hovermeets{background: #1296db; color: #ffffff; transition: all .3s ease-out;}
    /*sec4*/
    .meet_sec4{margin: 20px 0px 30px 0px;}
    .sectitle{height: 60px; font-size: 22px; line-height: 60px; text-align: center;}
    .meetingitem{border:1px solid #e2e2e2;border-radius: 6px;padding: 0px;background: #f7fafd; cursor: pointer;margin-top: 10px;}
    .meetingitem h3{font-size: 18px; color: #105b71; font-weight: 600;background: #edf1f5;padding: 15px; margin: 0;}
    .meetingitem .meetingitem_title{background: #edf1f5;padding: 0px 15px 15px 15px;font-size: 22px;min-height: 120px;max-height: 120px;overflow: hidden;}
    .meetingitem_bot{padding: 10px 0px 10px 0px;}
    .bot_item{padding: 10px 15px;font-size: 18px;}
    .bot_item img{}
    .bot_item div{width: 100%;}
    .botbase{color: #999;}
    .meetbutton{padding: 15px; color: #1296db;}
    .meetbutton a{color: #1296db;}
    .hovers{border:1px solid #19a1dc}
    .hovers h3,.hovers .meetingitem_title{background: #19a1dc; color: #ffffff;}

    /*sec5*/
    .meet_sec5{background: #dfe7ec;margin: 20px 0px 30px 0px; padding: 10px 0px 50px 0px;}
    .el-carousel__item h3 {
      color: #475669;
      font-size: 14px;
      opacity: 0.75;
      line-height: 200px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n+1) {
      background-color: #d3dce6;
    }

    /*sec6*/
    .meet_sec6{margin: 20px 0px 30px 0px;}
    .mt_title{font-size: 18px;}
    .mt_newsitem{margin-top: 20px;}
    .mt_des{font-size: 16px; color: #999;}
    .readmore{font-size: 18px; font-weight: 600; color: #105b71; padding: 5px 0px 5px 0px;}
    /*sec7*/
    .meet_sec7{background:url(../hy/hybg.jpg) no-repeat center center  #97d9ef;margin: 20px 0px 30px 0px; padding: 50px 20px 50px 20px;}
    .sec6content{text-align: center; font-size: 22px; height: 120px; color: #333;}
    .sec6button{text-align: center;font-size: 20px; color: #105b71;}

    /*sec8*/
    .meet_sec5{background: #dfe7ec;margin: 20px 0px 30px 0px;}
    .meedindexslide {position: relative; margin-top: 10px;}
    .meedindexslide img{border-radius: 10px;}
    .spantitle{width: 100%; position: absolute; bottom: 0px; height: 120px;color: #ffffff; background: rgba(0, 0, 0, 0.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px ; padding: 10px 15px;}
    .spantitle a{color: #ffffff;}
    .titletop{line-height: 30px; font-size: 18px; height: 60px; overflow: hidden;}
    .titleadd{border-left: 2px solid #ffffff; padding-left: 20px; margin-top: 5px; color: #e2e2e2;}

    .indexcharts{min-height: 300px;}

    .moreconference{width: 100%; text-align: center;padding: 30px 0px 30px 0px;}
    .moreconference span{font-size: 18px;}
.topmed{ margin-top:10px}

.el-message-box{width: 70%;}
   /*add0702*/
   .newtitle{color: #ffffff;}
    .newbutton{background: #ffde17;border: none; color: #474747;}

}
@media screen and (min-width: 768px) and (max-width:922px) {
    .meet_banner{background:url(../images/mtbg.jpg) no-repeat right center #0a4354;min-height: 300px;}
    .meetcontent{position: relative;}
    .meet_title {position: absolute; top: 80px; color: #ffffff;font-size: 26px; font-weight: 600;}
    .meet_search{position: absolute; top: 150px;width: 90%;left: 5%;}
    .el-select .el-input {
        min-width: 160px;
      }
        /*sec*/
        .meetsec3{margin-bottom: 30px;}
        .toptext{font-size: 18px; padding: 30px;}
        .meettop_item{background: #dfe7ec; padding: 15px; line-height: 60px; font-size: 30px; border-radius: 6px; min-height: 230px; cursor: pointer; transition: all .3s ease-out;margin-top: 15px;}
        .meettop_item img{float: right;padding-top: 10px;}
        .hovermeets{background: #1296db; color: #ffffff; transition: all .3s ease-out;}
    /*sec4*/
    .meet_sec4{margin: 20px 0px 30px 0px;}
    .sectitle{height: 80px; font-size: 30px; line-height: 60px; text-align: center;}
    .meetingitem{border:1px solid #e2e2e2;border-radius: 6px;padding: 0px;background: #f7fafd; cursor: pointer;margin-top: 10px;}
    .meetingitem h3{font-size: 22px; color: #105b71; font-weight: 600;background: #edf1f5;padding: 15px; margin: 0;}
    .meetingitem .meetingitem_title{background: #edf1f5;padding: 0px 15px 15px 15px;font-size: 22px;min-height: 120px;max-height: 120px;overflow: hidden;}
    .meetingitem_bot{padding: 10px 0px 10px 0px;}
    .bot_item{padding: 10px 15px;font-size: 18px;}
    .bot_item img{}
    .bot_item div{width: 100%;}
    .botbase{color: #999;}
    .meetbutton{padding: 15px; color: #1296db;}
    .meetbutton a{color: #1296db;}
    .hovers{border:1px solid #19a1dc}
    .hovers h3,.hovers .meetingitem_title{background: #19a1dc; color: #ffffff;}

    /*sec5*/
    .meet_sec5{background: #dfe7ec;margin: 20px 0px 30px 0px; padding: 50px 0px 50px 0px;}
    .el-carousel__item h3 {
      color: #475669;
      font-size: 14px;
      opacity: 0.75;
      line-height: 200px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n+1) {
      background-color: #d3dce6;
    }

    /*sec6*/
    .meet_sec6{margin: 20px 0px 30px 0px;}
    .mt_title{font-size: 18px;}
    .mt_newsitem{margin-top: 20px;}
    .mt_des{font-size: 16px; color: #999;}
    .readmore{font-size: 18px; font-weight: 600; color: #105b71; padding: 5px 0px 5px 0px;}
    /*sec7*/
    .meet_sec7{background:url(../hy/hybg.jpg) no-repeat center center  #97d9ef;margin: 20px 0px 30px 0px; padding: 50px 20px 50px 20px;}
    .sec6content{text-align: center; font-size: 22px; height: 120px; line-height: 120px; color: #333;}
    .sec6button{text-align: center;font-size: 20px; color: #105b71;}

    /*sec8*/
    .meet_sec5{background: #dfe7ec;margin: 20px 0px 30px 0px;}
    .meedindexslide {position: relative;}
    .meedindexslide img{border-radius: 10px;}
    .spantitle{width: 100%; position: absolute; bottom: 0px; height: 120px;color: #ffffff; background: rgba(0, 0, 0, 0.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px ; padding: 10px 15px;}
    .spantitle a{color: #ffffff;}
    .titletop{line-height: 30px; font-size: 18px; height: 60px; overflow: hidden;}
    .titleadd{border-left: 2px solid #ffffff; padding-left: 20px; margin-top: 5px; color: #e2e2e2;}

    .indexcharts{min-height: 300px;}

    .moreconference{width: 100%; text-align: center;padding: 30px 0px 30px 0px;}
    .moreconference span{font-size: 18px;}
	   .topmed{height:320px; margin-top:15px}

	      .el-message-box{width: 420px;}
   /*add0702*/
   .newtitle{color: #ffffff;}
    .newbutton{background: #ffde17;border: none; color: #474747;}
}

@media screen and (min-width: 922px) {
    .meet_banner{background:url(../images/mtbg.jpg) no-repeat right center #0a4354;min-height: 350px;}
    .meetcontent{position: relative;}
    .meet_title {position: absolute; top: 80px; color: #ffffff;font-size: 26px; font-weight: 600;}
    .meet_search{position: absolute; top: 150px;width: 60%;margin-left: 15%;}
    .el-select .el-input {
        min-width: 160px;
      }
    /*sec*/
    .meetsec3{margin-bottom: 30px;}
    .toptext{font-size: 18px; padding: 30px;}
    .meettop_item{background: #dfe7ec; padding: 20px; line-height: 60px; font-size: 30px; border-radius: 6px; min-height: 230px; cursor: pointer; transition: all .3s ease-out;}
    .meettop_item img{float: right;padding-top: 10px;}
    .hovermeets{background: #19a1dc; color: #ffffff; transition: all .3s ease-out;}

    /*sec4*/
    .meet_sec4{margin: 20px 0px 30px 0px;}
    .sectitle{height: 80px; font-size: 40px; line-height: 60px; text-align: center;}
    .meetingitem{border:1px solid #e2e2e2;border-radius: 6px;padding: 0px;background: #f7fafd; cursor: pointer;}
    .meetingitem h3{font-size: 22px; color: #105b71; font-weight: 600;background: #edf1f5;padding: 15px; margin: 0;}
    .meetingitem .meetingitem_title{background: #edf1f5;padding: 0px 15px 15px 15px;font-size: 22px;min-height: 120px;max-height: 120px;overflow: hidden;}
    .meetingitem_bot{padding: 10px 0px 10px 0px;}
    .bot_item{padding: 10px 15px;font-size: 14px;}
    .bot_item img{}
    .bot_item div{width: 100%;}
    .botbase{color: #999;}
    .meetbutton{padding: 15px; color: #1296db;}
    .meetbutton a{color: #1296db; padding-left: 5px;}
    .hovers{border:1px solid #19a1dc}
    .hovers h3,.hovers .meetingitem_title{background: #19a1dc; color: #ffffff;}

    /*sec5*/
    .meet_sec5{background: #dfe7ec;margin: 20px 0px 30px 0px; padding: 50px 0px 50px 0px;}
    .el-carousel__item h3 {
      color: #475669;
      font-size: 14px;
      opacity: 0.75;
      line-height: 200px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n+1) {
      background-color: #d3dce6;
    }

    /*sec6*/
    .meet_sec6{margin: 20px 0px 30px 0px;}
    .mt_title{font-size: 18px;}
    .mt_newsitem{margin-top: 20px;}
    .mt_des{font-size: 16px; color: #999;}
    .readmore{font-size: 18px; font-weight: 600; color: #105b71; padding: 5px 0px 5px 0px;}
    /*sec7*/
    .meet_sec7{background:url(../hy/hybg.jpg) no-repeat center center #97d9ef;
      margin: 20px 0px 30px 0px; padding: 50px 20px 50px 20px;}

    .sec6content{text-align: center; font-size: 22px; height: 120px; color: #333;}
    .sec6button{text-align: center;font-size: 20px; color: #105b71;}

    /*sec8*/
    .meet_sec5{background: #dfe7ec;margin: 20px 0px 30px 0px;}
    .meedindexslide {position: relative;}
    .meedindexslide img{border-radius: 10px;}
    .spantitle{width: 100%; position: absolute; bottom: 0px; height: 120px;color: #ffffff; background: rgba(0, 0, 0, 0.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px ; padding: 10px 15px;}
    .spantitle a{color: #ffffff;}
    .titletop{line-height: 30px; font-size: 18px; height: 60px;}
    .titleadd{border-left: 2px solid #ffffff; padding-left: 20px; margin-top: 5px; color: #e2e2e2;}

   /**/
   .moreconference{width: 100%; text-align: center;padding: 30px 0px 30px 0px;}
   .moreconference span{font-size: 18px;}

   .topmed{height:350px; margin-top:15px}

   .el-message-box{width: 420px;}
   
   /*add0702*/
   .newtitle{color: #ffffff;}
    .newbutton{background: #ffde17;border: none; color: #474747;}
    .indexcharts{min-height: 550px;}


}