.banner{background: url(/images/company/banner.jpg);background-attachment: fixed;background-size: cover;}
.bg_contact{background: url(/images/company/bg.jpg);background-attachment: fixed;background-size: cover;}
.bg_press{background: url(/images/company/banner-press.jpg);background-attachment: fixed;background-size: cover;}
.banner_box{background:rgba(13, 178, 231, .88);width: 100%;height: 100%;padding-top: 150px;text-align: center;color: #fff;overflow: hidden;}
.bg_contact_box{background:rgba(45, 106, 229, .88);}
.bg_press_box{background: rgba(30, 154, 233, .88)}
.banner_box div>div{width: 70px;border-bottom: 1px solid #fff;margin: auto;font-size: 18px;padding-bottom: 15px;margin-bottom: 50px;}
.banner_box div h1{font-size: 80px;color: #fff;line-height: 125px;}
.banner_box div p{font-size: 18px;line-height: 34px;max-width: 450px;margin: 75px auto 80px}
.banner_box div a{width: 60px;height: 60px;margin: auto;background: url(/images/company/go-down.png);display: block;margin-bottom: 60px;cursor: pointer;}
.banner_box div a:hover{background-position-y: -60px;}
.nav{background: #ecedf1;}
.nav .center{max-width: 755px;width: 100%;}
.nav a{display: block;width: auto;font-size: 18px;color: #4c5562;padding: 0 10px;line-height: 62px;border-top: 4px solid transparent;}
.nav a.active{border-bottom: 4px solid #4ecff2;}
.nav a:hover{text-decoration: none;}
/* about */
.main{margin-bottom: 100px;}
.main_left{background: url(/images/company/our-team.png) no-repeat right center;}
.main_right{background: url(/images/company/our-mission.png) no-repeat left center;}
.main_left,.main_right{margin-top: 100px;overflow: hidden;}
.main .center div{max-width: 520px;background: #fff;}
.main_right .center div{float: right;}
.main .center div h2{font-size: 42px;color: #4c5562;line-height: 42px;margin-bottom: 26px;}
.main .center div span{font-size: 20px;color: #4c5562;line-height: 26px;}
.main .center div i{display: block;width: 35px;height: 3px;background: #4ecff2;margin-top: 40px;margin-bottom: 20px;}
.main .center div p{font-size: 18px;color: #979ca4;line-height: 30px;}
.main .center div p:last-child{margin-top: 20px;}
/* contact */
.contact{max-width: 1090px;width: 100%;margin: auto;}
.contact h2{font-size: 42px;color:#4c5562;line-height:48px;text-align: center;margin-top: 105px;margin-bottom: 85px;}
.contact ul li{max-width:500px;width:100%;padding:0 30px 60px;box-sizing: border-box;border-bottom: 1px solid #dbdbdb;margin-bottom:55px;} 
.contact ul li:nth-child(3){border: none}
.contact ul li:nth-child(4){border: none}
.contact ul li div{display: flex;align-items: center;}
.contact ul li div img{margin-right: 30px;}
.contact ul li div span{font-size: 28px;color: #4c5562;line-height: 36px;}
.contact ul li p{margin-top: 35px;margin-bottom: 30px;font-size: 16px;color: #4c5562;line-height: 30px;}
.contact ul li a{margin-bottom: 60px;font-size: 20px;color: #4ecff2;}
/* press */
.press_media{margin-top: 86px;margin-bottom: 95px;}
.press_media ul{display: flex;}
.press_media ul li{max-width: 560px;width:100%;align-items: center;}
.press_media ul li div{max-width: 420px;width: 100%;}
.press_media ul li span{font-size: 28px;color: #4c5562;margin-bottom: 15px;display: block;}
.press_media ul li p{font-size: 18px;color: #979ca4;line-height: 30px;}
.press_media ul li p a{color: #4ecff2;}
.press_latest{background:#f8f9fb;overflow: hidden;padding: 90px 0;}
.press_latest h2{font-size: 42px;color:#4c5562;line-height:48px;text-align: center;margin-bottom: 40px;}
.press_latest_box div{max-width:900px;width: 100%;}
.press_latest_box span{font-size: 18px;color: #4c5562;line-height: 30px;display: block;}
.press_latest_box p{font-size: 16px;color: #979ca4;line-height: 30px;margin-top: 16px;}
.press_latest_box p a{color: #4ecff2;}
.press_mentioned{padding-top: 90px;padding-bottom: 90px;}
.press_mentioned h2{font-size: 42px;color:#4c5562;line-height:48px;text-align: center;margin-bottom: 32px;}
.press_mentioned div img{margin-top: 28px;margin-right:50px;}
@media screen and (max-width:1180px){
    .banner_box div h1{font-size: 96px;line-height: 96px;}
    .banner_box{background: #18b3fa;background: linear-gradient(180deg, #18b3fa, #38ddc8);}
    .main_left,.main_right{background: none;}
    .main .center div{float: none;margin: auto;text-align: center;max-width: 100%;}
    .main .center div i{margin:40px auto 20px;}
    .contact ul li{width: 48%;padding-left: 0;}
    .press_media,.press_latest_box{max-width: 640px;width: 100%;}
    .press_latest_box{margin: auto;}
    .press_media ul li:nth-child(1){margin-bottom: 50px;}
    .press_latest_box>span{margin-bottom: 15px;}
    .press_mentioned div{justify-content: center;}
    .press_mentioned div img{margin-top:10px;}
}
@media screen and (max-width:800px){
    .nav .center{max-width: 480px}
    .contact ul li{width: 50%;padding-left: 0;padding-right: 42px;}
    .contact ul li div span{font-size: 24px;}
    
}
@media screen and (max-width:500px){
    .banner_box{padding-top: 100px;}
    .banner_box div h1{font-size: 42px;line-height: 42px;}
    .banner_box div>div{margin-bottom: 70px;}
    .banner_box div p{margin: 70px auto;}
    .main_left,.main_right{margin-top: 50px;overflow: hidden;}
    .main .center div h2{font-size: 36px;color: #4c5562;line-height: 36px;margin-bottom: 15px;}
    .main .center div i{display: block;width: 35px;height: 3px;background: #4ecff2;margin-top: 40px;margin-bottom: 20px;}
    .main .center div p{font-size: 18px;color: #979ca4;line-height: 30px;}
    .main .center div p:last-child{margin-top: 20px;}
    .main .center div i{margin-top: 30px;margin-bottom: 26px;}
    .main{margin-bottom: 50px;}
    .contact h2{font-size: 32px;line-height: 42px;margin-top: 70px;margin-bottom: 70px;}
    .contact ul li{width: 100%;padding-right: 0;}
    .contact ul li:nth-child(3){border-bottom: 1px solid #dbdbdb;}
    .press_mentioned div{display: block;}
    .press_mentioned div img{margin:10px auto 0;}
    .press_media ul li img{margin:0 auto 20px;}
    .press_media ul li{text-align: center;}
    .press_latest_box>span{margin:0 auto 15px}
    .press_latest_box{text-align: center;}
}