.nav {

    width: 100%;

    border-bottom: 1px #f1f1f1 solid;

}



.page-nav {

    border-top: 1px #f1f1f1 solid;

}



.nav .w1600 {

    display: flex;

    height: 78px;

    justify-content: space-between;

}



.nav .nav-left {

    display: flex;

    align-items: center;

    color: #333;

    font-size: 16px;

}



.nav .nav-left a {

    color: #333;

}



.nav .nav-left a:hover {

    color: #009944;

}



.nav .nav-left .icon {

    width: 20px;

    height: 20px;

    fill: currentColor;

    overflow: hidden;

    color: #009944;

    margin-right: 6px;

}



.nav ul {

    flex: 1;

    display: flex;

    justify-content: flex-end;

    height: 100%;

}



.nav ul li {

    height: 100%;

    display: flex;

}



.nav ul li a {

    height: 100%;

    display: flex;

    align-items: center;

    color: #333;

    font-size: 16px;

    margin-left: 34px;

    position: relative;

}



.nav ul li a::before {

    content: '';

    position: absolute;

    left: 0;

    height: 4px;

    bottom: -1px;

    width: 0;

    background: #009944;

    transition: .5s;

}



.nav ul li:hover a::before,

.nav ul li.active a::before {

    width: 100%;

}



.nav ul li:hover a,

.nav ul li.active a {

    color: #009944;

}



.product-list {

    width: 100%;

    padding-top: 1rem;

}



.product-list ul {

    display: flex;

    flex-wrap: wrap;

}



.product-list ul li {

    width: 24.1%;

    margin-left: 1.2%;

    margin-bottom: 1.2%;

}



.product-list ul li:nth-child(4n+1) {

    margin-left: 0;

}



.product-list ul li .ho-pro-img {

    width: 100%;

    height: 274px;

    position: relative;

    overflow: hidden;

}



.product-list ul li .ho-pro-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;

}



.product-list ul li .ho-pro-desc {

    width: 100%;

    padding: .46rem .5rem 0;

    box-sizing: border-box;

    position: relative;

}



.product-list ul li .ho-pro-desc::before {

    content: '';

    position: absolute;

    left: 0;

    height: 1px;

    background: #009944;

    width: .2rem;

    top: .54rem;

}



.product-list ul li .ho-pro-desc h3 {

    color: #34623f;

    font-size: 14px;

}



.product-list ul li .ho-pro-desc h4 {

    color: #333;

    font-size: 20px;

    margin: 4px 0 12px;

}



.product-list ul li .ho-pro-desc p {

    color: #989898;

    font-size: 14px;

    line-height: 24px;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.product-list ul li:hover .ho-pro-img img {

    transform: scale(1.04);

}



.product-page {

    width: 100%;

    padding-top: 40px;

}



.product-page .pro-page-info {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.product-page .pro-page-info .pro-page-left {

    width: 54%;

}



.product-page .pro-page-info .pro-page-left img {

    width: 100%;

    display: block;

}



.product-page .pro-page-info .pro-page-right {

    width: 46%;

    padding-left: 1.5rem;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

}



.product-page .pro-page-info .pro-page-right h3 {

    color: #34623f;

    font-size: 14px;

}



.product-page .pro-page-info .pro-page-right h4 {

    color: #333;

    font-size: .48rem;

    margin: 6px 0 20px;

}



.product-page .pro-page-info .pro-page-right p {

    color: #989898;

    font-size: 16px;

    width: 60%;

}



.product-page .ho-a {

    color: #999;

    border: 1px #999 solid;

    margin-top: .7rem;

}



.product-page .ho-a .icon {

    color: #999;

}



.product-page .ho-a:hover {

    color: #009944;

    border: 1px #009944 solid;

}



.product-page .ho-a:hover .icon {

    color: #009944;

}



.product-page .pro-page-conetnt h2 {

    height: 80px;

    display: flex;

    align-items: center;

    border-bottom: 1px #cccccc solid;

    color: #000000;

    font-size: 24px;

    position: relative;

}



.product-page .pro-page-conetnt h2::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: -1px;

    height: 2px;

    width: 96px;

    background: #009944;

}



.product-page .pro-page-conetnt .pro-js {

    padding: .6rem 0 .4rem;

    color: #333;

    font-size: 16px;

    width: 86%;

    margin: auto;

}



.product-page .pro-page-conetnt .pro-js img {

    max-width: 100%;

}



.common-page {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px #cccccc solid;

    padding: .5rem 0;

}



.common-page div {

    display: flex;

    flex-direction: column;

}



.common-page div p,

.common-page div a {

    color: #333;

    font-size: 14px;

    line-height: 30px;

}



.common-page div a:hover {

    color: #999;

}



.common-page>a {

    width: 110px;

    height: 38px;

    background: #009944;

    color: #fff;

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .5s;

}



.common-page>a .icon {

    width: 10px;

    height: 10px;

    fill: currentColor;

    overflow: hidden;

    color: #fff;

    margin-right: 6px;

}



.common-page>a:hover {

    transform: translateY(-10px);

}



.about {

    width: 100%;

}



.about .about-1 {

    display: flex;

    justify-content: space-between;

    padding: 1.2rem 0 1.1rem;

}



.about .about-1 .about-1-l {

    width: 25%;

    padding-right: 1.2rem;

    box-sizing: border-box;

}



.about .about-1 .about-1-l img {

    width: 100%;

    display: block;

}



.ab-h2 {

    color: #333;

    font-size: 36px;

}



.ab-p {

    color: #666666;

    font-size: 16px;

    margin: 6px 0 12px;

}



.ab-span {

    width: 20px;

    height: 4px;

    display: flex;

    background: #009944;

    margin-bottom: 20px;

}



.about .about-1 .about-1-r {

    width: 75%;

}



.about .about-1 .about-1-r>div {

    color: #666666;

    font-size: 16px;

    line-height: 32px;

}



.about .about-1 .about-1-r ul {

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

}



.about .about-1 .about-1-r ul li {

    display: flex;

    align-items: center;

}



.about .about-1 .about-1-r ul li h2 {

    color: #009944;

    font-size: .6rem;

    margin-right: 10px;

}



.about .about-1 .about-1-r ul li p {

    color: #666666;

    font-size: 16px;

}



.about .about-2 {

    width: 100%;

    padding: .8rem 0;

    background: #f6f6f6;

}



.about .about-2 .about-2-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.about .about-2 .about-2-left {

    width: 62%;

}



.about .about-2 .about-2-left img {

    width: 100%;

}



.about .about-2 .about-2-right {

    width: 34%;

}



.about .about-2 .about-2-right div {

    color: #666666;

    font-size: 16px;

    line-height: 32px;

}



.about .about-3 {

    width: 100%;

    padding: .8rem 0;

}



.about .about-3 .about-3-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.about .about-3 .about-3-btn {

    display: flex;

    align-items: center;

}



.about .about-3 .about-3-btn .swiper-button {

    width: 36px;

    height: 36px;

    border: 1px #7a7a7a solid;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 8px;

    outline: none;

    cursor: pointer;

}



.about .about-3 .about-3-btn .swiper-button .icon {

    width: 16px;

    height: 16px;

    fill: currentColor;

    overflow: hidden;

    color: #7a7a7a;

}



.about .about-3 .about-3-btn .swiper-button:hover {

    border: 1px #009944 solid;

}



.about .about-3 .about-3-btn .swiper-button:hover .icon {

    color: #009944;

}



.about .about-3 .about-3-banner {

    width: 100%;

    margin-top: 10px;

}



.about .about-3 .about-3-banner .about-3-img {

    width: 100%;

    height: 324px;

    position: relative;

    overflow: hidden;

}



.about .about-3 .about-3-banner .about-3-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.about .about-3 .about-3-banner .about-3-desc {

    width: 100%;

    padding: 20px 26px;

    box-sizing: border-box;

    background: #f6f6f6;

    position: relative;

}



.about .about-3 .about-3-banner .about-3-desc::before {

    content: '';

    position: absolute;

    left: 0;

    top: 24px;

    width: 10px;

    height: 2px;

    background: #009944;

}



.about .about-3 .about-3-banner .about-3-desc h3 {

    color: #333;

    font-size: 16px;

}



.about .about-3 .about-3-banner .about-3-desc p {

    color: #666;

    font-size: 16px;

    margin-top: 6px;

}



.about .about-4 {

    width: 100%;

    padding: .8rem 0 1.2rem;

    background: #c1a959;

}



.about .about-4 .about-4-conetnt {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.about .about-4 .about-4-conetnt>h2 {

    color: #fff;

}



.about .about-4 .about-4-conetnt>p {

    color: #fff;

}



.about .about-4 .about-4-conetnt>span {

    background: #fff;

}



.about .about-4 .about-4-js {

    width: 100%;

}



.about .about-4 ul {

    display: flex;

    justify-content: space-between;

    padding: 0 .5rem;

    box-sizing: border-box;

    width: 100%;

    margin: 40px 0;

}



.about .about-4 ul li a {

    width: 1.3rem;

    height: 1.3rem;

    box-sizing: border-box;

    border: .12rem #fff solid;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #ffffff;

    font-size: .36rem;

}



.about .about-4 .tab-con {

    width: 100%;

    display: flex;

    justify-content: center;

    background: #fff;

    padding: 30px 0;

    color: #333;

    font-size: 16px;

}



.about .about-4 .tab-con h3 {

    color: #c0a653;

    font-size: .48rem;

    position: relative;

    height: .7rem;

}



.about .about-4 .tab-con h3::before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    width: 20px;

    height: 2px;

    background: #c0a653;

}



.about .about-4 .tab-con img {

    width: 240px;

    margin: 0 40px;

}



.about .about-4 .tab-con p {

    display: flex;

    align-items: center;

}



.culture {

    width: 100%;

    background: #f6f6f6;

}



.culture .culture-1 {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 1rem 0 1.4rem;

}



.culture .culture-1 ul {

    display: flex;

    justify-content: space-between;

    margin-top: .6rem;

}



.culture .culture-1 ul li {

    width: 25%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.culture .culture-1 ul li h3 {

    color: #009944;

    font-size: 20px;

    margin-top: 18px;

}



.culture .culture-1 ul li p {

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    padding: 0 .4rem;

    box-sizing: border-box;

    text-align: center;

}



.culture .culture-1 ul li span {

    width: 24px;

    height: 1px;

    background: #989898;

    margin: 14px;

}



.culture-2 {

    width: 100%;

    padding: .8rem 0 20px;

    background: url(../images/culture-bg.jpg);

    background-size: cover;

}



.culture-2 .w1600 {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.culture-2 .ab-h2 {

    color: #fff;

}



.culture-2 .ab-p {

    color: #fff;

}



.culture-2 .ab-span {

    background: #fff;

}



.culture-2 .w1600 .culture-2-content {

    width: 100%;

    margin-top: 20px;

}



.culture-2 .w1600 .swiper-container1 {

    padding-bottom: 80px;

}



.culture-2 .w1600 .culture-2-content img {

    width: 100%;

    display: block;

}



.culture-2 .swiper-pagination-bullet {

    opacity: 1;

    background: #fff;

}



.culture-2 .swiper-pagination-bullet-active {

    background: #009944;

}



.culture-3 {

    width: 100%;

    background: #fff;

    padding: .8rem 0 50px;

}



.culture-3 .w1600 {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.culture-3 .culture-3-content {

    width: 100%;

    position: relative;

    margin-top: 20px;

}



.culture-3 .culture-3-content .swiper-container4 {

    width: 100%;

    height: 720px;

    padding-bottom: 40px;

}



.culture-3 .culture-3-content .swiper-slide {

    height: 50%;

}



.culture-3 .culture-3-content .culture-3-img {

    width: 100%;

    height: 300px;

    position: relative;

    overflow: hidden;

}



.culture-3 .culture-3-content .culture-3-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.culture-3 .culture-3-content h3 {

    color: #333333;

    font-size: 16px;

    text-align: center;

    padding-top: 20px;

}



.common-st .swiper-pagination-bullet {

    opacity: 1;

    background: #666;

}



.common-st .swiper-pagination-bullet-active {

    background: #009944;

}



.common-st .culture-3-btn {

    display: flex;

    justify-content: center;

    align-items: center;

}



.common-st .swiper-pagination4 {

    position: relative;

    display: flex;

    align-items: center;

    margin: 0 20px;

}



.common-st .swiper-pagination4 span {

    margin: 0 4px;

    outline: none;

}



.common-st .culture-3-btn .swiper-button {

    width: 36px;

    height: 36px;

    border: 1px #7a7a7a solid;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    outline: none;

    cursor: pointer;

}



.common-st .culture-3-btn .swiper-button .icon {

    width: 16px;

    height: 16px;

    fill: currentColor;

    overflow: hidden;

    color: #7a7a7a;

}



.common-st .culture-3-btn .swiper-button:hover {

    border: 1px #009944 solid;

}



.common-st .culture-3-btn .swiper-button:hover .icon {

    color: #009944;

}



.active-list {

    width: 100%;

    padding-top: 1rem;

}



.active-list ul {

    display: flex;

    flex-wrap: wrap;

}



.active-list ul li {

    width: 24.1%;

    margin-left: 1.2%;

    margin-bottom: 1.2%;

    transition: .5s;

}



.active-list ul li:nth-child(4n+1) {

    margin-left: 0;

}



.active-list ul li div {

    width: 100%;

    height: 300px;

    position: relative;

    overflow: hidden;

    transition: .5s;

}



.active-list ul li div img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.active-list ul li h3 {

    color: #333;

    font-size: 16px;

    margin-top: 12px;

    text-align: center;

}



/* .active-list ul li:hover{

    transform: translateY(-6px);

} */

.active-list ul li:hover div {

    z-index: 2;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

}







.honor-list {

    width: 100%;

    padding-top: 1rem;

}



.honor-list ul {

    display: flex;

    flex-wrap: wrap;

}



.honor-list ul li {

    width: 24.1%;

    margin-left: 1.2%;

    margin-bottom: 1.2%;

    transition: .5s;

}



.honor-list ul li:nth-child(4n+1) {

    margin-left: 0;

}



.honor-list ul li div {

    width: 100%;

    height: 300px;

    position: relative;

    overflow: hidden;

    background: #f4f4f4;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s;

}



.honor-list ul li div img {

    max-width: 90%;

    max-height: 90%;

}



.honor-list ul li h3 {

    color: #333;

    font-size: 16px;

    margin-top: 12px;

    text-align: center;

}



.honor-list ul li:hover div {

    z-index: 2;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

}





.parent-list {

    width: 100%;

    padding-top: 1rem;

}



.parent-list ul {

    display: flex;

    flex-wrap: wrap;

}



.parent-list ul li {

    width: 24.1%;

    margin-left: 1.2%;

    margin-bottom: 1.2%;

    transition: .5s;

}



.parent-list ul li:nth-child(4n+1) {

    margin-left: 0;

}



.parent-list ul li div {

    width: 100%;

    height: 150px;

    border: 1px #efefef solid;

    position: relative;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s;

}



.parent-list ul li div img {

    max-width: 90%;

    max-height: 90%;

}



.parent-list ul li h3 {

    color: #333;

    font-size: 16px;

    margin-top: 12px;

    text-align: center;

}



.parent-list ul li:hover div {

    z-index: 2;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

}
.team-list{
    margin-top: 50px;
}
.team-list ul{
   overflow: hidden;
}
.team-list ul li{
    float: left;
    width: 23%;
    padding: 0 1%;
}
.team-list ul li .ho-pro-img{
    width: 100%;
    height: 490px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.team-list ul li .ho-pro-img img{
    max-width: 100%;
    object-fit: scale-down;
}
.team-list ul li h3{
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}

.video-list {

    width: 100%;

    padding: .7rem 0 40px;

}



.video-list .swiper-container4 {

    width: 100%;

    height: 970px;

    padding-bottom: 50px;

}



.video-list .swiper-slide {

    height: 33.3%;

}



.video-list .video-img {

    width: 100%;

    height: 250px;

    position: relative;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

}



.video-list .video-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;

}



.video-list .video-img i {

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    background: #009944;

    z-index: 9;

    transition: .5s;

}



.video-list .video-img i .icon {

    width: 20px;

    height: 20px;

    fill: currentColor;

    overflow: hidden;

    color: #fff;

    transition: .5s;

}



.video-list h3 {

    height: 40px;

    background: #f4f4f4;

    color: #333333;

    font-size: 16px;

    text-align: center;

    margin-top: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.video-list .swiper-slide:hover .video-img i {

    transform: scale(1.04);

    opacity: .8;

}



.video-list .swiper-slide:hover .video-img i .icon {

    transform: scale(1.04);

}



.video-list .swiper-slide:hover .video-img img {

    transform: scale(1.04);

}





.join-1 .join-1-content {

    padding: 50px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.join-1 .join-1-content ul {

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}



.join-1 .join-1-content ul li {

    width: 49%;

    display: flex;

    flex-direction: column;

}



.join-1 .join-1-content ul li img {

    width: 100%;

}



.join-1 .join-1-content ul li div {

    height: 200px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    padding: 0 .6rem;

    box-sizing: border-box;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

}



.join-1 .join-1-content ul li div h3 {

    color: #009944;

    font-size: 24px;

    margin-bottom: 8px;

}



.join-1 .join-1-content ul li div p {

    color: #666666;

    font-size: 16px;

}



.join-2 .join-2-content {

    padding: 1rem 0 .8rem;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.join-2 .join-2-content ul {

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

}



.join-2 .join-2-content ul li {

    display: flex;

    width: 18%;

}



.join-2 .join-2-content ul li span {

    font-size: 24px;

    width: 50px;

    height: 50px;

    border-radius: 25px;

    border-bottom-right-radius: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 18px;

    background-image: linear-gradient(to bottom right, #52d278, #18cca1);

    color: #fff;

}



.join-2 .join-2-content ul li p {

    font-size: 16px;

    color: #666666;

    line-height: 24px;

    flex: 1;

}



.join-3 {

    background: #f4f4f4;

}



.join-3 .join-3-content {

    padding: 1rem 0 60px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.join-3 .join-3-content ul {

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

}



.join-3 .swiper-container4 {

    width: 100%;

    margin: 30px 0;

}



.join-3 .join-item {

    width: 100%;

    height: 250px;

    position: relative;

    overflow: hidden;

}



.join-3 .join-item img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.join-3 h3 {

    color: #666666;

    font-size: 16px;

    margin: 16px 0;

    text-align: center;

}





.join-4 {

    background: url(../images/join-bg.jpg);

    background-size: cover;

}



.join-4 .join-4-content {

    padding: .8rem 0;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.join-4 .join-4-content>h2 {

    color: #fff;

}



.join-4 .join-4-content>p {

    color: #fff;

}



.join-4 .join-4-content>span {

    background: #009944;

}



.join-4 form {

    display: flex;

    flex-direction: column;

    padding: .5rem 0 0;

    width: 90%;

    margin: auto;

}



.join-4 form .mte {

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 20px;

}



.join-4 form .mte input {

    width: 49%;

    height: 50px;

    line-height: 50px;

    color: #333;

    font-size: 14px;

    padding: 0 20px;

    box-sizing: border-box;

    border: none;

    background: rgba(255, 255, 255, .9);

}



.join-4 form textarea {

    width: 100%;

    height: 148px;

    display: block;

    line-height: 30px;

    color: #333;

    font-size: 16px;

    box-sizing: border-box;

    padding: 20px;

    border: none;

    resize: none;

    background: rgba(255, 255, 255, .9);

}



.join-4 input::-webkit-input-placeholder {

    /* WebKit, Blink, Edge */

    color: #333;

    font-family: "微软雅黑";

}



.join-4 input:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #333;

    font-family: "微软雅黑";

}



.join-4 input::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #333;

    font-family: "微软雅黑";

}



.join-4 input:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #333;

    font-family: "微软雅黑";

}



textarea::-webkit-input-placeholder {

    /* WebKit, Blink, Edge */

    color: #333;

    font-family: "微软雅黑";

}



textarea:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #333;

    font-family: "微软雅黑";

}



textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #333;

    font-family: "微软雅黑";

}



textarea:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #333;

    font-family: "微软雅黑";

}



.join-4 form button {

    width: 100%;

    height: 56px;

    line-height: 60px;

    display: block;

    color: #fff;

    font-size: 16px;

    box-sizing: border-box;

    border: none;

    background: #ef1818;

    letter-spacing: .04rem;

    cursor: pointer;

    margin-bottom: 20px;

}



.con-btn {

    display: flex;

    justify-content: center;

}



.con-btn input {

    width: 110px;

    height: 38px;

    margin: 20px 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    color: #333;

    border: none;

    cursor: pointer;

    transition: .4s;

}



.con-btn input:last-child {

    background: #009944;

    color: #fff;

}



.con-btn input:hover {

    opacity: .8;

}



.service1 {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: .6rem 0;

}



.service1 .service1-content {

    display: flex;

    justify-content: space-between;

}



.service1 .service1-content div {

    width: 75%;

    position: relative;

    overflow: hidden;

    height: 650px;

}



.service1 .service1-content div img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.service1 .service1-content ul {

    width: 25%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    background: #f4f4f4;

    padding: 32px 36px;

}



.service1 .service1-content ul li {

    width: 46%;

    height: 132px;

    margin: 1.8%;

    position: relative;

    overflow: hidden;

    display: flex;

}



.service1 .service1-content ul li a {

    display: flex;

}



.service1 .service1-content ul li img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.service2 {

    display: flex;

    flex-direction: column;

    align-items: center;

    background: #f4f4f4;

    padding: .8rem 0 1rem;

}



.service2 ul {

    display: flex;

    padding-top: 20px;

}



.service2 ul li {

    width: 24.1%;

    margin-left: 1.2%;

}



.service2 ul li:first-child {

    margin-left: 0;

}



.service2 ul li .service2-img {

    width: 100%;

    height: 220px;

    position: relative;

    overflow: hidden;

}



.service2 ul li .service2-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.service2 ul li .service2-text {

    height: 56px;

    display: flex;

    justify-content: space-between;

    padding: 0 .24rem;

    background: #fff;

    align-items: center;

    position: relative;

}



.service2 ul li .service2-text::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    background: #009944;

    transition: .5s;

    z-index: 0;

}



.service2 ul li .service2-text h3 {

    color: #666666;

    font-size: 16px;

    transition: .5s;

    z-index: 1;

}



.service2 ul li .service2-text i {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    border: 2px #666 solid;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s;

    z-index: 1;

}



.service2 ul li .service2-text i .icon {

    width: 20px;

    height: 20px;

    fill: currentColor;

    overflow: hidden;

    color: #666;

    transition: .5s;

}



.service2 ul li:hover .service2-text::before {

    width: 100%;

}



.service2 ul li:hover .service2-text h3 {

    color: #fff;

}



.service2 ul li:hover .service2-text i {

    border: 2px #fff solid;

}



.service2 ul li:hover .service2-text i .icon {

    color: #fff;

}



.service3 {

    padding: .9rem 0 .8rem;

}



.service3 ul {

    display: flex;

    flex-wrap: wrap;

    padding-top: 30px;

}



.service3 ul li {

    width: 30%;

    margin-left: 5%;

    margin-bottom: .5rem;

}



.service3 ul li:nth-child(3n+1) {

    margin-left: 0;

}



.service3 ul li h3 {

    display: flex;

    align-items: center;

    color: #009a47;

    font-size: 18px;

}



.service3 ul li img {

    width: 32px;

    height: 32px;

    margin-right: 10px;

}



.service3 ul li div {

    padding-top: 12px;

    display: flex;

    color: #666666;

    font-size: 14px;

    line-height: 26px;

}



.service3 ul li div p {

    flex: 1;

}



.originality {

    padding-top: 50px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.originality>img {

    width: 100%;

    display: block;

}



.originality ul {

    padding: 1rem 0;

}



.originality ul li {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.originality ul li>div {

    display: flex;

    flex-direction: column;

    padding: 0 1.4rem;

}



.originality ul li>div div {

    color: #666666;

    font-size: .16rem;

    line-height: .3rem;

}



.originality ul li img {

    width: 50%;

}



.originality ul li:nth-child(even) {

    flex-direction: row-reverse;

}



.originality ul li h2 {

    font-size: .36rem;

}



.news-list {

    padding: .7rem 0 20px;

}



.news-list ul li {

    display: flex;

    padding: 14px 0;

    border-bottom: 1px #edebeb solid;

    position: relative;

}



.news-list ul li::before {

    content: '';

    position: absolute;

    left: 0;

    width: 0;

    bottom: -1px;

    height: 1px;

    background: #089c4a;

    transition: .8s;

}



.news-list ul li a {

    display: flex;

    justify-content: space-between;

}



.news-list ul li:last-child {

    border-bottom: none;

}



.news-list ul li .news-item {

    display: flex;

    flex: 1;

}



.news-list ul li .news-item .news-img {

    width: 280px;

    height: 200px;

    margin-right: .7rem;

    position: relative;

    overflow: hidden;

}



.news-list ul li .news-item .news-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    min-width: auto;

    min-height: auto;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;

}



.news-list ul li .news-item .news-desc {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.news-list ul li .news-item .news-desc h3 {

    color: #333333;

    font-size: 18px;

    margin-bottom: 10px;

    transition: .5s;

}



.news-list ul li .news-item .news-desc p {

    color: #666;

    font-size: 16px;

    width: 70%;

}



.news-list ul li .news-time {

    display: flex;

    flex-direction: column;

    padding-right: .4rem;

    margin-top: 30px;

    align-items: flex-end;

}



.news-list ul li .news-time span {

    color: #089c4a;

    font-size: 36px;

    width: 70px;

    justify-content: flex-end;

    display: flex;

    position: relative;

}



.news-list ul li .news-time span::before {

    content: '';

    position: absolute;

    left: 0;

    width: 20px;

    height: 3px;

    bottom: 16px;

    background: #089c4a;

}



.news-list ul li .news-time p {

    color: #666666;

    font-size: 16px;

}



.news-list ul li:hover::before {

    width: 100%;

}



.news-list ul li:hover .news-item .news-img img {

    transform: scale(1.04);

}



.news-list ul li:hover .news-item .news-desc h3 {

    color: #089c4a;

}





.contact1 {

    padding: .85rem 0;

}



.contact1 .w1600 {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.contact1 ul {

    width: 100%;

    display: flex;

    justify-content: space-between;

    padding-top: .5rem;

}



.contact1 ul li {

    width: 33.33%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.contact1 ul li .icon {

    width: 54px;

    height: 54px;

    fill: currentColor;

    overflow: hidden;

    color: #484848;

    margin-bottom: 10px;

}



.contact1 ul li h3 {

    color: #333333;

    font-size: 24px;

}



.contact1 ul li p {

    color: #333333;

    font-size: 16px;

    width: 60%;

    text-align: center;

    line-height: 30px;

}





.contact2 {

    padding: .85rem 0;

    background: #f4f4f4;

}



.contact2 .w1600 {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.contact2 ul {

    width: 100%;

    display: flex;

    padding-top: .3rem;

    flex-wrap: wrap;

}



.contact2 ul li {

    width: 32.6%;

    margin-left: 1.1%;

    margin-bottom: 1.1%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: #fff;

    padding: .6rem .36rem;

    box-sizing: border-box;

}



.contact2 ul li:nth-child(3n+1) {

    margin-left: 0;

}



.contact2 ul li .con2-left {

    flex: 1;

}



.contact2 ul li .con2-left h3 {

    color: #333333;

    font-size: 18px;

    margin-bottom: 6px;

}



.contact2 ul li .con2-left p {

    color: #666666;

    font-size: 16px;

    line-height: 30px;

}



.contact2 ul li .con2-right {

    display: flex;

    align-items: center;

}



.contact2 ul li .con2-right i {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #666;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    cursor: pointer;

    margin-left: 10px;

    transition: .5s;

}



.contact2 ul li .con2-right i .icon {

    width: 18px;

    height: 18px;

    fill: currentColor;

    overflow: hidden;

    color: #fff;

}



.contact2 ul li .con2-right i img {

    position: absolute;

    left: -20px;

    right: -20px;

    top: 120%;

    opacity: 0;

    width: 70px;

    height: 70px;

    transition: .5s;

}



.contact2 ul li .con2-right i:hover img {

    opacity: 1;

    top: 100%;

}



.contact2 ul li .con2-right i:hover {

    background: #089c4a;

}



.contact3 {

    padding: .85rem 0;

}



.contact3 .w1600 {

    position: relative;

}



.contact3 img {

    width: 100%;

    display: block;

}



.contact3 .w1600>div {

    display: flex;

    justify-content: center;

    align-items: center;

}



.contact3 .icon {

    width: 36px;

    height: 36px;

    fill: currentColor;

    overflow: hidden;

    color: #f80b0b;

    margin-bottom: 8px;



}



.contact3 a {

    width: 80px;

    height: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 10px;

    background: #f80b0b;

    color: #fff;

    font-size: 14px;

}



.contact3 .bj {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    transition: .5s;

}



.contact3 .bj:hover {

    transform: translateY(-10px);

}





.search-page h2 {

    color: #333;

    font-size: 30px;

    text-align: center;

    margin: 40px 0;

}



.search-page form {

    width: 60%;

    margin: auto;

    display: flex;

    height: 50px;

    border: 1px #f1f1f1 solid;

    margin-bottom: 40px;

}



.search-page form input {

    flex: 1;

    height: 100%;

    padding: 0 .2rem;

    color: #666;

    font-size: 18px;

    border: none;

}



.search-page form button {

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    border: none;

}



.search-page form button .icon {

    width: 20px;

    height: 20px;

    fill: currentColor;

    overflow: hidden;

    color: #666;

}



.search-page form button:hover .icon {

    color: #089c4a;

}



.news-page {

    padding-top: .6rem;

}



.news-page h2 {

    color: #333;

    font-size: 36px;

    text-align: center;

    margin-bottom: 30px;

}



.news-page .w1600>p {

    color: #999;

    font-size: 20px;

    text-align: center;

}



.news-page .w1600>span {

    display: flex;

    margin: 30px auto;

    width: 40px;

    height: 4px;

    background: #089c4a;

}



.news-page .n-p-c {

    width: 80%;

    margin: auto;

    padding-bottom: 40px;

    color: #666;

    font-size: 16px;

    line-height: 24px;

    border-bottom: 1px #f6f6f6 solid;

}



.news-page .n-p-c img {

    max-width: 100%;

}



.page {

    padding: .4rem 0 .8rem;

    display: flex;

    justify-content: center;

    align-items: center;

}



.page div {

    margin: auto;

}



.page label {

    display: none;

}



.page .prev,

.page .next,

.page span,

.page a {

    width: 36px;

    height: 36px;

    position: relative;

    border-radius: 1px;

    color: #333;

    font-size: 14px;

    cursor: pointer;

    border: 1px #ccc solid;

    box-sizing: border-box;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 4px;

    border-radius: 4px;

}



.page .prev,

.page .next {

    width: 100px;

    height: 36px;

    position: relative;

}



.page .prev:hover,

.page .next:hover {

    background: #e9e9e9;

}



.page .prev::before {

    content: "<<上一页";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    color: #333;

    font-size: 14px;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

}



.page .next {

    width: 100px;

    height: 36px;

    position: relative;

}



.page .next_disabled {

    display: none;

}



.page .next::before {

    content: "下一页>>";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    color: #333;

    font-size: 14px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

}



.page .prev_disabled,

.next_disabled {

    display: none;

}



.page span:hover,

.page a:hover,

.page .current {

    background: #f1f1f1;

    border: 1px #f1f1f1 solid;

}