﻿.m_nav{
		animation: 3s news ease-in-out;
		-webkit-animation: 3s news ease-in-out;
}
	@keyframes news
{
		0% {opacity: 0;height: 0;}
		25% {opacity: 0;height: 0;}
		50% {opacity: 0;height: 0;}
		75% {opacity: 0;height: 0;}
		100% {opacity: 1;height: 100%;}
}

	@-webkit-keyframes news
{
	0% {opacity: 0;height: 0;}
		25% {opacity: 0;height: 0;}
		50% {opacity: 0;height: 0;}
		75% {opacity: 0;height: 0;}
		100% {opacity: 1;height: 100%;}
}



.part_two{
    width: 100%;
    background: #f6f6f6;
    padding-top: 5.3%;
    padding-bottom: 10.8%;
    padding-bottom: -5%;
    margin: 0 auto;
    margin-bottom: 9%;
}
.two-container{
    max-width: 1290px;
    padding-left: 8px;
    margin: 0 auto;
    position: relative;
}

    .two-left{
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    .two-left h1{
        font-size: 34px;
        color: #13912c;
        margin-top: 5%;
        margin-bottom: 3.5%;
    }   
    .two-left p{
        font-size: 16px;
        color: #333;
        margin-bottom: 7%;
    }
    .two-left span{
        display: block;
        font-size: 17px;
        line-height: 32px;
        color: #222222;
        margin-bottom: 6%;
    }
    .two-left a{
        display: inline-block;
        font-size: 16px;
        color: #13912c;
        padding-bottom: 5px;
        border-bottom: 1px solid #13912c;
    }
    .two-right{
        vertical-align: top;
        display: inline-block;
        width: 50%;
        text-align: center;
        position: relative;
        padding-bottom: 33.25%;
    }

        .two-right>a {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .two-right>a img{
            display: inline-block;
            width: 100%;
            height: 100%;
        }

@media(max-width:1060px){
	.two-left span br{
	display:none;
}
}

/*新闻资讯 */
.part_four{
    background:url(../img/index-bg2.jpg) no-repeat;
    padding-top: 5%;
    padding-bottom: 5%;
    background-size: 100% 100%;
    margin-bottom: 7%;
}
.part_four>h1{
    font-size: 34px;
    color: #13912c;
    text-align: center;
    margin-bottom: 1%;
}
.part_four>p{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-bottom: 2.8%;
}
    .four-container{
        max-width: 1280px;
        margin: 0 auto;
    }
        .four-left{
            display: inline-block;
            width: 35%;
            padding-left:6%;
            padding-right: 6%;
            padding-top: 3.15%;
            background: white;
            margin-right: 5%;
        }
       .left-img{
           width: 100%;
           padding-bottom: 66.66%;
           position: relative;
       }
        .left-img>a{
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
            .left-img>a img{
                display: block;
                width: 100%;
                height: 100%;
            }

        .left-text {
            width: 100%;
            padding-top: 5.6%;
        }
        .left-text h1 a{
            display: inline-block;
            width: 100%;
            text-decoration: none;
            font-size: 18px;
            color: #000;
            font-weight: 600;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            margin-bottom: 4.5%;
        }
        .left-text p{
            font-size: 18px;
            color: #666;
            margin-bottom: 3.5%;
        }
        .left-text span{
            font-size: 15px;
            line-height: 30px;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            margin-bottom: 12%;
        }

        .four-right{
            display: inline-block;
            width: 47.5%;
            vertical-align: top;
        }
            .four-box{
                border-bottom: 1px solid #cccccc;
                padding-left: 5%;
                padding-right: 5%;
            }
                .four-box>a{
                    display: block;
                    margin-top: 4.6%;
                    margin-bottom: 4%;
                    padding-right: 30%;
                    background: url(../img/arrow-01.png) no-repeat center right;
                    text-decoration: none;
                    font-size: 18px;
                    color: #000;
                    font-weight: 600;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
                .four-box p{
                    font-size: 18px;
                    color: #666;
                    margin-bottom: 2.5%;
                }
                .four-box span{
                    font-size: 15px;
                    line-height: 28px;
                    color: #333;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    margin-bottom: 4%;
                }

    .four-left:hover h1 a{
        color: #13912c;
    }
    .four-box:hover{
        box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 2px solid #13912c;
    }
    .four-box:hover>a{
        color: #13912c;
    }

/* 产品产业链 */
.part_five{
    margin-bottom: 8%;
}
    .part_five>h1{
        font-size: 34px;
        color: #13912c;
        text-align: center;
        margin-bottom: 1%;
    }
        .part_five>p{
            font-size: 16px;
            color: #333;
            text-align: center;
            margin-bottom: 2.8%;
        }

/* 第六部分 */
.part_six{
    width: 100%;
    background: url(../img/index-bg3.jpg) no-repeat;
    background-size: 100% 100%;
}
.six-container{
    max-width: 1280px;
    margin: 0 auto;
    padding: 5%;
    display: flex;
    justify-content: space-between;
}
    .six-box{
        display: inline-block;
        width: 30%;
    }
        .six-box h1{
            font-size: 28px;
            color: #000;
            font-weight: 400;
            margin-bottom: 22%;
            text-align: center;
            position: relative;
        }
        .six-box h1::after{
            content: "";
            width: 26px;
            height: 3px;
            background: #13912c;
            position: absolute;
            top: 200%;
            left: 45%;
        }
        .six-box p{
            font-size: 18px;
            color: #222;
            line-height: 40px;
            text-align: center;
        }
 
@media(max-width:1100px){
    .six-box p{
        font-size: 16px;
    }
    .six-box h1{
        font-size: 24px;
    }
}


@media(max-width:960px){
    .two-container{
        padding-right: 8px;
    }
    .two-left{
        width: 95%;
        padding-left: 2.5%;
        margin-bottom: 2%;
text-align:center;
    }
    .two-left h1{
        text-align: center;
    }
    .two-left p{
        text-align: center;
    }
    .two-right{
        width: 95%;
        padding-left: 5%;
        padding-bottom: 63.17%;
    }

    /* 新闻 */
    .four-left{
        width: 80%;
        margin-left: 4%;
    }
    .four-right{
        width: 90%;
        margin-left: 4%;
    }

    .six-box h1{
        font-size: 20px;
    }
    .six-box p{
        font-size: 14px;
    }
    .six-container{
        padding: 2%;
        padding-right: 0px;
    }


}  

@media (max-width: 700px){
    .part_two{
        padding-bottom: 6%;
    }
    .six-container{
        display: block;
    }
    .six-box{
        width: 90%;
        margin-left: 5%;
        display: block;
        margin-bottom: 8%;
    }
    .six-box h1{
        font-size: 22px;
        margin-bottom: 10%;
    }
    .six-box h1::after{
        top: 160%;
    }
    .six-box p{
        font-size: 16px;
    }
    .part_six {
        overflow: hidden;
        background-size: 450% 100%;
        background-position: 50%;
    }

    .two-left>h1,.part_three>h1,.part_four>h1,.part_five>h1{
        font-size: 26px;
        margin-bottom:1.5%
    }
    .two-left p,.part_three>p,.part_four>p,.part_five>p{
        font-size: 14px;
    }
}