@charset "utf-8";#banner{position:fixed;width:100%;height:100%;z-index:1;overflow:hidden}
#banner img{max-width:auto}
#banner .mp-img,#banner .mp-text{display:none}
#banner .mask{width:100%;height:100%;position:absolute;z-index:1;background:rgba(0,0,0,.30);left:0;top:0}
{.swiper-container_banner .swiper-slide margin:0 0 0}
@media (max-width:1279px){#banner img{max-width:100%}
#banner{height:70%}
#video{display:none}
#banner .mp-img{display:block;width:100%;height:100%;background:url('../images/b.jpg') no-repeat center/cover}
#banner .mp-text{display:block;color:#fff;text-align:center;position:absolute;width:100%;top:44.6%;z-index:3;font-size:2.6rem;font-weight:300;letter-spacing:.3rem}
.swiper-container_banner .swiper-slide{margin:72px 0 0}
}#space{height:100%}
@media (max-width:1279px){#space{height:36%}
}.tit-container{padding:60px 0}
.tit-container .en{font-size:2rem;font-family:'Montserrat'}
.tit-container .cn{font-size:4rem;margin-top:13px;color:#212121;font-weight:300}
.tit-container .desc{font-size:1.6rem;color:#bbb;max-width:1600px;margin:15px 0 0 0;line-height:1.3;font-family:'Microsoft Jhenghei','Microsoft YaHei';letter-spacing:-0.05rem}
@media (max-width:1679px){.tit-container .en{font-size:1.8rem}
.tit-container .cn{font-size:3.6rem}
.tit-container .desc{font-size:1.5rem}
}@media (max-width:1439px){.tit-container .en{font-size:1.7rem}
.tit-container .desc{font-size:1.4rem}
}@media (max-width:1365px){.tit-container .en{font-size:1.6rem}
.tit-container .cn{font-size:3.4rem}
.tit-container .desc{font-size:1.4rem}
}@media (max-width:1279px){.tit-container{padding:40px 15px}
.tit-container .en{font-size:1.4rem;letter-spacing:unset}
.tit-container .cn{font-size:3.2rem;letter-spacing:unset}
.tit-container .desc{font-size:1.4rem;width:75%}
}#m1{background:#f5f6f6;position:relative;z-index:2;padding-bottom:100px}
#m1 .tit-container{position:relative}
#m1 .tit-container .more{display:block;position:absolute;right:0;top:100px;color:#e71231;font-size:1.5rem}
#m1 .tit-container .more::before{content:'\e685';font-family:'iconfont';font-size:1.4rem;margin-right:6px}
#m1 .tit-container .more:hover{color:#464646}
#m1 .box{width:100%;overflow:hidden;margin-top:-10px}
#m1 .list{display:flex;flex-wrap:wrap;width:calc(100% + 10px)}
#m1 .list a{display:block;width:calc(20% - 10px);margin-right:10px;height:0;padding-bottom:8%;margin-bottom:10px;background:#fff;position:relative;overflow:hidden;transition:all .3s}
#m1 .list a:hover{box-shadow:0 0 0 4px #e71231 inset}
#m1 .list a .img{opacity:0;position:absolute}
#m1 .list a i{position:absolute;text-align:right;font-size:5.2rem;width:100%;right:20px;top:20px;color:#bbb;transition:all .2s}
#m1 .list a:hover i{top:26px;color:#d0d0d0}
#m1 .list a .tit{position:absolute;width:100%;left:0;padding-left:20px;box-sizing:border-box;bottom:22px;font-size:1.8rem;font-weight:bold;transition:all .3s}
#m1 .list a:hover .tit{color:#e71231;padding-left:26px}
#m1 .list a .icon-yongdianqujianbaobiao{transform:scale(.85);right:10px}
#m1 .list a .icon-dianzi{transform:scale(1.08);right:25px}
#m1 .list a .plus{display:block;width:32px;height:32px;background:#e71231;color:#fff;position:absolute;right:-32px;bottom:-32px;text-align:center;line-height:31px;font-size:1.2rem;opacity:0;transition:all .3s}
#m1 .list a .plus::after{font-family:'iconfont';content:'\e6e2'}
#m1 .list a:hover .plus{right:0;bottom:0;opacity:1}
#m1 .container>ul{margin:0 auto}
#m1 .container>ul>li{position:relative;float:left;width:25%;overflow:hidden;border-bottom:5px solid #f6f6f6;border-right:5px solid #f6f6f6;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}
#m1 .container>ul>li:nth-child(4n){margin-right:0}
#m1 .container>ul>li>a{position:relative;display:block;-webkit-transition:all 1s;transition:all 1s}
#m1 .container>ul>li>a:after{position:absolute;z-index:3;right:0;bottom:-40px;width:50px;height:40px;background:url(../images/ico_arrow_right_noborder_white.png) no-repeat rgb(231 18 49 / 90%);background-position:50% 50%;background-size:40% auto;opacity:0;content:'';-webkit-transition:all .35s;transition:all .35s}
#m1 .container>ul>li>a>.img{position:relative;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;width:100%;display:flex;justify-content:center;align-items:center}
#m1 .container>ul>li>a>.img::before{content:'';display:block;padding-top:100%}
#m1 .container>ul>li>a>.img>img{object-fit:cover;width:100%;display:inline-block;-webkit-transition:all .35s;transition:all .35s}
#m1 .container>ul>li>a>.tit{text-align:left;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}
#m1 .container>ul>li>a>.tit>p{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;-webkit-transition:all .34s;transition:all .34s}
#m1 .container>ul>li>a>.tit>span{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc;font-family:Arial}
#m1 .container>ul>li:hover{background:#fff}
#m1 .container>ul>li:hover .tit{padding:20px 30px}
#m1 .container>ul>li:hover .tit>p{color:#e71231}
#m1 .container>ul>li:hover a:after{opacity:1;bottom:0}
#m1 .container>ul>li:hover .img>img{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
#m1 .container>ul>li:hover .img{-webkit-transform:scale(.9);transform:scale(.9)}
#m1 .container>ul>li.active:after{position:absolute;z-index:45;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);content:''}
@media (max-width:1679px){#m1 .list a{display:block;width:calc(25% - 10px)}
#m1 .list a .tit{height:24px}
}@media (max-width:1439px){#m1 .list a i{font-size:4.8rem}
#m1 .list a .tit{font-size:1.7rem}
}@media (max-width:1365px){#m1 .list a i{font-size:4.2rem}
#m1 .list a .tit{font-size:1.6rem;height:22px}
#m1 .tit-container .more{font-size:1.4rem}
}@media (max-width:1279px){#m1{padding-bottom:70px}
#m1 .tit-container .more{display:none}
#m1 .list{display:flex;margin-top:unset;padding:0 15px;box-sizing:border-box}
#m1 .list a{width:calc(50% - 10px);padding-bottom:28%}
#m1 .list a i{font-size:3.6rem}
#m1 .list a .tit{padding-left:15px;padding-right:15px;bottom:10px;font-size:1.5rem}
#m1 .container>ul>li{width:50%}
}#m2{position:relative;z-index:2;background:#fff}
#m2 .tit-container{padding:60px 0 65px 0;text-align:center}
#m2 .tit-container .en{color:#fff}
#m2 .tit-container .cn{color:#fff}
#m2 .tit-container .desc{color:rgba(255,255,255,.9);text-align:center;max-width:1200px;margin:35px auto 10px auto;font-size:1.7rem;line-height:1.8}
#m2 .list{width:100%;height:calc(100vh);position:relative}
#m2 .list>.bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .65s ease}
#m2 .list>.s0{}
#m2 .list>.s1{}
#m2 .list>.s2{}
#m2 .list>.s3{}
#m2 .list>.s4{}
#m2 .list>.active{opacity:1}
#m2 .list .item{width:20%;height:100%;position:relative;border-right:1px solid #e9e9e9;box-sizing:border-box;z-index:2;text-align:center;transition:all .55s}
#m2 .list:hover .item{border-right:1px solid rgba(255,255,255,.5)}
#m2 .list .item:last-child{border-right:0px none}
#m2 .list .item .bg{width:100%;height:100%;position:absolute;background:linear-gradient(#112a96,#fb5483);opacity:0;transition:all .4s}
#m2 .list .item:hover .bg{opacity:.75}
@media (max-width:1439px){#m2 .tit-container .desc{font-size:1.6rem;width:70%;display:block}
}#m2 .list .wrapper{display:flex;height:100%;position:relative}
#m2 .list .box{position:relative;z-index:2;top:25%;transition:all .35s}
#m2 .list .wrapper .active{top:20%}
#m2 .list .item i{font-size:10rem;background:linear-gradient(#fb5483,#4488fa);-webkit-background-clip:text;color:transparent;height:10rem;line-height:10rem;transition:all .35s}
#m2 .list .item i.icon-buildings_tower-{font-size:9.6rem}
#m2 .list .item i.icon-taiyangnengdianchi{font-size:9.4rem}
#m2 .list .item i.icon-ditie{font-size:9.6rem}
#m2 .list .item .active i{color:#fff}
#m2 .list .item .tit{font-size:3.2rem;color:#2b2b2b;margin-top:32px;transition:all .35s}
#m2 .list .item .active .tit{color:#fff;font-size:4rem}
#m2 .list .item .desc{font-size:1.6rem;color:#464646;line-height:1.6;height:50px;transition:all .35s;max-width:250px;margin:28px auto auto auto}
#m2 .list .item .active .desc{color:rgba(255,255,255,.8)}
#m2 .list .item .more{margin:50px;border:1px solid #d3d3d3;font-size:1.5rem;padding:15px 35px;display:inline-block;border-radius:50px;color:#999;transition:all .28s}
#m2 .list:hover .more{opacity:.7;background:#fff;color:#666;border:1px solid #fff}
#m2 .list .active .more{opacity:.7;background:#fff;color:#666;margin-top:110px;border:1px solid #fff}
#m2 .list .item .more:hover{opacity:1;color:#e71231}
#m2 .list .item:hover i img{filter:grayscale(100%) brightness(200%)}
@media (max-width:1679px){#m2 .list .item i{font-size:9rem}
#m2 .list .item i.icon-buildings_tower-{font-size:8.6rem}
#m2 .list .item i.icon-taiyangnengdianchi{font-size:8.4rem}
#m2 .list .item i.icon-ditie{font-size:8.6rem}
#m2 .list .item .tit{font-size:2.8rem}
#m2 .list .item .active .tit{font-size:3.3rem}
#m2 .list .item .desc{font-size:1.5rem}
}@media (max-width:1439px){#m2 .list .item i{font-size:8.6rem}
#m2 .list .item i.icon-buildings_tower-{font-size:8.2rem}
#m2 .list .item i.icon-taiyangnengdianchi{font-size:8rem}
#m2 .list .item i.icon-ditie{font-size:8.2rem}
#m2 .list .item .active .tit{font-size:3.2rem}
#m2 .list .item .desc{font-size:1.4rem}
#m2 .list .item .tit{font-size:2.6rem;margin-top:10px}
#m2 .list .item .active .tit{font-size:3rem}
#m2 .list .item .box .desc{font-size:1.4rem;max-width:90%;margin:20px auto auto auto}
#m2 .list .item .more{margin:40px;font-size:1.4rem;padding:13px 32px}
#m2 .list>.bg{display:none}
}@media (max-width:1365px){#m2 .list .item .tit{font-size:2.4rem}
#m2 .list .item .active .tit{font-size:2.7rem}
#m2 .list .item .desc{font-size:1.3rem;padding:0 10px}
}@media (max-width:1279px){#m2 .tit-container{background:#111 url('../images/m2_tit_bg.jpg') no-repeat center/cover;padding:50px 0 55px 0}
#m2 .tit-container .desc{padding:0 15px}
#m2 .list .item:hover .bg{opacity:0}
#m2 .list .item.active .bg{opacity:.75}
#m2 .list{height:auto;background:none}
#m2 .list .wrapper{display:block}
#m2 .list .item{width:100%;height:auto;border-right:0px none;border-bottom:1px solid #eee}
#m2 .list .box{top:0;padding:30px 15px}
#m2 .list .item i{font-size:6.6rem}
#m2 .list .item i.icon-buildings_tower-{font-size:5.6rem}
#m2 .list .item i.icon-taiyangnengdianchi{font-size:5.4rem}
#m2 .list .item i.icon-ditie{font-size:5.6rem}
#m2 .list:hover .more{opacity:1;background:unset;color:#999;border:1px solid #d3d3d3}
#m2 .list .item.active .more{opacity:.7;background:#fff;color:#666;border:1px solid #fff}
}#m-about{position:relative;z-index:2;background:#fff}
#m-about .wrap{min-height:600px}
#m-about .box{padding-top:50px;padding-bottom:100px;max-width:700px}
#m-about .box .tit{color:#2b2b2b;font-size:3.5rem;font-weight:bold;position:relative}
#m-about .box .con{color:#999;font-size:1.5rem;margin-top:40px}
#m-about .box .con p{line-height:1.8;margin-bottom:30px}
#m-about .more{display:block;width:150px;height:50px;background:#e71231;color:#fff;text-align:center;line-height:50px;margin-top:55px;font-size:1.5rem;font-weight:300;border-radius:30px;transition:background-color .35s}
#m-about .more:hover{background:#e71231}
@media (max-width:1679px){#m-about .box .tit{font-size:3.4rem}
#m-about .more{font-size:1.4rem;width:142px;height:48px;line-height:48px}
#m-about .box .con{width:70%}
}@media (max-width:1439px){#m-about .box .con{font-size:1.4rem;width:70%}
}@media (max-width:1365px){#m-about .more{width:132px;height:46px;line-height:46px}
}@media (max-width:1279px){#m-about .wrap{background:url('../images/building.png') no-repeat right bottom/auto 30%;min-height:560px}
#m-about .box{padding:30px 15px 45px 15px;max-width:unset}
#m-about .box .tit{font-size:2.6rem}
#m-about .box .con{font-size:1.4rem;margin-top:40px}
#m-about .box .con p{color:#fff}
}#m3{padding:60px 0;position:relative;z-index:2}
#m3 .wrap{display:flex}
#m3 .wrap .item{width:25%;text-align:center;box-sizing:border-box}
#m3 .tit{color:#fff}
#m3 .num{font-size:5.6rem;font-family:'Montserrat';font-weight:700;vertical-align:middle}
#m3 .plus{font-size:4.2rem;vertical-align:middle;font-weight:bold;position:relative;top:-4px}
#m3 .desc{color:#fff;max-width:250px;margin:20px auto;line-height:1.6;font-size:1.6rem;font-weight:300}
@media (max-width:1679px){#m3 .num{font-size:5.2rem}
#m3 .plus{font-size:4rem}
#m3 .desc{font-size:1.5rem}
}@media (max-width:1439px){#m3 .num{font-size:5rem}
#m3 .plus{font-size:3.8rem}
#m3 .desc{font-size:1.4rem}
}@media (max-width:1279px){#m3{padding:0;background:#e71231}
#m3 .wrap{display:flex;flex-wrap:wrap;align-content:stretch}
#m3 .wrap .item{width:50%;text-align:center;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:30px 15px}
#m3 .num{font-size:3.6rem}
#m3 .plus{font-size:2.2rem}
#m3 .desc{max-width:100%;margin:16px auto;line-height:1.5;font-size:1.4rem}
}#m4 .tit-container .more{display:block;position:absolute;right:0;top:100px;color:#e71231;font-size:1.5rem}
#m4 .tit-container .more::before{content:'\e685';font-family:'iconfont';font-size:1.4rem;margin-right:6px}
#m4 .tit-container .more:hover{color:#464646}
#m4{position:relative;z-index:2;background:#fff;padding:0 0 100px 0;overflow:hidden}
#m4 .wrap{position:relative}
#m4 .main-tit{border-bottom:1px solid #e0e0e0;justify-content:space-between}
#m4 .main-tit .tit-container{padding-bottom:30px}
#m4 .qr{height:78px;padding-top:71px}
#m4 .qr>img{height:100%;float:right}
#m4 .qr>div{float:right;padding-top:23px;font-size:1.4rem;color:#bbb;padding-right:10px;line-height:1.4;text-align:right}
@media (max-width:1439px){#m4 .qr>div{font-size:1.3rem}
}@media (max-width:1279px){#m4{padding:0 0 60px 0}
#m4 .main-tit{display:block}
#m4 .qr{display:none}
}#m4 .swiper-container{margin-top:60px;margin-left:170px}
#m4 .swiper-slide a{display:block}
#m4 .swiper-slide a .img{height:0;padding-bottom:65%;background:#eee;position:relative;overflow:hidden}
#m4 .swiper-slide a .img>.focus{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .55s;background:#eee no-repeat center/cover}
#m4 .swiper-slide a:hover .img>.focus{transform:scale(1.09)}
#m4 .swiper-slide a .img .date{position:absolute;left:0;right:0;bottom:-55px;height:55px;background:#e71231a6;margin:auto;text-align:center;line-height:55px;color:#fff;font-size:1.5rem;font-weight:300;transition:all .35s;letter-spacing:1px}
#m4 .swiper-slide a:hover .img .date{bottom:0}
#m4 .swiper-slide a:hover .img .date:hover{background:#e71231}
#m4 .swiper-slide a .img .date::before{display:inline-block;content:'\e638';font-family:'iconfont';margin-right:8px;font-size:1.7rem}
#m4 .swiper-slide a .box{margin-top:30px}
#m4 .swiper-slide a .box .tit{color:#2b2b2b;font-size:1.9rem;font-weight:bold;line-height:1.4;height:48px;transition:all .25s}
#m4 .swiper-slide a:hover .box .tit{color:#e71231}
#m4 .swiper-slide a .box .desc{line-height:1.8;margin-top:20px;font-size:1.5rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';color:#aaa}
#m4 .pagination{position:absolute;left:0;top:280px;color:#bbb;font-size:2.2rem;font-family:'Montserrat';font-weight:700}
#m4 .swiper-pagination-current{font-size:2.5rem;color:#e71231;display:inline-block;width:32px}
#m4 .right{position:absolute;left:50px;top:350px;background:#bfbfbf;width:48px;height:48px;text-align:center;line-height:48px;cursor:pointer;transition:all .3s}
#m4 .right::after{content:'\e624';font-family:'iconfont';font-size:2.4rem;color:#fff;transform:rotate(-180deg);display:block;width:50px;height:48px}
#m4 .left{position:absolute;left:0;top:350px;background:#bfbfbf;width:48px;height:48px;text-align:center;line-height:48px;cursor:pointer;transition:all .3s}
#m4 .left::after{content:'\e624';font-family:'iconfont';font-size:2.4rem;color:#fff}
#m4 .right:hover,#m4 .left:hover{background:#e71231}
@media (max-width:1439px){#m4 .swiper-slide a .img .date{bottom:-50px;height:50px;line-height:50px;font-size:1.4rem}
#m4 .swiper-slide a .img .date::before{margin-right:7px;font-size:1.6rem}
#m4 .swiper-slide a .box .tit{font-size:1.8rem}
#m4 .swiper-slide a .box .desc{font-size:1.3rem}
}@media (max-width:1279px){#m4 .left,#m4 .right{display:none}
#m4 .swiper-container{margin:50px 20px 50px 20px}
#m4 .swiper-slide a .img .date{display:none}
#m4 .pagination{position:relative;left:unset;top:unset;text-align:center;font-size:1.6rem}
#m4 .swiper-pagination-current{font-size:1.6rem;width:auto}
}#m5{position:relative;z-index:2}
#m5 .wrap{min-height:300px;display:flex;justify-content:space-between;align-items:stretch;padding:80px 0}
#m5 .l{width:60%}
#m5 .word{color:#fff;font-size:1.4rem;margin-top:16px;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#m5 .tit{color:#fff;font-size:3.2rem;font-weight:bold;margin-top:50px;line-height:1.3}
#m5 .tit-en{color:rgba(255,255,255,.5);font-size:1.5rem;margin-top:50px;line-height:1.6;font-weight:300}
#m5 .r{width:40%;position:relative}
#m5 .r .more{display:block;width:42px;height:42px;border:1px solid #fff;text-align:center;line-height:42px;color:#fff;position:absolute;right:0;top:50%;border-radius:3px;overflow:hidden;transition:all .3s}
#m5 .r .more:hover{width:130px}
#m5 .r .more i{font-size:2rem;position:absolute;top:0;right:0;display:block;width:42px;height:42px;line-height:42px;transition:all .3s}
#m5 .r .more div{height:42px;line-height:40px;width:60px;position:absolute;left:-60px;font-size:1.5rem;top:0px;transition:all .3s}
#m5 .r .more:hover div{left:18px}
@media (max-width:1439px){#m5 .tit{font-size:3rem}
#m5 .tit-en{font-size:1.4rem}
#m5 .r .more{width:40px;height:40px;line-height:40px}
#m5 .r .more:hover{width:120px}
#m5 .r .more i{font-size:1.8rem;width:40px;height:40px;line-height:40px}
#m5 .r .more div{height:40px;line-height:40px}
}@media (max-width:1365px){#m5 .wrap{padding:70px 0 65px 0}
#m5 .tit{font-size:2.8rem}
#m5 .tit-en{font-size:1.3rem}
}@media (max-width:1279px){#m5{background:#19439a url('../images/m5.jpg') no-repeat center/cover}
#m5 .wrap{min-height:unset;display:block;padding:60px 0}
#m5 .l{width:100%;padding:0 15px;box-sizing:border-box}
#m5 .tit{font-size:2rem}
#m5 .tit-en{font-size:1.3rem}
#m5 .r{width:100%;padding:50px 0}
#m5 .r .more{right:unset;left:15px;top:unset}
}