@charset "utf-8";
.container{ max-width: 1200px; margin: 0 auto; width: 100%;}
/* 列表页 */
.breadcrumb{ display: flex; align-items: center; border-bottom: 1px solid #cd2424; padding-bottom: 10px;padding-top: 10px;}
.breadcrumb span{font-family: '宋体'}
.breadcrumb a{ display: inline-block; font-size: 14px; color: #666666; margin: 0 10px; transition: all 0.6s;}
.breadcrumb a.on,.breadcrumb a:hover{ color: #cd2424;}
.breadcrumb img{ margin-right: 10px;}

.list-sec2{ display: flex; padding-bottom: 100px;}
.list-sec2 .leftdiv{ width:68%; border-right: 1px solid #cd2424; padding-right: 45px;}
.list-sec2 .leftdiv li a{ display: flex; padding: 45px 0; border-bottom: 1px dashed #e0e0e0;  overflow: hidden;}
.list-sec2 .leftdiv li .key{color: red; font-weight: bold}
.list-sec2 .leftdiv .item-tu{ width: 160px;	height: 120px; margin-right: 20px;  flex-shrink: 0; overflow: hidden;}
.list-sec2 .leftdiv .item-tu img{ overflow: hidden; width: 100%; height: 100%;  object-fit: fill; transition: all 0.6s;}
.list-sec2 .leftdiv .item-text{ flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;}
.list-sec2 .leftdiv h3{ color: #333333; font-size: 20px; margin-bottom: 10px; margin-top: 5px; transition: all 0.6s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-sec2 .leftdiv .ptext{line-height: 30px;color: #666; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;} 
.list-sec2 .leftdiv .info{ display: flex; justify-content: space-between; font-size: 12px; color: #333;}
.list-sec2 .leftdiv .info p{ font-size: 12px; color: #333;}
.list-sec2 .leftdiv .info .p1 b{ margin-left: 0px; color: #666;}
.list-sec2 .leftdiv .p2{ display: flex;}
.list-sec2 .leftdiv .p2 strong{ display: flex; align-items: center; font-size: 14px; color: #333; font-size: 12px; margin-left: 10px;}
.list-sec2 .leftdiv .p2 strong img{ margin-right: 5px;}
.list-sec2 .leftdiv li:hover .item-tu img{ transform: scale(1.1); }
.list-sec2 .leftdiv li:hover h3{ color: #cd2424;}
.list-sec2 .leftdiv .l2 .info{ padding-top: 20px;}

/* 父级栏目列表样式 */
.list-sec2 .leftdiv .tit{ background: #fae8e6; margin-top: 15px; height: 40px; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.list-sec2 .leftdiv .tit a{ color: #fff;}
.list-sec2 .leftdiv strong{ display: block; background-color: #cd2424; font-weight: bold;font-size: 18px; color: #fff; width: 340px; height: 40px;line-height: 40px; padding-left: 10px;}
.list-sec2 .leftdiv strong img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.list-sec2 .leftdiv li:hover a{ color: #cd2424;}
.list-sec2 .leftdiv .tab-bd,.list-sec2 .leftdiv .tab-bd ul,.list-sec2 .leftdiv .tab-bd li a{ overflow: hidden;}
.list-sec2 .leftdiv .fuji li a{ display: flex; padding: 5px 0; border-bottom: 1px dashed #e0e0e0;  overflow: hidden;}
/* 父级栏目列表样式 */

.pages{display: flex; justify-content: center; margin-top:50px;}
.pages a{padding:0 10px; height: 30px; line-height: 30px; background-color: #f4f4f5; color: #333; cursor: pointer; margin:0 5px; border-radius: 3px;}
.pages a:hover, .pages a.cur{color: #fff !important; background-color: #cd2424}
.pages a.cur, .pages a.disabled{cursor: not-allowed}
.pages a.disabled{color: #999; background-color: #f4f4f5}
.pages .prev, .pages .next{font-family: '宋体'}

.list-sec2 .tab-hd ul{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #cd2424; padding-bottom: 5px;}
.list-sec2 .tab-hd li{ width: calc(100%/3); margin-bottom: 15px;}
.list-sec2 .tab-hd li a{ font-size: 14px; color: #333; display: flex; align-items: center; text-align: center; transition: all 0.6s;}
.list-sec2 .tab-hd li i{ width: 0; height: 0; border:3px solid transparent; border-left: 3px solid #333; display: inline-block;}
.list-sec2 .tab-hd  li.on a i{ border-left: 3px solid #cd2424;}
.list-sec2 .tab-hd li.on a{ color: #cd2424;}

.list-sec2 .rightdiv{ width: 32%; padding: 30px 0 0px 20px; overflow: hidden;}
.list-sec2 .rightdiv .tab-bd,.list-sec2 .rightdiv .tab-bd ul,.list-sec2 .rightdiv .tab-bd li a{ overflow: hidden;}
.list-sec2 .tab-bd li{ margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden;}
.list-sec2 .tab-bd li a{ color: #5c5c5c; font-size: 14px; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: all 0.6s;}
.list-sec2 .tab-bd li span{  width: 20px; height: 15px; color: #fff; font-size: 12px;  background: #aeaeae; display: block;text-align: center; line-height: 15px; margin-right: 10px;flex-shrink: 0;}
.list-sec2 .tab-bd li:nth-child(1) span,.list-sec2 .tab-bd li:nth-child(2) span,.list-sec2 .tab-bd li:nth-child(3) span{ background: #cd2424;}
.list-sec2 .rightdiv .tit{ background: #fae8e6; margin-top: 15px; height: 40px; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.list-sec2 .rightdiv strong{ display: block; background-color: #cd2424; font-weight: bold;font-size: 18px; color: #fff; width: 140px; height: 40px;line-height: 40px; padding-left: 10px;}
.list-sec2 .rightdiv strong img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.list-sec2 .rightdiv li:hover a{ color: #cd2424;}
.list-sec2 .rightdiv .tit2 strong{ background: none; color: #cd2424;}
.list-sec2 .rightdiv .tit2{ background: none; border-bottom: 1px solid #cd2424;}
.list-sec2 .tuscroll img{ display: block; overflow: hidden; width: 100%; height: auto;}
.list-sec2 .dlnews dt{ border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; margin-bottom: 20px;}
.list-sec2 .dlnews dt a{ display: flex;}
.list-sec2 .dlnews .item-img{ width: 110px; height: 80px; overflow: hidden;  flex-shrink: 0;}
.list-sec2 .dlnews .item-img img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.list-sec2 .dlnews .item-text{ padding-left: 10px; overflow: hidden;}
.list-sec2 .dlnews .item-text h3{ color: #5c5c5c; font-size: 14px; margin-top: 10px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: all 0.6s;}
.list-sec2 .dlnews .item-text p{color: #8c8c8c; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;}
.list-sec2 .dlnews dd { margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis;}
.list-sec2 .dlnews dd i{  border-radius: 100%;  height: 3px;  width: 3px;  background: #cd2424; display: inline-block; vertical-align: middle; margin-right: 10px; }
.list-sec2 .dlnews dd a{ color: #5c5c5c; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  transition: all .0.6s;}
.list-sec2 .dlnews dd a:hover{ color: #cd2424;}
.list-sec2 .swiper-pagination{ width: auto; right: 20px; left: auto;}
.list-sec2 .dlnews dt a:hover .item-text h3{ color: #cd2424;}
.list-sec2 .swiper-pagination-bullet{ background: #fff; opacity: 1;}

/* 师资队伍图片列表样式 */
.list-sec2 .leftdiv .szpiclist>.flex-right{width: 100%;margin-top: 20px;flex-wrap: wrap;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics>img{object-fit: inherit;	width: 160px;height: 200px;	border:#D0D0D0 1px solid;padding:3px;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics>p{text-align: center;margin-top: 10px;margin-bottom: 10px;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics{margin-right: 32px;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics:last-child{margin-right: 0;}
/* 师资队伍图片列表样式 */

/* 普通图片列表样式 */
.list-sec2 .leftdiv .piclist>.flex-right{width: 100%;margin-top: 20px;flex-wrap: wrap;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics>img{object-fit: inherit;	width: 240px;height: 240px;	border:#D0D0D0 1px solid;padding:3px;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics>p{text-align: center;margin-top: 10px;margin-bottom: 10px;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics{margin-right: 16px;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics:last-child{margin-right: 0;}
/* 普通图片列表样式 */


@media (max-width:1900px) {
}

@media (max-width:1200px) {
.list-sec1{ padding: 30px 0 0px 0;}
.list-sec1 .rightdiv dt a{ font-size: 18px; margin: 10px 0 10px 0;}
.list-sec1 .rightdiv dd a{font-size: 14px; line-height: 26px;}
.list-sec2 .leftdiv{ padding-right: 20px;}
.list-sec1 .leftdiv .text{ font-size: 14px;}
/* 师资队伍图片列表样式 */
.list-sec2 .leftdiv .szpiclist>.flex-right{flex-wrap: wrap;}
.list-sec2 .leftdiv .szpiclist>.flex-right{padding: 0px;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics{margin-right: 0;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics{text-align: center;width: calc(25% - 5px);}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics>p{margin-bottom: 10px;}
.list-sec2 .leftdiv .szpiclist>.flex-right>.pics>img{width: 90%;height: auto;}
/* 师资队伍图片列表样式 */
/* 普通图片列表样式 */
.list-sec2 .leftdiv .piclist>.flex-right{flex-wrap: wrap;}
.list-sec2 .leftdiv .piclist>.flex-right{padding: 0px;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics{margin-right: 0;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics{text-align: center;width: calc(50% - 5px);}
.list-sec2 .leftdiv .piclist>.flex-right>.pics>p{margin-bottom: 10px;}
.list-sec2 .leftdiv .piclist>.flex-right>.pics>img{width: 90%;height: 120px;}
/* 普通图片列表样式 */
/* 父级栏目列表样式 */
.list-sec2 .leftdiv .fuji li { display: flex; padding: 5px 0; border-bottom: 1px dashed #e0e0e0; overflow: hidden;}
/* 父级栏目列表样式 */
}

@media (max-width: 991px) {
.pages {font-size: 12px;margin-top: 0px; padding: 25px 0;}
.pages a{font-size: 12px;padding:0 0px;}
}

@media (max-width:750px) {
.list-sec2{ flex-direction: column;}
.list-sec2 .leftdiv{ width: 100%; border-right: none;  padding-right: 0;}
.list-sec2 .rightdiv{ width: 100%; padding: 30px 0 0 0;}
.list-sec2{ padding-bottom: 50px;}
.breadcrumb a{ margin: 0 5px;}
}

@media (max-width: 600px) {	

}

@media (max-width:520px) {
.list-sec2 .leftdiv li a{flex-direction: column;}
.list-sec2 .leftdiv .item-tu{ width: 100%; height: auto;}
.list-sec2 .leftdiv .item-text{ padding: 0;}
.list-sec2 .leftdiv h3{ font-size: 15px; margin-top: 10px;}
.list-sec2 .leftdiv .info{ margin-top: 10px;}
.list-sec2 .leftdiv li a{ padding: 15px 0;}
.list-sec2 .leftdiv .info{ flex-direction: column;}
.list-sec2 .leftdiv .p2 { margin-top: 5px;}
.list-sec2 .leftdiv .p2 strong{ margin-right: 15px;}
.list-sec2 .rightdiv strong{ font-size: 14px;}
.list-sec2 .rightdiv{padding-top: 20px;}
.list-sec2{ padding-bottom: 25px; margin-top:0px;}
.listsearch{ margin-top: 30px;}
.list-sec2 .leftdiv .l2 .info{ padding-top: 0;}
}

@media (max-width:360px) {

}