#logo,#menu-icon{font-size:14px;top:.32rem}
.section{text-align:center;color:#fff;position:relative}
#logo,#menu,#menu-icon{position:fixed}
#logo{left:.4rem;z-index:12}
#logo img{width:1.35rem}
#menu-icon{right:.4rem;z-index:100;cursor:pointer;transition:all .5s ease-in-out}
#menu-icon img{width:.36rem}
#menu-icon.hide{opacity:0}
#menu{top:0;right:-100%;height:100vh;width:2.2rem;background:#FFF;opacity:.85;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;transition:right .5s ease-in-out;z-index:9999}
#menu.open{right:0}
#menu ul{margin-top:1.05rem}
#menu ul li{margin-bottom:.1rem;padding:.2rem .2rem .2rem .5rem}
#menu ul li a{display:block;font-family:sourcehan2;color:#2E2E2E;text-decoration:none;font-size:.18rem}
#menu ul li a:hover{color:#14398e;font-weight:800}
#menu .close-button{position:absolute;width:.35rem;height:.29rem;top:.45rem;right:.49rem;color:#000;cursor:pointer;background-image:url(../images/icon_close.png);background-size:cover}
.menu-mask{position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:999}
.menu-mask.open{display:block}
.section .content{max-width:1400px;margin:0 auto}
.section .content.flex{display:flex;justify-content:space-between;align-items:center}
.section .content .text{flex:1.4;padding:0 20px 20px;text-align:left}
.section .content .image{flex:1;text-align:center}
.section .content .image img{max-width:100%;height:auto}
.section .content .text h2{font-size:.6rem;color:#2E2E2E;line-height:1.4;font-weight:500}
.section .content .text h2.white{color:#fff}
.section .content .text .desc-con{margin-top:.4rem}
.section .content .text p.bold{font-size:.44rem;color:#2E2E2E;margin-top:.05rem}
.section .content .text p.bold.white{font-size:.44rem;color:#fff}
.section .content .text p.normal{font-size:.3rem;color:#636363;margin-top:.35rem}
.section .content .text p.normal.mt55{margin-top:.55rem}
.section .content .text p.normal.font24{font-size:.24rem}
.section .content .text p.normal.white-level3{color:#cdcdcd}
#footer{background:#F9F9F9;padding:20px;text-align:center;color:#fff;height:280px!important}
#footer .fp-overflow{overflow:inherit}
.content-flex{max-width:1400px;margin:0 auto;display:flex;justify-content:center}
.content-flex dd{color:#696969;flex:1;font-size:14px}
.content-flex .con-1{text-align:left;flex:1.5}
.content-flex .con-1 p{font-size:.3rem;color:#2E2E2E}
.content-flex .con-2{padding-top:.1rem;flex:1.4}
.content-flex .con-2 .icon{display:inline-block;width:.79rem;height:.76rem;margin:0 .25rem}
.content-flex .con-2 .icon.icon1{position:relative;background-image:url(../images/footer/icon1.png);background-size:100% 100%}
.content-flex .con-2 .icon.icon2{background-image:url(../images/footer/icon2.png);background-size:100% 100%}
.content-flex .con-2 .icon.icon1 .ewm{opacity:0;position:absolute;top:-1.3rem;left:.18rem;z-index:1000;transition:all .3s ease-in-out}
.content-flex .con-2 .icon.icon1:hover .ewm{opacity:1}
.content-flex .con-2 .icon.icon3{background-image:url(../images/footer/icon3.png);background-size:100% 100%}
.content-flex .con-3{padding-top:.35rem}
.content-flex .con-3 a{text-decoration:underline;margin:0 .3rem}
.content-flex .con-3 a:first-child{margin-left:.1rem}
.content-flex .con-4{text-align:left;padding-top:.2rem}
#footer .desc{font-size:.16rem;color:#696969;margin-top:.6rem;opacity:.5}
.btn-link{display:inline-block;padding:.06rem .26rem;border-radius:.5rem;font-size:.3rem;color:#2E2E2E;margin-top:.45rem;border:1px solid #2E2E2E;transition:all .2s ease}
.btn-link:hover{opacity:.8}
.btn-link.white{color:#fff;border:1px solid #fff}
.down-con{font-size:14px;position:absolute;left:50%;transform:translateX(-50%);bottom:.5rem;text-align:center;cursor:pointer}
.down-con .link-con{box-sizing:border-box;width:.4rem;height:.4rem;justify-content:center;border-radius:50%;border:2px solid #fff;margin:0 auto 10px;padding-top:7px}
.down-con .link-con svg{animation:jump 1.5s linear infinite;fill:#fff;width:.18rem;height:.18rem;color:#fff}
.down-con span{color:#fff;font-size:14px}
@keyframes jump{0%,100%,50%{transform:translateY(0)}
25%{transform:translateY(-10%)}
75%{transform:translateY(10%)}
}
@media screen and (max-width:1400px){.section .content{padding:0 1rem}
}
@media screen and (max-width:768px){.section .content{padding:0}
#logo{left:25px;top:25px}
#logo img{width:4rem}
#menu-icon{right:25px;top:25px}
#menu-icon img{width:1.2rem}
#menu{position:fixed;top:-200%;right:auto;height:15rem;width:100%;background:#FFF;opacity:.85;align-items:flex-center;justify-content:flex-end;box-sizing:border-box;transition:top .5s ease;z-index:9999}
#menu.open{right:auto;top:0}
#menu ul{padding:1rem 0 0}
#menu ul li{text-align:center;padding:.5rem 0}
#menu ul li a{font-size:.6rem}
#menu .close-button{width:1.2rem;height:1rem;top:1rem;right:1rem}
.menu-mask{background-color:rgba(0,0,0,.5)}
#footer{height:auto!important;padding:1rem 1.5rem 1.5rem}
#footer .desc{font-size:.38rem;margin-top:.45rem}
#footer .content-flex{justify-content:space-between;align-content:space-between;flex-wrap:wrap}
#footer .content-flex dd{flex:none!important;width:50%;margin:0}
#footer .content-flex dd:nth-child(1){width:40%;order:1;padding-top:.2rem}
#footer .content-flex dd:nth-child(2){width:60%;order:2}
#footer .content-flex dd:nth-child(3){order:4}
#footer .content-flex dd:nth-child(4){order:3}
#footer .content-flex .con-1 p{font-size:.5rem}
#footer .content-flex .con-1 img{width:4rem}
#footer .content-flex .con-2 .icon{width:2.24rem;height:2.12rem;margin:0 .3rem}
#footer .content-flex .con-2 .icon.icon1 .ewm{left:-.5rem;top:-3.2rem}
#footer .content-flex .con-2 .icon.icon1 .ewm img{width:3rem}
#footer .content-flex .con-3{font-size:.22rem;width:40%}
#footer .content-flex .con-3 a{font-size:.46rem}
#footer .content-flex .con-4{margin-top:0;width:60%}
#footer .content-flex .con-4 p{display:inline-block;font-size:.46rem}
#footer .content-flex .con-4 p:first-child{margin-right:.4rem}
.down-con{bottom:1rem}
.down-con .link-con{width:1.6rem;height:1.6rem;padding-top:7px}
.down-con .link-con svg{animation:jump 1.5s linear infinite;fill:#fff;width:.8rem;height:.8rem;color:#fff}
.down-con span{color:#fff;font-size:14px}
.btn-link{font-size:.6rem}
}