:root {

    --action: #4aaf33;

    --bj: #f2f2f2;

    --c333: #333;

    --c999: #999;

    --c666: #666;

    --cfff: #ffffff;

    --c888: #888888;

}

.w50{

    width: 50%;

}

.header-d{

    width: 100%;

    padding: 15px 0;

}

.header-d .fr{

    margin-top: 18px;

}

.header-d .fr span{

    display: inline-block;

    font-size: 16px;

    color: #a0a0a0;

    display: inline-block;

    vertical-align: middle;

    margin: 0 4px;

}

.header-d .fr em{

    font-size: 26px;
    font-weight: bold;

    color: var(--action);

    font-weight: bold;

    display: inline-block;

    vertical-align: middle

}

.header-t{

    width: 100%;



}

.header-t li{

    float: left;

    margin-right: 100px;

    position: relative;

}

.header-t li:last-of-type{

    margin-right: 0;

}

.header-t li a{

    font-size: 18px;

    line-height: 54px;

}

.header-t li .nav-cont{

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%,100%);

    -webkit-transform: translate(-50%,100%);

    height: 0;

    overflow: hidden;

    opacity: 0;

    margin-top: 50px;

     transition: opacity 0.5s ,marginTop 0.5s ;

     -webkit-transition: opacity 0.5s,marginTop 0.5s ; 

   

}

.header-t li .nav-cont a{

    white-space: nowrap;

    padding: 10px 35px;

    background: #fff;

    display: block;

    line-height: 20px;

    border-bottom: 1px solid #dcdcdc;

    font-size: 16px;

}

.header-t li .nav-cont a:hover{

    background:var(--action);

    color: #fff

}

.header-t li:hover .nav-cont{

    height: auto;

    opacity: 1;

}

header{

    position: fixed;

    background: #fff;

    left: 0;

    top: 0;

    z-index: 99;

    width: 100%;

    transition: all 0.2s;

    -webkit-transition: all 0.2s;

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)

}

.header-t .action >  a{

    color: var(--action);

}

.header-t li .nav-cont .on{

    background: var(--action);

    color: #fff

}

.hid{

    width: 100%;

    height: 156px;

    display: block

}

.index-set1{

    width: 100%;

    background: var(--bj);

    padding-bottom: 60px;



}

.index-title{

    font-size: 36px;

    color: var(--c333);

    text-align: center;

    padding: 50px 0 56px;

}

.index-set1 li{

    width: 49%;

    float: left;

    margin-right: 2%;

    margin-bottom: 20px;

}

.index-set1 li:nth-of-type(2n){

    margin-right: 0;

}

.index-set1 li a{

    display: block;

    width: 100%;

    background: #fff;

    padding: 30px 10%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

    position: relative;

}

.index-set1 li a p{

    display: inline-block;

    vertical-align: middle;

    margin-left: 16px;

    color: var(--c333);

    font-size: 24px;

    line-height: 1.3;

}

.index-set1 li a:hover{

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);



}





.index-border-area {

    padding: 10px 25px;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    background: transparent;

    outline: none !important;

    cursor: pointer;

    transition: all 0.3s ease;

    position: relative;

    display: inline-block;

}

.index-border {

	top: 6%;

	left: 2%;

	position: absolute;

    width: 96%;

    height: 88%;

    line-height: 42px;

    padding: 0;

    border: none;

}

.index-border:before, .index-border:after {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    background: var(--action);

    transition: all 0.3s ease;

}

.index-border:before {

    height: 0%;

    width: 2px;

}

.index-set1 li a:hover .index-border:before {

    height: 100%;

}

.index-border:after {

    width: 0%;

    height: 2px;

}

.index-set1 li a:hover .index-border:after {

    width: 100%;

}

.index-border span {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}

.index-border span:before, .index-border span:after {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    background: var(--action);

    transition: all 0.3s ease;

}

.index-border span:before {

    width: 2px;

    height: 0%;

}

.index-set1 li a:hover .index-border span:before {

    height: 100%;

}

.index-border span:after {

    width: 0%;

    height: 2px;

}

.index-set1 li a:hover .index-border span:after {

    width: 100%;

}

.index-set2{

    padding-bottom: 102px;

}

.index-set2-cont{

    width: 1060px;

    margin: 0 auto;

    overflow: hidden;



}

.index-set2-cont li{

    width: 235px;

    margin-right: 40px;

    float: left;

}

.index-set2-vies{

    position: relative;



}

.index-set2-vies .prev{

    width: 40px;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    cursor: pointer;

}

.index-set2-vies .next{

    width: 40px;

    position: absolute;

    right:  0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    cursor: pointer;

}

.index-set2-vies .next img{

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    filter:grayscale(100%);

    -webkit-filter:grayscale(100%); 

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}

.index-set2-vies .prev img{

    filter:grayscale(100%);

    -webkit-filter:grayscale(100%); 

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}

.index-set2-vies .prev:hover img,

.index-set2-vies .next:hover img{

    filter:grayscale(0%);

    -webkit-filter:grayscale(0%); 

}

.index-set2-vies li p{

    text-align: center;

    background: var(--bj);

    font-size: 16px;

    line-height: 32px;

    padding: 10px 0;

}

.index-set3{

    background: var(--bj);

    padding: 52px 0 40px;

}

.index-set3-des{

    margin-bottom: 24px;

}

.index-set3-des h5{

    font-size: 36px;

    color: #333333

}

.index-set3-des p{

    margin-top: 10px;

}

.index-set3-des p a{

    font-size: 18px;

    color: var(--c666);

    line-height: 2.6;

    padding-right: 100px;

    border-top: 2px solid #c2c2c2;

    display: inline-block;

    margin-left: 10px;

    position: relative

}

.index-set3-des p a::before{

    position: absolute;

    content: '';

    width: 0;

    height: 2px;

    background: var(--action);

    display: block;

    left: 0;

    top: -1px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.index-set3-des p a:hover{

    color: var(--action);

}

.index-set3-des p a:hover::before{

    width: 100%;

}

.index-set3-des p .on{

    color: var(--action);

}

.index-set3-des p .on::before{

    width: 100%;

}

.index-set3-vont{

    width: 100%;

}

.index-set3-page{

    padding-bottom: 60px !important;

}

.index-set3-page li{

    width: 49%;

    float: left;

    margin-right: 2%;

    /* margin-bottom: 20px; */

}

.index-set3-page li:nth-of-type(2n){

    margin-right: 0;

}

.index-set3-page li a{

    display: block;

    background: var(--cfff);

    padding: 40px 60px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.index-set3-page li a:hover{

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

}

.index-set3-page li a:hover h6{

    color: var(--action)

}

.index-set3-page li a h6{

    font-size: 18px;

    color: var(--c333);

    margin-bottom: 8px;

}

.index-set3-page li a p{

    font-size: 14px;

    color: var(--c666);

    margin-bottom: 12px;

}

.index-set3-page li a span{

    color: var(--c999);

    font-size: 12px;

}

.swiper-pagination-bullet-active{

    background: var(--action) !important

}

footer{

    width: 100%;
    background: #fff
}

footer li{

    display: inline-block;

    vertical-align: text-top;

    margin-right: 72px;

}

footer li:last-of-type{

    margin-right: 0;

}

footer li dt{

    margin-bottom: 6px;

}

footer li dt a{

    font-size: 18px;

    color: var(--c333);

}

footer li dd a{

    font-size: 14px;

    color: var(--c666)

}

footer .foo{

    padding: 42px 0;

}

footer .des .phone{

    margin-bottom: 16px;

}

footer .des .cont{

    font-size: 14px;

    color: var(--c666);

    padding-left: 76px;

}

footer .des .phone p{

    display: inline-block;

    vertical-align: middle;

    margin-left: 8px;

}

footer .des .phone p span{

    font-size: 16px;

    color: #a0a0a0

}

footer .des .phone p em{

    font-size: 30px;

    color: var(--action);

    line-height: 32px;

    font-weight: bold;

}

footer .nav-far{

    line-height: 48px;

    border-top: 1px solid #cccccc

}

.banner-b{

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 40px;

    background: rgba(0, 0, 0, 0.5);

    text-align: right;

    color: #fff

}

.banner-b a{

    font-size: 16px;

    color: #fff   

}

.banner-b a:hover{

    color: var(--action);

}

.about-set1{

    width: 100%;

    background: var(--bj)

}

.about-set1 .tit{

    width: 100%;

    padding: 45px 0 43px;

}

.about-set1 .tit h6{

    font-size: 30px;

    color: var(--c333)

}

.about-set1 .tit h6::after{

    width: 60px;

    height: 1px;

    content: '';

    background: var(--action);

    display: block;

    margin-top: 6px;

}

.about-set-page{

    width: 100%;

    margin-bottom: 50px;

}

.about-set-page .txt{

    padding-top: 70px;

}

.about-set-page .txt h6{

    font-size: 24px;

    color: var(--action);

    font-weight: bold;

    margin-bottom: 20px;

}

.about-set-page .txt p{

    font-size: 14px;

    color: var(--c666);

    line-height: 36px;

}

.about-set-page .txt p span{

    color: var(--action);

    font-size: 16px;

}

.about-set-page .t{

    padding-top: 25px;



}

.about-set-page .t p{

    line-height: 28px;

}

.about-set-des{

    width: 100%;

    text-align: center;

    padding: 30px 0 60px;

}

.about-set-des img{

    max-width: 100%;

    height: auto

}

.about-set1 .ab-ry{

    width: 100%;

}

.about-set1 .ab-ry{

    padding-bottom: 70px;

}

.about-set1 .ab-ry li{

    width: 24%;

    float: left;

    margin-right: 1.333%;

    margin-bottom: 15px;

    text-align: center

}

.about-set1 .ab-ry li:nth-of-type(4n){

    margin-right: 0;

}

.about-set1 .ab-ry li a{

    width: 100%;

    display: block;

    background: #fff;

    padding-top: 130%;

    position: relative;

}

.about-set1 .ab-ry li a img{

  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.about-set1 .ab-ry li p{

    padding-top: 20px;
    height: 76px;

    font-size: 16px;

    color: var(--c666)

}

.about-set1 .ab-ry li:hover p{

    color: var(--action)

}

.about-set1 .ab-zzjg{

    width: 100%;

}

.ab-nav{

    width: 100%;

    margin-bottom: 60px;

}
.ab-nav > .fr{
    width: 300px;
    line-height: 42px;
    /* border-radius: 25px; */
    border: 1px solid var(--action);
    overflow: hidden;
    padding-left: 20px;
}
.ab-nav > .fr .clearfix .fr{
    line-height: 42px;
    background: var(--action);
    color: #fff;
    width: 80px;
    cursor: pointer;
    font-size: 16px;
}
.ab-nav a{

    display: inline-block;

    line-height: 50px;

    background: #d1d1d1;

    padding: 0 30px;

    font-size: 18px;

    color: var(--c333);

    position: relative;

    z-index: 1;

    margin-right: 20px;

}

.ab-nav a::before{

    position: absolute;

    width: 0;

    height: 100%;

    content: '';

    left: 0;

    top: 0;

    background: var(--action);

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.ab-nav a:hover::before{

    width: 100%;

}

.ab-nav a:hover{

    color: #fff

}

.ab-nav .on::before{

    width: 100%;

}

.ab-nav .on{

    color: #fff

}

.ab-fwzz-title{

    width: 100%;



}

.ab-fwzz-title .d{

    display: inline-block;

    vertical-align: middle;

    margin-left: 6px;

}

.ab-fwzz-title .d h5{

    font-size: 24px;

    color: var(--c333);

    line-height: 1.2;

    margin-bottom: 3px;

}

.ab-fwzz-title .d p{

    font-size: 14px;

    color: var(--c999);

}

.ab-fwzz1{

    padding-bottom: 50px;

}

.ab-fwzz1 .ab-fwzz-title{

    margin-bottom: 35px;

}

.ab-fwzz1 .data{

    width: 100%;

    position: relative;

}

.ab-fwzz1 .data ul{

    position: absolute;

    width: 100%;

    text-align: center;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%); 

    

}

.ab-fwzz1 .data ul li{

    display: inline-block;

    vertical-align: middle;

    color: var(--cfff);

}

.ab-fwzz1 .data ul li:nth-of-type(1){

    padding-right: 80px;

    margin-right: 80px;

    border-right: 1px solid #a1a4ac

}

.ab-fwzz1 .data ul li p{

    margin-bottom: 6px;

}

.ab-fwzz1 .data ul li p b{

    font-size: 48px;

    line-height: 1.2;

}

.ab-fwzz1 .data ul li p  em{

    font-size: 18px;

    font-weight: bold;



}

.ab-fwzz1 .data ul li span{

    color: #ceced0;

    font-size: 18px;

}

.ab-fwzz1 .vest{

    width: 100%;

    margin-top: 20px;

}

.ab-fwzz1 .vest dd{

    width: 32%;

    margin-right: 2%;

    float: left;

}

.ab-fwzz1 .vest dd:nth-of-type(3n){

    margin-right: 0;

}

.ab-fwzz2{

    width: 100%;

    margin-top: 75px;

}

.ab-fwzz2 .pagesves .w50 > p{

    color: var(--c666);

    font-size: 16px;

    padding-bottom: 36px;

}

.ab-fwzz2 .pagesves .w50 .ab-fwzz-title{

    margin-top: 20px;

}

.ab-fwzz2 .pagesves .w50 >  h6{

    font-size: 16px;

    color: var(--action);

    font-weight: bold;

}

.ab-fwzz2 .pagesves .w50 > h5{

    font-size: 16px;

    color: var(--c333);

    font-weight: bold;

}

.ab-fwzz2 .pagesves{

    margin-bottom: 40px;

}

.ab-fwzz2 .pagesves .dt{

  

    padding-right: 5%;

}

.ab-fwzz2 .pagesves:nth-of-type(2) .dt{

    padding-left: 5%;

}

.ab-fwzz2 .pagesves .img{

    position: relative;

}

.ab-fwzz2 .pagesves .img p{

    position: absolute;

    bottom: 0;

    display: inline-block;

    padding: 0 20px;

    background: var(--action);

    color: #fff;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    line-height: 50px;

    white-space: nowrap;

    opacity: 0;

    margin-top: 50px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.ab-fwzz2 .pagesves .img:hover p{

    opacity: 1;

    margin-top: 0;

}

.ab-fwzz2 .pagesves a{

    width: 100px;

    text-align: center;

    display: block;

    background: var(--action);

    color: var(--cfff);

    line-height: 35px;

}

.ab-vesd{

    width: 100%;

}

.ab-vesd .left{

    width: 33%;

    padding-top: 60px;

}

.ab-vesd .rigth{

    width: 66%;

}

.ab-ves1{

    margin-bottom: 70px;

}

.ab-ves1 .ab-fwzz-title{

    margin-bottom: 35px;

}

.ab-ves1 .left > p{

    font-size: 16px;

    color: var(--c666);

    line-height: 2;

    margin-bottom: 40px;

}

.ab-ves1 .left a{

    width: 100px;

    text-align: center;

    background: var(--action);

    color: var(--cfff);

    display: block;

    line-height: 35px;

}

.ab-ves2-d{

    text-align: center;

    padding: 40px 0 80px;

}

.case-proves{

    width: 100%;

   padding-bottom: 80px;

}

.case-proves li{

    width: 49%;

    margin-right: 2%;

    float: left;

    margin-bottom: 22px;

}

.case-proves li:nth-of-type(2n){

    margin-right: 0;

}

.case-proves li a{

    display: block;

    width: 100%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.case-proves li .img{

    width: 39%;

    display: inline-block;

    vertical-align: middle

}

.case-proves li .text{

    width: 60%;

    display: inline-block;

    vertical-align: middle;

    padding-left: 5%;

}

.case-proves li .text h6{

    font-size: 14px;

    color: var(--c333);

    font-weight: bold;

    margin-bottom: 10px;

}

.case-proves li .text .cont{

    margin-bottom: 16px;

}

.case-proves li .text h5{

    width: 100px;

    text-align: center;

    background: var(--action);

    color: #fff;

    font-size: 16px;

    line-height: 32px;

}

.case-proves li .text .cont{

    color: var(--c666)

}

.case-proves li:hover a{

    background: #fff;

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-6px);

    -webkit-transform: translateY(-6px);

}

.case-proves li:hover .text h6{

    color: var(--action)

}



.casedef-nav{

    width: 100%;

    background: var(--c333);

    font-size: 12px;

    line-height: 35px;

    color: #fff;

    text-align: right

}

.casedef{

    background: var(--bj);

    padding-bottom: 50px;

}

.casedef-nav a{

    color: #fff

}

.casedef-nav a:hover{

    color: var(--action)

}

.casedef-set1{

    width: 100%;

    padding: 40px 0 30px;

}

.casedef-set1 .casedef-img{

    width: 460px;

}

.casedef-set1 .casedef-tit{

    width: 680px;

    padding-top: 30px;

}

.casedef-set1 .casedef-tit h3{

    font-size: 24px;

    color: var(--c333);

    padding-bottom: 10px;

    border-bottom: 1px solid #d9d9d9;

    margin-bottom: 16px;

}

.casedef-set1 .casedef-tit .cont{

    font-size: 14px;

    color: var(--c666);

    margin-bottom: 20px;

    min-height: 150px

}

.casedef-set1 .casedef-tit h6{

    font-size: 18px;

    font-weight: bold;

    color: var(--c333);

    margin-bottom: 10px;

}

.casedef-set1 .casedef-tit a{

    width: 160px;

    text-align: center;

    font-size: 16px;

    background:var(--action);

    color: #fff;

    display: block;

    line-height: 40px;

    margin-top: 10px;

}

.casedef-set2{

    width: 100%;

    background: #fff;

     padding: 80px 0 30px;

    position: relative;

    margin-bottom: 18px;

}

.casedef-set2 h6{

    position: absolute;

    padding: 0 50px;

    line-height: 45px;

    font-size: 18px;

    color: #fff;

    background: var(--action);

    left: 0;

    top: 0;

    font-weight: bold;

}

.casedef-set2 .cont{

    min-height: 300px;

    width: 1018px;

    margin: 0 auto;

}

.casedef-set2-list{

    width: 1080px;

    margin: 0 auto;

}

.casedef-set2-list li{

    width: 310px;

    margin-right: 73px;

    float: left;

}

.casedef-set2-list li:nth-of-type(3n){

    margin-right: 0;

}

.casedef-set2-list li .imt{

    width: 80px;

    height: 80px;

    border: 1px solid #d5d5d5;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    position: relative;

}

.casedef-set2-list li .imt img{

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}

.casedef-set2-list li h5{

    width: 200px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 12px;

}

.casedef-set2-list li h5 span{

    font-size: 14px;

    color: var(--c333);

    display: block;

}

.casedef-set2-list li h5 a{

    width: 75px;

    line-height: 22px;

    background: var(--action);

    color: #fff;

    text-align: center;

    display: block;

    margin-top: 15px;

}

.contact-ves{

    width: 100%;

    

}

.contact-ves .contact{

    padding-bottom: 80px;

}

.contact-ves .about-set1 .tit{

    padding: 45px 0 20px;

}

.contact-ves .contact > p{

    font-size: 18px;

    color: var(--c666)

}

.contact-ves .contact h6{

    color: var(--c999);

    font-size: 14px;

    margin-bottom: 30px;

}

.contact-ves .contact em{

    color: #fe2424  !important;

    display: inline-block;

    margin-right: 3px;

    font-weight: bold;

}

.contact-ves .contact li{

    width: 45%;

    margin-right: 10%;

    float: left;

    margin-bottom: 20px;

}

.contact-ves .contact li:nth-of-type(2n){

    margin-right: 0;

}
/* select::-ms-expand { display: none; } */
.contact-ves .contact li select{
    border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 10px;
    color:rgba(255,255,255,0.6);

}
.contact-ves .contact li select:focus{
  
  outline: none;
}
.contact-ves .contact li select,

.contact-ves .contact li input{

    width: 100%;

    background: #fff;

    padding: 15px 20px;

    margin-top: 5px;

    border: none;

    font-size: 16px;

    color: var(--c666);
    
    border: 1px solid #fff 
}
.contact-ves .contact li input:focus,
.contact-ves .contact li select:focus{
    border: 1px solid var(--action)
}
.contact-ves .contact li p{

    font-size: 16px;

}

.contact-ves .contact h5{

    font-size: 16px;

    color: var(--c666);

    margin-bottom: 5px;

}

.contact-ves .contact textarea{

    width: 100%;

    display: block;

    background: #fff;

    padding: 20px;

}

.contact-ves .contact .submit{

    width: 180px;

    text-align: center;

    background: var(--action);

    color: #fff;

    line-height: 50px;

    display: block;

    margin: 30px auto 0;

    font-size: 16px;

}
.contact-ves .contact textarea:focus{
    border: 1px solid var(--action)
}
.ab-vews{

    width: 100%;

    padding-bottom: 80px;

}

.ab-vews li{

    width: 49%;

    float: left;

    margin-right: 2%;

    margin-bottom: 20px;

}

.ab-vews li:nth-of-type(2n){

    margin-right: 0;

}

.ab-vews li .ab-vews-page{

    width: 100%;

    background: #fff;

    padding: 26px 38px 40px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;



}

.ab-vews li .ab-vews-page:hover{

    transform: translateY(-6px);

    -webkit-transform: translateY(-6px);

    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2)

}

.ab-vews li .ab-vews-page:hover h6{

    color: var(--action)

}

.ab-vews li .ab-vews-page h6{

    font-size: 16px;

    color: var(--c333);

    font-weight: bold;

    margin-bottom: 10px;

}

.ab-vews li .ab-vews-page .cod h5{

    font-size: 18px;

    color:var(--c333);

    margin-bottom: 6px;

}

.ab-vews li .img{

    width: 132px;

    display: inline-block;

    vertical-align: middle

}

.ab-vews li .cod{

    width: 320px;

    display: inline-block;

    vertical-align: middle;

    padding-left: 26px;

    min-height: 80px

}

.ab-vews li .ab-vews-page .cod .cont{

    color: var(--c666);

    font-size: 12px;

}

.new-cont{

    padding-bottom: 80px;

}

.new-cont dt,

.new-cont dd{

    width: 49%;

    margin-right: 2%;

    float: left;

    margin-bottom: 20px;

}

.new-cont dd{

    /* height: 178px; */

}

.new-cont dd:nth-of-type(2n){

    margin-right: 0;

}

.new-cont dd:nth-of-type(1){

    margin-right: 0;

}

.new-cont dd a{

    width: 100%;

    display: block;

    background: #fff;

    height: 178px;

    padding: 52px 40px 0;

    position: relative;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.new-cont dd:hover a{

    transform: translateY(-6px);

    -webkit-transform: translateY(-6px);

    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2)

}

.new-cont dd:hover a h5{

    color: var(--action)

}

.new-cont dd a h5{

    font-size: 18px;

    color: var(--c333);

    font-weight: bold;

    margin-bottom: 3px;

}

.new-cont dd a p{

    color: var(--c666)

}

.new-cont dd a h6{

    background: var(--action);

    color: #fff;

    padding: 0 30px;

    line-height: 35px;

    position: absolute;

    left: 0;

    top: 0

}

.new-cont dt{

    position: relative;

}

.new-cont dt h6{

    background: var(--action);

    color: #fff;

    padding: 0 30px;

    line-height: 35px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

}

.new-cont dt p{

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    padding: 0 30px;

    line-height: 35px;

    position: absolute;

    left: 0;

    bottom:  0;

    z-index: 2;

    font-size: 18px;

    width: 100%;

    padding: 30px 20px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.new-cont dt:hover p{

    background: #000;

    padding: 10px 20px;

}

.rczp-cont{

    width: 100%;

    background: #fff;

    margin-bottom: 60px;

}

.rczp-cont li{

    width: 25%;

    float: left;

    border-right: 1px solid #e4e4e4;

}

.rczp-cont li:last-of-type{

    border-right:none

}

.rczp-cont li h6{

    line-height: 63px;

    border-bottom:  1px solid #e4e4e4;

    font-size: 18px;

    padding-left: 80px;

}

.rczp-cont li p{

    padding-left: 80px;

    height: 320px;

    font-size: 16px;

    line-height: 2;

    padding-top: 35px;

}





.join-conten{

    padding-bottom: 70px

}

.join-conten h3{

    font-size: 48px;

    color: #444;

    /* font-weight: bold; */

    padding: 80px 0 60px 0;

}

.join-conten h3::after{

    content: '';

    display: block;

    width: 40px;

    height: 3px;

    background: #444444;

    margin-top: 12px;

}

.join-conten dl{

    width: 100%;

    font-size: 16px;

    color: #444;

    /* border: 1px solid #ddd; */

}

.join-conten dl dt,

.join-conten dl dd{

   box-sizing: border-box;

   display: block;

   /* padding: 0 30px; */

}

/* .join-conten dl dd:hover{

    background: #f2f1f1 !important

} */

/* .join-conten dl dd:nth-of-type(2n-1){

    background: #fdfdfe;

}

.join-conten dl dd:nth-of-type(2n){

    background: #f8f8f8;

} */

.join-conten dl ul{

    display: flex;

    justify-content: space-between;

    padding: 18px 30px;

    cursor: pointer;

}

.join-conten dl .on{

    background: var(--action);

    color: #fff !important

}

.join-conten dl ul li:first-of-type{

    width: 296px;

}

.join-conten dl ul li:first-of-type span{

    color: var(--action)

}

.join-conten dl ul li:last-of-type{

    width: 296px;

    text-align: right

}

.join-conten dl dt{

    background: #eaeaea;

    border-bottom: 2px solid #aaaaaa

}

.join-conten dl dd{

    /* border-bottom: 1px solid #ddd; */

    background: #fff;

    margin-bottom: 10px;

}

.join-conten dl dd:last-of-type{

    border-bottom:none

}

.join-conten dl dd .conten{

  

    padding: 30px 20px;

  

    

}

.join-conten dl dd .conten b{

    color: #828081;

    font-weight: normal;

    padding-right: 10px;

}

.join-conten dl dd .conten .zr{

    display: flex;

}

.join-conten .p{

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 40px;

}

.join-conten .p p{

    font-size: 18px;

    color: #444;

    line-height: 36px;

}

.join-conten .p a{

    display: block;

    text-align: center;

    background: #828081;

    color: #fff;

    width: 120px;

    line-height: 40px;

    height: 40px;

    margin-left: 30px;

    border-radius: 3px

}

.join-conten .p a:hover{

    background: #605f5e

}

.join-conten .form{

    width: 100%;

}

.join-conten .form ul{

    display: flex;

    justify-content: space-between

}

.join-conten .form ul li{

    border: 1px solid #dddddd;

    padding: 12px 20px

}

.join-conten .form ul .error input{

    width: 103px;

}

.join-conten .form ul .error span:last-of-type{

    color: red

}

.join-conten .form ul li input{

    width: 244px;

}

.join-conten .form  textarea{

    padding: 20px;

    border: 1px solid #ddd;

    box-sizing: border-box;

    width: 100%;

    margin: 15px 0;

    height: 150px;

}

.join-conten .form  p span{

    white-space: nowrap

}

.join-conten .form #submit{

    width: 100%;

    text-align: center;

    color: #fff;

    background: #828081;

    padding: 10px 0;

    cursor: pointer;

    border-radius: 3px

}







.product-ves{

    width: 100%;

    border-top: 3px solid var(--action);

    padding-bottom: 80px;

    position: relative;

}
/* .product-ves thead{
    position: absolute;
    left: 0;
    top: 0
} */
.product-ves thead,
.product-ves tbody{
    display: block
}
.product-ves table{

    width: 100%;

    text-align: center;

    background: #fff;
    display: block
}
.product-ves thead tr,
.product-ves tbody tr{
    display: flex;
    padding: 0
}
.product-ves tbody tr td{
   flex: 1;
   padding: 0;
   border: 1px solid #ddd;
   border-top: none;
   border-right: none
}
.product-ves thead tr td:nth-last-child(2),
.product-ves tbody tr td:nth-last-child(2),
.product-ves thead tr td:last-child,
.product-ves tbody tr td:last-child{
   flex: 0.5;
}
.product-ves thead tr td:first-child,
.product-ves tbody tr td:first-child{
   flex: 1.4;
}
.product-ves thead tr td:nth-last-child(3),
.product-ves tbody tr td:nth-last-child(3){
       flex: 1.2;
}
.product-ves thead tr td{
    flex: 1;
    padding: 0;
    border: 1px solid #ddd;
    border-top: none;
    border-right: none
}
.product-ves table select{

    width: 100%;

    line-height: 26px;

    background: #fff;

    border: none;

    height: 30px;

}

.product-ves table .xiz{

    width: 20px;

    height: 20px;

    display: block;

    margin: 6px auto;

    background: url('../images/pro-xz-ico.png') no-repeat center

}

.product-ves table .xz{

    width: 40px;
    line-height: 21px;
    font-size: 12px;
    background: var(--action);
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 7px;

    

}

.product-ves table thead tr:first-of-type{

    line-height: 32px;

}

.product-ves table thead tr:nth-of-type(2){

    background: #d6efd0;

}

.product-ves table tbody{

    line-height: 32px;  
   height: 500px;
   overflow-y: auto;
   overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}

.product-ves table tbody::-webkit-scrollbar { 
    width: 4px;   /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    background: #ddd
} 
/*定义滚动条轨道（凹槽）样式*/ 
.product-ves table tbody::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);    
    border-radius: 2px; 
    cursor: pointer;
} 
/*定义滑块 样式*/ 
.product-ves table tbody::-webkit-scrollbar-thumb { 
    border-radius: 2px; 
    height: 100px;    /* 滚动条滑块长度 */
    background-color: var(--action); 
    cursor: pointer;
}

.product-ves table tbody tr:nth-of-type(2n){

    background: #f0f9ee

}
.product-ves table thead tr:nth-of-type(2) td{
    padding: 5px 0;
}
.prodt-tatb{
    background: #fff;
    margin-bottom: 60px;
}
.prodt-tatb table{
    width: 100%;
    border: 1px solid #ddd;
    border-top: 3px solid var(--action);
    text-align: center
}
.prodt-tatb table tr:nth-of-type(2n-1){
    background: #f0f9ee;
}