/*基础CSS*/
*{ padding: 0; margin: 0;}
html, body {font-size: 16px; color: #333;
    font-family: 'SourceHanSansCN-Regular', "Gotham SSm", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
body{overflow-x: hidden;}
li { list-style: none; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
p, dl, dt, dd, ul { margin: 0; padding: 0;}
img {display: block;}
/**/
.wrap { width: 1200px; margin: auto; }
.header { width: 100%; position: fixed; z-index: 999; height: 80px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.08); }
.header .wrap { display: flex; align-items: center; justify-content: space-between;}
.logo { width: 101px; height: 80px; display: flex; align-items: center;}
.logo img {width: 170px;}
.nav { display: flex; align-items: center; }
.nav span { cursor: pointer; padding: 15px 0; position: relative; }
.nav span + span { margin-left: 30px; }
.nav span:after { position: absolute; bottom: 0; left: 0; content: ''; display: block;
    width: 100%; height: 2px; background-color: #fff; transition: all .3s; }
.nav span:hover:after { background-color: #012d8d; }

.banner { width: 100%; aspect-ratio: 1295 / 809; background: url("../img/app-banner.png") center no-repeat; background-size: cover;}

.tit .cn { font-size: 26px; color: #333; line-height: 1; font-weight: bold; }
.tit .en { font-size: 18px; color: #666; line-height: 1; }
.tit.center { text-align: center; }
.about { padding-top: 70px; padding-bottom: 70px;}
.about .inner { display: flex; padding-top: 30px; }
.about .inner .l { width: 650px; }
.about .inner .info {  }
.about .inner .info p { text-indent: 2em; color: #666; padding-bottom: 10px; line-height: 1.6; }
.about .inner .itembox { display: flex; align-items: center; margin-top: 40px; }
.about .inner .item { display: flex; align-items: center; }
.about .inner .item img { width: 60px; }
.about .inner .item .t1 { font-size: 26px; font-weight: bold; line-height: 1; }
.about .inner .item .t2 { font-size: 14px; color: #666; line-height: 1; }
.about .inner .item + .item { margin-left: 60px;}
.about .inner .r { margin-left: auto; width: 510px; height: 310px; overflow: hidden;  border-radius: 10px;}
.about .inner .r img { transition: all .5s;}
.about .inner .r:hover img { transform: scale(1.1)}

.business {padding-top: 70px; padding-bottom: 70px; width: 100%; background: url('../img/bg1.png') center no-repeat; }
.business .inner { display: flex; padding-top: 30px; }
.business .inner .l { width: 620px; }
.business .inner .l p { text-indent: 2em; color: #666; line-height: 1.6; }
.business .inner .l img { width: 260px; margin-top: 40px; }
.business .inner .r { margin-left: auto }
.business .inner .r .item { display: flex;  }
.business .inner .r .item + .item { margin-top: 30px; }
.business .inner .r .item img { width: 46px; height: 52px; }
.business .inner .r .item .info { width: 410px; margin-left: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.business .inner .r .item .t1 { font-size: 26px; font-weight: bold; line-height: 1; padding-bottom: 10px; }
.business .inner .r .item .t2 { font-size: 16px; color: #666; line-height: 1; }

.ability { padding-top: 70px; padding-bottom: 80px; }
.ability .inner { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; margin-top: 40px; }
.ability .inner .item { background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.08); padding: 50px 30px; border-radius: 5px;
    text-align: center; transition: all .5s; }
.ability .inner .item .icon { width: 80px; height: 80px; border-radius: 50%; margin: auto;
    background-color: #f15a24; display: flex; align-items: center; justify-content: center; }
.ability .inner .item .icon img { width: 40px; height: 40px; }
.ability .inner .item .t { font-size: 26px; font-weight: bold; line-height: 1; margin-top: 30px; padding-bottom: 20px; }
.ability .inner .item .desc { font-size: 16px; color: #666; }
.ability .inner .item:hover { transform: translateY(-10px)}

.partner { padding-top: 70px; padding-bottom: 80px; background: #f3f4fb url('../img/bg2.png') center  20px no-repeat; }
.partner .inner { padding-top: 50px; }
.partner .inner .item { padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.partner .inner .item .img { transition: all .5s; }
.partner .inner .item .img:hover { transform: translateY(-6px); }

.footer { background-color: #051a3d; text-align: center; color: rgba(255,255,255,.6); padding: 30px 0; font-size: 14px;}