* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    color: #333;
    /* font-size: 4vw; */
    
}
html, body {
    width: 100%;
    overflow-x: hidden;
}
body {
    font-size: 1.4rem;
}
:root {
    --y: #ee6c27;
}
img {
    max-width: 100%;
    vertical-align: middle;
}
ul,li {
  list-style: none;
}
button {
    outline: none;
}
.wrap {
    // margin: 2rem 0;
    padding: 7rem 0;
}
.y-title {
    font-size: 3.8rem;
    text-align: center;
    margin-bottom: 3rem;
    b {
        color: var(--y);
    }
}
.y-title2 {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 6rem;
    color: #666;
    img {
        width: 2rem;
        margin-bottom: 2rem;
    }
}

// nav
/*nav*/
  .nav-pc {
    padding: 7px 0;
  }
  .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .nav > li {
    display: list-item;
    position: relative;
  }
  .nav > li > a {
    padding: 0.5em 1em;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    color: #333;
    outline: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 18px;
  }
  .nav-mobile .nav > li > a {
      color: #fff;
  }
  .nav-menu > li > a {
    color: #fff;
  }
  .nav > li.active > a{
    color: #ee6c27;
  }
  .nav .active .active a{
    color: #fff;
  }
  .nav > li > a:hover,
  .nav > li > a:active {
    color: #ee6c27;
    z-index: 1;
  }
  .xin-lei > li > a:hover,
  .xin-lei > li > a:active {
    color: #fff;
    z-index: 1;
  }
  .nav > li > select {
    min-width: 4rem;
    height: 100%;
    color: #f81b0a;
    padding: 0.25rem 1.25rem 0.25rem 1rem;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
  }
  .nav > li > select::-ms-expand {
    display: none;
  }
  .nav > li.disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .nav.nav-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
  }
  .nav.nav-divider > li:not(:first-child) > a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  .nav.nav-divider-line > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
  }
  .nav.nav-divider-line > li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: 1.25rem;
  }
  .nav.nav-divider-line > li > a {
    width: 100%;
  }
  .nav.nav-box {
    border: solid 1px #ddd;
    border-radius: 0.25rem;
  }
  .nav.nav-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -moz-box-pack: center!important;
    justify-content: center!important;
    text-align: center;
  }
  .nav.nav-right {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .nav.nav-block > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    text-align: center;
  }
  .nav.nav-small > li > a {
    padding: 0.25em 1em !important;
    font-size: 0.875rem !important;
  }
  .nav.nav-big > li > a {
    padding: 0.75em 1em !important;
    font-size: 1.125rem !important;
  }
  .nav > li:first-child,
  .nav > li:first-child > a {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .nav.nav-block > li:last-child,
  .nav.nav-block > li:last-child > a {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .nav.nav-inverse > li > a {
    color: #fff;
  }
  .nav.nav-inverse > li > select {
    color: #fff;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
  }
  .nav.nav-inverse > li.active > a,
  .nav.nav-inverse > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .nav.nav-inverse.nav-divider > li > a,
  .nav.nav-inverse.nav-divider-line > li::before {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .nav > li.drop > a::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    border: solid 5px transparent;
    border-top-color: currentColor;
  }
  .nav.nav-inverse > li.drop > a::after {
    border-top-color: currentColor;
  }
  .nav > li > .dropdown > .nav-menu {
    width: 100%;
  }
  .nav.nav-menu {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -moz-box-orient: vertical!important;
    -moz-box-direction: normal!important;
    flex-direction: column!important;
  }
  .nav.nav-menu > li {
    text-align: center;
  }
  .nav.nav-menu > li.nav-title {
    font-weight: bold;
    padding: 0.5rem 1rem;
    font-size: 75%;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
  }
  .nav.nav-menu.nav-divider > li:not(:first-child) > a {
    border-left: none;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
  }
  .nav.nav-menu.nav-divider > li.nav-title {
    border-top: solid 1px #ddd;
    background: #f5f5f5;
  }
  .nav.nav-menu > li.nav-divider {
    margin: 0.25rem 0;
    border-top: 1px solid #ddd;
  }
  .nav.nav-menu.nav-divider-line > li:not(:first-child)::before {
    border-left: none;
  }
  .nav.nav-menu > li:first-child,
  .nav.nav-menu > li:first-child > a {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
  }
  .nav.nav-menu > li:last-child,
  .nav.nav-menu > li:last-child > a {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0;
  }
  .nav-arrow {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex!important;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -moz-box-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -moz-box-align: center!important;
    align-items: center!important;
  }
  .nav-arrow::after {
    content: "";
    width: 0.675rem;
    height: 0.675rem;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.5;
  }
  .nav.nav-menu > li.drop > a.nav-arrow::before,
  .nav.nav-menu > li.drop > a.nav-arrow::after {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 1px;
    top: 50%;
    background: currentColor;
    right: 1rem;
    border: none;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
    opacity: 0.5;
  }
  .nav.nav-menu > li.drop > a.nav-arrow::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .nav.nav-menu > li.drop:hover > a.nav-arrow::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .nav.nav-line > li {
    border-bottom: solid 2px #ddd;
  }
  .nav.nav-line.nav-box > li {
    margin-bottom: -1px;
  }
  .nav.nav-line.nav-line-top > li {
    border-top: solid 2px #ddd;
    border-bottom: none;
  }
  .nav.nav-line.nav-line-top.nav-box > li {
    margin-top: -1px;
    margin-bottom: 0;
  }
  .nav.nav-line > li.active,
  .nav.nav-line > li:hover {
    border-color: #f81b0a;
  }
  .nav.nav-line.nav-inverse > li {
    border-color: rgba(255, 255, 255, 0.25);
  }
  .nav.nav-line.nav-inverse > li.active,
  .nav.nav-line.nav-inverse > li:hover {
    border-color: #fff;
  }
  .nav.nav-line.nav-inverse > li.active > a,
  .nav.nav-line.nav-inverse > li > a:hover {
    background-color: transparent;
  }
  .nav.nav-line.nav-menu > li {
    border-width: 1px;
  }
  .nav.nav-line.nav-menu > li.active {
    border-width: 2px;
  }
  .nav.nav-card:not(.nav-menu) > li:not(:last-child) {
    margin-right: 0.25rem;
  }
  .nav.nav-card.nav-menu > li:not(:last-child) {
    margin-bottom: 0.25rem;
  }
  .nav.nav-card.nav-box {
    padding: 0.25rem;
  }
  .nav.nav-card > li.active > a,
  .nav.nav-card > li:hover > a {
    background-color: #f81b0a;
    border-radius: 0.25rem;
    color: #fff;
  }
  .nav.nav-card.nav-divider-line > li.active::before,
  .nav.nav-card.nav-divider-line > li.active + li::before,
  .nav.nav-card.nav-divider-line > li:hover::before,
  .nav.nav-card.nav-divider-line > li:hover + li::before {
    border-color: transparent;
  }
  .nav.nav-card.nav-inverse > li.active > a,
  .nav.nav-card.nav-inverse > li:hover > a {
    background-color: #fff;
    color: #fff;
  }
  .nav.nav-card.nav-menu.nav-divider > li.active > a,
  .nav.nav-card.nav-menu.nav-divider > li.active + li > a,
  .nav.nav-card.nav-menu.nav-divider > li:hover > a,
  .nav.nav-card.nav-menu.nav-divider > li:hover + li > a {
    border-color: transparent;
  }
  .nav.nav-icon > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
  }
  .nav.nav-icon > li > a > .nav-media {
    line-height: 1.5;
  }
  .nav.nav-icon.nav-block > li > a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
  }
  .nav.nav-icon.nav-icon-text > li > a > .nav-media {
    margin-right: 0.5rem;
  }
  .nav.nav-icon.nav-icon-wrap > li > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .nav.nav-icon.nav-icon-wrap > li > a:not(:last-child) {
    margin-bottom: 1rem;
  }
  .nav.nav-icon.nav-icon-wrap > li > a > .nav-media {
    margin-bottom: 0.25rem;
    margin-right: 0;
  }
  .nav.nav-icon.nav-menu > li.nav-title {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin-bottom: -1px;
    z-index: 2;
  }
  .nav.nav-tabs {
    border-bottom: solid 1px #ddd;
  }
  .nav.nav-tabs:not(.nav-menu) > li:not(:last-child) {
    margin-right: 0.25rem;
  }
  .nav.nav-tabs.nav-menu > li:not(:last-child) {
    margin-bottom: 0.25rem;
  }
  .nav.nav-tabs.nav-box {
    padding: 0 2rem;
    padding-top: 0.25rem;
  }
  .nav.nav-tabs > li {
    margin-bottom: -1px;
  }
  .nav.nav-tabs > li > a {
    border: solid 1px transparent;
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .nav.nav-tabs > li > a:last-child {
    border-bottom-right-radius: 0;
  }
  .nav.nav-tabs > li.active > a {
    border-color: #ddd;
    border-bottom-color: transparent;
    background-color: #fff;
  }
  .nav.nav-tabs > li:not(.active):hover > a {
    border-color: #ddd;
  }
  .nav.nav-tabs.nav-divider-line > li.active::before,
  .nav.nav-tabs.nav-divider-line > li.active + li::before,
  .nav.nav-tabs.nav-divider-line > li:hover::before,
  .nav.nav-tabs.nav-divider-line > li:hover + li::before {
    border-color: transparent;
  }
  .nav.nav-tabs.nav-inverse,
  .nav.nav-tabs.nav-inverse > li.active,
  .nav.nav-tabs.nav-inverse > li.active > a {
    background-color: inherit;
  }
  .nav.nav-tabs.nav-menu:not(.nav-box) {
    border-bottom: none;
  }
  .nav.nav-tabs.nav-menu.nav-box {
    padding: 0.25rem;
  }
  .nav.nav-tabs.nav-menu > li:not(:last-child) {
    margin-bottom: 0.25rem;
  }
  .nav.nav-tabs.nav-menu > li.active > a,
  .nav.nav-tabs.nav-menu > li > a:hover {
    border-radius: 0.25rem !important;
    border-bottom-color: #ddd;
  }
  .nav.nav-tabs.nav-menu.nav-divider > li:not(.active):not(:first-child) > a {
    border-radius: 0;
  }
  .nav.nav-tabs.nav-menu.nav-divider > li.active > a,
  .nav.nav-tabs.nav-menu.nav-divider > li > a:hover {
    border-left: solid 1px #ddd;
  }
  .nav.nav-tabs.nav-menu.nav-divider > li.active + li > a,
  .nav.nav-tabs.nav-menu.nav-divider > li:hover + li > a {
    border-color: transparent;
  }
  .nav.nav-tabs.nav-menu.nav-divider > li.active + li > a:hover,
  .nav.nav-tabs.nav-menu.nav-divider > li:hover + li.active > a {
    border-color: #ddd !important;
  }
  .nav.nav-tabs-card > li > a {
    border: solid 1px #ddd;
    background-color: #f5f5f5;
  }
  .nav.nav-tabs-card > li:not(:first-child) > a {
    margin-left: -1px;
  }
  .nav.nav-tabs-card > li.active > a {
    border-top-width: 2px;
    border-top-color: #f81b0a;
    border-bottom: none;
    background-color: transparent;
  }
  .nav.nav-tabs-card.nav-inverse > li > a {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
  }
  .nav.nav-tabs-card.nav-inverse > li.active > a {
    border-top-color: #fff;
    background-color: transparent;
    border-bottom-color: transparent;
  }
  .nav.nav-tabs-card.nav-menu > li:not(:first-child) > a {
    margin: -1px 0 0 0;
  }
  .nav.nav-turn {
    color: #ddd;
    font-size: 1rem;
  }
  .nav.nav-turn > li,
  .nav.nav-turn > li > a {
    border-color: currentColor;
    color: inherit;
  }
  .nav.nav-turn > li > a {
    padding: 0;
    width: 0.75em;
    height: 0.75em;
    border-radius: 0.5em !important;
    border-style: solid;
    border-width: 2px;
  }
  .nav.nav-turn > li:not(:last-child) {
    margin-right: 0.5em;
  }
  .nav.nav-turn > li.active {
    color: #f81b0a;
  }
  .nav.nav-turn > li.active > a {
    background-color: currentColor;
  }
  .nav.nav-turn.nav-menu {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
  }
  .nav.nav-turn.nav-menu > li:not(:last-child) {
    margin-bottom: 0.5em;
    margin-right: 0;
  }
  .nav.nav-turn.nav-turn-line > li > a {
    width: 1.5em;
    height: 0.5em;
  }
  .nav.nav-turn.nav-turn-dot > li > a {
    background-color: currentColor;
  }
  .nav.nav-turn.nav-turn-line > li.active > a {
    width: 2.5em;
  }
  .nav.nav-turn.nav-menu.nav-turn-line > li > a {
    width: 0.5em;
    height: 1.5em;
  }
  .nav.nav-turn.nav-menu.nav-turn-line > li.active > a {
    height: 2.5em;
  }
  .nav.nav-win {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    font-size: 16px;
    height: 1em;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.5em;
  }
  .nav.nav-win > li {
    position: relative;
    width: 1em;
    height: 1em;
    color: #fff;
  }
  .nav.nav-win > li:not(:last-child) {
    border-right: solid 1px rgba(255, 255, 255, 0.15);
  }
  .nav.nav-win > li:first-child {
    width: 1.1em;
    padding-left: 0.1em;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .nav.nav-win > li:last-child {
    width: 1.1em;
    padding-right: 0.1em;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .nav.nav-win > li.close::before {
    content: "";
    position: absolute;
    width: 0.6em;
    height: 0.1em;
    left: 0.3em;
    top: 0.45em;
    background-color: currentColor;
    border-radius: 0.1em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav.nav-win > li.close::after {
    content: "";
    position: absolute;
    width: 0.1em;
    height: 0.6em;
    left: 0.55em;
    top: 0.2em;
    background-color: currentColor;
    border-radius: 0.1em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav.nav-win > li.minimize::before {
    content: "";
    position: absolute;
    width: 0.5em;
    height: 0.1em;
    left: 0.25em;
    top: 0.45em;
    background-color: currentColor;
    border-radius: 0.1em;
  }
  .nav.nav-win > li.maximize::before,
  .nav.nav-win > li.maximize::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0.475em;
    top: 0.125em;
    border: 0.225em solid transparent;
    border-bottom-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav.nav-win > li.maximize::after {
    left: 0.125em;
    top: 0.5em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .nav.nav-win > li.close:hover {
    background-color: #f00;
  }
  .nav.nav-win > li.minimize:hover {
    background-color: #fb0;
  }
  .nav.nav-win > li.maximize:hover {
    background-color: #0ae;
  }
  .nav.nav-step {
    color: #ddd;
  }
  .nav.nav-step > li {
    padding-top: 1rem;
  }
  .nav.nav-step > li::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    border-top-style: dashed;
    border-top-width: 2px;
    border-top-color: currentColor;
  }
  .nav.nav-step > li:first-child::before {
    left: 50%;
    width: 50%;
  }
  .nav.nav-step > li:last-child::before {
    width: 50%;
  }
  .nav.nav-step > li::after {
    content: "";
    font-size: 12px;
    line-height: 1rem;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: inherit;
  }
  .nav.nav-step > li[title]::after {
    content: attr(title);
    width: 20px;
    height: 20px;
    top: -9px;
    margin-left: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
  }
  .nav.nav-step > li > a {
    color: currentColor;
  }
  .nav.nav-step > li.active {
    color: #f81b0a;
  }
  .nav.nav-step > li.active::after {
    border-color: currentColor;
    border-width: 7px;
  }
  .nav.nav-step > li[title].active::after {
    border-width: 2px;
  }
  .nav.nav-step > li.active:not(:last-child)::before {
    border-top-style: solid;
    border-top-color: currentColor;
  }
  .nav.nav-page {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    border-radius: 0.25rem;
  }
  .nav.nav-page > li {
    border: solid 1px #ddd;
  }
  .nav.nav-page > li:not(:first-child) {
    margin-left: -1px;
  }
  .nav.nav-page > li:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .nav.nav-page > li > a {
    padding: 0.375rem 0.75rem;
  }
  .nav.nav-page > li:hover {
    background-color: #f5f5f5;
  }
  .nav.nav-page > li.active {
    border-color: transparent;
    z-index: 1;
    background-color: #f81b0a;
  }
  .nav.nav-page > li.active > a {
    color: #fff;
    background-color: transparent;
  }
  .nav.nav-page.nav-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .nav.nav-page.nav-divider > li {
    border-radius: 0.25rem;
    margin-left: 0;
  }
  .nav.nav-page.nav-divider > li:not(:last-child) {
    margin-right: 0.25rem;
  }
  .nav.nav-page.nav-divider > li > a {
    border: none;
  }
  .nav.nav-page.nav-inverse > li:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .nav.nav-page.nav-inverse > li.active {
    background-color: #fff;
  }
  .nav.nav-page.nav-inverse > li.active > a {
    color: #f81b0a;
  }
  .nav.nav-page.nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .nav.nav-page.nav-menu > li:not(:first-child) {
    margin-left: 0;
    margin-top: -1px;
  }
  .nav.nav-page.nav-menu > li:last-child:not(:first-child) {
    border-top-right-radius: 0;
  }
  .nav.nav-page.nav-menu.nav-divider > li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
  .nav.nav-page.nav-menu.nav-divider > li > a {
    border: none;
  }
  .nav.nav-page.nav-menu.nav-divider > li:last-child {
    border-top-right-radius: inherit;
  }
  .nav-page-menu,
  .nav-page-menu > .nav.nav-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -moz-box-orient: vertical!important;
    -moz-box-direction: normal!important;
    flex-direction: column!important;
  }
  .nav-page-menu > .nav.nav-page:not(:first-child) {
    margin-top: 0.25rem;
  }
  .nav.nav-breadcrumb > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
  }
  .nav.nav-breadcrumb > li:not(:last-child)::after {
    content: "\002f";
    display: list-item;
    opacity: 0.25;
  }
  .nav.nav-breadcrumb.nav-breadcrumb-arrows > li:not(:last-child)::after {
    content: "\00bb";
  }
  .nav.nav-breadcrumb.nav-inverse > li::after {
    color: #fff;
  }
  .nav.nav-switch {
    position: relative;
    width: 2em;
    height: 1.5em;
    color: #999;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    border: solid 1px rgba(0, 0, 0, 0);
  }
  .nav.nav-switch > li {
    background: currentColor;
    width: 100%;
    height: 1px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .nav.nav-switch > li > a {
    opacity: 0;
    display: none;
  }
  .nav.nav-switch.nav-open > li:not(:first-child):not(:last-child) {
    background-color: transparent;
  }
  .nav.nav-switch.nav-open > li:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav.nav-switch.nav-open > li:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navbar {
    position: relative;
    padding: 5px 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .navbar > .navbar-logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    white-space: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
  }
  .navbar-outer {
    position: relative;
  }
  .navbar-body {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 2;
    display: none;
  }
  .navbar:not(.navbar-show) > .navbar-body,
  .navbar-outer:not(.navbar-show) .navbar-body {
    width: 100%;
  }
  .navbar-body > .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .navbar-body > .nav > li > .nav {
    margin: 1rem;
    margin-top: 0;
    display: none;
  }
  .navbar-body > .nav > li:hover > .nav {
    display: block;
  }
  .navbar-body > .navbar-after {
    padding: 0.5rem 1rem;
    border-radius: inherit;
    text-align: center;
  }
  .navbar-body > .nav.nav-divider > li:not(:first-child) > a,
  .navbar-body > .nav.nav-divider + .navbar-after {
    border-left-width: 0;
    border-top: solid 1px #ddd;
  }
  .navbar > .navbar-addon + .nav.nav-switch {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    order: -1;
  }
  .navbar-show .nav.nav-switch {
    display: none;
  }
  .navbar-show .navbar-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    background-color: transparent !important;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .navbar.navbar-show > .navbar-body {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    margin-left: 10%;
  }
  .navbar-show .navbar-body > .nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }
  .navbar-show.navbar-show-block .navbar-body > .nav,
  .navbar-show.navbar-show-block .navbar-body > .nav > li,
  .navbar-show.navbar-show-block .navbar-body > .nav > li > a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    text-align: center;
  }
  .navbar-show .navbar-body > .nav.nav-divider > li > a,
  .navbar-show .navbar-body > .nav.nav-divider + .navbar-after {
    border-left-width: 1px;
    border-top-width: 0;
  }
  .navbar-show.navbar-divider-none .navbar-body > .nav.nav-divider > li > a {
    border-left-width: 0;
  }
  .navbar-show.navbar-show-divider .navbar-body > .nav > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
  }
  .navbar-show.navbar-show-divider .navbar-body > .nav > li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: 1.25rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li.active::before,
  .navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li:hover::before,
  .navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li.active + li::before,
  .navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li:hover + li::before {
    border-color: transparent;
  }
  .navbar-show .navbar-body > .nav > li > .nav {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    //width: 20rem;
    //min-width: 10rem;
    padding:0 1rem;
  }
  .navbar-inverse .nav.nav-switch,
  .navbar-inverse .navbar-logo,
  .navbar-inverse .navbar-addon,
  .navbar-inverse .navbar-addon a,
  .navbar-inverse.navbar-show,
  .navbar-inverse.navbar-show .navbar-body > .navbar-after a,
  .navbar-inverse.navbar-show .navbar-body > .nav > li > a,
  .navbar-show-inverse.navbar-show,
  .navbar-show-inverse.navbar-show .navbar-body > .navbar-after a,
  .navbar-show-inverse.navbar-show .navbar-body > .nav > li > a {
    color: #fff;
  }
  .navbar-outer.navbar-show > .navbar {
    padding: 1.25rem 1rem;
  }
  .navbar-outer:not(.navbar-show) .navbar-body.container {
    width: 100%!important;
    padding: 0!important;
  }
  .sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar.sidebar-right {
    left: auto;
    right: 0;
  }
  .sidebar > .nav-switch {
    position: absolute;
    top: 1rem;
    right: -2.5rem;
  }
  .sidebar.sidebar-right > .nav-switch {
    right: auto;
    left: -2.5rem;
  }
  .sidebar.sidebar-close {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .sidebar.sidebar-right.sidebar-close {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .sidebar.sidebar-hold.sidebar-close {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
  .sidebar.relative.sidebar-close {
    position: absolute !important;
  }
  .sidebar.relative.sidebar-hold.sidebar-close {
    position: relative !important;
  }
  .sidebar.sidebar-hold.sidebar-close .nav > li > a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
  }
  .sidebar.sidebar-hold.sidebar-close .nav > li > a > .nav-media {
    margin-right: 0;
  }
  .sidebar.sidebar-hold .sidebar-hidden {
    white-space: nowrap;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar.sidebar-hold.sidebar-close .sidebar-hidden {
    display: none!important;
  }
  .header {
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    z-index: 100;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
  }
  .nav-pc .navbar.navbar-show > .navbar-body {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    margin-left: 0%;
  }
  .nav-pc .navbar > .navbar-logo img {
    // width: 80%;
    height: 48px;
  }
  .nav-pc .navbar-show .navbar-body > .nav > li > .nav {
    //left: -33px;
    left: 50%;
    transform: translateX(-50%);
  }
  .nav.nav-box {
    border: none;
  }
  .nav-pc .nav.nav-box {
    background-color: #ee6c27  !important;
  }
  .nav-pc .nav.nav-menu.nav-divider > li:not(:first-child) > a {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
  }
  .nav-pc .tel {
    font-size: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .nav-pc .tel span {
    font-size: 22px;
  }
  .nav-mobile .nav.nav-box {
    background-color: #000 !important;
  }
  .nav-mobile .nav.nav-box li {
    text-align: left;
    border-bottom: 1px dashed #666;
  }
  .nav-mobile .nav.nav-box li:nth-last-child(1) {
    border: none;
  }
  .nav-mobile {
    display: none;
  }
  .banner {
    padding-top: 121px;
    position: relative;
  }
  .banner .banner-bullet {
    display: inline-block;
    width: 5rem;
    height: 3px;
    background: #d0d0d0;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
  }
  .banner .speed {
    width: 0;
    position: absolute;
    height: 3px;
    background-color: #f81b0a;
    left: 0;
    top: 0;
  }
  .banner .banner-bullet-active .speed {
    width: 100%;
    -webkit-transition: width 3.5s linear;
    transition: width 3.5s linear;
  }
  .banner .banner-active .speed {
    width: 100%;
  }
  .banner .banner-page {
    bottom: 20px;
  }
  .banner img {
    width: 100%;
    height: auto;
  }
.head-top {
    background: #3b3b3b;
    color: #fff;
    padding: 10px 0;
    line-height: 28px;
    .container {
        display: flex;
        justify-content: space-between;
        .head-top-by{
          font-size: 12px;
        }
        .head-top-dh{
          color: #ee6c27;
          font-weight: bold;
          font-size: 18px;
          img{
            vertical-align: sub;
            margin-right: 5px;
          }
        }
    }
}

// 经典案例
.jdal {
    background: url(../img/jdal-bg.png) 0 0/100% 100% no-repeat;
    .prev {
        padding: 2rem 0;
        .row {
            //padding: 15px 10rem;
            padding: 15px 1rem;
            margin-left: 0;
            margin-right: 0;
            &>div {
                display: flex;
                flex-wrap: wrap;
                background: #fff;
                box-shadow: 0 0 16px #ccc;
            } 
            .col-md-8 {
              padding: 15px;
            }
            .col{
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              .jdal_ck{
                display: flex;
                flex-direction: row-reverse;
              }
            }
        }
        h3 {
            font-size: 3.2rem;
            margin: 5rem 0;
        }
        h4 {
            color: var(--y);
            font-size: 2rem;
            margin-bottom: 3rem;
        }
        p {
            font-size: 1.6rem;
        }
        .more {
            color: #333;
            margin-bottom: 5rem;
            display: inline-block;
            img {
                margin-left: 5px;
                transition: .8s;
            }
            &:hover {
                color: var(--y);
                img {
                    margin-left: 23px;
                }
            }
        }
        .num {
            text-align: right;
            font-size: 2.8rem;
            position: absolute;
            left: 0;
            bottom: 5px;
            width: 100%;
            padding: 0 10px;
            span {
                color: var(--y);
            }
        }
        .swiper-wrapper {
        }
        .swiper-button-next::after, .swiper-button-prev::after {
            display: none;
        }
        .swiper-button-prev {
            width: 11rem;
            img {
                transform: rotate(180deg);
            }
            
        }
        .swiper-button-next {
            width: 11rem;
        }
        .swiper-button-disabled {
            display: none;
        }
        .swiper-button-prev, .swiper-button-next {
            img:nth-of-type(2) {
                display: none;
            }
            &:hover {
                img {
                    display: none;
                }
                img:nth-of-type(2) {
                    display: block;
                }
            }
        }
         
    }
    .ctr {
        margin: 2rem 0;
        .swiper-slide {
            border: 1px solid transparent;
            padding: 0;
            &::after {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background: rgba(0,0,0,.4);
            }
        }
        .swiper-slide-thumb-active {
          &::after {
            display: none;
          }
          border-color: var(--y);
        }
    }
}

// 产品中心
.cpzx {
    .ctr {
        margin: 2rem 0;
        .item {
          text-align: center;
          width: 24.2rem;
          height: 9.2rem;
          background-image: url(../img/cpzx-nav-icon2.png);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          font-size: 2rem;
          color: #fff;
          margin: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          a {
              color: inherit;
          }
          &:hover {
              background-image: url(../img/cpzx-nav-icon2.png);
              color: #fff;
          }
          .line {
            display: block;
            width: 3em;
            height: 1px;
            margin: .4rem auto;
            background-color: #fff;
          }
          p {
            font-size: 1.4rem;
            margin:0;
          }
        }
        .x-kong{
          color:#777;
          background-image: url(../img/cpzx-nav-icon1.png);
          .line{
            background-color: #777;
          }
          a{
            color:#333;
          }
        }
    }
    .list {
        padding: 2rem 0;
        .row {
            display: none;
        }
        .row:nth-of-type(1) {
            display: flex;
        }
        .box {
            padding: 2rem 0;
            .img-box {
                padding: 5px;
                position: relative;
            }
            h3 {
                margin: 2rem 0;
                font-size: 1.8rem;
                color: #333;
                img {
                    vertical-align: middle;
                }
                img:nth-of-type(2) {
                    display: none;
                }
            }
            p {
                font-size: 1.4rem;
                color: #999;
                margin-bottom: 2rem;
            }
            .line2,.line3,.line4,.line5 {
                position: absolute;
                background: var(--y);
                opacity: 0;
            }
            .line2 {
                width: 0;
                height: 1px;
                left: 0;
                top: 0;
                transition: width .3s linear;
            }
            .line3 {
                width: 1px;
                height: 0;
                right: 0;
                top: 0;
                transition: height .3s .3s linear;
            }
            .line4 {
                width: 0;
                height: 1px;
                right: 0;
                bottom: 0;
                transition: width .3s .6s linear;
            }
            .line5 {
                width: 1px;
                height: 0;
                left: 0;
                bottom: 0;
                transition: height .3s .9s linear;
            }
            .line1 {
                width: 100%;
                height: 1px;
                background: #ccc;
                position: relative;
                opacity: 0;
                &:after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 1px;
                    width: 0;
                    background: var(--y);
                    transition: 1.2s;
                }
            }
            .more {
                color: var(--y);
                transition: .6s;
                opacity: 0;
                margin-top: 2rem;
                a {
                    color: inherit;
                }
                img {
                    float: right;
                }
            }
            &:hover {
                h3 {
                  color: var(--y);
                    img {
                        display: none;
                    }
                    img:nth-of-type(2) {
                        display: inline-block;
                    }
                }
                .line1 {
                    opacity: 1;
                }
                .line1:after {
                    width: 100%;
                }
                .more {
                    opacity: 1;
                }
                .line2,.line3,.line4,.line5 {
                    opacity: 1;
                }
                .line2, .line4 {
                    width: 100%;
                }
                .line3, .line5 {
                    height: 100%;
                }
            }
        }
    }
    .bot {
        text-align: center;
        margin-top: 3rem;
        a {
            margin: 2rem;   
            padding: 1rem 5rem;
            border: 1px solid #999;
            color: #999;
            text-decoration: none;
            img {
                margin-left: 3rem;
            }
            img:nth-of-type(2) {
                display: none;
            }
            &:hover {
                background: var(--y);
                border-color: var(--y);
                color: #fff;
                img {
                    display: none;
                }
                img:nth-of-type(2) {
                    display: inline-block;
                }
            }
            
        }
    }
}


// 关于我们
.gywm {
    background: #fdfdfd url(../img/gywm-bg.png) 0 0/100% 100% no-repeat;
    .prev {
        padding: 2rem 5rem;
        padding-left: 0;
        .row {
        }
        .img-box {
            padding: 2rem;
            padding-left: 0;
            border: 1px solid #ccc;
            border-left-width: 0;
            margin-right: 3rem;
            margin-top: 3rem;
        }
        .content  {
            padding-left: 5rem;
            background: url(../img/gywm-top-icon.png) 0 0/100% auto no-repeat;
        }
        .x-gywm{
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        h3 {
            font-size: 3.2rem;
            margin: 2rem 0 5rem    ;
            text-align: right;
        }
        h4 {
            color: var(--y);
            font-size: 2.8rem;
            margin-bottom: 3rem;
        }
        p {
            font-size: 1.6rem;
            margin-bottom: 3rem;
        }
        .more {
            float: right;
            color: var(--y);
            font-size: 1.6rem;
            img {
                margin-left: 2rem;
                width: 2.4rem;
                vertical-align: middle;
            }
        }
        .btn-box {
            display: flex;
            justify-content: space-between;
            margin-top: 5rem;
            button {
                width: 40%;
                border-radius: 4rem;
                padding: 1.3rem 2rem;
                border: 1px solid #ccc;
                box-shadow: 0 0 10px #ccc;
                background: #fff;
                font-size: 1.8rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: row;
                &:hover {
                    background: var(--y);
                    color: #fff;
                }
                span {
                    //margin-left: 16rem;
                    font-size: 1.3em;
                }
            }
        }
    }
    .ctr {
        margin: 2rem 0;
    }
}
.gywm-padding{
  padding:7rem 0 2rem;
}

// 横栏
.hl {
    background: var(--y);
    color: #fff;
    h3 {
        font-size: 5.4rem;
        //margin-bottom: 2rem;
    }
    p {
        font-size: 1.6rem;
        margin:0;
    }
    .box {
        position: relative;
        padding-left: 10rem;
    }
    .box:after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
    }
    .col:nth-of-type(3) {
        .box::after {
            display: none;
        }
    }
}
.hl-padding{
  padding:1.5rem 0;
}


// 一站式服务商
.fws {
    background: url(../img/fws-bg.png) 0 0/100% 100% no-repeat;
    padding: 12rem 0;
    .prev {
        .logo {
            img {
                width: 7rem;
            }
        }
        h3 {
            font-size: 3.2rem;
            margin: 5rem 0;
            line-height: 5rem;
        }
        .desc {
            font-size: 1.4rem;
            margin: 5rem 0;
            color: #999;
            line-height: 3.5rem;
        }
        .mobile {
            font-size: 2.8rem;
            margin-top: 3rem;
            margin-bottom: 3rem;
            img {
                width: 6rem;
            }
        }
        .bot {
            font-size: 1.4rem;
            color: var(--y);
        }
    }
    .list {
        .box {
            // border: 1px solid #ccc;
            // box-shadow: 0 0 12px #ccc;
            border-radius: 4px;
            margin: 2rem 0;
            text-align: center;
            background: url(../img/fws-list-bg1.png) bottom right/100% 100% no-repeat;
        }
        .box:hover {
            background-image: url(../img/fws-list-bg2.png);
            color: #fff;
            p {
                color: #fff;
            }
            img {
              display: none;
            }
            img:nth-of-type(1) {
              display: inline-block;
            }
        }
        img {
            width: 4rem;
            height: 5rem;
            margin: 4rem 0;
        }
        img:nth-of-type(1) {
          display: none;
        }
        h3 {
            font-size: 1.8rem;
            margin-bottom: 3rem;
        }
        p {
            font-size: 1.4rem;
            color: #999;
            padding-bottom: 6rem;
            margin: 0;
        }
    }
}



// 品牌直营
.ppzy {
    background: url(../img/ppzy-bg.png) 0 0/100% 100% no-repeat;
    .prev {
        //padding-left: 16rem;
        h3 {
            font-size: 2.8rem;
            margin: 5rem 0 2rem;
            color: var(--y);
        }
        .title-img {
            margin-bottom: 4rem;
        }
        .desc {
            font-size: 1.6rem;
            margin: 0rem 0;
            color: #666;
            display: flex;
            align-items: baseline;
            span {
                font-size: 2em;
                font-weight: bold;
                vertical-align: baseline;
                margin-right: 4rem;
            }
            &:hover {
                color: var(--y);
            }
        }
        .kuang{
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .more {
            color: var(--y);
            border: 1px solid var(--y);
            padding: 1rem 2rem;
            display: inline-block;
            margin-top: 3rem;
            img {
                margin-left: 3rem;
                width: 2rem;
            }
            img:nth-of-type(2) {
                display: none;
            }
            &:hover {
                color: #fff;
                background: var(--y);
                img {
                    display: none;
                }
                img:nth-of-type(2) {
                    display: inline-block;
                }
            }
        }
    }
    .img-box {
        padding: 3rem;
        background-image: url(../img/ppzy-img-icon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}



// 一站式服务商
.fwys {
    .container {
        &>div {
            overflow: hidden;
            .row {
                margin: -1px;
                width: calc(100% + 3px);
            }
        }
    }
    .list {
        &>div {
            padding: 0;
        }
        .box {
            border: 1px solid #eee;
            text-align: center;
            padding: 3rem 2rem;
            &:hover {
                color: #fff;
                background: var(--y);
                border-color: var(--y);
                p {
                    color: #fff;
                }
                img {
                  display: none;
                }
                img:nth-of-type(1) {
                  display: inline-block;
                }
            }
        }
        img {
            width: 6rem;
            height: 6rem;
            margin: 3rem 0 5rem;
        }
        img:nth-of-type(1) {
          display: none;
        }
        h3 {
            font-size: 1.8rem;
            margin-bottom: 3rem;
            font-weight: bold;
        }
        p {
            font-size: 1.4rem;
            color: #999;
            padding-bottom: 3rem;
        }
    }
}



// 装修流程
.zxlc {
    background: url(../img/zxlc-bg.png) 0 0/100% 100% no-repeat;
    .list {
        &>div {
            padding: 1rem;
        }
        .box {
            text-align: center;
            padding: 2rem;
            box-shadow: 0 0 16px #ccc;
            border: 1px solid #ccc;
            border-radius: 10px;
            background: #fff;
            transition: all 0.5s;
            position: relative;
            &:hover {
                color: #fff;
                background: var(--y);
                border-color: var(--y);
                top:-10px;
                .line {
                    color: #fff;
                }
                h3 {
                    color: #fff;
                }
                .num {
                    color: #bf5117;
                }
                img {
                  display: none;
                }
                img:nth-of-type(1){
                  display: inline-block;
                }
            }
        }
        .line {
            color: var(--y);
            text-align: center;
            margin-bottom: 2rem;
            &:after {
                content: "";
                display: inline-block;
                width: 3rem;
                height: 1px;
                background: currentColor;
            }
        }
        img {
            width: 5rem;
            height: 5rem;
            margin: 2rem 0 1rem;
        }
        img:nth-of-type(1) {
          display: none;
        }
        h3 {
            font-size: 1.8rem;
            margin-bottom: 2rem;
            color: var(--y);
        }
        p {
            font-size: 1.4rem;
            margin-bottom: 3rem;
        }
        .num {
            font-size: 5.6rem;
            color: #ededed;
        }
    }
    .more {
        margin: 3rem 0;
        text-align: center;
        a {
            display: inline-block;
            padding: .8rem 3rem;
            background: var(--y);
            color: #fff;
            font-size: 1.8rem;
        }
        img {
            width: 1.3em;
            margin-right: 1rem;
        }
    }
}



// 新闻资讯
.xwzx {
  .y-title2{
    margin: 0;
  }
    .list {
        .box {
            padding: 2rem 0;
            // box-shadow: 0 0 16px #ccc;
            // border: 1px solid #ccc;
            border-radius: 10px;
            background: #fff;
            margin: 2rem;
            .day{
              font-size: 5rem;
              font-weight: bold;
              margin: 0;
              color: #ee6c27;
              line-height: 5rem;
            }
            .time{
              font-size: 1.6rem;
              font-weight: bold;
              color:#555;
            }
            &:hover {
                color: #fff;
                border-color: var(--y);
                h3 {
                    color: var(--y);
                }
                .num {
                    color: #bf5117;
                }
                .desc {
                    opacity: 1;
                }
            }
            .x-tu{
              height: 24rem;
              img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
              }
            }
            h3 {
                font-size: 1.8rem;
                margin: 1.4rem 0;
                color: #333;
            }
            .desc {
                font-size: 1.4rem;
                margin-bottom: 2rem;
                color: #666;
                opacity: 0;
            }
        }
    }
    .swiper-pagination-progressbar {
        top: auto;
        bottom: 0;
        .swiper-pagination-progressbar-fill {
            background-color: var(--y);
        }
    }
    .more {
        margin: 3rem 0;
        text-align: center;
        a {
            display: inline-block;
            padding: .8rem 3rem;
            color: var(--y);
            border: 1px solid var(--y);
            font-size: 1.8rem;
            &:hover {
                background: var(--y);
                color: #fff;
            }
        }
    }
    .swiper-scrollbar-drag{
      background-color: var(--y);
    }
}



// 合作伙伴
.hzhb {
    margin-bottom: -6rem;
    .container {
        background: var(--y);
        border-radius: 10px;
    }
    .list {
        .box {
            margin: 2rem;
        }
    }
    .bot {
        padding: 4rem 2rem 2rem;
        color: #fff;
        font-size: 1.4rem;
        p{
          display: flex;
          align-items: flex-start;
        }
        img {
            margin-right: 3rem;
            width: 2rem;
            align-items: flex-start;
        }
        span {
            display: inline-block;
            //float: right;
            width: calc(100% - 17rem);
        }
    }
}



// 底部
.footer {
    background-image: url(../img/footer-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    .row{
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
    }
    .container > .row{
      border-bottom:1px solid #333;
    }
    .footer-nav {
        text-align: center;
        display: flex;
        display: -ms-flexbox;
        h3 {
            font-size: 1.8em;
            margin-bottom: 2rem;
        }
        a {
            color: #fff;
        }
        .row{
          flex: auto;
          .col{
            padding-top:4rem;
            border-right:1px solid #333;
            &::after{
              content: "";
              display: inline-block;
              position: absolute;
              width: 2px;
              right: -1px;
              height: 4rem;
              background-color: #ee6c27;
              top: 1rem;
            }
          }
        }
    }
    .qrcode {
        text-align: center;
        h3 {
            color: var(--y);
            margin: 2rem 0;
            font-size: 1.8rem;
        }
        .qrcode-box {
            display: flex;
            color: #fff;
            &>div {
                flex: 1;
                padding: 2rem 15px 0;
            }
            p {
                margin-top: 2rem;
            }
        }
    }
}
.x-footer{
  padding:9rem 0 2rem;
}
.copy-right {
    color: #fff;
    background: #000;
    padding: .8rem 0;
    text-align: center;
    span {
        margin: 0 4rem;
    }
    a {
      color: inherit;
    }
}



@media (max-width: 768px) {
    html {
        font-size: 5px !important;
    }
    .container {
        // padding-left: 5px;
        // padding-right: 5px;
    }
    .wrap {
        padding: 12rem 0;
    }
    .y-title {
        font-size: 3.2vw;
        margin-left: -15px;
        margin-right: -15px;
        img {
            width: 12vw;
        }
    }
    .head-top {
        display: none;
    }
    .navbar > .navbar-logo img {
        height: 32px;
    }
    .nav.nav-switch {
        width: 7vw;
        height: 4vw;
    }
    .banner {
      padding-top: 53px;
    }
    .nav-pc {
        display: none;
      }
      .nav-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        padding: 10px 3vw;
      }
      .choice .option {
        padding: 0 8px;
      }
      .nav-mobile .navbar-body {
        background-color: #000000;
      }
      .nav > li {
        line-height: 7vw;
        padding: 0 1.4vw;
      }
    .jdal {
        .prev {
            .row {
                padding: 12px;
                &>div {
                    padding: 12px;
                }
            }
        }
    }
    .cpzx .bot a img {
        width: 3vw;
        vertical-align: baseline;
    }
    .cpzx .ctr .item {
        width: 100%;
        height: 9vw;
        margin-top: 5vw;
    }
    .cpzx .ctr .item p, .cpzx .ctr .item .line {
      display: none;
    }
    .gywm .prev {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gywm .prev .img-box {
        margin-right: 0;
        margin-top: 0;
        padding: 0;
        border: none;
    }
    .gywm .prev .content {
        padding-top: 4rem;
        margin-top: 5rem;
    }
    .gywm .prev h3 {
        font-size: 4vw;
    }
    .gywm .prev h4 {
        font-size: 3.4vw;
        margin-bottom: 5vw;
    }
    .hl .box {
        padding-left: 0;
    }
    .hl h3 {
        font-size: 4.4vw;
    }
    .zxlc .list .box {
        padding: 10px 2px;
    }
    .zxlc .list h3 {
        font-size: 8px;
    }
    .zxlc .list p {
        font-size: 6px;
        margin-bottom: 3px;
    }
    .zxlc .list .num {
        font-size: 12px;
    }
    .fws .prev .logo img {
        width: 11vw;
    }
    .fws .prev h3 {
        font-size: 4vw;
        line-height: initial;
    }
    .fws .prev .mobile {
        font-size: 3.6vw;
    }
    .fws .list img {
        width: 7vw;
        height: 6.5vw;
    }
    .fws .prev .desc {
        line-height: initial;
    }
    .ppzy .prev h3 {
        font-size: 4vw;
    }
    .ppzy .img-box {
        margin-top: 5vw;
    }
    .fwys .list img, .zxlc .list img {
        width: 6vw;
        height: 6vw;
    }
    .xwzx .list .box img {
      height: 50vw;
      width: 100%;
    }
    .hzhb .bot span {
        float: none;
        width: auto;
    }
    .footer .footer-nav a {
        margin: 1vw 0;
        display: inline-block;
    }
    .footer .qrcode .qrcode-box > div {
        padding: 6vw;
    }
    .fwys .list p{
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;					
      -webkit-box-orient: vertical;
    }
    
    .xwzx .list .box .x-tu {
        height: 50vw;
    }
    .footer{
      .container > .row{
        border:none;
      }
      .footer-nav{
        .col{
          border:none;
          &::after{
            display: none;
          }
        }
      }
    }
}