@charset "UTF-8";
.ind4{margin: 0 auto 115px !important;}
.nei_ban .img2{}
.nei_ban .img3{  margin: 60px 0 0 -343px; position: absolute;left: 50%;top:50%; }

.jmtj{background: url("../images/join2_05.jpg");width: 100%;overflow: hidden;padding-bottom: 160px;}
.jmtj_tit{position: relative;/* max-width: 1200px; */margin: 0 auto;text-align: center;}
.jmtj_tit:after,.jmtj_tit:before{  width: 1940px;  height: 65px;  background: url(../images/icon1.png) no-repeat;  position: absolute;  left: 0%;  top: 50%;  display: block;  content: '';  }
.jmtj_tit:after{  -webkit-animation: lineAnimate 10s linear infinite;  }
.jmtj_tit:before{  -webkit-animation: lineAnimate2 10s linear infinite;  }
@-webkit-keyframes lineAnimate{
    0%{
        left:0;
    }
    100%{
        left: -1940px;
    }
}
@-webkit-keyframes lineAnimate2{
    0%{
        left:1940px;
    }
    100%{
        left: 0;
    }
}
.jmtj_tit li {  display: inline-block;  position: relative;  height: 172px;  width: 150px;  font-size: 36px;  z-index: 5;  font-weight: 600;  color: #fff;  line-height: 172px;  cursor: pointer;  }
.jmtj_tit li i {
    background-image: url(../images/icon_conditions.png);
    background-position: right;
    width: 150px;
    height: 172px;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    transform: scale(.5);
    transition: all .5s
}

.jmtj_tit li i.icon_conditionsDob {
    background-position: left;
    opacity: 0;
    visibility: collapse
}

.jmtj_tit li:hover i {
    transform: scale(1)
}

.jmtj_tit li:hover i.icon_conditions {
    opacity: 0
}

.jmtj_tit li:hover i.icon_conditionsDob {
    opacity: 1;
    visibility: inherit
}

.jmtj_tit li.active i {
    transform: scale(1)
}

.jmtj_tit li.active i.icon_conditions {
    opacity: 0;
}

.jmtj_tit li.active i.icon_conditionsDob {
    opacity: 1;
    visibility: inherit;
}
.jmtj_tit li{
    -webkit-transform: translateY(30px);
    -webkit-animation: waveAnimate 5s linear infinite;
}
.jmtj_tit li:nth-child(2){
    -webkit-animation-delay: .5s;
}
.jmtj_tit li:nth-child(3){
    -webkit-animation-delay: 1s;
}
.jmtj_tit li:nth-child(4){
    -webkit-animation-delay: 1.5s;
}
.jmtj_tit li:nth-child(5){
    -webkit-animation-delay: 2s;
}
@-webkit-keyframes waveAnimate{
    0%,100%{
        -webkit-transform: translateY(30px);
    }
    50%{
        -webkit-transform: translateY(-30px);
    }
}

.jmtj_list{max-width: 930px;margin: 90px auto 0;position: relative;height: 155px;overflow: hidden;}
.jmtj_list li{height: 100%;top:-100%; background: #fff;text-align: center;width: 100%;z-index: 1;position: absolute;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.jmtj_list li.on{top:0;z-index: 2;}
.jmtj_list li .left{width: 30%;padding: 4px 6px;height:100%;float: left;background: url("../images/join1_33.jpg") no-repeat center;background-size: cover;}
.jmtj_list li .left div{border: 1px solid rgba(255,255,255,0.5); height: 100%;position: relative; }
.jmtj_list li .left div i{position: absolute;width: 39px;height: 39px;background-size: 100%;}
.jmtj_list li .left div .i1{background-image: url("../images/join1_28.png");left: -1px;top:-1px;}
.jmtj_list li .left div .i2{background-image: url("../images/5Join-in_30.png");right: -1px;top:-1px;}
.jmtj_list li .left div .i3{background-image: url("../images/join1_38.png");left: -1px;bottom:-1px;}
.jmtj_list li .left div .i4{background-image: url("../images/5Join-in_37.png");right: -1px;bottom:-1px;}
.jmtj_list li .left span{font-size: 24px;line-height: 36px;color: #fff; position: absolute;width: 90%;left: 5%;top:50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.jmtj_list li .right{width: 70%;float: right;height: 100%;position: relative;}
.jmtj_list li .right p{ position: absolute;width: 80%;left: 10%;max-height: 80%;overflow-y: auto;top:50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);font-size: 16px;line-height: 26px;color: #333333;}
.jmlc{max-width: 1290px;overflow: hidden;padding: 0 30px 100px;margin: 0 auto;}
.jmlc_pic{float: right;width: 50.8%;position: relative;margin: 0 0 30px 90px;}
.jmlc_pic::before{width: 100%;height: 100%;border: 1px solid #c57978;position: absolute;content: " ";right: 18px;top:22px;}
.jmlc_pic img{position: relative;z-index: 2;}
.jmlc_list{position: relative;}
.jmlc_list::before{content: " ";width: 1px;height: 100%;background: #93010b;position: absolute;left: 17px;top:0;}
.jmlc_list li{position: relative;padding-left: 48px;margin-top: 23px;padding-top: 5px;min-height: 34px;}
.jmlc_list li:first-child{margin-top: 0;}
.jmlc_list li div{text-align: center; width: 34px;height: 34px;background: #93010b;color: #fff;line-height: 34px;border-radius: 100%;position: absolute;left: 0;top:0;z-index: 2;font-size: 24px;}
.jmlc_list li p{font-size: 15px;line-height: 23px;}
.jmzc{background: url("../images/join2_05.jpg");padding-bottom: 40px;}
.jmzc_list{max-width: 1290px;overflow: hidden;margin: 0 auto;padding: 0 30px;position: relative;}
.jmzc_list ul{float: right;max-width: 350px;position: relative;z-index: 2;}
.jmzc_list ul:first-child{float: left;}
.jmzc_list ul li{margin-top: 35px;overflow: hidden;}
.jmzc_list ul li:first-child{margin-top: 0;}
.jmzc_list ul li .tit{background-color: #980d16;color: #fff;border-radius: 40px;line-height: 40px; background-repeat: no-repeat;background-position: 12px center; font-size: 24px;float: left;padding: 0 16px 0 47px;font-weight: bold;margin-bottom: 15px;}
.jmzc_list ul li p{min-height: 48px; font-size: 16px;line-height: 24px;color: #333333;width: 100%;float: left;}
.jmzc_list .title{position: absolute;font-weight: bold; top:20px;left: 50%;margin-left: -150px; font-size: 28px;line-height: 38px;color: #980d16;width: 300px;text-align: center;}
.jmzc_list .bg{position: absolute;left: 50%;width: 40%;max-width: 467px;top:50%;margin-top: 40px;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.tzhb{max-width: 1290px;margin: 50px auto 0;padding: 0 30px 90px;}
.tzhb_f1{background: url("../images/join1_116.jpg");padding: 17px 21px;}
.tzhb_f1>div{background: #fff;padding: 0 0 0 340px;position: relative;}
.tzhb_form{left: 5%;position: absolute;width: 310px;/* height: 340px; */background: #93010b;top: -90px;padding: 0 25px 14px;}
.tzhb_form .tit{text-align: center;font-size: 28px;line-height: 58px;color: #fff;}
.tzhb_form form{width: 100%;}
.tzhb_form .list{overflow: hidden;margin-top: 8px; font-size: 14px;line-height: 24px;color: #fff;font-family: "宋体";}
.tzhb_form .text{margin-top: 5px; width: 100%;color: #fff; border: 1px solid #fff;padding: 0 5px;line-height: 26px;display: block;background: transparent;}
.tzhb_form .city{margin-top: 0;}
.tzhb_form .city span{margin-left: 25px;position: relative; display: block;float: left; width: 64px;height: 28px;border: 1px solid #fff;}
.tzhb_form .city span::before{position: absolute;right: -20px;top:0;line-height: 28px;color: #fff;content: "省";}
#span_nativeplace{margin-left: 0;}
#span_nativeplace_son::before{content: "市";}
#span_nativeplace_sec::before{content: "县";}
.tzhb_form select{width: 100%;background: #93010b;border: none;height: 100%;color: #fff;}
.tzhb_form .sub{color: #fff; background: #b30d19;width: 100%;text-align: center;line-height: 37px;margin-top: 16px;border: none;cursor: pointer;border-radius: 5px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.tzhb_form .sub:hover{background: #ff1926;}
input::-webkit-input-placeholder{color: inherit;}
.tzhb_f1 .con{max-width: 550px;text-align: center;margin: 0 auto;padding-bottom: 50px;}
.tzhb_f1 .con .tit{padding: 55px 0 43px;}
.tzhb_f1 .con .tit span{font-weight: bold; display: block;font-size: 28px;line-height: 38px;color: #333333;}
.tzhb_f1 .con .tit i{text-transform: uppercase; display: block;font-size: 11px; line-height: 17px;color: #666666;font-style: normal;}
.tzhb_f1 .con ul{overflow: hidden;}
.tzhb_f1 .con ul li{float: left;width: 20%;}
.tzhb_f1 .con ul li img{margin: 0 auto;}
.tzhb_f1 .con ul li span{display: block; font-size: 16px;margin-top: 7px; line-height: 26px;color: #272626;}
.tzhb_f2{position: relative;margin: 50px 0 60px;}
.tzhb_f2 .pic{overflow: hidden;border-radius: 190px;}
.tzhb_f2 .con{position: absolute;width: 20%;max-width: 246px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.tzhb_f3{overflow: hidden;}
.tzhb_f3 ul{width: 48%;float: right;text-align: right;}
.tzhb_f3 ul:first-child{float: left;text-align: left;}
.tzhb_f3 ul li{margin-top: 54px;position: relative;padding-right: 65px;}
.tzhb_f3 ul:first-child li{padding: 0 0 0 65px;}
.tzhb_f3 ul li:first-child{margin-top: 0;}
.tzhb_f3 ul li img{position: absolute;right: 0;top:0;}
.tzhb_f3 ul:first-child li img{right: auto;left: 0;}
.tzhb_f3 ul li span{margin-bottom: 9px; display: block;font-weight: bold; font-size: 18px;line-height: 28px;color: #333333;}
.tzhb_f3 ul li span .red{font-style: normal;color: #93010b;}
.tzhb_f3 ul li p{font-size: 16px;line-height: 24px;color: #666666;}
.privacy{font-size: 12px;color: #fff;font-family: "宋体";text-align: center;margin-top: 5px;}
.privacy a{color: #fff;}

@media (max-width: 1100px) {
    .ind4{margin-bottom: 50px !important;}
    .jmtj{padding-bottom: 50px;}
    .jmtj_list{margin-top: 50px;}
    .jmlc_list li{margin-top: 15px;}
    .jmlc_pic{margin: 0 0 10px 30px;}
    .jmlc_pic::before{right: 10px;top:10px;}
    .jmlc_list li{min-height: 28px;padding-top: 3px;}
    .jmlc_list li div{width: 28px;height: 28px;font-size: 16px;line-height: 28px;}
    .jmlc_list:before{left: 14px;}
    .jmlc_list li p{font-size: 14px;line-height: 22px;}
    .jmlc{padding-bottom: 50px;}
    .jmzc_list .bg{display: none;}
    .jmzc_list .title{display: none;}
    .jmzc_list ul{max-width: 100%;width: 48%;}
    .jmzc_list ul li{margin-top: 15px;}
    .jmzc_list ul li .tit{margin-bottom: 10px;font-size: 16px;line-height: 34px;background-size: 20px;padding: 0 10px 0 30px;background-position: 8px center;}
    .tzhb_form{left: 2%;}
    .tzhb_f1>div{padding-left: 330px;}



}
@media (max-width: 1000px) {
    .jmtj_list{margin:50px 30px 0;}
    .tzhb_form{position: relative;left: auto;top:auto;margin: 10px auto 0;}
    .tzhb_f1>div{padding: 0 0 30px;}
    .tzhb_f1 .con .tit{padding: 30px 0 10px;}
    .tzhb_f1 .con{padding-bottom: 20px;}
    .tzhb_f1 .con .tit span{font-size: 20px;line-height: 30px;}
    .tzhb_f1 .con ul li span{font-size: 14px;line-height: 22px;margin-top: 3px;}
    .tzhb_f1{padding: 10px 10px;}
    .tzhb{padding: 0 15px 50px;}

}
@media (max-width: 900px) {
    .jmtj_tit li{width: 120px;height: 120px;line-height: 120px;font-size: 20px;}
    .jmtj_tit li i{width: 120px;height: 120px;}
    .jmtj_tit li i.icon_conditionsDob{background: url("../images/join1_25.png") no-repeat center;background-size: auto 100%;}
    .jmtj_tit li i.icon_conditions{background: url("../images/join1_19.png") no-repeat center;background-size: auto 100%;}
    .jmtj_tit li:hover,.jmtj_tit li.active{font-size: 30px;}
    .jmtj_list{height: 130px;}
    .jmtj_list li .left span{font-size: 20px;line-height: 28px;}
    .jmtj_list li .left div i{width: 20px;height: 20px;background-size: 100%;}
    .jmtj_list li .right p{width: 100%;left: 0;padding: 0 10px;}
    .tzhb{margin-top: 30px;}



}
@media (max-width: 767px) {
    .nei_ban .img2{margin: -33px 0 0 -25px !important;}
    .nei_ban .img3{margin: 45px 0 0 0 !important;width: 90%;left: 5%;}
}
@media (max-width: 700px) {
    .jmtj_tit li{width: 60px;height: 60px;line-height: 60px;font-size: 13px;font-weight: normal;}
    .jmtj_tit li i{width: 60px;height: 60px;}
    .jmtj_tit li:hover,.jmtj_tit li.active{font-size: 20px;}
    .jmtj_list{margin-top: 30px;}
    .jmtj_list li .left{width: 100%;height: 40%;float: none;}
    .jmtj_list li .left span{font-size: 16px;}
    .jmtj_list li .left br{display: none;}
    .jmtj_list li .right{width: 100%;height: 60%;float: none;border: 1px solid #dfa95f;}
    .jmtj_list li .left div i{width: 10px;height: 10px;background-size: 100%;}
    .jmtj_list li .right p{font-size: 13px;line-height: 21px;}
    .ind4{margin-bottom: 30px !important;}
    .jmtj{padding-bottom: 30px;}
    .jmlc_pic{display: none;}
    .jmlc{padding-bottom: 30px;}
    .jmlc_list li{padding-left: 38px;}
    .tzhb_f3 ul{width: 100%;float: none !important;text-align: left !important;}
    .tzhb_f3 ul li{padding: 0 0 10px 40px !important;margin-top: 10px !important;border-bottom: 1px dotted #d1d1d1;}
    .tzhb_f3 ul li img{right: auto;left: 0 !important;width: 25px;}
    .tzhb_f3 ul li span{font-size: 16px;line-height: 24px;margin-bottom: 3px;}
    .tzhb_f3 ul li p{font-size: 13px;line-height: 21px;}
    .tzhb_f2{margin: 20px 0 20px;}

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

    .jmzc_list{padding: 0 15px;}
    .jmzc_list ul{width: 100%;float: none !important;}
    .jmzc_list ul li{position: relative;padding-left: 100px;min-height: 30px;margin-top: 15px !important;}
    .jmzc_list ul li p{min-height: 0;font-size: 14px;line-height: 22px;width: auto;float: none;}
    .jmzc_list ul li .tit{line-height: 30px;font-size: 14px;position: absolute;float: none;left: 0;top:0;background-size: 15px;padding-left: 25px;}
    .tzhb_f1 .con ul li{width: 30%;margin: 10px 1.66666666% 0;}
    .tzhb_f1 .con ul li span{font-size: 13px;}
    .tzhb_f1{padding:0;}
    .tzhb{margin-top:0;}
    .tzhb_f1 .con .tit{padding-top: 0;}
    .tzhb_f1 .con .tit span{font-size: 18px;}
    .tzhb_f1 .con .tit i{display: none;}
    .tzhb_form{width: 290px;padding: 0 15px 14px;}
}