html {line-height: 1.2;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;box-sizing: border-box;font-size: 16px;font-family: 'Muli', Arial, sans-serif;color: #3A414E;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;letter-spacing: -0.3px;}
body,input,p,dl,dd,h1,h2,h3,h4,h5,h6,form,figure,menu{margin: 0;}
textarea,input,button,ul,ol{margin: 0;padding: 0;}
body,ul,ol,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea,img,div,a,span,nav,header,main,footer,section,table,td,tr,th,:after,:before,aside,picture,article,summary,details,strong,select,label,form,abbr,address,figure,figcaption,menu{box-sizing: border-box;}
ul li,ol li{list-style: none;}
picture{font-size: 0;display: block;}
a {background-color: transparent;text-decoration:none;-webkit-text-decoration-skip: objects;transition: all ease 0.2s;color: inherit;}
a:hover{outline:none;color: #0099FF;text-decoration: none;}
button,input[type="button"],input[type="submit"],input[type="reset"],a,summary{cursor: pointer;}
audio, video {display: inline-block;}
img {border-style: none;max-width: 100%;}
textarea{resize: vertical;}
button, input, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;border-radius: 0px;}
button,button:focus, input,input:focus, optgroup,optgroup:focus, select,select:focus, textarea,textarea:focus,summary,summary:focus,a,a:focus{outline: none;}
select{padding: 0 10px !important;}
/*placeholder text color*/
::-moz-placeholder { color: #CCCCCC; }
::-webkit-input-placeholder { color:#CCCCCC; }
:-ms-input-placeholder { color:#CCCCCC; }
/*focus:invalid*/
input:focus:invalid, textarea:focus:invalid,select:focus:invalid{ box-shadow: 0 0 0 1px #F43D53;}
::-ms-clear, ::-ms-reveal{display: none;}
/*selection color*/
::-moz-selection{background-color:#0099FF;color:#eee;}
::selection{background-color:#0099FF;color:#eee;}
::-webkit-details-marker { display: none; }
::-moz-list-bullet { font-size: 0;}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius: 0px;}
/*font style*/
.text-underline{text-decoration: underline;}
.text-through{text-decoration: line-through;}
.text-italic{font-style: italic;}

/*font size*/
.text-mini{font-size: 12px}
.text-small{font-size: 14px}
.text-big{font-size: 18px}
.text-super{font-size: 20px}

/*line height*/
.line-1-6{line-height: 1.6}
.line-1-8{line-height: 1.8}
.line-2{line-height: 2}

/*font weight*/
.font-regular{font-family: ProximaSoft-Regular;}
.font-bold{font-family: ProximaSoft-Semibold}
.font-exbold{font-family: ProximaSoft-Extrabld}
/*font justify*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*text color*/
.text-white{color: #fff;}
.text-gray{color: #566278;;}
.text-red{color: #F77062;}
.text-orange{color: #F5A623;}
.text-green{color: #3ECF8E;}
.text-blue{color: #0099FF;}
.text-black{color: #42566D;}
/*background color*/
.bg-white{background-color: #fff;}
.bg-light{background-color: #F7F9FC;}
.bg-gray{background-color: #eee;}
.bg-red{background-color: #F77062;}
.bg-blue{background-color: #0099FF;}
.bg-orange{background-color: #F6C177;}
.tip-ad{font-size: 12px;padding: 10px 0;opacity: 0.5;}

/*container*/
.container{margin: 0 auto;padding: 0 16px;position: relative;}
.container-md{max-width: 1232px;}
.inline-block{display: inline-block;}
.relative{position: relative;}
.com-block{padding: 90px 0;}
.com-block .com-title{font-size: 36px;position: relative;max-width: 760px;margin: 0 auto 74px;}
.com-block .com-title::after{content: '';height: 4px;width: 26px;position: absolute;left: 50%;bottom: -30px;transform: translateX(-50%);background-color: #3ECF8E;}
.com-block .com-title.l::after{left: 0;transform: translateX(0)}
.com-block .com-title.n::after{display: none;}
.com-block .com-tip{margin: -54px auto 0;padding-bottom: 50px;max-width: 760px;}
/*flex*/
.flexible{display: flex;}
.inline-flexible{display: inline-flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-column{flex-direction: column;}
.flex-wrap-nowrap{flex-wrap: nowrap;}
.flex-wrap-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-justify-start{justify-content: flex-start;}
.flex-justify-end{justify-content: flex-end;}
.flex-justify-center{justify-content: center;}
.flex-justify-between{justify-content: space-between;}
.flex-align-start{align-items:flex-start;}
.flex-align-end{align-items:flex-end;}
.flex-align-center{align-items:center;}
/*ul list*/
ul.list-dot,ul.list-ok,ul.list-num{display: flex;text-align: left;flex-direction: column;}
ul.list-dot>li{position: relative;padding-left: 14px;}
ul.list-dot>li:after{content: '';width: 4px;height: 4px;border-radius: 50%;background: currentColor;position: absolute;left:0;top:8px;}
ul.list-dot>li:not(:last-child){margin-bottom: 10px;}

ul.list-ok>li {position: relative;padding-left: 30px;}
ul.list-ok>li:after {content: '';width: 24px;height: 24px;background: url(images/ok.svg);position: absolute;left: 0;top:0;background-size: cover;}
ul.list-ok.white>li:after{background: url(images/ok-white.svg)}
ul.list-ok.yes>li:after{background: url(images/yes.svg);width: 16px;height: 16px;top: 2px;}
ul.list-ok>li:not(:last-child) {padding-bottom:10px}
ul.list-ok.yes>li:not(:last-child) {padding-bottom:16px}

ul.list-num{counter-reset: li;}
ul.list-num>li{position: relative;padding-left: 20px;}
ul.list-num>li:before{content: counter(li)".";counter-increment: li;position: absolute;left:0;top:0;}
ul.list-num>li:not(:last-child){margin-bottom: 10px;}

/*browserupgrade*/
.browserupgrade{text-align: center;height: 580px;padding-top: 200px;font-size: 24px;background: #0099FF;color: #FFF;font-weight: 400;}
.browserupgrade a{color: #FFF;text-decoration: underline;font-weight: 700;}


/*btn*/
.btn{text-align: center;color: #fff;display: inline-block;border-radius: 4px;font-size: 20px;word-break:keep-all;white-space:nowrap;transition: all linear 0.2s;box-shadow: 4px 4px 16px rgba(0,0,0,0.1);text-transform: uppercase;}
.green-btn{background-color: #3ECF8E}
.green-btn:hover{background-color: #24B47E;color: #fff}
.green-btn-border{box-shadow: 0 0 0 2px #3ECF8E;background: #fff;color: #3ECF8E;}
.green-btn-border:hover{background-color: #3ECF8E;color: #fff;}
.white-btn{background-color: #fff;color: #24B47E}
.white-btn:hover{background-color: #24B47E;color: #fff}
.blue-btn{background-color: #0099FF;color: #fff}
.blue-btn:hover{background-color: rgb(0, 131, 218);color: #fff}
.red-btn{background-color: #F77062;color: #fff}
.red-btn:hover{background-color: rgb(221, 74, 57);color: #fff}

/*header*/
nav {height: 36px;line-height: 36px;position: relative;z-index: 2;border-bottom: 1px solid #e8e8e8;}
nav .txt:hover+.group,nav .group:hover{opacity: 1;transform: translateY(45px) scaleY(1);}
nav .group{position: absolute;right: -130px;top: 0;background: #fff;border: 1px solid #EDEDED;box-shadow: 0 2px 22px 0 rgba(0,0,0,0.11), 14px 20px 33px 0 rgba(43,43,88,0.08);border-radius: 6px;padding: 24px 14px 28px;opacity: 0;transform: translateY(-20px) scaleY(0);transform-origin: center top;transition: all ease 0.4s;width: 200px;}
nav .group li:hover,nav .group li:hover a{color: #3ECF8E}
nav .group::after{filter: drop-shadow(0px -1px 0 #EDEDED);content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 11px; border-color: transparent transparent #fff transparent; position: absolute; left: 28px; top: -9px;}
nav .group::before{content: '';width: 100%;height: 18px;position: absolute;top: 0;left: 0;transform: translateY(-100%);}
nav .group svg{margin-right: 10px;}
header{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);position: relative;z-index: 1;height: 68px;}
header ul a{height: 68px;line-height: 68px;}
header.bg-blue ul a:hover{color: #fff;}
header ul>li:not(:last-child) a{margin-right: 46px;}
header ul a.btn{width: 120px;height: 32px;line-height:32px;text-transform: none;font-size: 16px;}
header .bread-nav{margin-left: auto;height: 32px;transition: all linear 0.2s;}
header .bread-nav.actived{transform: rotate(90deg);}

footer{padding: 40px 0 90px;color: #8898AA;border-top: 3px solid #ECF1F5;}
footer .lft{flex-basis: 24.166667%}
footer .lft img{margin-bottom: 10px;width: 128px;}
footer .rgt{flex-basis: 15.5%}
footer .sub{padding-bottom: 20px;font-weight: 700;color: #3A414E;}
footer .follow li:not(:last-child){margin-right: 8px;}
.hidden{display: none;}

#mb-nav {background: #fff;position: absolute;right:0;top:52px;z-index: 1;padding: 10px 0;height: 100%;display: none;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);width: 60%;}
#mb-nav.actived{display: block;}
#mb-nav a{padding: 4px 16px;display: block;border-bottom: 1px solid rgba(0,0,0,0.06);font-size: 16px;}
#mb-nav a.btn{width: 120px;text-transform: none;font-size: 16px;margin: 40px auto 0;}

@media (max-width: 1480px){
    nav .group{right: -8px;padding: 18px 10px;transform: scale(0.6);}
    nav .group li{padding-top:5px;padding-bottom:5px;}
    nav .group::after{left: auto;right:20px;}
    nav .txt:hover+.group,nav .group:hover{transform: translateY(45px) scale(0.8);}
}
@media (max-width: 960px){
    .md-block{display: block;}
	.md-flexible{display: flex;}
	.md-hidden{display: none;}
    .md-column{flex-direction: column;}
    .md-column-reverse{flex-direction: column-reverse;}
	.md-width{width: 100% !important;}
	.md-j-center{justify-content: center;}
	.md-a-center{align-items:center;}
	.md-center{text-align:center;}
	.md-left{text-align:left;}
    .md-right{text-align:right;}

    

    footer .cell:not(:last-child){margin-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,0.06);padding-bottom: 10px;}
    .com-block{padding: 60px 0;}
    .com-block .com-title{font-size: calc(18px + 1.8vw);}
    .com-block .com-title::after{display: none;}
}

@media (max-width: 769px){
    .sm-block{display: block;}
	.sm-inline-block{display: inline-block;}
	.sm-flexible{display: flex;}
	.sm-hidden{display: none;}
	.sm-column{flex-direction: column;}
	.sm-width{width: 100% !important;}
	.sm-j-center{justify-content: center;}
	.sm-a-center{align-items:center;}
	.sm-center{text-align:center;}
	.sm-a-left{align-items: start;}
	.sm-left{text-align:left;}
	.sm-right{text-align:right;}
    .sm-reverse{flex-wrap: wrap-reverse;}

    .com-block{padding: 40px 0;}
    
    header{height: 52px;padding-top:6px;}

}