@charset "utf-8";
/*公共样式*/
.in_main{padding: 40px 0;padding-bottom: 60px;}
.crumbs{border-bottom: 1px solid rgb(0,0,0,.2);padding-bottom: 15px;margin-bottom: 40px;}
.crumbs span{float: left;width: 300px;border-left: 4px solid #0b57d0;color: #0b57d0;font-size: 24px;height: 30px;line-height: 30px;display: inline-block;padding-left: 15px;}
.crumbs p{float: right;padding-top: 5px;box-sizing: border-box;}
.crumbs p em{background: url(../images/cur.png) no-repeat left 4px;padding-left: 24px;float: right;}
.crumbs p em a:hover{color: #0b57d0;}

/*页码*/
.pages{margin-top: 20px;text-align: center;}
.pages span{border: 1px solid #ddd;margin: 0 2px;padding: 5px 10px;}
.pages span a{color: #666;}
.pages span.page-numbar{border: none;padding: 0;margin: 0;}
.pages span.page-numbar a{border: 1px solid #ddd;margin: 0 2px;padding: 5px 10px;}
.pages span:hover{border: 1px solid #0b57d0;}
.pages span.page-status:hover{border: 1px solid #ddd;}
.pages span.page-numbar:hover{border: none;}
.pages span:hover a{color: #0b57d0;}
.pages span.page-numbar:hover a{color: #666;}
.pages span.page-numbar a:hover{color: #0b57d0;border: 1px solid #0b57d0;}

/*作品列表*/
.mainL{width: 20%;}
.mainL h3{font-size: 24px;height: 65px;line-height: 65px;font-weight: bold;background: #0b57d0;color: #fff;text-align: center;}
.mainL .mainL_l{padding: 15px 10px;background: #f4f4f4;box-sizing: border-box;}
.mainL .mainL_l dl dt{height: 55px;line-height: 55px;padding: 0 20px;transition: 0.2s;border-bottom: 1px solid #e5e5e5;}
.mainL .mainL_l dl dt a{display: block;}
.mainL .mainL_l dl dt:last-child{border-bottom: none;}
.mainL .mainL_p{background: #0b57d0;text-align: center;color: #fff;padding: 14px 0;}
.mainL .mainL_p span{display: block;font-size: 28px;font-weight: bold;font-family: Arial;}
.mainL .mainL_l dl dt:hover,.mainL .mainL_l dl dt.active{background: #e0e0e0;border-left: 2px solid #0b57d0;color: #0b57d0;}
.mainR{width: 75%;}
.pro_list ul li{float: left;width: 32.33%;margin-bottom: 25px;margin-left: 1.5%;text-align: center;}
.pro_list ul li:nth-child(3n-2){margin-left: 0;}
.pro_list ul li .img{overflow: hidden;position: relative;border: 1px solid #e5e5e5;height: 260px;overflow: hidden;}
.pro_list ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.pro_list ul li .tit{position: relative;overflow: hidden;height:50px;line-height: 50px;border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 15px;}
.pro_list ul li .tit p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;box-sizing: border-box;}
.pro_list ul li .tit span{color: #fff;position: absolute;width: 100%;height: 100%;background-color: #0b57d0;left: 0;bottom: -100%;transition: 0.5s;}
.pro_list ul li:hover .tit span{bottom: 0;}
.pro_list ul li:hover .img img{transform: scale(1.1);}
@media screen and (max-width: 1400px){
    .pro_list ul li .img{height: 300px;}
}

/*作品详情*/
.in_pro .in_txt{width: 100%;}
.in_pro .in_txt h1{color: #444;line-height: 38px;font-weight: bold;font-size: 25px;margin-top: 10px;}
.in_pro .in_txt .time{margin-top: 10px;border-bottom: 1px dashed #d9d9d9;padding-bottom: 10px;}
.in_pro .in_txt .time span{display: inline-block;margin-right: 20px;}
.in_pro .in_con{margin-top: 30px;}
.in_pro .in_next{border-top: 1px dotted #aaa;position: relative;margin-top: 30px;}
.in_pro .in_next .links{width: 75%;line-height: 28px;margin-top: 10px;color: #666;}
.in_pro .in_next .links a{color: #666;}
.in_pro .in_next .return{width: 150px;text-align: right;position: absolute;right: 5px;top: 10px;}
.in_pro .in_next .links a:hover{color: #0b57d0;}
.in_pro .in_next .return a:hover{color: #0b57d0;}

/*新闻列表*/
.news_list ul{border: 1px solid #e3e3e3;border-bottom: 0;margin-bottom: 30px;}
.news_list ul li{border-bottom: 1px solid #e3e3e3;padding: 18px;position: relative;height: 180px;}
.news_list ul li .img{width: 280px;height: 180px;}
.news_list ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news_list ul li .txt{position: absolute;left: 29px;right: 29px;top: 10px;bottom: 19px;z-index: 1;padding-top: 20px;}
.news_list ul li .txt h4{height: 40px;line-height: 40px;margin-bottom: 5px;}
.news_list ul li .txt h4 a{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list ul li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_list ul li .txt .more{padding-top: 25px;}
.news_list ul li .txt .more a{display: block;width: 98px;height: 34px;line-height: 34px;color: #0b57d0;text-align: center;border: 1px solid #0b57d0;position: relative;}
.news_list ul li .txt .more a:before{content: '';position: absolute;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 10px solid #fff;left: -1px;top: 50%;margin-top: -9px;z-index: 1;}
.news_list ul li .txt .more a:after{content: '';position: absolute;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #0b57d0;left: -1px;top: 50%;margin-top: -5px;z-index: 2;}
.news_list ul li:hover{box-shadow: 5px 5px 10px #ededed, -5px -5px 10px #ededed;}
.news_list ul li .txt .more:hover a{background: #0b57d0;color: #fff;}
.news_list ul li .txt .more:hover a:before{border-left: 10px solid #0b57d0;}
.news_list ul li .txt .more:hover  a:after{border-left: 7px solid #fff;}