<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'UTF-8';
body, button, input, select, textarea {
    font: 12px/1.125 Arial, Helvetica, sans-serif;
    _font-family: "SimSun";
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
li {
    list-style: none;
}
fieldset, img {
    border: 0;
    margin: 0;
    padding: 0;
}
q:before, q:after {
    content: '';
}
input, textarea {
    outline-style: none;
}
input[type="text"], input[type="password"], textarea {
    outline-style: none;
    -webkit-appearance: none;
}
textarea {
    resize: none;
}
address, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: normal;
}
legend {
    color: #000;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
body.WB_macT {
    font-family: 'Helvetica', 'STHeiti';
}
a {
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
}
a:hover, a:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font: 12px/1.3 Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
}
.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* --------------  common S --------------- */
.header {
    height: 80px;
}
.header-content {
    position: fixed;
    width: 100%;
    min-width: 1200px;
    top: 0;
    z-index: 9;
    background-color: #FFF;
    -webkit-box-shadow: 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    box-shadow: 0 4px 12px 0 rgba(52, 63, 75, 0.06);
}
.header nav {
    position: relative;
    height: 80px;
    width: 1200px;
    margin: 0 auto;
}
.header.white {
    height: 0;
}
.header.white .header-content {
    background-color: transparent;
}
.logo {
    float: left;
    padding: 20px 0;
}
.logo a {
    position: relative;
    display: block;
}
.logo img {
    display: block;
    width: 130px;
    height: 40px;
}
.logo .logo-white {
    position: absolute;
    top: 0;
}
.menu {
    float: left;
    list-style: none;
    margin-left: 200px;
    font-size: 14px;
}
.menu.white &gt; li &gt; a {
    color: #FFF;
}
.menu.white &gt; li.active &gt; a, .menu.white &gt; li:hover &gt; a {
    font-weight: 700;
    color: #FFF;
}
.menu.white &gt; li.active &gt; a::after, .menu.white &gt; li:hover &gt; a::after {
    background-color: #FFF;
}
.menu &gt; li {
    float: left;
}
.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 25px;
    color: #424954;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.menu &gt; li.active &gt; a, .menu &gt; li:hover &gt; a {
    color: #2A60E4;
}
.menu &gt; li.active &gt; a::after, .menu &gt; li:hover &gt; a::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 4px;
    bottom: 0;
    left: 50%;
    background-color: #2A60E4;
    margin-left: -9px;
}
.menu &gt; li:hover .submenu {
    display: block;
}
.menu &gt; li:hover .submenu-arrow {
    display: block;
}
.submenu {
    display: none;
    position: absolute;
    table-layout: fixed;
    top: 10px;
    left: 0;
    width: 1200px;
    list-style: none;
    height: 150px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    box-shadow: 0 4px 12px 0 rgba(52, 63, 75, 0.06);
}
.submenu-container {
    position: absolute;
    display: block;
    left: 0;
    width: 1200px;
    z-index: 2;
}
.submenu-arrow {
    display: none;
    position: absolute;
    margin-left: 43px;
    margin-top: -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #FFF;
}
.submenu &gt; li {
    display: table-cell;
    text-align: center;
    padding: 10px;
}
.submenu &gt; li:hover a {
    background-color: #EFF4FF;
    border-radius: 3px;
}
.submenu &gt; li.active .submenu {
    display: block;
}
.submenu &gt; li a {
    display: inline-block;
    width: 100%;
    height: 130px;
    color: #3D4853;
}
.submenu &gt; li a img {
    display: inline-block;
    margin-top: 25px;
    width: 30px;
    height: 30px;
}
.submenu &gt; li a span {
    display: block;
    margin-top: 30px;
}
.login {
    float: right;
    width: 80px;
    height: 34px;
    line-height: 34px;
    color: #2A60E4;
    border: 1px solid #2A60E4;
    border-radius: 17px;
    font-size: 14px;
    text-align: center;
    margin: 23px 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.icon-clock {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    background: url('../images/icon-clock.svg') no-repeat center;
}
/* --------------  common E --------------- */
/* --------------  é¦–é¡µ S --------------- */
.banner {
    height: 528px;
    width: 100%;
    min-width: 1200px;
    background: url(../images/hsbanner.jpg) top center no-repeat;
}
.banner-container {
    position: relative;
    height: 768px;
    background-size: cover;
}
.banner-desc, .banner-bg {
    position: absolute;
    width: 1200px;
    height: 768px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.banner-desc.left {
    background-position: 60px center;
}
.banner .swiper-slide {
    background-size: cover;
    overflow: hidden;
}
.banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 768px;
}
.banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 18px !important;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0.6;
}
.banner .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}
.banner .title {
    position: absolute;
    left: 40%;
    top: 200px;
    font-family: PingFangSC-Light;
    font-size: 46px;
    color: #fff;
    letter-spacing: 0;
    white-space: nowrap;
}
.en-title {
    position: absolute;
    left: 40%;
    top: 300px;
    font-family: NettoOT-Light;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    white-space: nowrap;
}
.headline {
    text-align: center;
    color: #1F2937;
    margin-bottom: 70px;
}
.headline.white {
    color: #FFF;
}
.headline .cn {
    font-size: 30px;
    margin-bottom: 20px;
}
.headline .en {
    font-size: 16px;
    margin-bottom: 20px;
}
.headline .split {
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #F8653F;
}
.ads-platform {
    padding: 100px;
    min-width: 1000px;
}
.ads-platform .panel {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 480px;
    height: 480px;
    text-align: center;
    padding: 50px 60px;
    margin: -1px -2px;
    vertical-align: middle;
}
.ads-platform .panel:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.08), 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.08), 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    border-radius: 3px;
}
.ads-platform .panel:hover a.know-more {
    border-color: #2A60E4;
    color: #2A60E4;
    cursor: pointer;
}
.ads-platform .panel h3.name {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #343F4B;
    margin: 40px auto 30px;
}
.ads-platform .panel .description {
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #343F4B;
    text-align: center;
    line-height: 25px;
}
.ads-platform .panel a.know-more {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -65px;
    display: inline-block;
    border: 1px solid #DDDEE2;
    border-radius: 52px;
    padding: 10px 30px;
    font-size: 14px;
    color: rgba(50, 63, 76, 0.7);
}
.ads-platform .row {
    text-align: center;
}
.ads-product {
    height: 600px;
    padding: 100px 0;
    min-width: 1200px;
    background: url('../images/bg-index-product.jpg') center;
}
.ads-product .product-list {
    margin-top: 100px;
}
.ads-product .product-list .name {
    display: block;
    margin-top: 35px;
    font-size: 24px;
    color: #343F4B;
}
.ads-product .product-list .content {
    font-size: 14px;
    color: #343F4B;
}
.ads-product .product-list .content li {
    float: left;
    margin-top: 25px;
    width: 40%;
    text-align: left;
    margin-left: 10%;
    list-style: disc;
}
.ads-product .product-list .content li::after {
    content: '';
    position: absolute;
}
.ads-product .product-list .content li a {
    color: #343f4b;
}
.ads-product .product-list .content li a:hover {
    color: #2a60e4;
}
.ads-product .product {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 355px;
    height: 420px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 9px 0 rgba(4, 54, 108, 0.12);
    box-shadow: 0 4px 9px 0 rgba(4, 54, 108, 0.12);
    border-radius: 4px;
    padding: 60px 40px;
    text-align: center;
}
.ads-product .swiper-slide {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: -webkit-transform 1.0s;
    transition: -webkit-transform 1.0s;
    transition: transform 1.0s;
    transition: transform 1.0s, -webkit-transform 1.0s;
}
.ads-product .swiper-slide-active, .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.swiper-slide {
    text-align: center;
}
.success-case {
    padding: 100px 0;
    min-width: 1200px;
}
.case-item {
    width: 1200px;
    margin: 0 auto;
}
.case-content {
    position: relative;
    margin-left: 397px;
    width: 803px;
    height: 540px;
    background-color: #F7F9FB;
    border-radius: 4px;
}
.case-content &gt; a {
    position: absolute;
    top: 30px;
    left: -397px;
    display: block;
    width: 710px;
    height: 480px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(4, 54, 108, 0.12);
    box-shadow: 0 4px 10px 0 rgba(4, 54, 108, 0.12);
}
.case-content &gt; a img {
    width: 710px;
    height: 480px;
}
.case-detail {
    width: 470px;
    height: 540px;
    padding: 55px 40px;
    margin-left: 333px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.case-detail &gt; h4 {
    font-size: 28px;
    color: #1F2937;
    font-weight: 400;
}
.case-detail &gt; p {
    margin-top: 20px;
    font-size: 14px;
    color: #343F4B;
    line-height: 30px;
}
.case-detail ul {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #DDDEE2;
}
.case-detail ul li {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 0px 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.case-detail ul li span {
    font-size: 14px;
    color: #1F2937;
}
.case-detail ul li p {
    margin-top: 10px;
    font-size: 24px;
    color: #2A60E4;
    font-weight: 600;
}
.case-detail ul li::after {
    content: '';
    position: absolute;
    left: -3px;
    top: 10px;
    width: 1px;
    height: 40px;
    background-color: #DDDEE2;
}
.case-detail ul li:first-child {
    padding-left: 0;
}
.case-detail ul li:first-child::after {
    content: none;
}
.case-detail ul li:last-child {
    padding-right: 0;
}
.case-detail &gt; a {
    position: absolute;
    display: inline-block;
    bottom: 50px;
    width: 130px;
    height: 34px;
    line-height: 34px;
    color: #FFF;
    background-color: #2A60E4;
    border-radius: 17px;
    text-align: center;
}
/* --------------  é¦–é¡µ E --------------- */
/* --------------  å¹¿å‘Šå¹³å° S --------------- */
.container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.container-title {
    position: relative;
    text-align: center;
    padding: 0 0 20px 0;
}
.container h2 {
    margin: 0;
    font-size: 30px;
    color: #1F2937;
    font-weight: 400;
}
.container-title::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    display: block;
    width: 20px;
    height: 4px;
    background-color: #F8653F;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.container-desc {
    margin-top: 25px;
    font-size: 16px;
    color: #343F4B;
    text-align: center;
    line-height: 35px;
}
.container-desc ul {
    display: inline-block;
}
.container-desc ul li {
    float: left;
    position: relative;
    padding: 0 50px;
    color: #343F4B;
    line-height: 30px;
}
.container-desc ul li span {
    font-size: 16px;
}
.container-desc ul li p {
    margin-top: 20px;
    font-size: 14px;
}
.container-desc ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    height: 40px;
    border-left: 1px solid #DDDEE2;
}
.container-desc ul li:first-child::after {
    content: none;
}
.container-tab {
    margin-bottom: 40px;
    height: 40px;
    text-align: center;
}
.container-tab ul {
    display: inline-block;
}
.container-tab ul li {
    float: left;
    margin-left: 10px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    list-style: none;
    cursor: pointer;
}
.container-tab ul li a {
    display: inline-block;
    width: 140px;
    height: 40px;
    border-radius: 20px;
    color: #545C65;
}
.container-tab ul li:first-child {
    margin-left: 0;
}
.container-tab ul li:hover a {
    background-color: #EEE;
}
.container-tab ul li.active a {
    background-color: #2A60E4;
    color: #FFF;
    cursor: default;
}
.container-center {
    text-align: center;
}
.introduction-link {
    text-align: center;
}
.introduction-link a {
    font-size: 16px;
    margin-top: 47px;
    display: inline-block;
    padding-left: 10px;
    width: 185px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    color: #FFF;
    text-decoration: none;
    background-color: #2A60E4;
}
.introduction-link a.blue {
    background-color: #2A60E4;
}
.introduction-link a.blue:hover {
    background-color: #3E76FF;
}
.introduction-link a.green {
    background-color: #06B57A;
    cursor: pointer;
}
.introduction-link a.green:hover {
    background-color: #25D096;
}
.introduction-link a.pink {
    background-color: #FE7C79;
}
.introduction-link a.pink:hover {
    background-color: #FE8D8A;
}
.introduction-link a.purple {
    background-color: #5932D0;
}
.introduction-link a.purple:hover {
    background-color: #7958DE;
}
.introduction-link i {
    margin-left: 20px;
}
.superiority {
    background-color: #FCFCFC;
    background-image: radial-gradient(circle at 50% 50%, #F7F9FB 0%, #FFFFFF 100%);
}
.superiority-list {
    background-color: #FFF;
    margin-top: 65px;
    display: inline-block;
}
.superiority-item {
    float: left;
    width: 300px;
    height: 338px;
    border: 1px solid #ddd;
    border-left: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.superiority-item:first-child {
    border-left: 1px solid #ddd;
}
.superiority-item img {
    display: block;
    margin: 60px auto 0;
    width: 80px;
    height: 80px;
}
.superiority-item h3 {
    margin: 40px 0 0 0;
    font-size: 20px;
    font-weight: 400;
    color: #343F4B;
    text-align: center;
}
.superiority-item p {
    margin-top: 15px;
    font-size: 14px;
    color: #343F4B;
    text-align: center;
    line-height: 30px;
}
.ability {
    background-color: #6B7282;
}
.ability .container-title {
    color: #FFF;
}
.ability-list {
    margin-top: 65px;
}
.ability-item {
    position: relative;
    float: left;
    margin-left: 45px;
    width: 370px;
    height: 170px;
    background: rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ability-item:first-child {
    margin-left: 0;
}
.ability-item img {
    position: absolute;
    display: inline-block;
    left: 36px;
    top: 48px;
    width: 50px;
    height: 50px;
}
.ability-item &gt; div {
    margin-top: 48px;
    margin-left: 118px;
    padding-right: 20px;
    color: #FFF;
}
.ability-item &gt; div h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: normal;
}
.ability-item &gt; div span {
    font-size: 16px;
    line-height: 25px;
    word-wrap: break-word;
}
.ability-item.fix {
    margin-left: 30px;
    width: 380px;
}
.ability-item.fix:first-child {
    margin-left: 0;
}
.ability-item.fix img {
    top: 30px;
}
.ability-item.fix &gt; div {
    margin-top: 30px;
}
.ability-item.fix &gt; div span {
    letter-spacing: -1px;
}
.ability-2 {
    background-repeat: no-repeat;
    background-size: 100% 67%;
}
.ability-2 .container-title {
    color: #FFF;
}
.ability-2-list {
    margin-top: 65px;
    border-radius: 4px;
    border: 1px solid #DDD;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
}
.ability-2-item {
    position: relative;
    float: left;
    width: 400px;
    height: 310px;
    background: #FFF;
    padding: 90px 55px;
    color: #1F2937;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ability-2-item::after {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    height: 170px;
    border-left: 1px solid #ddd;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ability-2-item:first-child::after {
    content: none;
}
.ability-2-item h3 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
}
.ability-2-item span {
    display: inline-block;
    margin-top: 33px;
    font-size: 16px;
    line-height: 32px;
    word-wrap: break-word;
}
.ability-3 {
    background-repeat: no-repeat;
    background-size: 100% 67%;
}
.ability-3 .container-title {
    color: #FFF;
}
.ability-3-desc {
    margin-top: 25px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    line-height: 30px;
}
.ability-3-list {
    margin-top: 65px;
    border-radius: 4px;
}
.ability-3-item {
    position: relative;
    float: left;
    width: 580px;
    height: 340px;
    background: #FFF;
    padding: 56px 100px;
    color: #1F2937;
    margin-left: 40px;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ability-3-item:first-child {
    margin-left: 0;
}
.ability-3-item h3 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
}
.ability-3-item ul {
    margin-top: 36px;
    padding-left: 30px;
}
.ability-3-item ul li {
    position: relative;
    list-style: none;
    font-size: 16px;
    color: #000019;
    line-height: 32px;
    word-wrap: break-word;
}
.ability-3-item ul li::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 50%;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0CA571;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ability-dmp-content {
    margin: 65px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ability-dmp-row {
    margin-top: 50px;
}
.ability-dmp-row:first-child {
    margin-top: 0;
}
.ability-dmp-item {
    display: inline-block;
    margin-left: 50px;
    width: 360px;
    height: 280px;
    padding: 30px;
    color: #1F2937;
    vertical-align: top;
    border: 1px solid #DDD;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ability-dmp-item:first-child {
    margin-left: 0;
}
.ability-dmp-item img {
    width: 38px;
    height: 38px;
}
.ability-dmp-item h3 {
    font-size: 22px;
    margin-top: 30px;
}
.ability-dmp-item p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 32px;
}
.contact {
    background-color: #F7F9FB;
}
.contact input[type='text'] {
    width: 100%;
    height: 50px;
    padding: 10px 16px;
    color: #666;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contact input[type='text']::-webkit-input-placeholder {
 color: #BBB;
}
.contact input[type='text']::-moz-placeholder {
 color: #BBB;
}
.contact input[type='text']:-ms-input-placeholder {
 color: #BBB;
}
.contact input[type='text']:focus {
    outline: 0;
    border-color: #2A60E4;
}
.contact input[type='text']:disabled {
    background-color: #F7F9FB;
    cursor: not-allowed;
}
.contact input[type='text'].form-error {
    border-color: #C82439;
}
.contact .error-tip {
    position: absolute;
    bottom: 100%;
    left: 10px;
    padding-bottom: 3px;
    color: #C82439;
}
.contact-checkbox {
    color: #1F2937;
    margin-top: 16px;
    font-size: 14px;
}
.contact-detail {
    margin-top: 65px;
}
.contact-form {
    float: left;
    width: 800px;
}
.contact-form form {
    position: relative;
}
.contact-row {
    margin-right: -10px;
    margin-left: -10px;
}
.contact-input {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-input &gt; label {
    display: none;
}
.contact-input :-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
 border: 1px solid #CCC !important;
}
.contact-submit {
    height: 42px;
    width: 100%;
    margin-top: 45px;
    padding: 0 15px;
    background: #2A60E4;
    border-radius: 4px;
    color: #FFF;
    outline: 0;
    font-size: 17px;
    cursor: pointer;
}
.contact-tel {
    float: left;
    width: 300px;
    margin-left: 100px;
    font-size: 14px;
    color: #1F2937;
}
.contact-tel b {
    font-size: 37px;
    color: #2A60E4;
    margin: 49px 0 10px 0;
    display: block;
    line-height: 40px;
}
.contact-line {
    position: relative;
    font-size: 20px;
    color: #1F2937;
}
.contact-line::after {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    border-top: 1px solid #ddd;
    display: inline-block;
    bottom: -28px;
}
.contact .verify-code {
    display: none;
    position: absolute;
    padding: 30px 40px;
    bottom: 3px;
    right: -380px;
    width: 360px;
    height: 245px;
    text-align: center;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.06), 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.06), 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
.contact .verify-code-input {
    margin-top: 30px;
    width: 280px;
    height: 40px;
    -webkit-box-shadow: 0 0 0 1px #DDD;
    box-shadow: 0 0 0 1px #DDD;
    border-radius: 3px;
}
.contact .verify-code-input input {
    float: left;
    width: 130px;
    height: 40px;
    border: 0;
}
.contact .verify-code-input img {
    float: left;
    width: 120px;
    height: 40px;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contact .verify-code-input i {
    float: left;
    width: 30px;
    height: 40px;
    cursor: pointer;
    background: url('../images/icon-refresh.svg') no-repeat center;
}
.contact .verify-code p {
    font-size: 18px;
    color: #1F2937;
    line-height: 40px;
}
.contact .verify-code a {
    display: inline-block;
    margin-top: 30px;
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #2A60E4;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
}
.footer {
    min-width: 1200px;
    background-color: #1B222B;
}
.footer-logo {
    width: 20%;
    float: left;
}
.footer-logo img {
    width: 175px;
    height: 30px;
}
.footer .container {
    padding-top: 88px;
}
.footer .footer-col {
    float: left;
    width: 10%;
}
.footer .footer-col h4 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
}
.footer .footer-col a {
    margin-top: 15px;
    display: block;
    font-size: 13px;
    color: #D1D1D1;
}
.copyright {
    min-width: 1200px;
    height: 60px;
    line-height: 60px;
    background-color: #161C24;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #aaa;
}
.tags-list {
    position: relative;
    width: 1200px;
    height: 350px;
    margin: 60px 0 80px 0;
    z-index: 1;
}
.tags-list a {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: Microsoft YaHei;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.tags-list a:hover {
    color: #FF0000;
    letter-spacing: 2px;
}
.tags-list .photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
/* --------------  å¹¿å‘Šå¹³å° E ---------------*/
/* --------------  å¹¿å‘Šäº§å“ S ---------------*/
.navigator {
    background-color: #F7F9FB;
    min-width: 1200px;
    height: 200px;
    text-align: center;
}
.navigator ul {
    display: inline-block;
}
.navigator ul li {
    list-style: none;
    float: left;
}
.navigator ul li.active {
    background: #FFF;
}
.navigator ul li.active a {
    cursor: default;
}
.navigator ul li a {
    display: inline-block;
    width: 300px;
    height: 200px;
}
.navigator ul li img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 55px auto 20px;
}
.navigator ul li span {
    font-size: 14px;
    color: #1F2937;
    line-height: 30px;
}
.display-title {
    margin-top: 80px;
}
.display-title h3 {
    font-size: 26px;
    color: #1F2937;
    text-align: center;
    font-weight: 400;
}
.display-title h3 b {
    color: #2A60E4;
    font-size: 48px;
    padding: 0 15px;
    font-weight: 400;
}
.display-title p {
    margin-top: 20px;
    font-size: 16px;
    color: #343F4B;
    text-align: center;
    line-height: 30px;
}
.display-title.no-margin {
    margin: 0;
}
.display-list {
    text-align: center;
}
.display-list ul {
    display: inline-block;
}
.display-list ul li {
    position: relative;
    float: left;
    margin: 60px 25px 20px;
}
.display-list ul li h4 {
    font-size: 20px;
    color: #343F4B;
    line-height: 28px;
    font-weight: 400;
}
.display-list ul li h4.small {
    font-size: 16px;
}
.display-list ul li h4.large {
    font-size: 26px;
    margin-bottom: 30px;
}
.display-list ul li p {
    margin-top: 16px;
    font-size: 16px;
    color: #1F2937;
    line-height: 30px;
}
.display-list ul li img {
    display: inline-block;
    margin-top: 30px;
    width: 250px;
    height: 330px;
    -webkit-box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.08), 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.08), 0 4px 12px 0 rgba(52, 63, 75, 0.06);
    border-radius: 4px;
}
.display-list ul li &gt; div &gt; img:nth-child(2) {
    margin-left: 45px;
}
.display-list ul.spacing-100 li {
    margin-left: 100px;
    margin-right: 0;
}
.display-list ul.spacing-100 li:first-child {
    margin-left: 0;
}
.display-list ul.spacing-88 li {
    margin-left: 88px;
    margin-right: 0;
}
.display-list ul.spacing-88 li:first-child {
    margin-left: 0;
}
.display-list ul.spacing-60 li {
    margin-left: 60px;
    margin-right: 0;
}
.display-list ul.spacing-60 li:first-child {
    margin-left: 0;
}
.display-list ul.img-w-230 li img {
    width: 230px;
}
.display-list ul.img-w-250 li img {
    width: 250px;
}
.display-list ul.img-w-280 li img {
    width: 280px;
}
.display-list ul.img-w-500 li img {
    width: 500px;
}
.display-list ul.img-w-678 li img {
    width: 678px;
}
.display-list ul.img-w-800 li img {
    width: 840px;
}
.display-list ul.img-w-840 li img {
    width: 840px;
}
.display-list ul.img-h-210 li img {
    height: 210px;
}
.display-list ul.img-h-290 li img {
    height: 290px;
}
.display-list ul.img-h-355 li img {
    height: 355px;
}
.display-list ul.img-h-410 li img {
    height: 410px;
}
.display-list ul.img-h-450 li img {
    height: 450px;
}
.display-list ul.img-h-500 li img {
    height: 500px;
}
.display-list ul.img-h-510 li img {
    height: 510px;
}
.display-list ul.img-h-537 li img {
    height: 537px;
}
.display-list ul.img-h-545 li img {
    height: 545px;
}
.display-list ul.img-h-590 li img {
    height: 590px;
}
.display-list ul.img-h-600 li img {
    height: 600px;
}
/* å›¾ç‰‡æ‰‹æœºå£³èƒŒæ™¯ */
.img-mobile {
    position: relative;
    display: block;
    width: 280px;
    height: 498px;/*å…¨æ‰‹æœºå±*/
}
.img-mobile video {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.img-mobile &gt; img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.img-mobile::after {
    content: '';
    background: url('../images/bg-phone-s.png') no-repeat;
    display: block;
    position: absolute;
    top: -98px;
    left: -229px;
    width: 729px;
    height: 596px;
    background-size: cover;
}
.img-mobile.left {
    margin: 100px 0 -100px 170px;
}
.img-mobile.right {
    margin: 100px 0 -100px 770px;
}
.img-mobile.whole {
    width: 320px;
    height: 575px;
}
.img-mobile.whole::after {
    width: 430px;
    height: 806px;
    top: -116px;
    left: -56px;
    background: url('../images/bg-phone-whole.png') no-repeat;
    background-size: cover;
}
.img-mobile.pc {
    margin-top: 90px;
    width: 840px;
    height: 547px;
}
.img-mobile.pc::after {
    width: 1224px;
    height: 606px;
    top: -59px;
    left: -193px;
    background: url('../images/bg-pc.png') no-repeat;
    background-size: cover;
}
.img-mobile.pc &gt; img, .img-mobile.pc .img-slide &gt; div img {
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.img-mobile.iphonex {
    width: 290px;
    height: 626px;
}
.img-mobile.iphonex::after {
    width: 438px;
    height: 774px;
    top: -64px;
    left: -74px;
    background: url('../images/bg-phone-x.png') no-repeat;
    background-size: cover;
}
.img-mobile.large {
    margin-bottom: -85px;
    width: 320px;
    height: 565px;
}
.img-mobile.large::after {
    width: 852px;
    height: 719px;
    top: -138px;
    left: -268px;
    background: url('../images/bg-phone-l.png') no-repeat;
    background-size: cover;
}
.img-mobile.pad {
    width: 678px;
    height: 510px;
    margin-bottom: 70px;
}
.img-mobile.pad::after {
    width: 918px;
    height: 718px;
    top: -64px;
    left: -120px;
    background: url('../images/bg-pad.png') no-repeat;
    background-size: cover;
}
.container img.zoom {
    position: absolute;
    z-index: 1;
    -webkit-box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.08), 10px 10px 18px 0 rgba(52, 63, 75, 0.1);
    box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), 0 10px 40px 0 rgba(52, 63, 75, 0.08), 10px 10px 18px 0 rgba(52, 63, 75, 0.1);
    border-radius: 2px;
}
@-webkit-keyframes imgslide840 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 45% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 50% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 95% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes imgslide840 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 45% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 50% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 95% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes imgslide2 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 45% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 50% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 95% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes imgslide2 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 45% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 50% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 95% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes imgslide3 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 30% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 33% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 63% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 66% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 97% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes imgslide3 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 30% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 33% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 63% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 66% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 97% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes imgslide4 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 22.5% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 25% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 47.5% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 50% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 72.5% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 75% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 97.5% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes imgslide4 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 22.5% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 25% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 47.5% {
 -webkit-transform: translateX(-280px);
 transform: translateX(-280px);
}
 50% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 72.5% {
 -webkit-transform: translateX(-560px);
 transform: translateX(-560px);
}
 75% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 97.5% {
 -webkit-transform: translateX(-840px);
 transform: translateX(-840px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes imgslide320 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 22.5% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 25% {
 -webkit-transform: translateX(-320px);
 transform: translateX(-320px);
}
 47.5% {
 -webkit-transform: translateX(-320px);
 transform: translateX(-320px);
}
 50% {
 -webkit-transform: translateX(-640px);
 transform: translateX(-640px);
}
 72.5% {
 -webkit-transform: translateX(-640px);
 transform: translateX(-640px);
}
 75% {
 -webkit-transform: translateX(-960px);
 transform: translateX(-960px);
}
 97.5% {
 -webkit-transform: translateX(-960px);
 transform: translateX(-960px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes imgslide320 {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 22.5% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 25% {
 -webkit-transform: translateX(-320px);
 transform: translateX(-320px);
}
 47.5% {
 -webkit-transform: translateX(-320px);
 transform: translateX(-320px);
}
 50% {
 -webkit-transform: translateX(-640px);
 transform: translateX(-640px);
}
 72.5% {
 -webkit-transform: translateX(-640px);
 transform: translateX(-640px);
}
 75% {
 -webkit-transform: translateX(-960px);
 transform: translateX(-960px);
}
 97.5% {
 -webkit-transform: translateX(-960px);
 transform: translateX(-960px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.img-slide {
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}
.img-slide &gt; div::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.img-slide &gt; div img {
    float: left;
    margin-left: 0;
}
.img-slide.img-w-840-n-2 {
    width: 840px;
}
.img-slide.img-w-840-n-2 &gt; div {
    width: 1680px;
    -webkit-animation: imgslide840 6s linear infinite;
    animation: imgslide840 6s linear infinite;
}
.img-slide.img-w-840-n-2 &gt; div &gt; img {
    width: 840px;
}
.img-slide.img-w-280-n-2 {
    width: 280px;
}
.img-slide.img-w-280-n-2 &gt; div {
    width: 560px;
    -webkit-animation: imgslide2 6s linear infinite;
    animation: imgslide2 6s linear infinite;
}
.img-slide.img-w-280-n-2 &gt; div &gt; img {
    width: 280px;
}
.img-slide.img-w-280-n-3 {
    width: 280px;
}
.img-slide.img-w-280-n-3 &gt; div {
    width: 840px;
    -webkit-animation: imgslide3 9s linear infinite;
    animation: imgslide3 9s linear infinite;
}
.img-slide.img-w-280-n-3 &gt; div &gt; img {
    width: 280px;
}
.img-slide.img-w-280-n-4 {
    width: 280px;
}
.img-slide.img-w-280-n-4 &gt; div {
    width: 1120px;
    -webkit-animation: imgslide4 12s linear infinite;
    animation: imgslide4 12s linear infinite;
}
.img-slide.img-w-280-n-4 &gt; div &gt; img {
    width: 280px;
}
.img-slide.img-w-320-n-4 {
    width: 320px;
}
.img-slide.img-w-320-n-4 &gt; div {
    width: 1280px;
    -webkit-animation: imgslide320 12s linear infinite;
    animation: imgslide320 12s linear infinite;
}
.img-slide.img-w-320-n-4 &gt; div &gt; img {
    width: 320px;
}
.info-sec-style {
    position: relative;
}
.info-sec-style &gt; div {
    z-index: 1;
}
.info-sec-style::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 740px;
    background-color: #F7F9FB;
}
.info-sec-style::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 700px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F2F7));
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #F0F2F7 100%);
}
.info-sec-style-2 {
    position: relative;
}
.info-sec-style-2::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 570px;
    background-color: #F7F9FB;
}
.info-sec-style-3 {
    position: relative;
}
.info-sec-style-3::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 820px;
    background-color: #F7F9FB;
}
.info-sec-style-4 {
    position: relative;
}
.info-sec-style-4::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 440px;
    background-color: #F7F9FB;
}
.search-img-list {
    margin-top: 50px;
}
.search-img-list li {
    text-align: center;
}
.search-img-list li:first-child span {
    margin-top: 0;
}
.search-img-list li span {
    display: block;
    margin-top: 50px;
    font-size: 16px;
    color: #1F2937;
    text-align: center;
    line-height: 28px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.search-img-list li img {
    margin-top: 20px;
    width: 640px;
    height: 70px;
    -webkit-box-shadow: 0 10px 40px 0 rgba(52, 63, 75, 0.08), 10px 10px 18px 0 rgba(52, 63, 75, 0.1);
    box-shadow: 0 10px 40px 0 rgba(52, 63, 75, 0.08), 10px 10px 18px 0 rgba(52, 63, 75, 0.1);
}
ul.exposure-desc {
    margin-top: 50px;
}
ul.exposure-desc li {
    padding: 0 70px;
}
ul.exposure-desc li p b {
    font-size: 28px;
    color: #2A60E4;
    font-weight: 400;
}
.exposure-pro {
    position: relative;
    margin-bottom: 100px;
    margin-top: 165px;
}
.exposure-pro .img-mobile {
    margin: 130px auto 0;
}
.exposure-pro .pro-desc-1 {
    position: absolute;
    padding: 20px 25px;
    border-radius: 3px;
    background-color: #FFF;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 20px #DDD;
    box-shadow: 5px 5px 20px #DDD;
    font-size: 16px;
    color: #1F2937;
    top: 60px;
    left: 85px;
}
.exposure-pro .pro-desc-1 i {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
}
.exposure-pro .pro-desc-1 i {
    background-color: #E95183;
}
.exposure-pro .pro-desc-2 {
    position: absolute;
    padding: 20px 25px;
    border-radius: 3px;
    background-color: #FFF;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 20px #DDD;
    box-shadow: 5px 5px 20px #DDD;
    font-size: 16px;
    color: #1F2937;
    top: 115px;
    left: 850px;
}
.exposure-pro .pro-desc-2 i {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
}
.exposure-pro .pro-desc-2 i {
    background-color: #2163E4;
}
.exposure-pro .pro-desc-3 {
    position: absolute;
    padding: 20px 25px;
    border-radius: 3px;
    background-color: #FFF;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 20px #DDD;
    box-shadow: 5px 5px 20px #DDD;
    font-size: 16px;
    color: #1F2937;
    top: 290px;
    left: 165px;
}
.exposure-pro .pro-desc-3 i {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
}
.exposure-pro .pro-desc-3 i {
    background-color: #714CF6;
}
.exposure-pro .pro-desc-4 {
    position: absolute;
    padding: 20px 25px;
    border-radius: 3px;
    background-color: #FFF;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 20px #DDD;
    box-shadow: 5px 5px 20px #DDD;
    font-size: 16px;
    color: #1F2937;
    top: 350px;
    left: 850px;
}
.exposure-pro .pro-desc-4 i {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
}
.exposure-pro .pro-desc-4 i {
    background-color: #78D5EF;
}
.content-mobile {
    position: absolute;
    font-size: 16px;
    color: #1F2937;
    line-height: 30px;
}
.content-mobile.right {
    top: 230px;
    left: 740px;
}
.content-mobile.left {
    top: 230px;
    left: 170px;
}
.content-mobile h3 {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 40px;
    font-weight: 400;
}
.content-mobile.title-group h3 {
    margin: 20px 0 10px;
}
.content-mobile p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
}
.content-mobile span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
}
.content-mobile span img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    vertical-align: middle;
}
.content-mobile ul {
    margin-top: 10px;
    margin-bottom: 20px;
}
.content-mobile ul li {
    float: left;
    margin-left: 32px;
}
.content-mobile ul li img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 10px auto;
}
.content-mobile ul li span {
    font-size: 12px;
    color: #343F4B;
    text-align: center;
}
.content-mobile ul li:first-child {
    margin-left: 0;
}
.content-top-pc {
    text-align: center;
}
.content-top-pc h2 {
    font-size: 28px;
    color: #1F2937;
    line-height: 40px;
}
.content-top-pc p {
    margin-top: 30px;
    font-size: 16px;
    color: #1F2937;
    line-height: 30px;
}
/* --------------  å¹¿å‘Šäº§å“ E ---------------*/
/* --------------  äº§å“è®­ç»ƒè¥ S ---------------*/
.training-list {
    width: 1200px;
    margin: 0 auto;
}
.training-list ul {
    margin-top: -40px;
    margin-right: -50px;
}
.training-list ul li {
    float: left;
    margin-top: 40px;
    margin-right: 50px;
}
.training-item {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(132, 132, 132, 0.15);
    box-shadow: 0 1px 4px 0 rgba(132, 132, 132, 0.15);
}
.training-item img {
    display: block;
    width: 360px;
    height: 242px;
}
.training-item &gt; div {
    width: 360px;
    height: 134px;
    padding: 30px 20px;
    border: 1px solid #E9E9E9;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.training-item &gt; div h4 {
    margin-bottom: 13px;
    font-size: 20px;
    line-height: 28px;
    color: #343F4B;
    max-height: 53px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.training-item &gt; div span {
    font-size: 14px;
    color: rgba(50, 63, 76, 0.7);
}
.training-item:hover {
    -webkit-box-shadow: 0 12px 24px 0 rgba(42, 53, 65, 0.12);
    box-shadow: 0 12px 24px 0 rgba(42, 53, 65, 0.12);
}
.training-item.video:after, .training-item.img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 240px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: center;
}
.training-item.video:after {
    background-image: url('../images/icon-article-video.svg');
}
.training-item.img:after {
    background-image: url('../images/icon-article-img.svg');
}
.training-content {
    width: 1010px;
    margin: 0 auto;
}
/* --------------  äº§å“è®­ç»ƒè¥ E ---------------*/
/* --------------  è¥é”€å¿«è®¯ S ---------------*/
.news-content {
    float: left;
    width: 780px;
}
.news-side {
    float: right;
    width: 360px;
}
.news-side-title {
    position: relative;
    display: block;
    padding-bottom: 30px;
    font-size: 24px;
    color: #343F4B;
    text-indent: 18px;
    border-bottom: 1px solid #DDDEE2;
}
.news-side-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 4px;
    height: 20px;
    background-color: #F8653F;
}
.news-side-list {
    margin-top: 74px;
    padding: 30px;
    background-color: #F9F9F9;
    border-radius: 4px;
}
.news-side-list ul li {
    margin-top: 25px;
}
.news-side-list ul li h4 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #343F4B;
    font-weight: 400;
}
.news-side-list ul li img {
    display: block;
    width: 300px;
    height: 200px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.news-side-list ul li span {
    font-size: 14px;
    color: rgba(52, 63, 75, 0.7);
}
.news-core {
    position: relative;
    border-radius: 4px;
    display: block;
}
.news-core img {
    display: block;
    width: 780px;
    height: 520px;
}
.news-core &gt; div {
    position: absolute;
    padding: 32px 25px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 170px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.4);
}
.news-core &gt; div &gt; p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-core &gt; div &gt; span {
    color: #FFF;
}
.news-list li {
    margin-top: 70px;
}
.news-list li a {
    position: relative;
    display: block;
    height: 200px;
}
.news-list li a img {
    position: absolute;
    display: block;
    width: 300px;
    height: 200px;
    border-radius: 4px;
}
.news-list li a &gt; div {
    margin-left: 330px;
}
.news-list li:hover .news-item h4, .news-list li:hover .news-item p {
    text-decoration: underline;
}
.news-item {
    color: #343F4B;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news-item h4 {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-item p {
    margin-bottom: 15px;
    font-size: 16px;
}
.news-item span {
    font-size: 14px;
    color: rgba(52, 63, 75, 0.7);
}
.content &gt; section {
    min-width: 1200px;
    overflow: hidden;
}
.content-detail h2 {
    margin-top: 50px;
    font-size: 30px;
    color: #343F4B;
    font-weight: 500;
}
.content-img {
    display: block;
    width: 780px;
    height: 520px;
    border-radius: 4px;
}
.content-time {
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    color: #343F4B;
}
.content-time time {
    color: rgba(52, 63, 75, 0.7);
}
.content-abstract {
    margin-top: 50px;
    padding: 10px 18px;
    font-size: 15px;
    color: rgba(52, 63, 75, 0.7);
    line-height: 30px;
    background-color: #F9F9F9;
    border-left: 3px solid #2A60E4;
}
.content-main {
    margin-top: 40px;
    font-size: 15px;
    color: #343F4B;
    line-height: 30px;
}
.content-main img {
    max-width: 1010px;
}
.content-related {
    margin-top: 100px;
}
.content-related.column-4 ul {
    margin-right: -30px;
}
.content-related.column-4 ul li {
    margin-right: 30px;
}
.content-related h3 {
    position: relative;
    padding-bottom: 10px;
    font-size: 24px;
    color: #343F4B;
    border-bottom: 1px solid #DDDEE2;
    font-weight: 400;
}
.content-related h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 96px;
    height: 4px;
    background-color: #F8653F;
}
.content-related ul {
    margin-top: 20px;
    margin-right: -45px;
}
.content-related ul li {
    float: left;
    margin-top: 20px;
    margin-right: 45px;
    border-radius: 4px;
}
.content-related ul li:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(42, 53, 65, 0.2);
    box-shadow: 0 8px 16px 0 rgba(42, 53, 65, 0.2);
}
.content-related-item {
    display: block;
    width: 230px;
    border-radius: 4px;
}
.content-related-item img {
    display: block;
    width: 100%;
    height: 153px;
    border: 1px solid #E9E9E9;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content-related-item &gt; div {
    padding: 15px;
    height: 115px;
    border: 1px solid #E9E9E9;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.content-related-item &gt; div h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #343F4B;
    max-height: 44px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content-related-item &gt; div span {
    font-size: 14px;
    color: rgba(52, 63, 75, 0.7);
}
.news-wrapper img {
    max-width: 780px;
}
/* --------------  è¥é”€å¿«è®¯ E ---------------*/
/* --------------  è¥é”€æ´žå¯Ÿ S ---------------*/
.filter {
    position: relative;
    width: 1200px;
    margin: 60px auto;
}
.filter-content {
    position: relative;
    margin-top: 40px;
    font-size: 16px;
    color: #5D656F;
    line-height: 32px;
}
.filter-content:first-child {
    margin-top: 0;
}
.filter-content .filter-search {
    position: relative;
    margin-left: 70px;
}
.filter-type {
    position: absolute;
}
.filter-list {
    margin-top: 16px;
    margin-left: 70px;
    color: #53546B;
}
.filter-list li {
    cursor: pointer;
    float: left;
    padding: 0 20px;
    margin-right: 10px;
    border-radius: 16px;
}
.filter-list li.active, .filter-list li:hover {
    background-color: #2A60E4;
    color: #FFF;
}
.filter-search {
    position: absolute;
    right: 0;
    top: 0;
    height: 32px;
    width: 360px;
}
.filter-search input {
    padding-left: 20px;
    padding-right: 45px;
    width: 100%;
    height: 100%;
    border: 1px solid #D8D8D8;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.filter-search .icon-search {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 12px;
    top: 0;
    background: url('../images/icon-search.svg') no-repeat center;
    cursor: pointer;
}
.empty-result {
    margin: 170px auto;
    padding-top: 230px;
    width: 400px;
    height: 245px;
    background: url('../images/bg-result-empty.svg') no-repeat;
    text-align: center;
    font-size: 16px;
    color: #212121;
    line-height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.marketing-express {
    padding: 100px 0;
    background-color: #F7F9FB;
    min-width: 1200px;
}
.marketing-express.white {
    background-color: #FFF;
}
.marketing-list {
    width: 1200px;
    margin: auto;
}
.marketing {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 370px;
    height: 365px;
    /* border: 1px solid #ddd; */
    margin: 0 15px 60px;
}
.marketing a {
    display: block;
}
.marketing .thumbnail {
    display: inline-block;
    width: 370px;
    height: 247px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(132, 132, 132, 0.25);
    box-shadow: 0 2px 4px 0 rgba(132, 132, 132, 0.25);
}
.marketing .title-wrapper {
    margin: 20px 0 10px;
}
.marketing .title {
    margin-bottom: 5px;
    font-size: 18px;
    color: #343F4B;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.marketing .date {
    font-size: 12px;
    color: rgba(50, 63, 76, 0.7);
}
.marketing .description {
    color: #343F4B;
    overflow: hidden;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.marketing:hover .thumbnail {
    -webkit-box-shadow: 0 8px 16px 0 rgba(42, 53, 65, 0.2);
    box-shadow: 0 8px 16px 0 rgba(42, 53, 65, 0.2);
}
.marketing:hover .title, .marketing:hover .description {
    text-decoration: underline;
}
/* --------------  è¥é”€æ´žå¯Ÿ E ---------------*/
/* --------------  åˆ†é¡µå™¨ E ---------------*/
.page-container {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
}
.page-container .pagination {
    max-width: 1200px;
    height: 50px;
    font-size: 16px;
    display: inline-block;
}
.page-container .pagination &gt; li {
    float: left;
    padding: 2px 8px;
    margin: 4px;
}
.page-container .pagination &gt; li.active {
    color: #fff;
    background-color: #2a60e4;
    border-radius: 3px;
}
.page-container .pagination &gt; li:first-child {
    margin-right: 40px;
}
.page-container .pagination &gt; li:last-child {
    margin-left: 40px;
}
/* --------------  ç™»å½•å¼¹çª—æ&nbsp;·å¼è¦†ç›– ---------------*/
.login-error-tip {
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #D82B40;
    line-height: 12px;
}
.login-box .title {
    font-weight: 600;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    letter-spacing: 0.45px;
    line-height: 18px;
    margin-bottom: 40px;
}
.login-box .title .title-account {
    color: #2E334A;
}
.login-box .title .title-safe {
    color: #B9BED3;
    margin-left: 20px;
}
.login-box .ivu-form-inline .ivu-form-item {
    display: block;
    margin-bottom: 20px !important;
    margin-right: 0 !important;
}
.login-user .ivu-input-group-prepend, .login-password .ivu-input-group-prepend {
    display: none;
}
.login-user, .login-password {
    background: #FFFFFF;
    border: 1px solid #E1E6F1;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.login-user .ivu-input, .login-password .ivu-input {
    height: 42px;
    border-color: rgba(0, 0, 0, 0);
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 14px;
}
.login-user .ivu-input:focus, .login-password .ivu-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ivu-input-group-append, .ivu-input-group &gt; .ivu-input:last-child {
    border-radius: 4px !important;
}
/*//å…³é—­æŒ‰é’®*/
.ivu-icon-icon-close-nor {
    background-image: url("/images/login_icon_close.svg");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    margin-right: 8.5px;
}
.ivu-icon-icon-close-blur {
    background-image: url("/images/login_icon_close_blur.svg");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    margin-right: 8.5px;
}
.ivu-icon-icon-close-none {
    display: none;
}
/*//è¡¨å•éªŒè¯çš„é”™è¯¯æç¤º*/
.ivu-form-item-error .ivu-input {
    border: 1px solid #D82B40;
}
.ivu-form-item-error-tip {
    color: #D82B40;
}
.ivu-checkbox {
    margin-right: 10px;
}
.ivu-checkbox-checked .ivu-checkbox-inner {
    background-color: #2A60E4;
    border-color: #2A60E4;
}
.ivu-checkbox-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.auto-login-wrap {
    height: 15px;
}
.auto-login-wrap .ivu-form-item-content {
    line-height: 15px;
}
.auto-login {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #7B7B7B;
    line-height: 12px;
}
.ivu-btn {
    width: 100%;
    height: 42px;
    margin-top: 10px;
    background: #2A60E4;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
[node-type="outer"] {
    opacity: .7 !important;
}
/* ç™»å½•æ¡† */
.Bv6_layer {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 800px;
    height: 500px;
    background-image: url(/images/login_bg.png);
    -webkit-box-shadow: 0 4px 9px 0 rgba(75, 79, 101, 0.14);
    box-shadow: 0 4px 9px 0 rgba(75, 79, 101, 0.14);
    border-radius: 12px;
    margin-left: -400px;
    margin-top: -250px;
    opacity: 1 !important;
    background-size: contain;
}
.Bv6_layer_pop .content.layer_mini_info {
    -webkit-box-shadow: none;
    box-shadow: none;
}
body .layer_login_register_v2 .qrcode_con {
    width: 206px;
}
body .Bv6_layer_pop.Bv6_layer {
    position: absolute !important;
    top: 112px !important;
    left: 70px !important;
    width: 259px;
    height: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
body .Bv6_layer .W_arrow_bor_b em {
    display: none;
}
body .Bv6_layer .content {
    border: 0px;
}
body .Bv6_layer .content .W_layer_title {
    display: none;
}
body .Bv6_layer .content .layer_login_register_v2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    width: 400px;
    height: 500px;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E1E6F1;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0 12px 12px 0;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar {
    border-bottom: 0 !important;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar .cur {
    border-bottom: 0 !important;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #2E334A;
    letter-spacing: 0.45px;
    line-height: 18px;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar a {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #B9BED3;
    letter-spacing: 0.45px;
    line-height: 18px;
    -webkit-transition: none;
    transition: none;
    display: none;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar a.active {
    display: block;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar a {
    color: #2E334A;
    font-weight: bolder;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar a:nth-child(2) {
    margin-left: 15px;
}
body .Bv6_layer .content .layer_login_register_v2 .tab_bar a:nth-child(3) {
    margin-left: 100px;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item .auto_login {
    background-color: #2A60E4;
    border-color: #2A60E4;
}
body .Bv6_layer .content .layer_login_register_v2 .form_login_register {
    width: 258px;
}
body .Bv6_layer .content .layer_login_register_v2 .form_login_register .item_btn.login_qq {
    display: none;
}
.text_info.W_tc a {
    color: #7E7E7E;
}
.text_info.W_tc a:hover {
    color: #2A60E4 !important;
}
.text_info.W_tc a:nth-child(2) {
    display: none;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register {
    padding: 0;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item {
    margin-bottom: 0;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item.input_wrap {
    width: auto;
    background: none;
    padding: 0;
    margin-top: 20px;
    border: none;
    line-height: 42px;
    position: relative;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item.input_wrap .W_input {
    width: 246px;
    height: 42px;
    border: 1px solid #E1E6F1;
    border-radius: 4px;
    padding-left: 12px;
}
.input-close {
    position: absolute;
    top: 12.5px;
    right: 8.5px;
    height: 17px;
    width: 17px;
    opacity: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("/images/login_icon_close.svg");
}
.input-close:hover {
    background-image: url("/images/login_close_hover.svg");
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item.input_wrap .W_input.W_input_focus {
    border: 1px solid #E1E6F1 !important;
    -webkit-box-shadow: 2px 2px 2px #E1E6F1 !important;
    box-shadow: 2px 2px 2px #E1E6F1 !important;
    border-right: 4px !important;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .password .enter_psw {
    top: 3px;
    left: 12px;
    display: none;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item.auto_login {
    margin-top: 20px;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .auto_login .checkbox-inner {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
    left: -88px;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #E1E6F1;
    border-radius: 2px;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .auto_login .checkbox-inner-checked {
    background-color: #2A60E4;
}
.form_login_register .auto_login label {
    margin-left: 16px !important;
}
#login_form_savestate {
    position: absolute;
    left: 72px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .auto_login .checkbox-inner:after {
    content: '';
    display: table;
    width: 2px;
    height: 6px;
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item.auto_login .forget_psw {
    text-align: right;
    float: right;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item.auto_login .forget_psw:hover a {
    color: #2A60E4;
}
body .Bv6_layer .content .layer_login_register_v2 .B_login.form_login_register .item_btn .btn_34px {
    width: 230px;
    height: 42px;
    background: #2A60E4;
    color: white;
    border: none;
    line-height: 42px;
    margin-top: 20px;
}
body .Bv6_layer a.S_txt2:hover {
    color: #2A60E4;
}
body .Bv6_layer .W_layer_close .ficon_close {
    display: inline-block;
    right: -31px;
    top: -31px;
    width: 31px;
    height: 31px;
    border-radius: 100%;
    border: 2px solid #7B7B7B;
    text-align: center;
    color: #7B7B7B;
    line-height: 31px;
}
.main_txt span:first-child, .W_ficon.ficon_close.S_ficon {
    display: none;
}
.main_txt span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #D82B40;
    line-height: 12px;
}
body .Bv6_layer_pop.Bv6_layer .W_layer_arrow {
    display: none;
}
.Bv6_layer .layer_mini_info {
    padding: 0 !important;
    border: 1px solid red;
}
.layer_login_register_v2 .qrcode_con .note {
    margin-top: 0 !important;
    font-size: 14px !important;
}
.Bv6_layer_menu_list {
    margin-left: 35px;
    width: 263px !important;
}
.Bv6_layer_menu_list ul:nth-child(2) li:hover a {
    color: #2a60e4;
}
.layer_login_register_v2 .opacity_bg, .layer_login_register_v2 .result {
    left: 77px !important;
    top: 100px !important;
}
#pass_status {
    margin-top: 50px;
    margin-bottom: 21px;
    overflow: hidden;
}
#pass_status span {
    display: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
#pass_status span:nth-child(1) {
    background: url(/images/back_icon.svg) no-repeat;
    float: left;
    margin-left: 22px;
}
#pass_status span:nth-child(2) {
    background: url(/images/qr_icon.svg) no-repeat;
    float: right;
    margin-right: 22px;
}
#pass_status span.active {
    display: block;
}
/* ç”¨æˆ·ä¿¡æ¯ */
.user-info {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 0;
    height: 80px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.user-info .avatar {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
}
.user-info .dropdown-list {
    position: absolute;
    right: 0;
    margin-top: 3px;
    display: none;
    width: 110px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.user-info .dropdown-list li {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    padding: 0 10px;
}
.user-info .dropdown-list li a {
    display: block;
    color: #424954;
}
.user-info .dropdown-list li:hover {
    background-color: #f2f2f5;
}
.header .nickname {
    color: #424954;
}
.header.white .nickname {
    color: #fff;
}
.user-info:hover .dropdown-list {
    display: block;
}
/* --- ä¾§æ&nbsp; S ---*/
.sider-tool {
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 9;
}
.sider-tool li a {
    display: block;
    margin-top: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 15px 0 rgba(42, 53, 65, 0.12);
    box-shadow: 0 6px 15px 0 rgba(42, 53, 65, 0.12);
}
.sider-tool li a i {
    display: block;
    width: 100%;
    height: 100%;
}
.sider-top {
    display: none;
}
.sider-top a {
    background-color: #FFF;
}
.sider-top a i {
    background: url(../images/icon-sider-up.svg) no-repeat center;
}
.sider-top a:hover {
    background-color: #F9FAFD;
}
.sider-top a:hover i {
    background: url(../images/icon-sider-up-hover.svg) no-repeat center;
}
.sider-consult a {
    background-color: #2A60E4;
}
.sider-consult a i {
    background: url(../images/icon-sider-consult.svg) no-repeat center;
}
.sider-consult a:hover {
    background-color: #447AF6;
}
.sider-qrcode a {
    background-color: #2A60E4;
}
.sider-qrcode a i {
    background: url(../images/footer-adapp.svg) no-repeat center;
}
.sider-qrcode a .sider-qrcode-container {
    display: none;
    width: 240px;
    text-align: center;
    height: 284px;
    position: absolute;
    left: -260px;
    top: -86px;
    background: #FFFFFF;
    border-radius: 6px;
    -webkit-box-shadow: 1px 16px 25px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 16px 25px 0 rgba(0, 0, 0, 0.15);
}
.sider-qrcode a .sider-qrcode-container .sider-qrcode-title {
    text-align: center;
    position: relative;
    margin-top: 37px;
}
.sider-qrcode a .sider-qrcode-container .sider-qrcode-title img {
    position: absolute;
    top: -48px;
    left: 120px;
    width: 40px;
    height: 40px;
    margin-left: -20px;
}
.sider-qrcode a .sider-qrcode-container .sider-qrcode-title span {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #343F4B;
}
.sider-qrcode a:hover {
    background-color: #447AF6;
}
.sider-qrcode a:hover .sider-qrcode-container {
    display: block;
}
/* --- ä¾§æ&nbsp; E ---*/
/* 404é¡µé¢ */
.container-404 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 650px;
    height: 450px;
    margin: auto;
}
.container-404 .text-wrapper {
    position: absolute;
    right: -20px;
    top: 130px;
}
.container-404 .text-wrapper .text-404 {
    font-family: Netto;
    font-size: 140px;
    color: #2A60E4;
    letter-spacing: 6.94px;
    line-height: 140px;
}
.container-404 .text-wrapper .text-lost-cn {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #212121;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 15px;
}
.container-404 .text-wrapper .text-lost-en {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #ABB1BF;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 10px;
}
.container-404 .back-index {
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-left: -65px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
    height: 34px;
    line-height: 34px;
    background-color: #2A60E4;
    border-radius: 17px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    top: 50%;
    margin-top: -32px;
    font-size: 30px;
    border: 1px solid #2A60E4;
    cursor: pointer;
}
.swiper-button-next.disabled, .swiper-button-prev.disabled {
    border-color: #CCC;
    cursor: not-allowed;
}
.swiper-button-next.disabled:after, .swiper-button-prev.disabled:after {
    border-color: #CCC;
}
.swiper-button-next:after, .swiper-button-prev:after {
    content: '';
    position: absolute;
    top: 24px;
    left: 20px;
    width: 14px;
    height: 14px;
    border-top: 3px solid #2A60E4;
    border-right: 3px solid #2A60E4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* --- swiperæ&nbsp;·å¼ S ---*/
.swiper-button-next {
    right: 20px;
}
.swiper-button-prev {
    left: 20px;
}
.swiper-button-prev:after {
    left: 26px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.swiper-pagination {
    position: absolute;
    z-index: 20;
    bottom: 40px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 18px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
}
.swiper-active-switch {
    background: #fff;
}
/* --- swiperæ&nbsp;·å¼ E ---*/
.pop-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.pop-modal-content {
    position: absolute;
    padding: 30px;
    width: 600px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    background-color: #FFF;
    border-radius: 4px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pop-modal-close {
    position: absolute;
    right: -34px;
    top: -34px;
    width: 30px;
    height: 30px;
    border: 2px solid #7B7B7B;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    color: #7B7B7B;
    font-weight: 700;
    font-size: 20px;
}
.pop-modal-success {
    position: relative;
    margin: 70px auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #2A60E4;
}
.pop-modal-success:before {
    content: '';
    position: absolute;
    display: block;
    left: -28px;
    top: -28px;
    width: 121px;
    height: 121px;
    background-color: rgba(42, 96, 228, 0.2);
    border-radius: 50%;
}
.pop-modal-success:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    height: 26px;
    border-right: 5px solid;
    border-bottom: 5px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #FFF;
    top: 15px;
    left: 23px;
}
.pop-modal-msg {
    font-size: 28px;
    color: #2A60E4;
    line-height: 40px;
}
.pop-modal-tip {
    margin-top: 15px;
    font-size: 16px;
    color: #2A3541;
    line-height: 20px;
}
.adapp-banner {
    height: 1000px;
}
.adapp-banner-container {
    height: 1000px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0;
    background: #151617;
}
.adapp-banner-title .main-title {
    padding-top: 150px;
    font-family: PingFangSC-Regular;
    font-size: 54px;
    letter-spacing: 0;
}
.adapp-banner-title .little-tittle {
    font-family: NettoOT-Light;
    font-size: 27px;
    letter-spacing: 0.9px;
}
.adapp-banner-des {
    margin-top: 30px;
    font-family: PingFangSC-Light;
    font-size: 20px;
    line-height: 36px;
}
.adapp-banner-app-store {
    margin-top: 30px;
}
.adapp-banner-app-store .app-store {
    cursor: pointer;
    margin: 0 25px;
    position: relative;
    display: inline-block;
    width: 200px;
    height: 54px;
    border-radius: 4px;
    background: #151617;
    border: 1px solid #7B7B7B;
    line-height: 54px;
    text-align: left;
}
.adapp-banner-app-store .app-store img {
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
.adapp-banner-app-store .app-store-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.adapp-banner-app-store .app-store-text .app-store-title {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    letter-spacing: 0;
}
.adapp-banner-app-store .app-store .app-download {
    display: none;
}
.adapp-banner-app-store .app-store:hover {
    background: #000000;
}
.adapp-banner-app-store .app-store:hover .app-download {
    display: block;
    z-index: 2;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 70px;
    left: 0px;
    background: #fff;
    border: 1px solid #7B7B7B;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 200px;
}
.adapp-banner-app-store .app-store:hover .app-download img {
    width: 170px;
    height: 170px;
}
.adapp-banner-app-store .ios-store .app-store-text {
    margin-left: 20px;
    line-height: 20px;
}
.adapp-banner-img img {
    width: 1200px;
    height: 524px;
}
.adapp-account-introduction .container {
    width: 1120px;
}
.adapp-container-account-list {
    margin-top: 100px;
}
.adapp-container-account-item {
    float: left;
    display: inline-block;
    line-height: 612px;
    width: 205px;
}
.adapp-container-account-item img {
    vertical-align: middle;
    width: 235px;
}
.adapp-container-account-item-left img {
    -webkit-box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
}
.adapp-container-account-item-center {
    position: relative;
    width: 300px;
    height: 612px;
    background: #fff;
    border-radius: 30px;
    line-height: 612px;
    -webkit-box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
}
.adapp-container-account-item-center img {
    width: 270px;
}
.adapp-container-account-item-right {
    overflow: hidden;
}
.adapp-container-account-item-right img {
    margin-left: -36px;
    -webkit-box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
}
.adapp-data-introduction {
    background: #151617;
    height: 846px;
    margin-bottom: 200px;
    overflow: visible !important;
}
.adapp-data-container {
    color: #ffffff;
    background: url(../images/app-container2-bg.png);
}
.adapp-data-container .container-center {
    position: relative;
    margin-top: 100px;
    height: 430px;
}
.adapp-data-container-title h2 {
    color: #ffffff;
}
.adapp-data-container-desc {
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #ffffff;
    line-height: 30px;
}
.adapp-data-container-item {
    position: absolute;
    left: 50%;
}
.adapp-data-container-item img {
    vertical-align: middle;
}
.adapp-data-container .item-left {
    z-index: 2;
    margin-left: -416px;
    top: 198px;
}
.adapp-data-container .item-left img {
    width: 365px;
}
.adapp-data-container .item-center {
    margin-left: -165px;
    z-index: 1;
    width: 330px;
    height: 678px;
    line-height: 678px;
    background: #151617;
    border-radius: 32px;
    -webkit-box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06), 0px -6px 8px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.06), 0px -6px 8px 0px rgba(0, 0, 0, 0.06);
}
.adapp-data-container .item-center img {
    width: 300px;
    vertical-align: middle;
}
.adapp-data-container .item-right {
    margin-left: 143px;
    z-index: 0;
    top: 272px;
}
.adapp-data-container .item-right img {
    width: 320px;
}
.adapp-msg-introduction {
    height: 1100px;
}
.adapp-msg-introduction .container-center {
    margin-top: 100px;
    position: relative;
    height: 1000px;
}
.adapp-msg-container-item {
    z-index: 1;
    position: absolute;
    left: 50%;
    width: 245px;
    height: 85px;
    line-height: 85px;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 12px 29px -5px rgba(0, 0, 0, 0.12);
    box-shadow: 1px 12px 29px -5px rgba(0, 0, 0, 0.12);
}
.adapp-msg-container-item .adapp-msg-title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
}
.adapp-msg-container-item .img-bg {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-block;
    line-height: 64px;
}
.adapp-msg-container-item .img-bg img {
    width: 26px;
    vertical-align: middle;
}
.adapp-msg-money {
    top: 358px;
    margin-left: -400px;
}
.adapp-msg-money .adapp-msg-title {
    margin-right: 30px;
}
.adapp-msg-money .img-bg {
    background: rgba(250, 53, 108, 0.18);
}
.adapp-msg-account {
    top: 510px;
    margin-left: -240px;
}
.adapp-msg-account .adapp-msg-title {
    margin-right: 30px;
}
.adapp-msg-account .img-bg {
    background: rgba(255, 108, 78, 0.18);
}
.adapp-msg-center {
    position: absolute;
    left: 50%;
    margin-left: -165px;
    width: 330px;
    height: 680px;
    background: #fff;
    border-radius: 30px;
    line-height: 680px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06), 0 8px 23px 0 rgba(0, 0, 0, 0.16), inset 0 -6px 8px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06), 0 8px 23px 0 rgba(0, 0, 0, 0.16), inset 0 -6px 8px 0 rgba(0, 0, 0, 0.06);
}
.adapp-msg-center img {
    width: 300px;
    vertical-align: middle;
}
.adapp-msg-product {
    left: 50%;
    top: 138px;
    margin-left: 40px;
}
.adapp-msg-product .adapp-msg-title {
    margin-left: 30px;
}
.adapp-msg-product .img-bg {
    background: rgba(51, 82, 254, 0.18);
}
.adapp-msg-ad {
    top: 290px;
    margin-left: 120px;
}
.adapp-msg-ad .adapp-msg-title {
    margin-left: 30px;
}
.adapp-msg-ad .img-bg {
    background: rgba(117, 64, 238, 0.18);
}
.zz-banner {
    height: 948px;
}
.zz-swiper-wrapper {
    height: 948px;
    background: #262a3b;
}
.zz-banner-container {
    text-align: center;
    height: 948px;
    background: url(../images/banner-zz-bg.png);
    background-size: 100% 100%;
}
.zz-banner-container-content {
    color: #fff;
    padding-top: 200px;
}
.zz-banner-container-content .main-title {
    font-family: PingFangSC-Regular;
    font-size: 51px;
    color: #FFFFFF;
    letter-spacing: 0;
}
.zz-banner-container-content .main-title .title-decoration {
    display: inline-block;
    vertical-align: middle;
}
.zz-banner-container-content .main-title .decoration-square {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #42c690;
}
.zz-banner-container-content .main-title :first-child {
    width: 204px;
    height: 10px;
    background: -webkit-gradient(linear, right top, left top, from(#43c991), to(rgba(67, 201, 145, 0)));
    background: linear-gradient(270deg, #43c991 0%, rgba(67, 201, 145, 0) 100%);
}
.zz-banner-container-content .main-title :last-child {
    width: 204px;
    height: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#43C991), to(rgba(67, 201, 145, 0)));
    background: linear-gradient(90deg, #43C991 0%, rgba(67, 201, 145, 0) 100%);
}
.zz-banner-container-content .zz-banner-button-group {
    margin-top: 70px;
}
.zz-banner-container-content .zz-banner-button-group .zz-banner-a {
    display: inline-block;
    cursor: pointer;
    width: 180px;
    height: 50px;
    border-radius: 35px;
    line-height: 50px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.zz-banner-container-content .zz-banner-button-group :first-child {
    background: #43C991;
    margin-right: 30px;
}
.zz-banner-container-content .zz-banner-button-group :last-child {
    border: 1px solid #E8EBED;
}
.zz-banner-content-list {
    margin-top: 120px;
}
.zz-banner-content-list-item {
    width: 620px;
    height: 80px;
    line-height: 80px;
    opacity: 0.9;
    margin: 0 auto;
    background: #32374B;
    margin-bottom: 30px;
    text-align: left;
}
.zz-banner-content-list-item img.item-icon {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 21px;
    margin-left: 107px;
}
.zz-banner-content-list-item span {
    font-size: 20px;
    font-family: HelveticaNeue-Bold;
    color: #ffffff;
    vertical-align: middle;
}
.zz-content-list {
    margin-top: 120px;
    height: 420px;
    display: inline-block;
}
.zz-content-list-item {
    float: left;
    margin: 0 45px;
    width: 300px;
    height: 300px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.08);
    text-align: center;
}
.zz-content-list-item img {
    width: 62px;
    height: 62px;
    margin: 56px auto 0;
    display: block;
}
.zz-content-list-item h2 {
    margin-top: 45px;
    font-size: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #343f4b;
    line-height: 28px;
}
.zz-content-list-item p {
    margin-top: 15px;
    font-size: 14px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #343f4b;
    line-height: 30px;
}
.icon-verified {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(//js.t.sinajs.cn/ads/vshop_mobile/static/img/sprite.svg);
    background-size: 72px auto;
    background-position-x: center;
    width: 28px;
    height: 28px;
}
.icon-bluev {
    background-position-y: -90px;
}
.icon-orangev {
    background-position-y: -18px;
}
.icon-goldv {
    background-position-y: 126px;
}
.ks {
    text-align: center;
    font-size: 14px;
    color: #222;
}
.ks p {
    margin: 0;
    padding: 0;
}
.ks img {
    max-width: 100%;
    padding: 0;
	margin-bottom: -10px;
}


/*baidu add*/

.wp {
    width: 1200px;
    margin: 0 auto;
}
.page-header {
    width: 100%;
    height: 300px;
    top: 73px;
    position: relative
}

.page-header .s {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -55px;
    z-index: 2
}

.page-header h1 {
    font-size: 32px;
    line-height: 60px;
    color: #eee
}

.page-header .line {
    width: 80px;
    height: 2px;
    background: #3398fc;
    margin: 9px 0
}

.page-header p {
    font-size: 16px;
    color: #ddd;
    line-height: 30px
}

.page-title {
    text-align: center
}

.page-title .title {
    font-size: 44px;
    color: #333;
    margin-bottom: 14px
}

.page-title .tips {
    text-align: center;
    font-size: 17px;
    line-height: 36px;
    width: 72%;
    margin: 0 auto -10px;
    color: #333
}

.page-title .title-line {
    height: 20px
}

.page-service {
    width: 100%;
    margin-top: 10px
}

.page-service .s {
    margin: 40px 0 0
}

.page-service .data {
    width: 50%;
    margin-top: 200px;
    float: left
}

.page-service .L_data {
    width: 50%;
    margin-top: 200px;
    float: right
}

.page-service .data a {
    display: block;
    padding: 20px;
    border-left: 1px #ddd solid;
    border-bottom: 1px #ddd solid
}

.page-service .m {
    padding: 15px 0
}

.page-service .m img {
    width: auto;
    height: 45px
}

.page-service .data .title {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px
}

.page-service .data .des {
    padding: 0 15px;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    color: #aaa
}

.page-advantage {
    width: 100%;
    margin-top: 60px;
    padding: 80px 0;
    background: #616892;
    position: relative
}

.page-advantage .page-title {
    position: relative;
    z-index: 2
}

.page-advantage .title {
    color: #eee
}

.page-advantage .tips {
    color: #aaa
}

.page-advantage .cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.page-advantage .s {
    padding: 40px 40px 0;
    position: relative;
    z-index: 2
}

.page-advantage .data {
    float: left;
    width: 33.33%
}

.page-advantage dl {
    padding: 25px 25px 25px 75px;
    position: relative
}

.page-advantage dt {
    height: 32px;
    font-size: 18px;
    margin-bottom: 13px
}

.page-advantage dt span {
    float: left;
    display: block;
    position: relative;
    line-height: 22px;
    padding-bottom: 13px;
    color: #eee
}

.page-advantage dt em {
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    width: 50%;
    background: #3398fc;
    transition: all .3s
}

.page-advantage dl:hover em {
    width: 100%
}

.page-advantage .m {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 30px
}

.page-advantage .m img {
    height: 36px
}

.page-advantage .des {
    font-size: 12px;
    color: #999;
    height: 44px;
    overflow: hidden;
    line-height: 22px;
    letter-spacing: 1px
}

.page-case {
    width: 100%;
}

.page-case .title-do {
    margin-bottom: 40px;
    text-align: center
}

.page-case .title-do li {
    display: inline-block;
    zoom: 1;
    line-height: 50px;
    margin: 0 10px;
    padding: 0 20px;
    border: 1px #ddd solid;
    border-radius: 1px;
    cursor: pointer
}

.page-case .title-do li.on {
    border-color: #3398fc;
    background: #3398fc
}

.page-case .title-do span {
    color: #333;
    font-size: 20px
}

.page-case .title-do li.on span {
    color: #fff
}

.page-case .n-k-t {
    display: none
}

.page-case .current {
    display: block
}

.page-case .m {
    width: 49%;
    text-align: right
}

.page-case .m img {
    width: 100%;
    vertical-align: middle
}

.page-case .info {
    width: 43%;
    padding-right: 2%;
    padding-top: 80px
}

.page-case .info h6 {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333
}

.page-case .info .des {
    margin: 10px 0;
    font-size: 14px;
    line-height: 22px;
    color: #888
}

.page-case .info .tips {
    margin: 10px 0;
    font-size: 13px;
    line-height: 22px;
    color: #aaa
}

.page-case .info a {
    display: block;
    margin-top: 20px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #3398fc;
    border: 1px #3398fc solid;
    border-radius: 2px;
    text-align: center
}

.page-case .info a span {
    color: #3398fc
}

.page-case .info a em {
    background: #3398fc
}

.page-case .info a:hover span {
    color: #fff
}

.page-contact {
    width: 100%;
    display: contents
}

.page-contact .s {
    padding: 0 40px;
    display: inline-block;
    margin-top: 60px
}

.page-contact .your-ask h6 {
    font-size: 30px;
    color: #333;
    line-height: 1;
    margin-bottom: 45px
}

.page-contact .your-ask li {
    float: left;
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #95a5a6
}

.page-contact .info-box {
    padding-top: 12px;
    overflow: hidden
}

.page-contact .info-box input {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    background: #fff;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d4d5d6
}

.page-contact .info-box .username {
    width: 160px
}

.page-contact .info-box .telephone {
    width: 160px
}

.page-contact .info-box .content {
    width: 400px
}

.page-contact .info-box a {
    float: left;
    display: block;
    width: 140px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d4d5d6
}

.page-contact .info-box .post {
    margin-right: 10px;
    background: #3398fc;
    color: #fff;
    float: left;
    display: block;
    width: 140px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d4d5d6
}

.page-contact .info-box .btn {
    color: #3398fc
}

.page-contact .info-box .war {
    line-height: 25px;
    margin-top: 8px;
    font-size: 12px;
    display: -webkit-inline-box;
    color: #ccc
}

.gg-type {
    height: 382px;
    display: block !important;
    margin: 40px 10px
}

.gg-type2 {
    overflow: hidden;
    display: block !important
}

.gg-type li {
    width: 50%;
    padding: 40px;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    float: left
}

.gg-type li a {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    color: #fff
}

.gg-type li:first-of-type {
    background-image: url(../images/ggtype-img1.jpg)
}

.gg-type li:last-of-type {
    background-image: url(../images/ggtype-img2.jpg)
}

.gg-type-bottom {
    position: absolute;
    bottom: 20px;
    left: 40px;
    right: 40px
}

.gg-type-bottom h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.gg-type-bottom p {
    font-size: 16px;
    line-height: 24px
}

.gg-type-bottom span.more {
    display: block;
    width: 60px;
    height: 32px;
    background: url(../images/arrow_right_white.svg) no-repeat;
    background-position: right center;
    background-size: 26px;
    transition: all .3s ease-in;
    position: absolute;
    top: 0;
    right: 0
}

.about-section .title {
    height: 40px;
    line-height: 40px;
    margin-top: 140px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 44px;
    color: #333;
}

.ssTitle {
    color: #333;
    font-size: 44px;
}
.ssMain {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    min-height: 100px;
    padding-top: 30px;
}
.glImg {
    width: 531px;
    height: 344px;
    float: left;
    margin-top: 100px;
}

.titleCenter {
    display: -webkit-inline-box;
    margin-left: 34%;
    margin-top: 100px;
    font-size: 44px;
    color: #333;
}

.L_ssTitle {
    font-size: 44px;
    color: #333;
}

.L_glImg {
    width: 531px;
    height: 344px;
    margin-top: 100px;
}
.L_ssMain {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    min-height: 100px;
    padding-top: 30px;
}

@media (max-width: 600px) {
    .gg-type li {
        width: 100%;
    }
    .page-case .title-do li{
        float: left;
        width: 28%;
        line-height: 1.2rem;

    }
    .page-case .title-do{
        margin-bottom: 30px;
        margin-top: 21px;
    }
    .page-case .title-do span{
        font-size: 10px;
    }

    .page-case .m{
        width: 100%;
    }
    .page-case .info{
        width: 100%;
        padding: 0 12px;
    }
    .page-title .title{
        font-size: 25px;
    }
    .page-advantage .data{
        width: 100%;
    }
}

</pre></body></html>