.banner img{display: block; width: 100%;}
.c1-title{font-size: 30px; font-weight: bold; text-align: center; margin-top: 60px;}
.c1-xt{text-align: center; margin-bottom: 40px;}
.c1-nr{position: relative;}
.c1-nr-img img{display: block; width: 100%;}
.c1-nr-box{width: 65%; padding: 40px; position: absolute; left: 50%; bottom:-20%; transform: translateX(-50%); background-color: #FFF; box-sizing: border-box; box-shadow: 3px 5px 7px 0px #deebff;}
.c1-box-title{font-size: 26px; text-align: center; margin-bottom: 20px; font-weight: bold;}
.c1-box-nr{display: flex; display: -webkit-flex;}
.c1-box-lf{width: 83%; position: relative;}
.c1-box-rg{width: 17%;}
.c1-box-rg img{width: 100%; display: block;}
.c1-box-lf p{font-size: 16px; line-height: 32px; text-align: right; font-weight: bold; padding-right: 18px;}
.c1-box-sk{width: 38px; height: 8px; background-color: #AA0D23; position: absolute; bottom: 0; right: 18px;}

.content2{margin-top: 100px;}
.c2-nr{height: 465px; background-color: rgba(206,169,107,.5);}
.c2-nr>.wrap{height:100%; display: flex; display: -webkit-flex; justify-content: space-between;}
.c2-nr-lf{width: 55%; display: flex; justify-content: center; align-items: center;}
.c2-nr-rg{width: 41%;}
/* .c2-lf-img{display: flex; display: -webkit-flex;} */
.c2-lf-img li{width: 33.33%; cursor: pointer;}
.c2-lf-img img{display: block; width: 100%;}
.c2-rg-title{font-size: 22px; text-align: left; font-weight: bold; margin-top: 72px;}
.c2-rg-title span{font-size: 36px; color: #BC0D23;}
.c2-rg-font1{font-size: 22px; text-align: left; font-weight: bold; margin-top: 14px; border-bottom: 2px solid #BC0D23; padding-bottom: 12px; display: inline-block;}
.c2-rg-font1 span{font-size: 36px; color: #BC0D23;}
.c2-rg-font2{margin-top: 18px;}
.c2-rg-font2>p{font-size: 14px; margin-bottom: 10px;}
.c2-rg-font2>p:nth-of-type(1){font-size: 18px; font-weight: bold;}
.c2-rg-sk{width: 0; height: 0; border-top: 10px solid #231815; border-left: 10px solid transparent; margin-bottom: 14px;}
.c2-rg-font3{font-size: 22px; font-weight: bold;}
.c2-nr-lf .swiper-container .swiper-button-next{background-image:url('/img/join/rg.png'); right: 0;}
.c2-nr-lf .swiper-container .swiper-button-prev{background-image:url('/img/join/lf.png'); left: 0;}
.main-fiexd{height: 70%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 30px; background-color: rgba(0, 0, 0, 0.6); display: none; z-index: 10;}
.main-fiexd img{height: 100%; display: block;}
.gb{position: absolute; top: 10px; right: 10px; color: #FFF; cursor: pointer;}

.c3-title{font-size: 26px; font-weight: bold; margin-top: 60px; text-align: center;}
.c3-font1{font-size: 14px; font-weight: bold; margin-top: 25px; text-align: center;}
.c3-auto{margin-top: 40px;}
.c3-auto ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.c3-auto ul li{width: 17%;}
.c3-auto ul li img{display: block; width: 100%;}
.c3-auto-wz1{font-size: 14px; margin-top: 28px; text-align: center;}
.c3-auto-xt{width: 45%; height: 1px; background-color: #231815; margin: 12px auto 0;}
.c3-btn{width: 130px; height: 43px; background-color: #231815; font-size: 18px; text-align: center; line-height: 43px; color: #FFF; margin: 28px auto 0; cursor: pointer; border-radius: 8px; margin-bottom: 90px;}
.c3-btn:hover{background-color: #c9a361; text-shadow: 0 0 150px #FFF, 0 0 60px #FFF, 0 0 10px #FFF;}

.content4{height: 592px; background-color: rgba(206,169,107,.5);}
.c4-img{padding: 6px 0; position: relative;}
.c4-img .swiper-container{width:890px;margin:0}
.c4-img img{display: block; height: 100%;}
.c4-box{padding: 28px; width:383px; height:414px; background-color: #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: 0%;z-index:1}
.c4-box-title{font-size: 18px; font-weight: bold; margin-bottom: 32px; cursor: pointer;}
.c4-title{font-size: 18px; font-weight: bold; margin-bottom: 32px;}
.c4-title span{color: #BC0D23;}
.c4-box-title span{color: #BC0D23;}
.c4-box-title i{display: block; float: right; font-style:normal; color:#BC0D23; cursor: pointer; font-size: 14px;}
.c4-box-nr{margin: 32px 0; display: none;}
.c3-block{display: block;}
.c4-box-nr-title{font-size: 16px; font-weight: bold;}
.c4-box-nr-font{font-size: 12px; margin:15px 0 30px; line-height: 24px;}

.c5-auto{position: relative;}
.c5-auto ul{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.c5-auto ul li{width: 19%; display: flex;  display: -webkit-flex; flex-direction:column;}
.c5-auto ul li img{display: block; width: 100%; margin-bottom: 6%;}
.c5-auto .swiper-button-next{right: -50px; background-image:url('/img/join/rg2.png');}
.c5-auto .swiper-button-prev{left: -50px; background-image:url('/img/join/lf2.png');}
.c6-auto ul{display: flex; display: -webkit-flex;}
.c6-auto ul li{width: 33.33%;}
.c6-auto-font{padding:13px 13px 0;}
.c6-auto-img img{display: block; width: 100%;}
.c6-auto-title{font-size: 16px; font-weight: bold; margin-bottom: 30px;}
.c6-auto-wz{font-size: 14px; margin-bottom: 30px; font-weight: bold;}
.c6-auto-title2{margin-bottom: 10px;}
.c6-auto-wz2{font-size: 14px; margin-bottom: 12px; font-weight: bold;}
.c6-auto-wz3{font-size: 14px; margin-bottom: 25px; font-weight: bold;}

.c7-auto{background: url('/img/join/tu29.png')no-repeat center; background-size: cover;}
.c7-nr{display: flex; display: -webkit-flex; justify-content: space-between; padding: 110px 0 52px;}
.c7-lf-title{font-size: 28px; color: #CEA96B; margin-bottom: 18px;}
.c7-lf-font1{font-size: 16px; color: #FFF; margin-bottom: 12px;}
.c7-lf-xt{height: 1px; background-color: #FFF; margin-bottom: 30px;}
.c7-name{margin-bottom: 30px;}
.c7-name1 span{width:90px;display:inline-block;}
.c7-name1 div{width:100px;margin-left:20px;background:#fff;cursor: pointer;display:flex;align-items:center;justify-content:center;}
.c7-name1 div img{width:90%}
.c7-name1{display:flex;}
.c7-name.c7-name1 input{width:200px;}
.c7-name span{margin-right: 16px; font-size: 18px; color: #FFF;}
.c7-name input{width:324px; height:32px; border: 1px solid #FFF; border-radius: 8px; background: transparent; padding-left: 5px; color: #FFF; font-size: 18px;}
.c7-gender{margin-bottom: 30px;}
.c7-gender select {width: 324px;height: 32px;border: 1px solid #FFF;border-radius: 8px;padding-left: 5px;font-size: 18px;-webkit-appearance: menulist;background: #ffffff6e;}
.c7-gender span{font-size: 18px; color: #FFF; margin-right: 16px;}
.c7-gender label{font-size: 18px; color: #FFF; cursor: pointer;margin-right: 10px;}
.c7-gender label input{cursor: pointer;}
/* .c7-gender label:nth-of-type(1){margin-right: 30px;} */
.c7-lf-ts{font-size: 14px; color: #FFF; text-align: center; margin-bottom: 15px;}
.c7-name:nth-last-child(3){margin-bottom: 15px;}
.c7-lf-btn{width: 97px; height: 36px; font-size: 18px; color: #FFF; text-align: center; line-height: 36px; margin: 0 auto; background-color: #CEA96B; border-radius: 8px; cursor: pointer; border:none; display: block;}
.c7-rg{width: 320px; margin-bottom: 28px;}
.c7-rg-title{font-size: 28px; color: #FFF; margin-bottom: 18px;}
.c7-rg-sj{width: 0; height: 0; border-bottom: 10px solid #FFF; border-right: 10px solid transparent; margin-bottom: 18px;}
.c7-rg-font1{font-size: 14px; color: #FFF; margin-bottom: 25px;}

@media screen and (max-width:1219px){
    .c1-title{font-size: 24px;}
    .c1-box-title{font-size: 24px;}
    .c2-rg-title span{font-size: 30px;}
    .c2-rg-font1 span{font-size: 30px;}
    .c2-rg-img img{width: 100%; display: block;}
}

@media screen and (max-width:1024px){
    .c1-title{margin-top: 30px; font-size: 22px;}
    .c1-xt{margin-bottom: 15px;}
    .c1-box-title{font-size: 18px; margin-bottom: 10px;}
    .c1-nr-box{padding: 20px;}
    .c1-box-lf p{font-size: 14px; line-height: 28px;}
    .c1-box-sk{display: none;}
    .content2{margin-top: 135px;}
    .c2-rg-sk{display: none;}
    .c2-rg-title{font-size: 18px;}
    .c2-rg-title span{font-size: 20px;}
    .c2-rg-font1{font-size: 18px;}
    .c2-rg-font1 span{font-size: 20px;}
    .c2-rg-font3{font-size: 18px;}
    .c2-nr{height:410px;}
    .c3-title{font-size: 22px; margin-top: 35px;}
    .c3-font1{margin-top: 8px;}
    .c3-auto{margin-top: 32px;}
    .c3-auto-wz1{margin-top: 12px;}
    .c3-auto-xt{width: 38%;}
    .content4{height: 785px; background-color: transparent;}
    .c4-box{width: 68%; height: auto; bottom: -27%; left: 50%; top:auto; transform: translateX(-50%); box-shadow: 3px 5px 7px 0px #deebff;}
    .c4-box-nr-font{margin: 0 0;}
    .c4-box-nr{margin: 15px 0;}
    .c4-img img{width: 100%; height: auto;}
    .c4-box-title{margin-bottom: 15px; font-size: 16px;}
    .c6-auto ul{display: block;}
    .c6-auto ul li{display: flex; display: -webkit-flex; width: 100%;}
    .c6-auto-title{margin-bottom: 20px;}
    .c6-auto-wz{margin-bottom: 20px;}
    .c6-auto-img{width: 28%;}
    .c6-auto-font{width: 72%; padding: 0 13px 0;}
    .c6-auto ul li{margin-bottom: 20px;}
    .c6-auto-wz3{margin-bottom: 10px;}
    .c7-lf-title{font-size: 20px;}
    .c7-name span{font-size: 16px;}
    .c7-gender span{font-size: 16px;}
    .c7-gender label{font-size: 16px;}
    .c7-rg-title{font-size: 18px;}
    
}

@media screen and (max-width:768px){
    .c1-nr-box{margin-bottom: -32%;}
    .content4{height: 600px;}
	.swiper-container{width:100% !important}
    .c5-auto .swiper-button-next{right: 0;}
    .c5-auto .swiper-button-prev{left: 0;}
    .c6-auto-title{margin-bottom: 10px;}
    .c6-auto-wz{margin-bottom: 5px;}
    .c6-auto-wz2{margin-bottom: 5px;}
    .c6-auto-wz3{margin-bottom: 5px;}
    .c6-auto ul li{align-items: center;}
    .c7-nr{flex-direction: column; padding: 56px 0 56px;}
    .c7-lf{width: 78%; margin: 0 auto;}
    .c7-rg{width: 78%; margin: 30px auto 20px;}
}

@media screen and (max-width:600px){
	.c7-name1{flex-wrap:wrap}
	.c7-name span{width:80px}
	.c7-name.c7-name1 input{width:170px}
	.c7-name1 div{margin-top:10px}
    .c1-title{font-size: 16px; margin-top: 15px;}
    .c1-nr-box{width: 100%; position: static; transform: none; box-shadow: 0px 0px 0px 0px #fff;}
    .c1-box-rg{display: none;}
    .c1-box-lf p{text-align: left; font-size: 12px;}
    .c1-box-title{font-size: 14px;}
    .c1-box-lf{width: 100%;}
    .c1-xt img{width: 16%;}
    .c2-rg-title{font-size: 14px;}
    .c2-rg-font1{font-size: 14px;}
    .c2-rg-font2>p:nth-of-type(1){font-size: 14px;}
    .c2-rg-font3{font-size: 14px;}
    .c2-nr>.wrap{flex-direction:column;}
    .c2-nr{height: auto; padding: 15px 0;}
    .c2-nr-lf{width: 100%;}
    .c2-nr-rg{width: 100%;}
    .c2-rg-title{margin-top: 15px;}
    .c2-rg-title span{font-size: 16px;}
    .c2-rg-font1 span{font-size: 16px;}
    .c3-title{font-size: 16px; margin-top: 20px;}
    .c3-auto ul{flex-wrap: wrap;}
    .c3-auto ul li{width: 49%; margin-bottom: 1%;}
    .c3-auto-xt{display: none;}
    .c3-btn{width: 120px; height: 37px; font-size: 14px; line-height: 37px; margin-bottom: 25px;}
    .c4-box{position: static; transform: none; width: 100%; padding: 6px; box-sizing: border-box; box-shadow: 0px 0px 0px 0px #fff;}
    .c4-title{font-size: 16px; margin-bottom: 18px;}
    .c4-box-title{font-size: 14px;}
    .content4{height: auto;}
    .c6-auto ul li{display: block;}
    .c6-auto-img{width: 100%;}
    .c6-auto-font{width: 100%; padding:6px 0;}
    .c6-auto ul li:nth-of-type(2){display: flex; display: -webkit-flex; flex-direction: column-reverse;}
    .c6-auto-wz{font-size: 12px; font-weight: normal;}
    .c6-auto-wz2{font-size: 12px; font-weight: normal;}
    .c6-auto-wz3{font-size: 12px; font-weight: normal;}
    .c7-name input{width: 170px;}
    .c7-gender{margin-bottom: 15px;}
    .c7-name{margin-bottom: 15px;}
    .c7-name span{margin-right: 8px;}
	
    .c7-gender span{margin-right: 8px;}
    .c7-lf-btn{font-size: 12px;}
    .c7-gender label:nth-of-type(1){margin-right: 12px;}
    .c7-auto{background-position: 68%,0%;}
    .c7-nr{padding: 30px 0 30px;}
}<!--ºÄʱ1772464543.3562Ãë-->