body,html{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}input,input[type=button],input[type=reset],input[type=submit]{resize:none;border:none}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0}body{font:1.2rem/1.5 Microsoft YaHei,PingFang,Arial;color:#333;background-color:#f7f7f7}em,i{font-style:normal}li,ul{list-style-type:none}.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}.clearfix{zoom:1}a{color:#333;font-family:Microsoft YaHei,PingFang,Arial}a,a:hover{text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei,PingFang,Arial}img{border:none}input,textarea{font-family:Microsoft YaHei,PingFang,Arial}a:active,a:hover,a:link,a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0)}.hei10{height:1rem}.hei20{height:2rem}.hei30{height:3rem}.hei40{height:4rem}.hei50{height:5rem}.hei60{height:6rem}.hei70{height:7rem}.hei80{height:8rem}.hei90{height:9rem}.hei100{height:10rem}.hei110{height:11rem}.hei120{height:12rem}.hei130{height:13rem}.hei140{height:14rem}.hei150{height:15rem}.hei160{height:16rem}.hei170{height:17rem}.hei180{height:18rem}.hei190{height:19rem}.hei200{height:20rem}body{overflow-x:hidden;letter-spacing:.2rem;background-color:#fff;word-break:break-all;text-align:justify}body a,body span{display:inline-block}body button,body textarea{border:none;outline:none;resize:none}body input{outline:none}body .btn{cursor:pointer}.contact{width:140rem;margin:0 auto;padding:2rem 0}.contact .page-top{padding-left:3rem;margin-bottom:2rem;height:11rem;background:hsla(0,0%,100%,.5);border-radius:0 0 0 0;display:flex;align-items:center}.contact .page-top .logo{display:flex;align-items:center;cursor:pointer}.contact .page-top .logo .picbox{width:43.8rem;height:11rem;overflow:hidden}.contact .page-top .logo .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.contact .page-top .titlebox{width:4rem;height:4rem;background:none;border-radius:none;width:13.6rem;height:5.6rem;text-align:center;font-family:Alimama ShuHeiTi;font-weight:700;font-size:2.6rem;color:#3f65e0;text-align:left;font-style:normal;text-transform:none;background:#bcddff;border-radius:5rem 5rem 5rem 5rem;margin-left:2rem;display:flex;justify-content:center;align-items:center}.contact .mainbox{width:100%;justify-content:space-between}.contact .mainbox,.contact .mainbox .itemlist{display:flex;flex-direction:row;align-items:center}.contact .mainbox .itemlist{width:70%;height:calc(100vh - 20rem);margin-right:2rem;background:hsla(0,0%,100%,.5);border-radius:2.4rem 2.4rem 2.4rem 2.4rem;border:.2rem solid #fff;justify-content:flex-start;align-content:flex-start;flex-wrap:wrap;overflow-y:auto!important;gap:2rem;padding:2rem}.contact .mainbox .itemlist .item{width:44rem;height:33rem;background:#fff;border-radius:2rem;box-shadow:0 0 5rem 0 rgba(63,101,224,.05);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;box-sizing:border-box}.contact .mainbox .itemlist .item .itemtitle{line-height:3rem}.contact .mainbox .itemlist .item .itemtitle .atitle{-webkit-line-clamp:1;font-size:2.6rem;font-weight:700;font-family:Alimama ShuHeiTi}.contact .mainbox .itemlist .item .itemtitle .atitle,.contact .mainbox .itemlist .item .itemtitle .btitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;color:#333;text-align:left;font-style:normal;text-transform:none;margin-bottom:1rem}.contact .mainbox .itemlist .item .itemtitle .btitle{-webkit-line-clamp:2;font-size:2rem;font-family:PingFangSC,PingFang SC;font-weight:400;line-height:4.4rem;letter-spacing:.1rem}.contact .mainbox .itemlist .item .itemtitle .txt .picbox{width:1.4rem;height:1.6rem;overflow:hidden}.contact .mainbox .itemlist .item .itemtitle .txt .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.contact .mainbox .itemlist .item .itemtitle .txt .picbox{margin-right:1rem;flex:none}.contact .mainbox .itemlist .item .itemtitle .txt .t1,.contact .mainbox .itemlist .item .itemtitle .txt .t2{display:none;align-items:center;margin-bottom:.4rem;letter-spacing:.1rem}.contact .mainbox .itemlist .item .itemtitle .txt .t1.show,.contact .mainbox .itemlist .item .itemtitle .txt .t2.show{display:flex}.contact .mainbox .itemlist .item .itemtitle .txt .t1 span,.contact .mainbox .itemlist .item .itemtitle .txt .t2 span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2rem;color:#3f65e0;font-family:PingFangSC,PingFang SC;font-weight:400;line-height:4.8rem;text-align:left;font-style:normal;text-transform:none}.contact .mainbox .itemlist .item .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:13.8rem;height:5rem;border-radius:2.5rem;background:#3f65e0;font-size:1.8rem;font-weight:400;color:#fff;margin-top:auto;font-family:PingFangSC,PingFang SC;font-weight:500;line-height:4.8rem;text-align:left;font-style:normal;text-transform:none}.contact .mainbox .itemlist .item .btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.contact .mainbox .right-box{width:30%;height:calc(100vh - 20rem);display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.5);border-radius:2.4rem 2.4rem 2.4rem 2.4rem;border:.2rem solid #fff;padding:2rem}.contact .mainbox .right-box .qrcode{display:flex;flex-direction:column;justify-content:center;align-items:center;height:30rem;background:#fff;border-radius:1.2rem;flex:none;width:34rem;box-sizing:border-box;box-shadow:0 0 5rem 0 rgba(63,101,224,.05)}.contact .mainbox .right-box .qrcode .picbox{width:32rem;height:32rem;overflow:hidden}.contact .mainbox .right-box .qrcode .picbox .pic{width:103%;height:103%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.contact .mainbox .right-box .qrcode .txt{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2.2rem;font-weight:400;color:#333;line-height:3rem}.contact .mainbox .right-box .itemtitle{flex:1;height:100%;display:flex;flex-direction:column;justify-content:space-between}.contact .mainbox .right-box .itemtitle .title .atitle{margin-top:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2.4rem;font-weight:700;color:#333;font-family:Alimama ShuHeiTi;text-align:left;font-style:normal;text-transform:none}.contact .mainbox .right-box .itemtitle .title .btitle{font-size:2rem;color:#333;font-family:PingFangSC,PingFang SC;font-weight:400;line-height:2.5rem;text-align:left;font-style:normal;text-transform:none}.contact .mainbox .right-box .itemtitle .title .txt{line-height:3rem}.contact .mainbox .right-box .itemtitle .title .txt .picbox{width:1.5rem;height:2rem;overflow:hidden}.contact .mainbox .right-box .itemtitle .title .txt .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.contact .mainbox .right-box .itemtitle .title .txt .picbox{margin-right:2rem;flex:none;margin-top:.4rem}.contact .mainbox .right-box .itemtitle .title .txt .t1,.contact .mainbox .right-box .itemtitle .title .txt .t2{display:flex;align-items:center;letter-spacing:.1rem}.contact .mainbox .right-box .itemtitle .title .txt .t1 span,.contact .mainbox .right-box .itemtitle .title .txt .t2 span{font-size:2rem;font-weight:400;color:#3f65e0;font-family:PingFangSC,PingFang SC;font-weight:500;text-align:left;font-style:normal;text-transform:none}.contact .mainbox .right-box .itemtitle .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:20rem;height:6rem;border-radius:3rem;background:#3f65e0;font-size:2rem;font-weight:700;color:#fff;align-self:center}.contact .mainbox .right-box .itemtitle .btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.contact .popup{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;opacity:0;visibility:hidden}.contact .popup.active{opacity:1;visibility:visible}.contact .popup .shadow{width:100%;height:100%;background:rgba(0,0,0,.8)}.contact .popup .detail-popup{display:flex;flex-direction:column;justify-content:center;align-items:center;width:120rem;height:80rem;background:#fff;border-radius:2rem;padding:0 6rem 6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact .popup .detail-popup .titlebox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:12rem;margin-bottom:4rem;flex:none;position:relative}.contact .popup .detail-popup .titlebox:after{content:"";width:100%;height:.2rem;background:#eee;position:absolute;bottom:0;left:0}.contact .popup .detail-popup .titlebox .atitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:3.6rem;font-weight:700;color:#000}.contact .popup .detail-popup .titlebox .close{display:flex;flex-direction:row;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:2rem;background:#000;color:#fff;overflow:hidden;transition:transform .3s}.contact .popup .detail-popup .titlebox .close .picbox{width:1.6rem;height:1.6rem;overflow:hidden}.contact .popup .detail-popup .titlebox .close .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.contact .popup .detail-popup .titlebox .close:hover{transform:rotate(90deg)}.contact .popup .detail-popup .conbox{flex:1;width:100%;font-size:2rem;font-weight:400;color:#000;overflow-y:auto!important}.contact .popup .detail-popup .conbox::-webkit-scrollbar{width:.3rem}.contact .popup .detail-popup .conbox::-webkit-scrollbar-thumb{background:#3f65e0;border-radius:.2rem}.contact .popup .detail-popup .conbox::-webkit-scrollbar-resizer{background:#3f65e0}.contact .popup .detail-popup .conbox::-webkit-scrollbar-track-piece{background:#fff;border-radius:.2rem}.contact .popup .detail-popup .conbox p{text-indent:4rem}@media screen and (min-height:1080px){.contact .mainbox .right-box .itemtitle,.contact .mainbox .right-box .itemtitle .title .atitle,.contact .mainbox .right-box .itemtitle .title .btitle,.contact .mainbox .right-box .qrcode{line-height:5rem}.contact .mainbox .right-box .itemtitle .title .txt,.contact .mainbox .right-box .itemtitle .title .txt .t1 span,.contact .mainbox .right-box .itemtitle .title .txt .t2 span{line-height:4rem}.contact .mainbox .right-box .itemtitle .btn{align-self:center}.contact .mainbox .right-box .itemtitle .btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:5rem}}