ol, ul {
    list-style: none;
}

.oneintro {
    color: #F3CE75;
}

.oneintro h1 {
    font-size: 7rem;
    font-weight: bold;
    margin: 60px 0;
    letter-spacing: 3px;
}

.oneintro h2 {
    font-size: 50px;
    letter-spacing: 5px;
}

.bg-white {
    background-color: #ffffff;
}

.bg-gray {
    background-color: #f4f4f4;
}

.title {
    padding-top: 50px;
}

.sub-title {
    text-align: center;
    margin-top: 26px;
}

.beauty-box {
    margin: 0 auto;
    text-align: center;
}

.pd-80{
    padding: 80px 0;
}
.pd-top-80{
    padding-top: 80px;
}






.category .beauty-box {
    width: 750px;
}

.category .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    padding: 0;
}

.category .list .item {
    text-align: -webkit-match-parent;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.category .list .item .logo {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.category .text {
    margin-top: 30px;
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}



.reserve .board {
    position: relative;
    margin: 0 auto;
    width: 810px;
    height: 516px;
    overflow: hidden;
}

.reserve .board img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -moz-transition: transform linear .3s, -moz-transform linear .3s;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear;
}



.wx .beauty-box .list {
    padding-top: 60px;
    padding-bottom: 130px;
    margin: 0 auto;
    padding: 0;
}

.wx .beauty-box .list li {
    display: inline-block;
}

.wx .beauty-box .list img {
    width: 208px;
    height: auto;
}



.marketing .beauty-box .types:first-of-type {
    margin-top: 50px;
}

.marketing .beauty-box .types {
    margin: 0 auto;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 540px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.marketing .beauty-box .types li {
    width: 60px;
    font-size: 11px;
    color: #666;
    text-align: center;
}

.marketing .beauty-box .types li img {
    margin: 0 auto;
    display: block;
    width: 51px;
    height: 51px;
    margin-bottom: 14px;
}

.marketing .beauty-box .videos {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 816px;
    padding: 0 0 40px 0;
}

.marketing .beauty-box .videos li {
    position: relative;
}

.marketing .beauty-box .videos li img {
    width: 272px;
    height: 443px;
    display: block;
}



.member {
    background: url(../image/bg_1v3.jpg) repeat-x;
    background-size: 1px 685px;
    background-position: bottom;
}

.member .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 750px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0;
}

.member .list li {
    width: 125px;
    margin-bottom: 35px;
    text-align: center;
    font-size: 11px;
    color: #666;
}

.member .list li img {
    height: 50px;
    width: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
}



.chain-list {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(38%, #fff), to(#edf1f5));
    background: -webkit-linear-gradient(top, #fff, #fff 38%, #edf1f5);
    background: -moz-linear-gradient(top, #fff 0, #fff 38%, #edf1f5 100%);
    background: linear-gradient(180deg, #fff, #fff 38%, #edf1f5);
}

.chain-list .beauty-box .chain-btn {
    margin-top: 17px;
}

.chain-list .beauty-box .chain-btn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #8558fa;
    line-height: 18px;
}

.chain-list .beauty-box .chain-btn a i {
    display: inline-block;
    margin-left: 3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #8558fa;
    border-right: 1px solid #8558fa;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chain-list .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 1180px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 70px auto 0;
    padding: 0;
}

.chain-list .list li {
    width: 354px;
    overflow: hidden;
    margin-bottom: 80px;
}

.chain-list .list li img {
    float: left;
    width: 60px;
    height: 60px;
}

.chain-list .list li .item {
    float: left;
    width: 260px;
    margin-left: 20px;
    text-align: left;
}

.chain-list .list li .li-title {
    font-size: 16px;
    line-height: 20px;
    color: #4b4b4b;
}

.chain-list .list li .li-sub {
    font-size: 12px;
    line-height: 22px;
    color: rgba(75, 75, 75, .65);
}



.hardware .beauty-box .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 1020px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0;
}

.hardware .beauty-box .list li {
    position: relative;
    width: 272px;
    height: 443px;
    overflow: hidden;
}

.hardware .beauty-box .list li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all linear .3s;
    transition: all .3s linear;
}

.hardware .beauty-box .list li .code {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}



.success .beauty-box .pic {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    width: 724px;
    height: 399px;
}