@font-face { font-family: RobotoMono-Regular; src: url("https://bce-cdn.bj.bcebos.com/fonts/RobotoMono-Regular/RobotoMono-Regular.eot") format("embedded-opentype"), url("https://bce-cdn.bj.bcebos.com/fonts/RobotoMono-Regular/RobotoMono-Regular.woff") format("woff"), url("https://bce-cdn.bj.bcebos.com/fonts/RobotoMono-Regular/RobotoMono-Regular.ttf") format("truetype"), url("https://bce-cdn.bj.bcebos.com/fonts/RobotoMono-Regular/RobotoMono-Regular.svg") format("svg"); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, Sans-Serif;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
.bg--img, [data-bg-img] { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.bg--img-bottom { background-size: auto; background-position: center 101%; }
[data-trigger="parallax_layers"] { position: relative; overflow: hidden; z-index: 0; pointer-events: auto !important; }
[data-trigger="parallax_layers"] [data-bg-img][data-depth] { width: 118%; height: 118%; z-index: -1; position: absolute !important; top: -8% !important; left: -8% !important; }
.banner--section {position: relative;color: rgb(81, 101, 118);z-index: 0;background: #f6f6ff;}
.banner--bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; }
.banner--slider .owl-nav div { color: rgb(255, 255, 255); margin-top: -25px; text-align: center; position: absolute; width: 50px; height: 50px; background-color: rgb(248, 24, 61); top: 50%; left: 50px; line-height: 48px; font-size: 20px; border-radius: 50%; }
.banner--slider .owl-nav .owl-next { left: auto; right: 50px; }
.banner--slider .owl-nav::before, .banner--slider .owl-nav::after { content: " "; display: table; }
.banner--slider .owl-nav::after { clear: both; }
.banner--slider:hover .owl-nav > div { display: block; }
.banner--slider .owl-nav > div { float: left; width: 50px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-radius: 50%; font-size: 16px; line-height: 50px; text-align: center; transition: background-color 0.25s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 10px 0px; display: none; }
.banner--slider .owl-nav > div:hover { }
.banner--slider .owl-nav > div.owl-next { float: right; }
.banner--slider .owl-nav > div .fa { font-weight: 400; font-family: "Font Awesome 5 Pro" !important; }
.banner--slider-nav { position: relative; margin-top: -73px; z-index: 1; }
.banner--slider-nav .nav { font-size: 0px; line-height: 0; }
.banner--slider-nav li { display: inline-block; padding-top: 40px; font-size: 14px; line-height: 18px; transition: padding-top 0.25s ease-in-out 0s; vertical-align: bottom; cursor: pointer; }
.banner--slider-nav li:hover, .banner--slider-nav li.active { padding-top: 0px; }
.banner--slider-nav li .icon { position: relative; padding: 0px 30px; z-index: 0; }
.banner--slider-nav li .icon::before { content: " "; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; background-color: rgb(63, 94, 251); transition: background-color 0.25s ease-in-out 0s; z-index: -1; }
.banner--slider-nav li:hover .icon::before, .banner--slider-nav li.active .icon::before { background-color: rgb(255, 255, 255); }
.banner--slider-nav li .icon .fa { position: relative; min-width: 65px; padding: 18.5px 0px; font-size: 24px; color: rgb(255, 255, 255); border: 2px solid rgb(0, 0, 0); border-radius: 50%; text-align: center; transition: border-color 0.25s ease 0s; z-index: 0; }
.banner--slider-nav li:hover .icon .fa, .banner--slider-nav li.active .icon .fa { border-color: rgb(63, 94, 251); }
.banner--slider-nav li .icon .fa::after { content: " "; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgb(63, 94, 251); border: 5px solid rgb(255, 255, 255); border-radius: 50%; transition: background-color 0.25s ease-in-out 0s; z-index: -1; }
.banner--slider-nav li:hover .icon .fa::after, .banner--slider-nav li.active .icon .fa::after { background-color: rgb(0, 0, 0); }
.banner--slider-nav li .content { padding: 26px 30px; font-family: Poppins, serif; transition: padding 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s; }
.banner--slider-nav li:hover .content, .banner--slider-nav li.active .content { padding-top: 46px; padding-bottom: 46px; color: rgb(131, 153, 171); background-color: rgb(255, 255, 255); }
.banner--slider-nav li .content .h3 { margin-top: 0px; font-weight: 500; }
.banner--slider-nav li:hover .content .h3, .banner--slider-nav li.active .content .h3 { color: rgb(63, 94, 251); }
.banner--slider-nav li .content p { margin-bottom: 4px; font-size: 14px; line-height: 24px; }
.banner--slider-nav li .content .h3 + p { margin-top: 14px; }
.banner--item { position: relative; overflow: hidden; z-index: 0; }
.banner--item > .container > .row { display: flex; -webkit-box-align: center; align-items: center; }
.banner--content { padding-bottom: 60px; font-size: 16px; line-height: 28px; padding-top: 40px; }
.banner--content .h1 { position: relative; margin: 0px; color: rgb(46, 51, 65); font-size: 38px; line-height: 70px; z-index: 0; font-weight: 400; }
.banner--content .h1::before { content: " "; position: absolute; left: 0px; right: 0px; bottom: -10px; max-width: 50px; height: 3px; background-color: rgb(60, 66, 84); z-index: -1; }
.banner--content p { margin-top: 31px; margin-bottom: 0px; color: rgb(60, 66, 84); }
.banner--content .btn { margin-top: 30px; margin-right: 15px; }
body.loaded #banner > .banner--item .banner--content .h1, body.loaded #banner > .banner--item .banner--content .h1 + p, body.loaded #banner > .banner--item .banner--content .btn, body.loaded .owl-item.active .banner--content .h1, body.loaded .owl-item.active .banner--content .h1 + p, body.loaded .owl-item.active .banner--content .btn { animation-name: fadeInDown; animation-duration: 0.95s; animation-delay: 0.55s; visibility: visible; }
body.loaded #banner > .banner--item .banner--content .btn, body.loaded .owl-item.active .banner--content .btn { animation-name: fadeInUp; }
.banner--img { padding-bottom: 60px; position: relative !important; }
.banner--img img { display: block; margin: 0px auto; }
.owl-carousel .owl-item .banner--img img {width: 80%;height: 100%;float: right;}
body.loaded #banner > .banner--item .banner--img img, body.loaded #banner > .banner--item .banner--offer, body.loaded .owl-item.active .banner--img img, body.loaded .owl-item.active .banner--offer { animation-name: fadeInDown; animation-duration: 0.95s; animation-delay: 0.55s; visibility: visible; opacity: 1; }
body.loaded .owl-item.active .banner--img img { animation-name: fadeIn; }
body.loaded #banner > .banner--item .banner--offer, body.loaded .owl-item.active .banner--offer { animation-name: fadeInUp; }
@media (max-width: 480px) {
  .banner--content .h1 { padding-bottom: 10px; font-size: 30px; line-height: 40px; }
}
.banner--offer { margin-top: 45px; text-align: center; }
.banner--offer-content { display: inline-block; padding: 20px 30px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border-radius: 4px; font-size: 16px; font-weight: lighter; }
.banner--offer-content .h2 { margin: 13px 0px 14px; color: rgb(63, 94, 251); }
.banner--offer-content .btn { margin-top: 19px; }
.btn-learn-more { color: rgb(255, 255, 255); font-size: 14px; text-align: center; line-height: 20px; padding: 8px 40px;  border-radius: 2px; margin-top: 60px; color: #ffffff;
    background: #212830;
    font-size: 16px;
    line-height: 34px;
    font-weight: 400;









    border: 1px solid #212830;}
.btn-learn-more:hover { background-color: rgb(83, 146, 255); color: rgb(255, 255, 255); }
.btn-learn-more:visited, .btn-learn-more:focus { color: rgb(255, 255, 255); }
a.more-text { color: rgb(255, 255, 255); }
.nav-menu .nav-list-first { width: 210px; height: 100%; float: left; padding-top: 30px; background: rgb(243, 245, 247); min-height: 500px; }
.nav-menu .nav-content { width: 100%; height: 100%; position: absolute; padding: 30px 36px 0px 50px; top: 0px; left: 0px; display: none; }
.nav-menu-content { width: 990px; height: 100%; position: relative; background: rgb(255, 255, 255); float: left; }
.nav-list-first .selected-li > span { display: block; padding: 0px 0px 0px 40px; border-bottom: 1px solid rgb(255, 255, 255); }
.nav-list-first > li { height: 50px; line-height: 50px; font-size: 14px; text-align: left; }
.nav-list-first .selected-li.current { background: rgb(255, 255, 255); color: rgb(51, 125, 255); }
.nav-content .nav-content-list { width: 100%; height: auto; }
.nav-dropdown .nav-container .nav-content .nav-list-second { display: flex; flex-flow: column wrap; align-items: flex-start; height: 100%; min-width: 200px; }
.nav-content .nav-list-second ul li a { font-size: 12px; color: rgb(51, 51, 51); line-height: 24px; display: inline-block; height: auto; margin: 2px 0px; text-align: left; }
.nav-content .nav-list-second span { display: inline-block; width: 100%; height: 42px; line-height: 42px; margin-bottom: 2px; font-size: 14px; font-weight: bold; color: rgb(1, 15, 57); border-bottom: 1px solid rgb(237, 237, 237); }
.space2x { padding-top: 100px; padding-bottom: 100px; }
.coalcloud-topindex-left p {color: rgb(27, 30, 63);font-size: 16px;line-height: 26px;margin-top: 17px;margin-bottom: 10px;margin-left: 10px;}
.coalcloud-topindex-left img { width: 150px; height: 36px; }
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 0px; padding-left: 0px; padding-right: 0px; }
@media (min-width: 768px) {
  .col-sm-5ths { width: 20%; float: left; }
}
@media (min-width: 992px) {
  .col-md-5ths { width: 20%; float: left; }
}
@media (min-width: 1200px) {
  .col-lg-5ths { width: 20%; float: left; }
}

section.ssl-brands {
    background: rgb(249, 250, 253);
}

section.event-list {background: #f9fafd;}
.home-event {
    z-index: 1;
    background: #ffffff;
}
.home-event .event-items {
    position: relative;
    top: -55px;
    border-radius: 4px;
    padding: 30px;
    background-color: #FFF;
    background: rgb(255, 255, 255);
    transition: all 0.3s ease-out 0s;
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px;
    border-radius: 4px;
}
.home-event .event-item {
    display: flex;
    align-items: center;
}
.home-event .event-item-icon {
    height: 60px;
    width: 60px!important;
    margin-right: 20px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
min-width: 60px;}
.home-event .event-item-icon.icon1 {
    background-image: url("../img/event_1.png");
}
.home-event .event-item-icon.icon2 {
    background-image: url("../img/event_2.png");
}
.home-event .event-item-icon.icon3 {
    background-image: url("../img/event_3.png");
}
.home-event .event-item-icon.icon4 {
    background-image: url("../img/event_11.png");
}
.home-event .event-item-info h3 {
    font-size: 15px;
    font-weight: 400;
}
.home-event .event-item-info p {
    color: rgba(17,51,82,.6);
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0px;
}
.home-hot-left-box {background-image: linear-gradient(0deg, rgb(103, 161, 241) 2%, rgb(49, 128, 240));height: 100%;border-radius: 2px;background-size: cover;background-position: 50% center;padding-top: 10px;position: relative;min-height: 420px;}
.home-hot-produtc {text-align: center;padding-bottom: 20px;position: relative;bottom: 0px;}
.home-hot-produtc .home-hot-produtc-all {border: 1px solid rgb(255, 255, 255);border-radius: 2px;font-size: 12px;color: rgb(255, 255, 255);width: 130px;height: 28px;bottom: 28px;margin: 19px auto 0px;line-height: 28px;}
.home-hot-produtc .home-hot-produtc-all:hover { color: rgb(51, 125, 255); }
.home-hot-left-box .hot-product-list { text-align: left; }
.home-hot-left-box .hot-product-list .container .home-hot-product-title { font-size: 14px; color: rgb(255, 255, 255); text-align: left; margin-left: 16px; padding-top: 10px; }
.home-hot-left-box .hot-product-list .container .home-hot-product-item {margin-left: 16px;margin-bottom: 10px;padding-top: 10px;}
.home-hot-left-box .hot-product-list .container .home-hot-product-item .productCaseChild-nuxt { padding: 0px 5px; color: rgb(255, 255, 255); }
.home-hot-left-box .hot-product-list::after { content: ""; position: absolute; height: 1px; width: 212px; background-color: rgb(255, 255, 255); opacity: 0.5; margin-left: 16px; transform: scaleY(0.5); }
.home-hot-left-box .hot-product-list .container .home-hot-product-item .productCaseChild { position: relative; opacity: 0.8; font-size: 12px; color: rgb(255, 255, 255); }
.home-hot-left-box .hot-product-list .container .home-hot-product-item .productCaseChild:first-child a { padding-left: 0px; }
.hot-product-list.hover-class { background-color: rgb(255, 255, 255); }
.hot-product-list.hover-class .container .home-hot-product-title { color: rgb(21, 24, 30); }
.home-hot-left-box .hot-product-list.hover-class .container .home-hot-product-item .productCaseChild-nuxt { color: rgb(110, 110, 110); }
.tab-content.overflow-hide.show { display: block; }
.tab-content.overflow-hide { display: none; }
.home-hot-product-box { border-radius: 2px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 16px 0px; text-align: left; padding: 30px 30px 0px; position: relative; cursor: pointer; display: block; height: 198px; margin-bottom: 20px; }
.home-hot-product-box:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 16px 0px; cursor: pointer; }
.home-hot-product-box .product-title { margin: 0px; font-size: 18px; line-height: 25px; color: rgb(21, 24, 30); }
.home-hot-product-box .product-content { margin-top: 10px; font-size: 14px; line-height: 20px; color: rgb(110, 110, 110); max-height: 80px; overflow: hidden; text-overflow: ellipsis; }
.home-hot-product-box .product-money { font-size: 12px; position: absolute; left: 30px; bottom: 22px; color: rgb(0, 0, 0); }
.product-money .product-price { font-size: 18px; margin-right: 5px; font-weight: 700; }
.home-hot-product-box .product-link { font-size: 12px; line-height: 16px; padding: 6px 20px; color: rgb(255, 255, 255); background-color: rgb(51, 125, 255); position: absolute; bottom: 20px; right: 30px; border-radius: 2px; display: none; }
.home-hot-product-box:hover .product-link { display: block; }
section.article-banner {margin-top: 0px;height: 300px;box-sizing: border-box;background: url("../img/article-banner.png") center top / 1920px 280px no-repeat rgb(204, 204, 204);padding-top: 85px;background-size: cover;position: relative;background-position: center;}
.article-banner-text h2 {font-family: PingFangSC-Medium;font-size: 38px;text-align: left;line-height: 58px;font-weight: 400;}
p.hero-slogan {margin-top: 4px;font-size: 16px;line-height: 30px;}
.article-banner-text p {margin-top: 4px;font-size: 16px;line-height: 30px;}
.article-content { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px 0px; border-radius: 4px; }
.article-sidebar .widget { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px 0px; border-radius: 4px; }
.news-tabs ul { margin: 0px; list-style-type: none; }
.news-tabs ul li.active { color: rgb(36, 104, 242); }
.news-tabs ul li { margin-right: 40px; list-style-type: none; float: left; height: 32px; font-family: PingFangSC-Medium; font-size: 18px; color: rgb(25, 28, 61); letter-spacing: 0px; line-height: 32px; cursor: pointer; }
.news-tabs { padding-bottom: 40px; margin-bottom: 20px; }
.pages-tabs { height: 60px; }
.pages-tabsFix {background: hsla(0, 0%, 100%, 0.8);backdrop-filter: blur(5px);position: absolute;bottom: 0;left: 0;right: 0;}
.pages-tabsFix.fixed { position: fixed; top: 56px; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; z-index: 100; }
.pages-tabs .container {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.tabs-item {display: flex;align-items: center;justify-content: center;height: 60px;flex: 1 1 0%;padding: 0px 20px;}
.tabs-item.active {background-color: rgb(255, 255, 255);border-bottom: 2px solid #07e897;cursor: pointer;}
.tabs-item > a { color: rgb(102, 102, 102); font-size: 16px; }
.tabs-item.active a { color: rgb(75, 121, 227); }
.tabs-item > a:hover { color: rgb(9, 132, 227); text-decoration: none; }
.space { padding-top: 10px; padding-bottom: 50px; }
.pcnav-content h3 { display: inline-block; width: 100%; height: 42px; line-height: 42px; margin-bottom: 2px; font-size: 14px; font-weight: 700; color: rgb(1, 15, 57); border-bottom: 1px solid rgb(237, 237, 237); padding-bottom: 20px; }
ul.nav-submenu-list li > a { font-size: 12px; color: rgb(51, 51, 51); line-height: 24px; display: inline-block; height: auto; margin: 2px 0px; text-align: left; }
section.pages-banner img { max-width: 100%; }
.pages-title {color: rgb(0, 0, 0);font-size: 34px;line-height: 54px;margin: 0px;font-weight: 400;}
section.pages-banner { background: rgb(246, 248, 251) !important; }
.banner-title { padding-top: 72px; }
.pages-subtitle { color: rgb(39, 42, 73); opacity: 0.8; line-height: 26px; font-family: PingFangSC-Regular; margin-top: 16px; font-size: 13px; }
.enterbtn { padding-top: 50px; }
.enterbtn a {background: rgb(36, 104, 242);border-radius: 30px;color: rgb(255, 255, 255);text-align: center;transition: all 0.2s ease-in-out 0s;padding: 10px 40px;margin-right: 10px;font-size: 14px;}
.enterbtn a:hover { background: rgb(0, 77, 233); box-shadow: rgb(229, 233, 240) 0px 0px 0px 2px; color: rgb(255, 255, 255); }
.pricebox {position: relative;top: 0px;border-radius: 6px;background: rgb(255, 255, 255);padding: 40px 30px;transition: box-shadow 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px 0px;height: 100%;min-height: 500px;}
.pricebox:hover, .pricebox.active {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 8px;webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);}
.pricebox .new { display: inline-block; padding: 0px 4px; color: rgb(255, 255, 255); background-color: rgb(255, 152, 3); border: 1px solid rgb(255, 152, 3); font-size: 14px; }
.pricebox .new.unvisible { visibility: hidden; }
.pricebox .percent { display: inline-block; margin-right: 5px; padding: 0px 6px; border: 1px solid rgb(246, 107, 5); color: rgb(246, 107, 5); font-size: 14px; }
.pricebox .name {display: block;font-style: normal;font-weight: 500;margin: 0;font-size: 18px;color: #333333;text-align: center;line-height: 32px;}
.pricebox .badge.deeporange { position: absolute; top: -1px; left: -1px; display: inline-block; border-radius: 6px 0px 0px; color: rgb(255, 255, 255); padding: 8px 10px; background-color: rgb(255, 111, 0); }
.pricebox .badge.qty { position: absolute; top: -1px; left: -1px; display: inline-block; border-radius: 6px 0px 0px; color: rgb(255, 255, 255); padding: 8px 10px; background-color: rgb(0, 125, 194); }
.pricebox dl, .pricebox dl dd, .pricebox dl dt { line-height: 2.2; margin-bottom: 0px; }
.pricebox dl dt { float: left; min-width: 90px; color: rgb(153, 153, 153); }
.pricebox dl dd { color: rgb(51, 51, 51); font-weight: 500; }
.pricebox .cost {font-size: 18px;margin-bottom: 30px;text-align: center;padding-top: 10px;position: absolute;left: 0;width: 100%;bottom: 60px;}
.pricebox .cost s { display: block; text-decoration: line-through; font-size: 16px; }
.pricebox .cost .big {font-size: 30px;font-weight: bold;font-family: RobotoMono-Regular !important;color: #D0021B;}
.pricebox .cost .won { font-size: 14px; color: rgb(183, 183, 183); vertical-align: text-top; }
.pricebox .btn:link, .pricebox .btn:focus, .pricebox .btn:active {border-width: 0px;padding: 12px 0px;font-weight: 600;}
.pricebox .btn-primary {-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: #2468F2;-webkit-transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-ms-transition: 0.2s all ease-in-out;-o-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;width: 100%;}
.pricebox .btn-outofstock { color: rgb(255, 255, 255); cursor: no-drop; background-color: rgb(156, 160, 167); }
.pricebox .btn-primary:hover {
    cursor: pointer;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 5px 10px rgba(36, 104, 242, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(36, 104, 242, 0.2);
    box-shadow: 0 5px 10px rgba(36, 104, 242, 0.2);
}
.pricebox .pricedesc {
    padding: 20px 0 0;
    box-sizing: border-box;
    margin-top: 20px;
    border-top: solid 1px #EBEBEB;
}

.pricedesc .item .value {
    font-size: 13px;
    color: #2467f1;
    font-weight: 500;
}

.pricedesc .item {
    display: flex;
    margin-bottom: 12px;
    line-height: 12px;
}

.pricedesc .item .label {
    font-size: 13px;
    color: rgba(39, 49, 79, 0.65);
    width: 50px;
    font-weight: 500;
    padding: 0;
}

.pricedesc .item .separator {
    font-size: 13px;
    color: #c5c5c5;
    margin: 0 16px 0 8px;
    font-weight: 500;
}


.head-top {
	margin-bottom: 70px;
	text-align: center;
}
.head-title {
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
.head-subtitle {
	color: #999;
	font-size: 16px;
}

.hot-product-list .container {
    max-width: 100%;
}

.section-news .news-top {
	height: 100px;
	margin-bottom: 30px;
	position: relative;
}
.section-news .news-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 180px;
}
.section-news .news-img1 {
	background-image: url('../img/news1.png');
}
.section-news .news-img2 {
	background-image: url('../img/news2.png');
}
.section-news .news-img3 {
	background-image: url('../img/news3.png');
}
.section-news .news-title {
	color: #FFF;
	font-size: 25px;
	line-height: 27px;
	padding: 34px;
	font-weight: 600;
	left: 0;
	top: -10px;
	height: 120px;
	width: 120px;
	position: absolute;
	background-color: #4b79e3;
}
.section-news .news-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	max-height: 120px;
}
.news-list li {
	line-height: 30px;
}
.news-list li a {
	color: #555;
	text-decoration: none;
}
.news-list li a span {
	font-weight: 500;
}
.news-list li a:hover span {
	color: #168efc;
}
.news-list li a i {
	color: #AAA;
	font-size: 12px;
	font-style: normal;
	float: right;
}
.news-main {
    border: 1px solid #EBEBEB;
        height: 351px;
    overflow: hidden;
    border-top: none;
}

.news-main .icon-box {
    background: #FFF;
    border: 0 solid #EBEBEB;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    width: 80px;
    height: 80px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin: -40px auto 0 auto;
    position: relative;
}

.news-main .icon-box .icon {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 32px 32px;
}
.news-main:hover .news-img {
    height: 110px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.link-btn {
    display: inline-block;
    width: 100%;
    height: 38px;
    color: rgba(0,0,0,0.85);
    font-size: 14px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
    margin-top: 10px;
}

.news-main:hover .link-btn {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-0px);
    opacity: 1;
    filter: alpha(opacity=100);
}

.news-content {
    padding: 20px;
}
.news-main:hover .news-cat{display:none;}
.news-main:hover .news-catsub{display:none;}
.news-cat {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 36px;
    margin: 10px 0px;
}

.news-catsub {
    opacity: .6;
    filter: alpha(opacity=60);
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 26px;
    margin: 10px 0 0 0;
    margin-bottom: 20px;
}


.home-solutions {
	color: #FFF;
	background: #484964 url(../img/solution.png) no-repeat 0 0/40% 100%;
	zoom: 1;
}
.home-solutions .info-box {
	border-radius: 3px;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #203dae;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.home-solutions .info-box-title {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 500;
}
.home-solutions .info-box-text {
	color: hsla(0,0%,100%,.6);
	margin-bottom: 0;
}
.home-solutions .info-box-image {
	height: 288px;
	width: 100%;
	background-image: url('../img/solution.png');
	background-position: center center;
	background-size: cover;
	border-radius: 3px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-solutions .info-box-image:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1a1f35;
	opacity: .8;
	z-index: 0;
}
.home-solutions .info-box-image-title {
	z-index: 10;
	position: relative;
	font-size: 24px;
	font-weight: 500;
}
.color-white {
    color: #fff;
}


.home-solutions-box h3 {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    opacity: 0.9;
}

.home-solutions-box p {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    opacity: 0.8;
}

.home-solutions-box {
    margin-bottom: 20px;
}

section.page-hero {
    margin-top: 0px;
    height: 280px;
    box-sizing: border-box;
}

.page-hero.tos {
    background: url(../img/term.png);
}
.page-hero.activity {
    background: url(../img/activity.png);
    background-size: cover;
}
.page-hero-text h2 {
    font-family: PingFangSC-Medium;
    font-size: 38px;
    color: rgb(255, 255, 255);
    text-align: left;
    line-height: 58px;
    font-weight: 400;
}

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
  }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("../img/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }



#product li a {
	color: #0f336b;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	border-top: 1px solid #e1e6f0;
	border-bottom: 1px solid #e1e6f0;
	border-left: 1px solid #e1e6f0;
	padding: 1.5em;
	transition: .3s;
}

#product li.active a {
	border-color: #3860f4;
	color: #3860f4;
	background: rgba(235,240,252,.3);
}

.faq-question {
	margin-bottom: 1em
}

#product li a svg {
	width: 48px;
	height: 48px
}

#product li a svg.filled path.cls-2 {
	fill: #0f336b
}

#product li a.active svg circle,#product li a.active svg line,#product li a.active svg path,#product li a:hover svg circle,#product li a:hover svg line,#product li a:hover svg path {
	stroke: #a44791
}

#product li a.active svg.filled path.cls-2,#product li a:hover svg.filled path.cls-2 {
	stroke: #a44791;
	fill: #a44791
}



.justify-content-around {
    justify-content: space-around!important;
}
.d-flex {
    display: flex!important;
}




.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  @media ( min-width : 768px) {
    .col-sm-5ths {
      width: 20%;
      float: left;
    }
  }
  @media ( min-width : 992px) {
    .col-md-5ths {
      width: 20%;
      float: left;
    }
  }
  @media ( min-width : 1200px) {
    .col-lg-5ths {
      width: 20%;
      float: left;
    }
  }
  .product-tab-item img {
      max-width: 64px;
      width: 64px;
      height: 64px;
  }
  .product-tab-item span {
      display: block;
      margin-top: 8px;
      font-size: 18px;
      line-height: 32px;
      font-weight: 700;
      color: #374567;
  }
  #product li:last-child a {
      border-right: 1px solid #e1e6f0;
  }
  #product li.active+li {
    border-left: 1px solid #3860f4;
}
#product li:last-child a.active {
    border-right: 1px solid #3860f4;
}
#product li:last-child.active a {border-right: 1px solid #3860f4;}

.product-list-group {background-color: #f9faff;    padding: 50px 59px 20px 59px;
}

@media (max-width: 768px) {
.product-tab-item {
    padding: 20px;
}
#product li.active+li {
    border-left: unset;
}
#product li a {
    border-right: 1px solid #e1e6f0;
}

}

.product-list-item a span {
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    color: #374567;
    font-weight: 700;
    vertical-align: middle;
    transition: color .25s ease-in-out;
}

.product-list-item a p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 32px;
    max-height: 64px;
    overflow: hidden;
    color: #7a8ba6;
    font-weight: 400;
}

.product-list-item a i:first-child {
    display: inline-block;
    font-size: 16px;
    color: #abb4c3;
    vertical-align: middle;
}
.product-list-item a:hover i, .product-list-item a:hover span {
    color: #3860f4;
}
#homepage-orderbox #tabs {
	margin-bottom: 32px
}

#homepage-orderbox #tabs .nav-tabs {
	margin: auto;
	text-align: center
}

#homepage-orderbox #tabs .nav-tabs>li {
	float: none;
	display: inline-block
}

#homepage-orderbox #tabs .nav-tabs>li a {
	color: #7c8088
}

#homepage-orderbox #tabs .nav-tabs>li a:active,#homepage-orderbox #tabs .nav-tabs>li a:focus {
	background-color: transparent
}

#homepage-orderbox #tabs .nav-tabs>li a:after {
	height: 2px;
	bottom: 7px
}

#homepage-orderbox #tabs .nav-tabs>li.active>a {
	color: #015cb7
}
#homepage-orderbox #tabs .nav-tabs>li a {
    color: #7c8088;
    background: transparent;
    transition: color .24s ease,background .24s ease,border .24s ease,padding .24s ease;
    border: none;
    font-size: 16px;
}

.nav-tabs>li>a {
    position: relative;
    color: #5d6066;
    margin-right: 2px;
    line-height: 24px;
    padding: 18px 0;
    display: flex;
    align-items: center;
}
#homepage-orderbox #tabs .nav-tabs>li {
    float: none;
    display: inline-block;
}
.nav-tabs>li:not(:last-of-type) {
    margin-right: 24px;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
#homepage-orderbox #tabs .nav-tabs>li.active>a {
    color: #3860f4;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #015cb7;
    background-color: transparent;
    border-color: transparent;
    cursor: default;
}


.logincontainer {
    height: calc(100vh - 124px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #272835;
    background-image: url(../img/bg-login.svg);
    background-position: center;
    background-repeat: no-repeat;
}




.login-container .login-left {
	display: flex;
	align-items: center;
	height: 250px;
}
.login-container .login-left h1 {
	color: #FFF;
	font-size: 52px;
	line-height: 2;
}
.login-container .login-left h1 small {
	display: block;
	font-size: 32px;
	color: #FFF;
}
.login-main {
	margin: 0 20px;
	padding: 35px;
	border-radius: 3px;
	background-color: #FFF;
	box-shadow: 0 2px 7px 0 rgba(5,34,97,.1);
}
.login-main div.header-lined h1 {
	border: 0 none;
	font-size: 18px;
	margin: 0;
}
.login-main .form-group {
	margin-bottom: 20px;
}
.login-main label {
	display: none;
}
.login-main h3 {
	font-size: 24px;
	color: #333;
	margin: 0;
	    font-weight: 400;
}
.login-main .btn {
	height: 42px;
	color: #fff;
	background-color: #377dff;
	border-color: #377dff;
}
seticon.error-page {
    height: calc(100vh - 124px);
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .error-container .buttons {
    text-align: center;
}
.cdn-header {
    overflow: hidden;
    background-image:url(../img/cdn.svg),radial-gradient(circle at 50% -80px,#1336a5 0,#11126b 37%,#080437 62%,#030021 81%);
    background-position: top,0 0;
    background-repeat: no-repeat;
}

@media (min-width: 575px){
.cdn-graphic {
    top: -25vw;
    right: -90vw;
    width: 175vw;
    height: 175vw;
}
}
.cdn-graphic {
    position: absolute;
    top: -20vw;
    right: -120vw;
    z-index: 0;
    width: 200vw;
    height: 200vw;
}


@media (min-width: 775px){
.cdn-graphic {
    top: -140px;
    right: -680px;
    width: 1300px;
    height: 1300px;
}
}
@media (min-width: 950px){
.cdn-graphic {
    right: -520px;
}

}

svg:not(:root) {
    overflow: hidden;
}

.cdn-content {
    position: relative;
}

.cdn-slogan h1 {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
}

.cdn-slogan p {
    font-size: 18px;
    line-height: 150%;
    color: #fff;
    padding-top: 30px;
    opacity: 0.8;
        margin-bottom: 40px;
}

.cdn-banner-btn {
    display: inline-block;
    overflow: visible;
    margin: 0;
    background: #0069ff;
    color: #fff;
    padding: 0 32px;
    height: 48px;
    border: 0;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    font: inherit;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    cursor: pointer;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.cdn-banner-btn:hover {
    background: #005fe6;
    color: hsla(0,0%,100%,.9);
}


.pages-nav {
	height: 58px;
	border-bottom: 1px solid #d8d8d8;
}
.pages-navbar {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.pages-navbar > li {
	flex: 1;
	text-align: center;
}
.pages-navbar > li.actived > a {
	box-shadow: inset 0px -2px 0px 0px #2b55f0;
}
.pages-navbar > li > a {
	font-size: 16px;
    display: block;
    color: #212121;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 58px;
    text-decoration: none;
}


.cdn-advantage .product-advantage-item {
	padding: 15px 20px;
	font-size: 0
}

.cdn-advantage .img-wrap {
	float: left;
	margin-top: 18px;
	margin-left: 6px;
	text-align: center;
	width: 44px;
	height: 44px;
	line-height: 44px
}

.cdn-advantage .img-wrap img {
	max-width: 100%
}

.cdn-advantage .product-advantage-ct {
	margin-left: 80px
}

.cdn-advantage .product-advantage-ct dt {
	line-height: 26px;
	font-size: 16px;
	color: #333
}

.cdn-advantage .product-advantage-ct dd {
	margin-top: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #666
}

@media (max-width: 768px){

	.jdc-product-tit {
		padding: 25px 0 15px;
		line-height: 32px;
		font-size: 22px
	}

	.fun-item {
		position: relative
	}

	.fun-item:before {
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: -1px;
		height: 2px;
		background: -webkit-linear-gradient(10deg,#3171ff 0,#a14faf 100%);
		background: linear-gradient(80deg,#3171ff 0,#a14faf 100%)
	}

	.fun-item .fun-item-hd {
		padding: 0 10px;
		height: 50px;
		line-height: 50px
	}

	.fun-item .fun-item-hd h4 {
		font-size: 14px;
		color: #3171ff;
		font-weight: 400
	}

	.fun-item .fun-item-hd i {
		width: 30px;
		height: 30px
	}

	.fun-item .fun-item-bd {
		padding: 15px 10px 0
	}

	.fun-item .fun-item-bd h4 {
		color: #333;
		font-weight: 400
	}

	.fun-item .fun-item-bd p {
		margin-top: 5px;
		line-height: 16px;
		font-size: 12px;
		color: #666
	}
}


.cdn-product-fun .fun-item {
	background: #fff;
	border: 1px solid #e7e9ed;
	margin-bottom: 10px;
	color: #333
}

.cdn-product-fun .fun-item .fun-item-hd {
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	font-size: 0;
	font-weight: 700
}

.cdn-product-fun .fun-item .fun-item-hd h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: 700;
	line-height: 60px;
}

.cdn-product-fun .fun-item .fun-item-bd {
	border-top: 1px solid #e7e9ed;
	padding: 15px 20px 0;
	font-size: 14px;
	line-height: 24px
}

.cdn-product-fun .fun-item .fun-item-bd h4 {
	font-size: 14px;
	font-weight: 700
}

.cdn-product-fun .fun-item .fun-item-bd p {
	margin-bottom: 15px
}


.home-hot-box .product-left {
        background: url(../img/productbg.jpg.png);
        border-radius: 3px 0 0 3px;
        background-size: cover;
        padding: 30px 30px 0;
        position: relative;
        overflow: hidden;
        height: 100%;
}
.home-hot-box .product-left h2 {
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	margin: 0 0 20px;
	font-family: Montserrat,sans-serif;
}
.home-hot-box .product-left h2 p {
	font-size: 14px;
	opacity: 0.5;
	margin: 0;
}
.home-hot-box .product-left p {
	color: #fff;
	line-height: 30px;
	margin: 0;
	font-size: 14px;
}
.home-hot-box .product-left img {
    position: absolute;
    bottom: -50px;
    width: 200px;
    height: 160px;
    right: 0;
    transition: all .5s;

}
.home-hot-box .product-left .btn-white {
	margin-top: 20px;
	background-color:#fff;
	color:#1e88e5;
	display: block;
	border-radius: 2px;
}
.d-flex{
    display: flex;
}

.avatar-group {
    position: relative;
    z-index: 2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.avatar-circle {
    border-radius: 50%;
}
.avatar-group-xs .avatar+.avatar {
    margin-left: -10px;
}

.avatar-group .avatar+.avatar {
    margin-left: -10px;
}
.avatar-group.avatar-circle .avatar {
    border-radius: 50%;
}
.avatar-group .avatar:hover {
    z-index: 2;
}
.avatar-group-xs .avatar {
    width: 1.53125rem;
    height: 1.53125rem;
}
.avatar-group .avatar {
    width: 20px;
    height: 20px;
}
.avatar-group .avatar, .avatar-group .avatar-sm, .avatar-group .avatar-xs {
    padding: .125rem .125rem;
}
.avatar:not(img) {
    background-color: #fff;
}
.avatar {
    position: relative;
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: .3125rem;
}
.avatar-group.avatar-circle .avatar .avatar-img, .avatar-group.avatar-circle .avatar .avatar-initials {
    border-radius: 50%;
}
.avatar-circle .avatar-img, .avatar-circle .avatar-initials {
    border-radius: 50%;
}
.avatar-img {
    display: block;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    border-radius: .3125rem;
}
@media (max-width: 768px) {
.row.d-flex {
    display: block!important;
}
.product-left {
    margin-bottom: 20px;
    z-index: 99;
}

.home-hot-box .product-left img {
    overflow: hidden;
    opacity: 0.2;
}
.home-hot-box .product-left .btn-white {
    margin-bottom: 20px;
    z-index:99
}


.home-hot-right-box .col-md-4 {
    padding: 0;
}

.group-btn .iconfont-wrapper {
    padding-right: 0;
}

.phone .group-btn .iconfont {
    text-align: right;
}

.banner--img.col-md-5 {
    display: none!important;
}
.banner--section {
    height: 400px;
}

.banner--slider .owl-nav .owl-next {
    right: 10px;
}

.banner--slider .owl-nav .owl-prev {
    left: 10px;
}
}


#coalcloud-feature .features {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0px;
    background-image: url(../img/background.jpg);
    background-size: cover;
    background-color: #0f1f5a;
}
#coalcloud-feature .features .container {
    display: flex;
    flex-direction: column;
}
#coalcloud-feature .features .features-title-box {
    display: flex;
    flex-direction: row;
}
#coalcloud-feature .features .features-title-box .features-title-box-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}
#coalcloud-feature .features .features-title-box img {
    height: 320px;
}
#coalcloud-feature .features .features-title {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 40px;
}
#coalcloud-feature .features .features-title-text {
    color: #fff;
    opacity: 0.8;
    max-width: 500px;
    font-size: 20px;
    line-height: 1.5;
}
#coalcloud-feature .features .features-title div {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 20px;
}
#coalcloud-feature .features .features-gruop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}
#coalcloud-feature .features .features-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}
#coalcloud-feature .features .features-box .features-icon {
    margin-bottom: 30px;
    padding: 15px;
    background-color: #0089ff;
    display: inline-block;
    border-radius: 4px;
}
#coalcloud-feature .features .features-box .features-icon img {
    height: 40px;
    width: 40px;
}
#coalcloud-feature .features .features-box .features-smalltitle {
    font-size: 20px;
    margin-bottom: 20px;
    color: #bed0e2;
    font-weight: 600;
}
#coalcloud-feature .features .features-box .features-text {
    color: #7b95af;
}

#coalcloud-feature .solutions-bg {
    background: #ffffff1f;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}


@media (max-width: 767px) {

    #coalcloud-feature .features .features-title-box {
        flex-direction: column;
        flex: unset;
    }
    #coalcloud-feature .features .features-title-box img {
        margin-top: 30px;
    }
    #coalcloud-feature .features .features-gruop {
        flex-direction: column;
    }
    #coalcloud-feature .features .features-box {
        flex: unset;
    }
    #coalcloud-feature .features .features-title-box .features-title-box-text {
        flex: unset;
    }
    #coalcloud-feature .products .product-box {
        margin-bottom: 100px;
    }
}

img.about-img {
    max-width: 100%;
        max-height: 400px;
}

.pages-content p {
	line-height: 25px;
}


.job-content .title{padding: 30px 70px 20px;margin-bottom: 10px;}
.job-content .title>div{float: left;width: 30%;color: #999;}
.job-content .card-header:after{content: "";display: table;clear: both}
.job-content .card-header>div{width: 30%;float: left}
.job-content .card-header>div:last-child{float: right;width: 10%;font-size: 50px;line-height: 10px;text-align: right;
	position: relative;
	top: -8px;}
.job-card{width: 100%;border-radius: 5px;margin-bottom: 28px;border: 1px solid #dae0e2;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);border-radius: 3px;margin-bottom: 24px;}
.job-card a.collapsed{color:#333; padding: 30px 70px;display: block;background: #fff;transition: all .2s;}
.job-card a{
	color:#fff;
	padding: 30px 70px;
	display: block;
	border-radius: 10px;
	background-image: linear-gradient(90deg,#0293f2 3%,#0063fa 100%);
	transition: all .2s;
	}
.job-card p{padding: 0 70px;}
.job-card .card-body{padding:30px 0;}
.job-card .card-body div{padding:0 70px;}
.job-card .list-title{color: #666;margin-top: 10px;line-height: 36px;}
.job-card p{text-indent: 5px;line-height: 36px;}
.link{color: #1237d0}
.job-card a:hover {
    color: #fff;
}
.job-card .collapsed:hover {
    color: #000;
}

@media (min-width: 991px){
.fwqzy {
    margin-right: 0px!important;
    padding-right: 0px!important;
}
}

@media screen and (min-width: 800px){
.integral-info {
    height: 290px;
    margin: 0 0 72px;
    padding: 0;
    background: #f6f7fc url(../img/points.jpg) 50% no-repeat;
    background-size: auto 100%;
    overflow: hidden;
    position: relative;
}

.integral-info .info-content:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 8px;
    right: 8px;
    top: -12px;
    height: 20px;
    background: #4e68ff;
    border-radius: 16px 16px 0 0;
}
.integral-info .info-content {
    position: absolute;
    bottom: 0;
    width: 450px;
    height: 206px;
    background: #fff;
    border-radius: 16px 16px 0 0;
    -webkit-box-shadow: 0 4px 16px 0 rgba(12,11,79,.1);
    box-shadow: 0 4px 16px 0 rgba(12,11,79,.1);
        text-align: center;
}

.integral-info .info-content.noOverdue h3 {
    margin-top: 55px;
}
.integral-info h3 {
    margin: 35px 0 27px;
    text-align: center;
}

.integral-info h2 strong {
    display: inline-block;
    height: 40px;
    margin: 0;
    color: #e33e1d;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: top;
}

.integral-info .info-content:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    height: 20px;
    background: #fff;
    border-radius: 16px 16px 0 0;
}
.integral-info h3 span {
    color: #333;
    font-size: 24px;
    font-weight: 400;
}
.integral-info h2 .icon-integral {
    width: 34px;
    height: 40px;
    margin: 0 10px 0 0;
    vertical-align: top;
}
.integral-info .icon {
    display: inline-block;
}

}

.icon-integral {
    background: url(../img/icon-integral.png) 50% no-repeat;
    background-size: 100% auto;
}
.integral-method h3 {
    margin: 0 0 40px;
    color: #212121;
    font-size: 32px;
    font-weight: 400;
    text-align: left;
    line-height: 32px;
}
.integral-method h3 span {
    margin: 0 0 0 26px;
    color: #666;
    font-size: 14px;
}


	.integral-rule {
		margin: 0 0 5rem
	}

	.integral-rule h3 {
		margin: 0 1.5rem 1rem;
		color: #97a3b4;
		font-size: 1.4rem
	}

	.integral-rule .rule-box div {
		padding: 1rem 1.5rem;
		background: #fff
	}

	.integral-rule .rule-box div div {
		padding: 0
	}

	.integral-rule ol {
		padding: 1rem 1.5rem;
		background: #fff
	}

	.integral-rule ol li {
		color: #666;
		font-size: 1.2rem;
		line-height: 2.2rem
	}

	.integral-rule .rule-box a {
		color: #4762fe;
		text-decoration: underline
	}

	.integral-rule .rule-box strong {
		color: #333;
		font-weight: 400
	}


	.integral-rule {
		background: #f5f7fd url(../img/bg-rule.0cd3a135.jpg) top no-repeat;
		background-size: auto 136px
	}

	.integral-rule .rule-box {
		margin: 0 auto;
		padding: 56px 0 40px;
	}

	.integral-rule .rule-box h3 {
		margin: 0 0 32px;
		color: #212121;
		font-size: 32px;
		font-weight: 400;
	}

	.integral-rule .rule-box a {
		color: #4762fe;
		text-decoration: underline
	}

	.integral-rule .rule-box strong {
		color: #333;
		font-weight: 400
	}

	.integral-rule .rule-box div {
		padding: 32px 36px;
		background: #fff
	}

	.integral-rule .rule-box div div {
		padding: 0 0 24px
	}

	.integral-rule .rule-box div div:last-child {
		padding: 0
	}

	.integral-rule .rule-box h4 {
		font-size: 14px;
		line-height: 32px
	}

	.integral-rule .rule-box ol li {
		margin: 0 0 4px;
		color: #666;
		font-size: 12px;
		line-height: 20px
	}

	.integral-rule .rule-box ol li ol,.integral-rule .rule-box ol li ol li p {
		padding: 0 0 0 18px
	}

	.integral-rule .rule-box ol li:last-child {
		margin: 0
	}


.integral-bean .bean-count {
    width: 100%;
    height: 112px;
    background: #fdf6ed;
    overflow: hidden;
}
.integral-count {
    height: 100px;
    overflow: hidden;
}

.integral-method>div>div>div>div {
    margin: 0 0 15px;
    background: #fff;
    border: 1px solid hsla(0,0%,93.3%,.8);
    -webkit-box-shadow: 0 2px 6px 0 rgba(228,231,241,.6);
    box-shadow: 0 2px 6px 0 rgba(228,231,241,.6);
    text-align: center;
}

.integral-bean .bean-count h4 {
    margin: 20px 0 16px;
    color: #212121;
    font-size: 20px;
    font-weight: 700;
}

.integral-count p {
    margin: 16px 0;
    color: #e33e1d;
    font-size: 14px;
}

.integral-count div a.btn {
    width: 180px;
    height: 30px;
    border: 1px solid #4762fe;
    border-radius: 16px;
    background: #fff;
    color: #4762fe;
    font-size: 14px;
    line-height: 30px;
    -webkit-transition: all .2s;
    transition: all .2s;
    line-height: 1;
}

.integral-count div a.btn:hover {
    background: #4762fe;
    color: #fff;
}

.integral-bean .bean-count p input {
    width: 140px;
    height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    border: 1px solid #cccfd4;
    border-radius: 16px;
    background: #fff;
    text-indent: 20px;
    vertical-align: top;
}
.integral-bean .bean-count p span {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 32px;
}

.integral-bean .bean-count .icon {
    margin: 28px 14px 0 0;
    vertical-align: top;
}

.icon-bean-n {
    width: 56px;
    height: 58px;
    background: url(../img/gift.png) 50% no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.integral-bean .bean-count span {
    display: inline-block;
    margin: 56px 0 0;
    color: #333;
    font-size: 12px;
}

.integral-bean .bean-count span strong {
    margin: 0 4px 0 0;
    font-size: 24px;
    font-weight: 400;
}

@media screen and (max-width: 800px){
.integral-info {
    height: 200px;
    padding: 20px 20px 0;
    background: -webkit-gradient(linear,left top,right top,from(#6c81fe),to(#3856fe));
    background: linear-gradient(90deg,#6c81fe,#3856fe);
    text-align: center;
    overflow: hidden;
    margin-bottom: 60px;
}
.integral-info .info-content {
    height: 200px;
    background: -webkit-gradient(linear,left top,right top,from(#849bfe),to(#5174fe));
    background: linear-gradient(90deg,#849bfe,#5174fe);
    border-radius: 1.2rem 1.2rem 0 0;
    overflow: hidden;
}
.integral-info .info-content.noOverdue h3 {
    margin: 50px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.integral-info h2 {
    height: 4rem;
    margin: .55rem 0;
}

.integral-info h2 span, .integral-info h2 strong {
    display: inline-block;
    color: #fff;
    vertical-align: top;
}

.integral-info h2 strong {
    margin: 0 6px 0 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
}

.integral-info h2 {
    height: 40px;
    margin: 30px 0;
}

.integral-info h2 .icon-integral {
    height: 40px;
    width: 20px;
    margin: 0 10px 0 0;
    vertical-align: top;
    display: inline-block;
}
}

.text-center {
    text-align: center!important;
}



.activity-type {
    height: 58px;
    width: 248px;
    box-sizing: border-box;
    margin: 0 auto 20px;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 60px;
}


.banner-item{
	display: inline-block;
	background: #fff;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.banner-item:hover{
	box-shadow: 1px 1px 12px rgba(0,0,0,.08);
}
.banner-img-area{
	width: 100%;
	/*height: 238px;*/
	/*background: #f0f;*/
	height: 100%;
}
.mt50{
	margin-top: 40px;
}
.img-box,
.a-img-box{
	/*width: 100%;*/
	/*height: 238px;*/
	display: inline-block;
	height: 100%;
	float: left;
}
.banner-desc-area{
	/*width: 100%;*/
	/*height: 192px;*/
	position: relative;
	padding-left: 30px;
	/*background: #ccc;*/
	float: left;
	width: 220px;
	height: 100%;
}
.banner-title{
	font: 500 22px/46px 'microsoft yahei';
	color: #333;
	display: inline-block;
	font-size: 24px;
	color: #000;
	line-height: 40px;
	margin-top: 40px;
}
.desc-text{
	margin-bottom: 10px;
}

.border-gray {
    border: 1px solid #eee;
}

.font-color-gray {
    color: #999;
}

.desc-text {
    margin-bottom: 10px;
    font-size: 10px;
}

.font-color-gray {
    color: #999;
}


.operate-area .join-btn{
	width: 160px;
	height: 40px;
	background: #E63836;
	font: 16px/40px 'microsoft yahei';
	color: #fff;
	text-align: center;
	border: 0;
	display: inline-block;
	right: 22px;
	right: 48px;
	bottom: 7px;
	position: static;
	margin-top: 40px;
	margin-bottom: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.operate-area .join-btn.unstart{
	background: #fff;
	border: 1px solid #00aaff;
	color: #00aaff;
	cursor: default;
}
.operate-area .join-btn.ended{
	border: 1px solid #CBCBCB;
	background: #CBCBCB;
	color: #fff;
	cursor: default;
}

section.new-activity {
    background-image: linear-gradient(
180deg
,#fff 0,#dde7f9);
}

section.pages-banner.product-center {
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #d3e9f7!important;
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    justify-content: center;
}
section.pages-banner.product-center .banner-title {margin-top: 0px;margin-bottom: 40px;padding-top: 40px;}

section.pages-banner.product-center .enterbtn {
    padding-top: 20px;
}

.computing-block {
    position: absolute;
    width: 80px;
    height: 124px;
    right: 298px;
    bottom: 80px;
    background: url(../img/b4.png) no-repeat;
    background-size: contain;
    -webkit-animation: mover-data-v-0c593046 1s infinite alternate;
    animation: mover-data-v-0c593046 1s infinite alternate;
}

@keyframes mover-data-v-0c593046{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@-webkit-keyframes downToUp-data-v-0c593046{0%{transform:translateY(-10px)}to{transform:translateY(0)}}

section.pages-banner.product-center .container {
    position: relative;
}
section.ty_breadcrumb {
    background: #f8f8fa;
    padding: 22px 0 18px;
}
.ivu-breadcrumb-item-separator {
    margin: 0 8px;
    color: #dcdee2;
}
.ivu-breadcrumb>span:last-child .ivu-breadcrumb-item-separator {
    display: none;
}

.ivu-breadcrumb-item-separator {
    margin: 0 8px;
    color: #dcdee2;
}
.ivu-breadcrumb a {
    color: #515a6e;
    transition: color .2s ease-in-out;
}

h2.head-new-title {
    font-size: 28px;
    font-weight: 400;
}

h2.head-new-title span {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 400;
}

.head-new-top {padding-bottom: 50px;}


.col-sm-4.col-md-3 {
    margin-bottom: 20px;
}

.row.d-flex .col-sm-4.col-md-3 {
    margin-bottom: 20px;
}

.buy-btn {
    position: absolute;
    width: 100%;
    padding: 30px;
    bottom: 1px;
    left: 0;
}

p.name-sec {
    text-align: center;
}


.new-product-card {
    position: relative;
    border: 1px solid #eee;
    transition: all .2s ease 0s;
    min-height: 377px;
    margin-bottom: 20px;
    height: calc(100% - 20px);
    }

    .new-product-card:hover {
    box-shadow: 0 1px 5px 0 #adadad;
}

.new-product-card-header {
    border-bottom: 1px solid #eee;
    padding: 17px 0;
    margin: 0 20px;
    display: flex;
}

.new-product-tip {
    background: url(../img/tips.png) no-repeat 50%;
    position: absolute;
    right: -4px;
    top: -4px;
    height: 71px;
    width: 76px;
    color: #fff;
    font-size: 14px;
}

.new-product-tip span {
    transform: rotate(
45deg
) translateY(-40px) translateX(5px);
    display: block;
    position: absolute;
    top: 60%;
    font-size: 13px;
}

.new-product-card-body {
    line-height: 35px;
    margin-bottom: 130px!important;
    padding: 20px 20px 10px;
    font-size: 14px;
    color: #8b91a0;
}
@media (max-width: 768px) {
.new-product-card-body {
    margin-bottom: 150px!important;
}
}


.new-product-footer {
    line-height: 35px;
    margin-bottom: 0!important;
    padding: 20px 20px 10px;
    font-size: 14px;
    color: #8b91a0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.new-product-card-header span {
    color: #8b91a0;
    margin-top: 10px;
    margin-left: 10px;
}

.new-product-card-header h3 {
    font-size: 20px;
    padding-top: 4px;
    font-weight: 600;
}

.new-product-pricesItem {
    display: inline-block;
    width: 70%;
}


.new-product-pricesItem {
    display: inline-block;
    width: 100%;
}


.new-product-prices {
    flex: none;
    width: 100%;
}

span.new-product-discount {
    display: block;
    position: relative;
    background: #ff7304;
    color: #fff;
    text-align: center;
    font-size: 12px;
    width: 44px;
    height: 18px;
    line-height: 19px;
    transform: translateX(45px);
}

.new-product-pricesItem p {
    display: inline-block;
    color: #adadad;
    font-size: 14px;
}

.new-product-pricesItem p span {
    display: inline;
    color: #f16c1c;
    font-size: 22px;
}

.new-product-price-main {
    border-top: 1px solid #eee;
    padding-top: 10px!important;
    margin-top: 15px;
}

span.new-product-discount:before {
    content: "";
    position: absolute;
    bottom: 0;
    transform: translateY(5px);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #ff7304;
}

.new-product-btn {
    margin-top: 10px;
    color: #fff;
    background: linear-gradient(
90deg
,#537ffa 0,#3357df 100%);
    border: none;
    padding: 10px 12px;
}

.row .row {
    margin: 0;
}

.row .row .col-md-6,.row .row .col-md-4,.row .row .col-md-8,.row .row .col-md-12 {
    padding: 0;
}
.new-product-billing-cycle {
    color: #515a6e;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #dcdee2;
    transition: all .2s ease-in-out;
}
.new-product-system-os {
    color: #515a6e;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #dcdee2;
    transition: all .2s ease-in-out;
}

.new-product-btn.btn-outofstock {
    background: #f0f0f6;
    color: #999;
    cursor: not-allowed;
}

.new-product-btn.btn-outofstock.disabled {
    background: #f0f0f6;
    color: #999;
    cursor: not-allowed;
}

.new-product-btn a {
    color: #fff;
}

section.outofstock {
    width: 100%;
    background: url(../img/extend-bg.svg) left top no-repeat;
    background-size: auto;
    z-index: -1;
}


.section_extend {
  margin-bottom: 176px;
}


.section_extend_intro > p {
  color: white;
      font-size: 36px;
    letter-spacing: 0;
    display: inline-block;
    margin-bottom: 30px;
    line-height: 50px;
}

.section_extend_intro > span {
  color: white;
      font-size: 20px;
    letter-spacing: 0;
    line-height: 36px;
    display: block;
}

.section_extend_intro {
  margin-top: 40px;
}

.section_extend_img {
  right: 0;
}

.section_extend_img {
  width: 444px;
  height: 280px;
  float: right;
}

.section_extend_img_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section_extend_img .item {
  display: inline-block;
  width: 96px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(198, 211, 220, 0.4);
  border-radius: 4px;
  /* text-align: center; */
  /* padding-top: 15px; */
  position: relative;
  background-image: url(../img/extend-icon-1-grey.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.section_extend_img .item_sp {
  background-image: url(../img/extend-icon-2-grey.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.section_extend_img .item > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*.section_extend_img .item .grey{
    opacity: 1;
}
.section_extend_img .item .normal{
    opacity: 0;
}
.section_extend_img .item .grey_1{
    animation: grey_fir 12s linear 0s infinite;
}
.section_extend_img .item .normal1{
    animation: normal_fir 12s linear 0s infinite;
}*/

.section_extend_img .item-1 {
  animation: item1 8s linear 0s infinite;
}

.section_extend_img .item-2 {
  animation: item2 8s linear 0s infinite;
}

.section_extend_img .item-3 {
  animation: item3 8s linear 0s infinite;
}

.section_extend_img .item-4 {
  animation: item4 8s linear 0s infinite;
}

.section_extend_img .item-5 {
  animation: item5 8s linear 0s infinite;
}

.section_extend_img .item-6 {
  animation: item6 8s linear 0s infinite;
}

.section_extend_img .item-7 {
  animation: item7 8s linear 0s infinite;
}

.section_extend_img .item-8 {
  animation: item8 8s linear 0s infinite;
}

.section_extend_img .item-9 {
  animation: item9 8s linear 0s infinite;
}

.section_extend_img .item-10 {
  animation: item10 8s linear 0s infinite;
}

.section_extend_img .item-11 {
  animation: item11 8s linear 0s infinite;
}

.section_extend_img .item-12 {
  animation: item12 8s linear 0s infinite;
}

@keyframes item1 {
  0% {
    background-image: url(../img/extend-icon-1.svg);
  }
  7.7% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item2 {
  7.7% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  8% {
    background-image: url(../img/extend-icon-1.svg);
  }
  15.4% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item3 {
  15.4% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  15.7% {
    background-image: url(../img/extend-icon-1.svg);
  }
  23% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item4 {
  23% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  23.3% {
    background-image: url(../img/extend-icon-1.svg);
  }
  30.7% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item5 {
  30.7% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  31% {
    background-image: url(../img/extend-icon-1.svg);
  }
  38.5% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item6 {
  38.5% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  38.8% {
    background-image: url(../img/extend-icon-1.svg);
  }
  46.2% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item7 {
  46.2% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  46.5% {
    background-image: url(../img/extend-icon-1.svg);
  }
  53.8% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item8 {
  53.8% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  54.1% {
    background-image: url(../img/extend-icon-1.svg);
  }
  61.5% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item9 {
  61.5% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  61.8% {
    background-image: url(../img/extend-icon-1.svg);
  }
  69.2% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item10 {
  69.2% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  69.5% {
    background-image: url(../img/extend-icon-1.svg);
  }
  76.9% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item11 {
  76.9% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  77.2% {
    background-image: url(../img/extend-icon-1.svg);
  }
  84.6% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-1-grey.svg);
  }
}

@keyframes item12 {
  84.6% {
    background-image: url(../img/extend-icon-2-grey.svg);
  }
  84.9% {
    background-image: url(../img/extend-icon-1.svg);
  }
  /*% {
        background-image: url(../img/extend-icon-1.svg);
    }*/
  91.4% {
    background-image: url(../img/extend-icon-1.svg);
  }
  91.7% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92% {
    background-image: url(../img/extend-icon-1.svg);
  }
  92.3% {
    background-image: url(../img/extend-icon-2-grey.svg);
  }
  100% {
    background-image: url(../img/extend-icon-2-grey.svg);
  }
}

span.ty-hot {
    background-image: url(../img/badge-new.svg);
    background-size:100% 100%;
    background-repeat:color;
    margin-left: 6px;
    margin-top: 3px;
    width: 28px;
    height: 18px;
    text-indent: -999em;
    display: block;
    float: right;
}

@media (min-width: 768px) {
.setup-price {
    margin-top: 19px;
}
}


.setup-price {
    display: inline;
    color: #f44336cc;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 19px;
}

span.setup-price-sub {
    color: #adadad;
    font-size: 14px;
}
.event-content h4 small {

    letter-spacing: 0;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 400;
}

.ssl-brands-item img {
    max-width: 120px;
    width: 100%;
    height: 80px;
    max-height: 100px;
}

button.btn.btn-languages {
    display: block;
    background: #e5e8f1;
    border-radius: 4px;
    font-size: 12px;
    color: #191a24;
    line-height: 28px;
    text-align: center;
    padding: 2px 10px;
}

.modal-localisation .item-selector .item {
    padding: 8px;
}

svg#nc_icon {}

.ssl-type-card {padding: 30px;text-align: center;margin-bottom: 30px;box-shadow: 0 2px 14px 0 rgb(0 0 0 / 8%);border-radius: 2px;background-color: #fff;}

.ssl-type-card-img svg {
    width: 60px;
    height: 60px;
    color: #07e897;
    margin-bottom: 30px;
    margin-top: 10px;
}

.ssl-type-card-subtitle {
    opacity: .8;
    font-size: 14px;
    color: #858999;
    line-height: 18px;
}

.ssl-type-card-title {
    margin-bottom: 10px;
    color: #191c3d;
    line-height: 26px;
    font-weight: 400;
    font-size: 18px;
}

section.ssl-types {
    background: url(../img/ssltypebg.png) no-repeat 50%/cover;
}



.main-solution {
	background-size: cover;
	background-image: url("../img/index/home_solution_bg.png");
}
.main-solution-body .card {
	min-height: 370px;
	position: relative;
	background-image: linear-gradient(224deg, #f0f5ff 0, #fff 34%);
}
.main-solution-body .card img {
	max-width: 88px;
	margin: 0 auto;
	margin-bottom: 1.5rem;
}
.main-solution-body .card .scene-bg-img {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
.main-solution-body .card h4 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 20px;
}
.main-solution-body .card p {
	line-height: 24px;
}
.main-header {
	text-align: center;
	margin-bottom: 4rem;
}

h2.main-title {
    font-size: 2rem;
    font-weight: 400;
}
.main-news-body h3 {
	font-size: 18px;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 3px solid #e4eeff;
}
.main-news-body h6 {
	font-size: 15px;
	margin-bottom: 0;
}
.main-news-body a {
	line-height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


p.card-text {
    margin-bottom: 1rem;
}

.nav-list-first .selected-li > span img {
    max-height: 70%;
    max-width: 100%;
    height: 70%;
        vertical-align: middle;
    align-items: center;
}


section.page-banner {
        height: 300px;
    background: url(https://sslsky.com/templates/SSLSKY/includes/front/assets/images/about.png);
    background-size: cover;
    position: relative;
    background-position: center;
}


.page-banner .nav-list {
  display: flex;
  justify-content: center;
  background: hsla(0, 0%, 100%, 0.8);
  backdrop-filter: blur(5px);
  height: 48px;
  line-height: 48px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-banner .nav-list .nav-item {
  flex: 0 1 240px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-banner .nav-list .nav-item .icon {
  display: inline-block;
}
.page-banner .nav-list .nav-item .icon img {
  width: 24px;
}
.page-banner .nav-list .nav-item .icon img:nth-child(1) {
  display: block;
}
.page-banner .nav-list .nav-item .icon img:nth-child(2) {
  display: none;
}
.page-banner .nav-list .nav-item.active,
.page-banner .nav-list .nav-item:hover {
  border-bottom: 2px solid #07e897;
  cursor: pointer;
}
.page-banner .nav-list .nav-item.active .icon img:nth-child(2),
.page-banner .nav-list .nav-item:hover .icon img:nth-child(2) {
  display: block;
}
.page-banner .nav-list .nav-item.active .icon img:nth-child(1),
.page-banner .nav-list .nav-item:hover .icon img:nth-child(1) {
  display: none;
}
.page-banner .nav-list .nav-item.active a,
.page-banner .nav-list .nav-item:hover a {
  color: #07e897;
}
.page-banner .nav-list .nav-item:hover:not(.active) {
  border: none;
}
.page-banner .nav-list .nav-item a {
  margin-left: 10px;
  color: #31394D;
  text-decoration: none;
}

 .subtop-title {
    font-size: 50px;
    line-height: 72px;
    letter-spacing: 2px;
    margin-top: 100px;
    font-weight: 400;
}
.subtop-info {
    font-size: 20px;
    line-height: 28px;
}
.subtop-info p {
    margin-top: 32px;
}

section.page-banner.about {
    background: url(../img/pages/about_banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-banner .nav-list {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}


/* Footer */
footer.footer {
	padding-top: 100px;
	padding-bottom: 0px;
	border: 0 none;
	font-size: 14px;
	position: relative;

	background: #343f48;color: hsla(0,0%,100%,.6);
}
footer.footer .btn {
	color: #333;
	display: flex;
	align-items: center;
}
footer.footer .btn > div {
	margin-right: .2rem;
}
.footer-top {
    padding-bottom: 60px;
}
.footer-top h4 {
    margin-bottom: 18px;
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}
.footer-top ul li {
    padding: 6px 0;
    line-height: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
}
.footer-top ul li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
}
.footer-top ul li a:hover {
    color: #07e897;
    text-decoration: none;
}
.footer-bottom {
    padding: 40px 0;
    border-top: 1px solid rgba(255,255,255,.08);
}

footer.footer .footer-bottom .copyright {
    font-size: 14px;
    margin: 0;
    text-align: left;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
footer.footer .footer-bottom .copyright .nav {
    align-items: center;
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link {
    padding: 0;
}
footer.footer .footer-bottom .copyright .nav .nav-item .nav-link2 {
    max-width: 67px;
}
footer.footer .footer-bottom .copyright .nav .nav-item .nav-link img {
    max-width: 100%;
}
footer.footer .footer-bottom .copyright .nav .stick {
    margin: 0 12px;
    width: 1px;
    height: 14px;
    background-color: rgba(255,255,255,.1);
}



@media screen and (max-width: 768px){

.footer-col.active {
    color: #07e897;
}

.footer-col.active h4:after {
    background-image: url(../img/footer-media.svg);
    background-position: 95% 50%;
    background-size: 225% 112.5%;
    background-repeat: no-repeat;
}

    .footer-top ul.list-unstyled {
    display: none;
    padding: 10px 16px;
    border-top: 1px solid rgba(229,232,237,.1);
}

.footer-top h4 {
    position: relative;
    margin: 0;
    padding: 12px 40px 12px 16px;
    line-height: 24px;
    font-size: 16px;
}

.footer-top h4:after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 225% 112.5%;
    background-image: url(../img/footer-media.svg);
}

.footer-top .col {
    flex-basis: auto;
    width: 100%;
    border-bottom: 1px solid rgba(229,232,237,.1);
    padding: 0;
}
}



@media (max-width: 768px) {
footer.footer .footer-bottom .copyright {
    display: block;
}

footer.footer .footer-bottom .copyright .nav{
        position: static;
    margin-top: 20px!important;
}
}




.header-fixed div#sidebarMenu {
    transform: none;
}

.footer-col .list-unstyled.active {
    display: block;
}

p.page-product-body-desc {
    line-height: 24px;
    font-size: 14px;
    color: #FFF;
}

.copyright a {
    color: #d6d6d6;
}

.footer-logo img {
    width: 140px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    margin-bottom: 15px;
}


.about-header {
    padding: 100px 0;
    background-position: top -5px center;
    background-size: cover;
    background-image: url(https://sslsky.com/templates/SSLSKY/includes/front/assets/img/about/hid5t.png);
}
.about-header .centent-body {
    background-image: url(https://sslsky.com/templates/SSLSKY/includes/front/assets/img/about/db9g0.png);
    background-position: left bottom -140px;
    background-size: 300px;
    background-repeat: no-repeat;
    background-color: #FFF;
    padding: 5rem 4rem !important;
}
.about-culture {
    padding: 96px 0;
    background-size: cover;
    background-image: url(https://sslsky.com/templates/SSLSKY/includes/front/assets/img/about/fg9nu.png);
}
.about-culture .centent-body {
    margin: 5rem 0;
}
.about-culture .centent-body:last-child {
    margin-bottom: 0;
}
.culture-head .culture-item {
    background: #FFF;
    box-shadow: 0 6px 18px 0 rgb(20 114 255 / 8%);
    border-radius: 8px;
    padding: 23px 24px;
}
.culture-head .culture-box p {
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.culture-head .culture-item h6,
.culture-bottom .culture-item h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #333;
}
.culture-bottom .culture-item {
    display: flex;
}
.culture-bottom .culture-item img {
    margin-right: 16px;
    width: 64px;
    height: 64px;
}
.culture-bottom .culture-item p {
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.about-address {
    padding: 96px 0;
}
.about-address h1 {
    margin-bottom: 5rem;
}
.address-item-image {
    max-width: 100%;
    border-radius: 4px;
}
.address-item-title {
    color: #333;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.address-item-desc {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.header-menu .tab-nav-wrap {
    border-bottom: 2px solid #eaeaea;
}
.header-menu .tab-nav-wrap .gt-tab-nav {
	display: flex;
}
.header-menu .tab-nav-wrap .gt-tab-nav .gt-nav-item {
	flex: 1;
	color: #666;
    font-size: 18px;
    padding: 24px 0;
    position: relative;
    text-decoration: none;
    text-align: center;
}
.header-menu .tab-nav-wrap .gt-tab-nav .gt-nav-item:not(:last-child):before {
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    content: '';
    width: 1px;
    height: 17px;
    background-color: #eaeaea;
}
.header-menu .tab-nav-wrap .gt-tab-nav .gt-nav-item:hover,
.header-menu .tab-nav-wrap .gt-tab-nav .gt-nav-item.active {
    color: #076dff;
    border-color: #076dff;
}
.header-menu .tab-nav-wrap .gt-tab-nav .gt-nav-item.active:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #076dff;
}
/* centent-body */
.centent-body {
	color: #666;
	font-size: 16px;
	letter-spacing: 0;
}
.centent-body h4 {
	color: #333;
    font-size: 1.4rem;
	margin-top: 0;
    margin-bottom: 16px;
	font-weight: 600;
}
.centent-body p {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 20px;
}
.centent-body .order-list {
    padding-left: 15px;
    margin-bottom: 0px;
}
.centent-body .order-list li {
    margin-bottom: 30px;
}
.centent-body .order-list li:not(:last-child) {
    margin-bottom: 10px;
}
.support-cate .service-items .item-img {
	height: 210px;
}

.section-service .service-main {
    padding: 0 20px 0 30px;
    border-radius: 5px;
    height: 120px;
    background-size: 72px;
    margin-bottom: 20px;
    background-color: #F1F2F7;
    background-repeat: no-repeat;
    background-position: right 30px top 22px;
}
.service-main-1 {
    background-image: url("https://sslsky.com/templates/SSLSKY/includes/front/assets/img/icon-security-recommend-1.svg");
}
.service-main-2 {
    background-image: url("https://sslsky.com/templates/SSLSKY/includes/front/assets/img/icon-security-recommend-2.svg");
}
.service-main-3 {
    background-image: url("https://sslsky.com/templates/SSLSKY/includes/front/assets/img/icon-security-recommend-3.svg");
}
.service-main-4 {
    background-image: url("https://sslsky.com/templates/SSLSKY/includes/front/assets/img/icon-security-recommend-4.svg");
}
.section-service .service-main-desc {
	padding-top: 30px;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
}
.section-service .service-main-title {
	font-size: 22px;
	font-weight: 500;
	color: #333;
}
.section-service .service-main-title i {
	font-size: 16px;
}


#nav .menu-auto .menu-list .menu-list-box.menu-list-box-large {
    min-width: 220px!important;
}



.common-ability .card {
	display: flex;
	align-items: center;
	flex-direction: row;
	-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}
.common-ability .card img {
	max-height: 88px;
}
.common-ability .card-info {
	margin-left: 1.5rem;
}
.common-ability .card-info h4 {
	font-size: 18px;
}



#brand .a:focus,#brand .a:hover,#brand a:focus,#brand a:hover {
	text-decoration: none
}

#brand .banner-higher,#brand .short-banner {
	position: relative;
	display: table;
	width: 100%
}

#brand .banner-higher .banner-contain,#brand .short-banner .banner-contain {
	/* display: table-cell; */
	vertical-align: middle;
}

#brand .short-banner {
	height: 160px
}

#brand .banner-higher .banner-contain .banner-logo {
	display: block;
	max-width: 370px;
	height: 131px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain h3 {
	margin-top: 28px;
	margin-bottom: 12px;
	line-height: 30px;
	font-size: 18px
}

#brand .banner-higher .banner-contain .cfca-banner-des,#brand .banner-higher .banner-contain h3.cfca-h3 {
	max-width: 815px
}

#brand .banner-higher .banner-contain h4 {
	line-height: 30px;
	font-size: 16px
}

#brand .banner-higher .banner-contain a.link {
	display: inline-block;
	margin: 50px auto 0;
	font-size: 18px;
	padding: 12px 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden
}

#brand .banner-higher .banner-contain .symantec-banner-logo {
	max-width: 570px
}

#brand .banner-higher .banner-contain .thawte-banner-logo,#brand .banner-higher .banner-contain thawte-banner-logo {
	display: block;
	width: 370px;
	height: 131px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain .thawte-banner-logo {
	background: url(https://sslsky.com/images/thawte-logo.png?a47b085395d1d07a7d993bf1e24153f6) no-repeat 50%;
	background-size: 100% auto;
	-ms-behavior: url(https://sslsky.com/js/backgroundsize.min.htc)
}

#brand .banner-higher .banner-contain .geotrust-banner-logo,#brand .banner-higher .banner-contain geotrust-banner-logo {
	display: block;
	width: 310px;
	height: 131px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain .geotrust-banner-logo {
	background: url(https://sslsky.com/images/geotrust-logo.png?36fccdc52cd49c1a79bab01993612cf3) no-repeat 50%;
	background-size: 100% auto;
	-ms-behavior: url(https://sslsky.com/js/backgroundsize.min.htc)
}

#brand .banner-higher .banner-contain .symantec-banner-logo,#brand .banner-higher .banner-contain symantec-banner-logo {
	display: block;
	width: 570px;
	height: 100px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain .symantec-banner-logo {
	background: url(https://sslsky.com/images/digicert-logo.png?db127773d696abd472268edf20d99bb5) no-repeat 50%;
	background-size: 100% auto;
	-ms-behavior: url(https://sslsky.com/js/backgroundsize.min.htc)
}

#brand .banner-higher .banner-contain .cfca-banner-logo,#brand .banner-higher .banner-contain cfca-banner-logo {
	display: block;
	width: 370px;
	height: 131px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain .cfca-banner-logo {
	background: url(https://sslsky.com/images/cfca-logo@2x.png?3c7077f79043bfd2309e2815e1551f27) no-repeat 50%;
	background-size: 100% auto;
	-ms-behavior: url(https://sslsky.com/js/backgroundsize.min.htc)
}

#brand .banner-higher .banner-contain .trustasia-banner-logo,#brand .banner-higher .banner-contain trustasia-banner-logo {
	display: block;
	width: 370px;
	height: 131px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain .trustasia-banner-logo {
	background: url(https://sslsky.com/images/trustasia-banner-logo.png?b70e0f236ab041d294acff009e1af144) no-repeat 50%;
	background-size: 100% auto;
	-ms-behavior: url(https://sslsky.com/js/backgroundsize.min.htc)
}

#brand .banner-higher .banner-contain .verisign-banner-logo,#brand .banner-higher .banner-contain verisign-banner-logo {
	display: block;
	width: 370px;
	height: 131px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .banner-contain .verisign-banner-logo {
	background: url(https://sslsky.com/images/verisign.png?a61f87f565774d2605d34036360bebc8) no-repeat 50%;
	background-size: 80% auto;
	-ms-behavior: url(https://sslsky.com/js/backgroundsize.min.htc)
}

#brand .banner-higher .ssl-banner-contain h3 {
	font-size: 36px;
	margin: -30px 0 0
}

#brand .banner-higher .ssl-banner-contain h4 {
	font-size: 26px;
	margin-top: 25px
}

#brand .banner-higher .certs-left-contian {
	padding: 10px
}

#brand .banner-higher .certs-left-contian .certs-left-detail {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	padding: 46px 0 70px;
	background-color: #fff!important;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}

#brand .banner-higher .certs-left-contian .certs-left-detail .img,#brand .banner-higher .certs-left-contian .certs-left-detail img {
	display: block;
	width: 280px;
	height: auto;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-left-contian .thawte-certs-left-detail {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	padding: 118px 0
}

#brand .banner-higher .certs-left-contian .thawte-certs-left-detail .img,#brand .banner-higher .certs-left-contian .thawte-certs-left-detail img {
	display: block;
	width: 280px;
	height: auto;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-left-contian .geotrust-certs-left-detail {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	padding: 128px 0
}

#brand .banner-higher .certs-left-contian .geotrust-certs-left-detail .img,#brand .banner-higher .certs-left-contian .geotrust-certs-left-detail img {
	display: block;
	width: 280px;
	height: auto;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-left-contian .cfca-certs-left-detail {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	padding: 124px 0
}

#brand .banner-higher .certs-left-contian .cfca-certs-left-detail .img,#brand .banner-higher .certs-left-contian .cfca-certs-left-detail img {
	display: block;
	width: 208px;
	height: auto;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-left-contian .email-certs-detail {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	padding: 80px 0 97px
}

#brand .banner-higher .certs-left-contian .email-certs-detail .img,#brand .banner-higher .certs-left-contian .email-certs-detail img {
	display: block;
	width: 140px;
	height: auto;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-left-contian .ev-code-sign-detail {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	padding: 40px 0 67px
}

#brand .banner-higher .certs-left-contian .ev-code-sign-detail .img,#brand .banner-higher .certs-left-contian .ev-code-sign-detail img {
	display: block;
	width: 270px;
	height: auto;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-left-contian .ev-code-sign-detail .ev-code-sign-banner-logo {
	width: 120px;
	height: auto;
	margin-top: 30px
}

@media (max-width:1200px) {
	#brand .banner-higher .certs-left-contian .wrap-md {
		padding: 80px 0!important
	}

	#brand .banner-higher .certs-left-contian .thawte-wrap-md {
		padding: 140px 0!important
	}

	#brand .banner-higher .certs-left-contian .geotrust-wrap-md {
		padding: 150px 0!important
	}
}

@media (max-width:992px) {
	#brand .banner-higher .certs-left-contian .certs-left-detail {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		overflow: hidden;
		padding: 74px 0
	}

	#brand .banner-higher .certs-left-contian .certs-left-detail .img,#brand .banner-higher .certs-left-contian .certs-left-detail img {
		display: block;
		width: 220px;
		height: auto;
		margin-right: auto;
		margin-left: auto
	}

	#brand .banner-higher .certs-left-contian .wrap-sm-h2 {
		padding: 112px 0!important
	}

	#brand .banner-higher .certs-left-contian .wrap-sm {
		padding: 94px 0!important
	}

	#brand .banner-higher .certs-left-contian .geotrust-certs-left-detail {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		overflow: hidden;
		padding: 127px 0
	}

	#brand .banner-higher .certs-left-contian .geotrust-certs-left-detail .img,#brand .banner-higher .certs-left-contian .geotrust-certs-left-detail img {
		display: block;
		width: 240px;
		height: auto;
		margin-right: auto;
		margin-left: auto
	}

	#brand .banner-higher .certs-left-contian .geo-wrap-sm {
		padding: 147px 0!important
	}

	#brand .banner-higher .certs-left-contian .geo-wrap-sm-h2 {
		padding: 164px 0!important
	}

	#brand .banner-higher .certs-left-contian .thawte-certs-left-detail {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		overflow: hidden;
		padding: 116px 0
	}

	#brand .banner-higher .certs-left-contian .thawte-certs-left-detail .img,#brand .banner-higher .certs-left-contian .thawte-certs-left-detail img {
		display: block;
		width: 260px;
		height: auto;
		margin-right: auto;
		margin-left: auto
	}

	#brand .banner-higher .certs-left-contian .thawte-wrap-h2 {
		padding: 133px 0!important
	}

	#brand .banner-higher .certs-left-contian .cfca-certs-left-detail {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		overflow: hidden;
		padding: 121px 0
	}

	#brand .banner-higher .certs-left-contian .cfca-certs-left-detail .img,#brand .banner-higher .certs-left-contian .cfca-certs-left-detail img {
		display: block;
		width: 190px;
		height: auto;
		margin-right: auto;
		margin-left: auto
	}

	#brand .banner-higher .certs-left-contian .cfca-wrap-h2 {
		padding: 140px 0!important
	}

	#brand .banner-higher .certs-left-contian .ev-code-sign-detail {
		padding: 56px 0!important
	}

	#brand .banner-higher .certs-left-contian .email-certs-detail {
		padding: 84px 0
	}

	#brand .banner-higher .certs-left-contian .email-wrap-h2 {
		padding: 104px 0!important
	}
}

#brand .banner-higher .certs-right-contian {
	padding: 10px
}

#brand .banner-higher .certs-right-contian .certs-right-detail {
	background-color: #3679ff;
	padding: 36px 30px 24px 36px;
	box-shadow: 6px 6px 0 #0044cd;
	-webkit-box-shadow: 6px 6px 0 #0044cd;
	-moz-box-shadow: 6px 6px 0 #16568a;
	-o-box-shadow: 6px 6px 0 #16568a;
	overflow: hidden;
}

#brand .banner-higher .certs-right-contian .certs-right-detail h2 {
	margin: 0;
	color: #fff;
}

#brand .banner-higher .certs-right-contian .certs-right-detail h3 {
	font-size: 16px;
	line-height: 40px;
	margin: 0;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 30px;
}

#brand .banner-higher .certs-right-contian .certs-right-detail ul {
	padding: 4px 0 3px
}

#brand .banner-higher .certs-right-contian .certs-right-detail ul li {
	display: inline-block;
	margin-right: 10px
}

#brand .banner-higher .certs-right-contian .certs-right-detail ul li .img,#brand .banner-higher .certs-right-contian .certs-right-detail ul li img {
	display: block;
	width: auto;
	height: 20px;
	margin-right: auto;
	margin-left: auto
}

#brand .banner-higher .certs-right-contian .certs-right-detail hr {
	border-top: 1px solid #2085d7;
	margin: 0 40px 0 0
}

#brand .banner-higher .certs-right-contian .certs-right-detail .green-hr {
	border-top: 1px solid #009d8c;
	margin: 25px 40px 0 0
}

#brand .banner-higher .certs-right-contian .certs-right-detail a {
	padding: 12px 15px;
	font-size: 18px;
	line-height: 25px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
	color: #ffffff;
}

#brand .banner-higher .certs-right-contian .certs-right-detail a.code-sign-btn {
	padding: 11px 18px;
	background-color: #00bfa9
}

#brand .banner-higher .certs-right-contian .certs-right-detail a.code-sign-btn:hover {
	background-color: #00f2d7
}

#brand .banner-higher .certs-right-contian .certs-right-detail .a:focus,#brand .banner-higher .certs-right-contian .certs-right-detail .a:hover,#brand .banner-higher .certs-right-contian .certs-right-detail a:focus,#brand .banner-higher .certs-right-contian .certs-right-detail a:hover {
	text-decoration: none
}

#brand .banner-higher .certs-right-contian .code-sign-right-detail {
	background-color: #0d887a;
	box-shadow: 6px 6px 0 #093d3f;
	-webkit-box-shadow: 6px 6px 0 #093d3f;
	-moz-box-shadow: 6px 6px 0 #093d3f;
	-o-box-shadow: 6px 6px 0 #093d3f
}

#brand .code-sign-banner2 ul {
	margin-top: 70px
}

#brand .code-sign-banner2 ul li {
	padding-top: 170px;
	text-align: center;
	color: #abdcfe;
	font-size: 16px
}

.ssl-product-type {
    background: url(../img/product.jpg);
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}
p.price.gold-text {
    font-family: DINAlternate-Bold;
    font-size: 24px;
    color: #FF6638;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

p.price.gold-text span {
    font-size: 34px;
}


.green-btn {
    background-color: #57d051!important
}

.blue-btn,.green-btn {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.blue-btn {
    background-color: #00c8ff!important
}

.dark-btn {
    background-color: #272727!important
}

.dark-btn,.gold-btn {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.gold-btn {
    background-color: #fec10e!important
}

.deep-blue-btn {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #0174c3!important
}

.green-btn:hover {
    background-color: #4fab4a!important
}

.blue-btn:hover {
    background-color: #01aede!important
}

.dark-btn:hover {
    background-color: #000!important
}

.gold-btn:hover {
    background-color: #d6a310!important
}

.deep-blue-btn:hover {
    background-color: #0868aa!important
}

.ssl-cont {
    float: left;
    text-align: left;
    padding: 22px 0;
    font-size: 16px;
    color: #777;
}

.ssl-cont i {
    padding-right: 12px;
    position: relative;
    top: 1px;
    color: #2BB559;
    font-size: 21px;
    font: normal normal normal 18px/1 "Font Awesome 5 Pro";
}

.ssl-cont i:before {
    content: "\f058";
}
.ssl-cont img {
    vertical-align: middle;
    border: 0;
    width: 190px;
}

section.ssl-fuction {
    background: rgb(249, 250, 253);
}
.ssl-dv-info {
    line-height: 35px;
    font-size: 18px;
    /* color: #fff; */
    padding-bottom: 50px;
    opacity: 0.8;
}

.ssl-dv-img img {
    max-width: 100%;
}

.pricedesc .item .label {
    list-style: none;
    line-height: 22px;
}
section.ssl-data {
    background: url(../img/index/databg.png) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 50px;
    background-position: bottom;
}



.ssl-advantage-card {padding: 30px;text-align: center;margin-bottom: 30px;}

.ssl-advantage-card-img svg {
    width: 60px;
    height: 60px;
    color: #07e897;
    margin-bottom: 30px;
    margin-top: 10px;
}

.ssl-advantage-card-subtitle {
    opacity: .8;
    font-size: 14px;
    color: #858999;
    line-height: 18px;
}

.ssl-advantage-card-title {
    margin-bottom: 10px;
    color: #191c3d;
    line-height: 26px;
    font-weight: 400;
    font-size: 18px;
}



.ssl-browser {
	width: 100%
}

.ssl-browser .ssl-bro-li {
	display: flex;
	justify-content: center;
	/* margin: 40px 0 80px */
}

.ssl-browser .ssl-bro-li .ssl-bro-item {
	width: 220px;
	height: 214px;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	margin-left: 10px
}

.ssl-browser .ssl-bro-li .ssl-bro-360 {
	background: url(../img/index/ssl360.png) no-repeat;
	background-size: 220px 214px
}

.ssl-browser .ssl-bro-li .ssl-bro-safair {
	background: url(../img/index/sslSafair.png) no-repeat;
	background-size: 220px 214px
}

.ssl-browser .ssl-bro-li .ssl-bro-ie {
	background: url(../img/index/sslIe.png) no-repeat;
	background-size: 220px 214px
}

.ssl-browser .ssl-bro-li .ssl-bro-firefox {
	background: url(../img/index/sslFirefox.png) no-repeat;
	background-size: 220px 214px
}

.ssl-browser .ssl-bro-li .ssl-bro-chrome {
	background: url(../img/index/sslChrome.png) no-repeat;
	background-size: 220px 214px
}

.ssl-browser .ssl-bro-li:first-child {
	margin-left: 0
}

@media (max-width: 768px) {
.ssl-browser .ssl-bro-li .ssl-bro-item {
    width: 100%;
    min-height: 300px;
    background-size: 100% 100%;
    margin-bottom: 20px;
}

.ssl-browser .ssl-bro-li:first-child {
    flex-wrap: wrap;
}}

section.legal-banner {margin-top: 0px;height: 300px;box-sizing: border-box;background: url("../img/pages/legal.jpg") center top / 1920px 280px no-repeat rgb(204, 204, 204);padding-top: 85px;background-size: cover;position: relative;background-position: center;}
.legal-banner-text h2 {font-family: PingFangSC-Medium;font-size: 38px;text-align: left;line-height: 58px;font-weight: 400;}


.fcj-products .m-item {
	position: relative;
	top: 0;
	display: inline-block;
	vertical-align: top;
	width: 100%;


	background: #ffffff;
	border: 1px solid #e6e9f0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	text-align: left;
margin-bottom: 20px;overflow: hidden;border: 1px solid #e1e1e1;}

.fcj-products .m-item .m-img {
	position: relative;
	width: 100%;
	height: 128px;
	    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
border-bottom: 1px solid #e1e1e1;}

.fcj-products .m-item .m-img .u-img {
	position: absolute;
	right: 16px;
	top: -30px;
	display: inline-block;
	width: 108px;
	height: auto;
}

.fcj-products .m-item .m-img .u-title {
	position: absolute;
	top: 40px;
	left: 24px;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
}

.fcj-products .m-item .m-info {
	padding: 20px;
}

.fcj-products .m-item .m-info .u-desc {




font-size: 14px;
    line-height: 24px;
    color: #4e545a;

    }

.fcj-products .m-item .m-info .u-subTitle {
	margin-top: 15px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.fcj-products .m-item .m-info .u-subTitle:before {
	content: "";
	position: relative;
	display: inline-block;
	margin-right: 8px;
	top: 1px;
	width: 3px;
	height: 12px;
	background: #07e897;
}

.fcj-products .m-item .m-info .u-userType {
	height: 30px;
	margin-top: 8px;
	font-size: 12px;
	line-height: 17px;
	color: #666;
}

.fcj-products .m-item .m-info .m-feats {
	margin-top: 2px;
	height: 70px;
	display: block;
}

.fcj-products .m-item .m-info .m-feats .u-feat {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	height: 32px;
	border: 1px solid #e6e9f0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 30px;
	color: #666;
	text-align: center;
	margin: 10px 10px 0 0;
}

.fcj-products .m-item .m-info .m-feats .u-feat.f-no-mr {
	margin-right: 0;
}

.fcj-products .m-item .m-info .m-feats .u-feat.f-link {
	cursor: pointer;
}

.fcj-products .m-item .m-info .m-feats .u-feat.f-link:hover {
	color: #0056ff;
	border-color: #0056ff;
}

.fcj-products .m-item .m-info .u-detail-btn {
	display: inline-block;
	margin-top: 34px;
	width: 100%;
	height: 40px;
	border: 1px solid #07e897;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 38px;

	text-align: center;
background: #07e897;}

.fcj-products .m-item .m-info .u-detail-btn:hover {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

	color: #fff;
background: #343f48;
    border-color: #343f48;
    color: #fff;}

.fcj-products .m-item:hover {
	top: -4px;
	box-shadow: 0 8px 40px rgba(0,0,0,.1);
	-webkit-transition: all .5s;
	-moz-transition: .5s all;
	transition: all .5s;
	background: #fff;
}

.fcj-products .m-item.f-no-mr {
	margin-right: 0;
}

@media (min-width: 1400px) {
	.container {
		max-width: 1300px;
	}
}


section.section-register.page-dv {
    background: url(../img/dv-footer-bg.jpg) 45% no-repeat;
    background-size: cover;
}

section.section-register.page-dv .btn-register {
    background-color: #0052d9;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
    opacity: 1;
    border-radius: 0px;
}


section.section-register.page-dv .btn-register:hover {
    background-color: #2670e8;
    box-shadow: none;
    transition: all .3s ease-in-out;
}


:root {
	--color-primary: #2b76ff;
	--color-dark: #1c1d27;
	--color-secondary: #858585;
	--color-muted: #999;
	--color-light: #e7ebee;
	--color-danger: #ff1823;
	--color-warning: #ffb16c;
	--color-info: #2bbb70;
	--color-body: #1c1d27;
	--btn-primary: #2b76ff;
	--btn-dark: #2e2f33;
	--btn-secondary: #777881;
	--btn-muted: #e6eaef;
	--btn-light: #f0f2f7;
	--btn-danger: #ff1823;
	--btn-warning: #ffb16c;
	--btn-info: #2bbb70;
	--btn-success: #2bbb70;
	--bg-outline-danger: #ffece8;
	--btn-outline-primary: #e5edfd;
	--btn-outline-secondary: #b2b2b2;
	--btn-outline-info: #e5f7e7;
	--btn-outline-danger: #ffeeea;
	--btn-outline-warning: #ffdbbb;
	--bg-primary: #2b76ff;
	--bg-dark: #2e2f33;
	--bg-secondary: #777881;
	--bg-muted: #e6eaef;
	--bg-light: #f0f2f7;
	--bg-danger: #ff1823;
	--bg-warning: #ffefe0;
	--bg-body: #f6f7f9;
	--bg-outline-primary: #e5edfd;
	--bg-outline-danger: #ffeeef;
	--bg-outline-warning: #ffeeef;
	--border-primary: #2b76ff;
	--border-dark: #1c1d27;
	--border-secondary: #858585;
	--border-muted: #d7dbe1;
	--border-light: #e7ebee;
	--border-danger: #ff1823;
	--border-outline-primary: #dee6f3;
	--border-outline-danger: #ffdbdd;
	--border-outline-warning: #ffefe0;
	--radius-sm: 6px;
	--radius-md: 9px;
	--radius-lg: 18px
}
.list-item {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word
}

.list-item:hover .btn-let-ask {
	display: inline-block !important
}

.dv-ssl-feature .block {
    background: var(--bg-light);
    background: -o-linear-gradient(top,var(--bg-light),#fff);
    background: -webkit-gradient(linear,left top,left bottom,from(var(--bg-light)),to(#fff));
    background: linear-gradient(180deg,var(--bg-light),#fff);
    border: 2px solid #fff;
    -webkit-box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
    box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
    border-radius: var(--radius-lg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: calc(100% - 20px);
}

.list-grouped .list-item {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

section.dv-ssl-news {
    background-color: #242933;
    color: #fff;
}



.help-doc-card {
    position: relative;
    box-sizing: border-box;
    height: auto;


    border-radius: 4px;
    padding: 20px 50px;
    transition: all .4s ease-in-out;
    margin-bottom: 15px;
    cursor: pointer;
background: #2C333F;
box-shadow: 0px 4px 30px 0px rgba(26, 32, 45, 0.4);}

.help-doc-card p {
    margin: 0;
}

.help-doc-card:hover {
    background: #242933;
    box-shadow: inset 8px 8px 20px 0 rgb(18 21 26 / 60%), inset -8px -8px 20px 0 rgb(54 62 77 / 50%);
}

section.dv-ssl-news .head-subtitle a {
    color: #0052d9;
}



.pplan_tab_pane {
    background-color: #fff;
    padding: 45px 40px 33px;
    background-image: linear-gradient(0deg,#F0F2F6,#F8F8F9);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    margin-bottom: 30px;
}}
.pplan_tab_pane:hover {border: 5px solid #3dc154; box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.12); padding: 41px 36px 29px; transition: 0.3s;}
.card_heading {text-align: center; padding: 0 0 32px; border-bottom: 1px solid #cccccc;}
.card_heading h5 {position: relative; color: #252525;}
.card_heading .shared_plan::before {left: 24px}
.card_heading .vps_plan::before {left: 34px}
.card_heading .shared_plan::after {right: 24px}
.card_heading .vps_plan::after {right: 34px}
.card_heading h5::before {width: 30px;height: 4px;background-color: #0052d9;content: "";position: absolute;left: 14px;top: 12px;}
.card_heading h5::after {width: 30px;height: 4px;background-color: #0052d9;content: "";position: absolute;right: 14px;top: 12px;}
.pplan_tab_pane:hover .card_heading h5::before {background-color: #07e897;}
.pplan_tab_pane:hover .card_heading h5::after {background-color: #07e897;}
.plan_btn a {font-size: 18px; line-height: 24px; font-weight: 500; letter-spacing: 1px; color: #fff; text-align: center; padding: 15px; background-color: #0c94ab; display: block;}
.pplan_tab_pane:hover .plan_btn a {background-color: #3dc154;}
.price_plan_list {padding: 35px 0 30px;}
.price_plan_list li {font-size: 16px; line-height: 30px; font-weight: 400; color: #333333; position: relative; /* padding-left: 22px; */}
.price_plan_list li::before {content: ""; background: url()no-repeat center; width: 14px; height: 11px; position: absolute; left: 0; top: 8px;}
.price_plan_list li span {font-weight: 700;}

.pplan_tab_pane:hover {
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 20%), -8px -8px 20px 0 #fff;
}

.card_heading img {
    height: 50px;
    margin-bottom: 15px;
}



.c-pro-item:not(.c-pro-first) {
  height: 166px;
  width: 232px;
  border: solid 2px #ffffff;
}
.c-pro-item:not(.c-pro-first) .c-pro-content h3 {
  font-size: 16px;
}
.c-pro-item:not(.c-pro-first):hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f5), to(#ffffff)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: -o-linear-gradient(top, #f0f2f5 0%, #ffffff 100%), -o-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(180deg, #f0f2f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
          box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
  border-radius: 2px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.c-pro-item.w-353 {
  width: 353px;
}
.c-pro-item:not(.no-padding) {
  padding: 24px 30px;
}
.c-pro-item > a {
  padding: 24px 0 24px 30px;
  color: #333;
}
.c-pro-first {
  width: 474px;
  height: 166px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f5), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: -o-linear-gradient(top, #f0f2f5 0%, #fff 100%), -o-linear-gradient(#fff, #fff);
  background-image: linear-gradient(180deg, #f0f2f5 0%, #fff 100%), linear-gradient(#fff, #fff);
  background-blend-mode: normal, normal;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
  box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
  border-radius: 2px;
  border: solid 2px #fff;
  width: 100%;
  margin-bottom: 20px;
}
.c-pro-first img {
  width: 130px;
  height: 146px;
  margin-right: 40px;
  margin-top: -35px;
}
.c-pro-first .c-pro-price {
  font-size: 28px;
  font-weight: bold;
  color: #ff8b29;
}
.c-pro-first .c-pro-unit {
  margin-left: -6px;
}
.c-pro-content .icon-pro-hot {
  margin-top: -5px;
}
.c-pro-content h3 {
  font-weight: normal;
  font-size: 18px;
}
.c-pro-content h3 a {
  color: #333;
}
.c-pro-content h3 > span {
  position: relative;
}
.c-pro-content p {
  color: #666;
  margin: 5px 0 10px;
color: #2972F6;}
.c-pro-tag {
  margin-top: 17px;
}
.c-pro-tag span {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  border-radius: 2px;
  border: solid 1px #e6ebf2;
  font-size: 12px;
  color: #999;
  padding: 0 5px;
}
.c-pro-tag span:not(:first-child) {
  margin-left: 10px;
}

[layout-align='start start'] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
[layout-align] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}.a-public-btn.bd-color-006aff {
    border-color: #006aff;
}
.a-public-btn.w-107 {
    width: 147px;
}
.a-public-btn {
    border-style: solid;
    border-width: 1px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
}
.bg-color-006aff {
    background-color: #006aff;
}
.color-white {
    color: #fff;
}
.bdr-2 {
    border-radius: 2px;
}
.inline-block {
    display: inline-block;
}
.m-l-10 {
    margin-left: 10px;
}
[layout-align='space-between center'] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-pro-content {
    width: 100%;
}

.banner--section.ssl-bg {
    background-image: url(../img/ssl-bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
height: 350px;}


.swiper-media {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: -3rem;
}
.media-main {
    min-height: 100px;
    display: block;
    padding: 18px 24px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    border-radius: 4px;
    transition: all .3s linear;
}
.media-main:hover {
    text-decoration: none;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 20%), -8px -8px 20px 0 #fff;
}
.media-main .media-title {
    font-size: 18px;
    line-height: 24px;
}
.media-main .media-body {
    margin-top: 7px;
    line-height: 24px;
    color: rgba(156, 164, 172, 1);
}

.media-main .media-title img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.product-feature-card-header img {
    width: 64px;
}

.product-feature-card {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px 30px;
}

.product-feature-card-body {
    margin-top: 20px;
}


.product-feature-card-body p {
    color: rgba(153, 161, 169, 1);
    font-size: 16px;
    margin-top: 20px;
}





@media (max-width: 768px) {
.swiper-media {
    display: none;
    bottom: unset;
}

.pplan_tab_pane {
    padding: 45px 20px 33px;
}

.c-pro-item:not(.no-padding) {
    padding: 24px 10px;
}

.c-pro-first {
    height: auto;
}
}


.footer-bottom .d-flex.float-right img {width: 100px;margin-left: 10px;}

.footer-bottom .d-flex.float-right {
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}

.footer-bottom .d-flex.float-right p {
    margin: 0;
}

@media (max-width: 768px) {
.footer-bottom .d-flex.float-right {
    width: 100%;
    float: left!important;
    justify-content: inherit;
    margin-bottom: 20px;
}
}

.help-doc-card p a {color: #ffffff;}

.a-public-btn.w-107:hover {color: #fff;}

.fcj-products .m-item:hover .m-img {-webkit-transform: scale(1.1);
    transform: scale(1.1);}

    .dot-mask {
    	-webkit-mask-image: url(../img/dots.svg);
    	mask-image: url(../img/dots.svg)
    }

    .dm-wh-200 {
    	width: 200px;
    	height: 200px
    }

    .dm-wh-250 {
    	width: 250px;
    	height: 250px
    }

    .dm-wh-300 {
    	width: 300px;
    	height: 300px
    }

    .dm-wh-350 {
    	width: 350px;
    	height: 350px
    }

    .dm-size-10 {
    	-webkit-mask-size: 10px;
    	mask-size: 10px
    }

    .dm-size-12 {
    	-webkit-mask-size: 12px;
    	mask-size: 12px
    }

    .dm-size-14 {
    	-webkit-mask-size: 14px;
    	mask-size: 14px
    }

    .dm-size-16 {
    	-webkit-mask-size: 16px;
    	mask-size: 16px
    }

    .dm-size-18 {
    	-webkit-mask-size: 18px;
    	mask-size: 18px
    }

    .dm-size-20 {
    	-webkit-mask-size: 20px;
    	mask-size: 20px
    }

    .dot-mask.bottom-right,.dot-mask.top-right {
    	right: -35px;
    	bottom: -35px
    }

    .dot-mask.top-left {
    	top: -35px;
    	left: -35px
    }

    .dot-mask.bottom-left {
    	bottom: -35px;
    	left: -35px
    }

    @media (min-width:320px) and (max-width:992px) {
    	.dot-mask.top-left,.left--40 {
    		top: -20px;
    		left: 0!important
    	}

    	.dot-mask.bottom-right,.dot-mask.top-right,.right--40 {
    		right: 0!important
    	}

    	.dm-wh-350 {
    		display: none
    	}

    	.author-img-wrap.ps-5,.author-img-wrap.pt-5 {
    		padding-top: 0!important;
    		padding-left: 0!important
    	}
    }

    .two-bg-color {
    	background-image: -webkit-gradient(linear,left top,right top,color-stop(40%,var(--bs-primary)),color-stop(0,var(--bs-light)));
    	background-image: linear-gradient(90deg,var(--bs-primary) 40%,var(--bs-light) 0)
    }

    .two-bg-dark-light {
    	background-image: -webkit-gradient(linear,left top,right top,color-stop(40%,var(--bs-dark)),color-stop(0,var(--bs-light)));
    	background-image: linear-gradient(90deg,var(--bs-dark) 40%,var(--bs-light) 0)
    }

    @media (min-width:320px) and (max-width:767px) {
    	.two-bg-dark-light {
    		background: var(--bs-light)
    	}
    }

    .feature-icon {
    	width: 65px;
    	height: 65px;
    	text-align: center;
    	line-height: 65px
    }

    .icon-center {
    	margin: 0 auto 32px
    }

    .feature-icon img {
    	padding: 15px
    }

    .img-bg-shape {
    	top: 0;
    	bottom: 0;
    	left: 50%;
    	width: 80%;
    	-webkit-transform: translateX(-50%) scale(1.1);
    	transform: translateX(-50%) scale(1.1)
    }

    .skewed-img-right {
    	-webkit-transform: rotateY(-35deg) rotateX(15deg);
    	transform: rotateY(-35deg) rotateX(15deg)
    }

    .skewed-img-left,.skewed-img-right {
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden
    }

    .skewed-img-left {
    	-webkit-transform: rotateY(-25deg) rotateX(-10deg);
    	transform: rotateY(-25deg) rotateX(-10deg)
    }

    .img-overlay-list {
    	bottom: 30px;
    	left: 40px;
    	z-index: 1;
    	grid-row-gap: 17px;
    	-ms-grid-columns: 1fr;
    	grid-template-columns: 1fr;
    	-ms-grid-rows: auto;
    	grid-template-rows: auto
    }

    .img-overlay-list li {
    	margin: 12px 0
    }

    .img-overlay-list li i {
    	margin-right: 12px;
    	width: 30px;
    	height: 30px;
    	text-align: center;
    	line-height: 30px
    }

    .customer-logos-grid {
    	display: grid;
    	margin-right: auto;
    	margin-left: auto;
    	grid-auto-columns: 1fr;
    	grid-row-gap: 16px;
    	grid-column-gap: 40px;
    	grid-template-columns: 1fr 1fr 1fr 1fr;
    	grid-template-rows: auto
    }

    .customer-logo,.customer-logos-grid img {
    	-webkit-transition: all .3s ease-in-out;
    	transition: all .3s ease-in-out
    }

    .customer-logo-gray {
    	-webkit-filter: opacity(.6);
    	filter: opacity(.6)
    }

    .customer-logo {
    	-webkit-filter: brightness(1) invert(1);
    	filter: brightness(1) invert(1)
    }

    .customer-logo:hover {
    	-webkit-filter: brightness(0) invert(1);
    	filter: brightness(0) invert(1)
    }

    .customer-logo-gray:hover {
    	-webkit-filter: none;
    	filter: none
    }

    .client-logo-img {
    	display: grid;
    	-webkit-box-pack: justify;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
    	grid-gap: 25px;
    	grid-template-columns: repeat(auto-fit,minmax(120px,1fr))
    }

    .client-logo-img li {
    	width: 100%
    }

    @media (min-width:320px) and (max-width:575px) {
    	.customer-logos-grid {
    		grid-template-columns: 1fr 1fr 1fr;
    		grid-column-gap: 30px
    	}
    }

    .choose-soft-img {
    	position: relative;
    	left: 25%
    }

    .list-three-col,.list-two-col {
    	max-width: 100%
    }

    .list-two-col li {
    	max-width: 50%;
    	-ms-flex: 0 0 50%;
    	flex: 0 0 50%
    }

    .list-three-col li,.list-two-col li {
    	padding-right: 12px;
    	-webkit-box-flex: 0
    }

    .list-three-col li {
    	max-width: 33%;
    	-ms-flex: 0 0 33%;
    	flex: 0 0 33%
    }

    @media (min-width:320px) and (max-width:575px) {
    	.list-two-col li {
    		max-width: 100%;
    		-webkit-box-flex: 0;
    		-ms-flex: 0 0 100%;
    		flex: 0 0 100%
    	}
    }

    @media (min-width:320px) and (max-width:767px) {
    	.list-three-col li {
    		max-width: 100%;
    		-webkit-box-flex: 0;
    		-ms-flex: 0 0 100%;
    		flex: 0 0 100%
    	}
    }

    .feature-img .feature-top-img {
    	position: absolute;
    	top: 5rem;
    	left: .5rem
    }

    .feature-img-shape:before {
    	position: absolute;
    	top: -10px;
    	right: -60px;
    	z-index: -1;
    	display: block;
    	width: 150px;
    	height: 150px;
    	background-repeat: no-repeat;
    	content: "";
    	-webkit-transform: scaleX(-1);
    	transform: scaleX(-1)
    }

    @media (min-width:320px) and (max-width:575px) {
    	.feature-img-shape:before {
    		display: none
    	}
    }

    .feature-img-shape-top-right:before {
    	background-image: url(../img/shape/dot-big-square.svg)
    }

    @media (min-width:320px) and (max-width:991px) {
    	.hide-medium {
    		display: none
    	}
    }

    .screenshots-content-wrap {
    	position: relative;
    	z-index: 2
    }

    .roted-img-wrap {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	margin-top: -100px;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
    	-webkit-perspective: 2200px;
    	perspective: 2200px
    }

    .roted-img {
    	position: relative;
    	z-index: -1;
    	margin-bottom: -90px;
    	width: 100%;
    	-webkit-transform: rotateX(50deg) rotateY(0) rotate(0);
    	transform: rotateX(50deg) rotateY(0) rotate(0);
    	-webkit-transform-style: preserve-3d;
    	transform-style: preserve-3d
    }

    .half-screen {
    	top: 4%;
    	left: 2.1%;
    	width: 94%;
    	height: auto;
    	border-top-right-radius: .9375rem;
    	border-top-left-radius: .9375rem;
    	-o-object-fit: cover;
    	object-fit: cover
    }

    .feature-grid {
    	display: -ms-grid;
    	display: grid;
    	width: 100%;
    	-webkit-transition: all .3s ease-in-out;
    	transition: all .3s ease-in-out;
    	grid-auto-columns: 1fr;
    	grid-column-gap: 30px;
    	grid-row-gap: 30px;
    	grid-template-columns: 1fr 1fr 1fr;
    	grid-template-rows: auto auto
    }

    .highlight-card {
    	display: block;
    	-ms-grid-column-span: 1;
    	grid-column-end: 2;
    	-ms-grid-column: 1;
    	grid-column-start: 1;
    	-ms-grid-row-span: 2;
    	grid-row-end: 3;
    	-ms-grid-row: 1;
    	grid-row-start: 1
    }

    .feature-card.border:hover {
    	border-color: var(--bs-primary)!important;
    	background: 0 0;
    	-webkit-transition: all .3s ease-in-out;
    	transition: all .3s ease-in-out
    }

    @media (min-width:767px) and (max-width:992px) {
    	.feature-grid {
    		grid-template-columns: 1fr 1fr
    	}
    }

    @media (min-width:320px) and (max-width:768px) {
    	.feature-grid {
    		grid-template-columns: 1fr
    	}
    }

    .border-line-style {
    	position: relative;
    	padding-top: 0;
    	padding-bottom: 0;
    	border: 1px solid var(--bs-primary-soft);
    	border-top: 0 transparent;
    	border-right: 0 transparent;
    	border-bottom: 0 transparent
    }

    .border-line {
    	position: absolute;
    	top: 0;
    	right: auto;
    	bottom: auto;
    	left: 0;
    	margin-top: 0;
    	margin-left: -1px;
    	width: 2px;
    	height: 65px;
    	background-color: var(--bs-primary)
    }

    .feature-bg-mockup {
    	position: absolute;
    	opacity: .35;
    	-o-object-fit: cover;
    	object-fit: cover
    }

    .feature-tab-list li a {
    	display: inline-block;
    	border-radius: 6px 6px 0 0;
    	color: var(--bs-dark);
    	text-align: center;
    	font-weight: 600;
    	font-size: 15px;
    	font-family: var(--bs-font-monospace)
    }

    .feature-tab-list li a.active {
    	background: var(--bs-dark);
    	color: var(--bs-white)
    }

    .feature-tab-list-2 li a {
    	margin-right: 15px;
    	padding: .5rem 1.5rem;
    	border: 2px solid hsla(0,0%,84.7%,.2);
    	border-radius: .5rem;
    	background: hsla(0,0%,84.7%,.25);
    	color: var(--body-color);
    	font-weight: 500;
    	font-size: 14px;
    	font-family: var(--bs-font-monospace);
    	-webkit-transition: all .3s ease;
    	transition: all .3s ease
    }

    .feature-tab-list-2 li a.active,.feature-tab-list-2 li a:hover {
    	border-color: var(--bs-primary);
    	background: var(--bs-primary);
    	color: var(--bs-white)
    }

    .feature-tab-list-2 li:last-child a {
    	margin-right: 0
    }

    @media (min-width:320px) and (max-width:767px) {
    	.feature-tab-list-2 {
    		-webkit-box-pack: start!important;
    		-ms-flex-pack: start!important;
    		justify-content: start!important
    	}

    	.feature-tab-list-2 li {
    		margin: 5px 0
    	}
    }

    .icon-box {
    	margin-bottom: 30px
    ;background: #07e897!important;}

    .icon-box i {
    	width: 55px;
    	height: 55px;
    	text-align: center;
    	font-size: 22px;
    	line-height: 55px
    }

    .align-items-start {
    	-webkit-box-align: start!important;
    	-ms-flex-align: start!important;
    	align-items: flex-start!important;}

    .d-flex {
    	display: -webkit-box!important;
    	display: -ms-flexbox!important;
    	display: flex!important
    }


    .custom-shadow {
    	box-shadow: 0 5px 20px 0 rgba(210,210,245,.5)
    }

    .shadow-hover:hover {
    	box-shadow: 0 5px 20px 0 rgba(210,210,245,.5);
    	z-index: 3
    }


    .contact-us-promo {background: #212830!important;
        border-radius: 24px!important;color: #fff;position: relative;overflow: hidden;}

.p-product__onboarding-card-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.contact-us-promo.contact-us-right:first-child {margin-bottom: 20px;}


		.product-cards__item {
			color: white;
			margin-bottom: 60px;
			display: flex;
			border-radius: 5px;
			overflow: hidden;
		}

		.product-cards__item .content {

			padding: 50px 80px 50px 80px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			flex: 1;
		z-index: 99;
    margin-bottom: 1px;
    -webkit-box-shadow: 0 2px 12px rgb(45 60 100 / 5%), 0 4px 32px rgb(45 60 100 / 5%);
    box-shadow: 0 2px 12px rgb(45 60 100 / 5%), 0 4px 32px rgb(45 60 100 / 5%);background: #f6f6ff;border-radius: 24px;border-radius: 24px;color: #212830;position: relative;}

		.product-cards__item .content p {
			margin: 20px 0 20px;

		}

		.product-cards__item .content a {
			color: white;
			font-size: 18px;
			line-height: 21px;
			border: 1px solid white;
			border-radius: 3px;
			padding: 9px 21px 10px;
			transition: 0.15s all;
		color: #343f48;
    background: #07e897;}

		.product-cards__item .content a img {
			margin-left: 8px;
			position: relative;
			transition: 0.15s all;
			left: 0;
		}

		.product-cards__item .content a:hover {
			opacity: 0.6;
		}

		.product-cards__item .content a:hover img {
			left: 10px;
		}

		@media (max-width:650px) {
			.product-cards {
				padding: 60px 20px;
				background-size: cover;
				background-position: 0 0;
				margin-bottom: 300px;
			}

			.product-cards__item {
				flex-direction: column;
				margin-bottom: 45px;
			}

			.product-cards__item:last-child {
				margin-bottom: 0;
			}

			.product-cards__item__imgwrapper {
				overflow: hidden;
				height: 130px;
			}

			.product-cards__item__imgwrapper img {
				width: 100%;
			}

			.product-cards__item .content {
				padding: 40px 10px 40px 20px;
			}

			.product-cards__item .content img {
				height: 100px;
			z-index: 0!important;}

			.product-cards__item .content a img {
				height: auto;
			}
		}


.datacenter-name {font-size: 2rem;color: #212830;}

.datacenter-name span {color: #07e897;font-weight: 500;}


.contact-list {font-size: 0.875rem !important;}
.fs-16 {font-size: 16px;}


.product-cards-title {margin-bottom: 30px;font-size: 30px;color: #212830;display: flex;align-items: center;}

.product-cards-title svg {max-height: 100%;height: 40px;margin-right: 10px;}

.btn-block {width: 100%;display: block;}

.btn-outline-primary {border-color: #fff;color: #ffffff;}

span.dc-node {color: #07e897;}

.mt-10 {margin-top: 10px!important;}

.datacenter-btn a {margin-right: 10px;margin-top: 10px!important;}

.datacenter-btn {margin-top: 20px;}


@media (max-width:768px) {
.datacenter-btn a {display: block;}

.datacenter-btn {margin-top: 20px;width: 100%;text-align: center;padding-right: 10px;z-index: 999;}
}

.home-product {position: relative;overflow: hidden;}

img.c-constructor__accordion-shape {position: absolute;
    top: -30px;
    right: -110px;}
    img.c-banner__img.c-banner__img-figure {width: auto;
        z-index: 3;
        right: 0;
        bottom: 0;position: absolute;z-index: 99999;}

section.contact-promo .fad {color: #07e897!important;margin-bottom: 20px;}

.contact-promo-info p {z-index: 9999;font-size: 18px;}

.contact-promo-info h5 {font-size: 30px;margin-bottom: 25px;}

.contact-promo-info {z-index: 9999999;position: relative;}

.contact-us-promo a {border: 1.5px solid #07e897;
    background: #212830;
    color: #07e897;}

.contact-us-promo a:hover {background: #07e897;color: #ffffff;border: 1.5px solid #07e897;}



.p-index .c-products__lines {
	top: -60px;
	z-index: 2
}

@media(min-width:2210px) {
	.p-index .c-products__lines {
		display: none
	}
}

.marquee {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-right: var(--margin-right);
	-webkit-animation: scroll var(--duration) linear var(--delay) infinite;
	animation: scroll var(--duration) linear var(--delay) infinite;
	-webkit-animation-play-state: var(--play);
	animation-play-state: var(--play);
	-webkit-animation-delay: var(--delay);
	animation-delay: var(--delay);
	-webkit-animation-direction: var(--direction);
	animation-direction: var(--direction)
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(calc(-100% - var(--margin-right)));
		transform: translateX(calc(-100% - var(--margin-right)))
	}
}

@keyframes scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(calc(-100% - var(--margin-right)));
		transform: translateX(calc(-100% - var(--margin-right)))
	}
}

.c-lines {
	width: 100%;
	overflow: hidden;


	min-width: 320px
}

@media(max-width:636px) {
	.c-lines {
		height: 200px
	}
}

.c-line {
	width: 104%;
	left: -15px;
	height: 52px;
	background-repeat: repeat-x;
	position: absolute
}

@media(max-width:636px) {
	.c-line {
		width: 107%;
		height: 28px
	}
}

.c-line__word {
	font-weight: 600;
	font-size: 19px;
	line-height: 24px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 16px;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	white-space: nowrap
}

@media(max-width:636px) {
	.c-line__word {
		font-size: 10px;
		line-height: 15px;
		padding: 0 10px
	}
}

.c-line__item {
	width: 104%;
	left: -15px;
	height: 52px;
	position: absolute;
	z-index: 1
}

@media(max-width:636px) {
	.c-line__item {
		width: 104%;
		height: 28px
	}
}

section.fcj-hr {padding: 269px 0 110px;
    position: relative;
    z-index: 2;
    background: #ededed;overflow: hidden;}

    .marquee-container {
    overflow-x: hidden!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    position: relative;
    height: 100%;
    width: 100%;
}

.u-title {font-size: 22px;
    margin: 0 0 15px;
    padding-left: 10px;
    border-left: 3px solid #07e897;}


    .section-heading h4 {color: #07e897;}

    p.company-info {font-size: 16px;
        color: #212830;
        text-align: justify;
        line-height: 30px;}

@media (max-width: 991px) {
        .home-event .event-items {top: 0;}

        .home-event .event-item {margin-bottom: 20px;}


#nav .group-btn .group-btn-control {
    width: 80px!important;
}
}