body p {
    margin: 0;
}
/* 顶部 */
.top {
    height: 88px;
    /* overflow: hidden; */
}

    .top > .inner {
        display: flex;
        justify-content: space-between;
        padding-bottom: 18px;
    }

        .top > .inner > .logo {
            display: flex;
            margin: 19px 0 0 31px;
        }

            .top > .inner > .logo > .img {
                width: 58px;
                height: 51px;
                margin-right: 20px;
            }

                .top > .inner > .logo > .img > img {
                    width: 100%;
                    height: auto;
                    border-radius: 50%;
                }

            .top > .inner > .logo > p {
                font: bold 21px "微软雅黑";
                color: #015f25;
                line-height: 51px;
            }

        .top > .inner > .search {
            width: 385px;
            height: 51px;
            margin-top: 19px;
            border: 1px solid #d1d1d1;
            border-radius: 25px;
            margin-right: 58px;
            position: relative;
            overflow: hidden;
        }

            .top > .inner > .search > input {
                width: 385px;
                padding-left: 25px;
                color: #999;
                height: 51px;
                font: 20px "微软雅黑";
            }

            .top > .inner > .search > .btn {
                position: absolute;
                top: 0px;
                right: -1px;
                width: 85px;
                height: 51px;
                background-color: #248928;
                font: 18px "微软雅黑";
                line-height: 51px;
                color: #fff;
                text-align: center;
                padding:0;
            }

/* 导航 */
.nav {
    height: 68px;
    background-color: #f6f6f6;
}

    .nav > .inner {
    }

        .nav > .inner > ul {
            display: flex;
            height: 68px;
        }

            .nav > .inner > ul > li {
                flex: 1;
                font: 18px "微软雅黑";
                line-height: 68px;
                text-align: center;
                position: relative;
            }

                .nav > .inner > ul > li > a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    color: #000;
                }

                .nav > .inner > ul > li:hover > a,
                .nav > .inner > ul > li.active > a {
                    color: #fff;
                    background-color: #1d8626;
                }

                .nav > .inner > ul > li ul {
                    position: absolute;
                    top: 68px;
                    left: 0;
                    right: 0;
                    z-index: 88;
                    display: none;
                }

                .nav > .inner > ul > li:hover > ul {
                    display: block;
                }

                .nav > .inner > ul > li ul > li {
                    color: #fff;
                    background-color: #1d8626;
                    height: 68px;
                    border-top: 1px dashed rgba(255,255,255,0.8);
                }

                    .nav > .inner > ul > li ul > li:hover {
                        background-color: #015f25;
                    }

                    .nav > .inner > ul > li ul > li > a {
                        display: block;
                        width: 100%;
                        height: 100%;
                        color: #fff;
                    }
/* banner */
.banner {
    background: url(../images/banner.jpg) no-repeat center;
    height: 600px;
}

    .banner > .inner {
        position: relative;
    }

        .banner > .inner > .title {
            font: 68px "微软雅黑";
            line-height: 459px;
            text-align: center;
            text-shadow: #f6f1ed 0px 0 100px, #f6f1ed 0 0px 100px, #f6f1ed 0px 0 100px, #f6f1ed 0 0px 100px;
            -webkit-text-shadow: #f6f1ed 0px 0 100px, #f6f1ed 0 0px 100px, #f6f1ed 0px 0 100px, #f6f1ed 0 0px 100px;
            -moz-text-shadow: #f6f1ed 0px 0 100px, #f6f1ed 0 0px 100px, #f6f1ed 0px 0 100px, #f6f1ed 0 0px 100px;
            color:black;
        }

        .banner > .inner > .introduce {
            width: 90%;
            height: 369px;
            background-color: #fff;
            box-shadow: 0 0 10px #ccc;
            margin: 0 auto;
            border-radius: 8px;
            text-align: center;
        }

            .banner > .inner > .introduce > .tit {
                display: block;
                font: 28px "微软雅黑";
                line-height: 82px;
                padding-top: 16px;
                border-bottom: 2px solid #d1d1d1;
                width: 636px;
                margin: 0 auto;
                color: black;
            }

            .banner > .inner > .introduce > .con {
                font: 18px "微软雅黑";
                color: #6f6f6f;
                line-height: 36px;
                margin: 32px 97px 0;
            }

            .banner > .inner > .introduce > span {
                font: 18px "微软雅黑";
                color: #6f6f6f;
                line-height: 36px;
                margin: 0 147px;
            }

            .banner > .inner > .introduce > a {
                display: block;
                width: 235px;
                height: 52px;
                border: 1px solid #1d8626;
                border-radius: 26px;
                color: #1d8626;
                font: 18px "微软雅黑";
                line-height: 52px;
                margin: 40px auto 0;
            }

/* 企业服务 */
.service {
    margin-top: 299px;
    background: url(../images/service.jpg) no-repeat center;
    height: 702px;
}

    .service > .inner {
    }

        .service > .inner > .tit {
            font: 24px "微软雅黑";
            color: #fff;
            line-height: 42px;
            text-align: center;
            padding-top: 55px;
        }

        .service > .inner > .con {
            font: 16px "微润雅黑";
            color: #fff;
            line-height: 34px;
            text-align: center;
        }

        .service > .inner > ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 50px !important;
        }

            .service > .inner > ul > li {
                width: 285px;
                height: 196px;
                background-color: #fff;
                margin-bottom: 22px;
            }

                .service > .inner > ul > li > a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                    .service > .inner > ul > li > a > .img {
                        display: block;
                        width: 83px;
                        height: 70px;
                        margin: 39px auto 20px;
                    }

                        .service > .inner > ul > li > a > .img > img {
                            width: 100%;
                            height: auto;
                        }

                    .service > .inner > ul > li > a > .tit {
                        font: 16px "微软雅黑";
                        color: #000;
                        line-height: 25px;
                        text-align: center;
                    }

                    .service > .inner > ul > li > a > .con {
                        font: 14px "微软雅黑";
                        color: #000;
                        line-height: 22px;
                        text-align: center;
                    }


/* 产业园动态 */
.dynamic {
    margin-top: 0;
    margin-bottom: 90px;
}

    .dynamic > .inner {
        text-align: center;
        color: #fff;
    }

        .dynamic > .inner > .tit {
            font: 24px "微软雅黑";
            line-height: 126px;
            color: #000;
        }

        .dynamic > .inner > ul {
            display: flex;
            justify-content: space-between;
        }

            .dynamic > .inner > ul > li {
                background-color: pink;
                width: 593px;
                height: 330px;
                position: relative;
            }

            .dynamic > .inner > ul > .one {
                background: url(../images/dynamic.jpg) no-repeat center;
            }

            .dynamic > .inner > ul > .two {
                background: url(../images/dynamic2.jpg) no-repeat center;
            }

            .dynamic > .inner > ul > li > .tit {
                font: 24px "微软雅黑";
                line-height: 88px;
                margin-top: 46px;
            }

            .dynamic > .inner > ul > li > .con {
                font: 16px "微软雅黑";
                line-height: 25px;
                margin: 0 44px;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }

            .dynamic > .inner > ul > li > a {
                display: block;
                width: 235px;
                height: 52px;
                border: 1px solid #fff;
                color: #fff;
                border-radius: 26px;
                /* margin: 64px auto 30px; */
                font: 18px "微软雅黑";
                line-height: 52px;
                position: absolute;
                bottom: 0px;
                left: 50%;
                transform: translate(-50%,-50%);
            }


/* news */
.news {
    padding-top: 46px;
    background: url(../images/news.jpg) no-repeat center;
    height: 702px;
}

    .news > .inner {
        position: relative;
    }

        .news > .inner > .tit {
            font: 24px "微软雅黑";
            line-height: 43px;
            text-align: center;
            color: #fff;
            /* margin-top: 54px; */
        }

        .news > .inner > .con {
            font: 16px "微软雅黑";
            text-align: center;
            line-height: 35px;
            color: #fff;
        }

        .news > .inner > .img {
            width: 656px;
            height: 584px;
            margin-top: 18px;
        }

            .news > .inner > .img > img {
                width: 656px;
                height: 584px;
                display: none;
            }   

                .news > .inner > .img > img:first-of-type {
                    display: block;
                }

        .news > .inner > ul {
            position: absolute;
            bottom: 44px;
            right: 0;
        }

            .news > .inner > ul > li {
                background-color: #1d8626;
                width: 548px;
                height: 144px;
                margin-top: 27px;
                position: relative;
            }

                .news > .inner > ul > li > .arrow {
                    width: 26px;
                    height: 26px;
                    position: absolute;
                    top: 50%;
                    left: -12px;
                }

                    .news > .inner > ul > li > .arrow > img {
                        width: 100%;
                        height: auto;
                        background: transparent;
                    }

                .news > .inner > ul > li > .con {
                    color: rgba(255,255,255,0.8);
                    margin: 0 11px 0 30px;
                    position: relative;
                    height: 100%;
                }

                .news > .inner > ul > li:hover .con {
                    color: rgba(255,255,255,1);
                }

                .news > .inner > ul > li > .con > .top2 {
                    display: flex;
                    justify-content: space-between;
                    padding-top: 10px;
                }

                    .news > .inner > ul > li > .con > .top2 > .left {
                        font: 20px "微软雅黑";
                        line-height: 46px;
                        width:400px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .news > .inner > ul > li > .con > .top2 > .right {
                        font: 16px "微软雅黑";
                        line-height: 46px;
                    }

                .news > .inner > ul > li > .con > .mid {
                    font: 14px "微软雅黑";
                    line-height: 26px;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }

                .news > .inner > ul > li > .con > a {
                    display: block;
                    width: 103px;
                    height: 29px;
                    border: 1px solid #fff;
                    border-radius: 15px;
                    font: 14px "微软雅黑";
                    line-height: 27px;
                    color: #fff;
                    text-align: center;
                    position: absolute;
                    bottom: 10px;
                    right: 0;
                }

/* 入驻企业 */
.Settle {
    margin-top: 153px;
}

    .Settle > .inner {
        /* background-color: #ccc; */
    }

        .Settle > .inner > .tit {
            font: 24px "微软雅黑";
            text-align: center;
            line-height: 45px;
        }

        .Settle > .inner > .con {
            font: 16px "微软雅黑";
            text-align: center;
            line-height: 35px;
        }

        .Settle > .inner > ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 56px;
        }

            .Settle > .inner > ul > li {
                width: 198px;
                height: 110px;
                border: 1px solid #b0b0b0;
                margin: 21px;
                position: relative;
                background-color: #fff;
            }

                .Settle > .inner > ul > li > .img {
                    width: 163px;
                    height: 71px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }

                    .Settle > .inner > ul > li > .img > img {
                        width: 100%;
                        height: auto;
                    }

/* 人才招聘 */
.recruit {
    height: 430px;
    background-color: #1d8626;
    margin-top: 64px;
}

    .recruit > .inner {
        text-align: center;
        color: #fff;
    }

        .recruit > .inner > .tit {
            font: 24px "微软雅黑";
            line-height: 42px;
            padding-top: 40px;
        }

        .recruit > .inner > .con {
            font: 16px "微软雅黑";
            line-height: 35px;
        }

        .recruit > .inner > .img {
            margin: 30px auto 0;
            width: 105px;
            height: 105px;
        }

            .recruit > .inner > .img > img {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .recruit > .inner > i {
            font: 24px "微软雅黑";
            line-height: 68px;
        }

        .recruit > .inner > a {
            display: block;
            width: 235px;
            height: 51px;
            border: 1px solid #fff;
            border-radius: 25px;
            margin: 34px auto 0;
            color: #fff;
            font: 18px "微软雅黑";
            line-height: 51px;
        }

            .recruit > .inner > a:hover,
            .news > .inner > ul > li > .con a:hover {
                border: 1px solid #3e8628;
                background: #fff;
                color: #3e8628;
            }

.banner > .inner > .introduce > a:hover,
.dynamic > .inner > ul > li > a:hover {
    border: 1px solid #3e8628;
    background: #3e8628;
    color: #fff;
}