body{
    font-family: "Microsoft YaHei",SimHei,arial;
}
.wrapper{
    width: 1280px;
    margin: 0 auto;
    padding-top:20px;
    display: flex;
    justify-content: space-between;
}
.radius{
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}
.radius:hover {
    box-shadow: 0px 0px 17px rgb(0 0 0 / 27%);
    cursor: pointer;
    opacity: 0.8;
}

.box-top{
    width:90%;
    margin:10px auto;
    height: 60px;
    border-bottom: 1px solid #0000001a;
    font-weight: 400;
    line-height: 0px;
    display: flex;
    justify-content: space-between;
}
.l-contain-bot-bot .box-top{
    width:95%;
}
.l-contain-bot-bot .box-bot{
    width:95%;
}
.box-top-left{
}
.box-top-right{
    margin-top: 15px;
    background-image:url("../img/morecon.png");
    height: 38px;
    width: 118px;
    text-align: center;
}
.box-top-right a{
   width: 36px;
    height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    letter-spacing:2px;

}
.box-top-right a:visited {
    text-decoration: none;
      color: #FFFFFF;
}

.box-top-left{
    width:90px;
  
    border-bottom: 4px solid #8C0000;
}
.box-top-left p{
    width: 140px;
    height: 32px;
    font-size: 16pt;
    font-weight: bold;
    color: #8C0000;
    line-height: 0px;
}
.box-bot{
    font-size: 14px;
    line-height: 0px;
    width:90%;
    margin:10px auto;
}
.box-bot-top{
    display: flex;
    width: 100%;
}
.box-bot-bot{
  
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    gap: 25px;
    width: 100%;
}
.box-bot ul li{
    position:relative;
    MARGIN-LEFT: 17PX;
}
.box-bot ul li::before{
    display:none;
}
.box-bot ul li span.date{
     position:absolute;
     right:0;
     top:0;
}
.box-bot-top{
    height: 220px;
}
/*椤堕儴鐨勫竷灞€l-top鍦ㄦ渶澶栧眰锛�3涓猟iv(涓婁腑涓�)l-top-top,l-top-mid,l-top-bot锛�*/
/*l-top-top(瀹藉害涓�1280px)涓湁2涓乏鍙冲竷灞€div,涓€涓槸logo,涓€涓槸鍙宠竟鐨刣iv(闄㈤暱淇＄鍜屼功璁颁俊绠�)*/
/*l-top-mid涓湁涓€涓猟iv鏄鑸爮(瀹藉害涓�1280px)锛�*/
/*l-top-bot涓湁涓€涓猟iv闈欐€佸浘(瀹藉害閾烘弧锛岄珮搴︿负670px)*/

a{
    text-decoration: none;
}
#l-top{
}
#l-top-top{
    background-image: url("../img/topbgcon.png");
    width: 100%;
    background-size: cover;
    height: 170px;
}
#top-logo{
    float: left;
    margin-left: 0px;
    margin-top: 25px;
    width: 710px;
    height: 100px;
    background: url("../img/newtoplogo.png")no-repeat ;
    background-size: cover;
}

#l-top-search{
    display: flex;
    float: right;
    margin-top: 49px;
    margin-right: 39px;
    /*width: 566px;*/
    height: 69px;

}

#l-top-top-content-right{
    display: flex;
    float: right;
    margin-top: 49px;
    /*width: 566px;*/
    height: 69px;
    display: none;

}
#l-top-top-content-right img{
    height: 18px;
    width: 28px;
    margin-top: 18px;
    padding-left:50px ;
}
#l-top-top-content-right a{
    margin: 26px 6px;
    width: 104px;
    height: 26px;
    font-size: 26px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #700005;
    line-height: 0;
}

#l-top-mid
{
    height: 61px;
    background: #8C0000;
    opacity: 1;
}
#l-top-mid-nav{
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
#l-top-mid-nav ul li::before{
   background: none;
}
#l-top-bot{
    height: 573px;
    width: 100%;
    background: url("../img/topimage.png") no-repeat;
    background-size: cover;
    opacity: 1;
}

/*一个l-contain的div包含上中下三个div*/
/*l-contain-top(背景图是img文件夹里的middlebgcon1.png) 有2个div，左边是l-contain-top-left是新闻动态div宽度是840px，高度574px。右边是l-contain-top-right是讲座预告div宽度是420px，高度是574px。-*/
/*l-contain-mid(背景图是img文件夹里的middlebgcon2.png) 有2个div，左边是l-contain-mid-left是教学信息div宽度是600px，高度300px。右边是l-contain-mid-right是讲座预告div宽度是420px，高度是300px。*/
/*l-contain-bot(背景图是img文件夹里的middlebgcon3.png) 有2个div，上面是l-contain-bot-top，下面是l-contain-bot-bot右边是l-contain-bot-right是讲座预告div宽度是420px，高度是300px。*/
/*l-contain-bot-top有3个div，左边是l-contain-bot-left是资源下载div宽度是600px，高度300px。中间是l-contain-bot-middle是质量工程div宽度是420px，高度是300px。右边是l-contain-bot-right是友情链接div宽度是420px，高度是300px。*/
/*l-contain-bot-bot宽度是1280px，高度是288px*/

#l-contain-top{
    height: 440px;
    width: 100%;
    background: url("../img/middlebgcon1.png") no-repeat;
    background-size: cover;
    display: flex;
}
#l-contain-top-left{
     height: 574px;
     width: 630px;
     background: #FFFFFF;
 }


#l-contain-top-left2{
     height: 400px;
     width: 860px;
     background: #FFFFFF;
 }

#l-contain-top-right{
    margin-left: 10px;
      height: 574px;
      width: 630px;
      background: #FFFFFF;
  }

#l-contain-top-right2{
     height: 400px;
    margin-left: 10px;
      width: 460px;
      background: #FFFFFF;
  }

#l-contain-mid{
    height: 500px;
    width: 100%;
    background: url("../img/middlebgcon2.png") no-repeat;
    background-size: cover;
}
#l-contain-mid .wrapper{

}

#l-contain-mid-left{
    height: 455px;
    width: 630px;
}
#l-contain-mid-right{
    margin-left: 10px;
    height: 455px;
    width: 630px;
}

#l-contain-bot{
    /* height: 1134px; */
    height: 620px;
    width: 100%;
    background: url("../img/middlebgcon3.png") no-repeat;
    background-size: cover;
}

#l-contain-bot-left{
    height: 574px;
    width: 460px;
    background: #FFFFFF;
}
#l-contain-bot-mid{
    margin-left: 10px;
    height: 574px;
    width: 460px;
    background: #FFFFFF;
}
#l-contain-bot-right{
    margin-left: 10px;
    height: 574px;
    width: 460px;
    background: #FFFFFF;
  
}

#l-contain-bot-right .box-bot{
      display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 16px;
  
}

#l-contain-bot-right1{
    margin-left: 10px;
    height: 290px;
    width: 460px;
    background: #FFFFFF;
}

#l-contain-bot-right1 .box-bot{
    display:inline-grid;　
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 16px;
  ;
}

#l-contain-bot-right2{
    margin-left: 10px;
    height: 270px;
    width: 460px;
    background: #FFFFFF;
}

#l-contain-bot-right2 .box-bot{
    display:inline-grid;　
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 16px;
    margin-top: 22px;
}

/*1-新闻动态*/
#l-contain-top-left .box-bot{
   /* display: grid;*/
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 25px;
    margin-top: 0px;
}

#l-contain-top-left2 .box-bot{
   /* display: grid;*/
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 25px;
    margin-top: 0px;
}
/*2-讲座预告*/
#l-contain-top-right .box-bot ul{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    gap: 18px;
    margin-top: 0px;
}

#l-contain-top-right2 .box-bot ul{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    gap: 18px;
    margin-top: 0px;
}


/*3-教学信息*/
#l-contain-mid-left .box-bot ul{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    gap: 18px;
    margin-top: 0px;
}
/*4-通知公告*/
#l-contain-mid-right .box-bot ul{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    gap: 18px;
    margin-top: 0px;
}
/*5-资源下载*/
#l-contain-bot-left .box-bot ul{
   display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 18px;
    margin-top: 0px;
	white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 使用省略号代替超出部分 */
}
/*6-质量工程*/
#l-contain-bot-mid .box-bot ul{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 18px;
    margin-top: 0px;
	 white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 使用省略号代替超出部分 */
}

/*7-友情链接*/
#l-contain-bot-right .box-bot{
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 18px;
    margin-top: 0px;
	 white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 使用省略号代替超出部分 */
}

#l-contain-bot-right1 .box-bot{
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 18px;
    margin-top: 0px;
	 white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 使用省略号代替超出部分 */
}

#l-contain-bot-right2 .box-bot{
     display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 1fr);
    gap: 18px;
    margin-top: 0px;
	/* 防止换行  white-space: nowrap;  */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 使用省略号代替超出部分 */
}
.box-bot a{
    /*margin: -2px 0 0 -15px;*/
    font-size: 16px;
    color: #333333;
    line-height: 36px;
}
ul li::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    margin-top: 15px !important;
    margin-left: -15px;
    width: 0.4rem;
    height: 0.4rem;
    background: #8C0000;
}

li::marker{
    display:none;
    color: #8C0000;
    font-size: 22px;
    height: 30px;
    font-weight: 400;
    line-height: 0px;
    letter-spacing: 1px;
}
#l-contain-bot-bot{
    margin-top: 20px;
    height: 288px;
    background: #FFFFFF;
    display: none;
}


/*l-foot(背景颜色是#8C0000)有三个div，l-foot-left、l-foot-mid、l-foot-right*/
/*l-foot-mid、l-foot-right里都有4个垂直分布的句子(第一句话的font size是20px，,第二三四句话的font size是14px)*/
#l-foot{
    width: 100%;
    height: 232px;
    background: #8C0000;
    opacity: 1;
    display: flex;
}
#l-foot .wrapper{
    display: flex;
    justify-content: center;
    padding-top: 0px;
}
.foot-width{
    width: 330px;
    height: 110px;
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2fr repeat(3, 1fr);
    gap: 8px;
}
#l-foot p {
    height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0px;

}
#l-foot p+p{
    margin: 0;
}
#l-foot a{
    display:block;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    opacity: 0.6;
}
#l-foot-left{
    margin-top: 60px;
}
#l-foot-mid{
  /*  border-left: 1px solid #ffffff99;*/
    opacity: 0.8;
    height: 130px;
    padding-left: 30px;
    margin: 50px 0 0 50px;
}

#l-foot-mid0{

    opacity: 0.8;
    height: 130px;
    padding-left: 30px;
    margin: 50px 0 0 50px;
}
#l-foot-right{
    border-left: 1px solid #ffffff99;
    opacity: 0.8;
    height: 130px;
    padding-left: 30px;
    display: none;
}
#content a{
    font-size:12pt
}

/* 滚动图宽度*/

td > div[style*="OVERFLOW: hidden; WIDTH: 600px;"] {
  width: 1215px !important;
}


/* 二级页面*/
#l2-contain-top-left{
    align-self: flex-start;
    width: 360px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}
#l2-contain-top-right{
     margin-left: 10px;
     align-self: flex-start;
     width: 910px;
     background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
 }
.l2-box-top-right{
    margin-top: 40px;
    height: 38px;
    text-align: center;

}


.pb_sys_style1 .p_no_d{
   border: 1px solid #8C0000 !important;
   background-color: #8C0000 !important;
}