﻿.about-index{
    display: flex;
}
.about-left{
    width:50%;
}
.about-left p{
    margin: 0;
}
.about-left p img{
   max-width: 100%;
}
.about-right{
    width:45%;
    padding-left: 5%;
}

.about-right p img{
   max-width: 100%;
   margin-bottom: 10px;
}

.about-right p{
    text-align: justify;
    line-height: 28px;
    font-size: 16px;
}

.yzs{overflow: hidden;margin-top: 2.344vw;}
.yzs li{float:left;width: 333px;transition:all .8s;position:relative;z-index:99;}
.yzs li.on{width: 614px;}
.yzs li h3{position:absolute;z-index:9999;color:#fff;top: 50%;left:0px;text-align:center;right: 0;transform: translateY(-50%);}
.yzs li h3 a{color:#fff;font-size:24px;font-weight:bold;writing-mode:tb-rl;text-align:center;}
.yzs li span{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
    text-transform: uppercase;
}
.yzs li h3 p{
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;
}
.yzs li:last-child .serx h4 span{
    line-height: 71px;
}
.serx{position:absolute;top:45px;left:0px;display:none;}
.serx h4{display: flex;}
.serx h4 .serx1{width: 30%;text-align: center;background: rgba(255,255,255,.4);padding: 20px 0;}
.serx h4 .serx1 img{max-width: 100%;}
.serx h4 .serx2{width: 70%;background: #0e8a40;padding: 20px 0;}

.yzs li:nth-of-type(1) .serx h4 .serx2{
    background: #96ff2d
}
 .yzs li:nth-of-type(2) .serx h4 .serx2{
    background: #f1a32d
}
.serx h4 span{color:#fff;font-size: 18px;text-align: center;line-height: 71px;}
.serx p{margin: 0;color: #fff;padding: 20px 50px;font-size: 16px;font-weight: 400;}
.yzs li.on h3{display: none;}
.yzs li.on .serx{display:block}
.yzs li{
}
.yzs li a img{
    width: 614px;
    height: 395px;   
}


@media(max-width:1024px){
    .about-index{
        display: block;
    }
    .about-left{
        width: 100%;
    }

    .about-left p img{
        width: 100%;
    }

    .about-right{
        width: 100%;
        padding: 0;
    }
    .yzs li a img{
        width:100%;
        height: auto;
    }
    .yzs li{
        width:100%;
    }
    .yzs li.on{
        width:100%;
    }
    .serx{
        top: 0;
    }
    .serx h4{
        display: block;
    }
    .serx p{
        display: none;
    }

    .serx h4 .serx1{
        width:100%;
    }
    .serx h4 .serx2{
        width:100%;
    }

    .yzs li.on .serx{
        width:100%;
    }
   

}




.contact-index{
    
}

.contact-index .contact-title{
    font-size: 32px;
    color: #000;
    text-align: center;
    margin: 2.08vw 0;
}

.contact-index .contact-title p{
    font-size: 12px;
    color:#545454;
    text-transform: uppercase;
}

.contact-index .contact-content{
    display: flex;
}

.contact-index .contact-content .contact-left{
    width: 70%;
}

.contact-index .contact-content .contact-left p{
    margin: 0;
}

.contact-index .contact-content .contact-left p img{
    width:100%;
}

.contact-index .contact-content .contact-right{
    width: 30%;
    background: #0e8a40;
    padding: 0px 26px 0 26px;
    color: #fff;
}

.contact-index .contact-content .contact-right p:nth-of-type(1){
    font-size: 35px;
    margin-bottom: 0px;
}

.contact-index .contact-content .contact-right p:nth-of-type(2){
    font-size: 18px;
    margin-bottom: 0px;
}

.contact-index .contact-content .contact-right p img{
    max-width:100%;
    margin-top: 25px;
}

.contact-index .contact-content .contact-right p{
	margin:0
}

@media(max-width:1024px){
    .contact-index .contact-content{
        display: block;
    }
    .contact-index .contact-content .contact-left{
        width: 100%;
    }
    .contact-index .contact-content .contact-right{
        width: 100%;
        background: #0e8a40;
        padding: 50px 26px 30px 26px;
    }
}




.tab2-li { text-align: center;cursor: pointer; margin: 2.6vw 0px;}
.tab2-li ul{font-size:0; text-align: center;}
.tab2-li li {
    background: #f2fcf6;
    box-shadow: 0 0 10px #d3d3d3;
    
    position: relative;
    color: #000000;
    text-align: center;
    font-size: 17px;
    line-height: 62px;
    display: inline-block;
   
}

.tab2-li li a{
    color: #000000;
}

.tab2-li a{
    padding: 0 2.66vw;
}
.tab2-li a.active{
    background: #0e8a40;
    color: #fff;
    display: block;
}

.tab2-li li:hover, .tab2-li li.active {
    background: #0e8a40;
    color: #fff;
}

.tab2-li li:hover a, .tab2-li li.active a {
    background: #0e8a40;
    color: #fff;
}

.tab2-li li a.active::before{
    content:"";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	width:0;
    height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #f3f3f3;
}


.tab2-con { position: relative;     }
.tab2-con .tab2-main {visibility: hidden; transition: all .5s ease;float: none;position: absolute;margin: 2.6vw 0px;height:0;overflow:hidden;}
.tab2-con .tab2-main.active { position: static; opacity: 1; visibility: visible;height:auto;  }
.tab2-con .tab2-main p{margin: 0;}
.tab2-con .tab2-main p img{max-width:100%;}
@media(max-width:1280px){
   
}




.product-bg1{
    
    background-size: cover;
}
.product-wen1{
    width:100%;
    
    color: #fff;
    display: inline-block;
    float: right;
    padding: 2.083vw 1.83vw;
}


.product-wen1 p:nth-of-type(1){
    font-size: 24px;
    margin-bottom: 10px;
}
.product-con2{
    margin: 2.71vw 0;
}
.product-wen1 p{
    font-size: 15px;
    line-height: 30px;
}

.product-con2-list li img{
    width:100%;
}

.product-con2-list li span{
    display: block;
    text-align: center;
    color: #000;
    margin-top: 1.05vw;
    font-size: 16px;
}


.product-con3-list li{
    display: flex;
    margin-bottom: 2.083vw;
}

.product-con3-list li .wen{
    width:75%;
    padding-right: 5%;
}

.product-con3-list li .wen2{
    padding-left: 5%;
    padding-right: 0;
}

.product-con3-list li .wen a{
    display: block;
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
}

.product-con3-list li .wen p{
    display: block;
    font-size: 20px;
    color: #000000;
    line-height: 44px;
}

.product-con3-list li .tu{
    width:20%;
}

.product-con3-list li .tu img{
    max-width: 100%;
}

.product-con3-list li:nth-child(2n){
    padding-right: 0;
}

.product-con4{
    margin: 2.6vw 0;
}
.product-con4-title{
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
}
.product-con4-list li a{
    display: block;
    margin: 0 4%;
}
.product-con4-list li img{
    width:100%;
}

.product-con4-list li h3{
    padding: 0 20px;
    font-size: 20px;
    color: #000;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    line-height: 30px;
    margin-top: 2vw;
}

@media(max-width:768px){
    .product-wen1{
        width: 100%;
    }
    .product-con3-list li{
        display: block;
    }
    .product-con3-list li .wen{
        width:100%;
        padding: 0;
    }
    .product-con3-list li .tu{
        width:100%;
        text-align: center;
    }
}





.tab1-li { text-align: center;cursor: pointer;    margin: 2.6vw 0px;}
.tab1-li li {
    background: #f2fcf6;
    box-shadow: 0 0 10px #d3d3d3;
    float: left;
    position: relative;
    color: #000000;
    text-align: center;
    font-size: 17px;
    line-height: 62px;
    width: 33.333%;
}

.tab1-li li:hover, .tab1-li li.active {
    background: #0e8a40;
    color: #fff;
}

.tab1-li li.active::before{
    content:"";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	width:0;
    height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #f3f3f3;
}


.tab1-con { position: relative;}
.tab1-con .tab1-main {visibility: hidden; transition: all .5s ease;float: none;position: absolute;margin: 2.6vw 0px;height:0;overflow:hidden;}
.tab1-con .tab1-main.active { position: static; opacity: 1; visibility: visible;height:auto;  }
.tab1-con .tab1-main p{margin: 0;text-align: center;}
.tab1-con .tab1-main p img{}




.qualification-index .contact-title{
    font-size: 32px;
    color: #000;
    text-align: center;
    margin: 2.08vw 0;
}

.qualification-index .contact-title p{
    font-size: 12px;
    color:#545454;
    text-transform: uppercase;
}
.qualification-list{
    float: left;
    width:30%;
    position: relative;
    margin: 0 1.333%;
}
.qualification-list h2{
    font-size: 24px;
    color: #0e8a40;
    text-align: left;
    margin-bottom: 5%;
}
.mt{
    margin-top: 30px;
}
.qualification-list::before{
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    width:1px;
    height: 480px;
    background: #cecece;
}
.qualification-list:last-child::before{
    display: none
}
.qualification-list li{
    list-style: none;
    background: url(../image/news.png) no-repeat left center;
    padding: 0.52vw 0;
    padding-left: 20px;
    display:block;
    font-size: 16px;
    color: #000;
}
.qualification-list li a{
    display:block;
    font-size: 20px;
    color: #000;
}

.qualification-list li:hover{
    color: #0e8a40;
}



.honor_top{margin: 3.65vw 0;}
.posi{position: relative;}
.honor_top .honner_next,
.honor_top .honner_prev {
    top: 50%;
    outline: none;
    background-color: #0e8a40;
    background-size: 12px 21px;
    width: 35px;
    height: 80px;
}

.honor_top .honner_next {
    background: url(../image/now_rightbtn.png) no-repeat center #0e8a40;
    right: 0px;
    margin-top: -0;
}

.honor_top .honner_prev {
    background: url(../image/now_leftbtn.png) no-repeat center #0e8a40;
    left: 0px;
}

.hon_mark .honner_next,
.hon_mark .honner_prev {
    top: 40%;
    outline: none;
    background-color: #0e8a40;
    background-size: 12px 21px;
    width: 35px;
    height: 60px;
}

.swiper-container2 .swiper-slide {
    height: 100%;
    opacity: 0.4;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.swiper-container2 .swiper-slide {
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.swiper-container2 .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.swiper-container2 .swiper-slide img{
    width:100%;
}


@media(max-width:960px){
    .qualification-list{
        float: none;
        width: 100%;
        margin: 0;
    }
    .qualification-list::before{
        display: none;
    }
    .qualification-list h2{
        margin-bottom: 2%;
    }
    .qualification-list li a{
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}



.honor-bg{
    background: url(../image/bj2.jpg) no-repeat top center;
    background-size: cover;
}

.honor-index{
    margin-top: 2.6vw;
    display: flex;
}
.honor-left{
    width:25%;
}

.honor-left p{
    margin: 0;
}
.honor-left p img{
    max-width: 100%;
}

.honor-right{
    width:75%;
}



.tab3-li { text-align: center;cursor: pointer;}
.tab3-li li {
    width: 21%;
    margin: 0 6%;
    float: left;
    background: #dddddc;
    color: #000000;
    font-size: 20px;
    
    padding: 1.042vw 0;
}

.tab3-li li:hover, .tab3-li li.active {
    background: #1f813c;
    color: #fff;
}

.tab3-li li.active::before{
    content:"";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	width:0;
    height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #f3f3f3;
}


.tab3-con { position: relative;     }
.tab3-con .tab3-main {visibility: hidden; transition: all .5s ease;float: none;position: absolute;margin: 2.6vw 0px;height:0;overflow:hidden;}
.tab3-con .tab3-main.active {position: static; opacity: 1; visibility: visible;height:auto; }
.tab3-con .tab3-main p{margin: 0;}
.tab3-con .tab3-main p img{width:100% !important;height: auto !important;}
.tab3-con .tab3-main li{list-style: none;margin-bottom:2.865vw;}
.tab3-con .tab3-main li a.img1{display: block;border:1px solid #d8d8d8;}
.tab3-con .tab3-main li a.img1 img{width:100%;}
.tab3-con .tab3-main li h2{font-weight: normal;font-size: 16px;color: #198679;text-align: center;border:1px solid #dbdbdb;border-top: none;line-height: 30px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.h-title{position: absolute;left: -25%;padding-top: 30%;width: 20px;font-size: 34px;writing-mode: lr-tb;line-height: 40px;color: #7c7f81;}

@media(max-width:960px){
    .honor-index{
        display: block;
    }
    .honor-left{
        display: none;
    }
    .honor-right{
        width:100%;
    }
}



.culture-bg{background: #fff;}
.tab4-li { text-align: center;cursor: pointer; margin: 2.6vw 0px;}
.tab4-li li {
    background: #f2fcf6;
    box-shadow: 0 0 10px #d3d3d3;
    float: left;
    position: relative;
    color: #000000;
    text-align: center;
    font-size: 17px;
    line-height: 62px;
    padding: 0 4.888vw;
    width:25%;
}

.tab4-li a{
    color: #000000;
    display: block;
}

.tab4-li li:hover, .tab4-li li.active {
    background: #0e8a40;
    color: #fff;
}

.tab4-li li.active::before{
    content:"";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	width:0;
    height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #f3f3f3;
}

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

.tab4-con { position: relative; padding:0 80px;}
.tab4-con .tab4-main {visibility: hidden; transition: all .5s ease;float: none;position: absolute;margin: 2.6vw 0px;height:0;overflow:hidden;}
.tab4-con .tab4-main.active { position: static; opacity: 1; visibility: visible;height:auto;  }
.tab4-con .tab4-main p{margin: 0;}
.tab4-con .tab4-main p img{max-width:100%;}
.tab4-con .tab4-main .culture-title{font-size: 24px;color: #0e0e0e;background: url(../image/tt3.png) no-repeat left bottom;margin-top: 2.6vw;line-height:40px;}
.tab4-con .tab4-main .culture-title2{font-size: 25px;color: #0e8a40;background: url(../image/tt4.png) no-repeat left bottom;margin-top: 1.3vw;line-height: 43px;text-indent: 2em;height: 50px;}
.culture-wen2{margin-top: 20px;font-size: 20px;line-height: 35px;}
.c4_wen{font-size: 18px;color: #5b5b5b;margin-top: 1.5625vw;}
.c4_wen p{border-bottom: 1px dashed #5b5b5b;padding: 15px 0;}

.c11 p:nth-of-type(1){
    
}

.c11 p:nth-of-type(3){

    color: #000000;
    

}
.c11 p:nth-of-type(4){

    color: #686868;
    


}

.c33{
    margin: 2.2vw 0;
    height: 500px
}
.c33 p{
    text-align: center;
}





.certify {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.certify .swiper-container {

}

.certify .swiper-slide {
  width: 350px;
  height: 240px;
  
}

.certify .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
 background: #fff;
  padding: 2px;
}




.certify .swiper-slide h3 {
width:100%;line-height:35px;
font-weight: 600;color:#3e3e3e;font-size:16px;z-index: 99999;display:none;
}

.certify .swiper-slide h3 a{font-weight:600;color:#3e3e3e;font-size:16px;text-align: left;}

.certify .swiper-slide.swiper-slide-active h3 {
  font-size: 16px;
  font-weight: 600;color:#3e3e3e;font-size:16px;
  display:block;
}


.certify .swiper-slide h2 {
width:100%;line-height:35px;
font-weight: 400;color:#3e3e3e;font-size:14px;z-index: 99999;display:none;
}

.certify .swiper-slide h2 a{font-weight:400;color:#3e3e3e;font-size:14px;}

.certify .swiper-slide.swiper-slide-active h2 {
  font-size: 14px;
  font-weight: 400;color:#3e3e3e;
  display:block;
}
.certify .swiper-pagination {
  width: 100%;
  z-index: 0;;
}
.certify .swiper-button-next, .swiper-button-prev{
  margin-top:0px;
  top: 40%;
}

.certify .swiper-button-prev {
  left: 100px;
  width: 35px;
  height: 35px;
  background: url(../image/l1.png) no-repeat;
  background-size: 100%;
  
}
.certify .swiper-button-prev:hover{background: url(../image/l1.png) no-repeat;}

.certify .swiper-button-next {
  right: 100px;
  width: 35px;
  height: 35px;
  background: url(../image/r1.png) no-repeat;
  background-size: 100%;
  
}
.certify .swiper-button-next:hover{background: url(../image/r1.png) no-repeat;}









.job-index{
    margin-top: 4.17vw;
}
.job-title{
    font-size: 35px;
    color: #0e8a40;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.job-wen1{
    font-size: 17px;
    color: #0e050a;
    line-height: 30px;
    margin: 2vw 0;
}


.tab5-li { text-align: center;cursor: pointer;}
.tab5-li li {
    background: url(../image/tab.png) no-repeat top center;
    height: 217px;
    width: 200px;
    display: inline-block;
    margin-left: -30px;
    text-align: center;
}

.tab5-li li:hover, .tab5-li li.active {
    background: url(../image/tabh.png) no-repeat top center;
}

.tab5-li li .jobtu{
    position: relative;
    top: 50%;
    transform: translateY(-60%);
}

.tab5-li li img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.tab5-li li p{
    font-size:20px;
    color:#545454;
}

.tab5-con { position: relative;}
.tab5-con .tab5-main.active:nth-child(2){margin-left: 11%;}
.tab5-con .tab5-main.active:nth-child(3){text-align:center;margin-right: 18%;}
.tab5-con .tab5-main.active:nth-child(4){text-align:center;margin-left: 14%;}
.tab5-con .tab5-main.active:nth-child(5){text-align:center;margin-left: 49%;}
.tab5-con .tab5-main.active:nth-child(6){text-align:right;}

.tab5-con .tab5-main {visibility: hidden; transition: all .5s ease;float: none;position: absolute;margin: 2.6vw 0px;height:0;overflow:hidden;font-size: 17px;color: #545454;margin-top: 20px;}
.tab5-con .tab5-main.active { position: static; opacity: 1; visibility: visible;height:auto;  }


.job-show{
    margin-top:2.865vw;
}


.job-title2{
    font-size: 16px;
    color: #16954e;
    background: url(../image/job.png) no-repeat 20px center #ececec;
    height: 58px;
    line-height: 58px;
    padding-left: 70px;
}
.xyin-news-slick{margin-top: 30px;}
.xyin-news-slick .slick-slide{outline: none;margin:0 4px;}
.xyin-news-slick .slick-con .img img{
    display: inline-block;width: 100%;
}

@media(max-width:960px){
    .tab5-li li{
        width:100%;
        margin: 0;
        
    }
    .tab5-li li:nth-of-type(2){
        display: none;
    }
    .tab5-li li:nth-of-type(3){
        display: none;
    }
    .tab5-li li:nth-of-type(4){
        display: none;
    }
    .tab5-li li:nth-of-type(5){
        display: none;
    }
    .tab5-li li:nth-of-type(6){
        display: none;
    }
}