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

em {
    font-style: normal
}

h2 {
    margin-bottom: 10px;
    margin-top: 0
}

body, html {
    width: 100%;
    height: 100%
}

body {
    background-size: 100%;
    overflow: auto;
    overflow-x: hidden;
    color: #3c3c3c;
    font-family: PingFangSC, Helvetica, "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", sans-serif;
    position: absolute !important;
}

ul > li {
    list-style: none
}

a {
    text-decoration: none;
    color: #000
}

.clearfix:after {
    content: '';
    display: table;
    width: 100%;
    clear: both
}

.cleardiv {
    display: block;
    width: 100%;
    clear: both
}

.FloatLeft {
    float: left
}

.left {
    float: left
}

.shouye {
    float: left
}

.right {
    float: right
}

.FloatRight {
    float: right
}

.table-row {
    display: table;
    width: 100%
}

.table-col {
    display: table-cell;
    vertical-align: middle
}

.a-center {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.a-middle {
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.absolute-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 255
}

.a-center-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.a-center-middle-2 {
    position: absolute;
    top: 50%;
    left: 50%
}

h2 {
    font-size: 26px
}

@media \0screen\,screen\9 {
    .sxxy_none {
        display: none !important
    }
}

#header .header_pos {
    height: 80px;
    width: 1200px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

#header {
    width: 100%;
    position: fixed;
    z-index: 99;
    background: #fff
}

#header nav {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.logo-img {
    margin-top: 20px
}

.logo-main:hover {
    text-decoration: none;
    color: #000
}

.logo-main h2 {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 10px
}

#nav ul {
    height: 100%;
    margin-bottom: 0
}

#nav ul > li.join:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 15px;
    display: block;
    width: 32px;
    height: 30px;
    background: url(../images/hot.gif) no-repeat
}

#nav ul > .left:hover {
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #2fbd71;
    border-radius: 20px
}

#nav ul .li_active:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 49%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 15px solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 23px solid #e7f1f0;
    z-index: 1000
}

#wrapper {
    padding-top: 80px;
    position: relative;
    z-index: 90
}

#banner-wrapper {
    width: 100%;
    margin-bottom: 20px
}

#banner-wrapper img {
    width: 100%
}

#banner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    overflow: hidden
}

#banner img {
    width: 100%
}

#banner .title1, #banner .title2, #banner .title3 {
    position: absolute;
    right: 20px;
    color: #fff;
    margin: 0
}

#banner .title1 {
    color: #fefffd
}

#banner .title2, #banner .title3 {
    font-weight: 400;
    color: #f6f7f5
}

#banner .title1 {
    top: 4%;
    font-size: 25px;
    right: 36%;
    letter-spacing: 4px
}

#banner .title1 em {
    color: #fbee7c;
    font-size: 35px
}

#banner .title2 {
    top: 210px
}

#banner .title3 {
    top: 15%;
    font-size: 22px;
    left: 0;
    text-align: center
}

#banner .title4 {
    position: absolute;
    color: #fff;
    top: 70%;
    left: 8%
}

.bannerTxt {
    position: absolute;
    left: 33%;
    top: 25%;
    width: 47% !important
}

.bannerTxtNone {
    position: absolute;
    left: 47%;
    top: 32%;
    width: 30%;
    height: 35%;
    color: #fff;
    text-align: center;
    color: transparent
}

@media \0screen\,screen\9 {
    .bannerTxt {
        display: none
    }
}

.close {
    position: absolute;
    top: 10px;
    right: 10px
}

.btn {
    position: absolute;
    width: 13.5%;
    height: 10%;
    line-height: 100%;
    background-color: #f7bb03;
    font-family: "Microsoft YaHei";
    color: #fff;
    top: 62%;
    right: 31.3%;
    font-size: 1.5em;
    z-index: 4
}

@media (max-width: 1199px) {
    .btn {
        line-height: 100%;
        font-size: 16px
    }
}

.btn:hover {
    background: #eb9e12;
    color: #fff
}

.video-begin {
    position: absolute;
    z-index: 99;
    width: 25%;
    height: 42%;
    top: 22%;
    left: 20%;
    background: rgba(0, 0, 0, 0)
}

.video-begin img {
    width: 100%;
    height: 100%
}

.video-begin:hover {
    cursor: pointer
}

video {
    position: relative;
    z-index: 10000000
}

.index-title {
    text-align: center
}

.index-title h3 {
    font-size: 32px;
    letter-spacing: 4px;
    padding-top: 25px;
    padding-bottom: 10px
}

.index-title h1 {
    font-size: 17px;
    min-height: 74px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #6e6e6e;
    padding-bottom: 20px
}

#main .hot:after {
    content: '';
    position: absolute;
    right: 25px;
    top: 15px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/hot.png) no-repeat
}

#main {
    width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative
}

#main .titlebar {
    background-color: #efefef;
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 20px
}

#main .title-container {
    text-align: center;
    position: absolute;
    top: -56px;
    left: 31%;
    font-size: 45px
}

.title-container .title {
    font-size: 50%;
    color: #5a6b7b;
    font-weight: 600;
    letter-spacing: 3px
}

#tab-title {
    display: table;
    width: 100%;
    height: 215px
}

#tab-title .title-item {
    width: 100%;
    height: 215px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: all .5s
}

.title-item.user-order {
    background: url(../images/tab-title1.1.svg) no-repeat 50px 4px;
    background-size: 120px
}

.title-item.deal {
    background: url(../images/tab-title2.2.svg) no-repeat 50px 4px;
    background-size: 120px
}

.title-item.sorting {
    background: url(../images/tab-title3.3.svg) no-repeat 50px 4px;
    background-size: 120px
}

.title-item.inventory {
    background: url(../images/tab-title4.4.svg) no-repeat 50px 4px;
    background-size: 120px
}

.title-item.finace {
    background: url(../images/tab-title5.5.svg) no-repeat 50px 4px;
    background-size: 120px
}

.title-item.active {
    background: url(../images/tab-title1.svg) no-repeat 50px 4px;
    background-size: 120px;
    color: #2fbd73 !important
}

.title-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 100;
    height: 3px;
    width: 100%;
    background: #2fbd73
}

.deal.active {
    background: url(../images/tab-title2.svg) no-repeat 50px 4px;
    background-size: 120px
}

.sorting.active {
    background: url(../images/tab-title3.svg) no-repeat 50px 4px;
    background-size: 120px
}

.inventory.active {
    background: url(../images/tab-title4.svg) no-repeat 50px 4px;
    background-size: 120px
}

.finace.active {
    background: url(../images/tab-title5.svg) no-repeat 50px 4px;
    background-size: 120px
}

#tab-title img {
    width: 100px
}

#tab-title .title-item > p {
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 6%;
    left: 40px;
    width: 140px;
    font-weight: 700
}

#tab-title .tab-title-a {
    display: block;
    float: left;
    width: 20%;
    position: relative
}

#main #tab-content {
    position: relative;
    border-top: 1px solid #ccc
}

.content-item {
    display: none
}

.content-item .item-message {
    padding: 20px 0 10px 0;
    width: 100%;
    text-align: center;
    min-height: 206px
}

.content-item.active {
    display: inherit;
    width: 1070px;
    height: 676px
}

#tab-content .tab-img {
    width: 1070px;
    height: 470px
}

#tab-content .tab-img img {
    width: 100%;
    margin-bottom: 50px
}

#tab-content .weixin_place {
    position: absolute;
    top: 47%;
    left: 7%
}

#tab-content .weixin_place h2 {
    letter-spacing: 3px;
    color: #00c000;
    margin-bottom: 20px
}

#tab-content .weixin_place h4 {
    margin: 0;
    margin-bottom: 6px;
    color: #898989;
    font-size: 20px;
    letter-spacing: 2px
}

#tab-content .order_place {
    position: absolute;
    top: 46%;
    right: 3%;
    text-align: left
}

#tab-content .order_place h2, #tab-content .weight_place h2 {
    letter-spacing: 3px;
    color: #00c000;
    margin-bottom: 20px
}

#tab-content .order_place h3, #tab-content .weight_place h4 {
    margin: 0;
    margin-bottom: 6px;
    color: #898989;
    font-size: 20px;
    letter-spacing: 2px
}

#tab-content .weight_place {
    position: absolute;
    top: 45%;
    left: 8%
}

#tab-content .commodity_place {
    position: absolute;
    top: 45%;
    left: 3%
}

.commodity_place h2 {
    text-align: center;
    color: #00c000;
    letter-spacing: 3px
}

#tab-content .finance_place {
    position: absolute;
    top: 48%;
    right: 3%
}

.finance_place h2 {
    color: #00c000;
    letter-spacing: 4px
}

#tab-content img {
    width: 100%
}

#tab-content .desc {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    width: 351px
}

#solution-wrapper {
    width: 100%;
    background: #efefef;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-top: 30px
}

#solution {
    width: 1000px;
    margin: 0 auto
}

#solution-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 10px
}

#solution-content {
    font-size: 23px;
    padding: 0 10px
}

#solution .item {
    width: 50%;
    max-height: 180px;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 15px
}

#solution .item img {
    width: 100%
}

#footer-wrapper {
    width: 100%;
    height: 340px;
    background: #536269
}

#footer-wrapper .footer_con {
    width: 1200px;
    height: 275px;
    margin: 0 auto;
    border-bottom: 1px solid grey;
    margin-top: -1px
}

.footer_con_head {
    padding: 0 15px
}

.footer_con_head .movee_tel {
    text-align: center;
    font-size: 50px;
    letter-spacing: 5px;
    color: #fff;
    margin-bottom: 30px;
    padding-top: 30px
}

.movee_tel img {
    vertical-align: bottom
}

.footer_con_head .introduce {
    width: 1100px;
    height: 144px;
    margin: 0 auto
}

.introduce .line {
    width: 100px;
    height: 144px;
    float: left
}

.introduce .forus {
    float: left;
    width: 300px
}

.introduce .liaison {
    float: left;
    width: 300px
}

.introduce .weixin {
    float: left;
    text-align: center;
    width: 300px
}

.introduce h4 {
    display: block;
    color: #fff;
    margin-bottom: 0
}

.introduce h5 {
    color: #fff;
    margin-top: 10px;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 0
}

.weixin img {
    width: 220px
}

#footer-wrapper .footer_bottom {
    width: 100%;
    height: 65px;
    padding: 20px 0;
    text-align: center;
    color: #fff
}

#footer-wrapper .footer_bottom h5 {
    margin: 0
}

.footer_bottom h4 {
    font-size: 17px
}

#footer {
    width: 1000px;
    margin: 0 auto;
    padding: 25px
}

#footer .wx {
    position: relative;
    text-align: center
}

#footer .wx:after {
    content: '';
    height: 70%;
    border-left: 1px solid #ddd;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

#footer .wx-img {
    width: 90px
}

#footer .wx-desc {
    font-size: .8em
}

#footer .contact {
    padding: 5px;
    margin-left: 45px
}

#footer .title {
    font-size: 1em
}

#footer .contact p {
    margin-bottom: 10px;
    font-size: .8em
}

#footer .company-info {
    position: relative;
    padding: 5px;
    margin-left: 40px;
    margin-right: 48px;
    font-size: .8em;
    width: 200px;
    line-height: 22px
}

#footer .company-info:after {
    content: '';
    height: 70%;
    border-left: 1px solid #ddd;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.banner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.banner img {
    width: 100%
}

.banner .shicai_text {
    position: absolute;
    top: 25%;
    left: 22%;
    text-align: left
}

.shicai_text h1 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 40px
}

.shicai_text h2 {
    font-size: 28px
}

.banner .shuiguo_text {
    position: absolute;
    top: 26%;
    left: 18%;
    text-align: left
}

.shuiguo_text h1 {
    color: #fff;
    font-size: 43px;
    margin-bottom: 40px
}

.shuiguo_text h2 {
    font-size: 28px;
    color: #007460
}

.banner img {
    width: 100%
}

#solution-main {
    width: 1000px;
    margin: 0 auto;
    padding: 30px
}

#solution-main dl {
    margin-bottom: 15px
}

#solution-main {
    font-size: 1.3em;
    background-color: #fafafa
}

#solution-main dt {
    position: relative;
    margin-bottom: 15px
}

#solution-main dt img {
    position: absolute
}

#wechat-order-deploy .icon {
    top: -.5em;
    left: -.7em
}

#business-order-deploy span {
    margin-left: 2em
}

#business-order-deploy .icon {
    top: -.1em;
    left: 0
}

#pc-order-deal .icon {
    top: -.7em;
    left: -.8em
}

#purchase-delivery .icon {
    top: -.3em;
    left: -.2em
}

#sort-weight .icon {
    top: -.3em
}

#finance-manage .icon {
    top: -.6em;
    left: -.4em
}

#inventory-manage .icon {
    top: -.9em;
    left: -.6em
}

#wechat-order-deploy span {
    margin-left: 2em
}

#pc-order-deal span {
    margin-left: 2em
}

#purchase-delivery span {
    margin-left: 2em
}

#sort-weight span {
    margin-left: 2.3em
}

#finance-manage span {
    margin-left: 2.3em
}

#inventory-manage span {
    margin-left: 2.3em
}

#solution-main dd img {
    width: 100%
}

#solution-main {
    width: 1000px;
    margin: 0 auto;
    padding: 30px
}

#solution-main dl {
    margin-bottom: 35px
}

#solution-main {
    font-size: 1.3em;
    background-color: #fafafa
}

#solution-main dt {
    position: relative;
    margin-bottom: 15px
}

#solution-main dt img {
    position: absolute
}

#detail-function .title, #work-flow dt {
    text-align: center;
    font-size: 1.3em
}

#solution-main .item-desc {
    padding: 0 10px
}

#solution-main .item-desc p {
    font-size: .7em;
    margin-bottom: 10px
}

#solution-main #detail-function .title {
    margin: 10px 0
}

#wechat-order-deploy .icon {
    top: -.5em;
    left: -.7em
}

#pc-order-deal .icon {
    top: -.7em;
    left: -.8em
}

#purchase-delivery .icon {
    top: -.3em;
    left: -.2em
}

#sort-weight .icon {
    top: 0;
    left: .3em
}

#finance-manage .icon {
    top: -.6em;
    left: -.4em
}

#inventory-manage .icon {
    top: -.9em;
    left: -.6em
}

#wechat-order-deploy span {
    margin-left: 2em
}

#pc-order-deal span {
    margin-left: 2em
}

#purchase-delivery span {
    margin-left: 2em
}

#sort-weight span {
    margin-left: 2.3em
}

#finance-manage span {
    margin-left: 2.3em
}

#inventory-manage span {
    margin-left: 2.3em
}

#solution-main dd img {
    width: 100%
}

#main {
    position: relative
}

#main, #other-case {
    margin: 0 auto;
    padding: 0 15px;
    margin-bottom: 50px
}

.case-item {
    border-bottom: 1px dashed #ccc
}

.case-item .left {
    width: 25%;
    padding: 10px;
    padding-left: 0
}

.case-item img {
    width: 100%
}

.case-item .right {
    width: 75%;
    padding: 10px;
    padding-right: 0
}

.case-item .company-name {
    margin-right: 40px;
    font-size: 1.8em;
    font-weight: 600
}

.case-item .wechat-name {
    width: 30%;
    text-align: right;
    font-size: 1.3em
}

.case-item .introduce {
    text-align: justify;
    width: 100%
}

#other-case .title {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 20px
}

.other-case-container {
    width: 33.3333%;
    text-align: center;
    margin-bottom: 15px
}

.other-case-container img {
    max-width: 100%
}

#banner-contact {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 60px
}

#banner-contact .contact {
    padding: 0;
    margin-bottom: 20px
}

#banner-contact .contact-1 {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    background: url(../images/wx-fgw.jpg) no-repeat center right;
    background-size: 85px;
    margin-top: -25px
}

#banner-contact .contact .name {
    margin: 0;
    color: #fff;
    font-size: 25px;
    letter-spacing: 2px;
    margin-bottom: 10px
}

#banner-contact .contact .email, #banner-contact .contact .tel {
    margin: 0;
    color: #fff;
    font-size: 16px;
    margin-top: 3px
}

#banner-contact img {
    width: 100%
}

header .float_list {
    width: 100%;
    height: 235px;
    background: #e7f1f0;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 1;
    display: none
}

.float_list .list_hide {
    display: none
}

.float_list .left1 {
    width: 1000px;
    height: 100%;
    margin: 0 auto
}

.float_list .active, .float_list.active {
    display: block
}

.float_list h3 {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.4
}

.float_list h3 p {
    font-size: 10px;
    background: #ff727c;
    padding: 2px 5px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 0
}

.float_list .float_logo {
    padding: 24px 30px;
    padding-bottom: 4px;
    width: 200px;
    text-align: center;
    float: left;
    cursor: pointer
}

.float_list .float_logo.no_margin {
    margin-right: 0
}

.float_list .float_logo a:hover {
    text-decoration: none
}

.float_list .float_logo.hot {
    position: relative
}

.float_list .float_logo.hot:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 35px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/hot.png) no-repeat
}

.float_list .float_logo img {
    width: 93px;
    height: 93px;
    border-radius: 100%;
    cursor: pointer;
    transition: transform .3s
}

.float_list .float_logo:hover h3 {
    color: #2fbd73
}

.float_list .float_logo:hover img {
    transform: scale(1.2)
}

.item-message h3 {
    font-size: 18px;
    min-height: 74px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #6e6e6e
}

.item-message h3 a {
    color: #fff;
    background: #ff2f05;
    font-size: 16px;
    vertical-align: text-bottom;
    display: inline-block;
    margin-left: 15px;
    padding: 2px 15px;
    float: right;
    border-radius: 4px
}

.item-message .aaa {
    color: #fff;
    background: #ff2f05;
    font-size: 18px;
    vertical-align: text-bottom;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 4px;
    margin: 15px
}

.item-message h3 a:hover {
    text-decoration: none
}

#shicai-info {
    width: 100%;
    background-color: #fff
}

#shicai-info .introduce {
    width: 1100px;
    margin: 0 auto;
    padding: 4% 20px
}

.introduce .int_msg {
    float: left;
    width: 700px;
    height: auto;
    padding-top: 20px
}

.introduce .int_msg .title {
    display: block;
    font-size: 40px;
    color: #000;
    margin: 20px 0 40px 0;
    letter-spacing: 1px
}

.introduce .int_msg .content {
    display: block;
    font-size: 20px;
    color: #515151;
    letter-spacing: 1px;
    margin-bottom: 10px
}

#shicai-info .shicai_virtue {
    width: 100%;
    background: url(../images/virtue.jpg) no-repeat center
}

.shicai_virtue .virtue_msg {
    width: 1200px;
    padding: 4% 0 6% 0;
    margin: 0 auto
}

.virtue_msg .virtue_title {
    text-align: center;
    font-size: 45px;
    color: #fff;
    letter-spacing: 2px
}

.virtue_msg .virtue_details {
    margin: 9% 0 0 0
}

.virtue_msg .virtue_content {
    position: relative;
    width: 30%;
    height: 170px;
    background: rgba(0, 0, 0, .3);
    padding: 45px 0 0 45px;
    float: left
}

.virtue_content .con_pos {
    display: inline-block;
    background-color: #69dddc;
    width: 140px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: -18%;
    left: 28%
}

.virtue_content .con {
    display: block;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 4px
}

.virtue_msg .pos {
    margin: 0 5% 0 5%
}

.virtue_msg .finance {
    padding: 45px 0 0 95px
}

#shicai-info .shicai_function {
    width: 1100px;
    margin: 0 auto;
    padding: 4% 0
}

.shicai_function .function_title {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 40px;
    color: #000;
    margin-bottom: 5%
}

.shicai_function .function_msg {
    margin-top: 20px;
    width: 100%;
    padding-left: 5%
}

.function_msg .concreteness {
    float: left;
    width: 48%;
    margin-bottom: 45px
}

.concreteness_left {
    margin-right: 30px
}

.concreteness img {
    float: left
}

.function_msg .concreteness_info {
    padding: 10px 0 0 10px;
    float: left;
    width: 75%
}

.concreteness .concre_title {
    color: #000;
    font-size: 18px;
    margin-bottom: 5px;
    letter-spacing: 1px
}

.concreteness .concre_con {
    font-size: 18px;
    color: #606060;
    letter-spacing: 1px
}

#shicai-info .shicai_weight {
    width: 100%
}

#shicai-info .weight_bg {
    background: url(../images/weight_banner_1.2.jpg) no-repeat center
}

#shicai-info .weixin_bg {
    background: url(../images/weixin_bg_1.2.jpg) no-repeat center
}

#shicai-info .pos_shop_bg {
    background: url(../images/pos_shop_bg.jpg) no-repeat center
}

.data_table .table_info, .shicai_weight .weight {
    width: 1100px;
    margin: 0 auto;
    padding: 5% 0 3% 0
}

.shicai_weight .weight img {
    float: left
}

.shicai_weight .weight .weight_info {
    float: left;
    margin-left: 40px;
    margin-top: 66px;
    width: 60%
}

.shicai_weight .weight .weixin_pos {
    margin-top: 100px;
    margin-left: 100px
}

.weight .title {
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 20px
}

.weight .message {
    font-size: 21px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6
}

#shicai-info .data_table {
    width: 100%
}

.table_info .info {
    float: left;
    width: 45%;
    padding: 60px 30px 0 0
}

.table_info img {
    float: right
}

.table_info .info .title {
    font-size: 32px;
    letter-spacing: 1px;
    color: #000
}

.table_info .info .message {
    font-size: 21px;
    color: #606060;
    margin-top: 20px
}

.fang {
    width: 100%;
    height: 60px;
    border: 0 solid #000
}

.zuo {
    width: 78%;
    height: 100%;
    border: 0 solid red;
    float: left
}

.you {
    width: 22%;
    height: 100%;
    border: 0 solid red;
    float: right
}

.zuo2 {
    width: 76%;
    height: 100%;
    border: 0 solid red;
    float: left;
    border: 0 solid red;
    display: none
}

.you2 {
    width: 22%;
    height: 100%;
    border: 0 solid red;
    float: right
}

.pic {
    width: 100%;
    height: 100%
}

#menu {
    position: relative
}

#try {
    background: url(../images/bg1.jpg) no-repeat center center
}

#qq-online {
    background: url(../images/bg2.jpg) no-repeat center center;
    margin-bottom: 0
}

#contact {
    background: url(../images/bg3.jpg) no-repeat center center;
    margin-bottom: 0
}

#try:hover {
    background: url(../images/bg1h.jpg) no-repeat center center
}

#qq-online:hover {
    background: url(../images/bg2h.jpg) no-repeat center center
}

#contact:hover {
    background: url(../images/bg3h.jpg) no-repeat center center
}

.sub-menu-wrap .sub-menu {
    padding-top: 2px
}

.sub-menu-wrap {
    height: 0;
    background-color: transparent !important;
    overflow: hidden;
    transition: height .5s;
    -moz-transition: height .5s;
    -webkit-transition: height .5s;
    -o-transition: height .5s
}

.sub-menu-item {
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    background: url(../images/qq_1.png) no-repeat 12px center;
    background-size: 15px !important;
    background-position-x: 18px !important;
    background-color: #cb9e12 !important;
    color: #fff !important;
    margin-bottom: 1px;
    padding-left: 30px;
    text-align: center;
    font-size: 12px
}

#side-menu a {
    display: block;
    color: #fff !important;
    text-decoration: none;
    border-radius: 4px;
    overflow: hidden
}

.contact-tel {
    height: 35px;
    line-height: 35px;
    background-color: #cb9e12 !important;
    color: #fff;
    text-align: center
}

#zhong {
    margin-top: 10px
}

#xia {
    margin-top: 10px
}

#modal-wrap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 254;
    background-color: rgba(0, 0, 0, .2);
    display: none
}

#submit-modal {
    width: 30%;
    position: fixed;
    display: none;
    z-index: 255;
    background: #fff;
    padding: 20px 50px 10px;
    border-radius: 5px
}

@media \0screen\,screen\9 {
    #modal-wrap {
        background-color: #000;
        opacity: .2
    }
}

#submit-modal {
    width: 500px;
    height: 355px;
    margin-top: -175px;
    margin-left: -250px
}

#submit-title {
    color: #363636;
    text-align: center;
    font-size: 1.1em
}

.submit-item label {
    color: #075b30;
    font-weight: 300;
    font-size: 1.3em
}

.submit-item input {
    display: block;
    width: 100%;
    border: 1px dotted #ccc;
    margin-bottom: 20px;
    outline: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 5px
}

#submit-button {
    cursor: pointer;
    background-color: #ff5a00;
    color: #fff;
    border: 0;
    padding: 8px 15px;
    margin: 10px auto;
    font-size: 1.2em
}

.submit {
    text-align: center;
    margin: 25px 0
}

#try-button:hover {
    opacity: .85
}

#try-button img {
    width: 100%
}

.applyFor {
    background-color: #fff;
    color: #6cc888;
    width: 300px;
    height: 45px;
    line-height: 43px;
    outline: 0;
    font-size: 23px;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    bottom: 153px;
    left: 88px;
    border: none;
    border-radius: 3px
}

.connection {
    display: block;
    background-color: #74d290;
    width: 35px;
    color: #fff;
    padding: 5px;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 75px;
    right: -50px;
    border-radius: 3px
}

.connection img {
    margin-top: 5px;
    width: 100%
}

.connection:hover {
    color: #fff;
    text-decoration: none;
    background-color: #64b67c
}

#video-modal {
    width: 850px;
    height: 500px;
    position: fixed;
    display: none;
    z-index: 255;
    background: #fff;
    padding: 20px 50px 10px;
    border-radius: 5px
}

#video-title {
    color: #363636;
    text-align: center;
    font-size: 1.1em
}

video::-webkit-media-controls-fullscreen-button {
    display: none
}

.shicai_weight .weight .order_pay {
    width: 44%
}

.shicai_weight .weight .pos_shop {
    width: 45%
}

#shicai-info .pos_solution_use {
    width: 100%;
    background: url(../images/solution_bg.png) no-repeat center
}

.pos_solution_use .solution {
    width: 1100px;
    margin: 0 auto;
    padding: 3% 0 2% 0
}

.solution .solution_title {
    font-size: 40px;
    width: 100%;
    text-align: center;
    color: #131017;
    margin-bottom: 30px;
    letter-spacing: 1px
}

.solution .solution_con {
    width: 100%
}

.solution_con .solution_info {
    width: 100%;
    margin-bottom: 30px
}

.solution_info .fontWeight {
    display: inline-block;
    margin-left: 30px;
    font-size: 25px;
    color: #262626;
    font-weight: 600;
    letter-spacing: 1px
}

.solution_info .msg {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #606060;
    letter-spacing: 1px;
    margin-left: 20px;
    width: 70%
}

.agriculture {
    width: 100%
}

.agriculture .agriculture_process {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 50px
}

.agriculture_process .process_title {
    width: 100%;
    font-size: 40px;
    letter-spacing: 2px;
    color: #000;
    padding: 30px 0;
    text-align: center
}

#shicai-info .system_divide {
    width: 100%;
    background: url(../images/system_bg.jpg) no-repeat center
}

.system_divide .system {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 60px 0
}

.system_divide .system_title {
    width: 100%;
    margin-bottom: 60px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

.system_divide .system_info {
    width: 100%
}

.system_info .system_con {
    width: 32%;
    float: left
}

.system_con .message {
    margin-bottom: 40px
}

.system_con .title {
    font-size: 25px;
    color: #fff;
    text-align: right;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.system_con .system_introduce {
    font-size: 18px;
    color: #fff;
    text-align: right;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%
}

.system_info img {
    float: left;
    margin: 0 4%
}

.system_con .fontAlign {
    text-align: left
}

.role {
    width: 100%
}

.role .role_info {
    width: 1100px;
    margin: 0 auto;
    padding: 3% 0 3% 0
}

.role_info .info {
    float: left;
    width: 45%;
    padding: 60px 30px 0 0
}

.role_info .info .title {
    text-align: right;
    font-size: 40px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 35px
}

.role_info .info .message {
    font-size: 22px;
    color: #000;
    margin-top: 20px;
    text-align: right
}

.role_info img {
    float: left;
    margin-left: 12%
}

.agriculture_userOrder_bg {
    background: url(../images/agriculture_userOrder_bg.png)
}

.agriculture_userOrder_position {
    padding: 3% 0 3% 0
}

.shicai_weight .weight .userOrder {
    width: 50%;
    margin-top: 0;
    margin-left: 80px
}

.weight .o2o {
    color: #000;
    margin-bottom: 30px
}

.weight .o2o_con {
    color: #3d3d3d;
    font-size: 19px;
    line-height: 1.6
}

.table_info .store {
    float: left;
    width: 41%;
    padding: 90px 30px 0 0
}

.store .store_title {
    color: #fff;
    text-align: right;
    font-size: 32px;
    letter-spacing: 1px;
    padding-right: 15px
}

.store .store_con {
    font-size: 20px;
    color: #fff;
    text-align: right;
    margin-top: 20px;
    line-height: 1.6;
    padding-right: 15px
}

.table_info .info .o2o_fontAlign {
    text-align: right;
    color: #fff
}

.table_info .info .o2o_fontAlign.title {
    font-size: 40px
}

.table_info .info .o2o_fontAlign.message {
    font-size: 21px
}

#shicai-info .dazong_span1 {
    width: 1100px;
    margin: 0 auto
}

#shicai-info .dazong_padding5 {
    padding: 5% 0 5% 0
}

#shicai-info .dazong_padding4 {
    padding: 4% 0 4% 0
}

#shicai-info .dazong_padding3 {
    padding: 3% 0 3% 0
}

.dazong_span1 .span1 {
    width: 42%;
    float: left
}

.dazong_span1 .span_margin3 {
    margin-top: 30px
}

.dazong_span1 .span_margin10 {
    margin-top: 100px
}

.dazong_span1 .span1 .title {
    font-size: 40px;
    color: #000;
    text-align: right;
    margin-bottom: 30px;
    display: block
}

.dazong_span1 .span1 .message {
    font-size: 21px;
    color: #000;
    text-align: right;
    display: block;
    line-height: 1.6
}

.dazong_span1 img {
    float: left;
    margin-left: 15%
}

.dazong_span1 .dazong_span1_img {
    float: right;
    margin-left: 0
}

.shicai_weight .weight .span1_info {
    width: 40%
}

.customer_info {
    width: 100%;
    text-align: center;
    font-size: 40px;
    letter-spacing: 2px;
    margin: 35px 0
}

.case-item .case_scheme {
    display: inline-block;
    padding: 3px 15px;
    border: 1px solid #00a000;
    color: #00a000;
    font-size: 16px
}

.case-item .case-title {
    margin: 15px 0
}

.case-item .introduce p {
    font-size: 16px;
    color: #858585
}

#other-case {
    width: 1100px
}

#other-case .other-case-title {
    font-size: 40px;
    width: 100%;
    margin: 40px 0 20px 0;
    text-align: center
}

#other-case .other_case_con {
    width: 100%
}

.other_case_con .case_info {
    float: left;
    width: 32%;
    margin: 20px 0 20px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    text-align: center
}

.other_case_con .case_info span {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 10px 0
}

.other_case_con .case_info p {
    font-size: 17px;
    line-height: 24px;
    color: #666
}

.other_case_con .case_info .other_case_img {
    width: 100%
}

.other_case_con .info_top {
    text-align: center;
    height: 110px;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: -100%;
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    -ms-transition: top .4s;
    -o-transition: top .4s;
    transition: top .4s
}

.other_case_con .info_top a {
    display: block;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 110px;
    cursor: default
}

.other_case_con .info_top a:hover {
    text-decoration: none
}

.other_case_con .info_bottom {
    width: 100%;
    padding: 20px 10px;
    height: 170px;
    color: #fff;
    font-size: 16px;
    overflow: auto;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: -100%;
    -webkit-transition: bottom .4s;
    -moz-transition: bottom .4s;
    -ms-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s
}

.other_case_con .case_info:hover .info_top {
    top: 0
}

.other_case_con .case_info:hover .info_bottom {
    bottom: 0
}

.other_case_con .case_info_margin {
    margin-right: 2%;
    margin-left: 2%
}

.mCSB_inside > .mCSB_container {
    margin-right: 5px !important
}

.bgf {
    background-color: #fff
}

.bgblue {
    background-color: #4cc3e7
}

.auto {
    position: relative;
    margin: 0 auto;
    width: 1200px
}

.f0 {
    font-size: 0
}

.f0 h1 {
    font-size: 0
}

#WX {
    margin-top: -10px
}

#WX .banner {
    position: relative;
    z-index: 2;
    height: 650px
}

#WX .banner_content {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 650px
}

#WX .banner_iphone {
    position: absolute;
    top: 100px;
    left: -140px;
    width: 613px;
    height: 447px
}

#WX .banner_bot {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 153px;
    background-image: url(../images/bannerbot.jpg);
    background-repeat: no-repeat;
    background-position: center bottom
}

#WX .banner img.txt {
    width: 838px;
    height: 151px;
    position: absolute;
    right: -100px;
    top: 188px;
    z-index: 2
}

#WX .banner h2 {
    position: absolute;
    right: -100px;
    top: 365px;
    width: 838px;
    height: 100px;
    border-top: 1px solid #fff;
    padding-top: 15px;
    text-align: center;
    font-size: 38px;
    color: #fff
}

.WX5of2 {
    position: relative;
    z-index: 2
}

.WX5of2 .auto {
    text-align: center
}

.WX5of2 .top {
    text-align: center;
    position: relative;
    padding-top: 110px
}

.WX5of2 .top img {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 50%;
    font-size: 0;
    margin-left: -22px
}

.WX5of2 .imgAnimate {
    -moz-animation: Animate 1s ease infinite;
    -o-animation: Animate 1s ease infinite;
    -ms-animation: Animate 1s ease infinite;
    -webkit-animation: Animate 1s ease infinite;
    animation: Animate 1s ease infinite
}

@-webkit-keyframes Animate {
    0% {
        -webkit-transform: translateY(-30px);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(0);
        opacity: .2
    }
    100% {
        -webkit-transform: translateY(-30px);
        opacity: 1
    }
}

.WX5of2 .top h3 {
    font-size: 32px;
    letter-spacing: 6px;
    margin: 50px 0 30px 0
}

.WX5of2 .top p {
    color: #787878;
    font-size: 21px;
    letter-spacing: 6px
}

.WX5of2 .imgbox {
    width: 525px;
    height: 353px;
    margin: 30px 0 50px;
    font-size: 0
}

.WX5of3 img {
    width: 350px;
    height: 511px;
    margin-top: 50px;
    float: left;
    font-size: 0
}

.WX5of3 .text {
    margin-top: 150px;
    float: right;
    width: 785px
}

.WX5of3 h4 {
    color: #055068;
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 1.6
}

.WX5of3 h3 {
    color: #fff;
    margin-top: 30px;
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 1.6
}

.WX5of4 .text {
    float: left;
    width: 670px;
    margin-top: 170px
}

.WX5of4 h3 {
    color: #444;
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 46px
}

.WX5of4 h4 {
    margin-top: 30px;
    color: #999;
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 46px
}

.WX5of4 img {
    float: right;
    width: 450px;
    height: 557px;
    font-size: 0;
    margin: 50px 0
}

.WX5of5 .auto {
    padding-bottom: 100px
}

.WX5of5 .wxtitle {
    text-align: center;
    padding: 100px 0 50px;
    font-size: 0
}

.WX5of5 .wxtitle img {
    width: 284px;
    height: 35px
}

.WX5of5 .wximg {
    float: left;
    margin-top: 30px;
    width: 383px;
    height: 383px;
    position: relative;
    font-size: 0
}

.WX5of5 .wxicon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.WX5of5 .wximg1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.WX5of5 .wximg2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.WX5of5 .wximg3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4
}

.WX5of5 ul {
    float: right;
    width: 740px;
    font-size: 18px;
    letter-spacing: 5px
}

.WX5of5 ul li {
    position: relative;
    padding-left: 50px;
    margin-top: 18px;
    line-height: 1.6;
    color: #fff
}

.WX5of5 ul li:before {
    position: absolute;
    left: 5px;
    top: 8px;
    content: "";
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px #fff
}

.WX5of5 .wximg1, .WX5of5 .wximg2, .WX5of5 .wximg3 {
    animation: animaicon 5s linear infinite;
    -moz-animation: animaicon 5s linear infinite;
    -webkit-animation: animaicon 5s linear infinite;
    -o-animation: animaicon 5s linear infinite;
    transform: rotate(0);
    transform-origin: 50% 50%;
    -ms-transform: rotate(0);
    -ms-transform-origin: 50% 50%;
    -webkit-transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(0);
    -moz-transform-origin: 50% 50%;
    -o-transform: rotate(0);
    -o-transform-origin: 50% 50%
}

@-webkit-keyframes animaicon {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

.mw1200 {
    margin: 0 auto;
    max-width: 1200px;
    position: relative
}

.T {
    display: table;
    width: 100%;
    float: none
}

.t {
    display: table-cell;
    vertical-align: middle
}

.tt {
    display: table-cell;
    vertical-align: top
}

.F, .F_, .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.F {
    height: 100%;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    flex-direction: column
}

.F_ {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.f {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.dn {
    display: none
}

.B0, .B1, .B10, .B11, .B12, .B13, .B14, .B15, .B16, .B17, .B18, .B19, .B2, .B20, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .L0, .L1, .L10, .L11, .L12, .L13, .L14, .L15, .L16, .L17, .L18, .L19, .L2, .L20, .L3, .L4, .L5, .L6, .L7, .L8, .L9, .R0, .R1, .R10, .R11, .R12, .R13, .R14, .R15, .R16, .R17, .R18, .R19, .R2, .R20, .R3, .R4, .R5, .R6, .R7, .R8, .R9, .T0, .T1, .T10, .T11, .T12, .T13, .T14, .T15, .T16, .T17, .T18, .T19, .T2, .T20, .T3, .T4, .T5, .T6, .T7, .T8, .T9, .pa {
    position: absolute
}

.Z1, .Z2, .Z3, .Z4, .Z5, .pr {
    position: relative
}

.pf {
    position: fixed
}

.oh {
    overflow: hidden
}

.W {
    width: 100%
}

.H {
    height: 100%
}

.max {
    max-width: 100%
}

.max img {
    max-width: 100%
}

.C1, .C10, .C11, .C2, .C3, .C4, .C5, .C6, .C7, .C8, .C9, .W1, .W2, .W3, .W4, .W5, .W6, .W7, .W8, .W9 {
    float: left
}

.W1 {
    width: 10%
}

.W2 {
    width: 20%
}

.W3 {
    width: 30%
}

.W4 {
    width: 40%
}

.W5 {
    width: 50%
}

.W6 {
    width: 60%
}

.W7 {
    width: 70%
}

.W8 {
    width: 80%
}

.W9 {
    width: 90%
}

.C1 {
    width: 8.33333333%
}

.C2 {
    width: 16.66666667%
}

.C3 {
    width: 25%
}

.C4 {
    width: 33.33333333%
}

.C5 {
    width: 41.66666667%
}

.C6 {
    width: 50%
}

.C7 {
    width: 58.33333333%
}

.C8 {
    width: 66.66666667%
}

.C9 {
    width: 75%
}

.C10 {
    width: 83.33333333%
}

.C11 {
    width: 91.66666667%
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.S {
    cursor: pointer
}

.s {
    cursor: default
}

.f0 {
    font-size: 0
}

.r {
    border-radius: 1000px
}

.lh {
    line-height: 1
}

.bn {
    border: none
}

.bgn {
    background: 0 0
}

.n {
    font-weight: 400;
    font-style: normal
}

.b {
    font-weight: 700
}

.clear:after {
    display: table;
    content: '';
    clear: both
}

.auto {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.scroll {
    overflow-y: auto;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch
}

.line {
    text-decoration: line-through
}

.ell {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.nowrap {
    white-space: nowrap
}

.p0-5 {
    padding: 0 5px
}

.p0-10 {
    padding: 0 10px
}

.p0-15 {
    padding: 0 15px
}

.p0-20 {
    padding: 0 20px
}

.p5-0 {
    padding: 5px 0
}

.p5-10 {
    padding: 5px 10px
}

.p5-15 {
    padding: 5px 15px
}

.p5-20 {
    padding: 5px 20px
}

.p10-0 {
    padding: 10px 0
}

.p10-5 {
    padding: 10px 5px
}

.p10-15 {
    padding: 10px 15px
}

.p10-20 {
    padding: 10px 20px
}

.p15-0 {
    padding: 15px 0
}

.p15-5 {
    padding: 15px 5px
}

.p15-10 {
    padding: 15px 10px
}

.p15-20 {
    padding: 15px 20px
}

.p20-0 {
    padding: 20px 0
}

.p20-5 {
    padding: 20px 5px
}

.p20-10 {
    padding: 20px 10px
}

.p20-15 {
    padding: 20px 15px
}

.m0-5 {
    margin: 0 5px
}

.m0-10 {
    margin: 0 10px
}

.m0-15 {
    margin: 0 15px
}

.m0-20 {
    margin: 0 20px
}

.m5-0 {
    margin: 5px 0
}

.m5-10 {
    margin: 5px 10px
}

.m5-15 {
    margin: 5px 15px
}

.m5-20 {
    margin: 5px 20px
}

.m10-0 {
    margin: 10px 0
}

.m10-5 {
    margin: 10px 5px
}

.m10-15 {
    margin: 10px 15px
}

.m10-20 {
    margin: 10px 20px
}

.m15-0 {
    margin: 15px 0
}

.m15-5 {
    margin: 15px 5px
}

.m15-10 {
    margin: 15px 10px
}

.m15-20 {
    margin: 15px 20px
}

.m20-0 {
    margin: 20px 0
}

.m20-5 {
    margin: 20px 5px
}

.m20-10 {
    margin: 20px 10px
}

.m20-15 {
    margin: 20px 15px
}

.T0 {
    top: 0
}

.R0 {
    right: 0
}

.B0 {
    bottom: 0
}

.L0 {
    left: 0
}

.T1 {
    top: 1px
}

.R1 {
    right: 1px
}

.B1 {
    bottom: 1px
}

.L1 {
    left: 1px
}

.T2 {
    top: 2px
}

.R2 {
    right: 2px
}

.B2 {
    bottom: 2px
}

.L2 {
    left: 2px
}

.T3 {
    top: 3px
}

.R3 {
    right: 3px
}

.B3 {
    bottom: 3px
}

.L3 {
    left: 3px
}

.T4 {
    top: 4px
}

.R4 {
    right: 4px
}

.B4 {
    bottom: 4px
}

.L4 {
    left: 4px
}

.T5 {
    top: 5px
}

.R5 {
    right: 5px
}

.B5 {
    bottom: 5px
}

.L5 {
    left: 5px
}

.T6 {
    top: 6px
}

.R6 {
    right: 6px
}

.B6 {
    bottom: 6px
}

.L6 {
    left: 6px
}

.T7 {
    top: 7px
}

.R7 {
    right: 7px
}

.B7 {
    bottom: 7px
}

.L7 {
    left: 7px
}

.T8 {
    top: 8px
}

.R8 {
    right: 8px
}

.B8 {
    bottom: 8px
}

.L8 {
    left: 8px
}

.T9 {
    top: 9px
}

.R9 {
    right: 9px
}

.B9 {
    bottom: 9px
}

.L9 {
    left: 9px
}

.T10 {
    top: 10px
}

.R10 {
    right: 10px
}

.B10 {
    bottom: 10px
}

.L10 {
    left: 10px
}

.T11 {
    top: 11px
}

.R11 {
    right: 11px
}

.B11 {
    bottom: 11px
}

.L11 {
    left: 11px
}

.T12 {
    top: 12px
}

.R12 {
    right: 12px
}

.B12 {
    bottom: 12px
}

.L12 {
    left: 12px
}

.T13 {
    top: 13px
}

.R13 {
    right: 13px
}

.B13 {
    bottom: 13px
}

.L13 {
    left: 13px
}

.T14 {
    top: 14px
}

.R14 {
    right: 14px
}

.B14 {
    bottom: 14px
}

.L14 {
    left: 14px
}

.T15 {
    top: 15px
}

.R15 {
    right: 15px
}

.B15 {
    bottom: 15px
}

.L15 {
    left: 15px
}

.T16 {
    top: 16px
}

.R16 {
    right: 16px
}

.B16 {
    bottom: 16px
}

.L16 {
    left: 16px
}

.T17 {
    top: 17px
}

.R17 {
    right: 17px
}

.B17 {
    bottom: 17px
}

.L17 {
    left: 17px
}

.T18 {
    top: 18px
}

.R18 {
    right: 18px
}

.B18 {
    bottom: 18px
}

.L18 {
    left: 18px
}

.T19 {
    top: 19px
}

.R19 {
    right: 19px
}

.B19 {
    bottom: 19px
}

.L19 {
    left: 19px
}

.T20 {
    top: 20px
}

.R20 {
    right: 20px
}

.B20 {
    bottom: 20px
}

.L20 {
    left: 20px
}

.cr {
    color: #ff2630
}

.c0 {
    color: #000
}

.c1 {
    color: #111
}

.c2 {
    color: #222
}

.c3 {
    color: #333
}

.c4 {
    color: #444
}

.c5 {
    color: #555
}

.c6 {
    color: #666
}

.c7 {
    color: #777
}

.c8 {
    color: #888
}

.c9 {
    color: #999
}

.ca {
    color: #aaa
}

.cb {
    color: #bbb
}

.cc {
    color: #ccc
}

.cd {
    color: #ddd
}

.ce {
    color: #eee
}

.cf {
    color: #fff
}

.bgr {
    background-color: #c80000
}

.bg0 {
    background-color: #000
}

.bg1 {
    background-color: #111
}

.bg2 {
    background-color: #222
}

.bg3 {
    background-color: #333
}

.bg4 {
    background-color: #444
}

.bg5 {
    background-color: #555
}

.bg6 {
    background-color: #666
}

.bg7 {
    background-color: #777
}

.bg8 {
    background-color: #888
}

.bg9 {
    background-color: #999
}

.bga {
    background-color: #aaa
}

.bgb {
    background-color: #bbb
}

.bgc {
    background-color: #ccc
}

.bgd {
    background-color: #ddd
}

.bge {
    background-color: #eee
}

.bgf {
    background-color: #fff
}

.bln {
    border-left: none
}

.brn {
    border-right: none
}

.btn {
    border-top: none
}

.bbn {
    border-bottom: none
}

.b0 {
    border: 1px solid #000
}

.bl0 {
    border-left: 1px solid #000
}

.br0 {
    border-right: 1px solid #000
}

.bt0 {
    border-top: 1px solid #000
}

.bb0 {
    border-bottom: 1px solid #000
}

.b1 {
    border: 1px solid #111
}

.bl1 {
    border-left: 1px solid #111
}

.br1 {
    border-right: 1px solid #111
}

.bt1 {
    border-top: 1px solid #111
}

.bb1 {
    border-bottom: 1px solid #111
}

.b2 {
    border: 1px solid #222
}

.bl2 {
    border-left: 1px solid #222
}

.br2 {
    border-right: 1px solid #222
}

.bt2 {
    border-top: 1px solid #222
}

.bb2 {
    border-bottom: 1px solid #222
}

.b3 {
    border: 1px solid #333
}

.bl3 {
    border-left: 1px solid #333
}

.br3 {
    border-right: 1px solid #333
}

.bt3 {
    border-top: 1px solid #333
}

.bb3 {
    border-bottom: 1px solid #333
}

.b4 {
    border: 1px solid #444
}

.bl4 {
    border-left: 1px solid #444
}

.br4 {
    border-right: 1px solid #444
}

.bt4 {
    border-top: 1px solid #444
}

.bb4 {
    border-bottom: 1px solid #444
}

.b5 {
    border: 1px solid #555
}

.bl5 {
    border-left: 1px solid #555
}

.br5 {
    border-right: 1px solid #555
}

.bt5 {
    border-top: 1px solid #555
}

.bb5 {
    border-bottom: 1px solid #555
}

.b6 {
    border: 1px solid #666
}

.bl6 {
    border-left: 1px solid #666
}

.br6 {
    border-right: 1px solid #666
}

.bt6 {
    border-top: 1px solid #666
}

.bb6 {
    border-bottom: 1px solid #666
}

.b7 {
    border: 1px solid #777
}

.bl7 {
    border-left: 1px solid #777
}

.br7 {
    border-right: 1px solid #777
}

.bt7 {
    border-top: 1px solid #777
}

.bb7 {
    border-bottom: 1px solid #777
}

.b8 {
    border: 1px solid #888
}

.bl8 {
    border-left: 1px solid #888
}

.br8 {
    border-right: 1px solid #888
}

.bt8 {
    border-top: 1px solid #888
}

.bb8 {
    border-bottom: 1px solid #888
}

.b9 {
    border: 1px solid #999
}

.bl9 {
    border-left: 1px solid #999
}

.br9 {
    border-right: 1px solid #999
}

.bt9 {
    border-top: 1px solid #999
}

.bb9 {
    border-bottom: 1px solid #999
}

.ba {
    border: 1px solid #aaa
}

.bla {
    border-left: 1px solid #aaa
}

.bra {
    border-right: 1px solid #aaa
}

.bta {
    border-top: 1px solid #aaa
}

.bba {
    border-bottom: 1px solid #aaa
}

.bb {
    border: 1px solid #bbb
}

.blb {
    border-left: 1px solid #bbb
}

.brb {
    border-right: 1px solid #bbb
}

.btb {
    border-top: 1px solid #bbb
}

.bbb {
    border-bottom: 1px solid #bbb
}

.bc {
    border: 1px solid #ccc
}

.blc {
    border-left: 1px solid #ccc
}

.brc {
    border-right: 1px solid #ccc
}

.btc {
    border-top: 1px solid #ccc
}

.bbc {
    border-bottom: 1px solid #ccc
}

.bd {
    border: 1px solid #ddd
}

.bld {
    border-left: 1px solid #ddd
}

.brd {
    border-right: 1px solid #ddd
}

.btd {
    border-top: 1px solid #ddd
}

.bbd {
    border-bottom: 1px solid #ddd
}

.be {
    border: 1px solid #eee
}

.ble {
    border-left: 1px solid #eee
}

.bre {
    border-right: 1px solid #eee
}

.bte {
    border-top: 1px solid #eee
}

.bbe {
    border-bottom: 1px solid #eee
}

.bf {
    border: 1px solid #fff
}

.blf {
    border-left: 1px solid #fff
}

.brf {
    border-right: 1px solid #fff
}

.btf {
    border-top: 1px solid #fff
}

.bbf {
    border-bottom: 1px solid #fff
}

.mt-1 {
    margin-top: -1px
}

.mr-1 {
    margin-right: -1px
}

.mb-1 {
    margin-bottom: -1px
}

.ml-1 {
    margin-left: -1px
}

.mt-2 {
    margin-top: -2px
}

.mr-2 {
    margin-right: -2px
}

.mb-2 {
    margin-bottom: -2px
}

.ml-2 {
    margin-left: -2px
}

.mt-3 {
    margin-top: -3px
}

.mr-3 {
    margin-right: -3px
}

.mb-3 {
    margin-bottom: -3px
}

.ml-3 {
    margin-left: -3px
}

.mt-4 {
    margin-top: -4px
}

.mr-4 {
    margin-right: -4px
}

.mb-4 {
    margin-bottom: -4px
}

.ml-4 {
    margin-left: -4px
}

.mt-5 {
    margin-top: -5px
}

.mr-5 {
    margin-right: -5px
}

.mb-5 {
    margin-bottom: -5px
}

.ml-5 {
    margin-left: -5px
}

.mt-6 {
    margin-top: -6px
}

.mr-6 {
    margin-right: -6px
}

.mb-6 {
    margin-bottom: -6px
}

.ml-6 {
    margin-left: -6px
}

.mt-7 {
    margin-top: -7px
}

.mr-7 {
    margin-right: -7px
}

.mb-7 {
    margin-bottom: -7px
}

.ml-7 {
    margin-left: -7px
}

.mt-8 {
    margin-top: -8px
}

.mr-8 {
    margin-right: -8px
}

.mb-8 {
    margin-bottom: -8px
}

.ml-8 {
    margin-left: -8px
}

.mt-9 {
    margin-top: -9px
}

.mr-9 {
    margin-right: -9px
}

.mb-9 {
    margin-bottom: -9px
}

.ml-9 {
    margin-left: -9px
}

.mt-10 {
    margin-top: -10px
}

.mr-10 {
    margin-right: -10px
}

.mb-10 {
    margin-bottom: -10px
}

.ml-10 {
    margin-left: -10px
}

.mt-11 {
    margin-top: -11px
}

.mr-11 {
    margin-right: -11px
}

.mb-11 {
    margin-bottom: -11px
}

.ml-11 {
    margin-left: -11px
}

.mt-12 {
    margin-top: -12px
}

.mr-12 {
    margin-right: -12px
}

.mb-12 {
    margin-bottom: -12px
}

.ml-12 {
    margin-left: -12px
}

.mt-13 {
    margin-top: -13px
}

.mr-13 {
    margin-right: -13px
}

.mb-13 {
    margin-bottom: -13px
}

.ml-13 {
    margin-left: -13px
}

.mt-14 {
    margin-top: -14px
}

.mr-14 {
    margin-right: -14px
}

.mb-14 {
    margin-bottom: -14px
}

.ml-14 {
    margin-left: -14px
}

.mt-15 {
    margin-top: -15px
}

.mr-15 {
    margin-right: -15px
}

.mb-15 {
    margin-bottom: -15px
}

.ml-15 {
    margin-left: -15px
}

.mt-16 {
    margin-top: -16px
}

.mr-16 {
    margin-right: -16px
}

.mb-16 {
    margin-bottom: -16px
}

.ml-16 {
    margin-left: -16px
}

.mt-17 {
    margin-top: -17px
}

.mr-17 {
    margin-right: -17px
}

.mb-17 {
    margin-bottom: -17px
}

.ml-17 {
    margin-left: -17px
}

.mt-18 {
    margin-top: -18px
}

.mr-18 {
    margin-right: -18px
}

.mb-18 {
    margin-bottom: -18px
}

.ml-18 {
    margin-left: -18px
}

.mt-19 {
    margin-top: -19px
}

.mr-19 {
    margin-right: -19px
}

.mb-19 {
    margin-bottom: -19px
}

.ml-19 {
    margin-left: -19px
}

.mt-20 {
    margin-top: -20px
}

.mr-20 {
    margin-right: -20px
}

.mb-20 {
    margin-bottom: -20px
}

.ml-20 {
    margin-left: -20px
}

.m0 {
    margin: 0
}

.m1 {
    margin: 1px
}

.m2 {
    margin: 2px
}

.m3 {
    margin: 3px
}

.m4 {
    margin: 4px
}

.m5 {
    margin: 5px
}

.m6 {
    margin: 6px
}

.m7 {
    margin: 7px
}

.m8 {
    margin: 8px
}

.m9 {
    margin: 9px
}

.m10 {
    margin: 10px
}

.m11 {
    margin: 11px
}

.m12 {
    margin: 12px
}

.m13 {
    margin: 13px
}

.m14 {
    margin: 14px
}

.m15 {
    margin: 15px
}

.m16 {
    margin: 16px
}

.m17 {
    margin: 17px
}

.m18 {
    margin: 18px
}

.m19 {
    margin: 19px
}

.m20 {
    margin: 20px
}

.m21 {
    margin: 21px
}

.m22 {
    margin: 22px
}

.m23 {
    margin: 23px
}

.m24 {
    margin: 24px
}

.m25 {
    margin: 25px
}

.m26 {
    margin: 26px
}

.m27 {
    margin: 27px
}

.m28 {
    margin: 28px
}

.m29 {
    margin: 29px
}

.m30 {
    margin: 30px
}

.m31 {
    margin: 31px
}

.m32 {
    margin: 32px
}

.m33 {
    margin: 33px
}

.m34 {
    margin: 34px
}

.m35 {
    margin: 35px
}

.m36 {
    margin: 36px
}

.m37 {
    margin: 37px
}

.m38 {
    margin: 38px
}

.m39 {
    margin: 39px
}

.m40 {
    margin: 40px
}

.m41 {
    margin: 41px
}

.m42 {
    margin: 42px
}

.m43 {
    margin: 43px
}

.m44 {
    margin: 44px
}

.m45 {
    margin: 45px
}

.m46 {
    margin: 46px
}

.m47 {
    margin: 47px
}

.m48 {
    margin: 48px
}

.m49 {
    margin: 49px
}

.m50 {
    margin: 50px
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.mt1 {
    margin-top: 1px
}

.mr1 {
    margin-right: 1px
}

.mb1 {
    margin-bottom: 1px
}

.ml1 {
    margin-left: 1px
}

.mt2 {
    margin-top: 2px
}

.mr2 {
    margin-right: 2px
}

.mb2 {
    margin-bottom: 2px
}

.ml2 {
    margin-left: 2px
}

.mt3 {
    margin-top: 3px
}

.mr3 {
    margin-right: 3px
}

.mb3 {
    margin-bottom: 3px
}

.ml3 {
    margin-left: 3px
}

.mt4 {
    margin-top: 4px
}

.mr4 {
    margin-right: 4px
}

.mb4 {
    margin-bottom: 4px
}

.ml4 {
    margin-left: 4px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mt6 {
    margin-top: 6px
}

.mr6 {
    margin-right: 6px
}

.mb6 {
    margin-bottom: 6px
}

.ml6 {
    margin-left: 6px
}

.mt7 {
    margin-top: 7px
}

.mr7 {
    margin-right: 7px
}

.mb7 {
    margin-bottom: 7px
}

.ml7 {
    margin-left: 7px
}

.mt8 {
    margin-top: 8px
}

.mr8 {
    margin-right: 8px
}

.mb8 {
    margin-bottom: 8px
}

.ml8 {
    margin-left: 8px
}

.mt9 {
    margin-top: 9px
}

.mr9 {
    margin-right: 9px
}

.mb9 {
    margin-bottom: 9px
}

.ml9 {
    margin-left: 9px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mt11 {
    margin-top: 11px
}

.mr11 {
    margin-right: 11px
}

.mb11 {
    margin-bottom: 11px
}

.ml11 {
    margin-left: 11px
}

.mt12 {
    margin-top: 12px
}

.mr12 {
    margin-right: 12px
}

.mb12 {
    margin-bottom: 12px
}

.ml12 {
    margin-left: 12px
}

.mt13 {
    margin-top: 13px
}

.mr13 {
    margin-right: 13px
}

.mb13 {
    margin-bottom: 13px
}

.ml13 {
    margin-left: 13px
}

.mt14 {
    margin-top: 14px
}

.mr14 {
    margin-right: 14px
}

.mb14 {
    margin-bottom: 14px
}

.ml14 {
    margin-left: 14px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.mt16 {
    margin-top: 16px
}

.mr16 {
    margin-right: 16px
}

.mb16 {
    margin-bottom: 16px
}

.ml16 {
    margin-left: 16px
}

.mt17 {
    margin-top: 17px
}

.mr17 {
    margin-right: 17px
}

.mb17 {
    margin-bottom: 17px
}

.ml17 {
    margin-left: 17px
}

.mt18 {
    margin-top: 18px
}

.mr18 {
    margin-right: 18px
}

.mb18 {
    margin-bottom: 18px
}

.ml18 {
    margin-left: 18px
}

.mt19 {
    margin-top: 19px
}

.mr19 {
    margin-right: 19px
}

.mb19 {
    margin-bottom: 19px
}

.ml19 {
    margin-left: 19px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mt21 {
    margin-top: 21px
}

.mr21 {
    margin-right: 21px
}

.mb21 {
    margin-bottom: 21px
}

.ml21 {
    margin-left: 21px
}

.mt22 {
    margin-top: 22px
}

.mr22 {
    margin-right: 22px
}

.mb22 {
    margin-bottom: 22px
}

.ml22 {
    margin-left: 22px
}

.mt23 {
    margin-top: 23px
}

.mr23 {
    margin-right: 23px
}

.mb23 {
    margin-bottom: 23px
}

.ml23 {
    margin-left: 23px
}

.mt24 {
    margin-top: 24px
}

.mr24 {
    margin-right: 24px
}

.mb24 {
    margin-bottom: 24px
}

.ml24 {
    margin-left: 24px
}

.mt25 {
    margin-top: 25px
}

.mr25 {
    margin-right: 25px
}

.mb25 {
    margin-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.mt26 {
    margin-top: 26px
}

.mr26 {
    margin-right: 26px
}

.mb26 {
    margin-bottom: 26px
}

.ml26 {
    margin-left: 26px
}

.mt27 {
    margin-top: 27px
}

.mr27 {
    margin-right: 27px
}

.mb27 {
    margin-bottom: 27px
}

.ml27 {
    margin-left: 27px
}

.mt28 {
    margin-top: 28px
}

.mr28 {
    margin-right: 28px
}

.mb28 {
    margin-bottom: 28px
}

.ml28 {
    margin-left: 28px
}

.mt29 {
    margin-top: 29px
}

.mr29 {
    margin-right: 29px
}

.mb29 {
    margin-bottom: 29px
}

.ml29 {
    margin-left: 29px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.mt31 {
    margin-top: 31px
}

.mr31 {
    margin-right: 31px
}

.mb31 {
    margin-bottom: 31px
}

.ml31 {
    margin-left: 31px
}

.mt32 {
    margin-top: 32px
}

.mr32 {
    margin-right: 32px
}

.mb32 {
    margin-bottom: 32px
}

.ml32 {
    margin-left: 32px
}

.mt33 {
    margin-top: 33px
}

.mr33 {
    margin-right: 33px
}

.mb33 {
    margin-bottom: 33px
}

.ml33 {
    margin-left: 33px
}

.mt34 {
    margin-top: 34px
}

.mr34 {
    margin-right: 34px
}

.mb34 {
    margin-bottom: 34px
}

.ml34 {
    margin-left: 34px
}

.mt35 {
    margin-top: 35px
}

.mr35 {
    margin-right: 35px
}

.mb35 {
    margin-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.mt36 {
    margin-top: 36px
}

.mr36 {
    margin-right: 36px
}

.mb36 {
    margin-bottom: 36px
}

.ml36 {
    margin-left: 36px
}

.mt37 {
    margin-top: 37px
}

.mr37 {
    margin-right: 37px
}

.mb37 {
    margin-bottom: 37px
}

.ml37 {
    margin-left: 37px
}

.mt38 {
    margin-top: 38px
}

.mr38 {
    margin-right: 38px
}

.mb38 {
    margin-bottom: 38px
}

.ml38 {
    margin-left: 38px
}

.mt39 {
    margin-top: 39px
}

.mr39 {
    margin-right: 39px
}

.mb39 {
    margin-bottom: 39px
}

.ml39 {
    margin-left: 39px
}

.mt40 {
    margin-top: 40px
}

.mr40 {
    margin-right: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.mt41 {
    margin-top: 41px
}

.mr41 {
    margin-right: 41px
}

.mb41 {
    margin-bottom: 41px
}

.ml41 {
    margin-left: 41px
}

.mt42 {
    margin-top: 42px
}

.mr42 {
    margin-right: 42px
}

.mb42 {
    margin-bottom: 42px
}

.ml42 {
    margin-left: 42px
}

.mt43 {
    margin-top: 43px
}

.mr43 {
    margin-right: 43px
}

.mb43 {
    margin-bottom: 43px
}

.ml43 {
    margin-left: 43px
}

.mt44 {
    margin-top: 44px
}

.mr44 {
    margin-right: 44px
}

.mb44 {
    margin-bottom: 44px
}

.ml44 {
    margin-left: 44px
}

.mt45 {
    margin-top: 45px
}

.mr45 {
    margin-right: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.mt46 {
    margin-top: 46px
}

.mr46 {
    margin-right: 46px
}

.mb46 {
    margin-bottom: 46px
}

.ml46 {
    margin-left: 46px
}

.mt47 {
    margin-top: 47px
}

.mr47 {
    margin-right: 47px
}

.mb47 {
    margin-bottom: 47px
}

.ml47 {
    margin-left: 47px
}

.mt48 {
    margin-top: 48px
}

.mr48 {
    margin-right: 48px
}

.mb48 {
    margin-bottom: 48px
}

.ml48 {
    margin-left: 48px
}

.mt49 {
    margin-top: 49px
}

.mr49 {
    margin-right: 49px
}

.mb49 {
    margin-bottom: 49px
}

.ml49 {
    margin-left: 49px
}

.mt50 {
    margin-top: 50px
}

.mr50 {
    margin-right: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.p0 {
    padding: 0
}

.p1 {
    padding: 1px
}

.p2 {
    padding: 2px
}

.p3 {
    padding: 3px
}

.p4 {
    padding: 4px
}

.p5 {
    padding: 5px
}

.p6 {
    padding: 6px
}

.p7 {
    padding: 7px
}

.p8 {
    padding: 8px
}

.p9 {
    padding: 9px
}

.p10 {
    padding: 10px
}

.p11 {
    padding: 11px
}

.p12 {
    padding: 12px
}

.p13 {
    padding: 13px
}

.p14 {
    padding: 14px
}

.p15 {
    padding: 15px
}

.p16 {
    padding: 16px
}

.p17 {
    padding: 17px
}

.p18 {
    padding: 18px
}

.p19 {
    padding: 19px
}

.p20 {
    padding: 20px
}

.p21 {
    padding: 21px
}

.p22 {
    padding: 22px
}

.p23 {
    padding: 23px
}

.p24 {
    padding: 24px
}

.p25 {
    padding: 25px
}

.p26 {
    padding: 26px
}

.p27 {
    padding: 27px
}

.p28 {
    padding: 28px
}

.p29 {
    padding: 29px
}

.p30 {
    padding: 30px
}

.p31 {
    padding: 31px
}

.p32 {
    padding: 32px
}

.p33 {
    padding: 33px
}

.p34 {
    padding: 34px
}

.p35 {
    padding: 35px
}

.p36 {
    padding: 36px
}

.p37 {
    padding: 37px
}

.p38 {
    padding: 38px
}

.p39 {
    padding: 39px
}

.p40 {
    padding: 40px
}

.p41 {
    padding: 41px
}

.p42 {
    padding: 42px
}

.p43 {
    padding: 43px
}

.p44 {
    padding: 44px
}

.p45 {
    padding: 45px
}

.p46 {
    padding: 46px
}

.p47 {
    padding: 47px
}

.p48 {
    padding: 48px
}

.p49 {
    padding: 49px
}

.p50 {
    padding: 50px
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.pt1 {
    padding-top: 1px
}

.pr1 {
    padding-right: 1px
}

.pb1 {
    padding-bottom: 1px
}

.pl1 {
    padding-left: 1px
}

.pt2 {
    padding-top: 2px
}

.pr2 {
    padding-right: 2px
}

.pb2 {
    padding-bottom: 2px
}

.pl2 {
    padding-left: 2px
}

.pt3 {
    padding-top: 3px
}

.pr3 {
    padding-right: 3px
}

.pb3 {
    padding-bottom: 3px
}

.pl3 {
    padding-left: 3px
}

.pt4 {
    padding-top: 4px
}

.pr4 {
    padding-right: 4px
}

.pb4 {
    padding-bottom: 4px
}

.pl4 {
    padding-left: 4px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.pt6 {
    padding-top: 6px
}

.pr6 {
    padding-right: 6px
}

.pb6 {
    padding-bottom: 6px
}

.pl6 {
    padding-left: 6px
}

.pt7 {
    padding-top: 7px
}

.pr7 {
    padding-right: 7px
}

.pb7 {
    padding-bottom: 7px
}

.pl7 {
    padding-left: 7px
}

.pt8 {
    padding-top: 8px
}

.pr8 {
    padding-right: 8px
}

.pb8 {
    padding-bottom: 8px
}

.pl8 {
    padding-left: 8px
}

.pt9 {
    padding-top: 9px
}

.pr9 {
    padding-right: 9px
}

.pb9 {
    padding-bottom: 9px
}

.pl9 {
    padding-left: 9px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.pt11 {
    padding-top: 11px
}

.pr11 {
    padding-right: 11px
}

.pb11 {
    padding-bottom: 11px
}

.pl11 {
    padding-left: 11px
}

.pt12 {
    padding-top: 12px
}

.pr12 {
    padding-right: 12px
}

.pb12 {
    padding-bottom: 12px
}

.pl12 {
    padding-left: 12px
}

.pt13 {
    padding-top: 13px
}

.pr13 {
    padding-right: 13px
}

.pb13 {
    padding-bottom: 13px
}

.pl13 {
    padding-left: 13px
}

.pt14 {
    padding-top: 14px
}

.pr14 {
    padding-right: 14px
}

.pb14 {
    padding-bottom: 14px
}

.pl14 {
    padding-left: 14px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.pt16 {
    padding-top: 16px
}

.pr16 {
    padding-right: 16px
}

.pb16 {
    padding-bottom: 16px
}

.pl16 {
    padding-left: 16px
}

.pt17 {
    padding-top: 17px
}

.pr17 {
    padding-right: 17px
}

.pb17 {
    padding-bottom: 17px
}

.pl17 {
    padding-left: 17px
}

.pt18 {
    padding-top: 18px
}

.pr18 {
    padding-right: 18px
}

.pb18 {
    padding-bottom: 18px
}

.pl18 {
    padding-left: 18px
}

.pt19 {
    padding-top: 19px
}

.pr19 {
    padding-right: 19px
}

.pb19 {
    padding-bottom: 19px
}

.pl19 {
    padding-left: 19px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.pt21 {
    padding-top: 21px
}

.pr21 {
    padding-right: 21px
}

.pb21 {
    padding-bottom: 21px
}

.pl21 {
    padding-left: 21px
}

.pt22 {
    padding-top: 22px
}

.pr22 {
    padding-right: 22px
}

.pb22 {
    padding-bottom: 22px
}

.pl22 {
    padding-left: 22px
}

.pt23 {
    padding-top: 23px
}

.pr23 {
    padding-right: 23px
}

.pb23 {
    padding-bottom: 23px
}

.pl23 {
    padding-left: 23px
}

.pt24 {
    padding-top: 24px
}

.pr24 {
    padding-right: 24px
}

.pb24 {
    padding-bottom: 24px
}

.pl24 {
    padding-left: 24px
}

.pt25 {
    padding-top: 25px
}

.pr25 {
    padding-right: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pl25 {
    padding-left: 25px
}

.pt26 {
    padding-top: 26px
}

.pr26 {
    padding-right: 26px
}

.pb26 {
    padding-bottom: 26px
}

.pl26 {
    padding-left: 26px
}

.pt27 {
    padding-top: 27px
}

.pr27 {
    padding-right: 27px
}

.pb27 {
    padding-bottom: 27px
}

.pl27 {
    padding-left: 27px
}

.pt28 {
    padding-top: 28px
}

.pr28 {
    padding-right: 28px
}

.pb28 {
    padding-bottom: 28px
}

.pl28 {
    padding-left: 28px
}

.pt29 {
    padding-top: 29px
}

.pr29 {
    padding-right: 29px
}

.pb29 {
    padding-bottom: 29px
}

.pl29 {
    padding-left: 29px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.pt31 {
    padding-top: 31px
}

.pr31 {
    padding-right: 31px
}

.pb31 {
    padding-bottom: 31px
}

.pl31 {
    padding-left: 31px
}

.pt32 {
    padding-top: 32px
}

.pr32 {
    padding-right: 32px
}

.pb32 {
    padding-bottom: 32px
}

.pl32 {
    padding-left: 32px
}

.pt33 {
    padding-top: 33px
}

.pr33 {
    padding-right: 33px
}

.pb33 {
    padding-bottom: 33px
}

.pl33 {
    padding-left: 33px
}

.pt34 {
    padding-top: 34px
}

.pr34 {
    padding-right: 34px
}

.pb34 {
    padding-bottom: 34px
}

.pl34 {
    padding-left: 34px
}

.pt35 {
    padding-top: 35px
}

.pr35 {
    padding-right: 35px
}

.pb35 {
    padding-bottom: 35px
}

.pl35 {
    padding-left: 35px
}

.pt36 {
    padding-top: 36px
}

.pr36 {
    padding-right: 36px
}

.pb36 {
    padding-bottom: 36px
}

.pl36 {
    padding-left: 36px
}

.pt37 {
    padding-top: 37px
}

.pr37 {
    padding-right: 37px
}

.pb37 {
    padding-bottom: 37px
}

.pl37 {
    padding-left: 37px
}

.pt38 {
    padding-top: 38px
}

.pr38 {
    padding-right: 38px
}

.pb38 {
    padding-bottom: 38px
}

.pl38 {
    padding-left: 38px
}

.pt39 {
    padding-top: 39px
}

.pr39 {
    padding-right: 39px
}

.pb39 {
    padding-bottom: 39px
}

.pl39 {
    padding-left: 39px
}

.pt40 {
    padding-top: 40px
}

.pr40 {
    padding-right: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.pt41 {
    padding-top: 41px
}

.pr41 {
    padding-right: 41px
}

.pb41 {
    padding-bottom: 41px
}

.pl41 {
    padding-left: 41px
}

.pt42 {
    padding-top: 42px
}

.pr42 {
    padding-right: 42px
}

.pb42 {
    padding-bottom: 42px
}

.pl42 {
    padding-left: 42px
}

.pt43 {
    padding-top: 43px
}

.pr43 {
    padding-right: 43px
}

.pb43 {
    padding-bottom: 43px
}

.pl43 {
    padding-left: 43px
}

.pt44 {
    padding-top: 44px
}

.pr44 {
    padding-right: 44px
}

.pb44 {
    padding-bottom: 44px
}

.pl44 {
    padding-left: 44px
}

.pt45 {
    padding-top: 45px
}

.pr45 {
    padding-right: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pl45 {
    padding-left: 45px
}

.pt46 {
    padding-top: 46px
}

.pr46 {
    padding-right: 46px
}

.pb46 {
    padding-bottom: 46px
}

.pl46 {
    padding-left: 46px
}

.pt47 {
    padding-top: 47px
}

.pr47 {
    padding-right: 47px
}

.pb47 {
    padding-bottom: 47px
}

.pl47 {
    padding-left: 47px
}

.pt48 {
    padding-top: 48px
}

.pr48 {
    padding-right: 48px
}

.pb48 {
    padding-bottom: 48px
}

.pl48 {
    padding-left: 48px
}

.pt49 {
    padding-top: 49px
}

.pr49 {
    padding-right: 49px
}

.pb49 {
    padding-bottom: 49px
}

.pl49 {
    padding-left: 49px
}

.pt50 {
    padding-top: 50px
}

.pr50 {
    padding-right: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.r2 {
    border-radius: 2px
}

.r3 {
    border-radius: 3px
}

.r4 {
    border-radius: 4px
}

.r5 {
    border-radius: 5px
}

.r6 {
    border-radius: 6px
}

.r7 {
    border-radius: 7px
}

.r8 {
    border-radius: 8px
}

.r9 {
    border-radius: 9px
}

.r10 {
    border-radius: 10px
}

.Z1, .z1 {
    z-index: 1
}

.Z2, .z2 {
    z-index: 2
}

.Z3, .z3 {
    z-index: 3
}

.Z4, .z4 {
    z-index: 4
}

.Z5, .z5 {
    z-index: 5
}

.w1 {
    width: 1px
}

.w2 {
    width: 2px
}

.w3 {
    width: 3px
}

.w4 {
    width: 4px
}

.w5 {
    width: 5px
}

.w6 {
    width: 6px
}

.w7 {
    width: 7px
}

.w8 {
    width: 8px
}

.w9 {
    width: 9px
}

.w10 {
    width: 10px
}

.w11 {
    width: 11px
}

.w12 {
    width: 12px
}

.w13 {
    width: 13px
}

.w14 {
    width: 14px
}

.w15 {
    width: 15px
}

.w16 {
    width: 16px
}

.w17 {
    width: 17px
}

.w18 {
    width: 18px
}

.w19 {
    width: 19px
}

.w20 {
    width: 20px
}

.w21 {
    width: 21px
}

.w22 {
    width: 22px
}

.w23 {
    width: 23px
}

.w24 {
    width: 24px
}

.w25 {
    width: 25px
}

.w26 {
    width: 26px
}

.w27 {
    width: 27px
}

.w28 {
    width: 28px
}

.w29 {
    width: 29px
}

.w30 {
    width: 30px
}

.w31 {
    width: 31px
}

.w32 {
    width: 32px
}

.w33 {
    width: 33px
}

.w34 {
    width: 34px
}

.w35 {
    width: 35px
}

.w36 {
    width: 36px
}

.w37 {
    width: 37px
}

.w38 {
    width: 38px
}

.w39 {
    width: 39px
}

.w40 {
    width: 40px
}

.w41 {
    width: 41px
}

.w42 {
    width: 42px
}

.w43 {
    width: 43px
}

.w44 {
    width: 44px
}

.w45 {
    width: 45px
}

.w46 {
    width: 46px
}

.w47 {
    width: 47px
}

.w48 {
    width: 48px
}

.w49 {
    width: 49px
}

.w50 {
    width: 50px
}

.w51 {
    width: 51px
}

.w52 {
    width: 52px
}

.w53 {
    width: 53px
}

.w54 {
    width: 54px
}

.w55 {
    width: 55px
}

.w56 {
    width: 56px
}

.w57 {
    width: 57px
}

.w58 {
    width: 58px
}

.w59 {
    width: 59px
}

.w60 {
    width: 60px
}

.w61 {
    width: 61px
}

.w62 {
    width: 62px
}

.w63 {
    width: 63px
}

.w64 {
    width: 64px
}

.w65 {
    width: 65px
}

.w66 {
    width: 66px
}

.w67 {
    width: 67px
}

.w68 {
    width: 68px
}

.w69 {
    width: 69px
}

.w70 {
    width: 70px
}

.w71 {
    width: 71px
}

.w72 {
    width: 72px
}

.w73 {
    width: 73px
}

.w74 {
    width: 74px
}

.w75 {
    width: 75px
}

.w76 {
    width: 76px
}

.w77 {
    width: 77px
}

.w78 {
    width: 78px
}

.w79 {
    width: 79px
}

.w80 {
    width: 80px
}

.w81 {
    width: 81px
}

.w82 {
    width: 82px
}

.w83 {
    width: 83px
}

.w84 {
    width: 84px
}

.w85 {
    width: 85px
}

.w86 {
    width: 86px
}

.w87 {
    width: 87px
}

.w88 {
    width: 88px
}

.w89 {
    width: 89px
}

.w90 {
    width: 90px
}

.w91 {
    width: 91px
}

.w92 {
    width: 92px
}

.w93 {
    width: 93px
}

.w94 {
    width: 94px
}

.w95 {
    width: 95px
}

.w96 {
    width: 96px
}

.w97 {
    width: 97px
}

.w98 {
    width: 98px
}

.w99 {
    width: 99px
}

.w100 {
    width: 100px
}

.w101 {
    width: 101px
}

.w102 {
    width: 102px
}

.w103 {
    width: 103px
}

.w104 {
    width: 104px
}

.w105 {
    width: 105px
}

.w106 {
    width: 106px
}

.w107 {
    width: 107px
}

.w108 {
    width: 108px
}

.w109 {
    width: 109px
}

.w110 {
    width: 110px
}

.w111 {
    width: 111px
}

.w112 {
    width: 112px
}

.w113 {
    width: 113px
}

.w114 {
    width: 114px
}

.w115 {
    width: 115px
}

.w116 {
    width: 116px
}

.w117 {
    width: 117px
}

.w118 {
    width: 118px
}

.w119 {
    width: 119px
}

.w120 {
    width: 120px
}

.w121 {
    width: 121px
}

.w122 {
    width: 122px
}

.w123 {
    width: 123px
}

.w124 {
    width: 124px
}

.w125 {
    width: 125px
}

.w126 {
    width: 126px
}

.w127 {
    width: 127px
}

.w128 {
    width: 128px
}

.w129 {
    width: 129px
}

.w130 {
    width: 130px
}

.w131 {
    width: 131px
}

.w132 {
    width: 132px
}

.w133 {
    width: 133px
}

.w134 {
    width: 134px
}

.w135 {
    width: 135px
}

.w136 {
    width: 136px
}

.w137 {
    width: 137px
}

.w138 {
    width: 138px
}

.w139 {
    width: 139px
}

.w140 {
    width: 140px
}

.w141 {
    width: 141px
}

.w142 {
    width: 142px
}

.w143 {
    width: 143px
}

.w144 {
    width: 144px
}

.w145 {
    width: 145px
}

.w146 {
    width: 146px
}

.w147 {
    width: 147px
}

.w148 {
    width: 148px
}

.w149 {
    width: 149px
}

.w150 {
    width: 150px
}

.w151 {
    width: 151px
}

.w152 {
    width: 152px
}

.w153 {
    width: 153px
}

.w154 {
    width: 154px
}

.w155 {
    width: 155px
}

.w156 {
    width: 156px
}

.w157 {
    width: 157px
}

.w158 {
    width: 158px
}

.w159 {
    width: 159px
}

.w160 {
    width: 160px
}

.w161 {
    width: 161px
}

.w162 {
    width: 162px
}

.w163 {
    width: 163px
}

.w164 {
    width: 164px
}

.w165 {
    width: 165px
}

.w166 {
    width: 166px
}

.w167 {
    width: 167px
}

.w168 {
    width: 168px
}

.w169 {
    width: 169px
}

.w170 {
    width: 170px
}

.w171 {
    width: 171px
}

.w172 {
    width: 172px
}

.w173 {
    width: 173px
}

.w174 {
    width: 174px
}

.w175 {
    width: 175px
}

.w176 {
    width: 176px
}

.w177 {
    width: 177px
}

.w178 {
    width: 178px
}

.w179 {
    width: 179px
}

.w180 {
    width: 180px
}

.w181 {
    width: 181px
}

.w182 {
    width: 182px
}

.w183 {
    width: 183px
}

.w184 {
    width: 184px
}

.w185 {
    width: 185px
}

.w186 {
    width: 186px
}

.w187 {
    width: 187px
}

.w188 {
    width: 188px
}

.w189 {
    width: 189px
}

.w190 {
    width: 190px
}

.w191 {
    width: 191px
}

.w192 {
    width: 192px
}

.w193 {
    width: 193px
}

.w194 {
    width: 194px
}

.w195 {
    width: 195px
}

.w196 {
    width: 196px
}

.w197 {
    width: 197px
}

.w198 {
    width: 198px
}

.w199 {
    width: 199px
}

.w200 {
    width: 200px
}

.w201 {
    width: 201px
}

.w202 {
    width: 202px
}

.w203 {
    width: 203px
}

.w204 {
    width: 204px
}

.w205 {
    width: 205px
}

.w206 {
    width: 206px
}

.w207 {
    width: 207px
}

.w208 {
    width: 208px
}

.w209 {
    width: 209px
}

.w210 {
    width: 210px
}

.w211 {
    width: 211px
}

.w212 {
    width: 212px
}

.w213 {
    width: 213px
}

.w214 {
    width: 214px
}

.w215 {
    width: 215px
}

.w216 {
    width: 216px
}

.w217 {
    width: 217px
}

.w218 {
    width: 218px
}

.w219 {
    width: 219px
}

.w220 {
    width: 220px
}

.w221 {
    width: 221px
}

.w222 {
    width: 222px
}

.w223 {
    width: 223px
}

.w224 {
    width: 224px
}

.w225 {
    width: 225px
}

.w226 {
    width: 226px
}

.w227 {
    width: 227px
}

.w228 {
    width: 228px
}

.w229 {
    width: 229px
}

.w230 {
    width: 230px
}

.w231 {
    width: 231px
}

.w232 {
    width: 232px
}

.w233 {
    width: 233px
}

.w234 {
    width: 234px
}

.w235 {
    width: 235px
}

.w236 {
    width: 236px
}

.w237 {
    width: 237px
}

.w238 {
    width: 238px
}

.w239 {
    width: 239px
}

.w240 {
    width: 240px
}

.w241 {
    width: 241px
}

.w242 {
    width: 242px
}

.w243 {
    width: 243px
}

.w244 {
    width: 244px
}

.w245 {
    width: 245px
}

.w246 {
    width: 246px
}

.w247 {
    width: 247px
}

.w248 {
    width: 248px
}

.w249 {
    width: 249px
}

.w250 {
    width: 250px
}

.w251 {
    width: 251px
}

.w252 {
    width: 252px
}

.w253 {
    width: 253px
}

.w254 {
    width: 254px
}

.w255 {
    width: 255px
}

.w256 {
    width: 256px
}

.w257 {
    width: 257px
}

.w258 {
    width: 258px
}

.w259 {
    width: 259px
}

.w260 {
    width: 260px
}

.w261 {
    width: 261px
}

.w262 {
    width: 262px
}

.w263 {
    width: 263px
}

.w264 {
    width: 264px
}

.w265 {
    width: 265px
}

.w266 {
    width: 266px
}

.w267 {
    width: 267px
}

.w268 {
    width: 268px
}

.w269 {
    width: 269px
}

.w270 {
    width: 270px
}

.w271 {
    width: 271px
}

.w272 {
    width: 272px
}

.w273 {
    width: 273px
}

.w274 {
    width: 274px
}

.w275 {
    width: 275px
}

.w276 {
    width: 276px
}

.w277 {
    width: 277px
}

.w278 {
    width: 278px
}

.w279 {
    width: 279px
}

.w280 {
    width: 280px
}

.w281 {
    width: 281px
}

.w282 {
    width: 282px
}

.w283 {
    width: 283px
}

.w284 {
    width: 284px
}

.w285 {
    width: 285px
}

.w286 {
    width: 286px
}

.w287 {
    width: 287px
}

.w288 {
    width: 288px
}

.w289 {
    width: 289px
}

.w290 {
    width: 290px
}

.w291 {
    width: 291px
}

.w292 {
    width: 292px
}

.w293 {
    width: 293px
}

.w294 {
    width: 294px
}

.w295 {
    width: 295px
}

.w296 {
    width: 296px
}

.w297 {
    width: 297px
}

.w298 {
    width: 298px
}

.w299 {
    width: 299px
}

.w300 {
    width: 300px
}

.w301 {
    width: 301px
}

.w302 {
    width: 302px
}

.w303 {
    width: 303px
}

.w304 {
    width: 304px
}

.w305 {
    width: 305px
}

.w306 {
    width: 306px
}

.w307 {
    width: 307px
}

.w308 {
    width: 308px
}

.w309 {
    width: 309px
}

.w310 {
    width: 310px
}

.w311 {
    width: 311px
}

.w312 {
    width: 312px
}

.w313 {
    width: 313px
}

.w314 {
    width: 314px
}

.w315 {
    width: 315px
}

.w316 {
    width: 316px
}

.w317 {
    width: 317px
}

.w318 {
    width: 318px
}

.w319 {
    width: 319px
}

.w320 {
    width: 320px
}

.w321 {
    width: 321px
}

.w322 {
    width: 322px
}

.w323 {
    width: 323px
}

.w324 {
    width: 324px
}

.w325 {
    width: 325px
}

.w326 {
    width: 326px
}

.w327 {
    width: 327px
}

.w328 {
    width: 328px
}

.w329 {
    width: 329px
}

.w330 {
    width: 330px
}

.w331 {
    width: 331px
}

.w332 {
    width: 332px
}

.w333 {
    width: 333px
}

.w334 {
    width: 334px
}

.w335 {
    width: 335px
}

.w336 {
    width: 336px
}

.w337 {
    width: 337px
}

.w338 {
    width: 338px
}

.w339 {
    width: 339px
}

.w340 {
    width: 340px
}

.w341 {
    width: 341px
}

.w342 {
    width: 342px
}

.w343 {
    width: 343px
}

.w344 {
    width: 344px
}

.w345 {
    width: 345px
}

.w346 {
    width: 346px
}

.w347 {
    width: 347px
}

.w348 {
    width: 348px
}

.w349 {
    width: 349px
}

.w350 {
    width: 350px
}

.w351 {
    width: 351px
}

.w352 {
    width: 352px
}

.w353 {
    width: 353px
}

.w354 {
    width: 354px
}

.w355 {
    width: 355px
}

.w356 {
    width: 356px
}

.w357 {
    width: 357px
}

.w358 {
    width: 358px
}

.w359 {
    width: 359px
}

.w360 {
    width: 360px
}

.w361 {
    width: 361px
}

.w362 {
    width: 362px
}

.w363 {
    width: 363px
}

.w364 {
    width: 364px
}

.w365 {
    width: 365px
}

.w366 {
    width: 366px
}

.w367 {
    width: 367px
}

.w368 {
    width: 368px
}

.w369 {
    width: 369px
}

.w370 {
    width: 370px
}

.w371 {
    width: 371px
}

.w372 {
    width: 372px
}

.w373 {
    width: 373px
}

.w374 {
    width: 374px
}

.w375 {
    width: 375px
}

.w376 {
    width: 376px
}

.w377 {
    width: 377px
}

.w378 {
    width: 378px
}

.w379 {
    width: 379px
}

.w380 {
    width: 380px
}

.w381 {
    width: 381px
}

.w382 {
    width: 382px
}

.w383 {
    width: 383px
}

.w384 {
    width: 384px
}

.w385 {
    width: 385px
}

.w386 {
    width: 386px
}

.w387 {
    width: 387px
}

.w388 {
    width: 388px
}

.w389 {
    width: 389px
}

.w390 {
    width: 390px
}

.w391 {
    width: 391px
}

.w392 {
    width: 392px
}

.w393 {
    width: 393px
}

.w394 {
    width: 394px
}

.w395 {
    width: 395px
}

.w396 {
    width: 396px
}

.w397 {
    width: 397px
}

.w398 {
    width: 398px
}

.w399 {
    width: 399px
}

.w400 {
    width: 400px
}

.w401 {
    width: 401px
}

.w402 {
    width: 402px
}

.w403 {
    width: 403px
}

.w404 {
    width: 404px
}

.w405 {
    width: 405px
}

.w406 {
    width: 406px
}

.w407 {
    width: 407px
}

.w408 {
    width: 408px
}

.w409 {
    width: 409px
}

.w410 {
    width: 410px
}

.w411 {
    width: 411px
}

.w412 {
    width: 412px
}

.w413 {
    width: 413px
}

.w414 {
    width: 414px
}

.w415 {
    width: 415px
}

.w416 {
    width: 416px
}

.w417 {
    width: 417px
}

.w418 {
    width: 418px
}

.w419 {
    width: 419px
}

.w420 {
    width: 420px
}

.w421 {
    width: 421px
}

.w422 {
    width: 422px
}

.w423 {
    width: 423px
}

.w424 {
    width: 424px
}

.w425 {
    width: 425px
}

.w426 {
    width: 426px
}

.w427 {
    width: 427px
}

.w428 {
    width: 428px
}

.w429 {
    width: 429px
}

.w430 {
    width: 430px
}

.w431 {
    width: 431px
}

.w432 {
    width: 432px
}

.w433 {
    width: 433px
}

.w434 {
    width: 434px
}

.w435 {
    width: 435px
}

.w436 {
    width: 436px
}

.w437 {
    width: 437px
}

.w438 {
    width: 438px
}

.w439 {
    width: 439px
}

.w440 {
    width: 440px
}

.w441 {
    width: 441px
}

.w442 {
    width: 442px
}

.w443 {
    width: 443px
}

.w444 {
    width: 444px
}

.w445 {
    width: 445px
}

.w446 {
    width: 446px
}

.w447 {
    width: 447px
}

.w448 {
    width: 448px
}

.w449 {
    width: 449px
}

.w450 {
    width: 450px
}

.w451 {
    width: 451px
}

.w452 {
    width: 452px
}

.w453 {
    width: 453px
}

.w454 {
    width: 454px
}

.w455 {
    width: 455px
}

.w456 {
    width: 456px
}

.w457 {
    width: 457px
}

.w458 {
    width: 458px
}

.w459 {
    width: 459px
}

.w460 {
    width: 460px
}

.w461 {
    width: 461px
}

.w462 {
    width: 462px
}

.w463 {
    width: 463px
}

.w464 {
    width: 464px
}

.w465 {
    width: 465px
}

.w466 {
    width: 466px
}

.w467 {
    width: 467px
}

.w468 {
    width: 468px
}

.w469 {
    width: 469px
}

.w470 {
    width: 470px
}

.w471 {
    width: 471px
}

.w472 {
    width: 472px
}

.w473 {
    width: 473px
}

.w474 {
    width: 474px
}

.w475 {
    width: 475px
}

.w476 {
    width: 476px
}

.w477 {
    width: 477px
}

.w478 {
    width: 478px
}

.w479 {
    width: 479px
}

.w480 {
    width: 480px
}

.w481 {
    width: 481px
}

.w482 {
    width: 482px
}

.w483 {
    width: 483px
}

.w484 {
    width: 484px
}

.w485 {
    width: 485px
}

.w486 {
    width: 486px
}

.w487 {
    width: 487px
}

.w488 {
    width: 488px
}

.w489 {
    width: 489px
}

.w490 {
    width: 490px
}

.w491 {
    width: 491px
}

.w492 {
    width: 492px
}

.w493 {
    width: 493px
}

.w494 {
    width: 494px
}

.w495 {
    width: 495px
}

.w496 {
    width: 496px
}

.w497 {
    width: 497px
}

.w498 {
    width: 498px
}

.w499 {
    width: 499px
}

.w500 {
    width: 500px
}

.h1 {
    height: 1px
}

.h2 {
    height: 2px
}

.h3 {
    height: 3px
}

.h4 {
    height: 4px
}

.h5 {
    height: 5px
}

.h6 {
    height: 6px
}

.h7 {
    height: 7px
}

.h8 {
    height: 8px
}

.h9 {
    height: 9px
}

.h10, .hl10 {
    height: 10px
}

.h11, .hl11 {
    height: 11px
}

.h12, .hl12 {
    height: 12px
}

.h13, .hl13 {
    height: 13px
}

.h14, .hl14 {
    height: 14px
}

.h15, .hl15 {
    height: 15px
}

.h16, .hl16 {
    height: 16px
}

.h17, .hl17 {
    height: 17px
}

.h18, .hl18 {
    height: 18px
}

.h19, .hl19 {
    height: 19px
}

.h20, .hl20 {
    height: 20px
}

.h21, .hl21 {
    height: 21px
}

.h22, .hl22 {
    height: 22px
}

.h23, .hl23 {
    height: 23px
}

.h24, .hl24 {
    height: 24px
}

.h25, .hl25 {
    height: 25px
}

.h26, .hl26 {
    height: 26px
}

.h27, .hl27 {
    height: 27px
}

.h28, .hl28 {
    height: 28px
}

.h29, .hl29 {
    height: 29px
}

.h30, .hl30 {
    height: 30px
}

.h31, .hl31 {
    height: 31px
}

.h32, .hl32 {
    height: 32px
}

.h33, .hl33 {
    height: 33px
}

.h34, .hl34 {
    height: 34px
}

.h35, .hl35 {
    height: 35px
}

.h36, .hl36 {
    height: 36px
}

.h37, .hl37 {
    height: 37px
}

.h38, .hl38 {
    height: 38px
}

.h39, .hl39 {
    height: 39px
}

.h40, .hl40 {
    height: 40px
}

.h41, .hl41 {
    height: 41px
}

.h42, .hl42 {
    height: 42px
}

.h43, .hl43 {
    height: 43px
}

.h44, .hl44 {
    height: 44px
}

.h45, .hl45 {
    height: 45px
}

.h46, .hl46 {
    height: 46px
}

.h47, .hl47 {
    height: 47px
}

.h48, .hl48 {
    height: 48px
}

.h49, .hl49 {
    height: 49px
}

.h50, .hl50 {
    height: 50px
}

.h51, .hl51 {
    height: 51px
}

.h52, .hl52 {
    height: 52px
}

.h53, .hl53 {
    height: 53px
}

.h54, .hl54 {
    height: 54px
}

.h55, .hl55 {
    height: 55px
}

.h56, .hl56 {
    height: 56px
}

.h57, .hl57 {
    height: 57px
}

.h58, .hl58 {
    height: 58px
}

.h59, .hl59 {
    height: 59px
}

.h60, .hl60 {
    height: 60px
}

.h61 {
    height: 61px
}

.h62 {
    height: 62px
}

.h63 {
    height: 63px
}

.h64 {
    height: 64px
}

.h65 {
    height: 65px
}

.h66 {
    height: 66px
}

.h67 {
    height: 67px
}

.h68 {
    height: 68px
}

.h69 {
    height: 69px
}

.h70 {
    height: 70px
}

.h71 {
    height: 71px
}

.h72 {
    height: 72px
}

.h73 {
    height: 73px
}

.h74 {
    height: 74px
}

.h75 {
    height: 75px
}

.h76 {
    height: 76px
}

.h77 {
    height: 77px
}

.h78 {
    height: 78px
}

.h79 {
    height: 79px
}

.h80 {
    height: 80px
}

.h81 {
    height: 81px
}

.h82 {
    height: 82px
}

.h83 {
    height: 83px
}

.h84 {
    height: 84px
}

.h85 {
    height: 85px
}

.h86 {
    height: 86px
}

.h87 {
    height: 87px
}

.h88 {
    height: 88px
}

.h89 {
    height: 89px
}

.h90 {
    height: 90px
}

.h91 {
    height: 91px
}

.h92 {
    height: 92px
}

.h93 {
    height: 93px
}

.h94 {
    height: 94px
}

.h95 {
    height: 95px
}

.h96 {
    height: 96px
}

.h97 {
    height: 97px
}

.h98 {
    height: 98px
}

.h99 {
    height: 99px
}

.h100 {
    height: 100px
}

.h101 {
    height: 101px
}

.h102 {
    height: 102px
}

.h103 {
    height: 103px
}

.h104 {
    height: 104px
}

.h105 {
    height: 105px
}

.h106 {
    height: 106px
}

.h107 {
    height: 107px
}

.h108 {
    height: 108px
}

.h109 {
    height: 109px
}

.h110 {
    height: 110px
}

.h111 {
    height: 111px
}

.h112 {
    height: 112px
}

.h113 {
    height: 113px
}

.h114 {
    height: 114px
}

.h115 {
    height: 115px
}

.h116 {
    height: 116px
}

.h117 {
    height: 117px
}

.h118 {
    height: 118px
}

.h119 {
    height: 119px
}

.h120 {
    height: 120px
}

.h121 {
    height: 121px
}

.h122 {
    height: 122px
}

.h123 {
    height: 123px
}

.h124 {
    height: 124px
}

.h125 {
    height: 125px
}

.h126 {
    height: 126px
}

.h127 {
    height: 127px
}

.h128 {
    height: 128px
}

.h129 {
    height: 129px
}

.h130 {
    height: 130px
}

.h131 {
    height: 131px
}

.h132 {
    height: 132px
}

.h133 {
    height: 133px
}

.h134 {
    height: 134px
}

.h135 {
    height: 135px
}

.h136 {
    height: 136px
}

.h137 {
    height: 137px
}

.h138 {
    height: 138px
}

.h139 {
    height: 139px
}

.h140 {
    height: 140px
}

.h141 {
    height: 141px
}

.h142 {
    height: 142px
}

.h143 {
    height: 143px
}

.h144 {
    height: 144px
}

.h145 {
    height: 145px
}

.h146 {
    height: 146px
}

.h147 {
    height: 147px
}

.h148 {
    height: 148px
}

.h149 {
    height: 149px
}

.h150 {
    height: 150px
}

.h151 {
    height: 151px
}

.h152 {
    height: 152px
}

.h153 {
    height: 153px
}

.h154 {
    height: 154px
}

.h155 {
    height: 155px
}

.h156 {
    height: 156px
}

.h157 {
    height: 157px
}

.h158 {
    height: 158px
}

.h159 {
    height: 159px
}

.h160 {
    height: 160px
}

.h161 {
    height: 161px
}

.h162 {
    height: 162px
}

.h163 {
    height: 163px
}

.h164 {
    height: 164px
}

.h165 {
    height: 165px
}

.h166 {
    height: 166px
}

.h167 {
    height: 167px
}

.h168 {
    height: 168px
}

.h169 {
    height: 169px
}

.h170 {
    height: 170px
}

.h171 {
    height: 171px
}

.h172 {
    height: 172px
}

.h173 {
    height: 173px
}

.h174 {
    height: 174px
}

.h175 {
    height: 175px
}

.h176 {
    height: 176px
}

.h177 {
    height: 177px
}

.h178 {
    height: 178px
}

.h179 {
    height: 179px
}

.h180 {
    height: 180px
}

.h181 {
    height: 181px
}

.h182 {
    height: 182px
}

.h183 {
    height: 183px
}

.h184 {
    height: 184px
}

.h185 {
    height: 185px
}

.h186 {
    height: 186px
}

.h187 {
    height: 187px
}

.h188 {
    height: 188px
}

.h189 {
    height: 189px
}

.h190 {
    height: 190px
}

.h191 {
    height: 191px
}

.h192 {
    height: 192px
}

.h193 {
    height: 193px
}

.h194 {
    height: 194px
}

.h195 {
    height: 195px
}

.h196 {
    height: 196px
}

.h197 {
    height: 197px
}

.h198 {
    height: 198px
}

.h199 {
    height: 199px
}

.h200 {
    height: 200px
}

.f10 {
    font-size: 10px
}

.f11 {
    font-size: 11px
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f17 {
    font-size: 17px
}

.f18 {
    font-size: 18px
}

.f19 {
    font-size: 19px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f22 {
    font-size: 22px
}

.f23 {
    font-size: 23px
}

.f24 {
    font-size: 24px
}

.f25 {
    font-size: 25px
}

.f26 {
    font-size: 26px
}

.f27 {
    font-size: 27px
}

.f28 {
    font-size: 28px
}

.f29 {
    font-size: 29px
}

.f30 {
    font-size: 30px
}

.f31 {
    font-size: 31px
}

.f32 {
    font-size: 32px
}

.f33 {
    font-size: 33px
}

.f34 {
    font-size: 34px
}

.f35 {
    font-size: 35px
}

.f36 {
    font-size: 36px
}

.f37 {
    font-size: 37px
}

.f38 {
    font-size: 38px
}

.f39 {
    font-size: 39px
}

.f40 {
    font-size: 40px
}

.hl10, .lh10 {
    line-height: 10px
}

.hl11, .lh11 {
    line-height: 11px
}

.hl12, .lh12 {
    line-height: 12px
}

.hl13, .lh13 {
    line-height: 13px
}

.hl14, .lh14 {
    line-height: 14px
}

.hl15, .lh15 {
    line-height: 15px
}

.hl16, .lh16 {
    line-height: 16px
}

.hl17, .lh17 {
    line-height: 17px
}

.hl18, .lh18 {
    line-height: 18px
}

.hl19, .lh19 {
    line-height: 19px
}

.hl20, .lh20 {
    line-height: 20px
}

.hl21, .lh21 {
    line-height: 21px
}

.hl22, .lh22 {
    line-height: 22px
}

.hl23, .lh23 {
    line-height: 23px
}

.hl24, .lh24 {
    line-height: 24px
}

.hl25, .lh25 {
    line-height: 25px
}

.hl26, .lh26 {
    line-height: 26px
}

.hl27, .lh27 {
    line-height: 27px
}

.hl28, .lh28 {
    line-height: 28px
}

.hl29, .lh29 {
    line-height: 29px
}

.hl30, .lh30 {
    line-height: 30px
}

.hl31, .lh31 {
    line-height: 31px
}

.hl32, .lh32 {
    line-height: 32px
}

.hl33, .lh33 {
    line-height: 33px
}

.hl34, .lh34 {
    line-height: 34px
}

.hl35, .lh35 {
    line-height: 35px
}

.hl36, .lh36 {
    line-height: 36px
}

.hl37, .lh37 {
    line-height: 37px
}

.hl38, .lh38 {
    line-height: 38px
}

.hl39, .lh39 {
    line-height: 39px
}

.hl40, .lh40 {
    line-height: 40px
}

.hl41, .lh41 {
    line-height: 41px
}

.hl42, .lh42 {
    line-height: 42px
}

.hl43, .lh43 {
    line-height: 43px
}

.hl44, .lh44 {
    line-height: 44px
}

.hl45, .lh45 {
    line-height: 45px
}

.hl46, .lh46 {
    line-height: 46px
}

.hl47, .lh47 {
    line-height: 47px
}

.hl48, .lh48 {
    line-height: 48px
}

.hl49, .lh49 {
    line-height: 49px
}

.hl50, .lh50 {
    line-height: 50px
}

.hl51, .lh51 {
    line-height: 51px
}

.hl52, .lh52 {
    line-height: 52px
}

.hl53, .lh53 {
    line-height: 53px
}

.hl54, .lh54 {
    line-height: 54px
}

.hl55, .lh55 {
    line-height: 55px
}

.hl56, .lh56 {
    line-height: 56px
}

.hl57, .lh57 {
    line-height: 57px
}

.hl58, .lh58 {
    line-height: 58px
}

.hl59, .lh59 {
    line-height: 59px
}

.hl60, .lh60 {
    line-height: 60px
}

.ls1 {
    letter-spacing: 1px
}

.ls2 {
    letter-spacing: 2px
}

.ls3 {
    letter-spacing: 3px
}

.ls4 {
    letter-spacing: 4px
}

.ls5 {
    letter-spacing: 5px
}

.ls6 {
    letter-spacing: 6px
}

.ls7 {
    letter-spacing: 7px
}

.ls8 {
    letter-spacing: 8px
}

.ls9 {
    letter-spacing: 9px
}

.ls10 {
    letter-spacing: 10px
}

.ls11 {
    letter-spacing: 11px
}

.ls12 {
    letter-spacing: 12px
}

.ls13 {
    letter-spacing: 13px
}

.ls14 {
    letter-spacing: 14px
}

.ls15 {
    letter-spacing: 15px
}

.ls16 {
    letter-spacing: 16px
}

.ls17 {
    letter-spacing: 17px
}

.ls18 {
    letter-spacing: 18px
}

.ls19 {
    letter-spacing: 19px
}

.ls20 {
    letter-spacing: 20px
}

#banner-shicai {
    overflow: hidden;
    background: #182b45;
    min-width: 1200px;
    max-height: 600px
}

.banner-shicai-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/banner_shicai_1.3.jpg) no-repeat center center;
    background-size: auto 120%
}

.banner-shicai-title {
    position: absolute;
    left: 0;
    top: 22%;
    width: 100%
}

.banner-shicai-title h1, .banner-shicai-title h2 {
    white-space: nowrap;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    visibility: inherit;
    border-width: 0;
    padding: 0;
    letter-spacing: 0;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    opacity: 1
}

.banner-shicai-title h1 {
    margin-bottom: 35px;
    font-size: 45px
}

.banner-shicai-title h2 {
    font-size: 25px
}

.banner-shicai-content p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 25%
}

.banner-shicai-content button {
    box-shadow: 0 5px 10px #182b45;
    text-align: center;
    border: none;
    width: 210px;
    background-color: #ff8708;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    border-radius: 3px
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.public_butBlue, .public_butGreen, .public_butYellow {
    width: 180px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    border-radius: 100px;
    text-align: center;
    cursor: pointer
}

.public_butBlue a, .public_butGreen a, .public_butYellow a {
    text-decoration: none;
    display: block
}

.public_butBlue a, .public_butGreen a {
    color: #fff
}

.public_butYellow {
    color: #252525;
    background: #fefd0c
}

.public_butGreen {
    color: #fff;
    background: #0c5
}

.public_butBlue {
    color: #fff;
    background: #2b7bcd
}

.shicai_user_order {
    background: url(../images/shicai_user_order.jpg) no-repeat center center;
    width: 100%;
    height: 469px;
    overflow: hidden
}

.shicai_user_order_img {
    float: left;
    margin-top: 38px;
    font-size: 0
}

.shicai_user_order_main {
    float: right;
    color: #fff;
    width: 657px;
    height: 469px
}

.shicai_user_order_main h3.title {
    margin-top: 60px;
    margin-left: 48px;
    margin-bottom: 32px;
    background: url(../images/shicai_user_order_left.png) no-repeat left top;
    text-align: center
}

.shicai_user_order_main h3.title span {
    display: block;
    background: url(../images/shicai_user_order_right.png) no-repeat right bottom;
    height: 74px;
    width: 330px;
    overflow: hidden;
    line-height: 80px;
    font-size: 56px;
    font-weight: 700
}

.shicai_user_order_main .message {
    font-size: 20px;
    line-height: 40px;
    margin-left: 100px
}

.shicai_user_order_main .button {
    margin-top: 30px;
    margin-left: 100px
}

.shicai_user_order_main .button li {
    margin-right: 40px;
    float: left
}

.shicai_intelligent_sorting {
    height: 580px;
    overflow: hidden
}

.shicai_intelligent_sorting_main {
    float: left
}

.shicai_intelligent_sorting_main .title {
    height: 60px;
    line-height: 60px;
    margin-top: 154px;
    margin-bottom: 22px;
    font-size: 50px;
    font-weight: 700;
    background: url(../images/shicai_intelligent_sorting_title.jpg) no-repeat left center;
    padding-left: 72px;
    color: #2b7bcd
}

.shicai_intelligent_sorting .message {
    font-size: 20px;
    line-height: 40px;
    margin-left: 72px
}

.shicai_intelligent_sorting_img {
    margin-top: 65px;
    float: right
}

.shicai_intelligent_sorting .button {
    margin-top: 30px;
    margin-left: 72px
}

.shicai_intelligent_sorting .button li {
    margin-right: 40px;
    float: left
}

.shicai_admin_table {
    background: url(../images/shicai_admin_table.jpg) no-repeat center center
}

.shicai_admin_table_img {
    float: left;
    margin-top: 75px;
    font-size: 0
}

.shicai_admin_table h3.title {
    margin-left: 35px
}

.shicai_admin_table h3.title span {
    width: 618px
}

.SMfive h2 {
    color: #e7283c;
    font-size: 24px
}

.SMfive dl span {
    color: #858585;
    margin-bottom: 8px;
    display: inline-block
}

.SMfive dt img {
    max-width: 100%
}

.SMfive dl {
    margin-bottom: 40px
}

.SMfive dl p {
    color: #000;
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative
}

.SMfive dl p:before {
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50px;
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: red
}

.SM_sc_butGreen, .SM_sc_butOrange {
    border: none;
    border-radius: 30px;
    font-size: 20px;
    background: #2bb46e;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

.SM_sc_butOrange {
    background: #ff8708
}

.SM_sc_butGreen a, .SM_sc_butOrange a {
    color: #fff;
    padding: 12px 35px;
    display: inline-block
}

.SMscroll {
    height: 548px;
    width: 100%
}

.SMscroll .greenBg {
    background: rgba(43, 180, 110, .73);
    height: 350px;
    margin-top: 100px;
    float: left;
    width: 100%
}

.carousel-control.left, .carousel-control.right {
    background: 0 0
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 0;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/arrLeft.png) no-repeat center center
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    background: url(../images/arrRight.png) no-repeat center center
}

.bgorange {
    background: #ff8708
}

#about .inner {
    width: 1160px;
    margin: 0 auto
}

#about p {
    line-height: 1.6
}

#about .banner-col {
    width: 1200px;
    margin: 0 auto
}

#about h2 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 50px
}

#about .carousel-caption {
    bottom: 40%;
    right: 0;
    left: 0
}

#about .about_content {
    height: 470px;
    padding-top: 180px;
    background: url(../images/about_con_title.jpg) no-repeat center 60px
}

#about .about_content img {
    width: 287px;
    height: 223px;
    border-radius: 5px;
    float: left;
    overflow: hidden
}

#about .about_content span {
    display: block;
    float: right;
    width: 835px;
    height: 200px;
    font-size: 16px;
    color: #5e5e5e
}

#about .about_content span p {
    margin: 0;
    padding: 5px 0 10px
}

#about .about_corporate {
    height: 450px;
    background: #f8f8f8
}

#about .about_corporate ul {
    padding-top: 145px;
    background: url(../images/about_corporate_title.jpg) no-repeat center 45px
}

#about .about_corporate ul li {
    width: 300px;
    float: left;
    margin-right: 130px
}

#about .about_corporate ul li:last-child {
    margin-right: 0
}

#about .about_corporate ul li span {
    width: 300px;
    height: 140px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: block
}

#about .about_corporate ul li span em {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 140px;
    color: #fff;
    font-size: 36px
}

#about .about_corporate ul li p {
    margin: 20px 0 0 5px;
    color: #5e5e5e;
    font-size: 16px
}

#about .about_media {
    height: 650px;
    padding-top: 135px;
    background: url(../images/about_media_title.jpg) no-repeat center 45px
}

#about .about_media li {
    margin-bottom: 45px;
    height: 120px
}

#about .about_media li img {
    margin-right: 30px;
    border-radius: 5px;
    display: block;
    float: left
}

#about .about_media li a {
    width: 925px;
    display: block;
    float: right
}

#about .about_media li a:hover {
    text-decoration: none
}

#about .about_media li h3 {
    font-size: 20px;
    color: #000
}

#about .about_media li h3:hover {
    color: #2fbd71
}

#about .about_media li p {
    color: #5e5e5e;
    font-size: 16px
}

#about .about_media li p:hover {
    color: #2fbd71
}

.cdefault {
    color: #3bbe6d
}

#contactUs .inner {
    width: 1160px;
    margin: 0 auto
}

#contactUs .innerOne {
    width: 760px;
    margin: 0 auto
}

#contactUs .innerTwo {
    width: 1200px;
    margin: 0 auto
}

#contactUs .contact-banner {
    height: 420px;
    width: 100%;
    background: url(../images/contact-banner.jpg) no-repeat center center
}

#contactUs .contact-box {
    height: 420px;
    width: 455px;
    background: #3bbe6d
}

#contactUs .contact-us .submit-item input {
    position: relative;
    z-index: 2;
    background: 0 0;
    border: 1px solid #dadada;
    border-radius: 4px;
    line-height: 42px;
    height: 42px;
    padding: 0 15px;
    margin-bottom: 0;
    width: 100%
}

#contactUs .inputName {
    width: 49%;
    float: left
}

#contactUs .inputPhone {
    width: 49%;
    float: right
}

#contactUs .contact-us #submit-button2 {
    background: #f7bb03;
    width: 320px;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    border: 0;
    margin: 50px auto 0;
    font-size: 16px
}

#contactUs .contact-us #submit-button2:hover {
    opacity: .85
}

#contactUs .contact-address {
    background: #f8f8f8
}

#contactUs .nameBox {
    width: 49%;
    float: left;
    margin-bottom: 25px
}

#contactUs .phoneBox {
    width: 49%;
    float: right;
    margin-bottom: 15px
}

#contactUs .companyNameBox {
    float: left;
    width: 100%
}

#contactUs .companyNameBox:after, #contactUs .nameBox:after, #contactUs .phoneBox:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    line-height: 42px;
    display: block;
    color: #bbb;
    padding: 0 15px;
    z-index: 1
}

#contactUs .nameBox:after {
    content: "姓名（必填）"
}

#contactUs .phoneBox:after {
    content: "手机号码（必填）"
}

#contactUs .companyNameBox:after {
    content: "公司名称（必填）"
}

.index-customer-list {
    padding-top: 54px;
    text-align: center;
    width: 1070px;
    margin: 0 auto 100px
}

.index-customer-list header {
    margin-bottom: 40px
}

.index-customer-list header h1 {
    font-size: 32px;
    color: #191140;
    line-height: 36px;
    font-weight: 500
}

.index-customer-list header h2 {
    font-size: 20px;
    color: #65697f;
    line-height: 30px;
    font-weight: 500
}

.customer-list-all {
    width: 100%;
    margin: 0 auto
}

.customer-list-all .row {
    margin-right: -15px;
    margin-left: -15px
}

.customer-list-all ul {
    list-style: none;
    padding: 0
}

.customer-list-all ul:after {
    display: block;
    content: "";
    clear: both
}

.customer-list-all ul li {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.customer-list-all ul li img {
    width: 100%;
    max-width: 185px;
    margin-left: auto;
    margin-right: auto
}

.SMfive h2 {
    color: #e7283c;
    font-size: 24px
}

.SMfive dl span {
    color: #858585;
    margin-bottom: 8px;
    display: inline-block
}

.SMfive dt img {
    max-width: 100%
}

.SMfive dl {
    margin-bottom: 40px
}

.SMfive dl p {
    color: #000;
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative
}

.SMfive dl p:before {
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50px;
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: red
}

.other_case_con {
    padding: 48px 50px;
    border: 1px solid #e4f5f6
}

.other_case_con .case-item a {
    display: block;
    height: 100%;
    transition: transform .2s;
    -moz-transition: transform .2s;
    -webkit-transition: transform .2s;
    -o-transition: transform .2s;
    border-right: 1px solid #d2d0cf;
    border-bottom: 1px solid #d2d0cf
}

.other_case_con .case-item a:hover {
    background-color: #fff;
    border: 1px solid #e4f5f6;
    -moz-box-shadow: 0 0 20px 2px #e4f5f6;
    box-shadow: 0 0 20px 2px #e4f5f6;
    transform: scale(1.1504, 1.114);
    -ms-transform: scale(1.1504, 1.114);
    -webkit-transform: scale(1.1504, 1.114);
    -o-transform: scale(1.1504, 1.114);
    -moz-transform: scale(1.1504, 1.114)
}

.other_case_con .case-item a > div {
    width: 100%;
    height: 108px;
    padding-top: 10px
}

.other_case_con .case-item-con {
    width: 25%;
    height: 176px;
    float: left
}

.other_case_con .case-item-con .clear-rig-bor a {
    border-right: none !important
}

.other_case_con .case-item-con .clear-bot-bor a {
    border-bottom: none !important
}

.other_case_con .case-item-con > .case-item > a:focus, .other_case_con .case-item-con > .case-item > a:hover {
    color: #000 !important
}

.other_case_con .case-item-con > .case-item h3 {
    font-size: 18px;
    color: #464646;
    margin-bottom: 10px
}

.other_case_con .case-item-con > .case-item p {
    padding: 0 10px;
    font-size: 12px;
    color: #858585
}

.other_case_con .case-item-con > .case-item {
    text-align: center;
    width: 100%;
    border: none;
    height: 100%
}

.other_case_con .case-item-con > .case-item img {
    width: 80%
}

#nav ul > li {
    position: relative;
    display: block;
    margin-right: 0;
    text-align: center;
    margin-right: 45px;
    font-size: 16px;
    z-index: 1000;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

#nav ul > li.active a {
    color: #3bb6c1
}

#nav ul > li a:focus, #nav ul > li a:hover {
    text-decoration: none;
    outline: 0
}

#nav ul > li a {
    color: #090909;
    position: relative;
    display: block;
    width: 100%;
    z-index: 500;
    height: 78px;
    line-height: 78px
}

#nav ul > li.tryout_btn a {
    width: 105px;
    height: 35px;
    line-height: 35px;
    margin-top: 22.5px;
    color: #e20000;
    -moz-border-radius: 15px/30px;
    -webkit-border-radius: 10px 20px 30px;
    border-radius: 30px/35px;
    background-color: #ffde00
}

#nav ul > li.tryout_btn a:hover {
    color: #ffde00;
    background-color: #e20000
}

#nav ul > li a:hover {
    color: #2fbd71
}

#fu {
    position: fixed;
    bottom: 250px;
    right: 0;
    width: 70px;
    border: 0 solid #000;
    z-index: 999;
    background-color: #fff;
    -moz-box-shadow: 0 0 20px 2px #f6f6f6;
    box-shadow: 0 0 20px 2px #f6f6f6
}

.menu-item {
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 0;
    width: 100%;
    height: 50px;
    padding: 10px 20px
}

#fu .menu-item .hover_item {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    width: 120px
}

#fu .menu-item .telphone {
    line-height: 30px;
    width: 140px
}

#fu .menu-item .ercode {
    right: 70px;
    width: 110px;
    height: 110px
}

#fu .menu-item .hover_item img {
    width: auto;
    height: 20px
}

#fu .menu-item .ercode img {
    width: 100%;
    height: 100%
}

#fu .menu-item .tryUse {
    background-color: #ec9d05
}

#fu .menu-item .online {
    background-color: #2b90ed
}

#fu .menu-item .telphone {
    top: 10px;
    background-color: #52555a
}

#fu .menu-item .telphone img {
    height: 15px;
    width: auto
}

#fu .menu-item:hover .hover_item {
    display: block
}

#company-name::-webkit-input-placeholder, #phone::-webkit-input-placeholder, #username::-webkit-input-placeholder {
    color: #999;
    font-size: 13px
}

#company-name, #phone, #username {
    color: #333;
    text-indent: 10px
}

.submit-item {
    position: relative
}

.submit-item .err-info {
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: -20px;
    padding-left: 15px;
    opacity: 0;
    display: none;
    transition: opacity .5s
}

.submit-item .active-err {
    display: block;
    opacity: 1
}

.submit-item .err-bor {
    border-color: red !important
}

#group-buy {
    background: #f7f7f7
}

#group-buy .how-big {
    background: #f7f7f7;
    padding-bottom: 70px
}

#group-buy .how-big .product {
    width: 1200px;
    margin: 70px auto 0
}

#group-buy .how-big .product .cont .img {
    float: left
}

#group-buy .how-big .product .cont .text {
    float: left;
    font-size: 18px
}

#group-buy .how-big .product .cont .text .try-btn {
    color: #fff;
    margin: 0;
    background: #0c5;
    margin-top: 30px;
    position: static;
    padding: 0;
    width: 206px;
    height: 64px;
    line-height: 64px;
    border: none;
    font-size: 28px;
    border-radius: 100px;
    outline: 0;
    top: 170px;
    left: 50%
}

#group-buy .how-big .product .cont .text > h2 {
    margin-bottom: 20px
}

#group-buy .how-big .product .cont .text > p {
    color: #666;
    position: relative;
    line-height: 2;
    padding-left: 20px
}

#group-buy .how-big .product .cont .text > p:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #268efd;
    border-radius: 50%
}

#group-buy .how-big .product .cont .item-left {
    float: left;
    width: 48%;
    margin-right: 4%
}

#group-buy .how-big .product .cont .item-right {
    float: left;
    width: 48%
}

#group-buy .how-big .product .foot-icon {
    padding-top: 30px
}

#group-buy .forte {
    background: #fff
}

#group-buy .forte .title {
    padding-top: 40px
}

#group-buy .forte .goodbox > div {
    padding-top: 0
}

#group-buy .nav .banner {
    padding-top: 80px;
    background: url(../images/190326banner.png) no-repeat center center;
    background-size: 100% 560px
}

#group-buy .nav .banner .try-btn {
    top: 343px;
    background: #ffac23;
    border-radius: 39px;
    color: #fff;
    margin: 0;
    width: 194px;
    font-size: 26px;
    height: 52px;
    line-height: 52px;
    margin-left: -97px
}

#group-buy .nav .banner .banner-title {
    padding-top: 40px
}

#group-buy .nav .banner .banner-title .big-tit {
    font-family: PingFangSC-Medium;
    font-size: 76px;
    color: #fff;
    letter-spacing: 4px;
    line-height: 80px
}

#group-buy .nav .banner .banner-title .son-tit {
    font-family: PingFangSC-Regular;
    font-size: 36px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 40px;
    margin-top: 25px
}

.movee a:hover {
    text-decoration: none !important
}

.movee .ci-tab {
    margin-bottom: 15px
}

.movee .ci-tab a {
    font-size: 20px;
    font-weight: 700;
    color: #999;
    display: inline-block;
    border-bottom: 2px solid transparent;
    line-height: 35px
}

.movee .ci-tab .first {
    margin-right: 80px
}

.movee .ci-tab .active {
    color: #00a000;
    border-color: #00a000
}

.movee .groupcase {
    display: none
}

.movee .groupcase .case-item .left {
    position: relative
}

.movee .groupcase .case-item .left .erimg {
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.movee .groupcase .case-item .left .erimg img {
    height: 157px;
    width: 157px
}

.movee .groupcase .case-item .left:hover .erimg {
    display: block
}

.align-middle {
    display: flex;
    flex-direction: column;
    align-content: center
}

#pos-shouyin .table-row {
    display: table
}

#pos-shouyin .table-cell {
    display: table-cell
}

#pos-shouyin .solution-list .caption {
    margin: 24px 0
}

#pos-shouyin .solution-list .subtitle {
    margin-top: 0
}

#pos-shouyin .banner__img {
    background: url(../images/banner.png) no-repeat center center
}

#pos-shouyin .introduce-list .introduce-main-caption {
    padding: 76px 0 32px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: #222
}

#pos-shouyin .introduce-list .introduce-item {
    text-align: left
}

#pos-shouyin .introduce-list .introduce-item:nth-child(2n+1) {
    background: #f5f6f9
}

#pos-shouyin .introduce-list .introduce-item:nth-child(3) {
    padding: 45px 0
}

#pos-shouyin .introduce-list .introduce-item:nth-child(4) {
    padding: 45px 0
}

#pos-shouyin .introduce-list .introduce-item:nth-child(2) .introduce-img {
    padding: 34px 0 !important
}

#pos-shouyin .introduce-list .introduce-item .introduce-item-main {
    width: 1016px;
    margin: 0 auto
}

#pos-shouyin .introduce-list .introduce-item .table-col {
    vertical-align: middle
}

#pos-shouyin .introduce-list .introduce-item .introduce-text {
    width: 508px
}

#pos-shouyin .introduce-list .introduce-item .introduce-text .introduce-title {
    color: #222;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px
}

#pos-shouyin .introduce-list .introduce-item .introduce-text .introduce-content {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-bottom: 8px
}

#pos-shouyin .introduce-list .introduce-item .introduce-text .try-btn {
    width: 156px;
    height: 44px;
    line-height: 44px;
    border-radius: 36px;
    text-align: center;
    background: #4894ff;
    font-size: 20px;
    font-weight: 400;
    margin-top: 28px;
    color: #fff;
    cursor: pointer
}

#pos-shouyin .introduce-list .introduce-item .introduce-img {
    width: 508px;
    padding: 44px 0
}

#pos-shouyin .introduce-list .introduce-item .introduce-img img {
    display: block;
    max-width: 508px
}

#pos-shouyin .solution-wrap {
    font-weight: 400;
    text-align: center
}

#pos-shouyin .solution-wrap .solution-caption {
    color: #111;
    font-size: 30px;
    margin: 129px 0 50px
}

#pos-shouyin .solution-wrap .solution-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 113px
}

#pos-shouyin .solution-wrap .solution-list .solution-item {
    margin: 0 10px
}

#pos-shouyin .solution-wrap .solution-list .solution-item img {
    display: block;
    width: 272px;
    height: 144px
}

#pos-shouyin .solution-wrap .solution-list .solution-item .solution-title {
    position: relative;
    font-size: 18px;
    color: #333;
    margin: 11px 0 22px
}

#pos-shouyin .solution-wrap .solution-list .solution-item .solution-title:after {
    content: "";
    display: block;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    width: 32px;
    height: 2px;
    background: #4894ff
}

#pos-shouyin .solution-wrap .solution-list .solution-item .solution-desc p {
    font-size: 14px;
    color: #999
}

.title .split_line {
    margin-bottom: 50px !important
}

.clear {
    clear: both
}

li, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

h1, h2, h3, p, span {
    margin: 0
}

#index .title {
    text-align: center
}

#index .title .topline {
    height: 105px;
    width: 100%
}

#index .title .botline {
    height: 68px;
    width: 100%
}

#index .indexBanner {
    height: 555px;
    overflow: hidden
}

#index .indexBanner .slider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

#index .indexBanner .slider .slides {
    height: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    -ms-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    -o-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

#index .indexBanner .slider .slides .slide {
    height: auto;
    float: left;
    clear: none
}

#index .indexBanner .slider .slides .slide .slidesBox {
    width: 100%;
    height: 555px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    vertical-align: middle
}

#index .indexBanner .slider .slides .slide .button {
    width: 100%;
    margin: 0 auto;
    position: relative
}

#index .indexBanner .slider .slides .slide .button button {
    position: absolute;
    z-index: 100;
    padding: 0;
    margin: 0;
    width: 206px;
    height: 64px;
    line-height: 64px;
    border: none;
    font-size: 28px;
    color: #e20000;
    background: #fcff01;
    border-radius: 100px;
    outline: 0
}

#index .indexBanner .slider .slides .slide .bannerimg1 {
    background: #087ccf url(../images/banner1.jpg) no-repeat center center
}

#index .indexBanner .slider .slides .slide .bannerimg1 button {
    top: 330px;
    left: 50%;
    margin-left: -103px
}

#index .indexBanner .slider .slides .slide .bannerimg2 {
    background: #04b05e url(../images/banner2.1.jpg) no-repeat center center
}

#index .indexBanner .slider .slides .slide .bannerimg2 button {
    top: 380px;
    left: 680px
}

#index .indexBanner .slider .slides .slide .bannerimg3 {
    background: #eb6775 url(../images/banner3.jpg) no-repeat center center
}

#index .indexBanner .slider .slides .slide .bannerimg3 button {
    top: 325px;
    left: 94px
}

#index .indexBanner .slider .slider-arrow {
    position: absolute;
    display: block;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 2em;
    background-color: #333;
    background-color: rgba(50, 50, 50, .3);
    border-radius: 50%
}

#index .indexBanner .slider .slider-arrow--right {
    bottom: 50%;
    right: 30px
}

#index .indexBanner .slider .slider-arrow--left {
    bottom: 50%;
    left: 30px
}

#index .indexBanner .slider .slider-nav {
    position: absolute;
    bottom: 30px
}

#index .indexBanner .slider .slider-nav .slider-nav__item {
    width: 12px;
    height: 12px;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #000;
    border-radius: 100%
}

#index .indexBanner .slider .slider-nav .slider-nav__item:hover {
    background: #ccc
}

#index .indexBanner .slider .slider-nav .slider-nav__item--current {
    background: #fff
}

.wrap12 {
    width: 1200px;
    margin: 0 auto
}

#index .title h3 {
    font-size: 36px;
    color: #333;
    width: 100%;
    padding-top: 70px
}

#index .title h2 {
    font-size: 20px;
    line-height: 1.8;
    color: #333;
    margin: 0 auto;
    width: 800px
}

#index .solution .title h2 {
    margin-top: 20px;
    margin-bottom: 20px
}

#index .split_line {
    width: 110px;
    margin: 0 auto;
    border-top: 4px solid #2b90ed
}

#index .solution .solu_item {
    width: 25%;
    padding-bottom: 75px
}

#index .solution .solu_item > * {
    position: relative
}

#index .solution .solu_item > div {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    top: 150px;
    -moz-transition: top .2s;
    -webkit-transition: top .2s;
    -o-transition: top .2s;
    transition: top .2s
}

#index .solution .solu_item > h4 {
    top: 300px;
    -moz-transition: top .2s .1s;
    -webkit-transition: top .2s .1s;
    -o-transition: top .2s .1s;
    transition: top .2s .1s
}

#index .solution .solu_item > p {
    top: 300px;
    -moz-transition: top .2s .2s;
    -webkit-transition: top .2s .2s;
    -o-transition: top .2s .2s;
    transition: top .2s .2s
}

#index .solution .solu_item > .startAni {
    top: 0
}

#index .advantage {
    background: #2bb4ed;
    padding-bottom: 92px
}

#index .advantage .title h3 {
    color: #fff
}

#index .advantage .title h2 {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 36px
}

#index .advantage .adv_item {
    margin-top: 44px;
    margin-bottom: 76px
}

#index .advantage .adv_item a {
    display: inline-block;
    height: 50px;
    color: #fff;
    width: 138px;
    border-radius: 30px/35px;
    margin: 0 15px;
    font-size: 18px;
    border: 1px solid #fff;
    line-height: 50px
}

#index .advantage .adv_item a:focus, #index .advantage .adv_item a:hover {
    text-decoration: none
}

#index .advantage .advScroll {
    width: 100%;
    overflow: hidden
}

#index .advantage .advScroll .adv_box {
    font-size: 0
}

#index .advantage .advScroll .adv_box img {
    width: 1200px;
    height: auto
}

#index .advantage .adv_item .active, #index .advantage .adv_item a:hover {
    background-color: #fff;
    color: #2bb4ed
}

#index .service .title h2 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 36px
}

#index .caseRollJs {
    background-color: #2b90ed;
    height: 398px;
    margin-bottom: 200px
}

#index .caseRollJs .title h2 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 36px
}

#index .caseRollJs .title h2, #index .caseRollJs .title h3 {
    color: #fff
}

#index .caseRoll {
    margin-top: 60px
}

#index .caseRoll .case_box {
    padding: 38px 130px;
    cursor: pointer
}

#index .caseRoll .case_box:hover .case_text {
    color: #2b90ed
}

#index .caseRoll .case_box .case_text {
    text-align: justify
}

#index .caseRoll .case_box .case_img img {
    width: auto;
    height: 60px
}

#index .caseRoll .slide-li {
    -moz-box-shadow: 0 0 20px 2px #e9f4fd;
    box-shadow: 0 0 20px 2px #e9f4fd;
    position: relative
}

#index .caseRoll .slide-li .decorate {
    position: absolute
}

.slide-page .slide-button-next, .slide-page .slide-button-prev {
    margin-top: -50px !important;
    display: none
}

.slide-page .slide-button-prev {
    left: -200px !important
}

.slide-page .slide-button-next {
    right: -200px !important
}

#index .caseRoll:hover .slide-page .slide-button-next, #index .caseRoll:hover .slide-page .slide-button-prev {
    display: block
}

#index .caseRoll .slide-li > .left {
    top: 38px;
    left: 45px
}

#index .caseRoll .slide-li > .right {
    right: 45px;
    bottom: 38px
}

#index .cooperation {
    padding-top: 76px;
    margin-bottom: 62px
}

#index .cooperation .case_row li {
    top: 80px;
    width: 211px;
    float: left;
    position: relative;
    margin-right: 36px;
    -moz-transition: top .2s, opacity .2s;
    -webkit-transition: top .2s, opacity .2s;
    -o-transition: top .2s, opacity .2s;
    transition: top .2s, opacity .2s
}

#index .cooperation .case_row li img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

#index .cooperation .case_row .startAni {
    top: 0
}

#index .cooperation .case_row .startAni img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#index .cooperation .case_row li.no_mar {
    margin-right: 0
}

#index .cooperation .case_row li span {
    display: block;
    border: 1px solid transparent;
    background: #fff;
    font-size: 0
}

#allfooter {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

#allfooter .logo {
    width: 190px;
    height: 295px;
    float: left;
    background: #fff;
    padding: 0 25px;
    position: relative
}

.foot_triangle {
    padding-left: 23px;
    width: 213px
}

.foot_triangle img {
    width: 100%;
    height: 100% ；
}

#allfooter .logo .box {
    width: 100%
}

#allfooter .logo .box .img {
    padding-top: 30px;
    text-align: center
}

#allfooter .logo .box .weixinImg {
    margin-top: 30px;
    text-align: center
}

#allfooter .logo .box .weixinImg p {
    color: #333;
    margin-top: 5px
}

#allfooter .userSubmit {
    float: left;
    width: 560px;
    padding-left: 32px
}

#allfooter .userSubmit h6 {
    color: #f5f5f5;
    font-size: 24px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 45px;
    background: url(../images/ico1.png) no-repeat left center
}

#allfooter .userSubmit .formSubmit .footCompanyNameBox, #allfooter .userSubmit .formSubmit .footNameBox, #allfooter .userSubmit .formSubmit .footPhoneBox {
    height: 36px;
    line-height: 36px;
    margin-bottom: 22px
}

#allfooter .userSubmit .formSubmit .footCompanyNameBox p, #allfooter .userSubmit .formSubmit .footNameBox p, #allfooter .userSubmit .formSubmit .footPhoneBox p {
    width: 85px;
    float: left;
    color: #f5f5f5;
    font-size: 14px
}

#allfooter .userSubmit .formSubmit .footCompanyNameBox span, #allfooter .userSubmit .formSubmit .footNameBox span, #allfooter .userSubmit .formSubmit .footPhoneBox span {
    display: block;
    float: left;
    text-align: center;
    width: 440px;
    height: 37px;
    line-height: 37px;
    background: #f8f8f8
}

#allfooter .userSubmit .formSubmit .footCompanyNameBox span input, #allfooter .userSubmit .formSubmit .footNameBox span input, #allfooter .userSubmit .formSubmit .footPhoneBox span input {
    width: 90%;
    outline: 0;
    background: #f8f8f8;
    border: none
}

#allfooter .userSubmit .formSubmit .footSubmit span {
    cursor: pointer;
    display: block;
    text-align: center;
    width: 146px;
    height: 46px;
    line-height: 46px;
    margin-left: 85px;
    background: #f8f8f8;
    font-size: 16px;
    color: #4b4a4a
}

#allfooter .address {
    width: 355px;
    float: left;
    margin-left: 94px
}

#allfooter .address h6 {
    color: #f5f5f5;
    font-size: 24px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 45px;
    background: url(../images/ico2.png) no-repeat left center
}

#allfooter .address li {
    font-size: 14px;
    color: #b8b8b8;
    margin-bottom: 5px
}

#allfooter .address li.tel {
    font-weight: 700;
    font-size: 48px;
    color: #f5f5f5
}

#allfooter .copyright {
    text-align: center;
    padding: 40px 0 20px
}

#allfooter .copyright h3 {
    line-height: 30px;
    font-size: 16px;
    color: #9e9e9f
}

#allfooter .copyright p {
    line-height: 30px;
    color: #b5b5b5
}

#index .news {
    background-color: #f5f5f5;
    padding-bottom: 70px;
    margin-bottom: 60px
}

#index .news_box {
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer
}

#index .non_bor {
    border-bottom: none
}

#index .news_item:hover * {
    color: #fff !important
}

#index .news_item:hover {
    background-color: #2b90ed
}

#index .news_item .news_box > div {
    height: 140px
}

#index .news_item .news_box .news_sour {
    width: 180px;
    font-size: 36px;
    color: #333;
    padding-right:: 50px;
    line-height: 140px
}

#index .news_item .news_box .arrow > a {
    display: block;
    width: 130px;
    line-height: 140px
}

#index .news_item .news_box .news_intro {
    width: 890px;
    padding: 30px 0
}

.hot-new {
    height: 80px;
    line-height: 80px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 16px
}

.hot-new .icon-btn {
    display: inline-block;
    color: #2fbd73;
    border: 1px solid #2fbd73;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 3px
}

.hot-new .icon-btn:hover {
    text-decoration: none
}

.hot-new .more {
    margin-left: 150px;
    color: #999
}

.hot-new .new-icon {
    position: absolute;
    top: -10px
}

.hot-new .new-title {
    position: relative;
    color: #333
}

.case *, .footer *, .fresh *, .groupon *, .header *, .index *, .tool *, .us * {
    box-sizing: content-box;
    font-family: PingFangSC-Regular
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

a {
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    color: inherit;
    -webkit-touch-callout: none
}

img {
    outline: 0 none;
    border: 0 none
}

.container {
    min-height: 100%;
    font-family: PingFangSC-Regular;
    overflow: hidden;
    position: relative
}

.oh {
    overflow: hidden
}

.wrap__1200 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto
}

.header {
    font-weight: 400;
    line-height: 20px;
    font-size: 16px;
    height: 76px;
    line-height: 76px;
    position: relative;
    z-index: 9999;
    transition: all linear .2s;
    position: fixed;
    width: 100%;
    background: rgba(2, 8, 22, .3)
}

.header.dark {
    background: rgba(2, 8, 22, .7)
}

/*.header.active {*/
/*    height: 60px;*/
/*    line-height: 60px*/
/*}*/

.header + #wrapper {
    padding-top: 0
}

.header > div {
    width: 1114px;
    margin: 0 auto
}

.header a, .header > div > div {
    float: left;
    color: rgba(255, 255, 255, .96)
}

.header__logo {
    cursor: pointer
}

.header__logo img {
    vertical-align: middle
}

.header__menu ul {
    position: relative;
    padding-left: 76px
}

.header__menu ul .gl {
    position: absolute;
    top: 56px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    transition: top linear .2s;
    pointer-events: none
}

.header.active .header__menu ul .gl {
    top: 48px
}

.header__menu ul li {
    float: left
}

.header__menu ul li.active a, .header__menu ul li:hover a {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff
}

.header__menu ul li a {
    color: rgba(255, 255, 255, .8);
    padding: 0 20px;
    border: 0 none;
    outline: 0 none;
    transition: color linear .35s;
    text-align: center
}

.header__concat {
    padding-top: 25px;
    padding-left: 30px;
    transition: all linear .2s
}

.header.active .header__concat {
    padding-top: 12px
}

.header__concat a {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    width: 100px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 28px;
    border-radius: 20px;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
}

@-moz-document url-prefix() {
    .header__concat a {
        line-height: 36px
    }
}

.header__menu ul li:hover .dropDown__menu {
    height: auto
}

.dropDown__menu {
    transition: all linear .2s;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 124px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    border-radius: 4px
}

.dropDown__menu--item {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(80, 80, 80, 1) !important;
    height: 47px;
    line-height: 47px;
    text-align: left;
    border-bottom: 1px solid #e8e8e8 !important
}

.dropDown__menu--item:last-child {
    border-bottom: 0 none !important
}

.tool {
    position: fixed;
    right: 30px;
    bottom: 150px;
    z-index: 2;
    cursor: pointer
}

.tool__items {
    background: #22232f;
    text-align: center;
    height: 60px;
    width: 68px;
    margin-bottom: 2px;
    padding-top: 12px;
    position: relative
}

.tool__items:first-child {
    border-radius: 8px 8px 0 0
}

.tool__items:last-child {
    border-bottom: 0;
    border-radius: 0 0 8px 8px
}

.tool__items > p {
    font-size: 12px;
    line-height: 12px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 12px
}

.tool__items--modal {
    display: none;
    background: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    position: absolute;
    right: 88px;
    top: 0
}

.tool__items--modal.qrcode {
    width: 115px;
    padding: 14px;
    text-align: center
}

.tool__items--modal.qrcode p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 16px
}

.tool__items--modal.qrcode img {
    width: 115px;
    height: 115px;
    margin-bottom: 10px
}

.tool__items--modal.tel {
    text-align: left;
    height: 52px;
    width: 140px;
    padding: 20px
}

.tool__items--modal.tel p:first-child {
    font-size: 14px;
    font-weight: 400;
    color: grey;
    line-height: 16px;
    margin-bottom: 10px
}

.tool__items--modal.tel p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 22px
}

.tool__items:hover .tool__items--modal {
    display: block
}

.fresh .banner, .index .banner {
    text-align: left !important
}

.banner__img {
    height: 524px
}

.banner__img.index {
    background: url(../images/topbanner_home_2560.png) no-repeat center center
}

.banner__img.fresh {
    background: url(../images/topbanner_fresh_2560.jpg) no-repeat center center
}

.banner__img.groupon {
    background: url(../images/topbanner_groupbuy_2560.jpg) no-repeat center center
}

.banner__img.leadwarehouse {
    background: url(../images/leadwarehouse__banner.png) no-repeat center center
}

.banner__img.pork {
    background: url(../images/pork__banner--pc.png) no-repeat center center
}

.banner__img.us {
    background: url(../images/banner.jpg) no-repeat center center;
    height: 400px
}

.banner__img.case {
    background: url(../images/topbanner_case_2560.jpg) no-repeat center center
}

.banner__img.processing {
    background: url(../images/topbanner_clean_vegetable.jpg) no-repeat center center
}

.banner__img.traceability {
    background: url(../images/traceability__banner.png) no-repeat center center
}

.banner__img.lifeService {
    background: url(../images/lifeService__pc__banner.png) no-repeat center center
}

.banner__img.groupbuymall {
    background: url(../images/groupbuymall__pc__banner.png) no-repeat center center
}

.banner__img.logistics {
    background: url(../images/logistics__banner.png) no-repeat center center;
    background-size: cover
}

.banner__img--text {
    position: relative;
    padding-top: 167px;
    width: 1124px;
    margin: 0 auto;
    padding-left: 26px;
    padding-right: 26px
}

.banner__img--text .caption {
    font-size: 62px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: 2px;
    margin-bottom: 28px
}

.banner__img--text .caption.index {
    color: #63f1f5
}

.banner__img--text .caption.fresh {
    color: #fff;
    text-align: center
}

.banner__img--text .caption.case, .banner__img--text .caption.groupon, .banner__img--text .caption.processing {
    color: #fff;
    text-align: center
}

.banner__img--text .subtitle {
    font-size: 36px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 2px;
    margin-bottom: 50px
}

.banner__img--text .subtitle.index {
    color: #66f2f6
}

.banner__img--text .subtitle.fresh {
    color: #fff;
    text-align: center
}

.banner__img--text .subtitle.case, .banner__img--text .subtitle.groupon, .banner__img--text .subtitle.processing {
    color: #fff;
    text-align: center
}

.banner__img--text .trial {
    width: 208px;
    height: 60px;
    line-height: normal;
    border-radius: 32px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    cursor: pointer;
    border: 0 none;
    outline: 0 none
}

.banner__img--text .trial.index {
    background: #60fcff;
    color: #222
}

.banner__img--text .trial.case, .banner__img--text .trial.fresh, .banner__img--text .trial.groupon, .banner__img--text .trial.processing {
    background: linear-gradient(88deg, #ffbc00 0, #ff8e00 100%);
    color: #fff;
    margin: 0 auto;
    display: block
}

.banner__img--text .leadwarehouse {
    background: rgba(255, 255, 255, 1);
    color: #2f5bea
}

.index__solution {
    background: #fff;
    overflow: hidden
}

.index__solution--label {
    font-size: 30px;
    font-weight: 400;
    color: #222;
    line-height: 36px;
    margin-bottom: 72px;
    margin-top: 87px;
    text-align: center
}

.index__solution--list {
    overflow: hidden;
    width: 1042px;
    margin: 0 auto
}

.index__solution--list .items {
    float: left;
    width: 202px;
    margin-right: 78px;
    text-align: center;
    padding-bottom: 92px
}

.index__solution--list .items:last-child {
    margin-right: 0
}

.index__solution--list .items img {
    width: 114px;
    height: 114px
}

.index__solution--list .items .caption {
    font-size: 22px;
    font-weight: 400;
    color: #222;
    line-height: 26px;
    margin-top: 30px
}

.index__solution--list .items .subtitle {
    font-size: 18px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #666;
    line-height: 28px;
    margin-top: 20px
}

.index__vedio {
    background: url(../images/bg_deafult.png) no-repeat center 109px;
    background-size: 1920px 648px;
    height: 757px
}

.index__vedio--label {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    text-align: center;
    padding-top: 90px
}

.index__vedio--play {
    width: 695px;
    height: 436px;
    margin: 93px auto 0;
    position: relative
}

.index__vedio--play > .play {
    width: 98px;
    height: 98px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -49px;
    margin-top: -49px;
    z-index: 99999999999999999;
    pointer-events: none
}

.index__vedio--play .video {
    width: 694px;
    height: 436px;
    cursor: pointer;
    margin-left: 0
}

.index__vedio--play .bg {
    display: none;
    width: 694px;
    height: 436px;
    background: url(../images/about_us_pic.png) no-repeat center;
    background-size: 695px 349px
}

.index__vedio--play .bg.active {
    display: block
}

.index__vedio--play video {
    display: block;
    outline: 0 none !important;
    blr: expression(this.onFocus=this.blur())
}

.index__cooperation {
    background: rgba(245, 246, 249, .8);
    overflow: hidden
}

.index__cooperation--label {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: #222;
    line-height: 34px;
    margin-bottom: 50px;
    padding-top: 59px
}

.index__cooperation--list {
    width: 1099px;
    margin: 0 auto 28px
}

.index__cooperation--list .items {
    overflow: hidden;
    float: left;
    background: #fff;
    width: 353px;
    height: 300px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative
}

.index__cooperation--list .items:nth-child(3n) {
    margin-right: 0
}

.index__cooperation--list .items:hover .showMore {
    top: 0 !important
}

.index__cooperation--list .items .detail > img {
    display: block
}

.index__cooperation--list .items .detail .showMore {
    background: #fff;
    position: absolute;
    top: 150px;
    width: 100%;
    transition: all .2s linear
}

.index__cooperation--list .items .detail .showMore img {
    margin-top: 28px;
    margin-left: 30px;
    margin-bottom: 34px;
    margin-right: 10px;
    vertical-align: middle
}

.index__cooperation--list .items .detail .showMore p:first-child {
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(17, 17, 17, 1);
    line-height: 18px
}

.index__cooperation--list .items .detail .showMore p:nth-child(2) {
    padding: 0 30px;
    font-size: 16px;
    font-weight: 400;
    color: #505050;
    line-height: 18px;
    margin-bottom: 38px;
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.index__cooperation--list .items .detail .showMore p:last-child {
    padding: 0 30px;
    font-size: 14px;
    font-weight: 400;
    color: #505050;
    line-height: 26px
}

.index__cooperation--more {
    display: block;
    width: 136px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #4894ff;
    margin: 0 auto 90px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #4894ff;
    text-align: center
}

.index__cooperation--more:hover {
    color: #fff;
    background: #4894ff
}

.index__introduce {
    background: #f7f8fa;
    padding-top: 86px
}

.index__introduce--caption {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    text-align: center
}

.index__introduce--subtitle {
    font-size: 22px;
    font-weight: 400;
    color: #666;
    line-height: 40px;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 42px
}

.index__introduce--list {
    overflow: hidden;
    width: 1036px;
    margin: 0 auto;
    padding-bottom: 90px
}

.index__introduce--list .items {
    float: left;
    width: 503px;
    height: 409px;
    border-radius: 8px;
    margin-right: 30px;
    background: #fff;
    position: relative
}

.index__introduce--list .items a {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    outline: 0 none
}

.index__introduce--list .items:last-child {
    margin-right: 0
}

.index__introduce--list .items .big__img {
    height: 248px;
    width: 100%
}

.index__introduce--list .items .big__img.fresh {
    background: url(../images/pic_fresh.png) no-repeat center;
    background-size: 503px 249px
}

.index__introduce--list .items .big__img.groupbuy {
    background: url(../images/pic_groupbuy.png) no-repeat center;
    background-size: 503px 249px
}

.index__introduce--list .items .title {
    margin-top: 24px;
    font-size: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    text-align: center;
    position: relative
}

.index__introduce--list .items .title:after {
    content: '';
    height: 3px;
    width: 72px;
    background: #4894ff;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -36px
}

.index__introduce--list .items .desc {
    margin-top: 29px;
    padding: 0 65px;
    font-size: 16px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #666;
    line-height: 24px
}

.index__news {
    padding-bottom: 86px
}

.index__news--label {
    font-size: 30px;
    font-weight: 400;
    color: #222;
    line-height: 34px;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 50px
}

.index__news--list {
    overflow: hidden;
    width: 1030px;
    margin: 0 auto
}

.index__news--list .items {
    float: left;
    width: 294px;
    margin-right: 74px;
    background-repeat: no-repeat
}

.index__news--list .items:last-child {
    margin-right: 0
}

.index__news--list .items .big__img {
    height: 68px;
    margin-bottom: 24px;
    padding-top: 48px;
    background-size: 294px 116px
}

.index__news--list .items .big__img.industry {
    background-image: url(../images/industryDynamic.png)
}

.index__news--list .items .big__img.pro {
    background-image: url(../images/productsNews.png)
}

.index__news--list .items .big__img.activity {
    background-image: url(../images/latestActivity.png)
}

.index__news--list .items .big__img p {
    padding-left: 18px;
    margin-bottom: 12px;
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
    line-height: 18px
}

.index__news--list .items .big__img p:last-child {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #fff
}

.index__news--list .items > p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index__news--list .items > p a {
    outline: 0 none
}

.index__news--list .items > p a:hover {
    color: inherit
}

.index__news--list .items > p span {
    margin-right: 14px;
    color: #666
}

.index__news--list .items > p.more {
    margin-top: 16px;
    margin-bottom: 0
}

.index__news--list .items > p.more a {
    outline: 0 none;
    color: #4894ff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index__news--list .items > p.more a img {
    padding-left: 5px
}

@-moz-document url-prefix() {
    .index__news--list .items > p.more a img {
        margin-bottom: 2px
    }
}

.fresh__introduce {
    margin: 0 auto
}

.fresh__introduce--label {
    font-size: 30px;
    font-weight: 400;
    color: #222;
    line-height: 36px;
    text-align: center;
    padding-top: 86px;
    padding-bottom: 51px
}

.fresh__introduce--list .wrap {
    width: 1015px;
    margin: 0 auto;
    white-space: nowrap
}

.fresh__introduce--list .items img, .fresh__introduce--list .items > div > div {
    display: inline-block;
    vertical-align: top
}

.fresh__introduce--list .items:first-child {
    height: 400px
}

.fresh__introduce--list .items:first-child .desc {
    width: 461px;
    margin-right: 135px;
    padding-top: 45px
}

.fresh__introduce--list .items:nth-child(2) {
    background: rgba(245, 246, 249, .8);
    padding-top: 90px;
    height: 436px;
    box-sizing: border-box
}

.fresh__introduce--list .items:nth-child(2) .desc {
    width: 422px;
    margin-left: 209px
}

.fresh__introduce--list .items:nth-child(3) {
    padding-top: 84px;
    height: 496px;
    box-sizing: border-box
}

.fresh__introduce--list .items:nth-child(3) .desc {
    padding-top: 28px;
    width: 455px;
    margin-right: 159px;
    white-space: normal;
    line-height: 30px
}

.fresh__introduce--list .items:nth-child(4) {
    background: rgba(245, 246, 249, .8);
    padding-top: 80px;
    height: 416px;
    box-sizing: border-box
}

.fresh__introduce--list .items:nth-child(4) .desc {
    margin-left: 103px;
    padding-top: 14px;
    width: 396px
}

.fresh__introduce--list .items:nth-child(4) img {
    margin-left: -70px
}

.fresh__introduce--list .items:nth-child(5) {
    padding-top: 76px;
    height: 451px;
    box-sizing: border-box
}

.fresh__introduce--list .items:nth-child(5) .desc {
    width: 430px;
    padding-top: 36px;
    margin-right: 123px
}

.fresh__introduce--list .items .desc {
    white-space: nowrap
}

.fresh__introduce--list .items .desc h5 {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    margin-bottom: 18px
}

.fresh__introduce--list .items .desc p {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-bottom: 8px
}

.fresh__introduce--list .items .desc div {
    width: 156px;
    height: 44px;
    line-height: 44px;
    border-radius: 36px;
    text-align: center;
    background: #4894ff;
    font-size: 20px;
    font-weight: 400;
    margin-top: 28px;
    color: #fff;
    cursor: pointer
}

.fresh__introduce--list .items .desc p:last-child {
    margin-bottom: 0
}

.fresh__process {
    text-align: center;
    height: 556px;
    background: rgba(247, 248, 250, 1)
}

.fresh__process .fresh__process--label {
    font-size: 30px;
    font-weight: 400;
    color: rgba(34, 34, 34, 1);
    line-height: 36px;
    padding-top: 75px;
    padding-bottom: 48px
}

.fresh__case {
    padding-bottom: 60px
}

.fresh__case--label {
    font-size: 32px;
    font-weight: 400;
    color: #222;
    line-height: 36px;
    padding-top: 86px;
    text-align: center;
    margin-bottom: 51px
}

.fresh__case--list {
    width: 892px;
    margin: 0 auto
}

.fresh__case--list li {
    float: left;
    width: 136px;
    height: 136px;
    margin-right: 53px;
    margin-bottom: 29px;
    position: relative;
    cursor: pointer
}

.fresh__case--list li:hover .detail {
    opacity: 1;
    top: -88px;
    left: -48px
}

.fresh__case--list li:nth-child(5n) {
    margin-right: 0
}

.fresh__case--list li .detail {
    width: 236px;
    box-sizing: border-box;
    padding: 23px 26px 30px;
    box-shadow: 2px 4px 14px 0 rgba(57, 66, 163, .1);
    border-radius: 6px;
    background: #fff;
    position: absolute;
    transition: top .3s linear;
    opacity: 0;
    top: -34px;
    left: 0;
    z-index: 2
}

.fresh__case--list li .detail p:first-child img {
    margin-right: 13px;
    vertical-align: middle
}

.fresh__case--list li .detail p:first-child {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(17, 17, 17, 1);
    line-height: 21px
}

.fresh__case--list li .detail p:last-child {
    font-size: 14px;
    font-weight: 400;
    color: rgba(80, 80, 80, 1);
    line-height: 21px
}

.groupon__species {
    padding-bottom: 90px
}

.groupon__species--label {
    font-size: 30px;
    font-weight: 400;
    color: #222;
    line-height: 36px;
    padding-top: 79px;
    padding-bottom: 54px;
    text-align: center
}

.groupon__species--list {
    overflow: hidden;
    width: 1061px;
    margin: 0 auto;
    border: 1px solid #e8e8e8
}

.groupon__species--list li {
    text-align: center;
    height: 313px;
    width: 353px;
    border-right: 1px solid #e8e8e8;
    float: left
}

.groupon__species--list li:last-child {
    border-right: 0
}

.groupon__species--list li img {
    margin-top: 53px
}

.groupon__species--list li h6 {
    margin-top: 24px;
    font-size: 22px;
    font-weight: 400;
    color: #333;
    line-height: 26px;
    margin-bottom: 16px
}

.groupon__species--list li p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(80, 80, 80, 1);
    line-height: 28px
}

.groupon_introduce {
    background: rgba(245, 246, 249, .8);
    text-align: center;
    padding-top: 36px;
    padding-bottom: 50px
}

.groupon_introduce h3 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    margin-bottom: 36px
}

.groupon_introduce p {
    margin-top: 20px;
    font-size: 20px
}

.groupon_introduce .desc div {
    display: inline-block;
    width: 156px;
    height: 44px;
    line-height: 44px;
    border-radius: 36px;
    text-align: center;
    background: linear-gradient(88deg, #ffbc00 0, #ff8e00 100%);
    font-size: 20px;
    font-weight: 400;
    margin-top: 32px;
    color: #fff;
    cursor: pointer
}

.groupon__introduce {
    background: #f7f8fa;
    padding-top: 72px
}

.groupon__introduce--caption {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    text-align: center;
    padding-bottom: 56px
}

.groupon__introduce--list {
    overflow: hidden;
    width: 1080px;
    margin: 0 auto;
    padding-bottom: 80px
}

.groupon__introduce--list .items {
    float: left;
    width: 348px;
    height: 301px;
    border-radius: 8px;
    margin-right: 18px;
    background: #fff;
    position: relative
}

.groupon__introduce--list .items a {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    outline: 0 none
}

.groupon__introduce--list .items:last-child {
    margin-right: 0
}

.groupon__introduce--list .items .big__img {
    height: 175px;
    width: 100%
}

.groupon__introduce--list .items .big__img.leadwarehouse {
    background: url(../images/groupon__leadwarehouse.png) no-repeat center;
    background-size: 348px 175px
}

.groupon__introduce--list .items .big__img.logistics {
    background: url(../images/groupon__logistics.png) no-repeat center;
    background-size: 348px 175px
}

.groupon__introduce--list .items .big__img.lifeservice {
    background: url(../images/groupon__lifeservice.png) no-repeat center;
    background-size: 348px 175px
}

.groupon__introduce--list .items .title {
    margin-top: 16px;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    line-height: 18px;
    text-align: center;
    position: relative
}

.groupon__introduce--list .items .title:after {
    content: '';
    height: 3px;
    width: 50px;
    background: #4894ff;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -25px
}

.groupon__introduce--list .items .desc {
    margin-top: 18px;
    padding: 0 20px;
    font-size: 16px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #666;
    line-height: 24px
}

.groupon__section {
    margin-bottom: -30px
}

.groupon__section .wrap__1056 {
    width: 1056px;
    margin: 0 auto
}

.groupon__section .items {
    white-space: nowrap
}

.groupon__section .items.video {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 70px
}

.groupon__section .items.video .desc.merchants {
    margin-left: 0;
    padding-left: 140px;
    background-image: url(../images/douyin_pic.png);
    background-repeat: no-repeat;
    background-size: 598px 226px
}

.groupon__section .items.gray {
    background: rgba(245, 246, 249, .8)
}

.groupon__section .items:first-child {
    height: 648px
}

.groupon__section .items:nth-child(2) {
    height: 406px;
    padding-top: 80px
}

.groupon__section .items:nth-child(3) {
    height: 466px;
    padding-top: 84px
}

.groupon__section .items:nth-child(4) {
    background-image: url(../images/sys__1.png);
    background-size: 1504px 392px;
    background-repeat: no-repeat;
    background-position: center 40px;
    height: 540px
}

.groupon__section .items h3 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 78px
}

.groupon__section .items .desc {
    display: inline-block;
    vertical-align: middle
}

.groupon__section .items .desc.mall {
    width: 500px;
    margin-right: 140px;
    padding-left: 16px
}

.groupon__section .items .desc.mall + img {
    margin-right: 12px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.groupon__section .items .desc.merchants {
    width: 480px;
    margin-left: 164px;
    padding-right: 10px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.groupon__section .items .desc.dashboard {
    width: 480px;
    margin-right: 82px;
    padding-left: 16px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.groupon__section .items .desc.sys {
    padding-top: 100px;
    margin-left: 610px
}

.groupon__section .items .desc.sys + img {
    margin-left: 16px
}

.groupon__section .items .desc h5 {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    line-height: 30px;
    margin-bottom: 18px
}

.groupon__section .items .desc p {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 28px;
    margin-bottom: 8px
}

.groupon__section .items .desc div {
    width: 156px;
    height: 44px;
    line-height: 44px;
    border-radius: 36px;
    text-align: center;
    background: #4894ff;
    font-size: 20px;
    font-weight: 400;
    margin-top: 32px;
    color: #fff;
    cursor: pointer
}

.groupon__section .items img {
    display: inline-block;
    vertical-align: middle
}

.groupon__section .items img:first-child {
    margin-left: 16px
}

.groupon__prewarehouse {
    margin-bottom: -30px
}

.groupon__prewarehouse .wrap__1056 {
    width: 1056px;
    margin: 0 auto
}

.groupon__prewarehouse .items {
    white-space: nowrap
}

.groupon__prewarehouse .items.gray {
    background: rgba(245, 246, 249, .8)
}

.groupon__prewarehouse .items:first-child {
    height: 448px;
    padding-top: 80px
}

.groupon__prewarehouse .items:nth-child(2) {
    background-image: url(../images/sys__1.png);
    background-size: 1504px 392px;
    background-repeat: no-repeat;
    background-position: center 40px;
    height: 500px
}

.groupon__prewarehouse .items:nth-child(3) {
    height: 466px;
    padding-top: 84px
}

.groupon__prewarehouse .items:nth-child(4) {
    height: 406px;
    padding-top: 80px
}

.groupon__prewarehouse .items h3 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 78px
}

.groupon__prewarehouse .items .desc {
    display: inline-block;
    vertical-align: middle
}

.groupon__prewarehouse .items .desc.mall {
    width: 500px;
    margin-right: 140px;
    padding-left: 16px
}

.groupon__prewarehouse .items .desc.mall + img {
    margin-right: 12px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.groupon__prewarehouse .items .desc.merchants {
    padding-top: 100px;
    margin-left: 610px
}

.groupon__prewarehouse .items .desc.dashboard {
    width: 480px;
    margin-right: 82px;
    padding-left: 16px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.groupon__prewarehouse .items .desc.sys {
    width: 480px;
    margin-left: 164px;
    padding-right: 10px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.groupon__prewarehouse .items .desc.sys + img {
    margin-left: 16px
}

.groupon__prewarehouse .items .desc h5 {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    line-height: 30px;
    margin-bottom: 18px
}

.groupon__prewarehouse .items .desc p {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 28px;
    margin-bottom: 8px
}

.groupon__prewarehouse .items .desc div {
    width: 156px;
    height: 44px;
    line-height: 44px;
    border-radius: 36px;
    text-align: center;
    background: #4894ff;
    font-size: 20px;
    font-weight: 400;
    margin-top: 32px;
    color: #fff;
    cursor: pointer
}

.groupon__prewarehouse .items img {
    display: inline-block;
    vertical-align: middle
}

.groupon__prewarehouse .items img:first-child {
    margin-left: 16px
}

.groupon__case {
    padding-top: 68px;
    padding-bottom: 64px
}

.groupon__case--label {
    font-size: 32px;
    font-weight: 400;
    color: #222;
    line-height: 36px;
    padding-bottom: 45px;
    text-align: center
}

.groupon__case--list {
    width: 918px;
    margin: 0 auto
}

.groupon__case--list li {
    float: left;
    margin-right: 46px;
    margin-bottom: 25px;
    position: relative
}

.groupon__case--list li.xcx:hover .logo {
    opacity: 0
}

.groupon__case--list li.xcx:hover .xcx__qrcode {
    opacity: 1;
    transform: scale(1)
}

.groupon__case--list li:nth-child(2) {
    margin-right: 52px
}

.groupon__case--list li:nth-child(5n) {
    margin-right: 0
}

.groupon__case--list li .xcx__qrcode {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    transform: scale(.5);
    transition: all linear .2s
}

.us__links {
    background: #e5edff
}

.us__links ul {
    width: 1200px;
    margin: 0 auto;
    height: 80px;
    line-height: 80px
}

.us__links ul li {
    float: left;
    margin-right: 60px;
    padding: 0 15px;
    position: relative;
    font-size: 16px;
    color: #000
}

.us__links ul li.active a, .us__links ul li:hover a {
    color: #4894ff
}

.us__links ul li.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 4px solid #4894ff;
    position: absolute;
    left: 0;
    bottom: 0
}

.us__enterprise {
    width: 998px;
    margin: 0 auto
}

.us__enterprise--label {
    font-size: 30px;
    font-weight: 400;
    color: #222;
    line-height: 34px;
    text-align: center;
    padding-top: 86px;
    padding-bottom: 54px
}

.us__enterprise--list li {
    float: left;
    width: 304px;
    border: 1px solid #d1d1d1;
    height: 318px;
    background: #fff;
    margin-right: 40px;
    text-align: center;
    cursor: pointer;
    transition: all linear .2s;
    position: relative
}

.us__enterprise--list li a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.us__enterprise--list li img {
    padding-top: 54px;
    margin-bottom: 32px
}

.us__enterprise--list li:last-child {
    margin-right: 0
}

.us__enterprise--list li .title {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    margin-bottom: 42px;
    position: relative
}

.us__enterprise--list li .title:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background: #d1d1d1;
    left: 50%;
    margin-left: -10px;
    bottom: -18px
}

.us__enterprise--list li .subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #999;
    line-height: 22px
}

.us__enterprise--list li:last-child {
    margin-right: 0
}

.us__enterprise--list li.active, .us__enterprise--list li:hover {
    box-shadow: 0 5px 14px 0 rgba(69, 69, 124, .2);
    border: 1px solid #4c73ff;
    border-bottom-width: 4px;
    height: 315px
}

.us__service {
    height: 578px;
    background: rgba(245, 246, 249, .8) !important
}

.us__service--list {
    width: 1061px;
    margin: 0 auto;
    text-align: center
}

.us__service--list li {
    display: inline-block;
    margin-right: 48px;
    vertical-align: top
}

.us__service--list li.qrcode {
    margin-top: 100px;
    width: 304px;
    height: 378px;
    background-image: url(../images/bg_code.png);
    background-size: 304px 378px;
    background-repeat: no-repeat;
    box-shadow: 2px 4px 14px 0 rgba(69, 69, 124, .1);
    text-align: left
}

.us__service--list li.qrcode img {
    margin-top: 63px;
    margin-left: 58px
}

.us__service--list li.qrcode p {
    margin-top: 38px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 26px
}

.us__service--list li:last-child {
    margin-right: 0
}

.us__service--list li.telBox {
    text-align: left;
    padding-top: 100px;
    padding-left: 15px
}

.us__service--list li.telBox h5 {
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    line-height: 28px;
    margin-bottom: 12px
}

.us__service--list li.telBox h6 {
    font-size: 18px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 22px;
    margin-bottom: 30px
}

.us__service--list li.telBox > div {
    width: 313px;
    height: 170px;
    background: rgba(236, 236, 237, .7);
    border-radius: 8px;
    padding-top: 30px;
    padding-left: 29px;
    margin-bottom: 36px;
    overflow: hidden
}

.us__service--list li.telBox > div .telName {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin-bottom: 8px
}

.us__service--list li.telBox > div .tel {
    font-size: 28px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    margin-bottom: 20px
}

.us__service--list li.telBox button {
    width: 160px;
    height: 42px;
    background: #4894ff;
    border-radius: 36px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 42px;
    text-align: center;
    outline: 0 none;
    border: 0 none;
    cursor: pointer
}

.us__form {
    text-align: center;
    padding-bottom: 100px;
    background: url(../images/bg_deafult_about_us.png) no-repeat center 30px;
    background-size: 1019px 477px
}

.us__form--caption {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    padding-top: 90px
}

.us__form--subtitle {
    font-size: 22px;
    font-weight: 400;
    color: #666;
    line-height: 28px;
    padding-top: 24px;
    padding-bottom: 50px
}

.us__form--input {
    display: block;
    width: 528px;
    padding-left: 257px;
    height: 56px;
    line-height: normal !important;
    background: #fff;
    border-radius: 29px;
    border: 1px solid rgba(72, 148, 255, .7);
    margin: 0 auto 20px;
    font-size: 18px;
    font-weight: 400;
    outline: 0 none;
    -webkit-user-select: auto;
    line-height: 100%
}

.us__form--input::-webkit-input-placeholder {
    color: rgba(72, 148, 255, .7)
}

.us__form--input::-moz-placeholder {
    color: rgba(72, 148, 255);
    opacity: 1
}

.us__form--input::-ms-input-placeholder {
    color: rgba(72, 148, 255)
}

.us__form--submit {
    margin: 12px auto 0;
    width: 785px;
    height: 56px;
    background: #4894ff;
    border-radius: 29px;
    text-align: center;
    line-height: 56px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    border: 0 none;
    outline: 0;
    cursor: pointer
}

.us__vedio {
    background: url(../images/abput_sdp.png) no-repeat center 120px #fff;
    background-size: 1920px 648px;
    height: 868px;
    background-color: rgba(245, 246, 249, .8)
}

.us__vedio--label {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    text-align: center;
    padding-top: 90px
}

.us__vedio--play {
    width: 695px;
    height: 436px;
    margin: 101px auto 0;
    position: relative
}

.us__vedio--play > .play {
    width: 98px;
    height: 98px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -49px;
    margin-top: -49px;
    z-index: 99999999999999999;
    pointer-events: none
}

.us__vedio--play .video {
    width: 695px;
    height: 436px;
    cursor: pointer;
    margin-left: 0
}

.us__vedio--play .bg {
    display: none;
    width: 694px;
    height: 436px;
    background: url(../images/about_us_pic.png) no-repeat center;
    background-size: 695px 349px
}

.us__vedio--play .bg.active {
    display: block
}

.us__vedio--play video {
    display: block;
    outline: 0 none !important;
    blr: expression(this.onFocus=this.blur())
}

.case__vedio {
    padding-top: 40px;
    background: url(../images/case__video__bg__1.png) no-repeat center 40px;
    background-size: 1369px 653px;
    height: 660px;
    position: relative
}

.case__vedio--bg {
    position: absolute;
    width: 100%;
    height: 538px;
    background: #fff;
    z-index: -1
}

.case__vedio--bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 163px;
    background: #fcfcfd;
    bottom: -163px
}

.case__vedio--label {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    text-align: center;
    padding-top: 82px
}

.case__vedio--play {
    width: 694px;
    height: 436px;
    margin: 108px auto 0;
    position: relative;
    overflow: hidden
}

.case__vedio--play > .play {
    width: 98px;
    height: 98px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -49px;
    margin-top: -49px;
    pointer-events: none
}

.case__vedio--play .bg {
    display: none;
    width: 694px;
    height: 396px;
    background: url(../images/case__video__1.png) no-repeat center;
    background-size: 695px 396px
}

.case__vedio--play .bg.active {
    display: block
}

.case__vedio--play .video {
    margin-top: 20px;
    width: 695px;
    height: 396px;
    cursor: pointer;
    margin-left: 0;
    overflow: hidden
}

.case__vedio--play video {
    display: block
}

.case__tabs {
    background: linear-gradient(180deg, rgba(247, 248, 250, .4) 0, rgba(247, 248, 250, 1) 100%)
}

.case__tabs--caption {
    padding-top: 16px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    padding-bottom: 56px
}

.case__tabs--list {
    width: 688px;
    margin: 0 auto 64px
}

.case__tabs--list .items {
    text-align: center;
    float: left;
    width: 50%;
    font-size: 24px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 28px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e8e8e8;
    cursor: pointer
}

.case__tabs--list .items.active {
    color: #1c7aff;
    border-bottom: 3px solid #1c7aff;
    padding-bottom: 19px
}

.case__tabs--content {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 55px
}

.case__tabs--content .items li {
    margin-bottom: 48px;
    position: relative
}

.case__tabs--content .items li .imgBox {
    position: absolute;
    width: 160px;
    text-align: center
}

.case__tabs--content .items li .imgBox .xcx_qrcode {
    display: none;
    border-radius: 50%
}

.case__tabs--content .items li .imgBox.xcx:hover .logo {
    opacity: 0
}

.case__tabs--content .items li .imgBox.xcx:hover .xcx_qrcode {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px
}

.case__tabs--content .items li .imgBox a {
    display: inline-block
}

.case__tabs--content .items li .desc {
    padding-left: 182px;
    padding-right: 8px
}

.case__tabs--content .items li .desc div {
    margin-bottom: 10px
}

.case__tabs--content .items li .desc div a:first-child {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 400;
    color: #222;
    line-height: 26px;
    margin-right: 20px;
    outline: 0 none
}

.case__tabs--content .items li .desc div a:last-child {
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #4894ff;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #4894ff;
    outline: 0 none
}

@-moz-document url-prefix() {
    .case__tabs--content .items li .desc div a:last-child {
        line-height: 28px;
        margin-top: -4px
    }
}

.case__tabs--content .items li .desc > a {
    font-size: 18px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #4a4a4a;
    line-height: 28px;
    text-align: justify;
    border: 0 none;
    outline: 0 none
}

.case__classicCase {
    background: #fff
}

.case__classicCase--label {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 60px
}

.case__classicCase--list {
    padding-bottom: 48px;
    width: 1000px;
    margin: 0 auto
}

.case__classicCase--list .items {
    width: 125px;
    margin-right: 50px;
    margin-bottom: 50px;
    float: left;
    text-align: center;
    white-space: nowrap
}

.case__classicCase--list .items:hover img {
    border: 1px solid #e4f5f6;
    background: 0 0;
    -moz-box-shadow: 0 0 20px 2px #e4f5f6;
    box-shadow: 0 0 20px 2px #e4f5f6;
    -ms-transform: scale(1.1504, 1.114);
    -webkit-transform: scale(1.1504, 1.114);
    -o-transform: scale(1.1504, 1.114);
    -moz-transform: scale(1.1504, 1.114);
    transform: scale(1.1504, 1.114)
}

.case__classicCase--list .items img {
    width: 120px;
    height: 120px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: border-box;
    border-radius: 50%;
    vertical-align: top
}

.case__classicCase--list .items p {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 24px;
    padding-top: 22px
}

.case__classicCase--list .items:nth-child(6n) {
    margin-right: 0
}

.processing__icon {
    padding-top: 84px;
    padding-bottom: 82px
}

.processing__icon--label {
    font-size: 30px;
    font-weight: 400;
    color: #111;
    line-height: 32px;
    padding-bottom: 56px;
    text-align: center
}

.processing__icon ul {
    width: 980px;
    margin: 0 auto
}

.processing__icon ul li {
    float: left;
    margin-right: 160px;
    width: 220px;
    text-align: center
}

.processing__icon ul li:last-child {
    margin-right: 0
}

.processing__icon ul li img {
    margin-bottom: 30px;
    vertical-align: top
}

.processing__icon ul li .title {
    font-size: 22px;
    font-weight: 400;
    color: #111;
    line-height: 26px;
    margin-bottom: 20px
}

.processing__icon ul li .subtitle {
    font-size: 18px;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: #505050;
    line-height: 28px
}

.processing__intro {
    background: rgba(245, 246, 249, .8);
    padding-bottom: 88px
}

.processing__intro--label {
    padding-top: 90px;
    font-size: 30px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #111;
    line-height: 36px;
    padding-bottom: 50px;
    text-align: center
}

.processing__intro ul {
    width: 1148px;
    margin: 0 auto
}

.processing__intro ul li {
    float: left;
    background: #fff;
    margin-right: 20px;
    text-align: center
}

.processing__intro ul li:last-child {
    margin-right: 0
}

.processing__intro ul li img {
    vertical-align: top
}

.processing__intro ul li .title {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding-bottom: 18px;
    padding-top: 11px;
    position: relative
}

.processing__intro ul li .title:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 2px;
    background: #4894ff;
    left: 50%;
    margin-left: -16px;
    bottom: 10px
}

.processing__intro ul li .subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    padding-bottom: 19px
}

.processing__section {
    padding-top: 90px;
    background: #fff
}

.processing__section--title {
    font-size: 30px;
    font-weight: 400;
    color: #111;
    line-height: 36px;
    margin-bottom: 19px;
    text-align: center
}

.processing__section--subtitle {
    font-size: 24px;
    font-weight: 400;
    color: #505050;
    line-height: 30px;
    text-align: center;
    margin-bottom: -30px
}

.processing__section--items:nth-child(3) {
    background: #fff;
    padding-bottom: 86px
}

.processing__section--items:nth-child(3) .wrap {
    height: 412px;
    background: url(../images/processing__js.png) no-repeat center;
    background-size: 1148px 412px
}

.processing__section--items:nth-child(3) .desc {
    width: 412px;
    padding-top: 126px;
    padding-left: 42px
}

.processing__section--items:nth-child(4) {
    background: rgba(245, 246, 249, .8);
    height: 486px
}

.processing__section--items:nth-child(4) .wrap {
    padding-top: 78px
}

.processing__section--items:nth-child(4) .wrap img {
    margin-left: 42px;
    margin-right: 147px
}

.processing__section--items:nth-child(4) .wrap .desc {
    padding-top: 37px
}

.processing__section--items:nth-child(5) {
    background: #fff;
    height: 546px
}

.processing__section--items:nth-child(5) .wrap {
    padding-top: 112px
}

.processing__section--items:nth-child(5) .wrap .desc {
    padding-top: 28px;
    padding-left: 42px;
    width: 414px;
    margin-right: 166px
}

.processing__section--items:nth-child(6) {
    background: rgba(245, 246, 249, .8);
    height: 440px
}

.processing__section--items:nth-child(6) .wrap {
    padding-top: 69px;
    position: relative
}

.processing__section--items:nth-child(6) .wrap img {
    margin-left: -30px;
    margin-right: 99px
}

.processing__section--items:nth-child(6) .wrap .desc {
    padding-top: 21px;
    width: 377px
}

.processing__section--items:nth-child(6) .barChart div {
    background: linear-gradient(180deg, #becfff 0, #fff 100%);
    border-radius: 2px 2px 0 0;
    width: 12px;
    position: absolute;
    bottom: 80px;
    font-family: ArialMT;
    color: #4c73ff;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    transition: height 1s linear
}

.processing__section--items:nth-child(6) .barChart div:before {
    top: -15px;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.processing__section--items:nth-child(6) .barChart div:first-child {
    left: 159px
}

.processing__section--items:nth-child(6) .barChart div:first-child:before {
    content: '38%';
    position: absolute
}

.processing__section--items:nth-child(6) .barChart div:nth-child(2) {
    left: 204px
}

.processing__section--items:nth-child(6) .barChart div:nth-child(2):before {
    content: '78%';
    position: absolute
}

.processing__section--items:nth-child(6) .barChart div:nth-child(3) {
    left: 249px
}

.processing__section--items:nth-child(6) .barChart div:nth-child(3):before {
    content: '49%';
    position: absolute
}

.processing__section--items:nth-child(6) .barChart div:nth-child(4) {
    left: 297px
}

.processing__section--items:nth-child(6) .barChart div:nth-child(4):before {
    content: '62%';
    position: absolute
}

.processing__section--items:nth-child(6) .barChart div:nth-child(5) {
    left: 344px
}

.processing__section--items:nth-child(6) .barChart div:nth-child(5):before {
    content: '82%';
    position: absolute
}

.processing__section--items:nth-child(6) .barChart div:nth-child(6) {
    left: 391px
}

.processing__section--items:nth-child(6) .barChart div:nth-child(6):before {
    content: '94%';
    position: absolute
}

.processing__section--items:nth-child(6) .barChart.dn > div {
    height: 0;
    overflow: hidden
}

.processing__section--items .wrap {
    width: 1148px;
    margin: 0 auto
}

.processing__section--items .wrap img {
    float: left
}

.processing__section--items .wrap .desc {
    float: left
}

.processing__section--items .wrap .desc div {
    cursor: pointer;
    width: 156px;
    height: 44px;
    background: #4894ff;
    border-radius: 36px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 44px;
    text-align: center;
    margin-top: 30px
}

.processing__section--items .wrap p:first-child {
    font-size: 24px;
    font-weight: 400;
    color: #111;
    line-height: 30px;
    padding-bottom: 18px
}

.processing__section--items .wrap p:first-child ~ p {
    font-size: 18px;
    font-weight: 400;
    color: #505050;
    line-height: 28px;
    margin-bottom: 8px
}

.processing__customer {
    padding-bottom: 88px;
    padding-top: 90px;
    background: #fff
}

.processing__customer--label {
    font-size: 30px;
    font-weight: 400;
    color: #111;
    line-height: 36px;
    padding-bottom: 48px;
    text-align: center
}

.processing__customer ul {
    width: 968px;
    margin: 0 auto
}

.processing__customer ul li {
    float: left;
    width: 242px;
    height: 170px;
    border: 1px solid #e8e8e8;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -1px;
    margin-right: -1px;
    text-align: center;
    position: relative
}

.processing__customer ul li:nth-child(4n) {
    margin-right: 0
}

.processing__customer ul li img {
    vertical-align: top;
    margin-top: 26px
}

.processing__customer ul li p {
    position: absolute;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #505050;
    bottom: 25px;
    line-height: 22px
}

.leadwarehouse .groupon__species--list {
    border: 0 none
}

.leadwarehouse .groupon__species--list li {
    border-right: 0 none
}

.leadwarehouse .groupon__case {
    padding-top: 64px;
    background: #f7f8fa
}

.leadwarehouse .groupon__case--label {
    padding-bottom: 68px
}

.leadwarehouse .groupon__case--list {
    width: 992px
}

.leadwarehouse .groupon__section .items .desc.mall {
    margin-right: 110px
}

.leadwarehouse .groupon__section .items .desc p {
    white-space: normal
}

.leadwarehouse .groupon__case--list li {
    margin-right: 72px;
    margin-bottom: 43px
}

.leadwarehouse .groupon__case--list li:nth-child(4n) {
    margin-right: 0
}

.leadwarehouse .groupon__section .items:nth-child(4) {
    height: auto;
    background: 0 0;
    padding-top: 72px;
    padding-bottom: 94px
}

.pork__intro {
    text-align: center;
    padding-top: 87px;
    padding-bottom: 80px
}

.pork__intro--caption {
    font-size: 30px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(17, 17, 17, 1);
    line-height: 36px;
    margin-bottom: 18px
}

.pork__intro--subtitle {
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 30px;
    margin-bottom: 50px
}

.pork .groupon__section .items:first-child {
    height: auto;
    padding-top: 70px;
    padding-bottom: 68px
}

.pork .groupon__section .items img:first-child {
    margin-left: 0
}

.pork .groupon__section .items:first-child .desc {
    margin-left: 205px;
    width: 425px;
    white-space: normal
}

.pork .groupon__section .items:nth-child(2) {
    padding: 84px 0;
    height: auto
}

.pork .groupon__section .items:nth-child(2) .desc {
    margin-right: 205px;
    width: 414px;
    white-space: normal
}

.pork .groupon__section .items:nth-child(3) {
    padding: 74px 0;
    height: auto
}

.pork .groupon__section .items:nth-child(3) img {
    margin-left: -50px
}

.pork .groupon__section .items:nth-child(3) .desc {
    margin-left: 138px;
    width: 385px;
    white-space: normal
}

.pork .index__cooperation {
    background: #fff
}

.pork .index__cooperation .items {
    border: 1px solid #e8e8e8;
    box-sizing: border-box
}

.pork .index__cooperation--list {
    margin-bottom: 66px
}

.traceability__process {
    background: #fafbfc;
    padding-top: 50px;
    padding-bottom: 120px
}

.traceability__process--label {
    font-size: 30px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(34, 34, 34, 1);
    line-height: 36px;
    margin-bottom: 60px;
    text-align: center
}

.traceability__process--list {
    overflow: hidden;
    width: 1082px;
    margin: 0 auto;
    position: relative
}

.traceability__process--list .left {
    left: 151px;
    top: 57px;
    position: absolute
}

.traceability__process--list .right {
    top: 57px;
    position: absolute;
    right: 151px
}

.traceability__process--list:before {
    content: '';
    width: 571px;
    border-top: 2px dashed #bababa;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 66px
}

.traceability__process--list .items {
    position: relative;
    width: 132px;
    float: left;
    margin-right: 58px;
    text-align: center
}

.traceability__process--list .items p {
    font-size: 22px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(34, 34, 34, 1);
    line-height: 26px;
    margin-top: 30px
}

.traceability__process--list .items:last-child {
    margin-right: 0
}

.traceability .fresh__introduce--list .items:nth-child(2) {
    background: #fff;
    padding-top: 74px;
    padding-bottom: 74px;
    height: auto
}

.traceability .fresh__introduce--list .items:nth-child(2) .desc {
    margin-left: 205px;
    margin-top: 45px
}

.traceability .fresh__introduce--list .items:nth-child(3) {
    background: #f5f6f9;
    padding-top: 76px;
    padding-bottom: 72px;
    height: auto
}

.traceability__label {
    font-size: 30px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(34, 34, 34, 1);
    line-height: 36px;
    text-align: center;
    padding-top: 88px;
    margin-bottom: -60px
}

.traceability .fresh__introduce--list .items:nth-child(3) .desc {
    margin-top: 22px;
    margin-right: 89px
}

.traceability .case__vedio {
    padding-top: 40px;
    background: url(../images/traceability_video.png) no-repeat center 40px;
    background-size: 1184px 653px;
    height: 653px;
    position: relative
}

.footer-bannar {
    background: url(../images/prwarehouse.png) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 40px
}

.footer-bannar p {
    font-size: 26px;
    font-weight: 400
}

.footer-bannar div {
    display: inline-block;
    width: 156px;
    height: 44px;
    line-height: 44px;
    border-radius: 36px;
    text-align: center;
    background: linear-gradient(88deg, #ffbc00 0, #ff8e00 100%);
    font-size: 20px;
    font-weight: 400;
    margin-top: 32px;
    color: #fff;
    cursor: pointer
}

#submit-modal {
    width: 826px !important;
    border-radius: 0 !important;
    left: 50%;
    top: 50%;
    margin-left: -413px !important;
    margin-top: -200px !important;
    padding: 0 !important
}

#submit-modal .modal__content {
    overflow: hidden
}

#submit-modal .modal__content .modal__content--text {
    float: left;
    width: 400px;
    height: 400px;
    padding-top: 64px;
    padding-left: 52px;
    padding-right: 52px;
    box-sizing: border-box;
    background: url(../images/barcelona-commerce-crowd-2031992.png)
}

#submit-modal .modal__content .modal__content--text p {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 26px;
    margin-bottom: 8px
}

#submit-modal .modal__content .modal__content--text p:first-child {
    margin-bottom: 16px;
    font-size: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    line-height: 26px
}

#submit-modal .modal__content .modal__content--form {
    float: left;
    width: 426px;
    height: 400px;
    background: #fff;
    padding: 64px 40px 0;
    text-align: center
}

#submit-modal .modal__content .modal__content--form .submit {
    width: 345px;
    height: 47px;
    background: linear-gradient(90deg, rgba(255, 161, 0, 1) 0, rgba(255, 110, 0, 1) 100%);
    border-radius: 24px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 47px;
    text-align: center
}

#submit-modal .modal__content .modal__content--form .submit span {
    background: 0 0;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

#submit-modal .modal__content .modal__content--form #submit-title {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    margin-bottom: 25px
}

#submit-modal .modal__content .modal__content--form .submit-item {
    margin-bottom: 14px
}

#submit-modal .modal__content .modal__content--form input {
    width: 345px;
    height: 47px;
    border-radius: 24px;
    border: 1px solid rgba(186, 186, 186, 1);
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 47px
}

#company-name::-webkit-input-placeholder, #phone::-webkit-input-placeholder, #username::-webkit-input-placeholder {
    color: rgba(153, 153, 153, 1) !important;
    font-size: 18px !important
}

.dropDown__menu--panel {
    width: 394px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: rgba(80, 80, 80, 1) !important;
    transition: color linear .35s;
    text-align: center;
    line-height: initial;
    transform: translateX(-38%)
}

.dropDown__menu--panel a {
    color: rgba(80, 80, 80, 1) !important;
    width: calc(50% - 40px);
    white-space: nowrap;
    overflow: hidden;
    float: left;
    padding-left: 20px !important;
    transition: none !important;
    margin-bottom: 8px;
    text-align: left !important
}

.dropDown__menu--panel .dropDown__menu--panel--item {
    padding: 13px 0
}

.dropDown__menu--panel .dropDown__menu--panel--item:not(:last-of-type) {
    border-bottom: 1px solid #e8e8e8 !important
}

.dropDown__menu--panel .dropDown__menu--panel--item p {
    font-weight: 700;
    margin-bottom: 10px
}

.dropDown__menu--panel .dropDown__menu--panel--item div::after {
    content: '';
    clear: both;
    display: block
}

.dropDown__menu--panel .dropDown__menu--panel--item a:hover {
    color: #1794fb !important;
    position: relative
}

.dropDown__menu--panel .dropDown__menu--panel--item a:hover::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 7px;
    border-left: 6px solid #1794fb;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}