#banner{width:100%;height:470px;background:#fafafa no-repeat center/cover;MARGIN:100PX 0 0}
#banner .wrap{position:relative;top:41.6%;left:-10px;font-size:4.2rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';color:#2b2b2b}
#banner .wrap>span{display:inline-block}
#space{height:100px}
@media (max-width:1279px){#banner{display:none}
#mp-head{background:#e71231;height:80px}
#space{height:120px}
}#child{background:none;padding:0;position:relative;top:-40px}
#child .wrap>a{width:50%}
@media (max-width:1279px){#child{padding:120px 0 0;top:-40px}
#child .wrap{height:48px}
#child .wrap>a{line-height:47px;font-size:1.3rem}
#child .wrap>a::after{height:1.3rem;top:17px}
}#news{padding:30px 0 120px 0}
#news .wrap>.tit{font-size:3.9rem;color:#2b2b2b;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#news .wrap>.tit-en{color:#bbb;font-size:1.5rem;font-family:'Montserrat';margin-top:12px}
#news .top{margin-top:70px;padding:0 50px 40px 50px;border-bottom:1px solid #e6e6e6}
#news .top .swiper-container{padding-bottom:70px}
#news .top .swiper-slide{display:flex;justify-content:space-between}
#news .top .swiper-slide .img{display:block;width:32%;height:0;padding-bottom:22%;background:#eee no-repeat center/cover;transition:all .3s;position:relative}
#news .top .swiper-slide .img::after{content:'';display:block;width:100%;height:100%;position:absolute;transition:all .35s}
#news .top .swiper-slide .img:hover::after{background:rgba(0,0,0,.2)}
#news .top .swiper-slide .box{width:68%;padding-left:50px;box-sizing:border-box}
#news .top .swiper-slide .box .tit{display:block;font-size:2.8rem;font-weight:bold;color:#2e2d3c;padding:20px 0;line-height:1.3;transition:all .2s}
#news .top .swiper-slide .box .tit:hover{color:#2e7eef}
#news .top .swiper-slide .box .desc{margin-top:20px;font-size:1.6rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';line-height:1.9;color:#999}
#news .top .swiper-slide .box .date{margin-top:40px;font-size:1.6rem;font-weight:300;color:#aaa}
#news .top .swiper-slide .box .date::before{content:'\e638';font-family:'iconfont';display:inline-block;font-size:1.6rem;color:#aaa;margin-right:7px}
#news .top .swiper-slide .box .more{display:block;background:#2e7eef;color:#fff;font-size:1.5rem;width:145px;height:47px;line-height:45px;text-align:center;border-radius:50px;margin-top:40px;font-weight:300;transition:all .25s}
#news .top .swiper-slide .box .more::after{color:#fff;content:'\e615';font-family:'iconfont';display:inline-block;font-size:1.5rem;margin-left:6px;margin-right:-5px;transition:all .2s}
#news .top .swiper-slide .box .more:hover{background:#e71231}
#news .top .swiper-slide .box .more:hover::after{margin-left:11px;margin-right:-10px}
#news .top .swiper-pagination{width:100%;bottom:0}
#news .top .swiper-pagination-bullet{width:9px;height:9px;margin:0 5px 0 5px;opacity:1;background:#ccc;transition:all .25s;position:relative;opacity:.7}
#news .top .swiper-pagination-bullet-active{background:#e71231}
#news .list{margin:0 0 50px 0}
#news .list>a{display:block;transition:all .35s}
#news .list>a:hover{background:#e71231}
#news .list>a .wrap{padding:40px 50px;box-sizing:border-box;border-bottom:1px solid #e6e6e6;display:flex;align-items:center}
#news .list>a .wrap .date{width:120px;height:135px;border:1px solid #e6e6e6;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .35s;border-radius:0 0 20px 0}
#news .list>a:hover .wrap .date{border:1px solid #fff;background:#fff;border-radius:0}
#news .list>a .wrap .date .day{font-family:'Montserrat';font-size:5rem;font-weight:700;color:#2e2d3c}
#news .list>a .wrap .date .ym{color:#999;font-size:1.68rem;font-weight:300;margin-top:8px;padding-top:5px}
#news .list>a .wrap .con{width:calc(100% - 420px);margin-left:35px}
#news .list>a .wrap .con .tit{font-size:2.2rem;color:#2e2d3c;font-weight:300;transition:all .35s}
#news .list>a:hover .wrap .con .tit{color:#fff}
#news .list>a .wrap .con .desc{font-size:1.5rem;color:#999;line-height:1.8;margin-top:20px;font-family:'Microsoft Jhenghei','Microsoft YaHei';transition:all .35s}
#news .list>a:hover .wrap .con .desc{color:rgba(255,255,255,.7)}
#news .list>a .wrap .img{width:250px;height:135px;background:#eee no-repeat center/cover;margin-left:50px}
#news-view{margin:50px auto 80px auto;max-width:1200px}
#news-view h1{color:#2e2d3c;text-align:center;line-height:1.3;font-size:3.6rem}
#news-view .info{text-align:center;font-weight:300;font-size:1.4rem;color:#aaa;padding-bottom:45px;border-bottom:1px solid #ddd}
#news-view .con{font-size:1.7rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';line-height:1.9;padding-top:40px}
#news-view .con p,#news-view .con div{font-size:1.7rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';line-height:1.9;margin-bottom:30px}
#news-view .back{margin-top:60px;text-align:center}
#news-view .back>a{display:inline-block;font-size:2rem;color:#e71231;letter-spacing:.3rem;font-weight:300}
#news-view .back>a::before{content:'\e6f4';font-family:'iconfont';display:block;font-size:3rem;margin-bottom:9px}
#news-view .back>a:hover{color:#e24040}
@media (max-width:1679px){#news .wrap>.tit{font-size:3.8rem}
#news .wrap>.tit-en{font-size:1.4rem}
#news .top .swiper-slide .box .tit{font-size:2.6rem}
#news .top .swiper-slide .box .desc{margin-top:15px;font-size:1.5rem}
#news .top .swiper-slide .box .date{margin-top:36px;font-size:1.4rem}
#news .top .swiper-slide .box .more{font-size:1.4rem;width:140px;height:45px;line-height:43px;margin-top:36px}
#news .list>a .wrap .date .day{font-size:4.6rem}
#news .list>a .wrap .date .ym{font-size:1.6rem;margin-top:6px;padding-top:5px}
#news .list>a .wrap .con .tit{font-size:2rem}
#news-view h1{font-size:3.4rem}
#news-view .info{font-size:1.4rem}
#news-view .con{font-size:1.6rem;line-height:1.9}
#news-view .con p,#news-view .con div{font-size:1.6rem;margin-bottom:28px}
}@media (max-width:1439px){#banner{height:450px}
#news{padding:30px 0 100px 0}
#news .top .swiper-slide .img{width:35%;padding-bottom:24%}
#news .top .swiper-slide .box{width:65%}
#news .list>a .wrap .date{width:110px;height:130px}
#news .list>a .wrap .date .day{font-size:4.2rem}
#news .list>a .wrap .date .ym{font-size:1.5rem;margin-top:6px;padding-top:5px}
#news .list>a .wrap .con .tit{font-size:1.9rem}
#news .list>a .wrap .con .desc{font-size:1.4rem}
#news-view h1{font-size:3.2rem}
#news-view .info{font-size:1.3rem}
#news-view .con{font-size:1.5rem;line-height:1.9}
#news-view .con p,#news-view .con div{font-size:1.5rem;margin-bottom:26px}
#news-view .back>a{font-size:1.9rem}
#news-view .back>a::before{font-size:2.9rem}
}@media (max-width:1365px){#news .top .swiper-slide .img{width:38%;padding-bottom:25%}
#news .top .swiper-slide .box{width:62%}
#news .top .swiper-slide .box .tit{font-size:2.4rem;padding:15px 0 18px 0}
#news .top .swiper-slide .box .desc{margin-top:13px;font-size:1.4rem}
#news .top .swiper-slide .box .date{margin-top:33px;font-size:1.4rem}
#news .top .swiper-slide .box .more{font-size:1.3rem;width:135px;height:45px;line-height:43px;margin-top:33px}
#news .list>a .wrap .date{width:110px;height:130px}
#news .list>a .wrap .date .day{font-size:4rem}
#news .list>a .wrap .date .ym{font-size:1.4rem;margin-top:6px;padding-top:5px}
#news .list>a .wrap .con .tit{font-size:1.8rem}
#news .list>a .wrap .con .desc{font-size:1.4rem}
#news-view h1{font-size:3rem}
#news-view .info{font-size:1.3rem}
#news-view .con{font-size:1.4rem;line-height:1.9}
#news-view .con p,#news-view .con div{font-size:1.4rem;margin-bottom:25px}
#news-view .back>a{font-size:1.8rem}
#news-view .back>a::before{font-size:2.8rem}
}@media (max-width:1279px){#news{padding:0 15px 60px 15px}
#news .wrap>.tit{font-size:2.4rem}
#news .wrap>.tit-en{font-size:1.2rem;margin-top:6px}
#news .top{margin-top:30px;padding:0 0 40px 0;border-bottom:1px solid #e6e6e6}
#news .top .swiper-container{padding-bottom:30px}
#news .top .swiper-slide{display:block}
#news .top .swiper-slide .img{width:100%;padding-bottom:60%}
#news .top .swiper-slide .box{width:100%;padding-left:0}
#news .top .swiper-slide .box .tit{font-size:1.9rem;padding:20px 0 0 0}
#news .top .swiper-slide .box .desc{margin-top:15px;font-size:1.4rem;line-height:1.7}
#news .top .swiper-slide .box .date{margin-top:15px;font-size:1.3rem}
#news .top .swiper-slide .box .date::before{margin-right:5px}
#news .top .swiper-slide .box .more{font-size:1.4rem;width:125px;height:41px;line-height:40px;margin-top:30px}
#news .top .swiper-slide .box .more::after{font-size:1.4rem;margin-left:5px}
#news .top .swiper-pagination-bullet{width:7px;height:7px;margin:0 5px 0 5px}
#news .list{margin:0 0 30px 0}
#news .list>a .wrap{padding:25px 0;display:block}
#news .list>a .wrap .date{display:none}
#news .list>a .wrap .con{width:100%;margin-left:0}
#news .list>a .wrap .con .tit{font-size:1.8rem}
#news .list>a .wrap .con .desc{font-size:1.3rem;line-height:1.7;margin-top:10px}
#news .list>a .wrap .img{width:100%;height:0;padding-bottom:40%;margin-left:0;margin-top:12px}
#news-view{margin:-15px 15px 50px 15px;max-width:unset}
#news-view h1{font-size:2.4rem}
#news-view .info{font-size:1.2rem;color:#aaa;padding-bottom:25px;border-bottom:1px solid #ddd}
#news-view .con{font-size:1.4rem;line-height:1.8;padding-top:25px}
#news-view .con p,#news-view .con div{font-size:1.4rem;line-height:1.8;margin-bottom:20px}
#news-view .back{margin-top:30px}
#news-view .back>a{font-size:1.6rem}
#news-view .back>a::before{font-size:2rem}
}