.banner{width:100%; height: 30vw; text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; margin:0px auto; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.banner img{width:100%; height: 30vw; margin:0px auto; position: absolute; left:0; top:0; z-index:-1;}
.banner h1{width:100%; line-height: 150%;text-align: center; font-size:32px; font-weight: 600; color:#fff;}
.banner p{width:1000px; line-height: 150%; text-align: center; font-size:16px; color:#fff; margin:20px auto;}

.tit{line-height:240%; font-size:26px; font-weight:800; color:#d10003; text-align:center; position: relative; margin:20px auto;}
.tit:before{ content:""; width: 100%; height: 1px; background: #ddd; position: absolute; top:32px; left:0; z-index: -1;}
.tit:after{ content:""; width:200px; height:60px; background:#fff; position:absolute; top:0; left:42%; z-index: -1;}

ul.list{line-height:200%; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.list li{width:48%; height:auto; text-align: left; margin-bottom:15px; display: flex; flex-direction: column;}
ul.list li img{width:100px; height:100px;}
ul.list li h2{font-size: 22px; font-weight: 600; }
ul.list li p{font-size: 16px; font-weight: 400; }
ul.list li span{font-size: 14px; font-weight: 400; color:#999;}

.page{text-align: center; margin:30px auto;}
.page>.pagination{text-align: center; display: flex; justify-content: center;}
.page>.pagination li{}
.page>.pagination li a{display: block; padding:0px 8px; margin:0 3px;}
.page>.pagination li a:hover{background: #d10003; color:#fff;}

.page>.pagination li.active{ background:#d10003; color:#fff; }
.page>.pagination li.disabled{}

a.more{color:#fff; text-align: center; background: #d10003; display: table; padding:5px 20px; border:1px #d10003 solid; margin:20px auto;}

/*当屏幕小于1024 的时候*/
@media only screen and (max-width: 1024px) and (min-width: 0px) {
    .header {
        width: 100%;
        height: 58px;
    }
     .header .logo{
        width:100px;
        display: none;
	}
	.header .nav {
        width: 100%;
        float: none;
        padding-top: 15px;
    	margin:0;
    }

	.banner{
		height: 45vw;
	}
	.banner img{
		height: 45vw;
	}
	.banner p {
	    width: 96%;
	    margin:0 auto;
	}

	.tit:after {
	    content: "";
	    width: 240px;
	    height: 60px;
	    background: #fff;
	    position: absolute;
	    top: 0;
	    left: 50%;
	    transform: translate(-50%);
	    z-index: -1;
	}

	ul.list li {
	    width: 100%;
	}
	ul.list li img {
	    width: 100%;
	}

}