*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:14px;font-weight:400;line-height:1.5;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{text-decoration:none;background-color:rgba(0,0,0,0)}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500;line-height:1.2}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}body,div,dl,dt,dd,ul,ol,li,pre,form,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}img{vertical-align:middle;border:none}ol,ul,li{list-style:none}table{border-collapse:collapse}html{overflow-y:scroll}body{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑",sans-serif;color:#212121;background-color:#fff}html,body{-ms-overflow-style:scrollbar}a{color:#212121}a:hover{text-decoration:none;color:#ff692f}.head-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.head-wrap .head{width:100%;padding-top:10px;padding-bottom:10px}@media(min-width: 769px){.head-wrap .head{padding-top:30px;padding-bottom:30px}.head-wrap .head.navbar-fixed{padding-top:10px;padding-bottom:10px}}.head-wrap-bg{position:relative;background-color:#091b36;color:#fff}.head-wrap-bg:before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(9,27,54,.95)}.head-wrap-bg .navbar{background-color:rgba(62,87,205,.68)}.head-wrap-bg .layui-nav>.layui-nav-item>a{color:#fff}.head-wrap-bg .login .login-out,.head-wrap-bg .login .login-in{border-radius:50px;border-color:#fff;color:#fff}.head-wrap-bg .login .login-out a,.head-wrap-bg .login .login-in a{color:#fff}.head-wrap-bg .login>.layui-icon{border-color:#fff;background-color:rgba(0,0,0,0)}.head-wrap-bg .login .link-login{color:#fff}.head-wrap-bg .keyword>li{color:#fff}.head-wrap-bg .keyword>li>a{color:#fff}.head-wrap-bg .icon-bar-line{background-color:#fff}.top-tools{width:100%;display:flex;justify-content:flex-end;flex-wrap:wrap;margin-bottom:0}@media(min-width: 769px){.top-tools{margin-top:-15px}}.top-tools .nav-item{white-space:nowrap;margin-left:5px;font-size:14px;color:#999}.top-tools .nav-item:hover{color:#ff692f}.top-tools .lang{cursor:pointer}.top-tools .lang:hover{color:#ff692f}.navbar-fixed{position:fixed;top:0;left:0}.navbar-fixed.head{z-index:9999;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.navbar-fixed .top-tools{display:none}.navbar-fixed .head-inner{margin-top:0}.navbar-fixed .head-inner .inner-logo img{max-height:60px}.navbar-fixed .head-inner .inner-logo img:first-child{display:none}.navbar-fixed .head-inner .inner-logo img:last-child{display:block !important}.navbar-fixed .icon-bar-line{background-color:#3e57cd}.navbar-fixed .layui-nav{background-color:rgba(0,0,0,0)}.navbar-fixed .layui-nav>.layui-nav-item>a{color:#4d4c4b}.navbar-fixed .layui-nav>.layui-nav-item>a:hover{color:#ff692f}.navbar-fixed .login .login-out,.navbar-fixed .login .login-in{border:1px solid #3e57cd;color:#3e57cd;background-color:#fff}.navbar-fixed .login .login-out a,.navbar-fixed .login .login-in a{color:inherit}.navbar-fixed .login>.layui-icon{border:1px solid #3e57cd;color:#fff;background-color:#3e57cd}.navbar-fixed .login .link-login{color:#4d4c4b}.navbar-fixed .navbar{background-color:rgba(243,243,243,.5)}.head-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.head-inner .inner-logo img{max-width:320px;max-height:70px}.logo-shrink{max-width:320px;max-height:70px}.login{padding-left:20px;z-index:99;font-size:16px}@media(min-width: 769px){.login{text-align:right;padding-left:0}}.login .login-in{display:inline-block;padding:5px 18px;border:1px solid #3e57cd;border-radius:5px;color:#3e57cd;transition:.35s ease-in-out}.login .login-in a{color:inherit}.login .login-in.login-radius{border-radius:50px}.login .login-in{position:relative}.login .login-in:hover{border-color:#fff;background-color:#3e57cd;color:#fff}.login .login-in:hover .login-out{display:block}.login .login-out{position:absolute;display:none;top:105%;width:100%;height:100%;padding:5px 18px;border-radius:5px;color:#999;left:0;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:.35s ease-in-out}.login .login-out:hover{border:1px solid #3e57cd;color:#3e57cd !important}.login>.layui-icon{margin-left:5px;padding:6px;border-radius:100%;border:1px solid #3e57cd;font-size:18px;color:#fff;background-color:#3e57cd}.login .link-login{margin-right:15px;color:#4d4c4b}.login .link-login:hover{color:#ff692f}.navbar{flex:1 1 100%;display:none;justify-content:space-between;align-items:center;background-color:rgba(243,243,243,.5);padding-top:15px;padding-bottom:15px;margin-left:-15px;margin-right:-15px}@media(min-width: 992px){.navbar{padding:0;margin-left:0;margin-right:0;flex:1 1 0%;display:flex !important;background-color:rgba(0,0,0,0) !important}}.navbar .layui-nav{background-color:rgba(0,0,0,0)}@media(min-width: 769px){.navbar .layui-nav{flex:1;padding-left:0;padding-right:0;display:flex;justify-content:center}}.navbar .layui-nav>li{margin-right:25px}@media(min-width: 1200px){.navbar .layui-nav>li{margin-right:45px}}.navbar .layui-nav>li:last-of-type{margin-right:0 !important}.navbar .layui-nav>li:last-of-type>a{padding-right:0}.navbar .layui-nav>li>a{color:#4d4c4b;font-size:16px;padding-left:0;padding-right:20px}.navbar .layui-nav>li .layui-icon{font-size:14px;vertical-align:bottom}.navbar .layui-nav>li.active .layui-icon,.navbar .layui-nav>li.active>a{color:#3e57cd}@media(max-width: 768px){.navbar .layui-nav .layui-nav-item{line-height:45px;display:block}}.navbar .layui-nav .layui-nav-item>a{padding-left:0;transition:.35s ease-in-out}.navbar .layui-nav .layui-nav-item>a.active,.navbar .layui-nav .layui-nav-item>a:hover{color:#ff692f}.navbar .layui-nav .dropdown-menu>a{padding-right:20px !important}.navbar .layui-nav .layui-nav-bar{display:none !important}.navbar .layui-nav .layui-this>a{color:#ff692f}.navbar .layui-nav .layui-this:after{height:0;background-color:#ff692f}@media(min-width: 769px){.navbar .layui-nav .layui-nav-child{min-width:160%}}.navbar .layui-nav .layui-nav-child a{transition:.35s ease-in-out}.navbar .layui-nav .layui-nav-child a:hover{background-color:rgba(62,87,205,.9);color:#fff}.navbar-toggle{outline:0;border:0;background-color:rgba(0,0,0,0);margin-left:10px}.icon-bar-line{width:25px;height:2px;transition:.5s;background-color:#3e57cd;display:none}.icon-bar-line:first-of-type{transform:rotate(-45deg);display:block}.icon-bar-line:last-of-type{transform:rotate(-135deg);display:block}.collapsed .icon-bar-line+.icon-bar-line{margin-top:6px}.collapsed .icon-bar-line{display:block;transform:rotate(0)}.body{width:1920px;max-width:100%;margin:0 auto;color:#646c71}a{color:#999}a:hover{color:#ff692f;text-decoration:none}.container{position:relative}@media(min-width: 1590px){.container{min-width:100%}}@media(min-width: 1600px){.container{min-width:1450px}}.bg-wrapper{background-color:#f4f4f6}@media(min-width: 992px){.navbar{padding-top:0;padding-bottom:0}}.navbar.show{display:block !important}.navbar-brand img{max-width:100%;max-height:32px}.navbar-custom>li{position:relative}.navbar-custom>li>a{display:block;color:#646c71;transition:.35s ease-in-out;padding:.75rem 0;border-bottom:1px solid #f4f4f6;font-size:14px}@media(min-width: 992px){.navbar-custom>li>a{padding:.5rem .75rem;border-bottom:0}}.navbar-custom>li>a.active{color:#ff692f}.navbar-custom>li>a:hover{color:#ff692f}.navbar-custom>li>a:hover .layui-icon{color:#ff692f}.navbar-custom>li.active>a{color:#ff692f}.navbar-custom .dropdown-toggle:after{content:none}.navbar-custom .dropdown-menu{background-color:#fff;border:0;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#666;top:95%}.navbar-custom .dropdown-menu .dropdown-item{color:#666}.navbar-custom .dropdown-menu .dropdown-item:hover{color:#ff692f;background-color:rgba(0,0,0,0)}.navbar-custom .dropdown-menu .dropdown-item.active{background-color:#ff692f;color:#fff}.navbar-custom .layui-icon{font-size:14px;color:#666}.navbar-custom .layui-icon:before{display:inline-block;transition:.35s ease-in-out}.navbar-custom .show .layui-icon-down:before{transform:rotate(180deg)}@media(max-width: 991px){.navbar-collapse{margin:5px -15px;padding:5px 15px;background-color:#f9f9f9}.navbar-collapse .search-bar .search-input{background-color:#fff}}.company-header{padding:.9rem 0}@media(min-width: 769px){.company-header{padding:1.2rem 0}}.company-header .content{display:flex;align-items:center}.company-header .logo{flex-basis:auto;max-width:30%;text-align:center;margin-bottom:10px}@media(min-width: 481px){.company-header .logo{flex-basis:auto;max-width:280px;min-width:120px;padding-right:1.5rem;text-align:left;margin-bottom:0}}.company-header .logo img{max-width:100%;height:auto;max-height:90px}.company-header .info{flex:1;position:relative}@media(min-width: 992px){.company-header .info-shrink{padding-right:150px}}.company-header .vip{background:linear-gradient(88deg, #fde2b6, #fcdfae 16%, #f4c069);padding:5px 15px;color:#6b2d00;display:inline-flex;align-items:center}@media(min-width: 992px){.company-header .vip{position:absolute;right:0;top:50%;transform:translateY(-50%)}}.company-header .vip .bi{color:#6b2d00;font-size:18px}.company-header .vip img{width:18px;height:auto;margin-right:8px}.company-header .vip .num{font-size:18px;font-weight:bold;color:#f60;margin-left:3px;margin-right:3px}@media(min-width: 481px){.company-header .vip{display:flex;min-width:166px;max-width:178px}.company-header .vip .bi{color:#6b2d00;font-size:24px}.company-header .vip img{width:24px}.company-header .vip .num{font-size:24px}}.company-header .vip-year{display:inline-flex;align-items:center}@media(min-width: 992px){.company-header .vip-year{position:absolute;right:0;top:50%;transform:translateY(-50%)}}.company-header .vip-year img{height:auto;margin-right:3px;width:50px}.company-header .vip-year .num{font-size:18px;font-weight:bold;color:#f60;margin-left:3px;margin-right:3px}@media(min-width: 481px){.company-header .vip-year{display:flex;max-width:128px}.company-header .vip-year img{width:64px}.company-header .vip-year .num{font-size:24px}}.company-header .title{font-size:18px;font-weight:700;color:#333}@media(min-width: 480px){.company-header .title{font-size:22px}}@media(max-width: 480px){.company-header .tags{display:none !important}}.company-header .tags>*{display:inline-block;background-color:#f4f4f6;font-size:14px;color:#646c71;padding:3px 5px;border-radius:3px;margin-bottom:3px}.company-profile{line-height:28px}.company-profile img{max-width:100%;height:auto}.bg-gray{background-color:#f4f4f6}.banner{text-align:center}.banner img{max-width:100%}@media(min-width: 1900px){.banner img{width:100%}}.banner .swiper-pagination-bullet{transition:.35s ease-in-out}.banner .swiper-pagination-bullet:hover{background-color:#3e57cd}.banner .swiper-pagination-bullet-active{background-color:#3e57cd}.banner .slider-button-right,.banner .slider-button-left{position:absolute;top:50%;width:50px;height:50px;transform:translateY(-50%);transition:all .35s ease-out;color:#fff;background-color:rgba(0,0,0,.2);font-size:32px;z-index:10;opacity:0}.banner .slider-button-right:hover,.banner .slider-button-left:hover{background-color:#3e57cd}.banner .slider-button-right .bi,.banner .slider-button-left .bi{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.banner .slider-button-right{right:0}.banner .slider-button-left{left:0}.banner .swiper-container:hover .slider-button-right,.banner .swiper-container:hover .slider-button-left{opacity:1}.main-content{min-width:320px;max-width:100%}@media(min-width: 769px){.main-content{max-width:calc(100% - 300px)}}@media(min-width: 992px){.main-content{max-width:calc(100% - 350px)}}.right-sidebar{min-width:280px}@media(min-width: 769px){.right-sidebar{flex-basis:300px;max-width:300px}}@media(min-width: 992px){.right-sidebar{flex-basis:350px;max-width:350px}}.panel{background:#fff;padding:15px;border-radius:6px;margin-top:16px;position:relative;border-color:#fff;margin-bottom:16px}@media(min-width: 481px){.panel{padding:30px;margin-bottom:20px}}.panel-title{font-size:20px;line-height:28px;color:#333;font-weight:bold;position:relative;padding-left:12px}.panel-title .line{width:4px;height:16px;background:#3e57cd;position:absolute;left:0;top:0;bottom:0;margin:auto}.position-sticky{position:stikcy;top:0}.panel-body{margin-top:20px}.panel-tags{display:flex;flex-wrap:wrap;margin:20px -8px -5px}.panel-tags .item{font-size:14px;line-height:16px;color:#595959;background:rgba(62,87,205,.1);padding:8px 20px;border-radius:16px;margin-right:16px;margin-left:8px;margin-bottom:8px}.panel-tags .item span{color:#262626}.bref-info{margin:20px 0;background-color:#fbfbfb;border-radius:3px;padding:15px}.bref-info .item{display:flex;flex-wrap:wrap}.bref-info .item:not(:last-child){margin-bottom:1rem}.bref-info .item .tit{flex-basis:140px;max-width:140px;white-space:nowrap;color:#999}.bref-info .item .txt{color:#666}.btn-send{font-size:18px;display:block;border-radius:5px;line-height:42px;text-align:center;padding:0 20px;background-color:#ef1f1f;color:#fff}.btn-send:hover{background-color:#f42424;color:#fff}.contact-head{margin-bottom:20px}.contact-base,.contact-info{margin-bottom:10px}.contact-base>p,.contact-info>p{margin-bottom:10px;display:flex;word-break:break-word;align-items:center}.contact-base .bi,.contact-info .bi{font-size:20px;margin-right:10px;vertical-align:middle}.contact-info+.contact-info{padding-top:10px;border-top:1px solid #f4f4f6}.divider-line{background-color:#f4f4f6;display:block;width:100%;height:1px}.product-list{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;margin-top:-15px}.product-list>li{padding:15px 15px 0;flex:1;max-width:100%}@media(min-width: 481px){.product-list>li{flex-basis:50%;max-width:50%}}@media(min-width: 992px){.product-list>li{flex-basis:33.33%;max-width:33.33%}}.product-list>li .item{display:block;border:1px solid #f1f1f1;border-radius:5px;padding-bottom:10px}.product-list>li .item:hover{box-shadow:0 10px 20px rgba(0,0,0,.1)}.product-list>li .item:hover .title{color:#ff692f}.product-list>li .item:hover .tags{color:#646c71}.product-list>li .item:hover .pic img{transform:scale(1.05)}.product-list .tag{display:inline-block;padding:1px 5px;margin-bottom:3px;background-color:#f4f4f6;border-radius:2px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.product-list .tags{display:inline-block;padding-left:12px;padding-right:10px;position:relative;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.product-list .tags:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:5px;width:5px;border-radius:100%;background-color:#999}.product-list .text{padding:10px 15px 0}.product-list .title{color:#212121;display:block;padding-bottom:.5rem;border-bottom:1px solid #f1f1f1;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-list .title:hover{color:#ff692f}.product-list .desc{font-size:0}@media(min-width: 481px){.product-list .desc{min-height:57px}}@media(min-width: 992px){.product-list .desc{min-height:81px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.product-list .pic{display:block;position:relative;overflow:hidden}.product-list .pic img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;max-width:100%;max-height:100%;transition:.5s ease-in-out;text-align:center;vertical-align:middle;max-width:calc(100% - 15px);max-height:calc(100% - 15px);transition:.35s ease-in-out}.product-list .pic i{display:block;padding-bottom:100%}.bg-footer{position:relative}.bg-footer .footer-state,.bg-footer .copyright{font-size:14px;line-height:24px}.bg-footer .beian{color:rgba(102,102,102,.8)}.bg-footer .beian:hover{color:rgba(255,105,47,.95)}@media(max-width: 991px){.bg-footer .footer-state{order:-1;margin-bottom:.8rem}}.links-title{position:relative;font-size:18px;color:rgba(255,255,255,.5)}.links-title:before{position:absolute;top:0;left:0;width:120px;border-top:1px solid #3e57cd}.links{padding-bottom:15px;border-bottom:1px solid #f4f4f6;margin-bottom:15px;display:flex;flex-wrap:wrap}.links-list a{color:#fff;font-size:14px;margin-right:8px}.links-list a:hover{color:#ff692f}.swiper-divider{display:flex;flex-wrap:wrap}@media(min-width: 769px){.swiper-divider{flex-wrap:nowrap}.swiper-divider .swiper-content{flex-basis:75%;max-width:75%}.swiper-divider .swiper-list{padding-left:30px;flex-basis:25%;max-width:25%}}.swiper-content .swiper-button-next,.swiper-content .swiper-button-prev{background-color:rgba(0,0,0,.2);color:#fff;opacity:.5}.swiper-content .swiper-button-next:after,.swiper-content .swiper-button-prev:after{font-size:24px}.swiper-content .swiper-button-next.swiper-button-disabled,.swiper-content .swiper-button-prev.swiper-button-disabled{cursor:not-allowed;color:#666;background:#f7f8fa;opacity:.5}.swiper-list .swiper-container{min-height:280px;max-height:420px}.swiper-list .swiper-slide{height:50px;position:relative}@media(min-width: 992px){.swiper-list .swiper-slide img{height:100%;max-width:100%}}.swiper-list .desc h3{margin-top:5px;line-height:2;color:#666;font-size:16px}.swiper-list .swiper-slide-thumb-active .pic{border:4px solid #ff692f;overflow:visible}.swiper-list .swiper-slide-thumb-active .desc h3{color:#ff692f}.table-wrapper{width:100%;margin-bottom:1rem}.table-wrapper.table-row4 th{width:25%}.table-wrapper th,.table-wrapper td{border-bottom:1px solid #f6f6f6;padding:8px}@media(min-width: 769px){.table-wrapper th,.table-wrapper td{padding:12px 16px}}.table-wrapper th{background-color:#fafafa;white-space:nowrap}.table-wrapper tr:hover{background-color:#f6f6f6}.table-wrapper .info-pic-box{width:45px;height:60px}.table-wrapper .info-pic-box img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.text-red{color:#ff5722}.text-green{color:#16b777}.link-accent{color:#ff692f !important}.cert-cover{max-width:100%;height:auto}@media(min-width: 769px){.cert-cover{max-width:180px;max-height:120px}}.nav-lang .dropdown-toggle{color:#999}.nav-lang .dropdown-toggle:after{content:"";display:none}.nav-lang .dropdown-toggle .bi{font-size:12px;transition:.35s ease-in-out}.nav-lang .dropdown-toggle>.dropdown-title{color:#999}.nav-lang .dropdown-toggle:hover .bi{transform:rotate(180deg)}.nav-lang .dropdown-item{color:#999;cursor:pointer}.nav-lang .dropdown-item:hover,.nav-lang .dropdown-item:focus{background-color:#ff692f;color:#fff}.nav-lang .dropdown-item.active{background-color:#ff692f;color:#fff}.social-body{background-color:#f9f9f9}.social-body .container-fluid{padding-left:0;padding-right:0}.social-wrapper{position:relative;margin:0 auto;width:100%;max-width:475px;background-color:#fff}.header-section{display:flex;align-items:flex-end;min-height:150px;padding-bottom:1rem}.header-section .logo{max-height:300px}.user-profile{align-items:center;flex-wrap:nowrap}.user-profile .name{font-size:25px}.user-profile .subtitle{font-size:16px;color:#666}.user-profile .avatar{position:relative;height:100px;width:100px;overflow:hidden;border-radius:100%}.user-profile .avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;max-width:100%;max-height:100%;transition:.5s ease-in-out;text-align:center;vertical-align:middle}@media(min-width: 769px){.user-profile .avatar{width:100px;height:100px}}.social-list{display:flex;margin-left:-10px;margin-right:-10px;margin-bottom:1rem}.social-list>li{flex:1;padding:10px}.social-list>li a{display:block;width:100%;padding-bottom:100%;position:relative;background-color:#f5f5f5;border-radius:100%;text-align:center}.social-list>li a>.bi{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:32px}@media(min-width: 400px){.social-list>li a>.bi{font-size:36px}}.socail-card{padding:30px;background:#f1f1f1}.cricle-cards{margin-left:-15px;display:flex;flex-wrap:wrap;list-style:none;padding:0}@media(min-width: 769px){.cricle-cards{justify-content:center}}.cricle-cards li{flex:1;flex-basis:50%;max-width:50%;padding:15px;flex-basis:33.33%;max-width:33.33%}.cricle-cards .title{text-align:center;line-height:1.8}.cricle-cards .pic{width:100%;padding-bottom:calc(100% - 10px);position:relative;background-color:#007ab9;border-radius:100%;text-align:center;position:relative;border:5px solid #fff}.cricle-cards .pic .small-icon{position:absolute;right:-20px;bottom:10%;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;border-radius:100%;background-color:#007ab9;border:1px solid #fff}.cricle-cards .pic .small-icon .bi{color:#fff;font-size:12px}.cricle-cards .pic.bg-whatsapp{background-color:#25d366}.cricle-cards .pic.bg-whatsapp .small-icon{background-color:#25d366}.cricle-cards .pic>.bi{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:28px;color:#fff}.head-wrapper{padding:0 30px}.qrcode-card{width:170px;height:190px;padding-top:10px;text-align:center;background-color:#fff;margin:auto;box-shadow:0 0 5px rgba(0,0,0,.1)}.qrcode-card canvas{max-width:100%}.qrcode-title{color:#000;text-align:center}