@charset "utf-8";
/*
* Date:2025.05.27
*/
.container{padding-top: 82px;}
.item{width: 1400px; margin: 0 auto;}
.vsbcontent_img{text-align:center}
/*焦点图*/
.banner{position:relative;width:100%;height:300px;overflow:hidden;}
.banner img{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:300px;}

.main{position:relative;width:100%;}
.content{float:right;width:1048px; padding-bottom: 98px;}
/*侧边栏*/
.sidebar{float:left;position:relative;width:288px;}
.sidebar h3{position:absolute;left:0;top:-68px;width:100%;height:68px;background-color:#600c0c;color:#fff;font-size:24px;font-weight:normal;line-height:68px;text-align:center;}
.sidebar li{height:60px;border-bottom:1px solid #f4f4f4;}
.sidebar li a{position:relative;height:60px;padding-left:42px;display:block;background-color:#fff;color:#333;font-size:16px;line-height:60px;transition:all .3s;}
.sidebar li a i{position:absolute;left:20px;top:50%;margin-top:-2px;width:6px;height:6px; background-color: #d5d5d5; overflow:hidden; transition:left .3s;}
.sidebar li.active a,.sidebar li:hover a{color:#600c0c; padding-left: 62px;}
.sidebar li.active a i,.sidebar li:hover a i{left: 40px;}
.sidebar-title{position:relative;}
.sidebar-title h3{position:absolute;left:0;top:-68px;width:288px;height:68px;background-color:#600c0c;color:#fff;font-size:24px;font-weight:normal;line-height:68px;text-align:center;}
/*链接*/
.crumbs_tag{position:relative;height:66px;}
.crumbs_tag .dire{float: right; height:66px;color:#333;font-size:16px;line-height:66px;}
.crumbs_tag .dire i{padding:0 4px;}
.crumbs_tag .dire a{color:#666;}
.crumbs_tag .dire a:hover{color:#600c0c;}
/*about*/
.about{padding:46px 80px 62px; background-color: #fff; border-radius: 4px;}
.about h3{color: #333; font-size: 30px; font-weight: normal; text-align: center; line-height: 48px;}
.about img{width: 600px; height: 400px; display: block; margin:30px auto;}
.about p{color: #323232; font-size: 16px; line-height: 2; text-indent: 2em; text-align: justify;}
/*contact*/
.contact{padding:46px 40px 62px; background-color: #fff; border-radius: 4px;}
.contact h3{padding-bottom: 20px; color: #333; font-size: 30px; font-weight: normal; text-align: center; line-height: 48px;}
#map{width:100%; height: 400px;} 
.contact ul{padding-top: 16px;}
.contact li{color: #333; font-size: 16px; line-height: 36px;}
.contact li span{padding:0 8px;}
/*details*/
.details{padding:48px 40px 62px; background-color: #fff; border-radius: 4px;}
.details .title{padding-bottom:22px; border-bottom: 1px solid #f4f4f4;}
.details .title h3{color:#000; font-size: 22px; font-weight: normal; line-height: 1.4; text-align: center; }
.details .title p{padding-top: 12px; color: #666; font-size: 16px; line-height: 1.5; text-align: center;}
.details-body{padding-top: 32px; color: #666; font-size: 16px; line-height: 2; text-align: justify;}
.details-body p{padding-bottom: 10px;}
.details-body img{display: inline;}
.page-list{padding-top: 30px;}
.page-list a{height: 36px; margin-bottom: 12px; display: block;}
.page-list a b{width: 84px; height: 36px; display: inline-block; background-color: #641312; color: #fff; font-size: 16px; line-height: 36px; text-align: center;}
.page-list a span{padding-left:12px; color: #333; font-size: 16px; line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.page-list a:hover span{color: #641312;}
/*news*/
.news-group{padding:0 30px; background-color: #fff; border-radius: 4px;}
.news-list{position: relative;}
.news-list li{position: relative; height: 290px; padding: 30px 0; border-bottom: 1px solid #f4f4f4;}
.news-list li a{display: block; width: 100%; height: 100%;}
.news-list li:hover .desc{width:755px; }
.news-list li .imgBox{float: left; width: 200px; height: 290px; overflow: hidden;}
.news-list li .imgBox img{width: 200px; height: 290px;display: block;transition:all .3s;}
.news-list li .imgBox:hover img{transform: scale(1.1);}
.news-list li .desc{float: right; width:745px; transition:width .3s;}
.news-list li .desc h3{color: #333; font-size: 18px; font-weight: normal; line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list li .desc .time{display: block; color: #323232; font-size: 16px; line-height: 40px;}
.news-list li .desc p{ color: #7f7f7f; font-size: 14px; line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:4;text-overflow: ellipsis;}
.pager{padding:30px 0;}
.pager ul{text-align:center;}
.pager ul li{display:inline; margin: 0 2px;}
.pager ul a{height:28px;padding:0 12px;display:inline-block;background-color:#f4f4f6;border:1px solid #e8e8e8;color:#5f6364;font-size:14px;line-height:28px;}
.pager ul a:hover{background-color:#a13737;border-color:#a13737;color:#fff;}
.pager ul li.thisclass a{border-color:#a13737; color: #fff; cursor:default;background-color:#a13737;}
/*list-group*/
.main-list{position: relative; width: 100%;margin-bottom: 98px;}
.list-group{padding: 0 20px; background-color: #fff;border-radius: 4px;}
.list-item{padding-top:18px;}
.list-item li{position: relative; height: 50px; padding: 0 140px 0 0; border-bottom: 1px solid #f4f4f4; overflow: hidden;transition:all .3s;}
.list-item li:hover{padding-left: 20px;}
.list-item li:hover p{color: #a13737;}
.list-item li p{color: #333; font-size: 16px; line-height:50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-item li span{position: absolute; top:0; right:36px; color: #cdcdcd; font-size: 14px; line-height: 72px;}

@media only screen and (max-width: 750px){
	.container{padding-top: 1.2rem;}
	.item{width:100%;}
	.banner{height:auto;}
	.banner img{position:relative;top:0;left:0;margin-left:0;width:100%;height:auto; display: block;}
	.sidebar{display: none;}
	.content{float: none; width: 100%; padding: 0 .2rem .6rem;background-color: #f4f4f4;box-sizing: border-box;}
	.crumbs_tag{height:.72rem;}
	.crumbs_tag .dire{float: none; height:.72rem;color:#333;font-size:.28rem;line-height:.72rem;}
	.crumbs_tag .dire i{padding:0 .04rem;}
	/*about*/
	.about{padding:.46rem .3rem .62rem;}
	.about h3{font-size: .36rem;line-height: 1.5;}
	.about img{width: 100%; height: auto; margin:.3rem auto;}
	.about p{font-size: .28rem;}
	/*contact*/
	.contact{padding:.46rem .2rem .62rem;}
	.contact h3{padding-bottom: .2rem;font-size: .36rem;line-height: 1.5;}
	#map{width:100%; height:6.8rem;} 
	.contact ul{padding-top: .26rem;}
	.contact li{font-size: .28rem; line-height: 1.6;}
	/*news*/
	.news-group{padding:0 .3rem;}
	.news-list li{position: relative; height: auto; padding: .3rem 0;}
	.news-list li a{display: flex; flex-direction: column; justify-content: space-between;}
	.news-list li .imgBox{float: none; width: 50%; height: auto; overflow: visible;}
	.news-list li .imgBox img{width: 100%; height: auto;}
	.news-list li .desc{float: none;width:100%; padding-top: .2rem;}
	.news-list li .desc h3{font-size: .32rem;line-height: .48rem;}
	.news-list li .desc .time{padding: .06rem 0; font-size: .3rem; line-height:1.6;}
	.news-list li .desc p{font-size: .28rem; line-height:1.5;-webkit-line-clamp:2;}
	.pager{padding:.3rem 0;}
	.pager ul li{display:inline; margin: 0 .04rem;}
	.pager ul a{height:.6rem;padding:0 .24rem; margin-bottom: .16rem;font-size:.28rem;line-height:.6rem;}
	/*details*/
	.details{padding:.46rem .3rem .62rem;}
	.details .title{padding-bottom:.32rem;}
	.details .title h3{font-size: .32rem;}
	.details .title p{padding-top: .12rem;font-size: .28rem;}
	.details-body{padding-top: .32rem; font-size: .28rem;}
	.details-body p{padding-bottom: .1rem;}
	.details-body img{display: inline; max-width: 100%;}
	.page-list{padding-top: .3rem;}
	.page-list a{height: .48rem; margin-bottom: .16rem; display: flex;}
	.page-list a b{width:1.2rem; height: .48rem; margin-right: .1rem; font-size: .28rem; line-height: .48rem; display: flex; justify-content: center; align-items: center;}
	.page-list a span{flex: 1; padding-left: .12rem;font-size: .28rem; line-height: .48rem;}
	/*list-group*/
	.main-list{padding:0 .2rem;box-sizing: border-box; margin-bottom:.6rem;}
	.sidebar-title{display: none;}
	.list-group{padding: 0 .2rem;}
	.list-item{padding-top:.18rem;}
	.list-item li{height: .8rem; padding: 0 1.3rem 0 0;}
	.list-item li a{height: .8rem; display: flex;align-items: center;}
	.list-item li p{font-size: .28rem; line-height:.72rem;}
	.list-item li span{right:0;font-size: .24rem; line-height: .72rem;}

}