.tx-banner{position:relative;}
.tx-banner .pagination1{position: absolute;z-index: 30;left:0;width: 100%; bottom:30px;text-align: center;}
.tx-banner .pagination1 span{display: inline-block; width: 20px;height: 4px;border-radius: 99px;opacity: 0.5;filter:Alpha(opacity=50);background: #fff;margin:0 7px !important;}
.tx-banner .pagination1 span.swiper-active-switch{width: 34px; opacity: 1;filter:Alpha(opacity=100);}
.tx-banner .swiper-slide{position: relative;}
.tx-banner .swiper-slide img{width: 100%;}
.tx-banner .swiper-slide-active img{animation:big 4s;-webkit-animation:big 4s;-ms-animation:big 4s;}

.tx-main{overflow: hidden;}

@keyframes big{
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@-webkit-keyframes big{
    0%{-webkit-transform: scale(1.2);}
    100%{-webkit-transform: scale(1);}
}
@-ms-keyframes big{
    0%{-ms-transform: scale(1.2);}
    100%{-ms-transform: scale(1);}
}

.tx-join1-left{position:relative;}
.tx-join1-left:before{content:'';z-index:-1; position:absolute;bottom:-20px;right:-24px;border:2px solid #d9331d;width:100%;height:100%;}
.tx-join1-right{position: relative;margin-top: 30px; z-index: 10;  width: 59.17%;margin-left: -14.17%;box-shadow: 0 0 20px #ebecee;background: #fff;padding: 50px 54px;}
.tx-join1-right .main{position: relative; padding:23px 40px 12px 86px;}
.tx-join1-right .main:before,.tx-join1-right .main:after{content:'';position: absolute;z-index: -1;width: 25px;height: 23px;}
.tx-join1-right .main:before{top:0;left:0; background:url('../images/join1-i1.png') no-repeat;}
.tx-join1-right .main:after{bottom:0;right:0; background:url('../images/join1-i2.png') no-repeat;}
.tx-join1-right .main h3{position: relative;font-size:30px;font-weight:bold;}
.tx-join1-right .main i{display: inline-block;width: 50px;height:4px;background: #D9331D;margin:18px 0 24px;}
.tx-join1-right .main b{position: absolute;top:4px;left: 0;z-index: -1; font-weight: normal;font-size: 36px;color:#E9E9E9;line-height: 36px;}
.tx-join1-right .main p{position: relative; font-size: 16px;line-height: 34px;color:#666;background: url('../images/join1-i3.png') left 11px no-repeat;padding-left: 25px;margin-bottom: 8px;}
.tx-join1-right .main a{position: relative; display: inline-block; width: 140px;text-align: center; font-size: 16px;line-height: 38px;border:1px solid #D9331D;color:#D9331D;margin-top:17px;}
.tx-join1-right .main a:before{content:''; position: absolute;top:0;left:0;z-index: -1;width: 0%;height:100%;background: #D9331D;}

.tx-join2{background: #f2f2f2;}
.tx-join2-title{font-size: 36px;text-align: center;margin-bottom: 60px;}
.tx-join2-main li{margin-left: 3.75%;width: 30.83%;box-shadow: 0 0 30px #e4e7ea;background: #fff;}
.tx-join2-main li:first-child{margin-left: 0;}
.tx-join2-main li .img{overflow: hidden;}

.tx-join2-main li .text{padding:34px;}
.tx-join2-main li .text h3{font-size:20px;line-height:34px;font-weight:bold;line-height: 20px;border-left:4px solid #D9331D;padding-left:14px;margin-bottom: 16px;}
.tx-join2-main li .text em{display: block;font-size: 16px;line-height:34px;color:#666;height:34px;overflow: hidden;}
.tx-join2-main li .text i{position: relative;display:inline-block;width:140px;line-height:38px;border:1px solid #D9331D;text-align: center;color:#D9331D;font-size: 16px;margin-top:24px;z-index: 10;}
.tx-join2-main li .text i:before{content:'';position: absolute;z-index: -1;top:0;left:0;width: 0%;height:100%;background: #D9331D;}

.tx-join3-title{text-align: center;margin-bottom: 33px;}
.tx-join3-title h3{position: relative; font-size:30px;font-weight: bold;line-height: 30px;}
.tx-join3-title h4{font-size: 36px;color:#E9E9E9;line-height: 36px;margin-top: -30px;}
.tx-join3-title i{display: inline-block;width: 50px;height:4px;background: #D9331D;margin-top:18px;}
.tx-join3-main .swiper-container{padding:15px 0;}
.tx-join3-main .swiper-container-thumbs{text-align: center;width:88%;margin:20px 6% 0;}
.tx-join3-main .swiper-container-thumbs h3{font-size:20px;line-height: 34px;font-weight:bold;height:34px;overflow: hidden;}
.tx-join3-main .swiper-container-thumbs h4{font-size: 14px;line-height: 34px;color:#666;margin:5px 0 8px;height:34px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.tx-join3-main .swiper-container-thumbs em{display: block; font-size: 16px;line-height: 34px;color:#666;height:34px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.tx-join3-more{text-align: center;margin-top:20px;}
.tx-join3-more a{position: relative; display: inline-block;width: 150px;line-height: 46px;font-size:16px;color:#D9331D;border:1px solid #D9331D;text-align: center;z-index:10;}
.tx-join3-more a:before{content:''; position: absolute;top:0;left:0;width: 0%;height:100%;background: #D9331D;z-index: -1;}

#swiper-container2 .swiper-slide.active1{transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(-60deg) !important;-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(-60deg) !important; -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(-60deg) !important;}
#swiper-container2 .swiper-slide.active2{transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(60deg) !important;-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(60deg) !important; -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(60deg) !important;}

@media (min-width:769px){

    .tx-join1-right .main a:hover:before{width: 100%;}
    .tx-join1-right .main a:hover{color:#fff !important;}

    .tx-join2-main li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
    .tx-join2-main li .text i:hover:before{width: 100%;}
    .tx-join2-main li .text i:hover{color:#fff;}

    .tx-join3-more a:hover:before{width:100%;}
    .tx-join3-more a:hover{color:#fff !important;}

}

@media (max-width:1280px){

    .tx-join1-right{padding:40px 44px;}
    .tx-join1-right .main{padding: 22px 40px 12px 68px;}
    .tx-join1-right .main h3{font-size:25px;}
    .tx-join1-right .main b{top:-1px;font-size:30px;}
    .tx-join1-right .main p{font-size:13px;line-height: 30px;}
    .tx-join1-right .main a{width:125px;font-size:14px;line-height: 36px;}

    .tx-join2-title{font-size:30px;margin-bottom: 45px;}
    .tx-join2-main li .text{padding:26px;}
    .tx-join2-main li .text h3{font-size:17px;margin-bottom: 10px;}
    .tx-join2-main li .text em{font-size:14px;}
    .tx-join2-main li .text i{width:125px;font-size:14px;line-height: 36px;margin-top: 20px;}

    .tx-join3-title h3{font-size:25px;}
    .tx-join3-title h4{font-size:30px;margin-top:-33px;}
.tx-join3-main .swiper-container-thumbs h3{font-size:17px;line-height: 30px;}
    .tx-join3-main .swiper-container-thumbs h4{font-size:13px;margin:0 0 5px;}
    .tx-join3-main .swiper-container-thumbs em{font-size:14px;}
    .tx-join3-more a{width:125px;font-size:14px;line-height: 36px;}

}
@media (max-width:1024px){

    .tx-banner{margin-top:60px;}

    .tx-join1-right{padding:30px;margin-top:20px;}
    .tx-join1-right .main{padding:20px 20px 0px 32px;}
    .tx-join1-right .main h3{font-size:20px;}
    .tx-join1-right .main b{top:-4px;font-size:26px;}
    .tx-join1-right .main i{height:2px;margin:12px 0 18px;}
    .tx-join1-right .main p{font-size:12px;line-height: 22px; background: url(../images/join1-i3.png) left 5px no-repeat;}
    .tx-join1-right .main a{font-size: 12px;line-height: 32px;width: 100px;}

    .tx-join2-title{font-size:26px;margin-bottom:25px;}
    .tx-join2-main li .text{padding:22px;}
    .tx-join2-main li .text h3{margin-bottom:2px;}
    .tx-join2-main li .text em{font-size:12px;}
    .tx-join2-main li .text i{font-size: 12px;line-height: 32px;width: 100px;margin-top:10px;}

}

@media (max-width:768px){

    .tx-banner .pagination1{display: none;}

    .tx-join1-left{display: none;}
    .tx-join1-right{width:100%;margin-left: 0;margin-top:0;padding:20px;}
    .tx-join1-right .main{padding:0;}
    .tx-join1-right .main:before,.tx-join1-right .main:after{display: none;}
    .tx-join1-right .main h3{font-size:16px;}
    .tx-join1-right .main b{top:-7px;font-size:20px;}
    .tx-join1-right .main p{background-size: 10px;padding-left: 16px;}
    .tx-join1-right .main a{line-height: 30px;width:90px;margin-top:10px;}

    .tx-join2-title{font-size:17px;font-weight:bold;margin-bottom:18px;}
    .tx-join2-main li .text i{display: none;}

    .tx-join3-title{margin-bottom: 10px;}
    .tx-join3-title h3{font-size:16px;}
    .tx-join3-title h4{font-size:19px;}
    .tx-join3-title i{height:2px;margin-top:3px;}
.tx-join3-main .swiper-container-thumbs{margin-top:6px;}
    .tx-join3-main .swiper-container-thumbs h3{line-height: 25px;height:25px;font-size:15px;}
    .tx-join3-main .swiper-container-thumbs h4{font-size:12px;line-height: 25px;height:25px;}
    .tx-join3-main .swiper-container-thumbs em{font-size:12px;line-height: 20px;height:20px;}
    .tx-join3-more{margin-top:10px;}
    .tx-join3-more a{line-height: 30px;width:90px;margin-top:10px;font-size:12px;}

}
@media (max-width:640px){

    .tx-join2-main li .img img{width: 100%;}
    .tx-join2-main li{width: 100%;margin-left: 0;}
    .tx-join2-main li .text{padding:18px;}
    .tx-join2-main li .text h3{font-size: 15px;line-height: 16px;}

}