.join1{}

.join1 .jlt{width: 50%;float: left;max-width: 630px;text-align: justify;padding-top: 40px;}

.join1 .jlt .tc1{line-height: 1.5;color: #999;margin: 15px 0 30px;}

.join1 .jlt .tc0{margin: 50px 0;}

.join1 .jlt .tc1 span{color: #000;}

.join1 .jrt{width: 50%;float: right;position: relative;max-width: 600px;}

.join1 .jrt .svg{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

svg {display: block; visibility:hidden; margin: auto;overflow: visible;}
  
.st0{fill:#fff;}
  
.st2{display: none;}

.join2 .jlt .img1 .st0{fill: #f4f7fa;}


.join2{background: #f4f7fa;}

.join2 .jlt{width: 50%;float: left;min-width: 600px;position: relative;}

.join2 .jlt .img1{position: relative;float: right;width: 100%;max-width: 600px;}

.join2 .jlt .img2{position: absolute;width: 50%;max-width: 350px;top: -60px;left: 0;z-index: 2;}

.join2 .jrt{width: 50%;float: right;max-width: 610px;position: relative;padding-top: 60px;}

.join2 .jrt .jtt{position: relative;line-height: 64px;}

.join2 .jrt .jtt .btn{display: block;float: right;position: relative;width: 150px;display: none;}

.join2 .jrt .jtt .btn .prev_jo1{width: 64px;height: 64px;background: url(../images/product_3.png) center no-repeat;left: 0;margin-top: 0;top: 0; transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.join2 .jrt .jtt .btn .prev_jo1 span {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: url(../images/product_2.png) center no-repeat;}

.join2 .jrt .jtt .btn .prev_jo1:hover{background: url(../images/product_3j.png) center no-repeat;}

.join2 .jrt .jtt .btn .prev_jo1:hover span{background: url(../images/product_2j.png) center no-repeat;animation: zhuan 2s linear forwards;-webkit-animation: zhuan 2s linear forwards;}

.join2 .jrt .jtt .btn .next_jo1{width: 64px;height: 64px;background: url(../images/product_3.png) center no-repeat;right: 0;margin-top: 0;top: 0;}

.join2 .jrt .jtt .btn .next_jo1 span {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: url(../images/product_2.png) center no-repeat;}

.join2 .jrt .jtt .btn .next_jo1:hover{background: url(../images/product_3j.png) center no-repeat;}

.join2 .jrt .jtt .btn .next_jo1:hover span{background: url(../images/product_2j.png) center no-repeat;animation: zhuan 2s linear forwards;-webkit-animation: zhuan 2s linear forwards;}

.join2 .jrt .swiper_jo{margin-top: 50px;}

.join2 .jrt .swiper_jo .stc{color: #999;line-height: 1.5;margin: 18px 0 26px;}

.join2 .jrt .swiper_jo .swiper-slide{height: auto;}

.join2 .jrt .swiper_jo .pagination_jo{display: none;}

.join3{background: #fafafb;}

.join3 .jtt{font-size: 42px;line-height: 1.8;}

.join3 .jbtn{margin: 30px 0 60px;}

.join3 .jbtn a{display: block;float: left;width: 270px;line-height: 60px;border-radius: 30px;border: 2px solid #000;text-align: center;}

.join3 .jbtn a.act,.join3 .jbtn a:hover{border: 2px solid #f60;background: #f60;color: #fff;}

.join3 .jbtn a:nth-child(2){margin-left: 30px;}

.join3 .ul1{}

.join3 .ul1 dl{width: 49%;float: left;background: #fff;}

.join3 .ul1 dl:nth-child(2n){float: right;}

.join3 .ul1 dl dd{width: 100%;padding: 45px 50px; -moz-box-shadow:0px 5px 10px #ddd; -webkit-box-shadow:0px 5px 10px #ddd; box-shadow:0px 5px 10px #ddd;margin-top: 40px;}

.join3 .ul1 dl dd .dtop{cursor: pointer;}

.join3 .ul1 dl dd .dtop .dlt{width: calc(100% - 50px);float: left;}

.join3 .ul1 dl dd .dtop .dlt div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.join3 .ul1 dl dd .dtop .dlt .dtc{opacity: 0.7;margin-top: 30px;line-height: 1.5;}

.join3 .ul1 dl dd .dtop .drt{width: 44px;height: 44px; float: right;border: 2px solid #000;background: url(../images/join_5.png) center no-repeat;border-radius: 50%;}

.join3 .ul1 dl dd .dbtm{border-top: 1px solid #ddd;margin-top: 25px;padding: 25px 0 0;display: none;}

.join3 .ul1 dl dd .dbtm .mlt{width: 33%;float: left;line-height: 1.8;}

.join3 .ul1 dl dd .dbtm .mrt{width: 64%;float: right;line-height: 1.8;}

.join3 .ul1 dl dd .dbtm .mtc{color: #999;margin-top: 8px;}

.join3 .ul1 dl dd .dbtm .dbtmlj{margin-top: 20px;}

.join3 .ul1 dl dd .dbtm .dbtmlj a{padding-bottom: 1px;display: inline-block;border-bottom: 1px solid #333;}

.join3 .ul1 dl dd.act .dtop .dlt div{color: #f60;opacity: 1;}

.join3 .ul1 dl dd.act .dtop .dlt .dtc{color: #333;}

.join3 .ul1 dl dd.act .dtop .drt{border: 2px solid #f60;background: url(../images/join_6.png) center no-repeat;}

.join4{}

.join4 .swiper_jo2{margin-top: 60px;}

.join4 .swiper_jo2 .swiper-slide{display: block;width: auto;}

.join4 .swiper_jo2 .swiper-slide a{display: block;}

.join4 .swiper_jo2 .swiper-slide .img{display: block;width: 100%;overflow: hidden;}

.join4 .swiper_jo2 .swiper-slide .img img{display: block;width: 100%;transform: scale(1.00001);-webkit-transform: scale(1.00001);}

.join4 .swiper_jo2 .swiper-slide:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.join4 .swiper_jo2 .swiper-slide .txt{margin-top: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.join4 .swiper_jo2 .pagination_jo2{display: none;}

.join4 .jbox{padding-left: 12.5%;}



@media(max-width:1680px){

    .join4 .jbox{padding-left: 7.3%;}

}


@media(max-width:1440px){

    .join4 .jbox{padding-left: 30px;}

}


@media(max-width:1366px){

    .join2 .jrt{width: 45%;}

}

@media(max-width:960px){

    .join1 .jrt,.join1 .jlt{width: 100%;float: none;padding: 0;}

    .join1 .jlt .tc0{margin: 20px 0;}

    .join2 .jrt{width: 100%;float: none;padding: 0;}

    .join2 .jrt .swiper_jo{margin: 20px 0;padding-bottom: 20px;}

    .join2 .jrt .swiper_jo .stc{margin: 10px 0 20px;}

    .join2 .jlt{width: 100%;float: none;min-width: 100px;margin-top: 60px;}

    .join3 .jtt{font-size: 20px;font-weight: bold;}

    .join3 .jbtn{margin: 20px 0 30px;width: 100%;}

    .join3 .jbtn a{width: 45%;line-height: 40px;}

    .join3 .jbtn a:nth-child(2){margin: 0;float: right;}

    .join3 .ul1 dl,.join3 .ul1 dl:nth-child(2n),.join3 .ul1 dl dd .dbtm .mlt,.join3 .ul1 dl dd .dbtm .mrt{width: 100%;float: none;}

    .join3 .ul1 dl dd{padding:  30px 5%;margin-top: 20px;}

    .join3 .ul1 dl dd .dbtm .mrt{margin-top: 20px;}

    .join3 .ul1{min-height: 100px;}

    .join2 .jrt .swiper_jo .pagination_jo{display: block;}

    .join2 .jrt .swiper_jo .pagination_jo .swiper-pagination-bullet-active{background: #f60;}

    .join4{background: #f6f6f6;}

    .join4 .jbox{padding: 0 5%;}

    .join4 .swiper_jo2 .swiper-slide .txt{margin-top: 20px;}

    .join4 .swiper_jo2{margin-top: 20px;}

    .join4 .swiper_jo2{padding-bottom: 30px;}

    .join4 .swiper_jo2 .pagination_jo2{display: block;}

    .join4 .swiper_jo2 .pagination_jo2 .swiper-pagination-bullet-active{background: #f60;}








}