@charset "utf-8";

/* 共用 */
.banner,
.product,
.about,
.honor,
.advantage,
.cooperate,
.partner,
.new {
    margin-bottom: 3.4rem;
    ;
}

/* pc导航栏 */
.nav-pc {
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 999;
}

.nav-pc a {
    color: #fff;
    font-size: 16px;
}

.nav>li {
    position: relative;
}

.nav>li>a {
    display: block;
    padding: 1.2rem 0;
    cursor: pointer;
}

.nav .active,
.nav li:hover {
    background-color: #1f8f43;
}

.nav .active a,
.nav li:hover a {
    color: #fff;
}

.drop-menu {
    position: absolute;
    display: none;
    z-index: 666;
    width: 100%;
}

.nav li ul {
    background-color: #333;
    transition: 0.3s;
    padding: 0;
}

.drop-menu li a {
    display: block;
    font-size: 14px;
    padding: 0.8rem 0.4rem;
}

.nav-menu li:hover ul,
.nav-menu li li:hover ul {
    display: block;
}

    /* 栏目标题 */
    .column h2 {
        color: #1f8f43;
        font-size: 40px;
        font-weight: 700;
    }

    .column p {
        color: #8f8f8f;
        font-size: 18px;
    }

    /* 首页样式 */
    .pic {
        font-size: 16px;
    }

    .pic .label {
        font-size: 20px;
        font-weight: 700;
    }

    .wathet {
        color: #1f8f43;
    }

    .jasper {
        color: #ff9600;
    }

    .content {
        font-size: 15px;
        line-height: 2;
        color: #363636;
    }

    .cooperate-img {
        background-image: url(../images/cooperate.jpg);
        background-size: cover;
        padding: 4% 0;
    }

    .cooperate .txt1 {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
    }

    .cooperate .txt2 {
        font-size: 30px;
        color: #fff;
    }

    .cooperate .txt2 span {
        font-size: 40px;
        color: #ffa500;
        font-weight: 700;
    }

    .new-list {
        border: 1px solid #dee2e6 !important;
    }

    .new-list:hover {
        border: 1px solid #1f8f43 !important;
    }

    .new-list .new-img {
        max-width: 100%;
        width: 100%;
        height: 320px;
        overflow: hidden;
    }

    .new-list .new-img img {
        width: 100%;
        height: 100%;
        transition: all .3s ease-out 0s;
        /* 动画效果 */
        object-fit: cover;
    }

    .new-list .new-img img:hover {
        transform: scale(1.1);
        /* 放大1.1倍 */
    }

    .new-list .new-txt {
        padding: 8% 10%;
    }

    .new-list .new-txt time {
        color: #9c9c9c;
        font-size: 16px;
    }

    .new-list .new-txt h3 {
        font-size: 20px;
    }

    .new-list:hover .new-txt h3 {
        color: #1f8f43;
    }

    .new-list .new-txt p {
        color: #9c9c9c;
        font-size: 15px;
    }

    .new-list .new-link {
        font-size: 15px;
        padding: 2% 35%;
    }

    .new-list .new-link a {
        color: #9c9c9c;
    }

    .new-list:hover .new-link {
        color: #fff;
        background-color: #1f8f43;
    }

    .pc-footer {
        color: #fff;
        background-color: #1f8f43;
    }

    .pc-footer .flogo h2 {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
    }

    .pc-footer .fsort p {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.75);
    }

    .pc-footer .fsort li a {
        font-size: 14px;
        color: #fff;
        line-height: 2;
    }

    .pc-footer .fnav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .pc-footer .fnav li {
        width: 50%;
    }

    .pc-footer .fwechat p {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.75);
    }

    .pc-footer .fwechat .fwechat-img {
        max-width: 120px;
        width: 100%;
    }

    .pc-footer .fsort li a:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    .copyright {
        padding: 10px 0;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .copyright a {
        color: #fff;
    }

.imgBox {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.imgNormalBox{
	position: relative;
	overflow: hidden;
	opacity:1;
	transition: all .5s;
	-moz-transition:all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.imgHoverBox{
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	opacity: 0;
	transition: all .5s;
	-moz-transition:all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.imgBox:hover .imgNormalBox{opacity: 0;}
.imgBox:hover .imgHoverBox{opacity: 1;	height: 100%;}