﻿.factory {
    background: #fff;
    min-width: 1200px;
    padding-top: 80px;
}

    .factory .banner {
        width: 100%;
        height: 500px;
        overflow: hidden;
        position: relative;
    }

        .factory .banner .banner-bg {
            height: 500px;
            background: url(../images/factory/banner.png) no-repeat top center;
            margin: 0 auto;
        }

        .factory .banner .banner-content {
            width: 1200px;
            height: 500px;
            margin: 0 auto;
            position: relative;
        }

        .factory .banner .banner-button {
            width: 224px;
            height: 64px;
            position: absolute;
            left: 0;
            bottom: 115px;
        }

            .factory .banner .banner-button img {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                cursor: pointer;
            }

            .factory .banner .banner-button .img-hover {
                display: none;
            }

            .factory .banner .banner-button:hover .img-hover {
                display: block;
            }

            .factory .banner .banner-button:hover .img {
                display: none;
            }


    .factory .questions {
        color: #2ba245;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .factory .answer {
        color: #181818;
    }

    .factory .product-intro {
        width: 1200px;
        margin: 50px auto 0;
    }

        .factory .product-intro .advantage {
            margin-top: 50px;
        }

            .factory .product-intro .advantage .product-intro-item {
                flex: 1;
                padding: 0 40px;
            }

                .factory .product-intro .advantage .product-intro-item .product-intro-item-img {
                    width: 80px;
                    height: 80px;
                    margin: 0 auto 20px;
                    background: url(../images/factory/Adv-1.png) no-repeat;
                }

                .factory .product-intro .advantage .product-intro-item:nth-child(2) .product-intro-item-img {
                    background: url(../images/factory/Adv-2.png) no-repeat;
                }

                .factory .product-intro .advantage .product-intro-item:nth-child(3) .product-intro-item-img {
                    background: url(../images/factory/Adv-3.png) no-repeat;
                }

                .factory .product-intro .advantage .product-intro-item:nth-child(4) .product-intro-item-img {
                    background: url(../images/factory/Adv-4.png) no-repeat;
                }

                .factory .product-intro .advantage .product-intro-item:last-child {
                    margin-right: 0;
                }

            .factory .product-intro .advantage .product-intro-item-text {
                text-align: center;
                color: #999;
                font-size: 16px;
                line-height: 1.8;
            }


    .factory .capabilities {
        width: 1200px;
        margin: 60px auto 0;
    }

        .factory .capabilities .answer {
            margin-bottom: 50px;
        }

        .factory .capabilities .capabilities-details {
            margin-bottom: 60px;
        }

            .factory .capabilities .capabilities-details .capabilities-details-content {
                width: 1000px;
                margin-left: 0px;
                flex-wrap: wrap;
            }

                .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item {
                    margin-left: 20px;
                    width: 193px;
                    height: 180px;
                    border: 1px solid #ededed;
                    border-radius: 4px;
                    padding: 64.5px 15px 0;
                    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
                    overflow: hidden;
                    cursor: pointer;
                }

                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:first-child,
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(2),
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(3),
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(4),
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(5),
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(6),
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(7),
                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item:nth-child(8) {
                        margin-bottom: 20px;
                    }

                    .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item .capabilities-details-item-img {
                        width: 44px;
                        height: 44px;
                        margin: 0 auto 20px;
                        position: relative;
                        cursor: pointer;
                    }

                        .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item .capabilities-details-item-img img {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 1;
                            cursor: pointer;
                        }

                        .factory .capabilities .capabilities-details .capabilities-details-content .capabilities-details-item .capabilities-details-item-img .img-hover {
                            display: none;
                        }

            .factory .capabilities .capabilities-details .capabilities-details-item:hover {
                border-color: #2ba245;
                padding-top: 26.5px;
                height: 218.5px;
                transition: all linear 500ms;
            }

                .factory .capabilities .capabilities-details .capabilities-details-item:hover b {
                    border-color: #2ba245;
                }

                .factory .capabilities .capabilities-details .capabilities-details-item:hover .capabilities-details-item-intro {
                    display: block;
                }

                .factory .capabilities .capabilities-details .capabilities-details-item:hover .capabilities-details-item-img img.img-hover {
                    display: block;
                }

                .factory .capabilities .capabilities-details .capabilities-details-item:hover .capabilities-details-item-img img.img {
                    display: none;
                }

            .factory .capabilities .capabilities-details .capabilities-details-name {
                width: 200px;
                font-size: 24px;
                border-right: 1px solid #ededed;
                padding: 90.5px 0 0 20px;
            }

                .factory .capabilities .capabilities-details .capabilities-details-name b {
                    display: block;
                    width: 60px;
                    border-bottom: 4px solid #2ba245;
                    margin-top: 16px;
                }

            .factory .capabilities .capabilities-details .capabilities-details-item-name {
                text-align: center;
                font-size: 16px;
                color: #181818;
                cursor: pointer;
            }

                .factory .capabilities .capabilities-details .capabilities-details-item-name b {
                    display: block;
                    width: 34px;
                    border-bottom: 4px solid #999;
                    margin: 16px auto;
                    cursor: pointer;
                }

            .factory .capabilities .capabilities-details .capabilities-details-item-intro {
                font-size: 12px;
                line-height: 1.5;
                margin-top: 16px;
                display: none;
                cursor: pointer;
            }

                .factory .capabilities .capabilities-details .capabilities-details-item-intro.short {
                    text-align: center;
                }



    .factory .factory-product-intro {
        width: 1140px;
        height: 200px;
        margin: 30px auto;
        padding: 30px;
        background-color: #f7f7f7;
        background-image: url(../images/erm/erm-product-intro.png);
        background-repeat: no-repeat;
        background-position: 966px 50px;
    }

        .factory .factory-product-intro .product-name {
            font-size: 24px;
            color: #181818;
            margin-bottom: 20px;
        }

        .factory .factory-product-intro p {
            width: 908px;
            font-size: 14px;
            color: #999;
            margin-bottom: 0;
        }

            .factory .factory-product-intro p {
                line-height: 1.8;
                margin-bottom: 15px;
            }

    .factory .enterprise {
        width: 1200px;
        margin: 80px auto 0;
    }

        .factory .enterprise .enterprise-details {
            flex-wrap: wrap;
        }

            .factory .enterprise .enterprise-details .enterprise-item {
                width: 224px;
                height: 85px;
                margin-top: 20px;
                margin-right: 10px;
            }

                .factory .enterprise .enterprise-details .enterprise-item.side-item {
                    margin-right: 0;
                }

                .factory .enterprise .enterprise-details .enterprise-item .logo-box {
                    padding: 21px 0;
                }
    .factory .plates-name {
        font-size: 24px;
        color: #181818;
        text-align: center;
        margin-bottom: 60px;
    }
