.AllianceMain {background: #e5f8fe;}
.txt-c {text-align: center;}

.AllianceTle .t1 {font-size: .6rem; font-weight: 700;}
.AllianceTle .t2 {font-size: .3rem; color: #222222; margin-top: .2rem;}

.AllianceOne {padding-top: 2rem; background: url(../images/Alliance/AllianceOne-bj.jpg) no-repeat center; background-size: 100% 100%; padding-bottom: .5rem;}
.AllianceOne .swiperBox {overflow: hidden;}
.AllianceOne .swiper {perspective: 1200px;}
.AllianceOne .swiper .swiper-wrapper {transform-style: preserve-3d;}
.AllianceOne .slide .video_box {height: 5rem; border-radius: .2rem; overflow: hidden; border: 2px solid #fff;}
.AllianceOne .slide .video_box video {height: 100%; object-fit: cover;width: 100%;}
.AllianceOne .slide.swiper-slide-active {transform: rotateY(40deg) scale(.9) translateX(40%);}
.AllianceOne .slide.swiper-slide-next {transform: rotateY(40deg) scale(.9) translateX(20%);}
.AllianceOne .slide.swiper-slide-next + .swiper-slide {transform: rotateY(-40deg) scale(.9) translateX(-20%);}
.AllianceOne .slide.swiper-slide-duplicate-prev {transform: rotateY(-40deg) scale(.9) translateX(-40%);}
.AllianceOne .text_con {text-align: center; margin-top: 2rem;}
.AllianceOne .text_con .text_img {width: 70%; margin: auto;}
.AllianceOne .text_con .text_img img {width: 100%;}
.AllianceOne .text_con .p1 {color: #2162f3; font-size: .4rem; font-weight: 700; margin-top: .4rem;}
.AllianceOne .text_con .p2 {color: #000000; font-size: .3rem; margin-top: .2rem;}
.AllianceOne .text_con .p3 {font-size: .2rem; color: #000000; margin-top: .3rem; }
.AllianceOne .text_con .more {display: flex; justify-content: center; margin-top: .3rem; gap: .6rem;}
.AllianceOne .text_con .more .btn button {cursor: pointer; background: linear-gradient(to right,#61e8f3 -10%, #50a8ff 100%); border-radius: 1rem; font-size: .36rem; font-weight: 700; color: #fff; padding: .15rem .6rem;}
@media (any-hover: hover) {
.AllianceOne .text_con .more .btn button:hover {
    background: linear-gradient(to right,#50a8ff -10%, #61e8f3 100%);
}
}

.AllianceTwo {padding: 1.6rem 0;}
.AllianceTwo .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .12rem;}
.AllianceTwo .list li .imgBox {border-radius: .15rem; overflow: hidden; text-align: center;}
.AllianceTwo .list li .imgBox img {width: 100%;}
.AllianceTwo .list li span {text-align: center; color: #2162f3; font-weight: 700; margin-top: .15rem; font-size: .28rem; display: block;}

.AllianceThre {}
.AllianceThre .box {padding: .3rem 10%; display: flex; align-items: center; flex-direction: column; justify-content: center; background: url(../images/Alliance/AllianceThre-bj.png) no-repeat center; background-size: cover; min-height: 4.28rem; }
.AllianceThre .text {margin-top: .4rem; color: #222222; font-size: .3rem; text-align: center; line-height: 1.8;}

.AllianceFour {padding: 1rem 0;}
.AllianceFour .AllianceTle {text-align: center;}
.AllianceFour .list .imgBox {margin-top: .5rem;}

.AllianceFive {padding: 1rem 0;}
.AllianceFive .imgBox {width: 32%; margin: auto; margin-top: 1rem; text-align: center;}
.AllianceFive .imgBox img {max-width: 100%;}
.AllianceFive .list {display: flex; justify-content: space-between; align-items: flex-start; margin-top: .5rem;} 
.AllianceFive .list .item {background: #f6fdff; width: 32%; border-radius: .1rem; padding: .3rem; overflow: hidden;}
.AllianceFive .item .p1 {font-size: .44rem; font-weight: 700; color:#000000;}
.AllianceFive .item .p2 {margin-top: .2rem; background: #e4f3ff; display: inline-block; color: #449eff; font-size: .24rem; padding: .06rem .2rem; border-radius: .05rem;}
.AllianceFive .item .p3 {margin-top: .3rem; font-size: .3rem; color:#000000;line-height: 1.6;}
.AllianceFive .list .item:first-child {margin-top: -12%;}
.AllianceFive .list .item:last-child {margin-top: -12%;}

.AllianceSix {padding: 1rem 0;}
.AllianceSix .box {margin-top: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.AllianceSix .item {width: 49%; background: #fff; border-radius: .1rem; overflow: hidden;}
.AllianceSix .item .imgBox img {width: 100%;}
.AllianceSix .item .con {padding: .5rem;}
.AllianceSix .item .p1 {font-size: .42rem; color: #000000; font-weight: 700;}
.AllianceSix .item .p2 {font-size: .3rem; line-height: 1.8; color: #000; margin-top: .2rem;}

.AllianceSen {padding: 1rem 0;}
.AllianceSen .list {margin-top: 1rem;}
.AllianceSen .list li {margin-bottom: .5rem; background: #f6fdff; display: flex; justify-content: space-between; border-radius: .1rem; overflow: hidden;}
.AllianceSen .list li .tit {flex-shrink: 0; padding: .3rem .4rem; writing-mode: vertical-rl; letter-spacing: 2px; display: flex;align-items: center; justify-content: center; color: #fff; font-size: .4rem; background: linear-gradient(to bottom,#61e8f3 -10%, #50a8ff 100%);}
.AllianceSen .list li .con {flex: 1; padding: .5rem .3rem; padding-right: 5%;}
.AllianceSen .list li .con p {margin-top: .2rem; position: relative; display: flex; color: #000000; align-items: flex-start; gap: .24rem; font-size: .28rem; line-height: 1.8;}
.AllianceSen .list li .con p::before {content: ''; width: .18rem; margin-top: .15rem; height: .18rem; background: #449eff; border-radius: 50%; flex-shrink: 0;}
.AllianceSen .list li .icBox {width: 25%;padding-right: .2rem; display: flex; align-items: center; justify-content: center;} 
.AllianceSen .list li .icBox img {max-width: 100%; object-fit: contain; max-height: 70%;}

.AllianceEight {padding: 1rem 0; text-align: center; overflow: hidden;}
.AllianceEight .swiperBox {margin-top: .5rem; position: relative; text-align: center;display: inline-block;}
.AllianceEight .swiperBox::before {content: ''; position: absolute; left: 0; top: 0; transform: translateX(-120%); width: 1.8rem; height: .45rem; background: url(../images/Alliance/AllianceEight-tle-icon.png) no-repeat center; background-size: contain;}
.AllianceEight .swiperBox::after {content: ''; position: absolute; right: 0; top: 0; transform: translateX(120%) rotate(180deg); width: 1.8rem; height: .45rem; background: url(../images/Alliance/AllianceEight-tle-icon.png) no-repeat center; background-size: contain;}
.AllianceEight .swiperBox .swiper { height: 3rem;}
.AllianceEight .swiperBox .slide {font-size: .4rem; transition: .5s;}
.AllianceEight .swiperBox .slide.swiper-slide-active {font-weight: 700;}
.AllianceEight .swiperBox .slide.swiper-slide-next {opacity: 1;font-weight: 700;}
.AllianceEight .swiperBox .slide.swiper-slide-next + .swiper-slide {opacity: .6; }
.AllianceEight .swiperBox .slide.swiper-slide-next + .swiper-slide + .swiper-slide {opacity: .2;}

.AllianceNine {padding: 1rem 0;}
.AllianceNine .box {margin-top: 1rem;}

.AllianceTen {padding: 1rem 0;}
.AllianceTen .box {margin-top: .5rem;}
.AllianceTen .p1 {font-size: .3rem;}
.AllianceTen .more {display: flex; justify-content: center; margin-top: .8rem; gap: .6rem;}
.AllianceTen .more .btn button {cursor: pointer; background: linear-gradient(to right,#61e8f3 -10%, #50a8ff 100%); border-radius: 1rem; font-size: .36rem; font-weight: 700; color: #fff; padding: .15rem .6rem;}
@media (any-hover: hover) {
    .AllianceTen .more .btn button:hover {
        background: linear-gradient(to right,#50a8ff -10%, #61e8f3 100%);
    }
}

.AllianceEleven {margin-top: 1.5rem; position: relative;}
.AllianceEleven .box {position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0%); z-index: 1;}
.AllianceEleven .con {padding-top: 1rem; text-align: center;}
.AllianceEleven .con .p1 {font-size: .3rem; color: #000; line-height: 1.8;}
.AllianceEleven .con .p2 {margin-top: .4rem;}
.AllianceEleven .con .p2 p , .AllianceEleven .con .p2 p a {color: #000; font-size: .3rem;line-height: 1.8;}
.AllianceEleven .con .p2 p a {font-weight: 700;}

/* 表单弹窗 */
.modelPop {display: none;}
.joinPop { background: #fff; }
.joinPop .box {padding: .8rem .5rem; box-sizing: border-box;}
.joinPop .tle .tit {font-size: .4rem; color: #000; font-weight: 700;}
.joinPop .tle .tit2 {margin-top: .3rem;}
.joinPop .tle .tit2 p {color: #666666;}
.joinPop .form .form-item {margin-top: .4rem;}
.joinPop .form .form-item .w100 {width: 100% !important;}
.joinPop .form .form-item .form-tle {margin-bottom: .15rem;}
.joinPop .form .form-item .form-tle label {color: #666666; font-size: var(--font16);}
.joinPop .form .form-item .form-tle label span {color: #d10000; margin-right: .1rem;}
.joinPop .form .form-item .checklist {display: flex; row-gap: .1rem; flex-wrap: wrap;}
.joinPop .form .form-item .checklist2 {row-gap: 0;}
.joinPop .form .form-item-one {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0;}
.joinPop .form .form-item-one .item {position: relative; width: 48%; margin-top: .3rem;}
.joinPop .form .form-item-one .item label {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--font16); color: #d10000; z-index: 1;}
.joinPop .form .form-item-one .item input {border: 0; border-bottom: 1px solid #cccccc; box-shadow: none; font-size: var(--font16); padding-left: 15px;}
.joinPop .form .form-item-one .item .inBox {position: relative;}
.joinPop .form .form-item-one .item .erro {color: #c7000f; font-size: 12px; display: none; position: absolute; left: 0; top: 100%;}
.joinPop .form .form-item-one .item input.layui-form-danger ~ .erro , .joinPop .form .form-item-one .item .layui-form-danger ~ .erro {display: block;}
/* 输入框 */
.layui-input:focus, .layui-textarea:focus {border-color: #138abd  !important;}
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus {border-color: #c7000f  !important;}
.layui-form-select dl dd.layui-this {background-color: #138abd  !important;}
.layui-form-select dl dd.layui-this {color: #fff !important;}
/* 城市选择 */
.joinPop #distpicker .inBox .city-picker-span:nth-child(4) {display: none;}
.joinPop #distpicker .inBox .city-picker-dropdown:nth-child(5) {display: none;}
.joinPop .city-picker-span {padding-left: 15px;border-bottom: 1px solid #cccccc; font-size: var(--font16); width: 100%;}
.joinPop .city-picker-span > .placeholder {color: #666;}
.joinPop .city-picker-span > .title {color: #666;}
.joinPop .city-picker-span > .title > span {color: #666;}
/* 复选框 */
.layui-form-checkbox {margin-right: .3rem !important;}
.layui-form-checkbox>i {background: #e2e2e2 !important; border-color: #e2e2e2 !important;}
.layui-form-checked[lay-skin=primary]>i {background-color: #138abd !important; border-color: #138abd !important;}
.layui-form-checkbox[lay-skin=primary]:hover>i {border-color: #138abd !important;}
.layui-form-checkbox>div {color: #666666 !important; font-size: var(--font14) !important;}
/* 单选 */
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i {color: #138abd !important;}
.layui-form-radio>i {font-size: 16px;}
.layui-form-radio>div {color: #666666 !important; font-size: var(--font14) !important;}
/* 多行文本框 */
.form-item-six .layui-textarea {background: #f8f8f8;min-height: 1.6rem; padding-top: .2rem;}
/* 验证码 */
.form-item-seven .codeImg {position: absolute; right: .1rem;bottom: .1rem; width: 1.04rem; height: 0.5rem;max-height: 100%;background: #dde6f7;border: 1px solid #cccccc;border-radius: 100px; cursor: pointer; z-index: 1;}
/* 提交 */
.joinPop .form .sub {margin-top: .5rem; display: flex; justify-content: center;}
.joinPop .form .sub button {width: auto; cursor: pointer;  padding: .13rem .9rem; background: #138abd; border-radius: 100px; font-size: var(--font16); color: #fff; border: 0;}

/* 表单弹窗2 */
.joinPop .form.union-form .form-item-one {align-items: flex-end;}
.joinPop .form.union-form .form-item .form-tle {position: relative;}
.joinPop .form.union-form .form-item-one .item2 label {top: 0; font-size: var(--font14);color: #666666;}



@media screen and (max-width: 1024px) {
    .AllianceOne .slide .video_box {height: 4rem;}   
}

@media screen and (max-width: 991px) {
    .AllianceTwo .list ul {grid-template-columns: repeat(2,1fr); gap: .2rem;}
}

@media screen and (max-width: 767px) {
    .AllianceTle .t1 {font-size: .48rem;}

    .AllianceOne .swiperBox .swiper {width: 120%; position: relative; left: -10%;}
    .AllianceOne .slide .video_box {height: 2.5rem;}   
    .AllianceOne .text_con {margin-top: .5rem;  transform: translateY(1rem);}
    .AllianceOne .text_con .more {gap: .3rem;}
    .AllianceOne .text_con .p1 {font-size: .36rem;}
    .AllianceOne .text_con .more .btn button {font-size: .28rem;}
    .AllianceThre .text {margin-top: .2rem; font-size: .28rem;}
    .AllianceFive {padding-top: 0;}
    .AllianceFive .list {flex-wrap: wrap;}
    .AllianceFive .list .item {width: 100%; margin-top: .2rem !important;}
    .AllianceFive .item .p1 {font-size: .4rem;}
    .AllianceFive .item .p3 {font-size: .28rem;}
    .AllianceSix {padding-top: 0;}
    .AllianceSix .box {margin-top: .5rem;}
    .AllianceSix .item {width: 100%; margin-top: .2rem;}
    .AllianceSix .item .p1 {font-size: .38rem;}
    .AllianceSix .item .p2 {font-size: .28rem;}
    .AllianceSen {padding-top: 0;}
    .AllianceSen .list li {position: relative;}
    .AllianceSen .list li .con {padding-top: 1rem;}
    .AllianceSen .list li .icBox {position: absolute; right: .2rem; top: .2rem; padding: 0; width: 10%;}
    .AllianceSen .list li .tit {font-size: .28rem;}
    .AllianceSen .list li .tit {padding: .2rem;}
    .AllianceSen .list li .con p::before {width: .1rem; height: .1rem; margin-top: .1rem;}
    .AllianceSen .list li .con p {line-height: 1.5; font-size: .24rem;}
    .AllianceEight {padding-top: 0;}
    .AllianceEight .swiperBox::before {width: .8rem; }
    .AllianceEight .swiperBox::after {width: .8rem;}
    .AllianceEight .AllianceTle .t1 {font-size: .4rem;}
    .AllianceEight .swiperBox .slide {font-size: .32rem;}
    .AllianceNine {padding-top: 0;}
    .AllianceTen {padding-top: 0;}
    .AllianceTen .more {gap: .3rem;}
    .AllianceTen .more .btn button {font-size: .28rem;}
    .AllianceEleven {margin-top: .5rem;}
    .AllianceEleven .con {padding-top: 0;}
}