.wrapper {
        width: 1200px;
        margin: 0 auto;
    }
    
    body {
        background-color: rgb(255, 255, 255);
        /* background-image: linear-gradient(pink, black, green, red); */
    }
    
    * {
        margin: 0;
        padding: 0;
        /* 内减模式 */
        box-sizing: border-box;
        text-decoration: none;
        font-size: 16px;
        list-style-type: none;
    }
    /* 清除浮动 */
    
    .clearfix::before,
    .clearfix::after {
        content: '';
        display: table;
    }
    
    .clearfix::after {
        clear: both;
    }
    
    .lunbo {
        /* float: left; */
        cursor: pointer;
    }
    
    .top {
        position: fixed;
        width: 100%;
        height: 60px;
        background: rgb(255, 255, 255);
        border-bottom: 2px solid rgb(228, 229, 229);
    }
    
    .daohang {
        /* padding-left: 00px; */
        height: 58px;
        background-color: rgb(255, 255, 255);
    }
    
    .daohang img {
        float: left;
        margin-right: 100px;
        /* background-color: aqua; */
        width: 200px;
        height: 58px;
    }
    
    .daohang li a {
        float: left;
        width: 100px;
        margin-left: 10px;
        text-align: center;
        line-height: 58px;
        color: #000;
    }
    
    .daohang li a:hover {
        border-bottom: 2px solid rgb(62, 95, 243);
        font-weight: 700;
        color: rgb(62, 95, 243);
    }
    
    .daohang .right a {
        float: right;
        display: block;
        margin-right: 10px;
        margin-top: 15px;
        width: 60px;
        height: 30px;
        background: rgb(62, 95, 243);
        font-size: 16px;
        color: rgb(255, 255, 255);
        border-radius: 20px;
        line-height: 30px;
        text-align: center;
    }
    
    .daohang .right a:hover {
        background: rgb(255, 255, 255);
        color: rgb(62, 95, 243);
        font-weight: 700;
        border: 1px solid rgb(225, 225, 225);
    }
    
    .lunbo img {
        width: 100%;
    }
    
    .middle h2 {
        padding: 60px 0 20px;
        font-size: 30px;
        text-align: center;
    }
    
    .product {
        margin-top: 50px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-around;
        cursor: pointer;
    }
    
    .product a {
        color: #000;
    }
    
    .product img {
        width: 60px;
        height: 70px;
        text-align: center;
    }
    
    .product-tu {
        padding-left: 8px;
        position: relative;
        display: none;
        color: rgb(65, 61, 61);
    }
    
    #product-detail-shuzi:target {
        display: block;
        padding-left: 88px;
        padding-top: 120px;
        height: 320px;
        font-size: 20px;
        z-index: -1;
        background: url(./images/shuzi-bg.png) right no-repeat rgb(234, 234, 234);
    }
    
    #product-detail-jifen:target {
        display: block;
        padding-left: 88px;
        padding-top: 120px;
        height: 320px;
        font-size: 20px;
        z-index: -1;
        background: url(./images/jifen-bg.png) right no-repeat rgb(234, 234, 234);
    }
    
    #product-detail-jishu:target {
        display: block;
        padding-left: 88px;
        padding-top: 120px;
        height: 320px;
        font-size: 20px;
        z-index: -1;
        background: url(./images/jishu-bg.png) right no-repeat rgb(234, 234, 234);
    }
    
    #product-detail-yunying:target {
        display: block;
        padding-left: 88px;
        padding-top: 120px;
        height: 320px;
        font-size: 20px;
        z-index: -1;
        background: url(./images/zhihui-bg.png) right no-repeat rgb(234, 234, 234);
    }
    
    #product-detail-ziyuan:target {
        display: block;
        padding-left: 88px;
        padding-top: 120px;
        height: 320px;
        font-size: 20px;
        z-index: -1;
        background: url(./images/quanyi-bg.png) right no-repeat rgb(234, 234, 234);
    }
    
    .product-detail p {
        width: 600px;
        word-break: break-all;
        word-wrap: break-word;
        line-height: 2;
        letter-spacing: 2px;
        cursor: pointer;
    }
    
    .product-detail p::before {
        position: absolute;
        top: 100px;
        left: 88;
        width: 40px;
        height: 4px;
        border-radius: 2px;
        content: "";
        background-color: rgb(62, 95, 243);
    }
    
    .pinpai {
        margin-top: 50px;
        height: 800px;
        text-align: center;
        background-color: rgb(255, 255, 255);
        background-image: url(./images/logos-partner.png);
        background-repeat: no-repeat;
        background-position: bottom;
        transition: background-image 3s;
    }
    
    .pinpai:hover {
        margin-top: 50px;
        height: 800px;
        text-align: center;
        background-color: rgb(255, 255, 255);
        background-image: url(./images/logos-brandes\(2\).png);
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    .pinpai h2 {
        padding: 60px 0 20px;
        font-size: 30px;
        text-align: center;
    }
    
    .pinpai .pinpai-name1 {
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;
        width: 100px;
        height: 30px;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
    }
    
    .pinpai .pinpai-name1:hover {
        background-color: rgb(62, 95, 243);
        border-radius: 10px;
        color: rgb(255, 255, 255);
    }
    
    .pinpai .pinpai-name2 {
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;
        width: 100px;
        height: 30px;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
    }
    
    .pinpai .pinpai-name2:hover {
        background-color: rgb(62, 95, 243);
        border-radius: 10px;
        color: rgb(255, 255, 255);
    }
    
    .bottom {
        margin-top: 50px;
        padding-top: 30px;
        width: 100%;
        height: 360px;
        background-color: rgb(39, 42, 58);
    }
    
    .bottom ul {
        padding-bottom: 30px;
        display: flex;
        justify-content: space-around;
        color: rgb(241, 241, 241);
        font-size: 100px;
        border-bottom: 1px solid rgb(93, 93, 93);
    }
    
    .bottom-3 {
        padding-top: 30px;
        margin-right: 70px;
        display: block;
        float: left;
        width: 150px;
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-align: center;
    }
    
    .bottom-3 a {
        display: block;
        color: rgb(255, 255, 255);
        font-size: 14px;
        text-align: center;
        line-height: 2;
    }
    
    .bottom-3 a :first-child {
        margin-top: 100px;
    }
    
    .bottom-4 {
        margin-top: 20px;
        float: left;
        width: 320px;
        padding-top: 10px;
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-align: center;
        border-left: 1px solid rgb(93, 93, 93);
    }
    
    .bottom-4 img {
        margin: 10px 0;
        width: 160px;
        height: 160px;
    }
    
    .bottom-5 {
        /* display: block; */
        /* height: 30px; */
        background-color: rgb(39, 42, 58);
        color: rgb(154, 154, 154);
        text-align: center;
    }