.made {
    min-width: 1200px;
    padding-top: 80px;
}

    .made .banner {
        width: 100%;
        height: 977px;
        position: relative;
        overflow: hidden;
    }

        .made .banner .banner-bg {
            height: 712px;
            margin: 0 auto;
            background: url(../images/made/banner.png) no-repeat top center;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
        }

		.made .banner .banner-button {
            width: 224px;
            height: 64px;
            margin: 290px auto 0;
            position: relative;
        }

            .made .banner .banner-button img {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                cursor: pointer;
            }

            .made .banner .banner-button .img-hover {
                display: none;
            }

            .made .banner .banner-button:hover .img-hover {
                display: block;
            }

            .made .banner .banner-button:hover .img {
                display: none;
            }

        .made .banner .banner-img {
            width: 1000px;
            height: 550px;
            opacity: 0;
            margin: 72px auto 0;
            background: url(../images/made/banner-img.png) no-repeat;
            -webkit-animation: scrollTop 1s linear 200ms;
            animation: scrollTop 1s linear 200ms;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

    .made .advantage {
        width: 1200px;
        margin: 50px auto 0;
        justify-content: space-between;
    }

        .made .advantage .advantage-item {
            width: 580px;
        }

            .made .advantage .advantage-item .advantage-title {
                height: 80px;
                text-align: center;
                padding: 5px 0;
                color: #FFF;
                font-size: 24px;
            }

                .made .advantage .advantage-item .advantage-title span {
                    display: inline-block;
                    width: 44px;
                    height: 44px;
                    margin-right: 20px;
                    position: relative;
                    top: 13px;
                    background: url(../images/made/exclusive-icon.png) no-repeat;
                }

                .made .advantage .advantage-item .advantage-title.exclusive {
                    background: linear-gradient(to right, #ffa552, #ff8126);
                    background: -webkit-linear-gradient(to right, #ffa552, #ff8126);
                }

                .made .advantage .advantage-item .advantage-title.High-end {
                    background: linear-gradient(to right, #4ca3ff, #0a75ea);
                    background: -webkit-linear-gradient(to right, #4ca3ff, #0a75ea);
                }

                    .made .advantage .advantage-item .advantage-title.High-end span {
                        background: url(../images/made/High-end.png) no-repeat;
                    }

            .made .advantage .advantage-item .exclusive-text {
                height: 66px;
                line-height: 66px;
                text-align: center;
                font-size: 18px;
                color: #181818;
                border-left: 1px solid #ededed;
                border-right: 1px solid #ededed;
                border-top: 1px solid #ededed;
            }

                .made .advantage .advantage-item .exclusive-text:last-child {
                    border-bottom: 1px solid #ededed;
                }

    .made .plates-name {
        font-size: 24px;
        color: #181818;
        text-align: center;
        margin-bottom: 60px;
    }

    .made .solve-worry {
        width: 1200px;
        margin: 80px auto 0;
    }

        .made .solve-worry .solve-worry-content {
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .made .solve-worry .solve-worry-content .solve-worry-item {
                width: 590px;
                border-top: 2px solid #181818;
                border-left: 1px solid #ededed;
                border-right: 1px solid #ededed;
                border-bottom: 1px solid #ededed;
                padding: 20px 0 16px;
                margin-bottom: 20px;
            }

                .made .solve-worry .solve-worry-content .solve-worry-item .item-icon {
                    width: 64px;
                    height: 64px;
                    margin: auto 30px;
                    background: url(../images/made/worry-1.png) no-repeat;
                }

                .made .solve-worry .solve-worry-content .solve-worry-item:nth-child(2) .item-icon {
                    background: url(../images/made/worry-2.png) no-repeat;
                }

                .made .solve-worry .solve-worry-content .solve-worry-item:nth-child(3) .item-icon {
                    background: url(../images/made/worry-3.png) no-repeat;
                }

                .made .solve-worry .solve-worry-content .solve-worry-item:nth-child(4) .item-icon {
                    background: url(../images/made/worry-4.png) no-repeat;
                }

                .made .solve-worry .solve-worry-content .solve-worry-item .item-content {
                    width: 466px;
                    padding-right: 30px;
                }

                .made .solve-worry .solve-worry-content .solve-worry-item .item-content-name {
                    font-size: 24px;
                    color: #181818;
                    margin-bottom: 15px;
                }

                .made .solve-worry .solve-worry-content .solve-worry-item .item-content-intro {
                    line-height: 25px;
                    font-size: 14px;
                    color: #999;
                }

    .made .made-content {
        width: 1200px;
        margin: 60px auto 0;
    }

        .made .made-content .made-content-img {
            width: 244px;
            height: 244px;
            margin-right: 20px;
            background: linear-gradient(to right, #ffa552, #ff8126);
            background: -webkit-linear-gradient(to right, #ffa552, #ff8126);
        }

            .made .made-content .made-content-img .made-content-icon {
                width: 56px;
                height: 56px;
                margin: 60px auto 18px;
                background: url(../images/made/made-content.png) no-repeat;
            }

            .made .made-content .made-content-img .made-content-button {
                width: 94px;
                margin: 0 auto;
                text-align: center;
                background: #fff;
                color: #ff8126;
                padding: 10px 0;
            }

        .made .made-content .made-content-item {
            width: 936px;
            height: 244px;
            border: 1px solid #ededed;
        }

            .made .made-content .made-content-item .made-content-item-text {
                border-bottom: 1px solid #ededed;
                font-size: 16px;
                padding: 20px 25px;
                color: #181818;
            }

                .made .made-content .made-content-item .made-content-item-text i {
                    display: inline-block;
                    width: 2px;
                    height: 16px;
                    background: url(../images/made/now-made-line.png) no-repeat;
                    position: relative;
                    margin-right: 12px;
                    top: 3px;
                }

                .made .made-content .made-content-item .made-content-item-text:last-child {
                    border-bottom: 0;
                }

    .made .enterprise {
        width: 1200px;
        margin: 80px auto 0;
    }

        .made .enterprise .enterprise-details {
            flex-wrap: wrap;
        }

            .made .enterprise .enterprise-details .enterprise-item {
                width: 224px;
                height: 85px;
                margin-top: 20px;
                margin-right: 10px;
            }

                .made .enterprise .enterprise-details .enterprise-item.side-item {
                    margin-right: 0;
                }

                .made .enterprise .enterprise-details .enterprise-item .logo-box {
                    padding: 21px 0;
                }

@keyframes scrollTop {
    0% {
        margin: 272px auto 0;
        opacity: 0;
    }

    100% {
        margin: 72px auto 0;
        opacity: 1;
    }
}

@-webkit-keyframes scrollTop {
    0% {
        margin: 272px auto 0;
        opacity: 0;
    }

    100% {
        margin: 72px auto 0;
        opacity: 1;
    }
}