@charset "utf-8";
/* CSS Document */
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,td,textarea,th,ul {margin:0;padding:0}
body {font-size:14px;font-family:"微软雅黑";background:#fbfbfb;}
fieldset,img {border:0}
ol,ul {list-style:none}
address,em {font-style:normal}
a{text-decoration:none;}

.cf:after {
    content: "";
    display: block;
    clear: both;
}

.cf {
    display: inline-table;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

/***********首页***********/
.main_w{width:100%; background:url("https://www.larena53.com/images/b_g.jpg") center bottom no-repeat;}
.war1200{width:1400px;margin:0 auto;}
/* 公告 */
.headlines_war{width:100%;float:left;height:55px;margin:10px 0;}
.headlines{width:1200px;margin:0 auto;}
.headlines_fl{float:left;width:88px;}
.line_h{float:left;width:8px;height:55px;background:#85060d;}
.wz_h{float:left;width:80px;line-height:55px;text-align:center;color:#fff;background:#9d020a;}
.headlines_cen{float:left;width:62px;height:55px;background:#cacaca;text-align:center;color:#fafafa;}
.c_h01{float:left;width:100%;font-size:24px;margin-top:4px;font-weight:bold;}
.c_h02{font-size:12px;}
.headlines_fr{float:left;width:1111px;height:53px;line-height:55px;text-align:center;background:#f8f8f8;border:1px solid #eaeaea;border-left:0;color:#de1919;font-size:18px;}
.t_news{height:19px;color:#fff;margin:18px 0;overflow:hidden;position:relative;}
.t_news b{line-height:19px;display:inline-block;}
.news_li,.swap{line-height:19px;display:inline-block;position:absolute;top:0;left: 0;width: 100%;text-align: center;}
.news_li a,.swap a{color:#de1919;font-family:"微软雅黑";}
.swap{top:19px;}

/* 学院新闻 */
.new{float:left;width:100%;margin: 10px 0 0 0;}
.new_war{width:1400px;margin:0 auto;}
.new01{float:left;width: 931px;}
.new_top{float:left;width: 100%;height: 28px;line-height: 28px;}
.new_w01{float:left;}
.new_w01 img{float:left;width:112px;height:28px;}
.new_w01 span{font-size:16px;float:left;line-height:28px;margin:0 10px;color:#666;font-weight:bold;}
.new_line{float:left;width:750px;margin:26px 0 0 0;height:2px;background:#dddddd;}
.more{float:right;}
.more a{display:block;font-size:12px;color:#666;}
.more a:hover{color:#de1919;}
.new_main{float:left;width:911px;padding: 10px;border: 1px solid #dadada;height: 254px;background-color: #fff;}
.new_cfl{float:left;width:435px;}
.new_w02{float:left;}
.new_w02 img{float:left;width:190px;height:28px;}
.new_w02 span{font-size:16px;float:left;line-height:28px;margin:0 10px;color:#666;font-weight:bold;}


#hotpic{width: 435px;height: 252px;overflow: hidden;float: left;}
#NewsPic{position: relative;width: 435px;height: 252px;overflow: hidden;}
#NewsPic a{overflow: visible;border: 0;text-decoration: none;width: 395px;height: 252px;}
#NewsPic .Picture{position: absolute;left: 0;top: 0;width: 435px;height: 252px;}
#NewsPic .Nav{position: absolute;height: 16px;line-height: 16px;bottom: 0;right: 0;}
#NewsPic .Nav span{font-size:12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal{color:#FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur{background:#ce0609; color: #FFF; }
#NewsPicTxt {position:relative; width:380px; height: 22px; border: 1px; margin: 0; padding-top: 4px; text-align: center; font-family: Sans-Serif; font-weight: 700; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; margin-top: 3px; }
#NewsPicTxt a:link, #NewsPicTxt a:visited{ font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
#NewsPicTxt a:hover{color:red;}

.new_cfr{float:right;width:438px;}
.new_cfr li{float:left;width:100%;margin:8px 0;line-height:20px;}
.new_cfr li a{display:block;color: #333;}
.new_cfr li a:hover{color:#9d020a;}
.newz_fl{font-size: 16px; float:left;width:350px;overflow:hidden;background:url("https://www.larena53.com/images/d.png") no-repeat 0px;padding-left:10px;}
.newz_fr{float:right;color:#999;font-size:13px;margin-right:2px;}

/* 通知公告  */
.news03{float:left;width: 455px;}
.new_line02{float:left;width: 145px;margin:26px 0 0 0;height:2px;background:#dddddd;}
.newz_fl02{float:left;width: 208px;overflow:hidden;padding-left: 5px;}
#margin14{margin:0 0 0 14px;}

/* 先模风采技能大赛光荣榜  */

.new_line05{float:left;width: 68px;margin:26px 0 0 0;height:2px;background:#dddddd;}


/* 工作动态  */
.news04{float:left;width: 490px;}
.new_line04{float:left;width: 343px;margin:26px 0 0 0;height:2px;background:#dddddd;}
.newz_fl04{float:left;overflow:hidden;padding-left: 5px;}
#margin10{margin:0 14px 0 20px;}

/* 快速通道  */
.new02{float:right;width:290px;}
.new02_top{float:left;width:100%;height:38px;background:#9d020a;text-align:center;color:#fff;line-height:38px;font-size:16px;}
.new02_m{float:left;width:100%;height:230px;background:#ebebeb;}
.new02_cen{float:left;width:280px;height:235px;margin:5px;}
.new02_cen li{float:left;width:138px;height:100px;border:1px solid #ebebeb;text-align:center;}
.new02_cen li a{display:block;color:#333;float:left;width:138px;height:115px;text-align:center;background:url("https://www.larena53.com/images/kj_bg.jpg") repeat-x;}
.new02_cen li img{float:left;width:40px;height:40px;margin:22px 49px 10px;}
.new02_cen li span{float:left;width:100%;text-align:center;}
.new02_cen li a:hover{background:#f8f8f8;color:#9d020a;}

/* 广告 */
.guanggao{float:left;width:100%;}
.gg{width:1400px;margin:10px auto;}
.gg a{display:block;}
.gg img{width:1400px;height:120px;}

/* 3新闻 */
.news_war{float:left;width:100%;}
.news_main{width:1400px;margin:10px auto;}
.news01{float:left;width: 386px;}
.news_top{float:left;width:100%;line-height:28px;}
.new_line0{float:left;width: 240px;margin:26px 0 0 0;height:2px;background:#dddddd;}
.news_m{float:left;width:470px;padding: 10px;border: 1px solid #dadada;height: 224px;}
.news_m li{float:left;width:100%;margin:6px 0;line-height: 14px;}
.news_m li a{display:block;color: #333;}
.news_m li a:hover{color:#9d020a;}
.news_m .img{flaot: right;}
.newz_fl0{float:left;width: 270px;overflow:hidden;padding-left: 5px;}
.newz_fr{float:right;color:#999;font-size:13px;margin-right:2px;}

.news_m1{float:left;margin-top: 28px;height:254px}
.news_m1 li{float:left;width:100%;margin:8px 0;line-height:16px;}
.news_m1 li a{display:block;color: #333;}
.news_m1 li a:hover{color:#9d020a;}
.news_m1 .img{flaot: right;}

/**  展示按钮 **/
.btn-list{float:left;width:700px;font-size:16px;font-weight:bold;margin-top:10px;}
.btn-list .btn-item{float:left;display:block; width:200px;height:70px;border:2px solid #9d020a;color:#9d020a;text-align:center;line-height:70px;margin-top:10px;margin-right:25px; }
.btn-list .btn-item:hover{background:#9d020a;color:#fff;cursor: pointer;}
.btn-list .btn-item:nth-of-type(3n){margin-right:0}
/* 图标列表 */
.icon_main{float:left;width:700px;margin:20px auto;}
.icon_list{}
.icon_list li{width:100px;float:left;text-align:center;margin: 0 20px;display:inline-block;}
.icon_list li img{width:60px;}
.icon_list li p{font-weight:bold;color:#333;margin-bottom:5px;}

/* 专题专栏 */
.zt_w{float:left;width:100%;margin: 0 0 20px;}
.zt_top{float:left;width:100%;text-align:center;line-height:28px;font-size:15px;}
.line01{float:left;width:650px;margin:13px 0px;height:2px;background:#dddddd;}
.wz_z{line-height:28px;color:#666;font-weight:bold;float:left;text-align:center;width:100px;}
.line02{float:right;width:650px;margin:13px 0px;height:2px;background:#dddddd;}
.zt_ul{float:left;width:100%;margin-top:10px;}
.zt_ul li{float:left;width:220px;height:128px;border:7px solid #ececec;margin-right:6px;position:relative;}
.zt_ul li a{display:block;}
.zt_ul li a img{width:220px;height:128px;float:left;}
.zt_ul li a span{position:absolute;width:100%;bottom:0;left:0;height:30px;line-height:30px;text-align:center;color:#fff;background:url("https://www.larena53.com/images/b.png") no-repeat;z-index:999;}
#right0{margin-right:0;}

/* 友情链接 */
.links{float:left;width:100%;height:45px;background:#dddddd;}
.link_w{width:1400px;margin:0 auto;}
.links_z{float: left;line-height:45px;color: #666;}
.link_ul{float:left;}
.link_ul li{width: 230px;float: left;margin: 9px 15px;background: #fff;text-align: center;}
.link_ul select{float:left;width:230px;height: 28px;font-size:14px;font-family:"微软雅黑";line-height: 28px;color: #666;padding: 0px 0 0 5px;border: 1px solid #b3b3b3;}
.link_ul option{text-align: center;}
#mySelect1,#mySelect2{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("https://www.larena53.com/images/pull_down.png") no-repeat right;text-overflow:"";direction: inherit;}

/***********列表页***********/
.banner_n{width:1400px;height:200px;margin: 0 auto;clear: both;overflow:hidden;}
.banner_n2{width:1400px;height:200px;margin: 0 auto;clear: both;overflow:hidden;background:url("https://www.larena53.com/images/sdjs_bg.png") no-repeat ;}
.banner_n2 .text-list{position:relative;width:7000px;height:200px;display:flex;
  transition: transform 0.5s ease;animation: carousel-slide 18s infinite;}
.banner_n2 .b-text{width: 100%;text-align: center;color: #fff;font-size: 46px;font-weight: bold;line-height: 60px;}
.banner_n2 .one-text{font-size: 52px;line-height: 200px;}
.banner_n2 .two-text{padding-top:40px;}
@keyframes carousel-slide {
  0% { transform: translateX(0);}
  25% { transform: translateX(-20%);}
  50% { transform: translateX(-40%);}
  75% { transform: translateX(-60%);}
100% { transform: translateX(-80%);} /* 向左移动一个轮播图宽度 */
}


.cen_mm{width: 1400px;margin: 15px 0 0;float:left;background: #f5f5f5;border-left: 1px solid #ececec;}
.cen_war{float:left;width:1400px;}
.cen_listfl{width:212px;float:left;position: relative;}
.list_title{padding:10px;width:192px;text-align:center;font-size: 15px;color:#fff;font-weight:bold;background: #9d020a;background-size:100%;float: left;}
.list_tt{position:absolute;top:-16px;left:0;}
.list_tt img{width:260px;height:16px;}
.list_wzli{float:left;width: 212px;}
.list_wzli li{float:left;width: 212px;line-height:40px;border-bottom:1px solid #e1e1e1;}
.list_wzli li a{display:block;text-align:center;color:#333;font-size: 14px;}
.list_wzli li a:hover{color:#9d020a;font-weight:bold;background:url("https://www.larena53.com/images/xz_list.jpg") no-repeat;}
#wzlist_xz{background:url("https://www.larena53.com/images/xz_list.jpg") no-repeat;color: #9d020a;font-weight:bold;}
.cen_listfr{float:right;width:1187px;background:#fff;min-height: 500px;border-left: 1px solid #ececec;}
.cen_listW{float:right;width:1175px;}
.cen_frtop{float:right;width:100%;height:40px;line-height:40px;border-top: 2px solid #9d020a;}

.list_cfl{float:left;}
.list_cfl img{float:left;width:32px;margin:4px;}
.list_cfl span{font-size:16px;font-weight:bold;color: #666;float:left;}
.list_cfr{float:right;color:#999;text-align:right;}
.list_cfr span{margin:0 5px;}
.list_cfr span a{display:inline-block;color:#999;}
.list_cfr span a:hover{color:#9d020a;font-weight:bold;}
.new_cfr01{float:right;width: 1155px;margin: 10px;padding-bottom:10px;border-bottom:1px dashed #e6e6e6;}
.new_cfr01 li{float:left;width:100%;margin: 8px 0;}
.new_cfr01 li a{display:block;color: #333;}
.new_cfr01 li a:hover{color:#9d020a;}
.newz_fl01{float:left;width: 800px;height:20px;overflow:hidden;background:url("https://www.larena53.com/images/d.png") no-repeat 0px;padding-left:10px;}
.newz_fr01{float:right;color:#999;font-size: 14px;margin-right:2px;}

.page{float:left;width:100%;margin:10px 0 20px;}
.page ul {width:100%;margin:0 auto;text-align:center;}
.page ul li {display:inline-block;font-size:14px;color:#333;margin-right:6px;border:1px solid #E8E8E8;}
.page ul li a {display:inline-block;background:#fff;padding:8px 10px;font-size: 12px;color: #666;}
.page ul li a:hover, .page ul li a.active {background: #9d020a;color:#fff;text-decoration:none;}

/***********内容页***********/
.cen_listM{float:left;width:1400px;margin-top: 10px;border: 1px solid #dadada;margin-bottom: 10px;}
.maincen{}
.wz_top{float:left;width:96%;padding: 20px 2%;text-align:center;border-top:1px solid #dadada;}
.wz_title{float:left;width:100%;font-size: 25px;font-weight: bold;color: #666;}
.wz_sub_title{float:left;width:100%;font-size: 23px;font-weight: bold;color: #888;}
.wz_liu{color:#999;float:left;width:100%;line-height:20px;margin-top: 8px;font-size: 12px;border-top:1px solid #dadada;padding-top:8px;}
.wz_liu span{margin:0 8px;}
.wz_cen{float:left;width:96%;padding: 20px 2%;}
.wz_cen p{width: 100%;margin: 10px 0;font-size:14px;color:#666;text-indent:2em;line-height: 24px;}
#pic{text-indent:0;text-align:center;margin:20px 0;}
.linkOther{float:left;width: 96%;padding-top: 20px;padding: 20px 2%;border-top:2px solid #f5f5f5;height:20px;line-height:20px;margin: 0;}
.page_fl{float:left;width: 560px;}
.page_fl span,.page_fr span{float: left;color:#999;width:60px;}
.page_fl a,.page_fr a{color: #666;float:left;display:inline-block;width:500px;height:20px;overflow:hidden;}
.page_fl a:hover,.page_fr a:hover{color:#9d020a;font-weight:bold;}
.page_fr{float:right;width:560px;}
.l {float:left}
.wz_cen p{widt:100%;}
.wz_cen p img{display:block!important;margin:0 auto!important;}

/*** 底部 ***/

/*** 202607修改***/

.article-content{

}
.title-box{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.title-box .item{
margin: 10px 30px;
    color: #444;
    cursor: pointer;
}
.title-box .item p{
    font-size: 32px;
    font-weight: bold;
    position: relative;
}
.title-box .item p::after{
width: 0;
height: 0;
display: block;
content: "";
position: absolute;
bottom: 10px;
left: -50%;

transition: all 0.3s ease;

}
.title-box .item p::before{
width: 0;
height: 0;
display: block;
content: "";
position: absolute;
bottom: 10px;
right: -50%;

transition: all 0.3s ease;
}


.title-box .active{
    margin: 10px 50px;
color: #000;
}
.title-box .active p::after{
width: 46px;
height: 20px;
background:url("https://www.larena53.com/images/tit-l2.png")  no-repeat;
}
.title-box .active p::before{
width: 46px;
height: 20px;
background:url("https://www.larena53.com/images/tit-r2.png")  no-repeat;
}

.content-box{
    padding: 20px ;
    margin-top: 15px;
  

}
.content-box .article{
position: relative;
   display: none;
}
.content-box .article .more{
    position: absolute;
  top: -70px;
  right: 30px;
color:#333;
  cursor: pointer;
  font-size: 16px;
  z-index: 99;
}
.content-box .list{
 
width: 100%;

display: flex;
flex-wrap: wrap;
justify-content: space-between;


}
.content-box .active{
    display: block;
}

.content-box .list .item{
    width: 31%;
    display: flex;
    align-items: center;
    padding:10px;
    background-color: #fff;
    margin-bottom: 10px;

}



.content-box .list .item .time{
    width: 70px;
    height: 70px;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    position: relative;
}

.content-box .list .item .time::after{
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 12px;
    background: linear-gradient(180deg, #f5f5f5 0%, transparent 100%);
    clip-path: polygon(0 0, 8px 100%, calc(50% - 4px) 60%, calc(50% + 4px) 60%, calc(100% - 8px) 100%, 100% 0);
}

.content-box .list .item .time .t-day{
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}

.content-box .list .item .time .t-month{
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}

.content-box .list .item .title{
    flex: 1;
    height:52px;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    cursor: pointer;
    transition: color 0.3s;
}

.content-box .list .item .title:hover{
    color: #c8102e;
}

.two-letter{
  display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    -webkit-box-orient: vertical;
}