body{
    font: 14px "微软雅黑", "Microsoft YaHei";
}
@media (min-width:650px){
    .about{
        max-width: 1920px;
        margin: 0 auto;
        margin-top: 70px;
        position: relative;
    }
    .bg{
        max-width: 1920px;
        margin: 0 auto;
        height: 360px;
        text-align: center;
       
    }
    .bgban{
        width: 394px;
        height: 238px;
        background-color: #fea116;
        border-bottom: 6px solid #e28c0c;
        position: absolute;
        top: 50px;
        left: 100px;
    }
    .bgban1{
        font-weight: 600;
        font-size: 56px;
        color: #fff;
        padding-top: 30px;
        margin-left: 30px;
    }
    .bgban2{
        font-size: 24px;
        color: #fff;
        margin-top: 5px;
        margin-left: 30px;
    }
    .bgban3{
        font-size: 15px;
        color: #fff;
        margin-top: 20px;
        margin-left: 30px;
    }
    .cen{
        max-width: 1920px;
        margin: 0 auto;
        background-color: #f5f9fc;
        padding-bottom: 60px;
    }
    .cens{
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
    }
    .cen-lt{
        width: 340px;
        margin-top: 35px;
    }
    .cen-lc{
        width: 340px;
        margin-top: 15px;
    }
    .el-select {
        width: 340px;
    }
    .el-range-editor{
        width: 340px !important;
    }
    .el-date-editor .el-range-separator{
        width: 10% !important;
    }
    .cen-city{
        display: none;
    }
    .cen-time{
        display: none;
    }
    .cen-lu{
        margin-top: 20px;
    }
    .cen-sta{
        display: none;
    }
    .censub{
        width: 340px;
        height: 42px;
        background-color: #28b9a8;
        border: 0;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
        margin-top: 25px;
    }
    .cen-r{
        width: 835px;
        margin-left: 25px;
        background-color: #eef3f7;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .cen-r1{
        width: 785px;
        height: 150px;
        margin: 0 auto;
        margin-top: 15px;
        background-color: #fff;
        display: flex;
    }
    .cen-r1:hover .cen-r1c1{
        color: #28b9a8;
    }
    .cen-r2:hover .cen-r2c1{
        color: #28b9a8;
    }
    .cen-r1 img{
        width: 160px;
        height: 115px;
        margin-top: 15px;
        margin-left: 20px;
        object-fit: cover;
    }
    .cen-r1 .no {
        display: none;
    }
    .cen-r1 .no1 {
        display: block;
    }
    .cen-r1c{
        margin-top: 15px;
        margin-left: 35px;
    }
    .cen-r1c1{
        font-size: 20px;
        font-weight: 600;
        color: #333;
    }
    .cen-r1c2{
        display: flex;
        margin-top: 40px;
    }
    .cen-r1c2l{
        color: #a3a8b0;
    }
    .cen-r1c2l span{
        color: #333333;
    }
    .cen-r1c2r{
        margin-left: 100px;
        color: #a3a8b0;
    }
    .cen-r1c2r span{
        color: #333333;
    }
    .cen-r1c3{
        margin-top: 5px;
        color: #a3a8b0;
    }
    .cen-r1c3 span{
        color: #333333;
    }
    .cen-r1u{
        width: 150px;
        height: 150px;
        margin-left: auto;
        background-color: #f4fffe;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center;     /* 垂直居中 */
    }
    .cen-r1u1{
        width: 12px;
        height: 12px;
        background-color: #28b9a8;
        border-radius: 12px;
    }
    .cen-r1u2{
        color: #333333;
        margin-left: 5px;
    }
    .cen-r2{
        width: 785px;
        height: 150px;
        margin: 0 auto;
        margin-top: 15px;
        background-color: #fff;
        display: flex;
    }
    .cen-r2 img{
        width: 160px;
        height: 115px;
        margin-top: 15px;
        margin-left: 20px;
    }
    .cen-r2c{
        margin-top: 15px;
        margin-left: 35px;
    }
    .cen-r2c1{
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }
    .cen-r2c2{
        display: flex;
        margin-top: 40px;
    }
    .cen-r2c2l{
        color: #a3a8b0;
    }
    .cen-r2c2l span{
        color: #333333;
    }
    .cen-r2c2r{
        margin-left: 100px;
        color: #a3a8b0;
    }
    .cen-r2c2r span{
        color: #333333;
    }
    .cen-r2c3{
        margin-top: 5px;
        color: #a3a8b0;
    }
    .cen-r2c3 span{
        color: #333333;
    }
    .cen-r2u{
        width: 150px;
        height: 150px;
        margin-left: auto;
        background-color: #fff8f8;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center;     /* 垂直居中 */
    }
    .cen-r2u1{
        width: 12px;
        height: 12px;
        background-color: #ff6766;
        border-radius: 12px;
    }
    .cen-r2u2{
        color: #333333;
        margin-left: 5px;
    }
 
    .un{
       margin-top: 60px;
       margin-left: 30px;
    }
    .pagination{
        font-size: 14px;
    }
    /*设置 a 标签的css样式*/
	.page-normal a{
		border: 1px solid #e3e9ec;
		padding: 7px 7px;
		color: #333;
        line-height: 50px;
		text-decoration: none;/*去除页码数字下面的下划线*/
	}
	/*设置鼠标经过时 a 标签的css样式*/
	.page-normal a:hover{
		background-color: #f4fffe;
	}
	
	/*设置整个div的css样式,该样式主要用于设置网页内的省略号 …… 的样式，并且同时设置内容居中显示*/
	.page-normal{
		color: #002fa7;
	}
	
	/*设置当前页面的css样式*/
	.page-normal .page-current{
		color: #ffffff;
		background-color: #28b9a8;
	}
	
	/*设置左单括号 < 的css样式*/
	.page-normal .page-prev{
		color: #333;
	}
	.page-normal a, .page-normal a:hover, .page-normal .page-prev, .page-normal .page-current{
		border: 1px solid #e3e9ec;
		padding: 7px 12px;
	}
}

@media (max-width:450px){
    .about{
        max-width: 450px;
        margin: 0 auto;
        margin-top: 70px;
    }
    .bg{
        max-width: 450px;
        margin: 0 auto;
        height: 200px;
        text-align: center;
       
    }
    .bgban{
        max-width: 70%;
        height: 140px;
        background-color: #fea116;
        border-bottom: 6px solid #e28c0c;
        position: absolute;
        top: 80px;
        margin-left: 20px;
    }
    .bgban1{
        font-weight: 600;
        font-size: 26px;
        color: #fff;
        padding-top: 10px;
        margin-left: 10px;
    }
    .bgban2{
        font-size: 18px;
        color: #fff;
        margin-top: 5px;
        margin-left: 10px;
    }
    .bgban3{
        font-size: 12px;
        color: #fff;
        margin-top: 10px;
        margin-left: 10px;
    }
    .cen{
        max-width: 450px;
        margin: 0 auto;
        background-color: #f5f9fc;
        padding-bottom: 60px;
    }
    .cens{
        max-width: 450px;
        margin: 0 auto;
        /* display: flex; */
    }
    .cen-l{
        text-align: center;
        display: none;
    }
    .cen-lt{
        width: 340px;
        padding-top: 35px;
        margin: 0 auto;
    }
    .cen-lc{
        width: 340px;
        margin: 0 auto; 
        margin-top: 15px;
    }
    .el-select {
        width: 340px;
    }
    .el-range-editor{
        width: 340px !important;
    }
    .el-date-editor .el-range-separator{
        width: 10% !important;
    }
    .cen-city{
        display: none;
    }
    .cen-time{
        display: none;
    }
    .cen-lu{
        margin-top: 20px;
    }
    .cen-sta{
        display: none;
    }
    .censub{
        width: 340px;
        height: 42px;
        background-color: #28b9a8;
        border: 0;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
        margin-top: 25px;
    }
    .cen-r{
        max-width: 835px;
        background-color: #eef3f7;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .cen-r1{
        max-width: 450px;
        padding-bottom: 20px;
        margin: 0 auto;
        margin-top: 25px;
        background-color: #fff;
        display: block;
    }
    .cen-r1 img{
        width: 83vw;
        height: 150px;
        margin-top: 15px;
        /*margin-left: 30px;*/
        object-fit: cover;
    }
    .cen-r1 .no {
        display: block;
    }
    .cen-r1 .no1 {
        display: none;
    }
    .cen-r1c{
        margin-top: 15px;
        margin-left: 35px;
    }
    .cen-r1c1{
        padding-top: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333;
    }
    .cen-r1c2{
        display: flex;
        margin-top: 40px;
        font-size: 14px;
    }
    .cen-r1c2l{
        color: #a3a8b0;
    }
    .cen-r1c2l span{
        color: #333333;
    }
    .cen-r1c2r{
        margin-left: 20px;
        color: #a3a8b0;
    }
    .cen-r1c2r span{
        color: #333333;
    }
    .cen-r1c3{
        margin-top: 5px;
        font-size: 14px;
        color: #a3a8b0;
    }
    .cen-r1c3 span{
        color: #333333;
    }
    .cen-r1u{
        width: 130px;
        height: 50px;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center;     /* 垂直居中 */
    }
    .cen-r1u1{
        width: 12px;
        height: 12px;
        background-color: #28b9a8;
        border-radius: 12px;
    }
    .cen-r1u2{
        color: #333333;
        margin-left: 5px;
        font-size: 14px;
    }
    .cen-r2{
        max-width: 785px;
        /* height: 150px; */
        margin: 0 auto;
        margin-top: 15px;
        display: block;
        background-color: #fff;

    }
    .cen-r2 img{
        width: 160px;
        height: 115px;
        margin-top: 15px;
        margin-left: 30px;
    }
    .cen-r2c{
        margin-top: 15px;
        margin-left: 35px;
    }
    .cen-r2c1{
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }
    .cen-r2c2{
        display: flex;
        margin-top: 40px;
        font-size: 14px;
    }
    .cen-r2c2l{
        color: #a3a8b0;
    }
    .cen-r2c2l span{
        color: #333333;
    }
    .cen-r2c2r{
        margin-left: 30px;
        color: #a3a8b0;
    }
    .cen-r2c2r span{
        color: #333333;
    }
    .cen-r2c3{
        margin-top: 5px;
        color: #a3a8b0;
        font-size: 14px;
    }
    .cen-r2c3 span{
        color: #333333;
    }
    .cen-r2u{
        width: 130px;
        height: 80px;
        display: flex;
        font-size: 14px;
        justify-content: center; /* 水平居中 */
        align-items: center;     /* 垂直居中 */
    }
    .cen-r2u1{
        width: 12px;
        height: 12px;
        background-color: #ff6766;
        border-radius: 12px;
    }
    .cen-r2u2{
        color: #333333;
        margin-left: 5px;
    }
    .un{
       margin-top: 60px;
       margin-left: 30px;
    }
    .pagination{
        font-size: 14px;
    }
    /*设置 a 标签的css样式*/
	.page-normal a{
		border: 1px solid #e3e9ec;
		padding: 7px 7px;
		color: #333;
        line-height: 50px;
		text-decoration: none;/*去除页码数字下面的下划线*/
	}
	/*设置鼠标经过时 a 标签的css样式*/
	.page-normal a:hover{
		background-color: #f4fffe;
	}
	
	/*设置整个div的css样式,该样式主要用于设置网页内的省略号 …… 的样式，并且同时设置内容居中显示*/
	.page-normal{
		color: #002fa7;
	}
	
	/*设置当前页面的css样式*/
	.page-normal .page-current{
		color: #ffffff;
		background-color: #28b9a8;
	}
	
	/*设置左单括号 < 的css样式*/
	.page-normal .page-prev{
		color: #333;
	}
	.page-normal a, .page-normal a:hover, .page-normal .page-prev, .page-normal .page-current{
		border: 1px solid #e3e9ec;
		padding: 7px 12px;
	}
}