*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'siyuan', 'Microsoft YaHei', "Arial";line-height: 1;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.text5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

input,select,textarea{border: none;outline: none;background: none;}
textarea{resize: none;}

html{font-size: calc(100vw / 192);}

.container{width: 144rem;margin: 0 auto;}

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield;
}

/* .bold{font-family: 'hongmengB';font-weight: bold;} */

.img.hover{position: relative;}
.img.hover img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.img.hover .nor{z-index: 111;opacity: 1;}
.img.hover .hov{z-index: 11;opacity: 0;}
.img.hover:hover .nor{z-index: 11;opacity: 0;}
.img.hover:hover .hov{z-index: 111;opacity: 1;}


@font-face {
    font-family: "siyuan";
    font-weight: 500;
    src: url("./SourceHanSansCN-Regular.otf") format("trueType");
    font-display: swap;
}
  
  
  @font-face {
    font-family: "siyuanB";
    font-weight: 800;
    src: url("./SourceHanSansCN-Bold.otf") format("trueType");
    font-display: swap;
}



.header{position: fixed;top: 0;left: 0;right: 0;z-index: 3333;background: #fff;}
.header .normal{height: 8rem;position: relative;}
.header .normal::after{position: absolute;bottom: 0;left: 0;right: 0;height: 0.1rem;background: #eee;content: "";}
.header .normal .container{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.header .normal .logo{width: 12rem;}

.header .normal .language{display: flex;align-items: center;}
.header .normal .language .icon{width: 1.6rem;height: 1.6rem;margin-right: 0.6rem;}
.header .normal .language .text{font-size: 1.6rem;color: #333333;}

.header .normal .menu{display: flex;margin: 0 7rem;flex: 1;height: 100%;}
.header .normal .menu .one{position: relative;padding: 0 2.5rem;}
.header .normal .menu .one:last-child{margin-right: 0;}
.header .normal .menu .one .text{height: 100%;display: flex;align-items: center;}
.header .normal .menu .one .text span{font-size: 1.6rem;padding: 1.1rem 0;line-height: 1.5;border-bottom: 0.2rem solid transparent;transition: all 0.3s;color: #333333;}
.header .normal .menu .one:hover .text span,.header .normal .menu .one.active .text span{color: rgb(0, 128, 255);border-color: rgb(0, 128, 255);}


.header .menuBlock{position: fixed;top: 7.5rem;left: 0;right: 0;padding-top: 5rem;padding-bottom: 0;opacity: 0;visibility: hidden;z-index: 2222;}
.header .normal .menu .one:hover .menuBlock{padding-top: 0.5rem;padding-bottom: 4.5rem;opacity: 1;transition: all 0.3s;visibility: visible;}

/* .header .menuBlock .block{display: none;}
.header .menuBlock .block.active{display: block;} */

.header .menuBlock .block{border-top: 0.1rem solid #eee;background: #fff;}

.header .menuBlock .block .flex{display: flex;}
.header .menuBlock .block .flex .left{width: calc((50 / 192) * 100vw);padding: 3rem 3rem 3rem 24rem;background: #F5F7FC;}
.header .menuBlock .block .flex .left .title{font-size: 2.4rem;color: rgb(0, 128, 255);}
.header .menuBlock .block .flex .left .desc{font-size: 1.6rem;line-height: 1.5;color: #656565;margin-top: 1.4rem;}
.header .menuBlock .block .flex .left .btnBox{margin-top: 2rem;width: 18rem;}
.header .menuBlock .block .flex .left .btnBox .btn{width: 100%;height: 4.4rem;border-radius: 0.6rem;color: #333333;font-size: 1.6rem;transition: all 0.3s;}
.header .menuBlock .block .flex .left .btnBox .btn:hover{background: #FFFFFF;color: rgb(0, 128, 255);}
.header .menuBlock .block .flex .left .btnBox .btn.active{background: #FFFFFF;color: rgb(0, 128, 255);}


.header .menuBlock .block .flex .right{width: 115rem;margin: 3rem 0 3rem 3rem;display: flex;}
.header .menuBlock .block .flex .right .list{display: flex;flex-wrap: wrap;margin-top: -5rem;align-content: flex-start;}
.header .menuBlock .block .flex .right .list .one{margin-top: 5rem;margin-right: 18.4rem;width: 26rem;padding: 2rem;border-radius: 1rem;overflow: hidden;background: #F5F7FC;position: relative;}
.header .menuBlock .block .flex .right .list .one:nth-child(2n){margin-right: 0;}
.header .menuBlock .block .flex .right .list .one .name{font-size: 1.6rem;color: rgb(0, 128, 255);transition: all 0.3s;line-height: 1.5;margin-bottom: 0.6rem;font-weight: bold;font-family: 'siyuanB';position: relative;z-index: 22;}
.header .menuBlock .block .flex .right .list .one .desc{font-size: 1.4rem;color: #8C96B2;line-height: 2rem;transition: all 0.3s;position: relative;z-index: 22;}
.header .menuBlock .block .flex .right .list .one:hover .name{color: #fff;}
.header .menuBlock .block .flex .right .list .one:hover .desc{color: #fff;}
.header .menuBlock .block .flex .right .list .one::after{position: absolute;z-index: 1;background: linear-gradient(272deg, #C259FF -71%, #0E3DC5 99%);top: 0;bottom: 0;left: 0;right: 0;content: "";opacity: 0;transition: all 0.3s;}
.header .menuBlock .block .flex .right .list .one:hover::after{opacity: 1;}

.header .menuBlock .block .flex .right .listBox{margin-left: 18.4rem;width: 26rem;flex-shrink: 0;}
.header .menuBlock .block .flex .right .listBox .link{display: flex;padding: 1.6rem 2rem;align-items: center;color: #656565;font-size: 1.4rem;line-height: 2rem;transition: all 0.3s;border-radius: 1rem;}
.header .menuBlock .block .flex .right .listBox .link:hover{color: rgb(0, 128, 255);background: #F5F7FC;}
.header .menuBlock .block .flex .right .listBox {width: 55.6rem;margin-left: 5rem;}

.header .menuBlock .block .flex .right .listBox .title{display: flex;padding: 1.6rem 2rem;flex-direction: column;align-items: flex-start;transition: all 0.3s;background: linear-gradient(270deg, #59BFFF 0%, #0E3DC5 100%);position: relative;border-radius: 1rem;overflow: hidden;margin-bottom: 2rem;}
.header .menuBlock .block .flex .right .listBox .title::after{position: absolute;z-index: 1;background: linear-gradient(271deg, #C259FF -73%, #0E3DC5 99%);top: 0;bottom: 0;left: 0;right: 0;content: "";opacity: 0;transition: all 0.3s;}
.header .menuBlock .block .flex .right .listBox .title:hover::after{opacity: 1;}
.header .menuBlock .block .flex .right .listBox .title .name{position: relative;z-index: 22;font-size: 1.6rem;font-weight: bold;line-height: 1.5;color: #FFFFFF;margin-bottom: 0.6rem;font-family: 'siyuanB';}
.header .menuBlock .block .flex .right .listBox .title .desc{position: relative;z-index: 22;font-size: 1.4rem;line-height: 2rem;color: #FFFFFF;}





.header .menuBlock .block .flex .right .box{display: none;}
.header .menuBlock .block .flex .right .box.active{display: block;}
.header .menuBlock .block .flex .right .list2{display: flex;flex-wrap: wrap;margin-top: -2rem;align-content: flex-start;width: 100%;}
.header .menuBlock .block .flex .right .list2 .one{margin-top: 2rem;margin-right: 5rem;width: calc((100% - 15rem) / 4);padding: 1.6rem 2rem;border-radius: 1rem;overflow: hidden;background: #F5F7FC;position: relative;}
.header .menuBlock .block .flex .right .list2 .one:nth-child(4n){margin-right: 0;}
.header .menuBlock .block .flex .right .list2 .one .name{font-size: 1.6rem;color: rgb(0, 128, 255);transition: all 0.3s;line-height: 1.5;margin-bottom: 0.6rem;font-weight: bold;font-family: 'siyuanB';position: relative;z-index: 22;}
.header .menuBlock .block .flex .right .list2 .one .desc{font-size: 1.4rem;color: #8C96B2;line-height: 2rem;transition: all 0.3s;position: relative;z-index: 22;}
.header .menuBlock .block .flex .right .list2 .one:hover .name{color: #fff;}
.header .menuBlock .block .flex .right .list2 .one:hover .desc{color: #fff;}
.header .menuBlock .block .flex .right .list2 .one::after{position: absolute;z-index: 1;background: linear-gradient(272deg, #C259FF -71%, #0E3DC5 99%);top: 0;bottom: 0;left: 0;right: 0;content: "";opacity: 0;transition: all 0.3s;}
.header .menuBlock .block .flex .right .list2 .one:hover::after{opacity: 1;}


.header .menuBlock .block.product .flex .right .list2 .one:nth-child(2n){margin-right: 0;}
.header .menuBlock .block.product .flex .right .list2 .one{width: calc((100% - 5rem) / 2);}


html{margin-top: 8rem;}


.bold{font-weight: bold;font-family: 'siyuanB';}

.footer .top{position: relative;}
.footer .top .bg{position: relative;z-index: 1;width: 100%;left: 0;top: 0;}
.footer .top .bg .img{width: 100%;}
.footer .top .bg .img img{width: 100%;}
.footer .top .container{position: absolute;left: 0;right: 0;margin: auto;z-index: 111;top: 0;padding-top: 7em;display: flex;justify-content: space-between;}

.footer .top .lineBox{width: 15rem;margin-right: 3.2rem;}
.footer .top .lineBox:last-child{margin-right: 0;flex: 1;}
.footer .top .lineBox:first-child{width: 20rem;}

.footer .top .title{font-size: 1.8rem;line-height: 2.5rem;color: #FFFFFF;margin-bottom: 2.2rem;display: block;}
.footer .top .link{font-size: 1.4rem;line-height: 3rem;color: rgba(255, 255, 255, 0.7);display: block;transition: all 0.3s;}
.footer .top .link:hover{color: #fff;}

.footer .top .text{font-size: 1.4rem;line-height: 3rem;color: rgba(255, 255, 255, 0.7);display: block;transition: all 0.3s;}
.footer .top .codeBox{display: flex;align-items: center;margin-top: 1.4rem;}
.footer .top .codeBox .code{width: 12rem;height: 12rem;margin-right: 1.6rem;border-radius: 1rem;}

.footer .bot{display: flex;align-items: center;justify-content: center;padding: 1.2rem 0;background: #F9F8F8;}
.footer .bot .text{font-size: 1.4rem;line-height: 2.6rem;color: rgba(51, 51, 51, 0.9);}
.footer .bot a.text{margin-left: 5rem;transition: all 0.3s;}
.footer .bot a.text:hover{color: rgb(0, 128, 255);}




.index .banner .swiper .swiper-pagination-progressbar{bottom: 4.2rem;left: 0;right: 0;width: 20rem;height: 0.2rem;background: rgba(51, 51, 51, 0.2);margin: auto;top: auto;}
.index .banner .swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: rgb(0, 128, 255);}


.index .banner .swiper .swiper-pagination{bottom: 4.2rem;}
.index .banner .swiper .swiper-pagination .swiper-pagination-bullet{width: 8rem;height: 0.3rem;background: #fff;position: relative;margin: 0 0.5rem;border-radius: 0.3rem;opacity: 1;}
.index .banner .swiper .swiper-pagination .swiper-pagination-bullet-active::before{position: absolute;width: 0;left: 0;top: 0;height: 100%;transition: all 5s;animation:move 5s;content: "";background: rgb(0, 128, 255);}

@keyframes move{
    from {width: 0;}
    to {width: 100%;}
}




.index .banner .swiper .one{position: relative;}
.index .banner .swiper .one .big{width: 100%;}
.index .banner .swiper .one .big img{width: 100%;height: 100%;object-fit: cover;}
.index .banner .swiper .one .big video{width: 100%;object-fit: cover;height: 100%;}


.index .banner .swiper .one .textBox{position: absolute;top: 15.6rem;left: 0;right: 0;width: 144rem;margin: auto;display: flex;flex-direction: column;align-items: flex-start;}
.index .banner .swiper .one .textBox .title{font-size: 5rem;color: #222222;font-weight: bold;font-weight: 'siyuanB';line-height: 7.2rem;}
.index .banner .swiper .one .textBox .desc{margin: 2rem 0 5rem;color: #333333;font-size: 2rem;line-height: 1.7;}
.index .banner .swiper .one .textBox .btn{height: 4.4rem;padding: 0 3rem;font-size: 1.6rem;line-height: 1.5;color: #333333;background: #FFFFFF;border-radius: 0.4rem;}
.index .banner .swiper .one .textBox .btn:hover{background: rgb(0, 128, 255);color: #fff;}
.index .banner .swiper .one .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;position: relative;}
.index .banner .swiper .one .textBox .btn .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.index .banner .swiper .one .textBox .btn .icon .nor{z-index: 111;opacity: 1;}
.index .banner .swiper .one .textBox .btn .icon .hov{z-index: 11;opacity: 0;}
.index .banner .swiper .one .textBox .btn:hover .icon .nor{z-index: 11;opacity: 0;}
.index .banner .swiper .one .textBox .btn:hover .icon .hov{z-index: 111;opacity: 1;}


.index .floor1{padding: 8rem 0;}
.index .floor1 .title{font-size: 3.6rem;color: #333333;font-weight: bold;font-family: 'siyuanB';margin-bottom: 5rem;text-align: center;}

.index .floor1 .top{display: flex;justify-content: space-between;margin-bottom: 2rem;}
.index .floor1 .top .one{width: 71rem;flex: 0 1 auto;}
.index .floor1 .top .one:hover{width: 95.4rem;flex-shrink: 0;}

.index .floor1 .bot{display: flex;justify-content: space-between;}
.index .floor1 .bot .one{width: 46.6rem;flex: 0 1 auto;}
.index .floor1 .bot .one:hover{width: 71rem;flex-shrink: 0;}

.index .floor1 .one .bg{width: 100%;height: 100%;position: absolute;z-index: 1;}
.index .floor1 .one .bg img{width: 100%;height: 100%;object-fit: cover;}
.index .floor1 .one .bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.index .floor1 .one .bg .nor{z-index: 111;opacity: 1;}
.index .floor1 .one .bg .hov{z-index: 11;opacity: 0;}
.index .floor1 .one:hover .bg .nor{z-index: 11;opacity: 0;}
.index .floor1 .one:hover .bg .hov{z-index: 111;opacity: 1;}

.index .floor1 .one{position: relative;transition: all 0.3s;margin-right: 2rem;height: 24rem;border-radius: 2rem;overflow: hidden;}
.index .floor1 .one:last-child{margin-right: 0;}
.index .floor1 .one .textBox{position: absolute;z-index: 22;overflow: hidden;bottom: 3rem;left: 3rem;right: 3rem;}

.index .floor1 .one .en{font-size: 3rem;color: rgb(0, 128, 255);font-weight: bold;font-family: 'siyuanB';}
.index .floor1 .one .cn{font-size: 2rem;color: #333;font-weight: bold;font-family: 'siyuanB';line-height: 1.5;margin-top: 0.5rem;}
.index .floor1 .one .flex{height: 0;display: flex;overflow: hidden;align-items: flex-end;justify-content: space-between;transition: all 0.3s;}
.index .floor1 .one:hover .flex{height: 5.9rem;margin-top: 1.6rem;}

.index .floor1 .one .content{font-size: 1.6rem;line-height: 2.8rem;color: #666666;width: 46rem;}

.index .floor1 .one .textBox .btn{height: 3.6rem;padding: 0 2rem;font-size: 1.6rem;line-height: 1.5;color: #333333;background: #FFFFFF;border-radius: 0.4rem;flex-shrink: 0;margin-left: 5rem;}
.index .floor1 .one:hover .textBox .btn{background: rgb(0, 128, 255);color: #fff;}
.index .floor1 .one .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;position: relative;}
.index .floor1 .one .textBox .btn .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.index .floor1 .one .textBox .btn .icon .nor{z-index: 111;opacity: 1;}
.index .floor1 .one .textBox .btn .icon .hov{z-index: 11;opacity: 0;}
.index .floor1 .one:hover .textBox .btn .icon .nor{z-index: 11;opacity: 0;}
.index .floor1 .one:hover .textBox .btn .icon .hov{z-index: 111;opacity: 1;}


.index .floor2{padding: 8rem 0;background-image: url(../img/bg_floor2.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.index .floor2 .title{font-size: 3.6rem;color: #333333;font-weight: bold;font-family: 'siyuanB';margin-bottom: 3.6rem;text-align: center;}
.index .floor2 .typeBox{display: flex;justify-content: center;margin-bottom: 5rem;align-items: center;height: 3.7rem;}
.index .floor2 .typeBox .one{font-size: 2rem;line-height: 1.5;transition: all 0.3s;margin: 0 2rem;color: #333333;cursor: pointer;}
.index .floor2 .typeBox .one:hover{color: rgb(0, 128, 255);}
.index .floor2 .typeBox .one.active{color: rgb(0, 128, 255);padding-bottom: 0.5rem;border-bottom: 0.2rem solid rgb(0, 128, 255);}

.index .floor2 .swiper{display: none;position: relative;}
.index .floor2 .swiper.active{display: block;}

.index .floor2 .swiper .swiper-container{width: 144rem;margin: 0 auto;}
.index .floor2 .swiper .swiper-slide{width: 46rem;margin-right: 3rem;}
.index .floor2 .swiper .swiper-slide:last-child{margin-right: 0;}
.index .floor2 .swiper .swiper-slide .one{width: 100%;height: 100%;position: relative;border-radius: 1rem;overflow: hidden;display: block;}
.index .floor2 .swiper .swiper-slide .one .bg{width: 100%;position: relative;z-index: 1;}
.index .floor2 .swiper .swiper-slide .one .textBox{position: absolute;z-index: 22;width: 100%;left: 0;top: 0;padding: 4rem 3rem 5rem;}
.index .floor2 .swiper .swiper-slide .one .name{font-size: 3rem;color: #FFFFFF;font-weight: bold;margin-bottom: 1.4rem;font-family: 'siyuanB';}
.index .floor2 .swiper .swiper-slide .one .text{font-size: 1.6rem;line-height: 2.6rem;color: #FFFFFF;}

.index .floor2 .swiper .next{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;right: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.index .floor2 .swiper .next .img{width: 2.4rem;height: 2.4rem;}
.index .floor2 .swiper .next:hover{background: rgb(0, 128, 255);}

.index .floor2 .swiper .prev{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;left: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.index .floor2 .swiper .prev .img{width: 2.4rem;height: 2.4rem;}
.index .floor2 .swiper .prev:hover{background: rgb(0, 128, 255);}


.index .floor3{padding: 8rem 0 5rem;background: #F9F8F8;}
.index .floor3 .title{font-size: 3.6rem;color: #333333;font-weight: bold;font-family: 'siyuanB';margin-bottom: 1rem;text-align: center;}
.index .floor3 .desc{line-height: 1.5;font-size: 1.6rem;color: #666666;text-align: center;margin-bottom: 5rem;}

.index .floor3 .swiper{position: relative;}
.index .floor3 .swiper .swiper-container{width: 150rem;margin: 0 auto;padding: 0 3rem 3rem;}
.index .floor3 .swiper .swiper-slide{width: 46rem;margin-right: 3rem;}
.index .floor3 .swiper .swiper-slide:last-child{margin-right: 0;}
.index .floor3 .swiper .swiper-slide .one{width: 100%;position: relative;border-radius: 1rem;overflow: hidden;display: block;background: #FFFFFF;transition: all 0.3s;}
.index .floor3 .swiper .swiper-slide .one .big{width: 100%;position: relative;z-index: 1;}
.index .floor3 .swiper .swiper-slide .one .textBox{padding: 3rem;display: flex;flex-direction: column;align-items: flex-start;}
.index .floor3 .swiper .swiper-slide .one .name{font-size: 2rem;color: rgb(0, 128, 255);margin-bottom: 1.8rem;font-weight: bold;font-family: 'siyuanB';width: 100%;}
.index .floor3 .swiper .swiper-slide .one .name{color: #333;transition: all 0.3s;}
.index .floor3 .swiper .swiper-slide .one .text{font-size: 1.4rem;line-height: 2.4rem;color: #999999;height: 4.8rem;margin-bottom: 1.8rem;width: 100%;}
.index .floor3 .swiper .swiper-slide .one .tip{font-size: 1.4rem;line-height: 2rem;margin-bottom: 1.8rem;color: rgb(0, 128, 255);padding: 0.5rem 1rem;border-radius: 1rem;border: 0.1rem solid rgb(0, 128, 255);}
.index .floor3 .swiper .swiper-slide .one .tip{transition: all 0.3s;}
.index .floor3 .swiper .swiper-slide .one .more{color: #666666;transition: all 0.3s;font-size: 1.6rem;line-height: 1.5;text-align: right;margin-left: auto;}
.index .floor3 .swiper .swiper-slide .one:hover{box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.2);}
.index .floor3 .swiper .swiper-slide .one:hover .name{color: rgb(0, 128, 255);}
.index .floor3 .swiper .swiper-slide .one:hover .tip{color: #fff;background: rgb(0, 128, 255);}
.index .floor3 .swiper .swiper-slide .one:hover .more{color: rgb(0, 128, 255);}

.index .floor3 .swiper .next{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;right: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.index .floor3 .swiper .next .img{width: 2.4rem;height: 2.4rem;}
.index .floor3 .swiper .next:hover{background: rgb(0, 128, 255);}

.index .floor3 .swiper .prev{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;left: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.index .floor3 .swiper .prev .img{width: 2.4rem;height: 2.4rem;}
.index .floor3 .swiper .prev:hover{background: rgb(0, 128, 255);}


.index .floor5{background-image: url(../img/bg_floor5.webp);background-size: cover;background-position: center;height: 20rem;}
.index .floor5 .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}

.index .floor5 .btn{height: 4.4rem;padding: 0 3rem;font-size: 1.6rem;line-height: 1.5;color: #333333;background: #FFFFFF;border-radius: 0.4rem;flex-shrink: 0;margin-left: 5rem;}
.index .floor5 .btn:hover{background: rgb(0, 128, 255);color: #fff;}
.index .floor5 .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;position: relative;}
.index .floor5 .btn .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.index .floor5 .btn .icon .nor{z-index: 111;opacity: 1;}
.index .floor5 .btn .icon .hov{z-index: 11;opacity: 0;}
.index .floor5 .btn:hover .icon .nor{z-index: 11;opacity: 0;}
.index .floor5 .btn:hover .icon .hov{z-index: 111;opacity: 1;}

.index .floor5 .name{font-size: 4rem;line-height: 1.5;color: #222222;font-weight: bold;font-family: 'siyuanB';}
.index .floor5 .desc{font-size: 1.6rem;line-height: 1.5;margin-top: 1rem;color: #666666;}


.index .floor4{padding: 8rem 0 3rem;}
.index .floor4 .title{font-size: 3.6rem;color: #333333;font-weight: bold;font-family: 'siyuanB';margin-bottom: 1rem;text-align: center;}
.index .floor4 .desc{line-height: 1.5;font-size: 1.6rem;color: #666666;text-align: center;margin-bottom: 5rem;}

.index .floor4 .box{position: relative;overflow: hidden;}
.index .floor4 .box .bg{position: relative;width: 70rem;height: 70rem;margin: 0 auto;z-index: 1;}
.index .floor4 .box .logo{width: 15rem;height: 15rem;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;}

.index .floor4 .box .typeBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 24rem;height: 24rem;margin: auto;z-index: 3;}
.index .floor4 .box .typeBox .one{position: absolute;height: 3.6rem;width: 10.4rem;background: #F5F5F5;transition: all 0.3s;cursor: pointer;color: #333333;font-size: 1.6rem;display: flex;align-items: center;justify-content: center;border-radius: 3.6rem;margin: auto;}
.index .floor4 .box .typeBox .one::after{position: absolute;bottom: -2.2rem;left: 0;right: 0;background: #DDDDDD;width: 1.2rem;height: 1.2rem;border-radius: 50%;content: "";margin: auto;border: 0.4rem solid #FFFFFF;transition: all 0.3s;}
.index .floor4 .box .typeBox .one:hover{color: rgb(0, 128, 255);}
.index .floor4 .box .typeBox .one.active{background: rgb(0, 128, 255);color: #fff;}
.index .floor4 .box .typeBox .one.active::after{background: rgb(0, 128, 255);}

.index .floor4 .box .typeBox .one:nth-child(1){top: -5rem;left: 0;right: 0;}
.index .floor4 .box .typeBox .one:nth-child(2){left: -10.5rem;top: 5rem;right: auto;}
.index .floor4 .box .typeBox .one:nth-child(2)::after{right: -2.2rem;top: 0;bottom: 0;left: auto;}

.index .floor4 .box .typeBox .one:nth-child(3){right: -10.5rem;top: 5rem;left: auto;}
.index .floor4 .box .typeBox .one:nth-child(3)::after{left: -2.2rem;top: 0;bottom: 0;right: auto;}

.index .floor4 .box .typeBox .one:nth-child(4){left: -9.5rem;top: 16.6rem;right: auto;}
.index .floor4 .box .typeBox .one:nth-child(4)::after{right: -2.2rem;top: 0;bottom: 0;left: auto;}

.index .floor4 .box .typeBox .one:nth-child(5){right: -9.5rem;top: 16.6rem;left: auto;}
.index .floor4 .box .typeBox .one:nth-child(5)::after{left: -2.2rem;top: 0;bottom: 0;right: auto;}


.index .floor4 .box .listBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 24rem;height: 24rem;margin: auto;z-index: 4;}
.index .floor4 .box .listBox .list{display: none;}
.index .floor4 .box .listBox .list.active{display: block;}

.index .floor4 .box .listBox .list .one{width: 20rem;height: 8rem;border-radius: 8rem;background: #FFFFFF;display: flex;align-items: center;justify-content: center;position: absolute;margin: auto;transition: all 0.3s;border: 1px solid #ddd;}
.index .floor4 .box .listBox .list .one .img{width: 14.2rem;height: 5.4rem;}
.index .floor4 .box .listBox .list .one:hover{box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.16);transform: translateY(-1rem);border-color: transparent;}
.index .floor4 .box .listBox .list .one:hover .img{transform: scale(1.05);}

.index .floor4 .box .listBox .list .one:nth-child(1){top: -18.3rem;left: 0;right: 0;}
.index .floor4 .box .listBox .list .one:nth-child(2){top: -20.9rem;right: calc(100% + 35rem);}
.index .floor4 .box .listBox .list .one:nth-child(3){top: -20.9rem;left: calc(100% + 35rem);}
.index .floor4 .box .listBox .list .one:nth-child(4){top: -11.8rem;right: calc(100% + 13.5rem);}
.index .floor4 .box .listBox .list .one:nth-child(5){top: -11.8rem;left: calc(100% + 13.5rem);}
.index .floor4 .box .listBox .list .one:nth-child(6){top: -2.7rem;right: calc(100% + 49rem);}
.index .floor4 .box .listBox .list .one:nth-child(7){top: -2.7rem;left: calc(100% + 49rem);}
.index .floor4 .box .listBox .list .one:nth-child(8){top: 6.4rem;right: calc(100% + 20.5rem);}
.index .floor4 .box .listBox .list .one:nth-child(9){top: 6.4rem;left: calc(100% + 20.5rem);}
.index .floor4 .box .listBox .list .one:nth-child(10){top: 15.5rem;right: calc(100% + 49rem);}
.index .floor4 .box .listBox .list .one:nth-child(11){top: 15.5rem;left: calc(100% + 49rem);}
.index .floor4 .box .listBox .list .one:nth-child(12){top: calc(100% + 0.6rem);right: calc(100% + 13.5rem);}
.index .floor4 .box .listBox .list .one:nth-child(13){top: calc(100% + 0.6rem);left: calc(100% + 13.5rem);}
.index .floor4 .box .listBox .list .one:nth-child(14){top: calc(100% + 9.7rem);right: calc(100% + 35rem);}
.index .floor4 .box .listBox .list .one:nth-child(15){top: calc(100% + 9.7rem);left: calc(100% + 35rem);}




.inpage.product .banner{position: relative;}
.inpage.product .banner .bg{width: 100%;}
.inpage.product .banner .bg img{width: 100%;}

.inpage.product .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.product .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.product .banner .textBox .desc{font-size: 2rem;color: #333;width: 80rem;line-height: 1.7;margin-top: 2rem;}


.pageTitle{display: flex;justify-content: center;height: 6rem;border-bottom: 0.1rem solid #eee;position: sticky;top: 8rem;background: #fff;z-index: 1111;}
.pageTitle .one{margin: 0 5rem;height: 100%;display: flex;align-items: center;color: #888888;font-size: 1.6rem;cursor: pointer;border-bottom: 0.1rem solid transparent;transition: all 0.3s;}
.pageTitle .one:hover{color: rgb(0, 128, 255);}
.pageTitle .one.active{color: rgb(0, 128, 255);border-bottom: 0.1rem solid rgb(0, 128, 255);}

.pageLink{display: flex;justify-content: center;height: 6rem;border-bottom: 0.1rem solid #eee;position: sticky;top: 8rem;background: #fff;z-index: 1111;}
.pageLink .one{margin: 0 5rem;height: 100%;display: flex;align-items: center;color: #888888;font-size: 1.6rem;cursor: pointer;border-bottom: 0.1rem solid transparent;transition: all 0.3s;}
.pageLink .one:hover{color: rgb(0, 128, 255);}
.pageLink .one.active{color: rgb(0, 128, 255);border-bottom: 0.1rem solid rgb(0, 128, 255);}



.inpage.product .floor .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';text-align: center;}
.inpage.product .floor1{padding: 8rem 0;}
.inpage.product .floor1 .title{margin-bottom: 2rem;}
.inpage.product .floor1 .content{font-size: 1.6rem;line-height: 3rem;color: #3D3D3D;}
.inpage.product .floor1 .img{margin-top: 4rem;width: 100%;}


.inpage.product .floor2{padding: 8rem 0;background: #F9F8F8;}
.inpage.product .floor2 .title{margin-bottom: 5rem;}
.inpage.product .floor2 .list .one{display: flex;margin-bottom: 2rem;align-items: center;padding: 3rem 3rem 3rem 5rem;justify-content: space-between;background: #FFFFFF;border-radius: 2rem;}
.inpage.product .floor2 .list .one:last-child{margin-bottom: 0;}
.inpage.product .floor2 .list .one:nth-child(2n){flex-direction: row-reverse;padding: 3rem 5rem 3rem 3rem;}
.inpage.product .floor2 .list .one .img{width: 68rem;height: 30rem;}
.inpage.product .floor2 .list .one .textBox{width: 65rem;}
.inpage.product .floor2 .list .one .name{font-size: 2.4rem;color: #333333;font-weight: bold;}
.inpage.product .floor2 .list .one .desc{font-size: 1.6rem;color: #888888;line-height: 2.8rem;margin-top: 3rem;}
.inpage.product .floor2 .list .one .desc span{color: rgb(0, 128, 255);}


.inpage.product .floor3{padding: 8rem 0;}
.inpage.product .floor3 .desc{font-size: 1.6rem;line-height: 1.5;color: #666666;text-align: center;margin-top: 1rem;}
.inpage.product .floor3 .flex{display: flex;justify-content: space-between;margin-top: 5rem;}
.inpage.product .floor3 .flex .left{border-right: 0.1rem solid rgba(0, 75, 155, 0.16);width: 30rem;margin-right: 4rem;flex-shrink: 0;}
.inpage.product .floor3 .flex .left .one{margin: 1rem 0;height: 4rem;display: flex;align-items: center;justify-content: flex-end;padding-right: 3rem;border-right: 0.2rem solid transparent;transition: all 0.3s;font-size: 2rem;color: #333;cursor: pointer;}
.inpage.product .floor3 .flex .left .one:hover{color: rgb(0, 128, 255);}
.inpage.product .floor3 .flex .left .one.active{color: rgb(0, 128, 255);border-color: rgb(0, 128, 255);}

.inpage.product .floor3 .flex .right .box{background: #FAF9F9;border-radius: 2rem;padding: 4rem;display: none;}
.inpage.product .floor3 .flex .right .box.active{display: block;}
.inpage.product .floor3 .flex .right .name{color: rgb(0, 128, 255);font-size: 3rem;line-height: 1.5;margin-bottom: 2rem;}
.inpage.product .floor3 .flex .right .content{font-size: 1.6rem;line-height: 2.8rem;color: #777777;}
.inpage.product .floor3 .flex .right .content span{color: rgb(0, 128, 255);}
.inpage.product .floor3 .flex .right .img{margin-top: 4rem;width: 100%;}


.inpage.product .floor4{padding: 8rem 0;/*background: #F9F8F8;*/background-image: url(../img/bg_pro_4.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.inpage.product .floor4 .list{margin-top: 1rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.inpage.product .floor4 .list .one{margin-top: 4rem;margin-right: 4rem;width: calc((100% - 4rem) / 2);border-radius: 2rem;background: #FFFFFF;padding: 4rem;}
.inpage.product .floor4 .list .one:nth-child(2n){margin-right: 0;}
.inpage.product .floor4 .list .one .icon{width: 9rem;height: 9rem;margin-bottom: 3rem;}
.inpage.product .floor4 .list .one .name{font-size: 2.4rem;color: rgb(0, 128, 255);margin-bottom: 3rem;font-weight: 500;font-weight: bold;font-family: 'siyuanB';}
.inpage.product .floor4 .list .one .content{color: #888888;font-size: 1.6rem;line-height: 2.8rem;}


.inpage.product .floor5{padding: 8rem 0;}
.inpage.product .floor5 .desc{font-size: 1.6rem;color: #666666;line-height: 1.5;margin: 1rem 0 10rem;text-align: center;}

.inpage.product .floor5 .swiper{position: relative;}
.inpage.product .floor5 .swiper .swiper-container{width: 144rem;margin: 0 auto;}

.inpage.product .floor5 .swiper .next{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;right: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.inpage.product .floor5 .swiper .next .img{width: 2.4rem;height: 2.4rem;}
.inpage.product .floor5 .swiper .next:hover{background: rgb(0, 128, 255);}

.inpage.product .floor5 .swiper .prev{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;left: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.inpage.product .floor5 .swiper .prev .img{width: 2.4rem;height: 2.4rem;}
.inpage.product .floor5 .swiper .prev:hover{background: rgb(0, 128, 255);}

.inpage.product .floor5 .swiper .swiper-slide{width: 70rem;margin-right: 4rem;height: auto;}
.inpage.product .floor5 .swiper .swiper-slide:last-child{margin-right: 0;}
.inpage.product .floor5 .swiper .swiper-slide .one{display: flex;flex-direction: column;height: 100%;}
.inpage.product .floor5 .swiper .swiper-slide .big{width: 70rem;height: 35rem;border-radius: 2rem 2rem 0 0;}
.inpage.product .floor5 .swiper .swiper-slide .one:hover .big img{transform: scale(1.1);}

.inpage.product .floor5 .swiper .swiper-slide .textBox{margin-top: -6rem;background: rgba(247, 243, 243, 0.6);backdrop-filter: blur(1rem);border-radius: 3rem;padding: 10rem 4rem 5rem;flex: 1;}
.inpage.product .floor5 .swiper .swiper-slide .name{font-size: 2.4rem;color: rgb(0, 128, 255);margin-bottom: 4rem;}
.inpage.product .floor5 .swiper .swiper-slide .content{font-size: 1.6rem;color: #666;line-height: 2.8rem;}



.inpage.product .floor6{padding: 8rem 0;/*background: url(../img/bg_pro_floor6.png);background-size: 100% auto;*/background-image: url(../img/bg_pro_4.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.inpage.product .floor6 .list{display: flex;flex-wrap: wrap;margin-top: 1rem;}
.inpage.product .floor6 .list .one{width: 46rem;margin-top: 4rem;margin-right: 3rem;background: #FFFFFF;border-radius: 2rem;padding: 4rem 4rem 5rem;}
.inpage.product .floor6 .list .one:nth-child(3n){margin-right: 0;}
.inpage.product .floor6 .list .one .name{font-size: 2.4rem;color: rgb(0, 128, 255);margin-bottom: 2rem;}
.inpage.product .floor6 .list .one .content{font-size: 1.6rem;color: #888888;line-height: 1.8;}


.inpage.product .floor7{padding: 8rem 0;}
.inpage.product .floor7 .typeBox{display: flex;justify-content: center;margin: 2rem 0 5rem;}
.inpage.product .floor7 .typeBox .one{font-size: 2rem;line-height: 1.5;padding-bottom: 0.5rem;border-bottom: 0.2rem solid transparent;margin: 0 3rem;color: #333;cursor: pointer;transition: all 0.3s;}
.inpage.product .floor7 .typeBox .one:hover{color: rgb(0, 128, 255);}
.inpage.product .floor7 .typeBox .one.active{color: rgb(0, 128, 255);border-color: rgb(0, 128, 255);}

.inpage.product .floor7 .box{display: none;}
.inpage.product .floor7 .box.active{display: flex;}
.inpage.product .floor7 .left .img{width: 84rem;}
.inpage.product .floor7 .right{flex: 1;padding: 5rem;background: #F9F9F9;}
.inpage.product .floor7 .name{font-size: 3.2rem;line-height: 4.6rem;color: rgb(0, 128, 255);font-weight: bold;font-family: 'siyuanB';margin-bottom: 2rem;}
.inpage.product .floor7 .content{font-size: 1.6rem;line-height: 2.8rem;color: #666666;}


.inpage.product .floor8{padding: 8rem 0;/*background: rgba(246, 246, 246, 0.8);*/background-image: url(../img/bg_pro_4.png);background-size: cover;background-position: center;background-repeat: no-repeat}
.inpage.product .floor8 .list{margin-top: 2rem;display: flex;flex-wrap: wrap;}
.inpage.product .floor8 .list .one{width: calc((100% - 9rem) / 4);margin-right: 3rem;margin-top: 3rem;padding: 3.5rem 3rem 6.5rem 3rem;border-radius: 2rem;background: #FFFFFF;}
.inpage.product .floor8 .list .one:nth-child(4n){margin-right: 0;}
.inpage.product .floor8 .list .one .flex{display: flex;align-items: center;margin-bottom: 2rem;}
.inpage.product .floor8 .list .one .icon{width: 4.4rem;margin-right: 1.7rem;height: 4.4rem;}
.inpage.product .floor8 .list .one .name{font-size: 2.4rem;color: rgb(0, 128, 255);}
.inpage.product .floor8 .list .one .content{font-size: 1.6rem;line-height: 2.8rem;color: #888888;}



.inpage.product .floor9{padding: 8rem 0;/*background: rgba(246, 246, 246, 0.8);*/background-image: url(../img/bg_pro_4.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.inpage.product .floor9 .list{margin-top: 2rem;display: flex;flex-wrap: wrap;}
.inpage.product .floor9 .list .one{width: calc((100% - 9rem) / 3);margin-right: 3rem;margin-top: 3rem;padding: 3rem;border-radius: 1rem;background: #FFFFFF;display: flex;}
.inpage.product .floor9 .list .one:nth-child(3n){margin-right: 0;}
.inpage.product .floor9 .list .one .icon{width: 7rem;height: 7rem;margin-right: 2rem;flex-shrink: 0;}
.inpage.product .floor9 .list .one .textBox{flex: 1;width: auto;}
.inpage.product .floor9 .list .one .name{font-size: 2rem;line-height: 1.5;color: rgb(0, 128, 255);font-weight: bold;font-family: 'siyuanB';}
.inpage.product .floor9 .list .one .content{margin-top: 1rem;}
.inpage.product .floor9 .list .one .content .text{font-size: 1.4rem;line-height: 2;color: #888888;position: relative;padding-left: 2rem;}
.inpage.product .floor9 .list .one .content .text::before{position: absolute;width: 0.4rem;height: 0.4rem;left: 0.4rem;top: 1.2rem;background: rgb(0, 128, 255);border-radius: 50%;content: "";}


.inpage.product .floor10{padding: 8rem 0;}
.inpage.product .floor10 .list{margin-top: 2rem;display: flex;flex-wrap: wrap;}
.inpage.product .floor10 .list .one{width: calc((100% - 9rem) / 3);margin-right: 3rem;margin-top: 3rem;border-radius: 1rem;background: #FFFFFF;overflow: hidden;box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.2);}
.inpage.product .floor10 .list .one:nth-child(3n){margin-right: 0;}
.inpage.product .floor10 .list .one .big{width: 100%;height: 30rem;}
.inpage.product .floor10 .list .one .textBox{padding: 3rem;}
.inpage.product .floor10 .list .one .name{font-size: 2rem;color: rgb(0, 128, 255);line-height: 1.5;margin-bottom: 1.8rem;font-weight: bold;font-family: 'siyuanB';}
.inpage.product .floor10 .list .one .content{font-size: 1.4rem;line-height: 2.4rem;color: #999999;}



.inpage.solution .banner{position: relative;}
.inpage.solution .banner .bg{width: 100%;}
.inpage.solution .banner .bg img{width: 100%;}

.inpage.solution .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.solution .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.solution .banner .textBox .desc{font-size: 2rem;color: #333;width: 80rem;line-height: 1.7;margin-top: 2rem;}


.inpage.solution .floor .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';text-align: center;}
.inpage.solution .floor1{padding: 8rem 0;}
.inpage.solution .floor1 .title{margin-bottom: 2rem;}
.inpage.solution .floor1 .content{font-size: 1.6rem;line-height: 3rem;color: #3D3D3D;text-align: center;}
.inpage.solution .floor1 .img{margin-top: 4rem;width: 100%;}


.inpage.solution .floor2{padding: 8rem 0;background: #F9F8F8;}
.inpage.solution .floor2 .desc{font-size: 1.6rem;line-height: 1.5;color: #666666;text-align: center;margin-top: 1rem;}
.inpage.solution .floor2 .flex{display: flex;justify-content: space-between;margin-top: 5rem;}
.inpage.solution .floor2 .flex .left{border-right: 0.1rem solid rgba(0, 75, 155, 0.16);width: 30rem;margin-right: 4rem;flex-shrink: 0;}
.inpage.solution .floor2 .flex .left .one{margin: 1rem 0;height: 4rem;display: flex;align-items: center;justify-content: flex-end;padding-right: 3rem;border-right: 0.2rem solid transparent;transition: all 0.3s;font-size: 2rem;color: #666666;cursor: pointer;}
.inpage.solution .floor2 .flex .left .one:hover{color: rgb(0, 128, 255);}
.inpage.solution .floor2 .flex .left .one.active{color: rgb(0, 128, 255);border-color: rgb(0, 128, 255);}

.inpage.solution .floor2 .flex .right .box{background: #FFFFFF;border-radius: 2rem;padding: 4rem;display: none;}
.inpage.solution .floor2 .flex .right .box.active{display: block;}
.inpage.solution .floor2 .flex .right .name{color: #333333;font-size: 3rem;line-height: 1.5;margin-bottom: 2rem;}
.inpage.solution .floor2 .flex .right .content{font-size: 1.6rem;line-height: 2.8rem;color: #777777;}
.inpage.solution .floor2 .flex .right .content span{color: rgb(0, 128, 255);}
.inpage.solution .floor2 .flex .right .img{margin-top: 4rem;width: 100%;}


.inpage.solution .floor3{padding: 8rem 0;}
.inpage.solution .floor3 .flex{margin-top: 4rem;display: flex;justify-content: space-between;}
.inpage.solution .floor3 .flex .one{flex: 0 1 auto;margin-right: 2rem;position: relative;transition: all 0.3s;border-radius: 2rem;height: 50rem;overflow: hidden;}
.inpage.solution .floor3 .flex .one:hover{width: 70rem;flex-shrink: 0;}
.inpage.solution .floor3 .flex .one .bg{width: 100%;height: 100%;}
.inpage.solution .floor3 .flex .one .bg img{width: 100%;height: 100%;object-fit: cover;}

.inpage.solution .floor3 .flex .one .nor{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);z-index: 11;display: flex;align-items: center;justify-content: center;padding: 2.5rem;text-align: center;transition: all 0.3s;}
.inpage.solution .floor3 .flex .one .nor .name{font-size: 3rem;font-weight: bold;line-height: 1.5;color: #FFFFFF;}
.inpage.solution .floor3 .flex .one:hover .nor{display: none;}

.inpage.solution .floor3 .flex .one .hov{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index: 22;display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;opacity: 0;padding: 4rem;transition: all 0.3s;}
.inpage.solution .floor3 .flex .one .hov .name{font-size: 3rem;font-weight: bold;line-height: 1.5;color: #FFFFFF;}
.inpage.solution .floor3 .flex .one .hov .content{font-size: 1.6rem;line-height: 2.8rem;color: #FFFFFF;margin-top: 2rem;}
.inpage.solution .floor3 .flex .one:hover .hov{opacity: 1;}


.inpage.solution .floor4{padding: 8rem 0;}
.inpage.solution .floor4 .title{margin-bottom: 2rem;}
.inpage.solution .floor4 .content{font-size: 1.6rem;line-height: 3rem;color: #3D3D3D;}

.inpage.solution .floor4 .list{margin-top: 3rem;display: flex;flex-wrap: wrap;}
.inpage.solution .floor4 .list .one{width: calc((100% - 4rem) / 3);margin-right: 2rem;margin-top: 2rem;border-radius: 2rem;border: 0.1rem solid #DDDDDD;background: #F5F5F5;position: relative;overflow: hidden;transition: all 0.3s;}
.inpage.solution .floor4 .list .one:nth-child(3n){margin-right: 0;}
.inpage.solution .floor4 .list .one .big{width: 100%;height: 30rem;}
.inpage.solution .floor4 .list .one .textBox{padding: 3rem 3rem 4rem;}
.inpage.solution .floor4 .list .one .name{font-size: 2.4rem;color: #333333;font-weight: 500;}
.inpage.solution .floor4 .list .one .text{font-size: 1.6rem;color: #666;line-height: 2.8rem;margin-top: 3rem;}
.inpage.solution .floor4 .list .one .hov{background: rgb(0, 128, 255);position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 6rem 3rem;background-image: url(../img/bg_solution_1.png);background-repeat: no-repeat;background-size: cover;background-position: center;transition: all 0.5s;transform: translateY(100%);}
.inpage.solution .floor4 .list .one .hov .name{color: #fff;}
.inpage.solution .floor4 .list .one .hov .text{color: #fff;}
.inpage.solution .floor4 .list .one:hover .hov{transform: translateY(0);}
.inpage.solution .floor4 .list .one:hover{box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.16);}


.inpage.solution .floor5{padding: 8rem 0;}
.inpage.solution .floor5 .list{margin-top: 1rem;display: flex;flex-wrap: wrap;}
.inpage.solution .floor5 .list .one{width: calc((100% - 4rem) / 2);margin-right: 4rem;margin-top: 4rem;border-radius: 1rem;border: 0.1rem solid #eee;position: relative;overflow: hidden;transition: all 0.3s;}
.inpage.solution .floor5 .list .one:nth-child(2n){margin-right: 0;}
.inpage.solution .floor5 .list .one .bg{position: relative;z-index: 1;width: 100%;height: 100%;opacity: 0;transition: all 0.3s;}
.inpage.solution .floor5 .list .one:hover{border-color: rgb(0, 128, 255);}
.inpage.solution .floor5 .list .one:hover .bg{opacity: 1;}
.inpage.solution .floor5 .list .one .textBox{position: absolute;z-index: 222;bottom: 0;left: 0;right: 0;padding: 4rem;top: 0;}
.inpage.solution .floor5 .list .one .flex{align-items: flex-end;}
.inpage.solution .floor5 .list .one .num{font-size: 8rem;color: rgba(153, 153, 153, 0.1);font-weight: bold;font-family: 'siyuanB';transition: all 0.3s;}
.inpage.solution .floor5 .list .one:hover .num{color: rgb(0, 128, 255);}
.inpage.solution .floor5 .list .one .name{font-size: 2rem;line-height: 1.5;color: #3D3D3D;margin-left: 1rem;}
.inpage.solution .floor5 .list .one .content{margin-top: 3rem;font-size: 1.6rem;line-height: 3rem;color: #666666;}
.inpage.solution .floor5 .list .one .content span{color: rgb(0, 128, 255);}



.inpage.service .banner{position: relative;}
.inpage.service .banner .bg{width: 100%;}
.inpage.service .banner .bg img{width: 100%;}

.inpage.service .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.service .banner .textBox .name{font-size: 5rem;color: #fff;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.service .banner .textBox .desc{font-size: 2rem;color: #fff;width: 80rem;line-height: 1.7;margin-top: 2rem;}


.inpage.service .floor .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';text-align: center;}
.inpage.service .floor1{padding: 8rem 0;}
.inpage.service .floor1 .title{margin-bottom: 2rem;}
.inpage.service .floor1 .content{font-size: 1.6rem;line-height: 3rem;color: #3D3D3D;}


.inpage.service .floor2{padding: 8rem 0;background: #F9F8F8;}
.inpage.service .floor2 .list{margin-top: 2rem;display: flex;flex-wrap: wrap;}
.inpage.service .floor2 .list .one{width: calc((100% - 6rem) / 3);margin-right: 3rem;margin-top: 3rem;border-radius: 1rem;overflow: hidden;padding: 3rem 3rem 3rem 2rem;display: flex;background: #fff;}
.inpage.service .floor2 .list .one:nth-child(3n){margin-right: 0;}
.inpage.service .floor2 .list .one .icon{width: 7rem;height: 7rem;margin-right: 2rem;flex-shrink: 0;}
.inpage.service .floor2 .list .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;font-family: 'siyuanB';color: rgb(0, 128, 255);}
.inpage.service .floor2 .list .one .content{font-size: 1.4rem;line-height: 2;color: #888888;margin-top: 1rem;}


.inpage.service .floor3{padding: 8rem 0;}
.inpage.service .floor3 .typeBox{display: flex;justify-content: center;margin-bottom: 5rem;align-items: center;height: 3.7rem;margin-top: 2rem;}
.inpage.service .floor3 .typeBox .one{font-size: 2rem;line-height: 1.5;transition: all 0.3s;margin: 0 3rem;color: #333333;cursor: pointer;}
.inpage.service .floor3 .typeBox .one:hover{color: rgb(0, 128, 255);}
.inpage.service .floor3 .typeBox .one.active{color: rgb(0, 128, 255);padding-bottom: 0.5rem;border-bottom: 0.2rem solid rgb(0, 128, 255);}

.inpage.service .floor3 .box{display: none;position: relative;}
.inpage.service .floor3 .box.active{display: block;}
.inpage.service .floor3 .box .bg{position: relative;z-index: 1;border-radius: 1.5rem;}
.inpage.service .floor3 .box .textBox{width: 60rem;top: 8rem;right: 4rem;bottom: 4rem;position: absolute;z-index: 22;}
.inpage.service .floor3 .box .name{font-size: 3.2rem;line-height: 4.6rem;margin-bottom: 2rem;font-weight: bold;font-family: 'siyuanB';color: rgb(0, 128, 255);}
.inpage.service .floor3 .box .content{font-size: 1.6rem;line-height: 2.8rem;color: #888888;}




.inpage.information .banner{position: relative;}
.inpage.information .banner .bg{width: 100%;}
.inpage.information .banner .bg img{width: 100%;}

.inpage.information .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.information .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.information .banner .textBox .desc{font-size: 2rem;color: #333;width: 80rem;line-height: 1.7;margin-top: 2rem;}

.inpage.information .listBox{padding: 3rem 0 8rem;}
.inpage.information .listBox .list{display: flex;flex-wrap: wrap;margin-bottom: 6rem;}
.inpage.information .listBox .list .one{width: calc((100% - 6rem) / 3);border-radius: 1rem;overflow: hidden;margin-top: 4rem;margin-right: 3rem;transition: all 0.3s;cursor: pointer;}
.inpage.information .listBox .list .one:nth-child(3n){margin-right: 0;}
.inpage.information .listBox .list .one:hover{box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.2);}
.inpage.information .listBox .list .one .big{width: 100%;height: 30rem;}
.inpage.information .listBox .list .one .textBox{padding: 3rem;display: flex;flex-direction: column;align-items: flex-start;}
.inpage.information .listBox .list .one .name{font-size: 2rem;line-height: 1.5;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.information .listBox .list .one .btn{margin-top: 2rem;height: 4.4rem;padding: 0 3.5rem;border: 0.1rem solid #333;color: #333;font-size: 1.6rem;border-radius: 4.4rem;}
.inpage.information .listBox .list .one:hover .btn{background: rgb(0, 128, 255);color: #fff;border-color: rgb(0, 128, 255);}


.pageList{display: flex;justify-content: flex-start;}
.pageList .one{margin-right: 1rem;min-width: 4rem;height: 4rem;border-radius: 1rem;display: flex;align-items: center;justify-content: center;padding: 0 1rem;cursor: pointer;transition: all 0.3s;color: #3D3D3D;font-size: 1.4rem;background: #F5F5F5;}
.pageList .one.prev{min-width: 7rem;}
.pageList .one.next{min-width: 7rem;}
.pageList .one:hover{background: rgb(0, 128, 255);color: #fff;}
.pageList .one.active{background: rgb(0, 128, 255);color: #fff;}

.pageList .point{margin-right: 1rem;min-width: 4rem;height: 4rem;border-radius: 1rem;display: flex;align-items: center;justify-content: center;padding: 0 1rem;color: #3D3D3D;font-size: 1.4rem;background: #F5F5F5;}


.shadow{background: rgba(0, 0, 0, 0.2);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 666;display: none;}
.outBox{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 888;}
.outBox.formBox{border-radius: 2rem;background: #FFFFFF;padding: 6.4rem 4rem 4rem;}
.outBox.formBox .close{position: absolute;top: 4rem;right: 4rem;width: 1.6rem;height: 1.6rem;cursor: pointer;transition: 0.5s;}
.outBox.formBox .close:hover{transform: rotate(180deg);}
.outBox.formBox .name{font-size: 2.4rem;color: #333333;line-height: 1.5;}
.outBox.formBox .desc{font-size: 1.4rem;color: #888888;line-height: 1.5;margin-top: 1rem;}
.outBox.formBox .form{margin-top: 3rem;width: 45.6rem;display: flex;flex-direction: column;align-items: flex-start;}
.outBox.formBox .form .select{position: relative;margin-bottom: 1.2rem;width: 100%;}
.outBox.formBox .form .select .normal{position: relative;width: 100%;height: 4.4rem;display: flex;align-items: center;justify-content: space-between;padding: 0 2rem;border: 0.1rem solid #EEEEEE;background: rgba(249, 248, 248, 0.8);cursor: pointer;border-radius: 0.4rem;}
.outBox.formBox .form .select .normal .text{font-size: 1.6rem;line-height: 1.5;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.outBox.formBox .form .select .normal .text.active{color: #333;}
.outBox.formBox .form .select .normal .icon{width: 1.6rem;height: 1.6rem;margin-left: 1rem;flex-shrink: 0;}

.outBox.formBox .form .select .hideBox{position: absolute;top: 4.4rem;left: 0;right: 0;z-index: 111;max-height: 30rem;overflow: auto;display: none;border: 0.1rem solid #EEEEEE;}
.outBox.formBox .form .select .hideBox .one{padding: 0 2rem;font-size: 1.6rem;line-height: 1.5;color: #333;transition: all 0.3s;height: 4.4rem;display: flex;align-items: center;background: #fff;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.outBox.formBox .form .select .hideBox .one:hover{color: rgb(0, 128, 255);}
.outBox.formBox .form .select .hideBox .one.active{color: #fff;background: rgb(0, 128, 255);}
.outBox.formBox .form .select:last-child{margin-bottom: 0;}

.outBox.formBox .form .input{position: relative;margin-bottom: 1.2rem;width: 100%;}
.outBox.formBox .form .input input{width: 100%;height: 4.4rem;padding: 0 2rem;border: 0.1rem solid #EEEEEE;background: rgba(249, 248, 248, 0.8);font-size: 1.6rem;line-height: 1.5;color: #333;border-radius: 0.4rem;}
.outBox.formBox .form .input input::placeholder{color: #888;}

.outBox.formBox .form .btn{margin-top: 3rem;padding: 0 3.5rem;background: rgb(0, 128, 255);height: 4.4rem;border-radius: 0.4rem;color: #FFFFFF;font-size: 1.6rem;}



.inpage.activity{background: #F9F8F8;}
.inpage.activity .swiper{padding: 4rem 0;position: relative;}

.inpage.activity .swiper .next{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;right: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.inpage.activity .swiper .next .img{width: 2.4rem;height: 2.4rem;}
.inpage.activity .swiper .next:hover{background: rgb(0, 128, 255);}

.inpage.activity .swiper .prev{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;bottom: 0;left: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.inpage.activity .swiper .prev .img{width: 2.4rem;height: 2.4rem;}
.inpage.activity .swiper .prev:hover{background: rgb(0, 128, 255);}

.inpage.activity .swiper .swiper-container{width: 144rem;margin: 0 auto;}
.inpage.activity .swiper .one{padding: 4rem 5rem 4rem 4rem;border-radius: 2rem;background: #FFFFFF;display: flex;justify-content: space-between;}
.inpage.activity .swiper .one .big{width: 60rem;height: 40rem;}
.inpage.activity .swiper .one .textBox{display: flex;flex-direction: column;justify-content: space-between;width: 67rem;align-items: flex-start;}
.inpage.activity .swiper .one .btn{height: 4.4rem;border-radius: 4.4rem;border: 0.1rem solid rgb(0, 128, 255);padding: 0 3.5rem;font-size: 1.6rem;color: rgb(0, 128, 255);}
.inpage.activity .swiper .one:hover .btn{background: rgb(0, 128, 255);color: #fff;}

.inpage.activity .typeBox{display: flex;}
.inpage.activity .typeBox .type{font-size: 1.4rem;line-height: 1.6rem;height: 3.2rem;padding: 0 0.8rem;margin-right: 2rem;display: flex;align-items: center;border-radius: 0.4rem;}
.inpage.activity .typeBox .type.before{background: #E9FDEF;color: #16AC3D;}
.inpage.activity .typeBox .type.near{background: #FFDEDF;color: rgb(0, 128, 255);}
.inpage.activity .typeBox .type.end{background: #F1F1F1;color: #888888;}
.inpage.activity .typeBox .type.online{background: #F1F4F7;color: #016FE4;}
.inpage.activity .typeBox .type.offline{background: #FFF6F0;color: #FF7722;}

.inpage.activity .swiper .one .name{font-size: 3rem;line-height: 1.5;color: #333333;margin-top: 1rem;}
.inpage.activity .swiper .one .desc{font-size: 1.6rem;color: #888888;line-height: 1.5;margin-top: 2rem;}

.inpage.activity .swiper .one .time{font-size: 1.6rem;line-height: 4rem;margin-top: 3rem;color: #666666;}
.inpage.activity .swiper .one .add{font-size: 1.6rem;line-height: 4rem;color: #666666;}


.inpage.activity .title{font-size: 3rem;line-height: 1.5;color: #3D3D3D;margin-bottom: 3rem;}
.inpage.activity .flex{justify-content: space-between;padding-bottom: 8rem;align-items: flex-start;}
.inpage.activity .flex .left{position: sticky;top: 10rem;width: 26rem;margin-right: 4rem;flex-shrink: 0;}
.inpage.activity .flex .left .box{margin-bottom: 2rem;padding: 3rem 2rem;border-radius: 1rem;background: #FFFFFF;}
.inpage.activity .flex .left .box .name{display: flex;align-items: center;justify-content: space-between;}
.inpage.activity .flex .left .box .name .text{font-size: 1.6rem;line-height: 1.5;color: #999999;}
.inpage.activity .flex .left .box .name .clear{font-size: 1.4rem;line-height: 1.5;color: rgb(0, 128, 255);cursor: pointer;}

.inpage.activity .flex .left .box .one{margin-top: 2.4rem;display: flex;align-items: center;cursor: pointer;}
.inpage.activity .flex .left .box .one .icon{width: 2.4rem;height: 2.4rem;border: 0.1rem solid #EEEEEE;border-radius: 0.4rem;transition: all 0.3s;margin-right: 1.6rem;flex-shrink: 0;}
.inpage.activity .flex .left .box .one:hover .icon{border-color: rgb(0, 128, 255);}
.inpage.activity .flex .left .box .one.active .icon{border-color: rgb(0, 128, 255);background: rgb(0, 128, 255);}
.inpage.activity .flex .left .box .one .icon img{width: 1.2rem;height: 1rem;}
.inpage.activity .flex .left .box .one .text{font-size: 1.6rem;color: #333333;}

.inpage.activity .flex .left .box:last-child{margin-bottom: 0;}


.inpage.activity .flex .right{flex: 1;width: 0;}
.inpage.activity .flex .right .list{margin-bottom: 7rem;}
.inpage.activity .flex .right .list .one{margin-bottom: 3rem;padding: 4rem;display: flex;background: #Fff;border-radius: 2rem;}
.inpage.activity .flex .right .list .one:last-child{margin-bottom: 0;}
.inpage.activity .flex .right .list .one .big{width: 40rem;flex-shrink: 0;margin-right: 4rem;}

.inpage.activity .flex .right .list .one .textBox{flex: 1;width: 0;display: flex;flex-direction: column;align-items: flex-start;}
.inpage.activity .flex .right .list .one .box{width: 100%;}
.inpage.activity .flex .right .list .one .name{font-size: 2.4rem;line-height: 4rem;margin-top: 1rem;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.activity .flex .right .list .one .desc{margin-top: 1.2rem;line-height: 1.5;font-size: 1.6rem;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.activity .flex .right .list .one .time{margin-top: 2rem;font-size: 1.6rem;line-height: 3rem;color: #666666;}
.inpage.activity .flex .right .list .one .add{font-size: 1.6rem;line-height: 3rem;color: #666666;}
.inpage.activity .flex .right .list .one .btn{height: 4.4rem;border-radius: 4.4rem;border: 0.1rem solid rgb(0, 128, 255);padding: 0 3.5rem;font-size: 1.6rem;color: rgb(0, 128, 255);margin-top: 3rem;}
.inpage.activity .flex .right .list .one:hover .btn{background: rgb(0, 128, 255);color: #fff;}



.inpage.activityDetail{padding: 4rem 0 8rem;background: #F9F8F8;}
.inpage.activityDetail .typeBox{display: flex;}
.inpage.activityDetail .typeBox .type{font-size: 1.4rem;line-height: 1.6rem;height: 3.2rem;padding: 0 0.8rem;margin-right: 2rem;display: flex;align-items: center;border-radius: 0.4rem;}
.inpage.activityDetail .typeBox .type.before{background: #E9FDEF;color: #16AC3D;}
.inpage.activityDetail .typeBox .type.near{background: #FFDEDF;color: rgb(0, 128, 255);}
.inpage.activityDetail .typeBox .type.end{background: #F1F1F1;color: #888888;}
.inpage.activityDetail .typeBox .type.online{background: #F1F4F7;color: #016FE4;}
.inpage.activityDetail .typeBox .type.offline{background: #FFF6F0;color: #FF7722;}

.inpage.activityDetail .flex{justify-content: space-between;align-items: flex-start;}
.inpage.activityDetail .flex .right{width: 41rem;margin-left: 7rem;flex-shrink: 0;background: #FFFFFF;padding: 3rem;}
.inpage.activityDetail .flex .right .title{font-size: 3rem;line-height: 1.5rem;margin-bottom: 2rem;color: #333333;}
.inpage.activityDetail .flex .right .line{display: flex;}
.inpage.activityDetail .flex .right .line .name{font-size: 1.4rem;line-height: 4rem;color: #999999;margin-right: 3rem;}
.inpage.activityDetail .flex .right .line .desc{font-size: 1.4rem;line-height: 4rem;color: #333333;}

.inpage.activityDetail .flex .left{flex: 1;width: 0;}
.inpage.activityDetail .flex .left .titleBox{padding: 3rem;background: #FFFFFF;margin-bottom: 6rem;}
.inpage.activityDetail .flex .left .titleBox .name{font-size: 3rem;line-height: 1.5;color: #333333;margin: 2rem 0;}
.inpage.activityDetail .flex .left .titleBox .desc{font-size: 1.6rem;line-height: 1.5;color: #888888;}

.inpage.activityDetail .flex .left .contentBox{padding: 3rem;background: #FFFFFF;}
.inpage.activityDetail .flex .left .contentBox .name{font-size: 3rem;line-height: 1.5;color: #333333;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 0.1rem solid #eee;}
.inpage.activityDetail .flex .left .contentBox .content{font-size: 1.6rem;line-height: 1.5;color: #888888;}
.inpage.activityDetail .flex .left .contentBox .content *{max-width: 100%;font-size: 1.6rem;color: #888888;}



.inpage.case .banner{position: relative;}
.inpage.case .banner .bg{width: 100%;}
.inpage.case .banner .bg img{width: 100%;}

.inpage.case .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.case .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.case .banner .textBox .desc{font-size: 2rem;color: #333;width: 80rem;line-height: 1.7;margin-top: 2rem;}

.inpage.case .numBox .container{height: 28rem;display: flex;align-items: center;}
.inpage.case .numBox .one{flex: 1;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.inpage.case .numBox .one .num{display: flex;align-items: flex-start;}
.inpage.case .numBox .one .num .count{font-size: 8rem;color: #3D3D3D;font-weight: bold;font-family: 'siyuanB';line-height: 8rem;transition: all 0.3s;}
.inpage.case .numBox .one .num:hover .count{font-size: 10rem;}
.inpage.case .numBox .one .num .add{font-size: 2rem;line-height: 2;margin-left: 1rem;color: #3D3D3D;}
.inpage.case .numBox .one .desc{font-size: 2rem;line-height: 2;color: #3D3D3D;}
.inpage.case .numBox .one::after{position: absolute;right: 0;width: 0.1rem;height: 8rem;top: 0;bottom: 0;margin: auto;background: #DDDDDD;content: "";}
.inpage.case .numBox .one:last-child:after{display: none;}


.inpage.case .listBox{padding: 8rem 0;background: #F9F8F8;}

.inpage.case .listBox .list{display: flex;flex-wrap: wrap;margin-top: -3rem;margin-bottom: 6rem;}
.inpage.case .listBox .list .one{width: calc((100% - 6rem) / 3);position: relative;border-radius: 1rem;overflow: hidden;display: block;background: #FFFFFF;transition: all 0.3s;margin-top: 3rem;margin-right: 3rem;}
.inpage.case .listBox .list .one:nth-child(3n){margin-right: 0;}
.inpage.case .listBox .list .one .big{width: 100%;position: relative;z-index: 1;height: 30rem;}

.inpage.case .listBox .list .one .textBox{padding: 3rem;display: flex;flex-direction: column;align-items: flex-start;}
.inpage.case .listBox .list .one .name{font-size: 2rem;color: rgb(0, 128, 255);margin-bottom: 1.8rem;font-weight: bold;font-family: 'siyuanB';width: 100%;}
.inpage.case .listBox .list .one .name{color: #333;transition: all 0.3s;}
.inpage.case .listBox .list .one .text{font-size: 1.4rem;line-height: 2.4rem;color: #999999;height: 4.8rem;margin-bottom: 1.8rem;width: 100%;}
.inpage.case .listBox .list .one .tip{font-size: 1.4rem;line-height: 2rem;margin-bottom: 1.8rem;color: rgb(0, 128, 255);padding: 0.5rem 1rem;border-radius: 1rem;border: 0.1rem solid rgb(0, 128, 255);}
.inpage.case .listBox .list .one .tip{transition: all 0.3s;}
.inpage.case .listBox .list .one .more{color: #666666;transition: all 0.3s;font-size: 1.6rem;line-height: 1.5;text-align: right;margin-left: auto;}
.inpage.case .listBox .list .one:hover{box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.2);}
.inpage.case .listBox .list .one:hover .name{color: rgb(0, 128, 255);}
.inpage.case .listBox .list .one:hover .tip{color: #fff;background: rgb(0, 128, 255);}
.inpage.case .listBox .list .one:hover .more{color: rgb(0, 128, 255);}





.inpage.caseDetail .banner{position: relative;}
.inpage.caseDetail .banner .bg{width: 100%;}
.inpage.caseDetail .banner .bg img{width: 100%;}

.inpage.caseDetail .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.caseDetail .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.caseDetail .banner .textBox .desc{font-size: 2rem;color: #333;width: 80rem;line-height: 1.7;margin-top: 2rem;}


.inpage.caseDetail .container{display: flex;}
.inpage.caseDetail .left{width: 28rem;flex-shrink: 0;margin-right: 6rem;border-right: 0.1rem solid #EEEEEE;padding: 8rem 6rem 8rem 0;}
.inpage.caseDetail .left .menu{width: 22rem;position: sticky;top: 12rem;}
.inpage.caseDetail .left .menu .one{height: 6rem;width: 100%;display: flex;align-items: center;padding: 0 0 0 4.6rem;position: relative;color: #3B3A39;font-size: 1.6rem;line-height: 1.5;cursor: pointer;border-bottom: 0.1rem solid #EAEFF3;transition: all 0.3s;}
.inpage.caseDetail .left .menu .one:hover{color: rgb(0, 128, 255);}
.inpage.caseDetail .left .menu .one.active{color: rgb(0, 128, 255);}
.inpage.caseDetail .left .menu .one::before{position: absolute;top: 0;left: 2rem;bottom: 0;width: 0.6rem;height: 0.6rem;background: linear-gradient(135deg, rgba(190, 61, 63, 0.2) 0%, rgba(237, 212, 212, 0.2) 100%);border-radius: 50%;content: "";margin: auto;transition: all 0.3s;}
.inpage.caseDetail .left .menu .one:hover::before{opacity: 0;}
.inpage.caseDetail .left .menu .one.active::before{opacity: 0;}

.inpage.caseDetail .left .menu .one::after{position: absolute;top: 0;left: 2rem;bottom: 0;width: 0.6rem;height: 0.6rem;background: linear-gradient(135deg, rgb(0, 128, 255) 0%, #FFC17E 100%);border-radius: 50%;content: "";margin: auto;transition: all 0.3s;opacity: 0;}
.inpage.caseDetail .left .menu .one:hover::after{opacity: 1;}
.inpage.caseDetail .left .menu .one.active::after{opacity: 1;}

.inpage.caseDetail .right{flex: 1;width: 0;padding: 8rem 0;}
.inpage.caseDetail .right .box{margin-bottom: 6rem;}
.inpage.caseDetail .right .box:last-child{margin-bottom: 0;}
.inpage.caseDetail .right .box .name{font-size: 3.6rem;line-height: 5.2rem;font-weight: bold;font-family: 'siyuanB';color: #333333;margin-bottom: 3rem;}
.inpage.caseDetail .right .box .content{font-size: 1.6rem;line-height: 3rem;color: #666666;}
.inpage.caseDetail .right .box .content *{font-size: 1.6rem;color: #666;max-width: 100%;}
.inpage.caseDetail .right .box .content b{font-weight: bold;font-family: 'siyuanB';}
.inpage.caseDetail .right .box .content strong{font-weight: bold;font-family: 'siyuanB';}





.inpage.about .banner{position: relative;}
.inpage.about .banner .bg{width: 100%;}
.inpage.about .banner .bg img{width: 100%;}

.inpage.about .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.about .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 80rem;line-height: 7.2rem;}
.inpage.about .banner .textBox .desc{font-size: 2rem;color: #333;width: 80rem;line-height: 1.7;margin-top: 2rem;}


.inpage.about .floor .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';text-align: center;}
.inpage.about .floor1{padding: 8rem 0;}
.inpage.about .floor1 .content{margin: 2rem 0 5rem;color: #666666;font-size: 1.8rem;line-height: 3.4rem;}
.inpage.about .floor1 .numBox{background: #F9F8F8;padding: 6rem 0;display: flex;justify-content: space-around;}
.inpage.about .floor1 .numBox .one{display: flex;flex-direction: column;align-items: center;}
.inpage.about .floor1 .numBox .one .num{display: flex;align-items: flex-end;}
.inpage.about .floor1 .numBox .one .num .text{font-size: 5rem;color: rgb(0, 128, 255);}
.inpage.about .floor1 .numBox .one .num .year{font-size: 1.6rem;color: rgb(0, 128, 255);line-height: 1.5;margin-left: 0.7rem;}
.inpage.about .floor1 .numBox .one .num .add{font-size: 1.6rem;color: rgb(0, 128, 255);line-height: 1.5;margin-left: 0.7rem;}
.inpage.about .floor1 .numBox .one .desc{margin-top: 1.5rem;font-size: 1.6rem;line-height: 3.4rem;color: #666666;}


.inpage.about .floor2{padding: 8rem 0 0;background: #EFF3F4;}
.inpage.about .floor2 .desc{margin: 1rem 0 5rem;color: #666666;text-align: center;font-size: 1.6rem;line-height: 1.5;}


.inpage.about .floor3{padding: 8rem 0;}
.inpage.about .floor3 .swiper{margin-top: 5rem;position: relative;}

.inpage.about .floor3 .swiper .swiper-container{width: 144rem;margin: 0 auto;padding-top: 1.9rem;}
.inpage.about .floor3 .swiper .swiper-slide{width: 52rem;margin-right: 1rem;}
.inpage.about .floor3 .swiper .swiper-slide:last-child{margin-right: 0;}
.inpage.about .floor3 .swiper .swiper-slide .one{width: 100%;position: relative;padding: 4.5rem 14rem 0 0;}
.inpage.about .floor3 .swiper .swiper-slide .one::before{position: absolute;top: 0;left: 0;width: 1.5rem;height: 1.5rem;border: 0.4rem solid #DDDDDD;border-radius: 50%;content: "";box-sizing: border-box;transition: all 0.3s;}
.inpage.about .floor3 .swiper .swiper-slide .one::after{height: 0.1rem;left: 2.5rem;top: 0.75rem;right: 0;position: absolute;margin: auto;background: #ddd;content: "";}
.inpage.about .floor3 .swiper .swiper-slide .one .year{font-size: 5rem;color: rgb(0, 128, 255);}
.inpage.about .floor3 .swiper .swiper-slide .one .name{font-size: 2rem;line-height: 1.5;margin-top: 2rem;color: #333333;}
.inpage.about .floor3 .swiper .swiper-slide .one .content{margin-top: 0.6rem;font-size: 1.6rem;line-height: 2.8rem;color: #666666;}
.inpage.about .floor3 .swiper .swiper-slide .one .content .line{font-size: 1.6rem;line-height: 2.8rem;margin-top: 1rem;color: #666666;padding-left: 2.6rem;position: relative;}
.inpage.about .floor3 .swiper .swiper-slide .one .content .line::before{position: absolute;width: 0.4rem;top: 1.2rem;left: 1.2rem;height: 0.4rem;border-radius: 50%;background: rgb(0, 128, 255);content: "";margin: auto;}
.inpage.about .floor3 .swiper .swiper-slide-active .one::before{border-color: rgb(0, 128, 255);}
.inpage.about .floor3 .swiper .swiper-slide .one:hover::before{border-color: rgb(0, 128, 255);}



.inpage.about .floor3 .swiper .next{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;right: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.inpage.about .floor3 .swiper .next .img{width: 2.4rem;height: 2.4rem;}
.inpage.about .floor3 .swiper .next:hover{background: rgb(0, 128, 255);}

.inpage.about .floor3 .swiper .prev{position: absolute;width: 5rem;height: 5rem;background: rgba(0, 0, 0, 0.3);border-radius: 50%;top: 0;left: 5rem;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.inpage.about .floor3 .swiper .prev .img{width: 2.4rem;height: 2.4rem;}
.inpage.about .floor3 .swiper .prev:hover{background: rgb(0, 128, 255);}


.inpage.about .floor4{background-image: url(../img/bg_about.png);background-repeat: no-repeat;background-size: cover;padding: 8rem 0;background-position: center;}
.inpage.about .floor4 .desc{margin: 1rem 0 0;color: #666666;font-size: 1.6rem;line-height: 1.5;text-align: center;}
.inpage.about .floor4 .list{margin-top: 1rem;display: flex;justify-content: space-between;}
.inpage.about .floor4 .list .one{width: 70rem;border-radius: 1rem;border: 0.1rem solid #EEEEEE;padding: 4rem;background: #FFFFFF;margin-top: 4rem;}
.inpage.about .floor4 .list .one .name{font-size: 2rem;line-height: 1.5;color: #3D3D3D;font-weight: bold;font-family: 'siyuanB';}
.inpage.about .floor4 .list .one .content{font-size: 1.6rem;color: #888888;line-height: 3rem;margin-top: 2rem;}
.inpage.about .floor4 .list .one .content *{font-size: 1.6rem;color: #888888;line-height: 3rem;}
.inpage.about .floor4 .list .one .type{margin-top: 2rem;padding-top: 2rem;border-top: 0.1rem solid #EEEEEE;font-size: 1.6rem;line-height: 2.8rem;color: rgb(0, 128, 255);color: #333;}


.inpage.about .floor5{padding: 8rem 0;}
.inpage.about .floor5 .container{display: flex;justify-content: space-between;}
.inpage.about .floor5 .left .title{margin-top: -0.8rem;margin-bottom: 5rem;text-align: left;}
.inpage.about .floor5 .left .line{display: flex;}
.inpage.about .floor5 .left .line .name{font-size: 1.6rem;line-height: 4rem;color: #888;}
.inpage.about .floor5 .left .line .desc{font-size: 1.6rem;line-height: 4rem;color: #333;}
.inpage.about .floor5 .left .codeBox{margin-top: 2.3rem;display: flex;align-items: center;}
.inpage.about .floor5 .left .codeBox .img{width: 16rem;height: 16rem;margin-right: 2rem;}
.inpage.about .floor5 .left .codeBox .text{font-size: 1.6rem;line-height: 1.5;color: #3d3d3d;}

.inpage.about .floor5 .right{width: 72rem;display: flex;flex-direction: column;align-items: flex-start;}
.inpage.about .floor5 .right .text{font-size: 2.4rem;line-height: 1.5;color: #333333;margin-bottom: 2rem;}
.inpage.about .floor5 .right .line{margin-bottom: 1.5rem;width: 100%;}
.inpage.about .floor5 .right .line .name{font-size: 1.6rem;line-height: 1.5;color: #333333;margin-bottom: 1rem;}
.inpage.about .floor5 .right .line .name span{line-height: 1.5;color: #F00;margin-left: 0.6rem;}

.inpage.about .floor5 .right .line .input{width: 100%;height: 6rem;}
.inpage.about .floor5 .right .line .input input{width: 100%;height: 100%;background: rgba(249, 248, 248, 0.8);border-radius: 0.4rem;overflow: hidden;border: 0.2rem solid #F9F8F8;transition: all 0.3s;padding: 0 2rem;font-size: 1.6rem;color: #333333;}
.inpage.about .floor5 .right .line .input input:focus{border: 0.2rem solid rgba(214, 21, 24, 0.4);}
.inpage.about .floor5 .right .line .input input::placeholder{color: #888888;}

.inpage.about .floor5 .right .line .textarea{width: 100%;height: 10rem;}
.inpage.about .floor5 .right .line .textarea textarea{width: 100%;height: 100%;background: rgba(249, 248, 248, 0.8);border-radius: 0.4rem;overflow: hidden;border: 0.2rem solid #F9F8F8;transition: all 0.3s;padding: 1.8rem 2rem;font-size: 1.6rem;color: #333333;line-height: 1.5;}
.inpage.about .floor5 .right .line .textarea textarea:focus{border: 0.2rem solid rgba(214, 21, 24, 0.4);}
.inpage.about .floor5 .right .line .textarea textarea::placeholder{color: #888888;}

.inpage.about .floor5 .right .btn{height: 4.4rem;padding: 0 3rem;border-radius: 0.4rem;background: rgb(0, 128, 255);color: #FFFFFF;font-size: 1.6rem;}
.inpage.about .floor5 .right .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;}



.inpage.partners .banner{position: relative;}
.inpage.partners .banner .bg{width: 100%;}
.inpage.partners .banner .bg img{width: 100%;}

.inpage.partners .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 144rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.inpage.partners .banner .textBox .name{font-size: 5rem;color: #222222;font-weight: bold;font-family: 'siyuanB';width: 60rem;line-height: 7.2rem;}
.inpage.partners .banner .textBox .desc{font-size: 2rem;color: #333;width: 60rem;line-height: 1.7;margin-top: 2rem;}
.inpage.partners .banner .textBox .btn{height: 4.4rem;padding: 0 3rem;font-size: 1.6rem;line-height: 1.5;color: #333333;background: #FFFFFF;border-radius: 0.4rem;margin-top: 5rem;}
.inpage.partners .banner .textBox .btn:hover{background: rgb(0, 128, 255);color: #fff;}
.inpage.partners .banner .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;position: relative;}
.inpage.partners .banner .textBox .btn .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.partners .banner .textBox .btn .icon .nor{z-index: 111;opacity: 1;}
.inpage.partners .banner .textBox .btn .icon .hov{z-index: 11;opacity: 0;}
.inpage.partners .banner .textBox .btn:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.partners .banner .textBox .btn:hover .icon .hov{z-index: 111;opacity: 1;}


.inpage.partners .floor1{padding: 8rem 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.inpage.partners .floor1 .title{font-size: 5rem;line-height: 7.2rem;background: linear-gradient(180deg, #0080FF, #00d5ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;font-weight: bold;font-family: 'siyuanB';}
.inpage.partners .floor1 .desc{margin: 2rem 0 5rem;color: #333333;font-size: 2rem;line-height: 2;width: 71rem;text-align: center;}
.inpage.partners .floor1 .btn{height: 4.4rem;padding: 0 3rem;font-size: 1.6rem;line-height: 1.5;background: rgb(0, 128, 255);color: #fff;border-radius: 0.4rem;}
.inpage.partners .floor1 .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;position: relative;}



.inpage.partners .floor2{padding: 8rem 0;background-image: url(../img/bg_partner_2.png);background-size: cover;background-position: center;}
.inpage.partners .floor2 .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';text-align: center;}
.inpage.partners .floor2 .desc{margin: 2rem 0 0;color: #333333;font-size: 1.8rem;line-height: 3.4rem;text-align: center;}

.inpage.partners .floor2 .list{margin-top: 2rem;display: flex;flex-wrap: wrap;justify-content: center;margin-left: -1.5rem;margin-right: -1.5rem;}
.inpage.partners .floor2 .list .one{width: calc((100% - 15rem) / 6);height: 8rem;border-radius: 1rem;background: #fff;overflow: hidden;margin-top: 3rem;margin-right: 1.5rem;margin-left: 1.5rem;}
.inpage.partners .floor2 .list .one .img{width: 100%;height: 100%;}
/* .inpage.partners .floor2 .list .one:nth-child(6n){margin-right: 0;} */

.inpage.partners .floor2 .pageList{margin-top: 5rem;justify-content: center;}
.inpage.partners .floor2 .pageList .one{background: #fff;}
.inpage.partners .floor2 .pageList .point{background: #fff;}
.inpage.partners .floor2 .pageList .one:hover{background: rgb(0, 128, 255);}
.inpage.partners .floor2 .pageList .one.active{background: rgb(0, 128, 255);}
.inpage.partners .floor2 .pageList .one:last-child{margin-right: 0;}


.inpage.partners .floor3{background: #F9F8F8;}
.inpage.partners .floor3 .container{display: flex;}
.inpage.partners .floor3 .left{width: 28rem;flex-shrink: 0;margin-right: 4rem;border-right: 0.1rem solid #EEEEEE;padding: 5rem 6rem 5rem 0;}
.inpage.partners .floor3 .left .menu{width: 22rem;position: sticky;top: 16rem;}
.inpage.partners .floor3 .left .menu .one{height: 6rem;width: 100%;display: flex;align-items: center;padding: 0 0 0 4.6rem;position: relative;color: #3B3A39;font-size: 1.6rem;line-height: 1.5;cursor: pointer;border-bottom: 0.1rem solid #EAEFF3;transition: all 0.3s;}
.inpage.partners .floor3 .left .menu .one:hover{color: rgb(0, 128, 255);}
.inpage.partners .floor3 .left .menu .one.active{color: rgb(0, 128, 255);}
.inpage.partners .floor3 .left .menu .one::before{position: absolute;top: 0;left: 2rem;bottom: 0;width: 0.6rem;height: 0.6rem;background: linear-gradient(135deg, rgba(190, 61, 63, 0.2) 0%, rgba(237, 212, 212, 0.2) 100%);border-radius: 50%;content: "";margin: auto;transition: all 0.3s;}
.inpage.partners .floor3 .left .menu .one:hover::before{opacity: 0;}
.inpage.partners .floor3 .left .menu .one.active::before{opacity: 0;}

.inpage.partners .floor3 .left .menu .one::after{position: absolute;top: 0;left: 2rem;bottom: 0;width: 0.6rem;height: 0.6rem;background: linear-gradient(135deg, rgb(0, 128, 255) 0%, #FFC17E 100%);border-radius: 50%;content: "";margin: auto;transition: all 0.3s;opacity: 0;}
.inpage.partners .floor3 .left .menu .one:hover::after{opacity: 1;}
.inpage.partners .floor3 .left .menu .one.active::after{opacity: 1;}

.inpage.partners .floor3 .right{flex: 1;width: 0;padding: 8rem 0;}
.inpage.partners .floor3 .right .box{margin-bottom: 6rem;}
.inpage.partners .floor3 .right .box:last-child{margin-bottom: 0;}
.inpage.partners .floor3 .right .box .title{font-size: 3rem;line-height: 4.3rem;color: #333333;}
.inpage.partners .floor3 .right .box .list{display: flex;flex-wrap: wrap;}
.inpage.partners .floor3 .right .box .list .one{width: calc((100% - 6rem) / 3);margin-top: 3rem;margin-right: 3rem;background: #Fff;border-radius: 1rem;padding: 3rem;overflow: hidden;}
.inpage.partners .floor3 .right .box .list .one:nth-child(3n){margin-right: 0;}
.inpage.partners .floor3 .right .box .list .one .big{width: 100%;height: 11.2rem;background: rgba(168, 168, 168, 0.1);}
.inpage.partners .floor3 .right .box .list .one .textBox{margin-top: 3rem;}
.inpage.partners .floor3 .right .box .list .one .name{font-size: 2rem;line-height: 1.5;color: #333333;margin-bottom: 3rem;text-align: center;}
.inpage.partners .floor3 .right .box .list .one .flex{display: flex;}
.inpage.partners .floor3 .right .box .list .one .link{margin-right: 2rem;color: rgb(0, 128, 255);font-size: 1.6rem;position: relative;}
.inpage.partners .floor3 .right .box .list .one .link:last-child{margin-right: 0;}
.inpage.partners .floor3 .right .box .list .one .link::after{position: absolute;top: 0;bottom: 0;right: -1.1rem;width: 0.1rem;height: 1.6rem;margin: auto;background: #DDDDDD;content: "";}
.inpage.partners .floor3 .right .box .list .one .link:last-child::after{display: none;}

.inpage.partners .floor3 .right .box .list .one:hover .big img{transform: scale(1.1);}


.inpage.partners .floor4{padding: 8rem 0;}
.inpage.partners .floor4 .container{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.inpage.partners .floor4 .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';text-align: center;}

.inpage.partners .floor4 .btn{height: 4.4rem;padding: 0 3rem;font-size: 1.6rem;line-height: 1.5;background: rgb(0, 128, 255);color: #fff;border-radius: 0.4rem;}
.inpage.partners .floor4 .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;position: relative;}

.inpage.partners .floor4 .flex{margin: 5rem 0 6rem;display: flex;justify-content: center;align-items: center;}
.inpage.partners .floor4 .flex .one{padding: 5rem 3rem;width: 26rem;border-radius: 2rem;background: #F9F8F8;display: flex;flex-direction: column;align-items: center;}
.inpage.partners .floor4 .flex .one .icon{width: 10rem;height: 10rem;margin-bottom: 2rem;}
.inpage.partners .floor4 .flex .one .name{font-size: 2.4rem;line-height: 1.5;color: #333333;text-align: center;}

.inpage.partners .floor4 .flex .right{width: 5rem;height: 2.4rem;margin: 0 4rem;}


.inpage.partnersForm{background: #F9F8F8;padding-top: 8rem;}
.inpage.partnersForm .container{display: flex;justify-content: space-between;}
.inpage.partnersForm .left{width: 38rem;display: flex;flex-direction: column;align-items: flex-start;margin-right: 6rem;flex-shrink: 0;}
.inpage.partnersForm .left .title{font-size: 3.6rem;line-height: 5.2rem;color: #333333;font-weight: bold;font-family: 'siyuanB';}
.inpage.partnersForm .left .desc{margin: 2rem 0 5rem;font-size: 1.6rem;line-height: 3rem;color: #333333;}
.inpage.partnersForm .left .flex{display: flex;flex-direction: column;align-items: center;}
.inpage.partnersForm .left .flex .one{width: 5rem;height: 5rem;position: relative;}
.inpage.partnersForm .left .flex .one .icon{width: 5rem;height: 5rem;}
.inpage.partnersForm .left .flex .one .text{font-size: 1.6rem;top: 0;bottom: 0;left: calc(100% + 1rem);margin: auto;color: #333333;position: absolute;white-space: nowrap;height: 1.6rem;}
.inpage.partnersForm .left .flex .bot{margin: 2rem 0;height: 2.5rem;width: 1.2rem;}


.inpage.partnersForm .right{flex: 1;width: 0;border-radius: 2rem 2rem 0 0;box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.1);background: #FFFFFF;padding: 8rem 9rem;}
.inpage.partnersForm .right .title{font-size: 2.4rem;line-height: 1.5;color: #333333;margin-bottom: 3rem;}

.inpage.partnersForm .right .form{flex-direction: column;align-items: flex-start;display: flex;}
.inpage.partnersForm .right .name{font-size: 1.8rem;line-height: 1.5;color: #333333;padding: 1rem 0;margin-bottom: 1.2rem;}

.inpage.partnersForm .right .input{position: relative;margin-bottom: 1.2rem;width: 100%;}
.inpage.partnersForm .right .input input{width: 100%;height: 4.4rem;padding: 0 2rem;border: 0.1rem solid #EEEEEE;background: rgba(249, 248, 248, 0.8);font-size: 1.6rem;line-height: 1.5;color: #333;border-radius: 0.4rem;}
.inpage.partnersForm .right .input input::placeholder{color: #888;}

.inpage.partnersForm .right .textarea{position: relative;margin-bottom: 1.2rem;width: 100%;}
.inpage.partnersForm .right .textarea textarea{width: 100%;height: 14.2rem;padding: 1rem 2rem;border: 0.1rem solid #EEEEEE;background: rgba(249, 248, 248, 0.8);font-size: 1.6rem;line-height: 1.5;color: #333;border-radius: 0.4rem;}
.inpage.partnersForm .right .textarea textarea::placeholder{color: #888;}

.inpage.partnersForm .right .input.codeBox{display: flex;align-items: flex-start;}
.inpage.partnersForm .right .input.codeBox input{width: 19rem;margin-right: 2rem;}
.inpage.partnersForm .right .input.codeBox .code{width: 12rem;margin-right: 1rem;}
.inpage.partnersForm .right .input.codeBox .code img{width: 100%;height: 100%;}
.inpage.partnersForm .right .input.codeBox .refresh{font-size: 1.6rem;line-height: 1.5;cursor: pointer;color: rgb(0, 128, 255);}

.inpage.partnersForm .right .tip{font-size: 1.8rem;line-height: 1.5;color: #333333;padding: 1rem 0;margin-bottom: 1.2rem;}
.inpage.partnersForm .right .tip a{transition: all 0.3s;color: #333333}
.inpage.partnersForm .right .tip a:hover{color: rgb(0, 128, 255);}

.inpage.partnersForm .right .btn{height: 4.4rem;padding: 0 3.5rem;font-size: 1.6rem;color: #fff;background: rgb(0, 128, 255);border-radius: 0.4rem;}




























@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);}

    .container{width: 69rem;}



































    

}