.adj-wrapper {
    background-color: #444;
}

.adj {
    color: #a8a8aa;
    font-size: 1.2em;
    max-width: 976px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

/*导航*/
nav {
    width: 100%;
    background-color: #F1F0F2;
    position: sticky;
    top: 0;
    z-index: 2;
}

nav .nav-wrapper {
    width: 980px;
    margin: 0 auto;
    font-size: 1.4em;
}

.nav-wrapper ul {
    display: flex;
    justify-content: space-between;
}

.nav-wrapper ul li {
    height: 44px;
    line-height: 44px;
    padding-right: 2em;
}

.nav-wrapper ul li a:hover {
    opacity: 0.65;
}


.pc li#user_logo ul {
    display: none; /* 默认情况下，ul列表不可见 */
    position: absolute; /* 设置绝对定位 */
    top: 100%; /* 相对于父元素向上定位 */
    left: 0; /* 相对于父元素向左定位 */
    width: 100%; /* 设置下拉框宽度为100% */
    background-color: #F1F0F2; /* 设置背景色为白色 */
    text-align: center; /* 设置下拉框中的内容居中显示 */
}

.pc li#user_logo:hover ul {
    display: block; /* 鼠标悬浮时，ul列表可见 */
}




nav .phone {
    display: none;
}

nav .phone ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 20px;
    line-height: 44px;
}

nav .phone ul li {
    padding: 0;
    font-size: 1.5em;
    color: #fff;
}

nav .phone #icon-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    height: 308px;
    background-color: #000;
    opacity: 0.85;
    font-size: .4em;
    margin: 0;
    display: none;
}

nav .phone #icon-list li::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #383838;
}

nav .phone #icon-list li > a {
    display: inline-block;
    padding-left: 50px;
}

#icon-list .fa-close {
    font-size: 1.5em;
    margin-left: 22px;
    cursor: pointer;
}

/*banner*/
.banner {
    max-width: 2560px;
    height: 725px;
    margin: 0 auto;
    background-color: #fafafa;
    text-align: center;
    border-bottom: 20px solid #fff;
    box-sizing: border-box;
}

.banner > h1 {
    color: #222;
    font-size: 5em;
    padding-top: 1.8em;
}

.banner > p {
    color: #222;
    font-size: 2.4em;
}

.banner > a {
    display: inline-block;
    color: #0070c9;
    margin: 1em;
    font-size: 1.8em;
}

.banner > a::after {
    content: " > ";
}

.banner > a:hover {
    text-decoration: underline;
}

.first .big-img {
    background: url(../../images/apple/1.webp) no-repeat center;
    height: 380px;
    width: 100%;
    background-size: contain;
}

.second {
    background-color: #F3F3F5;
}


.second .big-img {
    background: url(../../images/apple/2.webp) no-repeat center;
    background-size: contain;
    height: 450px;
    width: 100%;
}

.third {
    background-color: #F3F3F5;
}

.third .big-img {
    background: url(../../images/apple/3.webp) no-repeat center;
    background-size: contain;
    height: 440px;
    width: 100%;
}

/*小banner*/
.small {
    max-width: 2560px;
    margin: 0 auto;
}

.small ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

.small ul li {
    width: 50%;
    box-sizing: border-box;
    border: 6px solid #fff;
}

.small h3 {
    font-size: 3.5em;
    padding-top: 1em;
    color: #fff;
}

.small p {
    font-size: 2em;
    padding-top: 5px;
    color: #fff;
}

.small a {
    font-size: 2em;
    color: red;
}

/*第一个*/
.one {
    background: url(../../images/apple/4-左.webp) no-repeat center;
    height: 580px;
    background-size: cover;
}

/*第二个*/
.two {
    background: url(../../images/apple/4-右.webp) no-repeat center;
    height: 580px;
    background-size: cover;
}

/*第三个*/
.three {
    background: url(../../images/apple/5-左.webp) no-repeat center;
    height: 580px;
    color: #fff;
    background-size: cover;
}

/*第四个*/
.four {
    background: url(../../images/apple/5-右.webp) no-repeat center bottom;
    height: 580px;
    background-color: #f9f0eb;
    background-size: cover;
}

/*第五个*/
.five {
    background: url(../../images/apple/6-左.webp) no-repeat center;
    height: 580px;
    background-size: cover;
}

/*第六个*/
.six {
    background: url(../../images/apple/6-右.webp) no-repeat center bottom;
    height: 580px;
    background-color: #000;
    color: #fff;
    background-size: cover;
}

.five h3, .five p {
    color: black;
}
.six h3, .six p {
    color: black;
}
.five a {
    color: #0070c9;
}
.six a {
    color: #0070c9;
}



@media only screen and (max-width: 768px) {
    .adj, nav .nav-wrapper, .small ul li {
        width: 100%;
    }

    .nav-wrapper ul {
        display: flex;
        justify-content: center;
    }

    .big-banner .first .big-img {
        background: url(../../images/apple/1.webp) no-repeat center;
        background-size: contain;
        width: 100%;
    }

    .big-banner .second .big-img {
        background: url(../../images/apple/2.webp) no-repeat center;
        width: 100%;
        background-size: contain;
    }

    nav .pc {
        display: none;
    }

    nav .phone {
        display: block;
    }

}

.box {
    background-color: #F5F5F7;
    align-items: stretch;
    display: flex;
}
.box a{
    text-decoration: underline;
    color: black;
    font-weight: bold;
}

.box1 {
    flex-basis: 50%;
}
.box1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

.box1 h3 {
    font-size: 3.5em;
    padding-top: 1em;
}
.box1 div{
    text-align:left;
    font-size: 16px;
    line-height: 30px;
}


.box2 {
    flex-basis: 25%;
}
.box2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

.box2 h3 {
    font-size: 3.5em;
    padding-top: 1em;
}
.box2 div{
    text-align:left;
    font-size: 16px;
    line-height: 30px;
}
.box3 {
    flex-basis: 25%;
}