#app{display:none;max-width:1440px;margin:0 auto}#app .banner-container{position:relative}#app .banner-container .logo{position:absolute;left:5%;top:20px;width:146px;height:auto}#app .banner-container .banner{width:100%}#app .img-container .title{font-weight:500;font-size:50px;line-height:75px;color:#2C3A5E;text-align:center}#app .img-container .sub-title{font-weight:400;font-size:24px;line-height:36px;text-align:center;color:#76788B}#app .img-container .container1{position:relative}#app .img-container .container1 .text-container{width:432px;position:absolute;left:15%;top:35%}#app .img-container .container1 img{width:100%}#app .img-container .container2{margin-top:-460px;position:relative}#app .img-container .container2 .text-container{width:415px;position:absolute;top:50%;right:15%}#app .img-container .container2 img{width:100%}#app .img-container .container3{position:relative;margin-top:-240px}#app .img-container .container3 .text-container{width:432px;position:absolute;top:40%;left:15%}#app .img-container .container3 img{width:100%}#app .img-container .container4{margin-top:-200px;position:relative}#app .img-container .container4 .text-container{width:440px;position:absolute;top:45%;right:15%}#app .img-container .container4 img{width:100%}#app .join-container{display:flex;flex-direction:column;align-items:center}#app .join-container .text1{font-weight:500;font-size:56px;margin:160px auto 40px;text-align:center;color:#2C3A5D;text-shadow:0px 4px 4px rgba(0,0,0,0.25)}#app .join-container .text2{color:#76788B;font-size:24px;margin:0 auto 70px;text-align:center}#app .join-container .logo{width:174px;margin:0 auto 240px}#app .footer-container{padding:60px 8.3% 0;min-height:440px;background:url(../images/footer-bg.png) no-repeat center;background-size:cover}#app .footer-container .top{min-height:290px;display:flex;align-items:center;justify-content:space-between}#app .footer-container .top .left .logo{width:146px;height:auto;margin-bottom:55px}#app .footer-container .top .left .phone{display:flex;align-items:center}#app .footer-container .top .left .phone .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .phone p{font-style:normal;font-weight:700;font-size:28px;color:#FFFFFF}#app .footer-container .top .left .company{display:flex;align-items:center;margin:15px auto}#app .footer-container .top .left .company .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .company p{font-style:normal;font-weight:400;font-size:16px;color:#FFFFFF}#app .footer-container .top .left .address{display:flex;align-items:center}#app .footer-container .top .left .address .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .address p{font-style:normal;font-weight:400;font-size:16px;color:#FFFFFF}#app .footer-container .top .right{padding-right:18%;display:flex}#app .footer-container .top .right .img{display:flex;flex-direction:column;align-items:center}#app .footer-container .top .right .img .logo1,#app .footer-container .top .right .img .logo2{width:110px;height:auto}#app .footer-container .top .right .img:nth-of-type(1){margin-right:40px}#app .footer-container .top .right .img p{font-size:12px;color:#fff;margin-top:10px}#app .footer-container .bottom{border-top:1px solid rgba(255,255,255,0.2);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0}#app .footer-container .bottom p{font-size:12px;color:#fff;text-align:center;line-height:1.8}@media screen and (min-width: 991px) and (max-width: 1200px){#app .img-container .title{font-weight:500;font-size:40px;line-height:75px;color:#2C3A5E;text-align:center}#app .img-container .sub-title{font-weight:400;font-size:18px;line-height:36px;text-align:center;color:#76788B}#app .img-container .container1{position:relative}#app .img-container .container1 .text-container{width:330px;position:absolute;left:15%;top:35%}#app .img-container .container2{margin-top:-350px;position:relative}#app .img-container .container2 .text-container{width:320px;position:absolute;top:50%;right:15%}#app .img-container .container3{position:relative;margin-top:-180px}#app .img-container .container3 .text-container{width:330px;position:absolute;top:40%;left:15%}#app .img-container .container4{margin-top:-160px;position:relative}#app .img-container .container4 .text-container{width:440px;position:absolute;top:45%;right:15%}#app .join-container .text1{font-size:46px}#app .join-container .text2{font-size:22px}#app .join-container .logo{width:160px}}@media screen and (min-width: 768px) and (max-width: 991px){#app .img-container .title{font-weight:500;font-size:28px;line-height:50px;color:#2C3A5E;text-align:center}#app .img-container .sub-title{font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#76788B}#app .img-container .container1{position:relative}#app .img-container .container1 .text-container{width:258px;position:absolute;left:15%;top:35%}#app .img-container .container2{margin-top:-230px;position:relative}#app .img-container .container2 .text-container{width:240px;position:absolute;top:50%;right:15%}#app .img-container .container3{position:relative;margin-top:-100px}#app .img-container .container3 .text-container{width:255px;position:absolute;top:40%;left:15%}#app .img-container .container4{margin-top:-90px;position:relative}#app .img-container .container4 .text-container{width:250px;position:absolute;top:45%;right:15%}#app .join-container .text1{font-size:35px;margin:100px auto 30px}#app .join-container .text2{font-size:20px}#app .join-container .logo{width:140px;margin:0 auto 120px}#app .footer-container .top .left .logo{width:146px;height:auto;margin-bottom:55px}#app .footer-container .top .left .phone{display:flex;align-items:center}#app .footer-container .top .left .phone .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .phone p{font-style:normal;font-weight:700;font-size:25px;color:#FFFFFF}#app .footer-container .top .left .company{display:flex;align-items:center;margin:15px auto}#app .footer-container .top .left .company .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .company p{font-style:normal;font-weight:400;font-size:14px;color:#FFFFFF}#app .footer-container .top .left .address{display:flex;align-items:center}#app .footer-container .top .left .address .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .address p{font-style:normal;font-weight:400;font-size:14px;color:#FFFFFF}#app .footer-container .top .right{padding-right:18%}#app .footer-container .top .right .img{display:flex;flex-direction:column;align-items:center}#app .footer-container .top .right .img .logo1,#app .footer-container .top .right .img .logo2{width:90px;height:auto}#app .footer-container .top .right .img:nth-of-type(1){margin-right:20px}}@media screen and (max-width: 768px){#app .banner-container .logo{width:86px;height:auto;top:10px}#app .img-container .title{font-weight:bold;font-size:14px;line-height:30px;color:#2C3A5E;text-align:center}#app .img-container .sub-title{font-weight:400;font-size:12px;line-height:20px;text-align:center;color:#76788B}#app .img-container .container1{position:relative}#app .img-container .container1 .text-container{width:140px;position:absolute;left:10%;top:35%}#app .img-container .container2{margin-top:-90px;position:relative}#app .img-container .container2 .text-container{width:120px;position:absolute;top:50%;right:15%}#app .img-container .container3{position:relative;margin-top:-20px}#app .img-container .container3 .text-container{width:145px;position:absolute;top:40%;left:15%}#app .img-container .container4{margin-top:-20px;position:relative}#app .img-container .container4 .text-container{width:145px;position:absolute;top:45%;right:15%}#app .join-container .text1{font-size:20px;margin:60px auto 20px}#app .join-container .text2{font-size:14px;margin:0 auto 20px}#app .join-container .logo{width:70px;margin:0 auto 40px}#app .footer-container{padding:30px 8.3% 0}#app .footer-container .top{flex-direction:column}#app .footer-container .top .left .logo{width:108px;height:auto;margin-bottom:30px}#app .footer-container .top .left .phone{display:flex;align-items:center}#app .footer-container .top .left .phone .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .phone p{font-style:normal;font-weight:700;font-size:20px;color:#FFFFFF}#app .footer-container .top .left .company{display:flex;align-items:center;margin:15px auto}#app .footer-container .top .left .company .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .company p{font-style:normal;font-weight:400;font-size:13px;color:#FFFFFF}#app .footer-container .top .left .address{display:flex;align-items:center}#app .footer-container .top .left .address .icon{width:20px;height:auto;margin-right:15px}#app .footer-container .top .left .address p{font-style:normal;font-weight:400;font-size:13px;color:#FFFFFF}#app .footer-container .top .right{margin:40px auto 30px;padding-right:0}#app .footer-container .top .right .img{display:flex;flex-direction:column;align-items:center}#app .footer-container .top .right .img .logo1,#app .footer-container .top .right .img .logo2{width:90px;height:auto}#app .footer-container .top .right .img:nth-of-type(1){margin-right:20px}}
