.pages-base{width: 100%; margin-top:0; padding-top:0;}
.pages-base>.wrap{width: 1200px; margin:auto;}
.bannerbox{margin-top:0px; width: 1200px; margin:auto;}

.bannerbox .swiper-container{width:100%; height:400px;}
.bannerbox .swiper-container img{width:100%; height:400px; object-fit: cover;}

/* 设置Swiper左箭头的颜色 */
.swiper-container-horizontal .swiper-button-prev,
.swiper-container-horizontal .swiper-button-next {color: #ef4e3a; z-index:999;}
 
/* 设置Swiper左箭头悬停时的颜色 */
.swiper-container-horizontal .swiper-button-prev:hover,
.swiper-container-horizontal .swiper-button-next:hover {color: #ef4e3a; z-index:999;}

.screen1{margin-top:50px;}
.screen1 .title{font-size:32px; color:#ef4e3a; font-family: 'MyCustomFont', sans-serif;}
.screen1 .desp{-moz-column-count: 3; -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    font-size: 20px;
    line-height: 25px;
    margin-top:20px;
    color:#333;
}


.screen2{display: flex; margin-top:50px; border-bottom:1px solid #eee; padding-bottom:30px;}
.screen2 img.pc{flex:0 0 600px; width:600px; margin-right:50px;}
.screen2 img.mobile{display: none;}

.screen2 .swiper-container2{flex:0 0 600px; width:600px; height:326px; margin-right:40px; overflow: hidden; border:1px solid #eee; position: relative;}
.screen2 .swiper-container2 img{width:600px; height:326px; object-fit: cover;}
.screen2 .swiper-pagination{width: 600px; bottom: 0;}

.screen2 .right{flex:1 1 auto;}
.screen2 .right .title{font-size:30px; color:#ef4e3a; margin-bottom:20px; font-family: 'MyCustomFont', sans-serif;}
.screen2 .right .desp{font-size: 20px; line-height: 25px; color:#333;}
.screen2 .right .nav{text-align: right; font-size: 20px; color:#ef4e3a; margin-top:30px;}
.screen2 .right .nav a{color:#ef4e3a; text-decoration: underline;}
.screen2 .right .nav::after{content:''; display: inline-block; width:9px; height:9px; border-top:2px solid #ef4e3a;border-right:2px solid #ef4e3a; transform: rotate(45deg); margin-left:4px;}


.screen3 .title{font-size:34px; color:#111; margin-top:60px; margin-bottom:20px; font-family: 'MyCustomFont', sans-serif;}
.screen3 .flexbox{display:flex; justify-content: space-between; font-family: 'MyCustomFont', sans-serif;}
.screen3 .flexbox .nav{display: flex; color:#111; font-size: 15px; align-items: center;}
.screen3 .flexbox .nav img{ height:49px; display: block; margin-right:10px;}

.screen3 .event_list{display: flex; width: 1200px; flex-wrap: wrap; margin-top:60px;}
.screen3 .event_list .a{width:380px; margin-right:30px; margin-bottom: 20px;}
.screen3 .event_list .a img{width: 380px; height:214px;}
.screen3 .event_list .a div{font-size:16px;}
.screen3 .event_list .a:nth-of-type(3n){margin-right:0;}


.screen4 .title{font-size:34px; color:#ef4e3a; margin-top:60px; margin-bottom: 20px; font-family: 'MyCustomFont', sans-serif;}
.screen4 .flexbox{display: flex; justify-content: space-between;}
.screen4 .flexbox div{font-size:16px;}
/* .screen4 .flexbox a{display: block; border:1px solid #333; height:47px; line-height:47px; text-align: center; font-size: 16px; width:260px; color:#111; margin-left: 20px;} */
.screen4 .flexbox a button{width:260px; height:49px; line-height:49px; margin-left: 20px; font-size: 16px; border-radius: 5px;}


@media screen and (max-width: 500px) {
    .pages-base{width: 414px; margin-top:0; padding-top:0;}
    .pages-base>.wrap{width: 414px;}

    .bannerbox{width: 414px; margin:auto;}
    .bannerbox .swiper-container{width:100%; height:232px;}
    .bannerbox .swiper-container img{width:100%; height:232px; object-fit: cover;}

    .screen1{margin-top:30px;}
    .screen1{padding:0 15px;}
    .screen1 .title{font-size:18px; font-weight: bold;}
    .screen1 .desp{-moz-column-count: 1; -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        column-count: 1;
        column-gap: 20px;
        font-size: 14px;
        line-height: 25px;
        margin-top:10px;
        color:#333;
        text-align: justify;
        text-align-last: left;
    }
    .screen2{padding:0 15px 30px 15px; margin-top:30px;}
    .screen2{flex-wrap: wrap;}
    .screen2 img.pc{display: none;}
    .screen2 img.mobile{display: block; width: 384px;}
    .screen2 .swiper-container2{flex:0 0 384px; width:384px; height:203px; margin-right:0px; margin-bottom: 20px; overflow: hidden; border:1px solid #eee; position: relative;}
    .screen2 .swiper-container2 img{width:384px; height:203px; object-fit: cover;}
    .screen2 .swiper-pagination{width: 384px; bottom: 0;}

    .screen2 .right .title{font-size: 18px; font-weight: bold;}
    .screen2 .right .desp{font-size:14px; text-align: justify; text-align-last: left;}
    .screen2 .right .nav{text-align: center;}

    .screen3 {padding:0 15px 30px 15px; margin-top:30px;}
    .screen3 .title{font-size: 18px; font-weight: bold; margin-top:0;}
    .screen3 .flexbox{flex-wrap: wrap;}
    .screen3 .flexbox .nav{font-size:14px; flex:0 0 50%;}
    .screen3 .flexbox .nav img{flex:0 0 40px; width:40px; height:40px; }
    .screen3 .event_list{display: flex; width: 384px; flex-wrap: wrap; margin-top:20px;}
    .screen3 .event_list .a div{font-size:14px;}

    .screen4{padding:0 15px 30px 15px;}
    .screen4 .title{font-size: 18px; font-weight: bold; margin-top:0;}
    .screen4 .flexbox{flex-wrap: wrap; justify-content: center;}
    .screen4 .flexbox a button{margin-top:20px; width: 220px; height:44px; line-height:44px; font-size: 15px; margin-left: 0px;}
    .screen4 .flexbox div{font-size:14px; }


}