body{
            background: url('/template/default/html/images/1519ecb7fcee43a3a0f6f87b8be22080.gif') no-repeat;
            background-size: 100%;
        }
        .page-introduce{
            margin: 150px auto 20px;
            width: 85vw;
            max-width: 1440px;
            color: #fff;
        }
        .page-introduce>div:nth-child(1){
            font-size: 32px;
            font-weight: 700;
            line-height: 1.4em;
        }
        .page-introduce>div:nth-child(2){
            margin-top: 10px;
            line-height: 1.7em;
            font-size: 16px;
            font-weight: 400;
        }
        .page-introduce>div:nth-child(3){
            padding: 10px 0;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a{
            color: #fff !important;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a:last-child{
            color: rgba(255,255,255,0.64) !important;
        }
        .page-container{
            background: #fff;
        }
        .news-box{
            margin: 0 auto;
            padding: 70px 0;
            width: 85vw;
            max-width: 1440px;
        }
        .news-list{
            padding: 30px 0;
        }
        .news-item{
            display: flex;
            margin-bottom: 30px;
            border-radius: 0 0 16px;
            border: 1px solid #e0e0e0;
            transition: all .3s ease-in-out;
            background: #fff;
            box-sizing: border-box;
            cursor: pointer;
        }
        @media screen and (max-width: 475px){
            .news-item{
                display: block;
            }
        }
        .news-item:hover{
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        }
        .news-img{
            width: 320px;
            height: 180px;
            object-fit: contain;
        }
        @media screen and (max-width: 475px){
            .news-img{
                width: 100%;
            }
        }
        .news-img img{
            height: 100%;
        }
        .news-right-mobile{
            position: relative;
            display: none;
            padding: 20px;
        }
        .news-right{
            position: relative;
            flex: 1;
            padding: 20px 60px 15px 40px;
        }
        @media screen and (max-width: 475px){
            .news-right{
                display: none;
            }
            .news-right-mobile{
                display: block;
            }
        }
        .news-right-top{
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            line-height: 32px;
        }
        .news-title{
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #000;
            font-size: 22px;
        }
        .news-right-mobile .news-title{
            margin-bottom: 15px;
            line-height: 32px;
        }
        .news-time{
            font-size: 16px;
        }
        .news-synopsis{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            font-size: 16px;
            color: #676c6f;
            line-height: 1.5;
        }
        .news-right-mobile .news-synopsis{
            margin-bottom: 15px;
        }
        .news-btn{
            position: absolute;
            right: 20px;
            bottom: 20px;
            transform: rotate(180deg);
            -webkit-transform:rotate(180deg);
            font-size: 20px;
            font-weight: bold;
        }
        .news-btn>div{
            display: inline-block;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border: 2px solid #676c6f;
            border-radius: 8px;
            transform: rotate(45deg);
            -webkit-transform:rotate(45deg);
        }
        .news-btn>div>div{
            transform: rotate(-45deg);
            -webkit-transform:rotate(-45deg);
        }
        .news-item:hover .news-title,.news-item:hover .news-btn{
            color: #005198;
        }
        .news-item:hover .news-btn>div{
            border-color: #005198;
        }
/* 分页样式 */
.page {
	margin-top: 30px;
	padding: 20px 0;
	text-align: center;
}
.page a {
	display: inline-block;
	margin: 0 3px;
	padding: 6px 14px;
	min-width: 36px;
	height: 36px;
	line-height: 24px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	background: #fff;
	transition: all .3s;
}
.page a:hover {
	border-color: #005198;
	color: #005198;
	background: #fff;
}
.page a.active {
	border-color: #005198;
	background: #005198;
	color: #fff;
}
@media screen and (max-width: 475px) {
	.page a {
		padding: 6px 10px;
		margin: 0 2px;
		font-size: 13px;
	}
}