@charset "utf-8";
/*轮播*/
.in-banner{
	position: relative;
	overflow: hidden;
}
.in-banner img{
	width: 100%;
	display: block;
}
.in-banner .swiper-button-next,
.in-banner .swiper-button-prev{
	width: 32px;
	height: 32px;
	background: rgba(0, 0, 0, .4);
	border-radius: 50%;
	display: none;
	opacity: 0;
	visibility: hidden;
}
.in-banner .swiper-button-next:after,
.in-banner .swiper-button-prev:after{
	font-size: 12px;
}
.in-banner:hover .swiper-button-next,
.in-banner:hover .swiper-button-prev{
	display: flex;
	opacity: 1;
	visibility: visible;
}
.in-banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.in-banner .swiper-pagination-custom, .swiper-pagination-fraction {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 16px;
}
.in-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 1;
	margin:0 6px;
}
.in-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #d81e14;
}
@media (max-width:1280px) {
}
@media (max-width: 992px) {
}
@media (max-width: 750px) {
	.in-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		margin:0 3px;
	}
	.in-banner .swiper-container-horizontal>.swiper-pagination-bullets, 
	.in-banner .swiper-pagination-custom, .swiper-pagination-fraction {
	    bottom: 10px;
	}
}

.in-about{
	background: #f6f6f6;
	padding:24px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow:hidden;
}
.in-about .left{
	width: 820px;
}
.in-about .left .title{
	color: #e22118;
	font-weight: bold;
}
.in-about .left .more a{
	display: flex;
	align-items: center;
	float: right;
}
.in-about .left .more a img{
	display: block;
	margin-right: 6px;
}
.in-about .right{
	width: 254px;
	background: #fff;
	padding:1px;
	border:1px #c0c0c0 solid;
}
.in-about .right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media (max-width: 1280px) {
	.in-about{
		padding:3%;
	}
	.in-about .left{
		width: 70%;
	}
	.in-about .right{
		width: 26%;
	}
}
@media (max-width: 992px) {
	.in-about{
		flex-direction: column;
	}
	.in-about .left,
	.in-about .right{
		width: 100%;
	}
	.in-about .right{
		margin-top: 4%;
	}
}
@media (max-width: 750px) {
}

.in-main{
	overflow:hidden;
}
.in-main > div{
	width: 368px;
	margin-right: 28px;
	float: left;
}
.in-main > div:last-child{
	margin-right: 0;
}
.in-main > div > .image{
	width: 100%;
	overflow:hidden;
}
.in-main > div > .image > img{
	width: 100%;
	display: block;
}
.in-main > div > .title{
	color: #e22118;
	font-weight: bold;
	padding:12px 0;
}
.in-main > div > .content{
	line-height: 26px;
	overflow:hidden;
}
.in-main > div > .more > a{
	display: flex;
	align-items: center;
}
.in-main > div > .more > a > img{
	display: block;
	margin-right: 6px;
}
.in-main > div > .list > li{
	width: 100%;
	float: left;
}
.in-main > div > .content > .list > li > a{
	display: block;
}
.in-main > div > .content > .list > li > a > .t{
	width: calc(100% - 90px);
	display: block;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.in-main > div > .content > .list > li > a > .d{
	width: 90px;
	color: #999;
	text-align: right;
}
.in-main > div > .content > .list > li > a > .c{
	width: 90px;
	color: #e22118;
	text-align: right;
}
@media (max-width: 1280px) {
	.in-main > div{
		width: 32%;
		margin-right: 2%;
	}
}
@media (max-width: 992px) {
	.in-main > div{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.in-main > div:last-child{
		margin-bottom: 0;
	}
}
@media (max-width: 750px) {

}