@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    /*min-width: 1280px;*/
    font-size: 14px;
    font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    color: #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a,
a:link,
a:hover,
a:visited,
a:active {
    outline: 0;
    text-decoration: none;
    /*transition: all 0.5s ease 0s;*/
}

a {
    color: #666;
}

table {
}
    border-collapse: collapse;

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

ul {
    list-style: none;
}

em,
i,
b {
    font-style: normal;
}

img {
    border: 0px;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}

.clear {
    clear: both;
}

.v-middle {
    font-size: 0;
}

.v-middle:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0%;
    vertical-align: middle;
}

.v-middle > div, .v-middle > p, .v-middle > span {
    font-size: 14px;
}

.number-big {
    color: #01a2f7;
    font-size: 28px;
}

.wrap,
.wrap * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.container,
.containerFull {
    margin: 0 auto;
    width: 100%;
    max-width: 1260px;
    padding: 0 18px;
}

.containerFull {
    padding: 0;
}

.mbanner {
    position: relative;
    display: none;
    padding-top: 66px;
}

.mbanner-bg {
    width: 100%;
    display: block;
}

.mbanner-btn {
    position: absolute;
    left: 10%;
    top: 64%;
    width: 27%;
    height: 14%;
    cursor: pointer;
}

@media screen and (max-width: 640px) {
    #slider {
        display: none;
    }
    .banner-product,
    .banner-partner,
    .banner-shengsuan,
    .banner-yuke,
    .banner-case,
    .banner-service,
    .banner-news,
    .banner-about {
        display: none;
    }
    .mbanner {
        display: block;
    }
}

.block {
    padding: 68px 0 50px;
}

.block-cap {
    text-align: center;
}

.block-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
	color: #000;
}

.block-cap p {
    line-height: 28px;
}

.wave-container {
    height: 192px;
    background-color: #ecf7fd;
    overflow: hidden;
}

/*鍒嗛〉*/
.pgs {
    float: right;
    margin: 20px 0;
}

.pgs a,
.pgs span,
.pgs label {
    float: left;
    display: inline-block;
    padding: 0 10px;
    margin-left: 6px;
    height: 24px;
    line-height: 24px;
    border: #e3e3e3 solid 1px;
}

.pgs a:hover {
    color: #00a7ff;
    border-color: #00a7ff;
}

.pgs span.on {
    color: #00a7ff;
    border: none;
    cursor: default;
}

.pgs label {
    border: none;
}

.pgs label input {
    padding: 0;
    width: 25px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
}

.tips_click {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.tips_click b {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 50%;
    /* background-color: rgba(90, 201, 246, .8); */
    background-color: rgba(0, 183, 255, 0.8);
}

.tips_click2 b {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
}

.tips_click b:nth-of-type(1) {
    -webkit-animation: click1 1s linear infinite;
    animation: click1 1s linear infinite;
    background: #00b7ff;
}

.tips_click b:nth-of-type(2) {
    -webkit-animation: click2 1s linear infinite;
    animation: click2 1s linear infinite;
}

@-webkit-keyframes click1 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes click1 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@-webkit-keyframes click2 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

@keyframes click2 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

.logo-list {
    width: 1200px;
    margin: 30px auto 0;
}

.logo-list img {
    display: block;
    /*border:10px solid transparent;
        border-width:15px 10px;*/
    margin: 15px 10px;
    float: left;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
}

.logo-list img:hover {
    -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
}

@media screen and (max-width: 1220px) {
    .logo-list {
        width: 1000px;
    }
}

@media screen and (max-width: 1020px) {
    .logo-list {
        width: 800px;
    }
}

@media screen and (max-width: 820px) {
    .logo {
        background: #fff;
    }
    .logo-list {
        width: 100%;
    }
    .logo-list img {
        width: 32%;
        margin: 3% 0 0;
    }
    .logo-list img:nth-child(3n+2) {
        margin-left: 2%;
        margin-right: 2%;
    }
}

/* 闆ⅶ鍥炬爣 */
.icon-news {
    background-image: url(../images/sprite.png?1);
    background-position: 0px 0px;
    width: 22px;
    height: 22px;
}

.icon-about {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -22px;
    width: 22px;
    height: 22px;
}

.icon-club {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -44px;
    width: 22px;
    height: 22px;
}

.icon-servicespromiss {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -66px;
    width: 22px;
    height: 22px;
}

.icon-home {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -88px;
    width: 22px;
    height: 22px;
}

.icon-call {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -110px;
    width: 22px;
    height: 22px;
}

.icon-open {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -132px;
    width: 22px;
    height: 22px;
}

.icon-partner {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -154px;
    width: 22px;
    height: 22px;
}

.icon-product {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -176px;
    width: 22px;
    height: 22px;
}

.icon-successal {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -198px;
    width: 22px;
    height: 22px;
}

.icon-go-top {
    background-image: url(../images/sprite.png?1);
    background-position: 0px -220px;
    width: 44px;
    height: 44px;
}

/* 瀵规帴骞冲彴 */
.platform {
    background: #ecf7fd url("../images/platform_bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 50px;
}

@media screen and (max-width: 860px) {
    .platform {
        background: #ecf7fd;
    }
}

.platform-cap {
    padding: 80px 0 28px;
    color: #666;
    text-align: center;
}

.platform-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.platform-cap-sub {
    font-size: 14px;
    line-height: 28px;
}

.platform-list {
    min-height: 460px;
    /* max-height: 576px; */
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
}

.platform-list i {
    margin: 8px 8px;
    border-radius: 7px;
    width: 60px;
    height: 60px;
    display: inline-block;
}

.platform-list i.platform-other {
    display: none;
}

.platform-list i:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    /* box-shadow: 0 4px 26px 0 rgba(180,180,180,.8); */
    /* box-shadow: rgba(10, 10, 10, 0.2) 0px 16px 16px -4px; */
    /* transform: translateY(-.5rem);
        transform: scale(1.2); */
}

.icon-logo1 {
    background-image: url(../images/sprite2.png);
    background-position: -60px 0px;
}

.icon-logo10 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -60px;
}

.icon-logo100 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -60px;
}

.icon-logo101 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -60px;
}

.icon-logo11 {
    background-image: url(../images/sprite2.png);
    background-position: -120px 0px;
}

.icon-logo12 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -60px;
}

.icon-logo13 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -120px;
}

.icon-logo14 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -120px;
}

.icon-logo15 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -120px;
}

.icon-logo16 {
    background-image: url(../images/sprite2.png);
    background-position: -180px 0px;
}

.icon-logo17 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -60px;
}

.icon-logo18 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -120px;
}

.icon-logo19 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -180px;
}

.icon-logo2 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -180px;
}

.icon-logo20 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -180px;
}

.icon-logo21 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -180px;
}

.icon-logo22 {
    background-image: url(../images/sprite2.png);
    background-position: -240px 0px;
}

.icon-logo23 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -60px;
}

.icon-logo24 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -120px;
}

.icon-logo25 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -180px;
}

.icon-logo26 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -240px;
}

.icon-logo27 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -240px;
}

.icon-logo28 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -240px;
}

.icon-logo29 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -240px;
}

.icon-logo3 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -240px;
}

.icon-logo30 {
    background-image: url(../images/sprite2.png);
    background-position: -300px 0px;
}

.icon-logo31 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -60px;
}

.icon-logo32 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -120px;
}

.icon-logo33 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -180px;
}

.icon-logo34 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -240px;
}

.icon-logo35 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -300px;
}

.icon-logo36 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -300px;
}

.icon-logo37 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -300px;
}

.icon-logo38 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -300px;
}

.icon-logo39 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -300px;
}

.icon-logo4 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -300px;
}

.icon-logo40 {
    background-image: url(../images/sprite2.png);
    background-position: -360px 0px;
}

.icon-logo41 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -60px;
}

.icon-logo42 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -120px;
}

.icon-logo43 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -180px;
}

.icon-logo44 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -240px;
}

.icon-logo45 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -300px;
}

.icon-logo46 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -360px;
}

.icon-logo47 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -360px;
}

.icon-logo48 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -360px;
}

.icon-logo49 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -360px;
}

.icon-logo5 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -360px;
}

.icon-logo50 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -360px;
}

.icon-logo51 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -360px;
}

.icon-logo52 {
    background-image: url(../images/sprite2.png);
    background-position: -420px 0px;
}

.icon-logo53 {
    background-image: url(../images/sprite2.png);
    background-position: 0px 0px;
}

.icon-logo54 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -120px;
}

.icon-logo55 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -180px;
}

.icon-logo56 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -240px;
}

.icon-logo57 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -300px;
}

.icon-logo58 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -360px;
}

.icon-logo59 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -420px;
}

.icon-logo6 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -420px;
}

.icon-logo60 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -420px;
}

.icon-logo61 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -420px;
}

.icon-logo62 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -420px;
}

.icon-logo63 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -420px;
}

.icon-logo64 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -420px;
}

.icon-logo65 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -420px;
}

.icon-logo66 {
    background-image: url(../images/sprite2.png);
    background-position: -480px 0px;
}

.icon-logo67 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -60px;
}

.icon-logo68 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -120px;
}

.icon-logo69 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -180px;
}

.icon-logo7 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -240px;
}

.icon-logo70 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -300px;
}

.icon-logo71 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -360px;
}

.icon-logo72 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -420px;
}

.icon-logo73 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -480px;
}

.icon-logo74 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -480px;
}

.icon-logo75 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -480px;
}

.icon-logo76 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -480px;
}

.icon-logo77 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -480px;
}

.icon-logo78 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -480px;
}

.icon-logo79 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -480px;
}

.icon-logo8 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -480px;
}

.icon-logo80 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -480px;
}

.icon-logo81 {
    background-image: url(../images/sprite2.png);
    background-position: -540px 0px;
}

.icon-logo82 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -60px;
}

.icon-logo83 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -120px;
}

.icon-logo84 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -180px;
}

.icon-logo85 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -240px;
}

.icon-logo86 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -300px;
}

.icon-logo87 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -360px;
}

.icon-logo88 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -420px;
}

.icon-logo89 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -480px;
}

.icon-logo9 {
    background-image: url(../images/sprite2.png);
    background-position: 0px -540px;
}

.icon-logo90 {
    background-image: url(../images/sprite2.png);
    background-position: -60px -540px;
}

.icon-logo91 {
    background-image: url(../images/sprite2.png);
    background-position: -120px -540px;
}

.icon-logo92 {
    background-image: url(../images/sprite2.png);
    background-position: -180px -540px;
}

.icon-logo93 {
    background-image: url(../images/sprite2.png);
    background-position: -240px -540px;
}

.icon-logo94 {
    background-image: url(../images/sprite2.png);
    background-position: -300px -540px;
}

.icon-logo95 {
    background-image: url(../images/sprite2.png);
    background-position: -360px -540px;
}

.icon-logo96 {
    background-image: url(../images/sprite2.png);
    background-position: -420px -540px;
}

.icon-logo97 {
    background-image: url(../images/sprite2.png);
    background-position: -480px -540px;
}

.icon-logo98 {
    background-image: url(../images/sprite2.png);
    background-position: -540px -540px;
}

.icon-logo99 {
    background-image: url(../images/sprite2.png);
    background-position: -600px 0px;
}

/* 鍏叡澶� */
.app-header {
    background: black;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
}

.navbar {
    height: 90px;
    position: relative;
}

.navbarMini {
    height: 66px;
}

.brand-logo {
    float: left;
    height: 100%;
    padding: 10px 0;
}

.navbar-burger {
    height: 100%;
    width: 80px;
    margin-right: -20px;
    position: relative;
    right: 0;
    top: 0;
    float: right;
    cursor: pointer;
    display: none;
}

.navbar-burger span {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    height: 2px;
    width: 16px;
    margin-left: -8px;
    margin-top: -1px;
    border-radius: 1231px;
    background: #fff;
    -webkit-transition-duration: 0.086s;
    transition-duration: 0.086s;
    -webkit-transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform, -webkit-transform;
}

.navbar-burger span:first-child {
    display: inline-block;
    margin-top: -7px;
}

.navbar-burger span:last-child {
    display: inline-block;
    margin-top: 5px;
}

.navbar-burger-drop span:nth-child(2) {
    opacity: 0;
}

.navbar-burger-drop span:first-child {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

.navbar-burger-drop span:last-child {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
}

.navbar-menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    text-align: right;
    font-size: 0;
    display: table;
}

.navbar-menu a {
    font-size: 14px;
    border: 16px solid transparent;
    border-width: 0 16px;
    padding: 0 16px;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    color: #fff;
    position: relative;
    -webkit-transition: color 0.2s ease-in-out,  padding 0.3s ease-in-out;
    transition: color 0.2s ease-in-out,  padding 0.3s ease-in-out;
}

.navbar-menu a.disabled {
    display: none;
}

.navbar-menu a ul {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50%;
    margin-top: -1px;
    width: 100%;
    z-index: 101;
    display: none;
}

.navbar-menu a:hover ul {
    display: block;
}

.navbar-menu a li {
    line-height: 40px;
    background: #005490;
    min-width: 76px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 100%;
}

.navbar-menu a li:hover {
    background: #0172c8;
    color: #fff;
}

.navbar-menu a:hover,
.navbar-menu a.cur {
    color: #006fff;
}

.navbar-menu a:hover::after,
.navbar-menu a.cur:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #006fff;
}
.m-footer,.m-alert{
	display: none;
}
.right-pendant {
    position: fixed;
    top: 110px;
    right: 0;
    z-index: 998;
	background-color: #fff;
	border-radius: 10px;
	
}

.right-pendant>div {
    position: relative;
    box-sizing: border-box;
    text-align: center;
	padding-bottom: 20px;
    /* margin-bottom: 20px; */
}
.right-pendant .consulting{
	color: #333;
	margin-top: 10px;
	font-size: 16px;
}
.right-pendant .consulting.wechat-number .right{
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 3px 5px;
}
.right-pendant .consulting .right{
	color: #848484;
}
.right-pendant .input{
	margin-top: 10px;
}
.right-pendant .input input{
	width: 70%;
	margin: 0 auto;
	display: block;
	border: none;
	resize: none;
	background-color: #eee;
	color: #bbbbbb;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	text-align: center;
}
.right-pendant .submit {
	height: 25px;
	background-color: #eee;
	color: #12110d;
	line-height: 25px;
	width: 40%;
	display: block;
	margin: 8px auto 0;
	border-radius: 5px;
}
.right-pendant .scan{
	color: #12110d;
	margin-top: 10px;
}
.right-pendant .QrCode img{
	width: 120px;
}
.consulting-service>a {
    display: none
}

.online-consulting>a {
    display: none
}

.right-pendant>div .img {
    margin-bottom: 11px
}

.right-pendant-text {
    font-size: 14px;
    color: #fff
}

.consulting-service-hidden {
    position: absolute;
    top: 20px;
    right: 0;
    width: 200px;
    height: 326px;
    top:
}

.right-pendant .img {
    display: none
}

.right-pendant-text {
    display: none
}

.consulting-service-hidden-top {
    border-radius: 10px;
    background-color: #284ab5;
    height: 135px;
    text-align: right;
    padding: 6px 7px 0 13px;
    box-sizing: border-box
}

.consulting-service-close {
    margin-bottom: 14px;
    cursor: pointer
}

.consulting-service:hover .consulting-service-hidden {
    display: block
}

.consulting-service-hidden-top .title-text {
    font-size: 20px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    padding-top: 12px
}

.consulting-service-bottom {
    height: 194px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: -40px;
    padding: 29px 20px 0;
    box-sizing: border-box;
    box-shadow: 0 19px 40px 0 rgba(52,52,52,.14)
}

.consulting-service-bottom li {
    width: 160px;
    height: 38px;
    border-radius: 10px;
    background-color: #f6f5fd;
    margin-bottom: 11px
}

.consulting-service-bottom li>a {
    display: block;
    line-height: 38px;
    font-size: 14px;
    color: #343434
}

.consulting-service-bottom li img {
    vertical-align: middle;
    margin-right: 13px
}

.online-consulting-hidden {
    position: absolute;
    top: 0;
    right: 0;
    width: 194px;
    box-shadow: 0 0 22.32px 1.68px rgba(52,52,52,.18);
    border-radius: 10px
}

.consulting-service-hidden,.online-consulting-hidden {
    transition: all .4s
}

.consulting-service-hidden.active,.online-consulting-hidden.active {
    transform: translateX(100%)
}

.right-pendant .arrow {
    position: absolute;
    left: -23px;
    content: ">>";
    color: #87bafb;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: -6px;
    font-size: 22px;
    cursor: pointer;
    z-index: 2
}

.online-consulting:hover .online-consulting-hidden {
    display: block
}

.online-consulting-title {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    background-color: #284ab5;
    border-radius: 10px 10px 0 0;
    letter-spacing: 2px;
	text-align: center;
	font-size: 26px;
}
/* .right-pendant .arrow {
    position: absolute;
    left: -23px;
    content: ">>";
    color: #87bafb;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: -6px;
    font-size: 22px;
    cursor: pointer;
    z-index: 2;
} */
.online-consulting-hidden .person {
    padding-top: 8px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px
}

.online-consulting-hidden .person .person-item {
    position: relative;
    padding-top: 19px;
    width: 100%;
    padding: 10px 25px 0;
    box-sizing: border-box;
    text-align: left
}

.online-consulting-hidden .person .person-item:before {
    position: absolute;
    content: "";
    height: 42px;
    left: 0;
    top: 19px;
    width: 2px;
    background-color: #fc8571;
    box-shadow: 0 2px 4px 0 #ff8585;
    display: none
}

.person-item-title {
    margin-bottom: 10px
}

.person-item-title span {
    font-size: 16px;
    color: #333;
    line-height: 27px;
    display: inline-block;
    height: 27px
}

.person-item-telphone span {
    color: #4f4f4f
}

.person-item-title span a {
    color: #575757
}

.person-item-title .person-item-qq {
    float: right;
    margin-top: 3px
}

.person-item-telphone {
    font-size: 14px;
    color: #848484;
    padding-bottom: 8px
}

.person-item-top {
    text-align: center;
    margin-bottom: 20px;
    color: #284ab5;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    background-color: #e9edf7;
    width: 194px;
    margin-left: -25px
}

.online-consulting-hidden .person .person-item:hover:before {
    display: block
}

.detailed-information {
    position: absolute;
    top: -71px;
    right: 194px;
    width: 256px;
    height: 371px;
    background-color: #fff;
    box-shadow: 0 3px 20px 1px rgba(52,52,52,.14);
    border-radius: 5px;
    padding-top: 36px;
    box-sizing: border-box;
    display: none;
    z-index: 3
}

.person-item:hover .detailed-information {
    display: block
}

.online-consulting-hidden .person .person-item:nth-child(2) .detailed-information {
    top: -144px
}

.online-consulting-hidden .person .person-item:nth-child(3) .detailed-information {
    top: -218px
}

.information {
    padding-bottom: 16px;
    margin: 0 24px;
    border-bottom: 1px solid #f6f6f6;
    text-align: right
}

.information .information-left {
    float: left;
    width: 100px;
    padding-top: 18px;
    text-align: left
}

.information .information-left .name {
    text-align: left;
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #333;
    margin-bottom: 18px
}

.information .scanning {
    color: ##898888;
    font-size: 14px
}

.information .information-right {
    display: inline-block
}

.information .information-right img {
    width: 94px
}

.detailed-information-bottom {
    padding-top: 31px
}

.detailed-information-bottom li {
    width: 220px;
    height: 40px;
    border-radius: 20px;
    background-color: #f8f8f8;
    margin: 0 auto 21px;
    line-height: 40px;
    padding-left: 16px;
    box-sizing: border-box;
    font-size: 12px
}

.detailed-information-bottom li img {
    vertical-align: middle;
    margin-right: 7px;
    font-size: 14px
}
@media screen and (max-width: 1060px) {
    .navbar-menu a {
        padding: 0px;
    }
}

@media screen and (max-width: 790px) {
	body{
		padding-bottom: 49px!important;
	}
	.right-pendant{
		display: none;
	}
	.m-footer{
		position: fixed;
		left: 0;
		bottom: 0;
		height: 49px;
		background-color: #eee;
		width: 100%;
		z-index: 999;
		text-align: center;
		display: block;
	}
	.m-footer ul{
		border-top: 1px solid #cccccc;
	}
	.m-footer .wrapper .img img{
		width: 22px;
	}
	.m-footer ul:after{
		content: "";
		width: 0;
		display: block;
		clear: both;
	}
	.m-footer li{
		position: relative;
		float:left;
		width: 33.33%;
		padding: 5px 0;
		cursor: pointer;
		
	}
	.m-footer li .hide{
		/* display: none; */
	}
	.m-footer li .hide1{
		width: 160px;
		height: 93px;
		bottom: 44px;
		color: #12110d;
	}
	.m-footer li .text{
		font-size: 12px;
		color: #12110d;
	}
	.m-footer li .hide{
		position: absolute;
		display: none;
		background-color: #fff;
	}
	.m-footer li .hide .wechat,.m-footer li .hide .copy{
		width: 110px;
		height: 29px;
		background-color: #eeeeee;
		margin: 0 auto;
		border-radius: 5px;
		line-height: 29px;
		margin-top: 15px;
		cursor: pointer;
	}
	.m-footer li .hide .copy{
		margin-top: 10px;
		font-size: 12px;
	}
	.m-footer li .hide .wechat .icon img{
		width: 15px;
	}
	.m-footer li .hide2{
		bottom: 47px;
		right: 0;
		width: 160px;
		height: 147px;
	}
	.m-footer li .hide2 .m-telphone{
		width: 120px;
		height: 44px;
		color: #333333;
		border-radius: 5px;
		background-color: #eeeeee;
		margin: 15px auto 0;
		padding: 6px 0;
		box-sizing: border-box;
	}
	.m-footer li .hide2 .m-telphone .m-mobile{
		font-size: 14px;
	}
	.m-footer li .hide2 .m-telphone .m-contact{
		font-size: 12px;
	}
	.m-footer li .hide2 .m-telphone .m-contact a{
		color: #333;
	}
	.m-footer li .hide2 .m-input{
		width: 120px;
		height: 29px;
		border-radius: 5px;
		background-color: #eeeeee;
		margin: 10px auto 0;
	}
	.m-footer li .hide2 .m-input input{
		width: 100%;
		height: 100%;
		display: block;
		box-sizing: border-box;
		color: #bbbbbb;
		font-size: 12px;
		border: none;
		background-color: transparent;
		text-align: center;
	}
	.m-footer li .hide2 .m-submit{
		width: 75px;
		height: 29px;
		border-radius: 5px;
		background-color: #eeeeee;
		color: #12110d;
		font-size: 12px;
		margin: 10px auto;
		line-height: 29px;
	}
	.m-alert{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(18, 17, 13,0.4);
		display: none;
	}
	.m-alert .content{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.m-alert .content input{
		display: block;
		width: 270px;
		height: 44px;
		border-radius: 2.5px;
		background-color: #fff;
		font-size: 14px;
		font-weight: bold;
		border: none;
		outline: none;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.m-alert .content .alert-submit{
		width: 85px;
		height: 39px;
		line-height: 39px;
		text-align: center;
		background-color: #0040bb;
		color: #fff;
		border-radius: 5px;
		margin: 20px auto 0;
	}
	.m-alert .m-close{
		position: absolute;
		width: 22px;
		right: 0;
		top: -47px;
		cursor: pointer;
	}
	
    .navbar {
        height: 66px;
    }
    .navbar-menu {
        top: 100%;
        left: 0;
        height: auto;
        display: none;
        padding: 0 20px 20px;
        background: black;
        background: rgba(0, 0, 0, 0.8);
		z-index: 999;
    }
    .navbar-menu-drop {
        display: block;
    }
    .navbar-menu a {
        display: block;
        /* height: 30px; */
        padding: 8px 0;
        line-height: 20px;
        text-align: center;
    }
    .navbar-menu a:hover::after,
    .navbar-menu a.cur:after {
        border: none;
    }
    .navbar-menu a:hover,
    .navbar-menu a.cur {
        background: #fff;
        background: rgba(255, 255, 255, 0.2);
    }
    .navbar-menu a:hover ul {
        display: none;
    }
    .navbar-menu a.disabled {
        display: block;
    }
    .navbar-burger {
        display: block;
    }
}

/* 鍏叡搴曢儴 */
.app-footer {
    /* background: #42454b; */
	background: #051933;
}

.footer-container {
    display: table;
    width: 100%;
    min-height: 158px;
}

.footer-container-m {
    display: none;
    padding: 42px 0 0;
}

.footer-logo {
    display: table-cell;
    vertical-align: middle;
    width: 105px;
}

.footer-other {
    display: table-cell;
    padding: 24px 10px;
    color: #fff;
}

.footer-qr {
    display: table-cell;
    vertical-align: middle;
    width: 105px;
    text-align: center;
}

.footer-qr img {
    display: block;
    margin: 0 auto;
}

.footer-qr p {
    color: #6e7079;
    font-size: 12px;
    line-height: 30px;
}

.footer-box {
    float: right;
}

.footer-menu {
    display: inline-block;
    line-height: 22px;
    padding: 10px 0;
}

.footer-menu a {
    color: #fff;
    font-size: 14px;
    margin: 0 12px 0 20px;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.footer-menu a i {
    display: inline-block;
    vertical-align: -6px;
    margin-right: 3px;
}

.footer-menu a:last-child {
    margin-right: 0;
}

.footer-menu a:hover {
    opacity: 0.8;
}

.footer-phone {
    padding: 10px;
    line-height: 22px;
    white-space: nowrap;
    float: right;
}

.footer-phone i {
    display: inline-block;
    vertical-align: -6px;
    margin-right: 3px;
}

.footer-other hr {
    height: 1px;
    background: #4f5157;
    display: block;
    clear: both;
    border: none;
}

.footer-about {
    line-height: 22px;
    color: #b5b5b5;
    padding-top: 14px;
    padding-left: 20px;
}

.footer-copyright {
    line-height: 20px;
    padding: 5px 10px 5px 20px;
    color: #7a7a7a;
}

.footer-copyright span {
    display: inline-block;
}

.footer-copyright a {
    color: #7a7a7a;
}

.footer-copyright a:hover {
    opacity: 0.8;
}

.footer-costomer {
    line-height: 24px;
    color: #00a7ff;
}

.footer-costomer b {
    color: #d8d8d8;
}

.footer-copyright2 {
    clear: both;
    font-size: 12px;
    text-align: center;
    color: #76787c;
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 20px;
}

.footer-container-m .footer-costomer {
    float: left;
}

.footer-container-m .footer-qr {
    float: right;
}

@media screen and (max-width: 1232px) {
    .footer-menu a {
        margin: 0 0 0 20px;
    }
}

@media screen and (max-width: 640px) {
    .footer-container {
        display: none;
    }
    .footer-container-m {
        display: block;
    }
    .footer-logo {
        width: 86px;
    }
}

/* banner */
.banner-product {
    background: url(../images/banner_product.jpg_v2.jpg) no-repeat center;
    height: 480px;
    position: relative;
    overflow: hidden;
}

.banner-product-content {
    position: absolute;
    top: 146px;
    left: 50%;
    margin-left: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

.banner-product-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 72px;
}

.banner-product-title span {
    font-weight: 400;
}

.banner-product-btn {
    width: 166px;
    height: 50px;
    border-radius: 6px;
    border: solid 1px #ffffff;
    margin-top: 30px;
    text-align: center;
    font-size: 26px;
    color: white;
    line-height: 50px;
    cursor: pointer;
}

.banner-product-btn:hover {
    background-color: #37b5ff;
    border-color: #37b5ff;
}

.banner-product-about {
    position: absolute;
    left: 50%;
    top: 200px;
    font-size: 18px;
    color: #cafdff;
    font-weight: bold;
}

.banner-product-about p {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.banner {
    height: 480px;
    position: relative;
    color: #fff;
}

.banner-txt {
    margin-left: 8%;
    padding-top: 220px;
}
.slider-item-1-content .banner-txt{
	margin-left: 0;
}
.banner-txt-1 {
    font-size: 56px;
    font-weight: normal;
    line-height: 66px;
	/* width: 700px; */
}

.banner-txt-2 {
    font-size: 28px;
    line-height: 46px;
}

.banner-case {
    background: url(../images/banner_case.jpg) no-repeat center;
}

.banner-service {
    background: url(../images/banner_service.jpg) no-repeat center;
}

.banner-partner {
    background: url(../images/banner_partner.jpg) no-repeat center;
}

.banner-news {
    background: url(../images/banner_news.jpg) no-repeat center;
}

.banner-about {
    background: url(../images/banner_about.jpg) no-repeat center;
}

.banner-shengsuan {
    background: url(../images/banner_shengsuan.jpg) no-repeat center;
}
.banner-partner{
	text-align: center;
	line-height: 1;
}
.banner-partner .banner-txt{
	padding-top: 130px;
	margin-left: 0;
}
.banner-partner .banner-txt-1 {
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 50px;
}
.banner-partner .banner-txt-2{
	font-size: 18px;
	line-height: 1;
	margin-bottom: 15px;
}
.banner-partner .submit{
	display: inline-block;
}
.banner-partner .submit a{
	width: 180px;
	height: 54px;
	border-radius: 10px;
	background-color: #006fff;
	line-height: 54px;
	color: #fff;
	font-size: 20px;
	display: block;
	margin-top: 32px;
}
.banner-partner .
.banner-yuke {
    background: url(../images/banner_yuke.png) no-repeat center;
    height: 480px;
    position: relative;
    overflow: hidden;
}

.banner-product-yuke-btn {
    margin-top: 108px;
    margin-left: -518px;
}

/* 杞挱鍥� */
#slider {
    position: relative;
    font-size: 0;
    height: 750px;
}

.slider-item {
    display: block;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.slider-ctrl {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 13;
}

.slider-ctrl span {
    display: inline-block;
    background: #fff;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    margin-right: 8px;
    cursor: pointer;
    /* filter: alpha(opacity=50); */
    /* opacity: 0.5; */
}

.slider-ctrl span.on {
    /* filter: alpha(opacity=100); */
    /* opacity: 1; */
    width: 20px;
    background: #3399ff;
}

.slider-item-1 {
    height: 750px;
    background: url("../images/banner_home.jpg") center no-repeat;
}

.slider-item-1-content {
    position: absolute;
    top: 256px;
    left: 50%;
    margin-left: -520px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    opacity: 0;
    -webkit-transition: top 0.8s ease-in-out,opacity 0.8s ease-in-out;
    transition: top 0.8s ease-in-out,opacity 0.8s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
	
}

.slider-item-1.on .slider-item-1-content {
    top: 130px;
    opacity: 1;
}

.slider-item-1-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 72px;
}

.slider-item-1-title span {
    font-weight: 400;
}

.slider-item-1-btn {
    width: 166px;
    height: 50px;
    border-radius: 6px;
    border: solid 1px #ffffff;
    margin-top: 30px;
    text-align: center;
    font-size: 26px;
    color: white;
    line-height: 50px;
    cursor: pointer;
}

.slider-item-1-btn:hover {
    background-color: #37b5ff;
    border-color: #37b5ff;
}

.slider-item-about {
    position: absolute;
    left: 50%;
    top: 200px;
    font-size: 18px;
    color: #cafdff;
    font-weight: bold;
}

.slider-item-about p {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.slider-item-2 {
    height: 750px;
    background: url("../images/banner_home_4.jpg") center no-repeat;
    display: none;
}

/* 浼樼鍚堜綔浼欎即 */
.parter {
    padding-bottom: 50px;
    clear: both;
    color: #666;
    background: #fff;
}

.parter-cap {
    padding: 60px 20px 46px;
    text-align: center;
}

.parter-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.parter-more {
    border: 1px solid #797a7a;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 24px;
    border-radius: 13px;
    cursor: pointer;
    margin-top: 8px;
}

.parter-list {
    padding: 0 10px;
    font-size: 0;
}

.parter-box {
    width: 25%;
    padding: 10px 12px 0;
    height: 460px;
    position: relative;
    /* display: inline-block; */
    float: left;
}

.parter-item {
    background: #fff;
    height: 420px;
    font-size: 14px;
    padding: 42px 28px 0;
    margin-bottom: 24px;
    cursor: default;
    -webkit-transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
}

.parter-item:hover {
    margin-top: -10px;
    -webkit-box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
    box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
    /* box-shadow: 0 4px 18px 0 rgba(180,180,180,.45); */
}

.parter-logo {
    display: block;
    margin: 0 auto;
}

.parter-title {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 18px 0;
}

.parter-about {
    /* text-indent: 2em; */
    line-height: 22px;
    margin-top: 18px;
}

@media screen and (max-width: 1160px) {
    .parter-box {
        width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .parter-box {
        width: 100%;
    }
}

/* 鑱氭按娼璄RP鍏稿瀷妗堜緥 */
.case {
    padding-bottom: 60px;
    clear: both;
    color: #3e3e3e;
    background: #75aef0 url("../images/case_bg.jpg") no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}

.case-cap {
    padding: 60px 20px 46px;
    text-align: center;
}

.case-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
	color: #fff;
}

.case-more {
    border: 1px solid #eee;
    color: #eee;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 24px;
    border-radius: 13px;
    cursor: pointer;
    margin-top: 8px;
}

.case-more:hover {
    border: 1px solid #fff;
    color: #fff;
}

.case-logo {
    display: table;
    width: 100%;
    margin-bottom: 32px;
}

.case-logo span {
    display: table-cell;
    text-align: center;
    -webkit-filter: brightness(0%);
    filter: brightness(0%) invert(100%);
}

.case-logo span.cur, .case-logo span:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.case-list {
    position: relative;
    font-size: 0;
    width: 100%;
    overflow: hidden;
}

.case-move-box,.product-move-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}
.product-move-box{
	position: relative;
	overflow: visible;
}
.case-item {
    font-size: 0;
    background: #fff;
    display: none;
    height: 100%;
    position: relative;
}

.case-item.cur {
    display: block;
}

.case-item:last-child {
    width: 100%;
}

.case-photo {
    display: inline-block;
    width: 52%;
    vertical-align: middle;
}

.casae-detail {
    display: inline-block;
    width: 48%;
    font-size: 16px;
    vertical-align: middle;
    padding: 0 4%;
}

.casae-detail h3 {
    font-size: 18px;
    line-height: 46px;
}

.casae-detail p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 2px;
}

.case-pos {
    width: 52%;
}

.case-ctrl,.product-ctrl {
    margin-top: 22px;
    text-align: center;
    z-index: 13;
    display: block;
}

.case-ctrl span,.product-ctrl span {
    display: inline-block;
    background: #fff;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    margin-right: 6px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.case-ctrl span.cur ,.product-ctrl span.cur{
    background: #0099ff;
    width: 26px;
}

.case-logo-side {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 46px;
    display: none;
}

@media screen and (max-width: 1024px) {
    .casae-detail {
        padding: 0 10px;
    }
    .casae-detail h3 {
        font-size: 14px;
        line-height: 28px;
    }
    .casae-detail p {
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (max-width: 820px) {
    .case {
        background-image: none;
		background-color: #006fff;
    }
    .case-logo {
        display: none;
    }
    .case-photo {
        width: 100%;
    }
    .case-logo-side {
        display: inline;
    }
    .casae-detail {
        width: 100%;
        padding: 20px 20px 36px;
    }
    /*
    .casae-detail h3{
        font-size: 18px;
        line-height: 46px
    }
    .casae-detail p{
        font-size: 14px;
        line-height: 22px;
    }*/
    .case-pos {
        width: 100%;
    }
    .case-ctrl {
        display: block;
    }
}

/* 鎾斁鍣� */
@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0;
    }
}
@keyframes plyr-progress {
    to {
        background-position: 25px 0;
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes plyr-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.plyr audio, .plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr:focus {
    outline: 0;
}

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui::after, .plyr--full-ui::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.plyr__badge {
    background: #4f5b5f;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px;
}

.plyr--full-ui::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    width: 100%;
}

.plyr__captions span {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap;
}

.plyr__captions span div {
    display: inline;
}

.plyr__captions span:empty {
    display: none;
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
    }
}

.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr--hide-controls .plyr__captions {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px;
}

.plyr__control:focus {
    outline: 0;
}

.plyr__control.plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    outline: 0;
}

.plyr__control[aria-pressed=false] .icon--pressed, .plyr__control[aria-pressed=false] .label--pressed, .plyr__control[aria-pressed=true] .icon--not-pressed, .plyr__control[aria-pressed=true] .label--not-pressed {
    display: none;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color: #fff;
}

.plyr__control--overlaid {
    background: rgba(26, 175, 255, 0.8);
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.plyr__control--overlaid svg {
    height: 20px;
    left: 2px;
    position: relative;
    width: 20px;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    background: #1aafff;
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
}

.plyr--full-ui::-webkit-media-controls {
    display: none;
}

.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls >
.plyr__control {
    margin-left: 5px;
}

.plyr__controls .plyr__menu:first-child, .plyr__controls .plyr__menu:first-child + [data-plyr=pause], .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__progress:first-child + [data-plyr=pause], .plyr__controls .plyr__time:first-child, .plyr__controls .plyr__time:first-child + [data-plyr=pause], .plyr__controls >
.plyr__control:first-child, .plyr__controls >
.plyr__control:first-child + [data-plyr=pause] {
    margin-left: 0;
}

.plyr__controls .plyr__volume {
    margin-left: 5px;
}

@media (min-width: 480px) {
    .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls >
    .plyr__control {
        margin-left: 10px;
    }
    .plyr__controls .plyr__menu + .plyr__control, .plyr__controls >
    .plyr__control + .plyr__control, .plyr__controls >
    .plyr__control + .plyr__menu {
        margin-left: 5px;
    }
}

.plyr--video .plyr__controls {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 35px 10px 10px;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 2;
}

.plyr--video .plyr__controls .plyr__control svg {
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color: #fff;
}

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4f5b5f;
    padding: 10px;
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
    display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block;
}

.plyr__video-embed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.plyr__video-embed iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.plyr--full-ui .plyr__video-embed iframe {
    pointer-events: none;
}

.plyr--full-ui .plyr__video-embed >
.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%);
}

.plyr__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none;
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.plyr__menu__container >
div {
    overflow: hidden;
    -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0;
}

.plyr__menu__container ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 7px;
}

.plyr__menu__container ul li {
    margin-top: 2px;
}

.plyr__menu__container ul li:first-child {
    margin-top: 0;
}

.plyr__menu__container .plyr__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4f5b5f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 4px 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(79, 91, 95, 0.8);
    right: 5px;
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px);
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(79, 91, 95, 0.8);
    left: 7px;
}

.plyr__menu__container .plyr__control--back::before {
    background: #b7c5cd;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor;
}

.plyr__menu__container label.plyr__control {
    padding-left: 7px;
}

.plyr__menu__container label.plyr__control input[type=radio] + span {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 16px;
}

.plyr__menu__container label.plyr__control input[type=radio] + span::after {
    background: #fff;
    border-radius: 100%;
    content: '';
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    width: 6px;
}

.plyr__menu__container label.plyr__control input[type=radio]:checked + span {
    background: #1aafff;
}

.plyr__menu__container label.plyr__control input[type=radio]:checked + span::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.plyr__menu__container label.plyr__control input[type=radio]:focus + span {
    -webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    outline: 0;
}

.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio] + span, .plyr__menu__container label.plyr__control:hover input[type=radio] + span {
    background: rgba(0, 0, 0, 0.1);
}

.plyr__menu__container .plyr__menu__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -7px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none;
}

.plyr__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0;
}

.plyr__progress--buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 6px;
    left: 0;
    margin: -3px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}

.plyr__progress--buffer::-webkit-progress-bar {
    background: 0 0;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
}

.plyr__progress--buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px;
}

.plyr__progress--buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
}

.plyr__progress--buffer::-ms-fill {
    border-radius: 100px;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
}

.plyr--video .plyr__progress--buffer {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.25);
}

.plyr--audio .plyr__progress--buffer {
    color: rgba(183, 197, 205, 0.66);
}

.plyr--loading .plyr__progress--buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent;
}

.plyr--video.plyr--loading .plyr__progress--buffer {
    background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
    background-color: rgba(183, 197, 205, 0.66);
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

.plyr--stopped .plyr__poster {
    opacity: 1;
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 28px;
    color: #1aafff;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 14px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px;
    -webkit-appearance: none;
    margin-top: -4px;
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px;
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 3px;
    height: 6px;
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor;
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px;
    margin-top: 0;
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none;
}

.plyr--full-ui input[type=range]:focus {
    outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    -webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
    outline: 0;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr__time {
    font-size: 14px;
}

.plyr__time + .plyr__time::before {
    content: '\2044';
    margin-right: 10px;
}

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none;
    }
}

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr__tooltip {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4f5b5f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(0.8);
    transform: translate(-50%, 10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    white-space: nowrap;
    z-index: 2;
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls >
.plyr__control:first-child .plyr__tooltip, .plyr__controls >
.plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.plyr__controls >
.plyr__control:first-child .plyr__tooltip::before, .plyr__controls >
.plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: 16px;
}

.plyr__controls >
.plyr__control:last-child .plyr__tooltip {
    right: 0;
    -webkit-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.plyr__controls >
.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.plyr__controls >
.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls >
.plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls >
.plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls >
.plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls >
.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls >
.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls >
.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls >
.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls >
.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.plyr--video {
    overflow: hidden;
}

.plyr--video.plyr--menu-open {
    overflow: visible;
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.plyr__volume {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.plyr__volume input[type=range] {
    position: relative;
    z-index: 2;
}

@media (min-width: 480px) {
    .plyr__volume {
        max-width: 50px;
    }
}

@media (min-width: 768px) {
    .plyr__volume {
        max-width: 80px;
    }
}

.plyr--is-ios .plyr__volume {
    display: none !important;
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
    display: none !important;
}

.plyr--has-error {
    pointer-events: none;
}

.plyr--has-error::after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    color: #fff;
    content: attr(data-plyr-error);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    top: 0;
    width: 100%;
    z-index: 10;
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-webkit-full-screen video {
    height: 100%;
}

.plyr:-moz-full-screen video {
    height: 100%;
}

.plyr:-ms-fullscreen video {
    height: 100%;
}

.plyr:fullscreen video {
    height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow: visible;
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow: visible;
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow: visible;
}

.plyr:fullscreen .plyr__video-embed {
    overflow: visible;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%);
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%);
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
    }
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
    }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-webkit-full-screen video {
    height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow: visible;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-moz-full-screen video {
    height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow: visible;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%);
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen video {
    height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow: visible;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%);
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000;
}

.plyr--fullscreen-fallback video {
    height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr--fullscreen-fallback .plyr__video-embed {
    overflow: visible;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.plyr__ads >
div, .plyr__ads >
div iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}

.plyr__ads::after {
    background: rgba(47, 52, 61, 0.8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3;
}

.plyr__ads::after:empty {
    display: none;
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 6px;
    left: 0;
    margin: -3px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3;
}

.plyr--no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/* 鎾斁鍣� */
.player {
    /* background: url("../images/video_bg.jpg") no-repeat; */
    background-position: 50% 85%;
	background-color: #f6f6f6!important;
    /* padding-bottom: 66px; */
}

.player-cap {
    padding: 70px 0 35px;
    color: #666;
    text-align: center;
}

.player-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
	color: #000;
}

.player-cap-sub {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
}

.player-more {
    border: 1px solid #aaa;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    cursor: pointer;
    margin-top: 8px;
}

.player-box {
    text-align: center;
    max-width: 890px;
    max-height: 470px;
    margin: 0 auto;
}

.player video {
    max-width: 890px;
    max-height: 470px;
    -o-object-fit: fill;
    object-fit: fill;
	cursor: pointer;
}

@media screen and (max-width: 640px) {
    .player {
        background: #ffffff;
    }
}

.plyr {
    -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.17);
    box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.17);
    margin: 1rem auto;
}

.plyr.plyr--audio {
    max-width: 480px;
}

.plyr.plyr--video .plyr__controls {
    -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.2);
    background: white;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: rgba(0, 0, 0, 0.8);
    left: 0;
    padding: 4px;
    position: absolute;
    right: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    z-index: 2;
}

.plyr.plyr--video .plyr__control--overlaid {
    background-color: transparent;
    border: solid 3px white;
}

.plyr__video-wrapper::after {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: inherit;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.plyr__cite {
    display: none;
    margin-top: 1rem;
}

.plyr__cite .icon {
    margin-right: 1rem;
}

.plyr--video:not(.plyr--youtube):not(.plyr--vimeo) ~ ul .plyr__cite--video,
.plyr--audio ~ ul .plyr__cite--audio,
.plyr--youtube ~ ul .plyr__cite--youtube,
.plyr--vimeo ~ ul .plyr__cite--vimeo {
    display: block;
}

.plyr__poster {
    background-size: cover;
    background-image: url("../images/playercover.jpg");
}

.plyr--stopped .plyr__poster {
    opacity: 1;
}

/* 鑱氭按娼紭鍔� */
.advantages-cap {
    padding: 80px 0 28px;
    color: #666;
    text-align: center;
}

.advantages-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.advantages-cap-sub {
    font-size: 14px;
    line-height: 28px;
}

.advantages-content {
    height: 498px;
    overflow: hidden;
}

.advantages-item {
    height: 498px;
    width: 20%;
    float: left;
    border-right: 1px solid #e1e1e1;
    background: #f7f7f7;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    cursor: default;
}

.advantages-item:last-child {
    border-right: 0px;
}

.advantages-item h3 {
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    /*font-weight: normal;*/
}

.advantages-item h3 img {
    vertical-align: middle;
    margin-right: 12px;
}

.advantages-small {
    padding-top: 40px;
    height: 100%;
}

.advantages-small-body {
    width: 200px;
    margin: 0 auto;
    margin-top: 28px;
}

.advantages-fun {
    font-size: 16px;
    margin-top: 26px;
}

.advantages-fun span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 16px;
    line-height: 30px;
    height: 32px;
    width: 90px;
    text-align: center;
    border: 1px solid #b5b5b5;
    cursor: default;
}

.advantages-fun span:nth-child(2n) {
    margin-right: 0;
}

.advantages-item.cur,
.advantages-item:hover {
    width: 40%;
    float: left;
    background: #00a7ff;
}

.advantages-big {
    color: #fff;
    position: relative;
    height: 100%;
    padding-top: 40px;
}

.advantages-about {
    width: 90%;
    margin: 0 auto;
    display: table;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s;
}

.advantages-about .v-middle {
    height: 148px;
}

.advantages-about .v-middle div {
    vertical-align: middle;
    display: inline-block;
}

.advantages-about p {
    line-height: 22px;
    text-indent: 2em;
    vertical-align: middle;
    display: inline-block;
}

.advantages-about center {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}

.advantages-big-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.advantages-big-bottom img {
    max-width: 309px;
    width: 85%;
    margin-bottom: -30px;
    opacity: 0.0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}

.advantages-data {
    height: 86px;
}

.advantages-item.cur .advantages-small,
.advantages-item:hover .advantages-small {
    display: none;
}

.advantages-item.cur .advantages-big,
.advantages-item:hover .advantages-big {
    display: block;
}

.advantages-item.cur .advantages-about {
    opacity: 1;
    filter: alpha(opacity=100);
}

.advantages-item.cur .advantages-big-bottom img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.advantages-case {
    width: 90%;
    margin: 0 auto;
    table-layout: fixed;
    position: relative;
    border-collapse: collapse;
    text-align: center;
}

.advantages-case td {
    border: 1px solid #fff;
    padding: 6px 0;
}

@media screen and (max-width: 1088px) {
    .advantages-item {
        width: 24%;
    }
    .advantages-item.cur {
        width: 28%;
    }
}

/*
    @media screen and (min-width:761px) and (max-width:930px){
        .advantages-item{
            width: 25%;
        }
        .advantages-item.cur {
            width: 25%;
        }
        .advantages-small-body {
            width: 180px;
        }
        .advantages-fun span {
            width: 80px;
        }
        .advantages-fun{
            font-size: 14px;
        }
    }*/
@media screen and (max-width: 960px) {
    .advantages {
        background: #00a7ff;
    }
    .advantages-cap {
        color: #fff;
    }
    .advantages-content {
        overflow: unset;
    }
    .advantages-item,
    .advantages-item.cur,
    .advantages-item:hover {
        width: 100%;
        background: #00a7ff;
    }
    .advantages-small {
        display: none;
    }
    .advantages-big {
        display: block;
    }
    .advantages-about {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .advantages-big-bottom img {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

/* 鑱氭按娼紭鍔� */
.advantages2 {
    background: url(../images/advantages2_bg.jpg) no-repeat right bottom;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 68px;
}

.advantages2-cap {
    padding: 48px 0 0;
    color: #fff;
    text-align: center;
}

.advantages2-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.advantages2-cap-sub {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff80;
    margin: 12px 0 16px;
}

.advantages-box {
    width: 970px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    min-height: 540px;
}

.advantages-side {
    display: inline-block;
    font-size: 16px;
    width: 170px;
    position: relative;
    vertical-align: top;
}

.advantages-side:after {
    content: "";
    position: absolute;
    right: -3px;
    top: -3px;
    width: 8px;
    height: 8px;
    background: #458df0;
    border-radius: 4px;
}

.advantages-side span {
    display: block;
    height: 132px;
    background: no-repeat 22px center;
    line-height: 132px;
    color: #4cb3fd;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: left;
    padding-left: 84px;
    border-right: 1px solid #458df0;
}

.advantages-side span:hover,
.advantages-side span.cur {
    color: #fff;
    border-right: 1px solid #fff;
    padding-left: 89px;
    background-position-x: 28px;
}

span.advantages-side-1 {
    background-image: url(../images/function-off.png);
}

span.advantages-side-1:hover,
span.advantages-side-1.cur {
    background-image: url(../images/function-on.png);
}

span.advantages-side-2 {
    background-image: url(../images/system-off.png);
}

span.advantages-side-2:hover,
span.advantages-side-2.cur {
    background-image: url(../images/system-on.png);
}

span.advantages-side-3 {
    background-image: url(../images/service-off.png);
}

span.advantages-side-3:hover,
span.advantages-side-3.cur {
    background-image: url(../images/service-on.png);
}

span.advantages-side-4 {
    background-image: url(../images/price-off.png);
}

span.advantages-side-4:hover,
span.advantages-side-4.cur {
    background-image: url(../images/price-on.png);
}

.advantages-main {
    display: inline-block;
    width: 790px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    position: relative;
}

.advantages-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.advantages-main-item {
    position: absolute;
    top: 20px;
    top: 30px;
    left: 70px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.advantages-main-item.cur {
    top: 20px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.advantages-main-item h3 {
    line-height: 30px;
    margin-bottom: 17px;
    font-size: 20px;
    font-weight: normal;
}

.advantages-main-item h3 img {
    vertical-align: middle;
    margin-right: 10px;
    display: none;
}

.advantages-detail {
    line-height: 24px;
    font-size: 14px;
}

.advantages-fun-list {
    font-size: 0;
    text-align: center;
}

.advantages-fun-list li {
    display: inline-block;
    width: 112px;
    height: 32px;
    line-height: 32px;
    margin: 0 4px 8px 4px;
    background-color: #0a61e2;
    border: 1px solid #10a1fb;
    text-align: center;
    color: #8ccefe;
    font-size: 12px;
}

.advantages-numbrer {
    background-color: #0a61e2;
    height: 52px;
    display: table;
    width: 100%;
}

@media screen and (min-width: 0px) {
    /* 灏变负浜唅e8 */
    .advantages-numbrer {
        background-color: rgba(10, 97, 226, 0.5);
        border: solid 1px rgba(16, 161, 251, 0.5);
    }
}

.advantages-numbrer-item {
    display: table-cell;
    text-align: center;
    color: #36eeff;
    font-size: 14px;
    vertical-align: bottom;
    padding-bottom: 3px;
}

.advantages-numbrer-item em {
    font-size: 36px;
}

@media screen and (max-width: 970px) {
    .advantages2 {
        background: #006fff;
    }
    .advantages2-cap-sub {
        margin-bottom: 0;
    }
    .advantages-box {
        width: 100%;
    }
    .advantages-main {
        width: 100%;
    }
    .advantages-side {
        display: none;
    }
    .advantages-main-item {
        left: 0;
        max-width: 100%;
        text-align: center;
        opacity: 1;
        position: relative;
        margin-top: 50px;
    }
    .advantages-main-item h3 img {
        display: inline-block;
    }
    .advantages-fun-list li {
        width: 100px;
    }
    .advantages-numbrer {
        height: 32px;
    }
    .advantages-numbrer-item {
        font-size: 10px;
    }
    .advantages-numbrer-item em {
        font-size: 18px;
    }
}

/* 鏁版嵁 */
.data-container {
    font-size: 0%;
}

.data-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding: 32px 0;
}

.data-item img {
    display: block;
    margin: 0 auto;
}

.countup-int {
    font-size: 32px;
    color: #006fff;
}

.server-count {
    color: #006fff;
}

@media screen and (max-width: 820px) {
    .data-item {
        width: 50%;
    }
}

@media screen and (max-width: 440px) {
    .data-item {
        font-size: 12px;
    }
}

/* 涓昏浜у搧鍔熻兘 */
.function {
    background: url(../images/function_bg_2.png) #1c0970 no-repeat center;
    background-size: cover;
    min-height: 750px;
    margin-top: 80px;
    padding-bottom: 50px;
    color: #fff;
    clear: both;
    -webkit-transition: background-image 0.6s ease-in-out;
    transition: background-image 0.6s ease-in-out;
}

.function-cap {
    padding: 60px 20px 46px;
    text-align: center;
}

.function-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.function-more {
    border: 1px solid #fff;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    cursor: pointer;
    margin-top: 8px;
}

.function-tabs {
    height: 81px;
    border-bottom: 1px solid #ddd;
    position: relative;
    margin: 0 10px;
}

.function-tabs:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 6px;
    width: 6px;
    background: #fff;
    border-radius: 3px;
    display: none;
}

.function-tab {
    width: 25%;
    float: left;
    text-align: center;
}

.function-tab span {
    display: inline-block;
    margin: 0 auto;
    height: 82px;
    padding: 28px 10px 20px 52px;
    /*padding: 24px 10px;*/
    cursor: pointer;
    line-height: 18px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
}

.function-tab span:hover,
.function-tab.cur span {
    border-bottom: 4px solid #33ccff;
    color: #33ccff;
}

.function-tab span {
    vertical-align: middle;
}

.function-tab1 {
    background: url(../images/function_order.png) no-repeat 10px center;
}

.function-tab2 {
    background: url(../images/function_cangchu.png) no-repeat 10px center;
}

.function-tab3 {
    background: url(../images/function_fengxiao.png) no-repeat 10px center;
}

.function-tab4 {
    background: url(../images/function_xietong.png) no-repeat 10px center;
}

.function-tab1:hover,
.function-tab.cur .function-tab1 {
    background: url(../images/function_order2.png) no-repeat 10px center;
}

.function-tab2:hover,
.function-tab.cur .function-tab2 {
    background: url(../images/function_cangchu2.png) no-repeat 10px center;
}

.function-tab3:hover,
.function-tab.cur .function-tab3 {
    background: url(../images/function_fengxiao2.png) no-repeat 10px center;
}

.function-tab4:hover,
.function-tab.cur .function-tab4 {
    background: url(../images/function_xietong2.png) no-repeat 10px center;
}

.function-contens {
    position: relative;
    height: 480px;
}

.function-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.48s ease-in-out;
    transition: opacity 0.48s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-align: center;
}

.function-content.cur {
    display: block;
    opacity: 1;
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}

.function-process-img {
    vertical-align: middle;
    max-width: 95%;
}

.function-process-txt {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 40px;
    text-align: left;
}

.mfunction {
    background: #1c0970;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
    clear: both;
}

.mfunction-cap {
    background: #1c0970;
    padding: 60px 0 1px;
    text-align: center;
    color: #fff;
    clear: both;
}

.mfunction-cap::after {
    content: " ";
    display: block;
    width: 90%;
    border-top: 1px solid #493a8d;
    overflow: hidden;
    margin: 20px auto 0;
}

.mfunction-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.mfunction-list {
    width: 2960px;
}

.mfunction-item {
    float: left;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 38px;
    text-align: center;
    color: #fff;
}

.mfunction-item-cap {
    margin: 18px 0 30px;
    font-size: 18px;
}

.mfunction-item-cap img {
    vertical-align: middle;
    margin-right: 10px;
}

.mfunction-process {
    display: block;
    margin: 0 auto;
    padding: 0 20px;
}

.mfunction-process img {
    width: 100%;
}

.mfunction-txt {
    text-align: center;
    color: #fff;
    line-height: 1.8em;
    height: 168px;
    padding-top: 20px;
}

.mfunction-nav {
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 0;
}

.mfunction-nav li {
    height: 8px;
    width: 8px;
    border-radius: 4px;
    display: inline-block;
    margin: 0 3px;
    background-color: #CECECE;
    line-height: 0;
    font-size: 0;
    padding: 0;
    opacity: .8;
}

.mfunction-nav li.on {
    background-color: #fff;
    opacity: 1;
}

.function {
    display: block;
}

.mfunction,
.mfunction-cap {
    display: none;
}

@media screen and (max-width: 1200px) {
    .function {
        display: none;
    }
    .mfunction,
    .mfunction-cap {
        display: block;
    }
}

/* 瀵规帴鐗╂祦 */
.express {
    background: #fff url("../images/express_bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 100px;
}

.express-cap {
    padding: 80px 0 0;
    color: #666;
    text-align: center;
}

.express-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
	color: #000;
}

.express-cap-sub {
    font-size: 14px;
    line-height: 28px;
}

/* 鐗堟湰浠嬬粛 */
.version {
    padding-bottom: 50px;
    clear: both;
    color: #797a7a;
}

.version-cap {
    padding: 60px 20px 46px;
    text-align: center;
}

.version-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.version-more {
    border: 1px solid #797a7a;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 24px;
    border-radius: 13px;
    cursor: pointer;
    margin-top: 8px;
}

.version-td {
    width: 33.3%;
    padding: 15px;
}

.version-item {
    width: 32%;
    float: left;
    margin: 18px 0 32px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    text-align: center;
    padding: 40px 20px 0;
    min-height: 316px;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

.version-item:nth-child(2n) {
    margin: 18px 2% 32px;
}

.version-item:hover {
    -webkit-box-shadow: 0 4px 26px 0 rgba(180, 180, 180, 0.8);
    box-shadow: 0 4px 26px 0 rgba(180, 180, 180, 0.8);
}

.version-item img {
    display: block;
    margin: 0 auto;
}

.version-item h3 {
    line-height: 36px;
}

.version-item-about {
    text-align: left;
}

.version-item-about p {
    text-indent: 2em;
    margin: 10px 0;
    line-height: 26px;
}

.version-table {
    width: 100%;
    overflow: hidden;
    table-layout: fixed;
    position: relative;
    border-collapse: collapse;
    -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
}

.version-table th,
.version-table td {
    text-align: center;
    padding: 15px 3px;
    line-height: 20px;
}

.version-table th {
    background: #696969;
    color: #fff;
    font-weight: normal;
}

.version-table tr:nth-child(2n+1) {
    background: #f9f9f9;
}

.version-table td {
    border-right: 1px solid #e1e1e1;
}

.version-img {
    display: none;
    width: 100%;
}

@media screen and (max-width: 740px) {
    .version .wrap {
        padding: 0 20px;
    }
    .version-item:nth-child(2n),
    .version-item {
        width: 100%;
        margin: 0 auto 30px;
        float: none;
    }
    .version-table {
        width: 100%;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        margin: 0 auto;
    }
}

@media screen and (max-width: 640px) {
    .version-table {
        display: none;
    }
    .version-img {
        display: block;
    }
}

/* 浜у搧椤� */
.app {
    background: #f8fcff url("../images/app_bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 100px;
}

.app-cap {
    padding: 80px 0 28px;
    color: #666;
    text-align: center;
}

.app-cap h2 {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
}

.app-pc {
    display: block;
    margin: 0 auto;
}

.app-mobile {
    display: none;
    text-align: center;
    position: relative;
}

.app-mobile img {
    max-width: 100%;
}

.app-mobile-android {
    position: absolute;
    bottom: 34px;
    left: 14%;
    width: 106px;
    height: 35px;
}

.app-mobile-ios {
    position: absolute;
    bottom: 34px;
    right: 14%;
    width: 106px;
    height: 35px;
}

@media screen and (max-width: 960px) {
    .app {
        background: #f8fcff;
    }
    .app-pc {
        display: none;
    }
    .app-mobile {
        display: block;
    }
}

/* 鏈嶅姟椤� */
.service-app {
    overflow: hidden;
}

.service-guarantee {
    width: 100%;
    height: 160px;
    font-size: 23px;
    color: #000;
    background: white;
    text-align: center;
    padding-top: 80px;
}

.service-guarantee-cards {
    margin: auto;
    text-align: center;
    padding-bottom: 60px;
}

.service-guarantee-card-out {
    vertical-align: top;
    display: inline-block;
    padding: 15px;
    padding-top: 10px;
    height: 500px;
    width: 100%;
    max-width: 380px;
}

.service-guarantee-card {
    text-align: center;
    height: 470px;
    width: 100%;
    max-width: 380px;
    -webkit-transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
}

.service-guarantee-card:hover {
    margin-top: -10px;
    -webkit-box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
    box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
}

.service-guarantee-card-img {
    width: 100%;
    height: 290px;
}

.service-guarantee-card-title {
    color: #006fff;
}

.service-institute {
    position: relative;
    max-width: 1200px;
    margin: 20px auto;
}

.service-institute-search {
    background: #00a0e9;
    background: #00a0e9;
    position: absolute;
    top: 60%;
    right: 12%;
    width: 55%;
    height: 46px;
    border-radius: 6px;
    overflow: hidden;
}

.service-institute-search-key {
    border: none;
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 38px;
    background: #fff;
}

.service-institute #instituteKey {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    line-height: 38px;
    text-align: center;
}

.service-institute #instituteSub {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGMUE0QTIwN0JBQTExRTlBMDA3ODY4ODg0NEU1QjRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGMUE0QTIxN0JBQTExRTlBMDA3ODY4ODg0NEU1QjRGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUYxQTRBMUU3QkFBMTFFOUEwMDc4Njg4ODQ0RTVCNEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUYxQTRBMUY3QkFBMTFFOUEwMDc4Njg4ODQ0RTVCNEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tQ+oLAAAAxlBMVEUAoOn////c8vwcquv6/f8QpuoEoekfrOzN7Puw4vj8/v/5/f6D0fQkrezA6PossO2P1fVryPJ/z/QBoOmn3vclruzu+f4OpeqF0vRuyfI1tO51zPMtse2j3fdwyvOu4fggrOzP7fuI0/X3/P4xsu2y4vgor+yM1PXC6Pq65fn4/P4rsO0aqutdw/F0y/O35PkqsO3+//9mxvJUv/C95vkzs+0pr+2p3/jG6vpgxPGB0PTw+f4mruyz4/hTv/D9/v9+z/Q3tO6Lz05oAAABB0lEQVR42oTS53LCMBBGUV1wNy1AKKG30EILvSZ5/5cKIwwuStk/38rHnpU8EuJWr4dBAY670lhE69nmUbN52N5HLHr7tK5vJg0HrRy0Txie7ovkGdqB7yCbC7xbgfpj3ohseMoUreq1NsNcZH82K+8MLE7RzZsaXdkc6CknE3n6MgfsVVxiySyQVrFJRyboKhpQ/Avl0yMbFU1cmTsmKl5oySzRULFGRuYYJxm1N5eXWzfjHMUtKa+ba1TC9oSzvvdlmIbsg4S/aoNtPuZtr1clFve1rqHll03DMC81FycRC2l15V+w1FrEwyq6fasDbisjzxDVaxX9v/yDBupftcTvan19CzAAo20RD/ZHr1AAAAAASUVORK5CYII=") center center no-repeat;
    width: 30px;
    height: 38px;
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
}

.service-progress {
    width: 100%;
    background: url("../images/service_progress_bg.jpg") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding-bottom: 124px;
    height: 880px;
}

.service-progress .service-progress-title {
    text-align: center;
    color: #d4d2da;
    font-size: 28px;
    line-height: 167px;
}

.service-progress .service-progress-content {
    width: 1060px;
    margin: auto;
}

.service-progress .service-progress-content .service-instructions {
    display: inline-block;
    vertical-align: top;
    width: 164px;
    float: left;
    top: 0;
}

.service-progress .service-progress-content .service-instructions .instruction {
    display: table-cell;
    height: 70px;
    width: 164px;
    text-align: center;
    vertical-align: middle;
    background: white;
    border-radius: 10px;
    color: #676767;
    font-size: 17px;
}

.service-progress .service-progress-content .service-instructions .instruction .tip {
    color: #00a8fe;
    font-size: 15px;
}

.service-progress .service-progress-content .service-instructions .arrow {
    display: block;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    height: 18px;
    width: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 13px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.service-progress .service-progress-content .service-progress-mobile {
    display: none;
}

.service-progress .service-progress-content .service-progress-diagram {
    margin-left: 65px;
    display: inline-block;
    vertical-align: top;
    width: 774px;
    float: right;
}

.service-branch {
    height: 890px;
    width: 100%;
    background: url("../images/branch_bg.png") no-repeat #f8fdff;
    background-size: 100% 100%;
}

.service-branch .title {
    text-align: center;
    color: #676767;
    font-size: 28px;
    line-height: 167px;
}

.service-branch .content {
    display: table;
    text-align: center;
    width: 100%;
}

.service-branch .content .map {
    display: inline-block;
    vertical-align: middle;
    width: 690px;
    margin-left: -120px;
}

.service-branch .content .detail {
    display: inline-block;
    vertical-align: middle;
    margin-left: 120px;
}

.service-branch .content .detail .item {
    color: #676767;
    margin-bottom: 33px;
    margin-top: 33px;
    text-align: left;
}

.service-branch .content .detail .item .count {
    color: #00a8fe;
    line-height: 40px;
    padding-bottom: 3px;
    font-size: 24px;
    border-bottom: 2px solid #00a8fe;
}

@media screen and (max-width: 640px) {
    .banner-service {
        background: url(../images/mbanner_service.jpg) no-repeat;
        background-size: 100% 100%;
        height: auto;
    }
    .banner-service-image {
        display: block;
    }
    .banner-service-title {
        display: none;
    }
    .banner-service-content {
        display: none;
    }
}

@media screen and (max-width: 1060px) {
    .service-progress {
        height: auto;
        background: #1c1a67;
    }
    .service-progress .service-progress-content {
        width: 100%;
    }
    .service-progress .service-progress-content .service-instructions {
        display: none;
    }
    .service-progress .service-progress-content .service-progress-mobile {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        margin-top: 30px;
    }
    .service-progress .service-progress-content .service-progress-diagram {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .service-branch {
        height: auto;
        width: 100%;
        background: #ecf7fd;
    }
    .service-branch .content {
        display: table;
        text-align: center;
        width: 100%;
    }
    .service-branch .content .map {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .service-branch .content .detail {
        display: block;
        font-size: 0;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .service-branch .content .detail .item {
        width: 33%;
        font-size: 14px;
        text-align: left;
        display: inline-block;
        color: #676767;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
    .service-branch .content .detail .item .count {
        line-height: 38px;
        font-size: 22px;
    }
}

.service-branch .map {
    position: relative;
}

.service-branch .map img {
    width: 100%;
}

/* 鏂伴椈椤� */
.news-item {
    min-height: 182px;
    padding: 10px;
    padding-left: 320px;
    padding-right: 60px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    margin: 30px 0;
}

.news-img {
    width: 280px;
    height: 160px;
    margin-left: -310px;
    float: left;
}

.news-title {
    display: block;
    font-size: 16px;
    margin-top: 26px;
    color: #666;
}

.news-date {
    display: block;
    text-align: right;
    color: #b5b4b4;
}

.news-brief {
    color: #b5b4b4;
    line-height: 24px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 90px;
	
}

.news-list .news-body {
    padding-right: 270px;
}

.news-list .title {
    text-align: center;
}

.news-list .content {
    -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    margin: 30px 0;
    padding: 52px;
}

.news-side {
    width: 240px;
    margin-right: -270px;
    float: right;
}

.news-side-item {
    display: block;
    margin-bottom: 10px;
}

.news-side-item img {
    width: 100%;
}

.news-side-item span {
    text-align: center;
    line-height: 20px;
    display: block;
    height: 32px;
    padding: 6px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content .title h2 {
    color: #006fff;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
}

.contentBox {
    margin-top: 30px;
}

.contentBox p {
    margin: 10px 0;
    line-height: 1.8;
}

@media screen and (max-width: 640px) {
    .news-item {
        padding: 10px;
        padding-bottom: 20px;
    }
    .news-img {
        width: 100%;
        height: auto;
        margin-left: 0;
        float: unset;
    }
    .news-list .news-body {
        padding-right: 0;
    }
    .news-side {
        display: none;
    }
	.content .title h2{
		font-size: 18px;
	}
}

@media screen and (max-width: 720px) {
    .pgs {
        display: none;
    }
    .news-list .content {
        padding: 52px 20px;
    }
}

/* 鍚堜綔浼欎即椤� */
.partner-contact {
    width: 100%;
    margin: 80px auto;
}

.partner-contact-box {
    padding-left: 480px;
    height: 300px;
    background: #00a7ff;
    font-size: 0px;
}

.partner-contact-photo {
    margin-left: -480px;
    width: 480px;
    vertical-align: top;
}

.partner-contact-cell {
    vertical-align: top;
    font-size: 14px;
    width: 50%;
    padding-left: 10%;
    display: inline-block;
    color: #fff;
    line-height: 24px;
    padding-top: 10px;
}

.partner-contact-cell h3 {
    font-size: 20px;
    margin-top: 30px;
    line-height: 36px;
}

.partner-contact-cell h3 img {
    vertical-align: top;
}

@media screen and (max-width: 1000px) {
    .partner-contact-box {
        padding-left: 0;
        height: auto;
    }
    .partner-contact-photo {
        margin-left: 0;
        width: 100%;
    }
    .partner-contact-cell {
        min-height: 300px;
    }
    .partner-contact-cell h3 {
        margin-top: 10px;
    }
}

.partner-deep {
    background: #3b38dc url("../images/partner_deep_bg.jpg") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding-bottom: 114px;
}

.partner-deep-list {
    font-size: 0;
}

.partner-deep-item {
    display: inline-block;
    width: 25%;
    border: 14px solid transparent;
    text-align: center;
    vertical-align: top;
}

.partner-deep-block {
    background: #fff;
    position: relative;
    padding-top: 238px;
    min-height: 378px;
}

.partner-deep-photo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.partner-deep-logo {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 8;
}

.partner-deep-txt {
    font-size: 16px;
    line-height: 24px;
    margin-top: 6px;
}

.partner-deep-detail {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #00a7ff;
    z-index: 9;
    color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    cursor: default;
}

.partner-deep-detail:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 5%;
    vertical-align: middle;
}

.partner-deep-detail p {
    display: inline-block;
    width: 90%;
    vertical-align: middle;
    font-size: 14px;
    text-align: left;
}

.partner-deep-detail:hover {
    filter: alpha(opacity=94);
    opacity: 0.94;
}

.partner-body {
    background: #f8f8f8;
    padding-bottom: 80px;
}

.partner-body-list {
    font-size: 0;
    text-align: center;
    margin-top: 30px;
}

.partner-body-list img {
    margin: 14px 7px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
}

.partner-body-list img:hover {
    -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
}

.partner-warehouse {
    background: url(../images/warehouse_bg.jpg) no-repeat #2a5aa4;
    background-size: 100% 100%;
    color: #fff;
    padding-bottom: 80px;
}

.partner-warehouse-list {
    font-size: 0;
    text-align: center;
    margin-top: 30px;
}

.partner-warehouse-list img {
    margin: 14px 7px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45);
}

.partner-warehouse-list img:hover {
    -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45);
}

@media screen and (max-width: 960px) {
    .partner-deep-item {
        width: 50%;
    }
    .partner-deep {
        background: #5b48e0;
    }
}

@media screen and (max-width: 640px) {
	.news-brief{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		white-space: normal;
		padding-right: 0;
		word-break: break-all;
	}
    .partner-deep-item {
        width: 100%;
    }
    .partner-body-list {
        text-align: left;
    }
    .partner-body-list img {
        width: 32%;
        margin: 3% 0 0;
    }
    .partner-body-list img:nth-child(3n+2) {
        margin-left: 2%;
        margin-right: 2%;
    }
    .partner-warehouse-list {
        text-align: left;
    }
    .partner-warehouse-list img {
        width: 32%;
        margin: 3% 0 0;
    }
    .partner-warehouse-list img:nth-child(3n+2) {
        margin-left: 2%;
        margin-right: 2%;
    }
}

/* 妗堜緥椤� */
.case-show-item {
    -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    padding: 30px 3.5%;
    font-size: 0;
    margin-bottom: 48px;
    margin-top: 24px;
	background-color: #fff;
}

.case-show-photo,
.case-show-photo-m {
    display: inline-block;
    width: 50%;
    padding: 0px 4%;
    vertical-align: middle;
}

.case-show-photo-m {
    display: none;
}

.case-show-detail {
    display: inline-block;
    width: 50%;
    padding: 0px 4%;
    font-size: 14px;
    vertical-align: middle;
}

.case-show-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
}

.case-show-txt {
    line-height: 24px;
}

.case-show-photo {
    display: inline-block;
    width: 50%;
    padding: 0px 4%;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .case-show-photo {
        display: none;
    }
    .case-show-photo-m {
        width: 98%;
        display: block;
        margin: 0 auto;
    }
    .case-show-detail {
        width: 98%;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }
}

.case-group-name {
    margin-top: 32px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
}

.case-group-name img {
    margin-right: 5px;
    vertical-align: middle;
}

.case-group-name span {
    vertical-align: middle;
}

.case-classic-list {
    font-size: 0;
    text-align: center;
}

.case-classic-list img {
    margin: 14px 7px;
	width: 135px;
	height: 46px;
	max-width: 135px;
	max-height: 46px;
}

@media screen and (max-width: 768px) {
	.pgs li{
		overflow: hidden;
		display: inline-block;
	}
	/* .case-show{
		margin-bottom: ;
	} */
	.block.case-show{
		padding-bottom: 0;
	}
	.block.case-classic{
		padding-top: 20px;
	}
	.logo-list span{
		width: 100%!important;
		box-sizing: border-box;
		margin-left: 0!important;
		margin-right: 0!important;
	}
    .case-classic-list {
        font-size: 0;
        text-align: left;
    }
    .case-classic-list img {
        width: 32%;
        margin: 3% 0 0;
		height: auto;
    }
    .case-classic-list img:nth-child(3n+2) {
        margin-left: 2%;
        margin-right: 2%;
    }
}

.case-toList {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .case-toList {
        display: none;
    }
}

/* 鍏充簬鎴戜滑 */
.about-jst {
    /* background:#00a7ff; */
    padding-top: 80px;
    padding-bottom: 80px;
}

.about-jst-box {
    position: relative;
}

.about-jst-photo {
    width: 60%;
    display: block;
}

.about-jst-txt {
    position: absolute;
    right: 0;
    top: 0;
    background: #006fff;
    width: 40%;
    height: 100%;
    font-size: 12px;
}

.about-jst-txt:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 5%;
    vertical-align: middle;
}

.about-jst-content {
    display: inline-block;
    width: 90%;
    vertical-align: middle;
    color: #fff;
}

.about-jst-content h2 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
    font-weight: normal;
}

.about-jst-content p {
    line-height: 22px;
    text-indent: 2em;
    margin-bottom: 5px;
}

@media screen and (max-width: 1020px) {
    .about-jst-photo {
        width: 100%;
		height: auto!important;
    }
    .about-jst-txt {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        padding: 30px 0;
    }
}

.about-history {
    background: url(../images/about_history_bg.jpg) no-repeat #4064a1;
    background-size: 100% 100%;
    color: #666;
    padding-bottom: 80px;
}

.about-history-list {
    position: relative;
    margin-top: 38px;
}

.about-history-list:before {
    content: "";
    left: 50%;
    top: 0;
    height: 100%;
    position: absolute;
    width: 1px;
    background: #00a7ff;
}

.about-history-item {
    font-size: 0;
    margin: 10px 0;
}

.about-history-photo {
    display: inline-block;
    width: 40%;
    text-align: right;
    vertical-align: middle;
}

.about-history-point {
    display: inline-block;
    width: 20%;
    height: 40px;
    vertical-align: middle;
    padding-left: 1px;
}

.about-history-point span {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    background: #c4deff;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.about-history-point span:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 22px;
    width: 22px;
    border-radius: 11px;
    margin-left: -11px;
    margin-top: -11px;
    background: #00ccff;
}

.about-history-point span:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    margin-left: -6px;
    margin-top: -6px;
    background: #006fff;
}

.about-history-detail {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: 12px;
    background: #fff;
    padding-bottom: 20px;
    cursor: default;
    position: relative;
}

.about-history-detail::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -20px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.about-history-detail dl {
    position: relative;
}

.about-history-detail dt {
    font-size: 20px;
    color: #fff;
    background: #56ddf1;
    height: 50px;
    line-height: 50px;
    padding-left: 22px;
    margin-bottom: 10px;
}

.about-history-detail dd {
    color: #666;
    line-height: 38px;
    padding-left: 24px;
}

.about-history-detail img {
    display: none;
    padding-left: 24px;
    max-width: 90%;
}

.about-history-mobile {
    display: none;
}

.about-history-item:nth-child(2n) .about-history-detail dt {
    text-align: right;
    padding-right: 22px;
}

.about-history-item:nth-child(2n) .about-history-detail dd {
    padding-right: 24px;
    text-align: right;
}

.about-history-item:nth-child(2n) .about-history-detail::before {
    right: -20px;
    left: auto;
}

.about-history-item:nth-child(2n) .about-history-photo {
    text-align: left;
}

.about-history-item:nth-of-type(1) dt {
    /* background: #56ddf1; */
	background: #006fff;
}

.about-history-item:nth-of-type(2) dt {
    background: #006fff;
}

.about-history-item:nth-of-type(3) dt {
    background: #006fff;
}

.about-history-item:nth-of-type(4) dt {
    background: #006fff;
}

.about-history-item:nth-of-type(5) dt {
    background: #006fff;
}
/* .case-case-classic-list img{
	
} */
@media screen and (max-width: 768px) {
	.block-cap h2{
		/* color: #fff; */
	}
    .about-history {
        background: #f6f6f6;
    }
    .about-history-photo {
        display: none;
    }
    .about-history-list:before {
        left: 5%;
    }
    .about-history-point {
        margin-left: -5%;
        margin-right: 3%;
    }
    .about-history-detail::before {
        left: -12px;
    }
    .about-history-item:nth-child(2n) .about-history-detail::before {
        right: auto;
        left: -12px;
    }
    .about-history-detail {
        width: 82%;
    }
    .about-history-detail img {
        display: block;
    }
    .about-history-item:nth-child(2n) .about-history-detail dt {
        text-align: left;
    }
    .about-history-item:nth-child(2n) .about-history-detail dd {
        text-align: left;
    }
}

.about-prizes {
    background: url(../images/about_prizes_bg.jpg) no-repeat #4064a1;
    background-size: 100% 100%;
    color: #fff;
    padding-bottom: 80px;
}

.about-prizes-box {
    font-size: 0;
    padding-top: 50px;
}

.about-prizes-year {
    display: inline-block;
    vertical-align: middle;
    width: 16%;
    font-size: 26px;
    padding-right: 20px;
}

.about-prizes-year span {
    display: block;
	color: #000;
    border-bottom: 1px solid #000;
    cursor: pointer;
    line-height: 86px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.about-prizes-year span.cur {
    color: #006fff;
}

.about-prizes-show {
    display: inline-block;
    vertical-align: middle;
    width: 84%;
    position: relative;
    min-height: 360px;
    margin-top: 10px;
}

.about-prizes-list {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    z-index: 2;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    overflow: hidden;
}

.about-prizes-list.cur {
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;
    z-index: 3;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.about-prizes-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    vertical-align: top;
}

/* .about-prizes-list:nth-child(1) .about-prizes-item {
    width: 33.3%;
} */

.about-prizes-list:nth-child(3) .about-prizes-item {
   /* width: 14.2%; */
}

.about-prizes-item p {
    font-size: 14px;
    line-height: 22px;
	color: #000;
}

.about-prizes-ctrl {
    text-align: center;
}

.about-prizes-ctrl span {
    display: inline-block;
    background: #000;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    margin-right: 6px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.about-prizes-ctrl span.cur {
    background: #0099ff;
    width: 26px;
}
.order{
	margin-bottom: 120px;
}
.order .content{
	width: 1200px;
	margin: 0 auto;
	line-height: 1;
}
.order .content-head{
	height: 90px;
	background-color: #146ee4;
	text-align: center;
	padding-top: 22px;
	box-sizing: border-box;
}
.order .content-head span{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.order .content-head .title{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	/* margin-bottom: 8px; */
}
.order .content-head  .sub-title{
	font-size: 14px;
	color: #fff;
}
.order .content-center:after{
	content: "";
	width: 0;
	display: block;
	clear: both;
}
.order .content-center{
	padding-top: 23px;
	box-shadow: 0px 0px 27px 0px rgba(52, 52, 52, 0.09);
}
.order .content-center>div{
	float: left;
}
.order  .content-center .left{
	padding-left: 40px;
	padding-bottom: 21px;
}
.order .content-center .right{
	float: right;
	padding-top: 36px;
	padding-left: 52px;
	box-sizing: border-box;
}
.block.case-show{
	background-color: #F6F6F6;
}
.order:nth-child(even) .content-center .right{
	float: left;
}
.order:nth-child(even) .content-center .left{
	float: right;
	padding-left: 0;
	padding-right: 40px;
}
.order .text-title{
	font-size: 22px;
	color: #006fff;
	margin-bottom: 22px;
}
.order .text-description{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	padding-right: 55px;
	/* margin-bottom: 20px; */
	/* line-height: 1.5; */
}
.order li{
	position: relative;
	padding-bottom: 30px;
	width: 482px;
	padding-top: 49px;
	
}
.order li:first-child{
	padding-top: 0;
}
.order li:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #7fc2f8 0%, #7fc2f8 83%, transparent 17%);
    background-size: 12px 1px;
    background-repeat: repeat-x;
	
}
.order li:last-child:before{
	display: none;
}
@media screen and (max-width: 640px) {
	.order .text-description{
		padding-right: 0;
	}
	.player-cap{
		padding-top: 35px;
	}
	.about-addr-item{
		padding-top: 20px!important;
		padding-bottom: 20px;
	}
	.about-prizes {
	
	  background: #006fff;
	  padding-bottom: 0!important;
	
	}
	.kuajing_main1 ul li div{
		width: 168px!important;
	}
    .kuajing_main1 ul li:hover{
        transform: scale(1.03);
    }
	.about-prizes-year {
	
	  display: block;
	
	  text-align: center;
	
	  width: 100%;
	
	}
	
	.about-prizes-show {
	
	  width: 100%;
	
	  min-height: 720px;
	
	}
	
	.about-prizes-year span {
	
	  cursor: default;
	
	  display: none;
	
	  width: 148px;
	
	}
	
	.about-prizes-year span.cur {
	
	  display: inline-block;
	
	  color: #00a7ff;
	
	}
	
	.about-prizes-list.about-prizes-list:nth-child(n) .about-prizes-item {
	
	  width: 50%;
	
	}
	
	.about-prizes-item:nth-child(n+5) {
	
	  display: none;
	
	}
	
	.order .content {
			width: 100%;
		}
		.order .content-center .left img{
			width: 100%!important;
			height: auto!important;
		}
		.order li{
			width: 100%;
		}
		.order .content-center .right{
			float: left;
			width: 100%;
			box-sizing: border-box;
		/* 	padding-top: 20px;
			padding-left: 10px; */
			padding:  20px 30px 0;
		}
		.order .content-center .left{
			padding-left: 0;
			
		}
		.order:nth-child(even) .content-center .left{
			padding-right: 0;
		}
		.order{
			margin-bottom: 40px;
		}
    .about-prizes {
        background: #fff;
    }
    .about-prizes-year {
        display: block;
        text-align: center;
        width: 100%;
    }
    .about-prizes-show {
        width: 100%;
        min-height: 670px;
    }
	.advantages2{
		margin-top: -5px;
	}
	.about-prizes .container{
		padding-bottom: 30px;
	}
    .about-prizes-year span {
        cursor: default;
        display: none;
        width: 148px;
    }
    .about-prizes-year span.cur {
        display: inline-block;
        color: #00a7ff;
    }
    .about-prizes-list.about-prizes-list:nth-child(n) .about-prizes-item {
        width: 50%;
    }
    .about-prizes-item:nth-child(n+5) {
        display: none;
    }
    .about-history-mobile {
        display: block;
    }
    .about-history-pc {
        display: none;
    }
}

.about-contact {
    background: url(../images/about-contact_bg.png) no-repeat #f8fdff;
    background-size: 100% 100%;
    color: #666;
}

.about-contact-map {
    text-align: center;
    margin-top: 30px;
}

.about-contact-map-img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.about-contact-map-img img {
    max-width: 100%;
}

.about-contact-map-txt {
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    background: #fff;
    padding: 28px 30px;
    line-height: 24px;
    font-size: 14px;
    text-align: left;
    margin-left: 18px;
    -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
}

.about-contact-phone {
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin-top: 10px;
}

.about-contact-phone dl {
    padding-left: 36px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 16px;
}

.about-contact-phone dd {
    color: #006fff;
}

.about-contact-phone dl:nth-child(1) {
    background: url(about/鍜ㄨ.png) no-repeat left top;
}

.about-contact-phone dl:nth-child(2) {
    background: url(about/鍞悗.png) no-repeat left top;
}

@media screen and (max-width: 1020px) {
    .about-contact {
        background: #ecf7fd;
    }
    .about-contact-map-txt {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}

.about-addr {
    font-size: 0px;
}

.about-addr-block {
    display: inline-block;
    width: 33.3%;
    height: 396px;
    vertical-align: top;
    font-size: 12px;
    padding-left: 20px;
}

.about-addr-block:nth-child(3n+1) {
    padding-left: 0px;
}

.about-addr-block:nth-child(n+4) {
    height: auto;
}

.about-addr-map {
    padding-bottom: 126px;
    position: relative;
}

.about-addr-head {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    height: 126px;
    background: #006fff;
    font-size: 0;
}

.about-addr-head:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 3%;
    vertical-align: middle;
}

.about-addr-head p {
    display: inline-block;
    width: 94%;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    vertical-align: middle;
}

.about-addr-item {
    position: relative;
    background: #fff;
    height: 120px;
    line-height: 22px;
    padding-top: 0;
    padding-left: 26px;
    -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07);
    margin-bottom: 12px;
}
.about-addr-item{
		height: auto;
	}
	.about-addr-block{
		height: auto;
	}
.about-addr-item p {
    vertical-align: middle;
    display: inline-block;
    margin-right: 80px;
    font-size: 12px;
}

.about-addr-item a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    text-align: center;
    padding-top: 32px;
    font-size: 12px;
}

.about-addr {
    margin-top: 30px;
}

@media screen and (max-width: 960px) {
    .about-addr-block {
        width: 100%;
        padding-left: 0;
    }
}

/* 鎺ㄨ崘鏂伴椈 */
.rcmd {
    background: url(../images/rcmd_bg.png) no-repeat #f3fbfe;
    padding-bottom: 88px;
	background-size: cover;
}

a.rcmd-item {
    width: 16.66%;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}
a.rcmd-item:hover{
    -ms-transform:scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari */
    transform: scale(1.03); /* 标准语法 */
}
.rcmd-item img {
    width: 100%;
}

.rcmd-info {
    background: #fff;
    padding: 20px;
    line-height: 20px;
}

.rcmd-item-title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 38px;
}
a.rcmd-item:hover .rcmd-item-title{
    font-size: 17px;
    color: #0d0017;
    font-family: 微软雅黑;
    font-weight: bold;
}
.rcmd-item-time {
    color: #bbb;
    font-size: 14px;
    text-align: right;
    line-height: 32px;
}

.rcmd-item-brief {
    color: #959595;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 60px;
}
a.rcmd-item:hover .rcmd-item-brief{
    color: #051933;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 60px;
}
.rcmd-prev, .rcmd-next {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    top: 15%;
    width: 34px;
    height: 100px;
    cursor: pointer;
    -webkit-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
    display: none;
}

.rcmd-prev:hover, .rcmd-next:hover {
    background: rgba(255, 255, 255, 0.8);
}

.rcmd-prev {
    left: 0;
}

.rcmd-next {
    right: 0;
}

.rcmd-prev::before, .rcmd-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    margin-left: -4px;
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

.rcmd-next::before {
    border-width: 2px 2px 0 0;
    margin-left: -9px;
}

.rcmd-prev:hover::before, .rcmd-next:hover::before {
    border-color: #00a7ff;
}

.rcmd-box {
    position: relative;
    min-height: 390px;
    margin-top: 50px;
}
.rcmd-box::after {
    content: "";
    position: absolute;
    right: -15px;
    width: 16px;
    height: 100%;
    background: transparent;
}

.rcmd-boxFix1 {
    position: absolute;
    right: -15px;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.rcmd-boxFix2 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 200%;
    font-size: 0;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
    .rcmd {
        background: #f6f6f6;
    }
    .rcmd-box, .rcmd-boxFix1, .rcmd-boxFix2 {
        position: static;
        width: 100%;
    }
    .rcmd-boxFix2 {
        position: static;
    }
    .rcmd-box::after {
        display: none;
    }
    a.rcmd-item {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 40px;
    }
}

/* 鑳滅畻 */
.shengsuan-idea h2 {
    color: #00a7ff;
}

.shengsuan-idea-list {
    font-size: 0;
    padding: 30px 10px;
}

.shengsuan-idea-item {
    display: inline-block;
    width: 33.3%;
    text-align: center;
    padding: 20px 0;
}

.shengsuan-idea-item h3 {
    font-size: 18px;
    color: #00a7ff;
    line-height: 30px;
    margin-top: 5px;
}

.shengsuan-idea-item p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

@media screen and (max-width: 640px) {
    .shengsuan-idea-item {
        width: 100%;
    }
}

.shengsuan-operating {
    background: #e2ebff url("../images/bg.png") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 50px;
}

.shengsuan-operating-list {
    font-size: 0;
    padding: 30px 0;
}

.shengsuan-operating-item {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    padding: 0 15px;
    margin: 20px 0;
}

.shengsuan-operating-box {
    background: #fff;
    font-size: 14px;
    text-align: center;
}

.shengsuan-operating-item-cap {
    height: 122px;
    background: #00a7ff;
    padding: 0 5% 0 8%;
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: left;
}

.shengsuan-operating-item-cap-img {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
}

.shengsuan-operating-item-cap-txt {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.shengsuan-operating-item-cap h3 {
    font-size: 18px;
    font-weight: normal;
}

.shengsuan-operating-item-txt {
    margin-top: 20px;
    height: 84px;
    line-height: 28px;
    font-size: 16px;
}

.shengsuan-operating-item img {
    max-width: 100%;
}

.shengsuan-operating-item ul {
    display: inline-block;
    text-align: left;
    height: 104px;
    margin-top: 10px;
}

.shengsuan-operating-item li {
    line-height: 26px;
}

.shengsuan-operating-item li::before {
    content: "鈼�";
    margin-right: 5px;
    color: #00a7ff;
    font-size: 16px;
}

@media screen and (max-width: 860px) {
    .shengsuan-operating-item {
        width: 100%;
    }
}

.shengsuan-caiwu {
    background: #e2ebff url("./images/bg2.png") no-repeat;
}

.shengsuan-caiwu .shengsuan-operating-item-cap {
    background: #f3b92d;
}

.shengsuan-operating-item li::before {
    color: #f3b92d;
}

.shengsuan-jingyuingzhe {
    background: #f8fdff;
}

.shengsuan-jingyuingzhe-box {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 50px 0;
}

.shengsuan-jingyuingzhe-left {
    width: 64%;
    -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45);
    position: relative;
    background: #fff;
    display: table-cell;
    padding-top: 40px;
}

.shengsuan-jingyuingzhe-left:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    margin-right: -12px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45);
}

.shengsuan-jingyuingzhe-left:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    margin-top: -34px;
    width: 66px;
    height: 66px;
    background: #fff;
}

.shengsuan-jingyuingzhe-middle {
    display: table-cell;
    width: 30px;
}

.shengsuan-jingyuingzhe-right {
    display: table-cell;
    -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45);
    box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45);
    vertical-align: middle;
    background: #fff url("./images/jingyuingzhe_zixun.png") no-repeat center center;
    height: 330px;
    cursor: pointer;
}

.shengsuan-jingyuingzhe-item {
    float: left;
    width: 50%;
    text-align: center;
}

.shengsuan-jingyuingzhe-item dl {
    min-height: 148px;
}

.shengsuan-jingyuingzhe-item dt {
    color: #009ef1;
    font-size: 16px;
    line-height: 36px;
}

.shengsuan-jingyuingzhe-item dd {
    line-height: 28px;
}

@media screen and (max-width: 860px) {
    .shengsuan-jingyuingzhe-right, .shengsuan-jingyuingzhe-middle {
        display: none;
    }
    .shengsuan-jingyuingzhe-left:before {
        display: none;
    }
    .shengsuan-jingyuingzhe-left:after {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .shengsuan-jingyuingzhe-item {
        width: 100%;
    }
	.m-banner-partner .mbanner-bg{
		/* height: 326px; */
	}
	.m-banner-partner{
		position: relative;
		color: #fff;
	}
	.m-banner-partner .banner-txt{
		padding-top: 66px;
		position: absolute;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
		/* padding-top: 0; */
		margin-left: 0;
		text-align: center;
	}
	.m-banner-partner .banner-txt-1{
		font-size: 22px;
		text-align: center;
		margin-bottom: 10px;
		line-height: 1;
	}
	.m-banner-partner .banner-txt-2{
		line-height: 1;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.m-banner-partner .submit{
		margin-top: 20px;
		display: block;
	}
	.m-banner-partner .submit a{
		padding: 10px 20px;
		border-radius: 10px;
		color: #fff;
		background-color: #006fff;
		font-size: 18px;
	}
}
/*# sourceMappingURL=style.css.map */
.kuajing_main4 .parterDepth .parterText .intro:hover{
    color: #0C0C0C;
    font-weight: bold;
}