@import url("../../../cdn/bootstrap-icons/font/bootstrap-icons.css");
ol, ul {
    list-style: none;
}
.text-0{font-size: 0;}
.text-10{font-size: 10px;}
.text-11{font-size: 11px;}
.text-12{font-size: 12px;}
.text-13{font-size: 13px;}
.text-14{font-size: 14px;}
.text-15{font-size: 15px;}
.text-16{font-size: 16px;}
.text-17{font-size: 17px;}
.text-18{font-size: 18px;}
.text-19{font-size: 19px;}
.text-20{font-size: 20px;}
.text-22{font-size: 22px;}
.text-24{font-size: 24px;}
.text-26{font-size: 26px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}
.text-32{font-size: 32px;}
.text-36{font-size: 36px;}
.text-40{font-size: 40px;}
.text-45{font-size: 45px;}
.text-48{font-size: 48px;}
.text-50{font-size: 50px;}
.text-60{font-size: 60px;}
.text-70{font-size: 70px;}
.text-75{font-size: 75px;}
.text-80{font-size: 80px;}

.text-rpx{font-size:.03125rem}
.text-xs{font-size:.02344rem}
.text-sm{font-size:.02734rem}
.text-base{font-size:.03125rem}
.text-lg{font-size:.03516rem}
.text-xl{font-size:.03906rem}
.text-2xl{font-size:.04688rem}
.text-3xl{font-size:.05859rem}
.text-4xl{font-size:.07031rem}
.text-5xl{font-size:.09375rem}
.text-6xl{font-size:.125rem}

a:hover {text-decoration: none;}
.header{position: fixed;z-index: 15;left: 0;right: 0;top: 0;background-color: transparent;}
.head-nav{/*background:rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.2);*/-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s linear;transition:all .3s linear;position:relative;z-index:1;padding:0 30px;min-height:50px;clear:both;font-size:18px}
.fixed .head-nav{top: 0vw;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;background: #fff;border-bottom: 0.073vw solid #ECEFF4;}
.fixed .head-item{color: #111F33;}

.head-logo{line-height:50px;vertical-align:middle;display:inline-block;margin-right:40px;background-position: center;background-size: cover;background-image: url(../../../images/common/logo_sm2.png);width:50px;margin-top:6px;height:33px;}
.fixed .head-logo{background-image: url(../../../images/common/logo_sm.png);}
.head-logo img{vertical-align:middle;width:100%;display: none;}

.head-item{line-height:50px;color:#fff;text-decoration:none;padding:0 20px;vertical-align:middle;position:relative;display:inline-block}
.head-item:hover{color:#fff}
.head-item::after{display:block;content:"";width:0;height:3px;position:absolute;left:50%;background:#fff;border-radius:3px;transition:all .4s;}
/*.head-item.active::after,*/
.head-item:hover::after{left:30%;width:40%}
.head-left{display: inline-block;}
.head-right{float:right}
.fixed .head-item::after{background-color: #8353F3;}
.fixed .head-item:hover,.fixed .head-item.active{color: #8353F3;}
.head-item::after{margin-top: -5px;background:linear-gradient(270deg,rgba(246,236,255,0) 0,rgba(246,236,255,.3) 100%);}
.head-item.active::after{left:45%;width:10%}

.banner-box{position:relative}
.banner-public{position:relative;height:380px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.slice{position:relative;padding-top:4rem;padding-bottom:4rem}
.slice-lg{padding-top:6rem;padding-bottom:6rem}
.bg-section-secondary{background-color:#fafbfe!important}
section{background-color:#fff}
/*
.card{position:relative;margin-bottom:30px;box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)}
*/
.carousel-banner{width:100%;height:550px;text-align:center;position:absolute;top:0;left:0;right:0;z-index:0}
.swiper-container{width:100%;height:100%}
/*
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}*/


.banner-box{background: linear-gradient(rgb(104 69 233) 20%, rgb(224 130 253) 100%);height:500px;padding-top:150px}
.banner-box .tit{font-size:46px;font-weight:700;color:#fff;line-height:60px;margin-bottom:50px}
.banner-box .desc{position:relative;font-weight:500;color:#fff}
.banner-box .desc::after{position:absolute;width:100%;left:0;bottom:0;content:"";height:10px;background:linear-gradient(270deg,rgba(246,236,255,0) 0,rgba(246,236,255,.3) 100%);border-radius:5px}
.banner-box .pic{width:400px;text-align:right}
.banner-box .pic img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle}

.banner-tap-container{width:100%;display:flex;justify-content:space-between;padding:20px 0}
.tap-item{display:flex;align-items:center}
.tap-item-icon{padding-bottom:20px;margin-right:10px;font-size:45px}
.tap-item-title{color:#333;font-size:20px;line-height:26px;font-weight:500}
.tap-item-des{color:#666;font-size:14px;line-height:20px;margin-top:8px}

.blind-box2 .swiper-container .swiper-wrapper{height: 720px;}
.blind-box2 .swiper-slide{background: none;color: #666666;}
.blind-box2 .swiper-slide img{ margin-top: 10px;width:80%;}
.blind-box2 .swiper-slide .h6{width: 50%;margin: 10px auto;font-size:.8rem;}


.container-project .btn{display:inline-block;width:180px;height:40px;line-height:30px;background:linear-gradient(270deg,#bd85f6 0,#8b51ef 100%);color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;cursor:pointer}
.container-project td .qr{opacity:0;position:absolute;bottom:100%;left:50%;width:150px;height:150px;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.container-project .qrshow:hover .qr {opacity: 1;}