@charset"UTF-8";
 #baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity 0.5s ease;
    z-index: 100000000000000000000000000000000000000;
}
#baguetteBox-overlay.visible {
    opacity: 1;
}
#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%;
}
#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: Verdana, Geneva, sans-serif;
}
#baguetteBox-overlay .full-image:before {
    content:"";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}
#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
    animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
    animation: bounceFromLeft 0.4s ease-out;
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
}
.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color 0.4s ease;
}
.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
    right: 2%;
    display: block !important;
}
.baguetteBox-button#previous-button {
    left: 2%;
    display: block !important;
}
.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
}
.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0;
}
/* CSS Document */
 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
    scroll-padding-top: 150px;
}
body {
    color: #333;
    font-family:"Microsoft YaHei", "微软雅黑";
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}
@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: 100%;
    }
}
@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: 100%;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: 100%;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: 100%;
    }
}
img {
    border: none;
}
ul li {
    list-style-type: none;
}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
    color: #333;
    outline: none;
    transition: 0.3s;
}
h1, h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
img {
    max-width: 100%;
    border: 0px solid #ccc;
}
embed, video, iframe {
    max-width: 100%;
}
input[type=submit], textarea[type=submit] {
    cursor: pointer;
}
input[type=checkbox], textarea[type=checkbox] {
    cursor: pointer;
}
input[type=radio], textarea[type=radio] {
    cursor: pointer;
}
input, textarea, select {
    font-family:"Microsoft YaHei", "微软雅黑";
    font-size: 14px;
    font-size: 1.4rem;
    border: none;
    outline: none;
    background: none;
}
input:focus, textarea:focus, select:focus {
    outline: none;
}
textarea {
    resize: none;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.clear {
    clear: both;
}
.fix {
    *zoom: 1;
}
.fix:after, .fix:before {
    display: block;
    content:"clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/* html5 */
 article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block;
}
::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
/* WebKit browsers */
 :-o-placeholder {
    color: #fff;
    opacity: 1;
}
/* Mozilla Firefox 4 to 18 */
 ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
/* Mozilla Firefox 19+ */
 :-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
/* Internet Explorer 10+ */
 ::selection {
    color: #fff;
    background: #d78712;
}
.self-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.self-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.self-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.self-ellipsis-4 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.common-vc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.common-hc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.common-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.nlazy {
    min-width: 20%;
}
/**/
 .email {
    word-break: break-all;
}
.scale-big img {
    transition: all 350ms;
}
.scale-big:hover img {
    transform: scale(1.1);
}
.scale-small img {
    transition: all 350ms;
    transform: scale(1.1);
}
.scale-small:hover img {
    transform: scale(1);
}
[class*=-item] .item-pic, [class*=-item] .item-pics {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}
[class*=-item] .item-pic img, [class*=-item] .item-pics img {
    display: block !important;
    width: 100%;
}
[class*=-item] .item-title {
    overflow: hidden;
}
[class*=-item] .item-title a {
    display: block;
}
[class*=-item] .item-title a:hover {
    color: #d78712 !important;
}
[class*=-item] .item-subt {
    overflow: hidden;
}
[class*=-item] .item-subt a {
    display: block;
}
[class*=-item] .item-subt a:hover {
    color: #d78712 !important;
}
[class*=-item] .item-desc {
    overflow: hidden;
    color: #666;
}
[class*=-item] .item-desc a {
    display: block;
    color: #666;
}
[class*=-item] .item-desc a:hover {
    color: #d78712 !important;
}
.wp {
    width: 1400px;
    margin: auto;
}
@media screen and (max-width: 1419px) {
    .wp {
        width: 1200px;
    }
}
@media screen and (max-width: 1219px) {
    .wp {
        width: 960px;
    }
}
@media screen and (max-width: 991px) {
    .wp {
        width: 720px;
    }
}
@media screen and (max-width: 767px) {
    .wp {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.wp1 {
    width: 1200px;
    margin: auto;
}
@media screen and (max-width: 1219px) {
    .wp1 {
        width: 960px;
    }
}
@media screen and (max-width: 991px) {
    .wp1 {
        width: 720px;
    }
}
@media screen and (max-width: 767px) {
    .wp1 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.no_margin {
    margin-left: auto !important;
}
.no_marginr {
    margin-right: auto !important;
}
.no_marginl {
    margin-left: auto !important;
}
.at-resp-share-element .at4-share-count-container {
    text-decoration: none;
    float: right;
    padding-right: 15px;
    line-height: 25px !important;
}
.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important;
}
.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}
.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important;
}
.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important;
}
.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}
.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important;
}
.item-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.item-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
/* .an-btn1 start */
 .an-btn1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background 0.4s linear, color 0.3s linear;
}
.an-btn1:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
    content:"";
    background: #d78712;
    transition: all 0.4s linear 0s;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.an-btn1 .iconfont {
    transition: all 0.5s;
}
.an-btn1:hover {
    border-color: #d78712 !important;
    background-color: #d78712 \9;
    color: #fff !important;
}
.an-btn1:hover .iconfont {
    color: #fff !important;
}
.an-btn1:hover:before {
    height: 500%;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* .an-btn1 end */
/* .an-btn2 start */
 .an-btn2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background 0.4s linear, color 0.3s linear;
}
.an-btn2:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
    content:"";
    background: #fff;
    transition: all 0.4s linear 0s;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.an-btn2 .iconfont {
    transition: all 0.5s;
}
.an-btn2:hover {
    border-color: #d78712 !important;
    background-color: #fff \9;
    color: #d78712 !important;
}
.an-btn2:hover .iconfont {
    color: #d78712 !important;
}
.an-btn2:hover:before {
    height: 500%;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* .an-btn2 end */
 @media screen and (min-width: 992px) {
    .an-bd1 .item-backdrop {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0;
        right: 0;
        transition: all 900ms ease;
        transition: transform 0.4s ease;
        transform: scale(0, 1);
        transform-origin: right center;
    }
    .an-bd1 .item-backdrop:before {
        position: absolute;
        content:"";
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        background-color: #d78712;
    }
}
@media screen and (min-width: 992px) {
    .an-bd1:hover .item-backdrop {
        transform: scale(1, 1);
        transform-origin: left center;
    }
}
/*-------------table start-------------------------------------------------------------------*/
 .table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.table table p {
    line-height: 22px !important;
}
.table table p {
    min-height: 22px !important;
}
.table table, .table table a {
    color: #000;
}
.table table tr td {
    padding: 5px 3px;
    border: 1px solid #ccc;
}
@media screen and (max-width: 1000px) {
    .table {
        width: 100%;
        overflow: scroll;
    }
    .table div {
        width: 900px;
        max-width: 900px;
    }
}
/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
 .proslide_menubtn {
    display: none;
    width: 23px;
    height: 18px;
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    z-index: 9;
}
.proslide_menubtn span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
    background-color: #fff;
}
@media screen and (max-width: 767px) {
    .proslide_menubtn {
        display: block;
    }
}
/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
 .page {
    text-align: center;
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
}
.page a {
    display: inline-block;
    vertical-align: top;
    border: solid 1px #DCDCDC;
    color: #666;
    min-width: 36px;
    height: 36px;
    line-height: 34px;
    border-radius: 5px;
    margin: 0 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
}
.page a .iconfont {
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
}
.page a:hover, .page a.page-active {
    border-color: #182737;
    background-color: #182737;
    color: #fff;
}
.page a:hover .iconfont, .page a.page-active .iconfont {
    color: #fff;
}
.page .no:hover {
    border: solid 1px #DCDCDC;
    color: #666;
    background-color: #fff;
}
.page .no:hover .iconfont {
    color: #999;
}
@media only screen and (max-width: 1219px) {
    .page a {
        min-width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0 3px 10px;
    }
    .page a .iconfont {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media only screen and (max-width: 767px) {
    .page a {
        font-size: 12px;
        font-size: 1.2rem;
        min-width: 28px;
        height: 28px;
        line-height: 26px;
    }
    .page a .iconfont {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.page .add-form {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}
.page .add-form .add-btn {
    border-radius: 0;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    min-width: 180px;
    padding: 0 5px;
    height: 40px;
    line-height: 38px;
    border: solid 1px #EEEEEE;
    color: #666;
    cursor: pointer;
    transition: all 0.35s;
}
.page .add-form .add-btn:hover {
    background-color: #d78712;
    border-color: #d78712;
    color: #fff;
}
@media only screen and (max-width: 1219px) {
    .page .add-form .add-btn {
        min-width: 160px;
        font-size: 14px;
        font-size: 1.4rem;
        height: 32px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .page .add-form .add-btn {
        min-width: 140px;
        height: 28px;
        line-height: 26px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
 .m-kf {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9;
}
.m-kf.show .kf-item {
    display: none;
}
.m-kf.show .kf-info, .m-kf.show .kf-btn {
    display: block;
}
.m-kf .kf-item {
    position: relative;
}
.m-kf .kf-item .fix {
    position: absolute;
    right: 100%;
    top: 0;
    padding-right: 14px;
    display: none;
}
.m-kf .kf-item .fix:before {
    content:"";
    position: absolute;
    right: 0;
    top: 22px;
    border-left: 14px solid #182737;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    visibility: visible;
}
.m-kf .kf-info .btn {
    display: block;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #d78712;
    border-radius: 15px;
    color: #fff;
}
.m-kf .kf-info .btn .iconfont {
    font-size: 26px;
    font-size: 2.6rem;
    display: block;
}
@media screen and (max-width: 767px) {
    .m-kf .kf-info .btn {
        background-color: #121212;
    }
}
.m-kf .kf-info .info {
    width: 252px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 21px;
    padding-bottom: 21px;
    box-sizing: border-box;
    border-radius: 18px;
    background-color: #182737;
}
.m-kf .kf-info .info img {
    max-width: 125px;
}
.m-kf .kf-info .item {
    position: relative;
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #d2d1d1;
}
.m-kf .kf-info .item i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-kf .kf-info .item a {
    color: #d2d1d1;
}
.m-kf .kf-info .item a:hover {
    color: #d78712;
}
.m-kf .kf-form {
    margin-top: 6px;
}
.m-kf .kf-form .btn {
    display: block;
    width: 60px;
    background-color: #182737;
    border-radius: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 12px 0;
}
@media screen and (max-width: 767px) {
    .m-kf .kf-form .btn {
        background-color: #121212;
    }
}
.m-kf .kf-form .form {
    width: 252px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 21px;
    padding-bottom: 21px;
    box-sizing: border-box;
    border-radius: 18px;
    background-color: #182737;
}
@media screen and (max-width: 767px) {
    .m-kf .kf-form .form {
        background-color: #121212;
    }
}
.m-kf .kf-form .form-item1 {
    padding: 4px 0;
    border-bottom: 1px solid #27394c;
    overflow: hidden;
}
.m-kf .kf-form .form-label {
    float: left;
    margin-right: 5px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #d2d1d1;
}
.m-kf .kf-form .form-control {
    overflow: hidden;
}
.m-kf .kf-form .form-text {
    width: 100%;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    box-sizing: border-box;
}
.m-kf .kf-form .form-btn {
    margin-top: 13px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 80px;
    height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 15px;
    background-color: #fff;
}
.m-kf .kf-gjd {
    margin-top: 7px;
}
.m-kf .kf-gjd .btn {
    display: block;
    width: 70px;
    text-align: center;
    background-color: #182737;
    border-radius: 15px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.1;
    padding: 13px 0;
}
.m-kf .kf-gjd .btn:hover {
    background-color: #d78712;
}
.m-kf .kf-btn {
    margin-top: 5px;
}
.m-kf .kf-btn .link {
    display: block;
    width: 60px;
    background-color: #182737;
    border-radius: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 11px 0;
}
.m-kf .kf-btn .link:hover {
    color: #fff;
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .m-kf .kf-gjd .btn {
        background-color: #182737;
    }
}
@media screen and (max-width: 767px) {
    .m-kf .kf-gjd .btn {
        background-color: #121212;
    }
}
.m-kf .kf-ds {
    margin-top: 6px;
}
.m-kf .kf-ds .btn {
    display: block;
    width: 60px;
    background-color: #182737;
    border-radius: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 12px 0;
}
.m-kf .kf-ds .btn:hover, .m-kf .kf-ds .btn.active {
    color: #fff;
    background-color: #d78712;
}
.m-kf .kf-ds .fix {
    top: -90px;
}
.m-kf .kf-ds .fix:before {
    display: none;
}
.m-kf .kf-ds .wp {
    width: 250px;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #182737;
    color: #fff;
    text-align: center;
    border-radius: 10px;
}
.m-kf .kf-ds .title {
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-kf .kf-ds .img {
    margin-top: 17px;
}
.m-kf .kf-ds .item {
    margin-top: 15px;
}
.m-kf .kf-ds .item:first-child {
    margin-top: 0;
}
.m-kf .kf-gindex {
    margin-top: 7px;
}
.m-kf .kf-gindex .btn {
    display: block;
    width: 60px;
    text-align: center;
    background-color: #182737;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 11px 0;
}
.m-kf .kf-gindex .btn:hover {
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .m-kf .kf-gindex .btn {
        background-color: #182737;
    }
}
@media screen and (max-width: 767px) {
    .m-kf .kf-gindex .btn {
        background-color: #121212;
    }
}
.m-kf .kf-top {
    display: none;
}
@media screen and (max-width: 991px) {
    .m-kf {
        top: auto;
        bottom: 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%;
    }
    .m-kf .kf-item {
        flex: 1 1 auto;
        border-right: 1px solid #fff;
    }
    .m-kf.show .kf-item {
        display: block;
    }
    .m-kf .kf-btn, .m-kf.show .kf-btn {
        display: none;
    }
    .m-kf .kf-item .btn {
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        border-radius: 0;
    }
    .m-kf .kf-item .fix {
        right: auto;
        top: auto;
        bottom: 100%;
        left: 0;
    }
    .m-kf .kf-item .fix:before {
        display: none;
    }
    .m-kf .kf-form {
        margin-top: 0;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    .m-kf .kf-form .btn {
        width: 100%;
        padding: 0;
        line-height: 40px;
    }
    .m-kf .kf-form .btn br {
        display: none;
    }
    .m-kf .kf-form .form {
        border-radius: 0;
    }
    .m-kf .kf-gindex, .m-kf .kf-gjd {
        width: 60px;
        margin-top: 0;
        flex: 0 0 auto;
        border-right: 1px solid #fff;
    }
    .m-kf .kf-gindex .btn, .m-kf .kf-gjd .btn {
        width: 100%;
        padding: 0;
        line-height: 40px;
    }
    .m-kf .kf-gindex .btn br, .m-kf .kf-gjd .btn br {
        display: none;
    }
    .m-kf .kf-info, .m-kf .kf-top, .m-kf .kf-ds, .m-kf .kf-gindex {
        display: block;
        flex: 0 0 auto;
        width: 33.33%;
    }
    .m-kf .kf-info .btn, .m-kf .kf-top .btn, .m-kf .kf-ds .btn {
        display: block;
        line-height: 40px;
        background-color: #182737;
        color: #fff;
        text-align: center;
    }
    .m-kf .kf-info .btn .iconfont, .m-kf .kf-top .btn .iconfont, .m-kf .kf-ds .btn .iconfont {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
    }
    
    .mianfei{
        width: 20.6% !important;
    }
    .dingbu{
        width: 100% !important;
        border-right: 0px !important;
    }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
    .m-kf .kf-info .btn, .m-kf .kf-top .btn, .m-kf .kf-ds .btn {
        background-color: #121212;
    }
}
@media screen and (max-width: 991px) {
    .m-kf .kf-info .info, .m-kf .kf-top .info, .m-kf .kf-ds .info {
        border-radius: 0;
    }
    .m-kf .kf-ds {
        margin-top: 0;
        border-right: 1px solid #fff;
    }
    .m-kf .kf-ds .btn {
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        border-radius: 0;
        padding: 0;
    }
    .m-kf .kf-ds .btn br {
        display: none;
    }
    .m-kf .kf-ds .fix {
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .m-kf .kf-ds .wp {
        border-radius: 0;
        width: 200px;
        padding: 20px 15px;
    }
    .m-kf .kf-ds .title {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
    .m-kf .kf-ds .img img {
        width: 70px;
    }
}
@media only screen and (max-width: 991px) {
    body {
        padding-bottom: 40px;
    }
}
.returntop {
    position: fixed;
    *position: absolute;
    z-index: 9;
    right: 6px;
    bottom: 30px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    color: #fff;
    text-align: center;
    background-color: #58585a;
    border-radius: 0;
    display: none;
}
.returntop .iconfont {
    font-size: 34px;
    font-size: 3.4rem;
    display: block;
}
.returntop:hover {
    color: #fff;
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .returntop {
        display: none !important;
    }
}
/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
 .pro-share {
    font-size: 0;
    letter-spacing: 0;
}
.pro-share .share-title {
    margin-right: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #999;
}
@media only screen and (max-width: 991px) {
    .pro-share .share-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media only screen and (max-width: 767px) {
    .pro-share .share-title {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.pro-share .share-pic {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 30px;
}
/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
 .m-oths {
    margin-top: 8px;
}
.m-oths .oths-item {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: left center;
}
.m-oths .oths-item a {
    color: #666;
}
.m-oths .oths-item a:hover {
    color: #d78712;
}
.m-oths .item-title {
    color: #666;
}
/*-------------bread start-----------------------------------------------------------------*/
 .bread {
    border-bottom: solid 1px #e6e6e6;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 14px;
    overflow: hidden;
}
.bread, .bread a {
    color: #666;
}
.bread a:hover, .bread .bread-active {
    color: #d78712;
}
.bread .iconfont {
    color: #666;
    margin-right: 10px;
}
@media screen and (max-width: 991px) {
    .bread .iconfont {
        margin-right: 5px;
    }
}
@media screen and (max-width: 767px) {
    .bread {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
/*-------------bread end-------------------------------------------------------------------*/
 .search-box ::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
/* WebKit browsers */
 .search-box :-o-placeholder {
    color: #666;
    opacity: 1;
}
/* Mozilla Firefox 4 to 18 */
 .search-box ::-moz-placeholder {
    color: #666;
    opacity: 1;
}
/* Mozilla Firefox 19+ */
 .search-box :-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
/* Internet Explorer 10+ */
 .search-box {
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 30px;
    cursor: pointer;
    border-radius: 15px;
    border: solid 1px #d0d0d0;
    margin-top: 13px;
}
@media screen and (max-width: 767px) {
    .search-box {
        margin: 5px 35px 0 0;
    }
}
.search-box .iconfont {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666666;
    position: absolute;
    width: 27px;
    height: 28px;
    line-height: 28px;
    right: 0;
    top: 0;
    text-align: left;
}
.search-box .search-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 28px;
    padding: 0 30px 0 18px;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #fff;
}
.search-box .search-submit {
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 1;
}
/*-------------header start----------------------------------------------------------------*/
 .g-hd {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 550ms;
}
.g-hd.active {
    transform: translate(0, -100%);
}
@media screen and (max-width: 991px) {
    .g-hd.active {
        transform: none;
    }
}
.m-hdfix1 {
    float: right;
    line-height: 30px;
    padding-top: 25px;
    padding-bottom: 0;
    color: #fff;
}
.m-hdfix1 a {
    color: #fff;
    
}
.m-hdfix1 a:hover, .m-hdfix1 a.active {
    color: #d78712;
}
.m-hdlink {
    float: left;
    font-size: 0;
    letter-spacing: 0;
}
.m-hdlink .link-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 25px;
    position: relative;
    z-index: 9;
}
.m-hdlink .sblist-list {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 100%;
    width: 160px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
}
.m-hdlink .sblist-item {
    position: relative;
}
.m-hdlink .sblist-item a {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
}
.m-hdlink .sblist-item a:hover {
    color: #d78712;
}
.m-hduser {
    float: left;
    margin-right: 23px;
}
.m-hduser .user-line {
    margin: 0 5px;
}
.m-hdlang {
    position: relative;
    z-index: 4;
    float: left;
}
.m-hdlang .lang-btn {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.m-hdlang .lang-btn img {
    margin-right: 5px;
    width: 22px;
    vertical-align: middle;
}
.m-hdlang .lang-btn i {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
}
/*.m-hdlang .lang-list { position: absolute; left: 0; top: 130%; width: 100%; padding: 13px 0; background-color: #fff; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }*/
 .m-hdlang .lang-list {
    position: absolute;
    right: 0;
    top: 99%;
    width: 126px;
    /*width:800px;*/
    padding: 13px 0;
    background-color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    /*opacity: 0; visibility: hidden;*/
    display: none;
    transition: all 550ms;
}
.m-hdlang .lang-list.active {
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.m-hdlang .lang-item img {
    margin-right: 10px;
}
.m-hdlang .lang-item {
    /*display: block;*/
    padding: 5px 18px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    display: flex;
    align-items: center;
}
.m-hdlang .lang-item:hover, .m-hdlang .lang-item.active {
    color: #fff;
    background-color: #d78712;
}
.m-hdfix2 {
    float: left;
}
.m-hdlogo {
    float: left;
    line-height: 0;
    font-size: 0;
    margin-top: 8px;
    padding-bottom: 27px;
    width: 275px;
}
.m-hdweb {
    float: left;
    margin-left: 37px;
    font-size: 0;
    letter-spacing: 0;
    padding-top: 24px;
}
.m-hdweb a, .m-hdweb span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-hdweb a {
    padding: 0 18px;
    border-radius: 15px;
}
.m-hdweb a:first-child:hover {
    color: #fff;
    background-color: #d78712;
}
.m-hdweb a:hover, .m-hdweb a.active {
    color: #fff;
    background-color: #57b5bf;
}
.m-hdweb span {
    margin: 0 10px;
}
.m-hdfix3 {
    float: right;
}
.m-hdnav {
    float: left;
}
.m-hdnav .nav-item {
    position: relative;
    float: left;
    margin-right: 36px;
    padding-top: 22px;
    padding-bottom: 38px;
}
.m-hdnav .nav-item > a {
    display: block;
    line-height: 30px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
}
.m-hdnav .nav-item > a:hover, .m-hdnav .nav-item > a.active, .m-hdnav .nav-item > a.current {
    color: #d78712;
}
.m-hdnav .sbnav-list1 {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 100%;
    width: 190px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    display: none;
}
.m-hdnav .sbnav-item {
    position: relative;
}
.m-hdnav .sbnav-item a {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
}
.m-hdnav .sbnav-item a:hover {
    color: #d78712;
}
.m-hdsch {
    position: relative;
    float: left;
}
.m-hdsch .box-btn {
    display: block;
    padding-top: 24px;
    padding-bottom: 11px;
    line-height: 30px;
    color: #fff;
}
.m-hdsch .box-btn .iconfont {
    font-size: 20px;
    font-size: 2rem;
}
.m-hdsch .box-btn:hover, .m-hdsch .box-btn.active {
    color: #d78712;
}
.m-hdsch .box-form {
    position: absolute;
    right: 0;
    top: 100%;
    width: 200px;
    padding-right: 30px;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
    border-radius: 20px;
}
.m-hdsch .form-text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    box-sizing: border-box;
}
.m-hdsch .form-btn, .m-hdsch .form-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    line-height: 40px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-hdsch .form-btn {
    z-index: 2;
}
@media screen and (max-width: 1419px) {
    .m-hdnav .nav-item {
        margin-right: 20px;
    }
}
@media screen and (max-width: 1219px) {
    .m-hdweb {
        margin-left: 10px;
    }
    .m-hdweb a, .m-hdweb span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 26px;
    }
    .m-hdweb a {
        padding: 0 12px;
    }
    .m-hdnav .nav-item {
        margin-right: 15px;
        padding-bottom: 25px;
    }
    .m-hdnav .nav-item > a {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-hdfix1 {
        padding-top: 10px;
    }
    .m-hdlogo {
        width: 250px;
    }
    .m-hdsch .box-btn {
        padding-top: 22px;
    }
    .m-hdsch .box-btn .iconfont {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .g-hd {
        position: relative;
        background-color: #333;
    }
    .m-hdfix1 {
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 0;
    }
    .m-hduser {
        margin-right: 10px;
    }
    .m-hdlink .link-item {
        margin-right: 10px;
    }
    .m-hdfix3, .m-hdweb {
        display: none;
    }
    .m-hdfix2 {
        float: none;
    }
    .m-hdlogo {
        float: none;
        padding: 50px 0 20px;
        text-align: center;
        width: 100%;
    }
    .m-hdlogo img {
        width: 200px;
    }
    .m-hdsch {
        float: none;
        margin-bottom: 20px;
        padding-left: 40px;
    }
    .m-hdsch .box-btn {
        display: none;
    }
    .m-hdsch .box-form {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: 220px;
    }
}
@media screen and (max-width: 767px) {
    .m-hdlink {
        display: none;
    }
    .m-hdfix1 {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hdlang .lang-btn {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hdlang .lang-btn img {
        margin-right: 0;
    }
}
.wap-hd-nav {
    display: none;
}
@media screen and (max-width: 991px) {
    .wap-hd-nav {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        background-color: #d78712;
    }
    .wap-hd-nav-item {
        flex: 1 1 auto;
    }
    .wap-hd-nav-item a {
        display: block;
        padding: 5px 0;
        line-height: 20px;
        font-size: 14px;
        color: white;
        text-align: center;
        background-color: #363636;
    }
    .wap-hd-nav-item a.active {
        color: white;
        background-color: #d78712;
    }
}
/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
 .footer {
    background-color: #2c2c2c;
}
.footer, .footer a {
    color: #929292;
}
.footer a:hover {
    color: #d78712;
}
.footer .f-top {
    border-bottom: solid 1px #E0E0E0;
    border-bottom-color: rgba(224, 224, 224, 0.4);
    font-size: 0;
    letter-spacing: 0;
    padding: 43px 0 20px;
}
@media screen and (max-width: 1219px) {
    .footer .f-top {
        padding: 30px 0 20px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-top {
        padding: 25px 0 20px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-top {
        text-align: center;
        padding: 20px 0 0;
    }
}
.footer .f-top .footer-title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    margin-bottom: 30px;
}
.footer .f-top .footer-title, .footer .f-top .footer-title a {
    color: #e0e0e0;
}
.footer .f-top .footer-title a:hover {
    color: #d78712;
}
@media screen and (max-width: 1219px) {
    .footer .f-top .footer-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-top .footer-title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-top .footer-title {
        display: none;
    }
}
.footer .f-top .flist {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    margin-bottom: 20px;
}
@media screen and (max-width: 1219px) {
    .footer .f-top .flist {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 30px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-top .flist {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
.footer .f-top .flist7 {
    float: right;
    width: 297px;
}
@media screen and (max-width: 1219px) {
    .footer .f-top .flist7 {
        width: 280px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-top .flist7 {
        width: 220px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-top .flist7 {
        width: 100%;
        max-width: 250px;
        float: none;
    }
}
.footer .f-top .flist7 .logo1 {
    display: block;
    margin-bottom: 50px;
}
.footer .f-top .flist7 .logo1 img {
    display: block;
}
@media screen and (max-width: 1219px) {
    .footer .f-top .flist7 .logo1 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-top .flist7 .logo1 {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-top .flist7 .logo1 {
        max-width: 200px;
        margin: 0 auto 15px;
    }
}
.footer .f-top .flist7 .box1-list {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.footer .f-top .flist7 .box1-list li {
    display: inline-block;
    vertical-align: top;
    width: 30.30303%;
    margin-left: 4.0404%;
}
.footer .f-top .flist7 .box1-list li:first-child {
    margin-left: 0;
}
.footer .f-top .flist7 .box1-list .item-pic img {
    display: block;
    width: 100%;
}
.footer .f-top .flist7 .box1-list .item-title {
    margin-top: 16px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    color: #FFFFFF;
}
@media screen and (max-width: 1219px) {
    .footer .f-top .flist7 .box1-list .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-top .flist7 .box1-list .item-title {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 5px;
    }
}
.footer .f-add {
    float: left;
    width: 920px;
}
@media screen and (max-width: 1419px) {
    .footer .f-add {
        width: 900px;
    }
}
@media screen and (max-width: 1219px) {
    .footer .f-add {
        width: 660px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-add {
        width: 500px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-add {
        display: none !important;
    }
}
.footer .f-add .box-title {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    margin-bottom: -10px;
}
@media screen and (max-width: 1219px) {
    .footer .f-add .box-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-add .box-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.footer .f-add .box-list {
    font-size: 0;
    letter-spacing: 0;
}
.footer .f-add .box-list li {
    display: inline-block;
    vertical-align: top;
    width: 34%;
    margin-right: 16%;
    margin-top: 47px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    padding-left: 24px;
    position: relative;
}
.footer .f-add .box-list li .iconfont {
    color: #d78712;
    position: absolute;
    font-size: 20px;
    font-size: 2rem;
    left: 0;
    top: 0;
}
@media screen and (max-width: 1219px) {
    .footer .f-add .box-list li {
        margin-top: 40px;
        line-height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 20px;
    }
    .footer .f-add .box-list li .iconfont {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-add .box-list li {
        line-height: 20px;
        margin-top: 20px;
        width: 40%;
        margin-right: 10%;
    }
}
.footer .f-middle {
    padding: 25px 0;
}
@media screen and (max-width: 1219px) {
    .footer .f-middle {
        padding: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-middle {
        text-align: center;
        padding: 15px 0;
    }
}
.footer .f-middle .f-follow {
    float: right;
    font-size: 0;
    letter-spacing: 0;
}
@media screen and (max-width: 767px) {
    .footer .f-middle .f-follow {
        float: none;
        margin-bottom: 10px;
    }
}
.footer .f-middle .f-follow a {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 4px;
    position: relative;
    transition: all 0.25s;
}
.footer .f-middle .f-follow a:first-child {
    margin-left: 0;
}
.footer .f-middle .f-follow a:hover .iconfont {
    background-color: #d78712;
}
@media screen and (min-width: 1025px) {
    .footer .f-middle .f-follow a:hover .iconfont {
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin-top: -4px;
    }
}
.footer .f-middle .f-follow .item-img {
    display: none;
    position: absolute;
    width: 100px;
    right: 0;
    bottom: 100%;
    padding-bottom: 10px;
}
.footer .f-middle .f-follow .item-img img {
    display: block;
}
.footer .f-middle .f-follow .iconfont {
    display: block;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    font-size: 19px;
    font-size: 1.9rem;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    transition: all 0.25s;
}
@media screen and (max-width: 991px) {
    .footer .f-middle .f-follow .iconfont {
        font-size: 18px;
        font-size: 1.8rem;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-middle .f-follow .iconfont {
        font-size: 16px;
        font-size: 1.6rem;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
}
.footer .f-middle .box-body {
    overflow: hidden;
    padding-top: 6px;
}
@media screen and (max-width: 767px) {
    .footer .f-middle .box-body {
        padding-top: 0;
    }
}
.footer .f-middle .f-nav {
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.footer .f-middle .f-nav a {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    margin-right: 38px;
}
@media screen and (max-width: 1219px) {
    .footer .f-middle .f-nav {
        margin-bottom: 10px;
    }
    .footer .f-middle .f-nav a {
        font-size: 16px;
        font-size: 1.6rem;
        margin-right: 30px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-middle .f-nav {
        margin-bottom: 5px;
    }
    .footer .f-middle .f-nav a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        margin-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-middle .f-nav {
        display: none;
    }
}
.footer .f-middle .copyright {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
}
@media screen and (max-width: 1219px) {
    .footer .f-middle .copyright {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-middle .copyright {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
}
.footer .f-bot {
    background-color: #424242;
    padding: 20px 0 20px;
}
.footer .f-bot, .footer .f-bot a {
    color: #fff;
}
.footer .f-bot a:hover {
    color: #d78712;
}
.footer .f-bot .links {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
}
.footer .f-bot .links a {
    display: inline-block;
    margin-right: 30px;
}
@media screen and (max-width: 1419px) {
    .footer .f-bot {
        padding: 15px 0;
    }
}
@media screen and (max-width: 1219px) {
    .footer .f-bot {
        padding: 10px 0;
    }
    .footer .f-bot .links {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
    }
}
@media screen and (max-width: 991px) {
    .footer .f-bot .links {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
    .footer .f-bot .links a {
        margin-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .footer .f-bot {
        display: none;
    }
}
/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
 .wrap {
    overflow: hidden;
    width: 100%;
}
.index-item {
    position: relative;
    padding-top: 26px;
}
@media screen and (max-width: 1419px) {
    .index-item {
        padding-top: 24px;
    }
}
@media screen and (max-width: 1219px) {
    .index-item {
        padding-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .index-item {
        padding-top: 16px;
    }
}
@media screen and (max-width: 767px) {
    .index-item {
        padding-top: 12px;
    }
}
.index-item .item-bg {
    font-family:"SourceHanSansCN-Heavy", "微软雅黑";
    color: #4a4a55;
    font-size: 50px;
    font-size: 5rem;
    line-height: 1;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
}
@media screen and (max-width: 1219px) {
    .index-item .item-bg {
        font-size: 44px;
        font-size: 4.4rem;
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 991px) {
    .index-item .item-bg {
        font-size: 36px;
        font-size: 3.6rem;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 767px) {
    .index-item .item-bg {
        font-size: 28px;
        font-size: 2.8rem;
        letter-spacing: 0;
    }
}
.index-item .item-box {
    font-size: 0;
    letter-spacing: 0;
}
.index-item .item-box > * {
    display: inline-block;
    vertical-align: bottom;
}
.index-item .item-title {
    margin-right: 5px;
    line-height: 1.2;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
}
.index-item .item-title, .index-item .item-title a {
    color: #182737;
}
@media screen and (max-width: 1219px) {
    .index-item .item-title {
        font-size: 32px;
        font-size: 3.2rem;
    }
}
@media screen and (max-width: 991px) {
    .index-item .item-title {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 767px) {
    .index-item .item-title {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 5px;
    }
}
.index-item .item-subt {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
    letter-spacing: 1px;
}
.index-item .item-subt, .index-item .item-subt a {
    color: #d78712;
}
.index-item .item-subt span {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: normal;
}
.index-item .item-subt em {
    font-style: normal;
}
@media screen and (max-width: 1419px) {
    .index-item .item-subt span {
        font-size: 32px;
        font-size: 3.2rem;
    }
}
@media screen and (max-width: 1219px) {
    .index-item .item-subt {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .index-item .item-subt span {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .index-item .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .index-item .item-subt span {
        font-size: 22px;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 767px) {
    .index-item .item-subt {
        margin-bottom: 3px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        letter-spacing: 0;
    }
    .index-item .item-subt span {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .index-item .item-subt em {
        display: none;
    }
}
.g-habout {
    padding-top: 90px;
    padding-bottom: 108px;
    background-color: #f3f3f3;
}
@media screen and (max-width: 1219px) {
    .g-habout {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .g-habout {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .g-habout {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.g-habout .index-item {
    margin-bottom: 75px;
}
@media screen and (max-width: 1419px) {
    .g-habout .index-item {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 1219px) {
    .g-habout .index-item {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 991px) {
    .g-habout .index-item {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .g-habout .index-item {
        margin-bottom: 20px;
    }
}
.m-habout {
    position: relative;
    padding-top: 475px;
}
.m-habout .btn-wp {
    position: absolute;
    right: 350px;
    top: 40px;
    font-size: 0;
    letter-spacing: 0;
    z-index: 3;
}
.m-habout .box-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 17px;
    width: 39px;
    line-height: 39px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #d2d1d1;
    background: url("/themes/simplebootx/style/images/yuan1.png") no-repeat center;
    background-size: 100% 100%;
}
.m-habout .box-btn.active {
    color: #d78712;
    background-image: url("/themes/simplebootx/style/images/yuan2.png");
}
.m-habout .box-btn:last-child {
    margin-right: 0;
}
@media screen and (max-width: 991px) {
    .m-habout .box-btn {
        font-size: 14px;
        font-size: 1.4rem;
        width: 34px;
        line-height: 34px;
    }
}
.m-habtitem, .m-habtitem .box-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: all 550ms;
    opacity: 0;
    visibility: hidden;
}
.m-hnanjing .box-item, .m-hhaerb .box-item {
    overflow: hidden;
}
.m-hnanjing .box-item .bitem-wp, .m-hhaerb .box-item .bitem-wp {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
    height: 100%;
}
.m-hnanjing .box-item .bitem-pic, .m-hhaerb .box-item .bitem-pic {
    float: left;
    width: 100%;
    padding-right: 325px;
    box-sizing: border-box;
    flex: 0 0 auto;
    cursor: pointer;
    align-self: flex-start;
    margin-top: 120px;
}
.m-hnanjing .box-item .bitem-pic img, .m-hhaerb .box-item .bitem-pic img {
    display: block !important;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .m-hnanjing .box-item .bitem-pic, .m-hhaerb .box-item .bitem-pic {
        margin-top: 0;
    }
}
.m-hnanjing .box-item .bitem-fix, .m-hhaerb .box-item .bitem-fix {
    float: left;
    margin-left: -300px;
    width: 300px;
    flex: 1 1 auto;
    align-self: center;
}
.m-hnanjing .box-item1 .bitem-info, .m-hhaerb .box-item1 .bitem-info {
    /* min-height: 466px; @media screen and (max-width:1219px) { min-height: 400px; } */
}
.m-hnanjing .box-item1 .info-item, .m-hhaerb .box-item1 .info-item {
    margin-top: 60px;
}
.m-hnanjing .box-item1 .info-item:first-child, .m-hhaerb .box-item1 .info-item:first-child {
    margin-top: 0;
}
.m-hnanjing .box-item1 .item-num, .m-hhaerb .box-item1 .item-num {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 1;
    font-size: 52px;
    font-size: 5.2rem;
    font-weight: bold;
    color: #182737;
}
.m-hnanjing .box-item1 .item-num sup, .m-hhaerb .box-item1 .item-num sup {
    vertical-align: top;
    line-height: 0.5;
}
.m-hnanjing .box-item1 .item-title, .m-hhaerb .box-item1 .item-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 26px;
    padding-bottom: 11px;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #182737;
}
.m-hnanjing .box-item1 .item-title:before, .m-hhaerb .box-item1 .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 5px;
    background-color: #d78712;
}
.m-hnanjing .box-item1 .item-desc, .m-hhaerb .box-item1 .item-desc {
    margin-top: 10px;
    line-height: 30px;
    max-height: 90px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: hidden;
}
.m-hnanjing .box-item1 .item-desc a, .m-hhaerb .box-item1 .item-desc a {
    color: #666;
}
.m-hnanjing .box-item1 .item-desc a:hover, .m-hhaerb .box-item1 .item-desc a:hover {
    color: #d78712;
}
.m-hnanjing .box-item2 .bitem-title, .m-hhaerb .box-item2 .bitem-title {
    position: relative;
    padding-bottom: 9px;
    line-height: 32px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
}
.m-hnanjing .box-item2 .bitem-title a, .m-hhaerb .box-item2 .bitem-title a {
    display: block;
}
.m-hnanjing .box-item2 .bitem-title a:hover, .m-hhaerb .box-item2 .bitem-title a:hover {
    color: #d78712;
}
.m-hnanjing .box-item2 .bitem-title:before, .m-hhaerb .box-item2 .bitem-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 5px;
    background-color: #d78712;
}
.m-hnanjing .box-item2 .bitem-desc, .m-hhaerb .box-item2 .bitem-desc {
    margin-top: 29px;
    max-height: 330px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: hidden;
}
.m-hnanjing .box-item2 .bitem-desc a, .m-hhaerb .box-item2 .bitem-desc a {
    display: block;
}
.m-hnanjing .box-item2 .bitem-desc a, .m-hhaerb .box-item2 .bitem-desc a {
    color: #666;
}
.m-hnanjing .box-item2 .bitem-desc a:hover, .m-hhaerb .box-item2 .bitem-desc a:hover {
    color: #d78712;
}
.m-hnanjing.show1 .box-item1, .m-hhaerb.show1 .box-item1 {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}
.m-hnanjing.show1 .box-item2, .m-hhaerb.show1 .box-item2 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.m-hnanjing.show2 .box-item1, .m-hhaerb.show2 .box-item1 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.m-hnanjing.show2 .box-item2, .m-hhaerb.show2 .box-item2 {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}
.m-hnanjing.show, .m-hhaerb.show {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}
@media screen and (max-width: 991px) {
    .m-habout {
        padding-top: 50px;
    }
    .m-habout .btn-wp {
        top: 0;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .m-habtitem, .m-habtitem .box-item {
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
        display: none;
    }
    .m-hnanjing .box-item .bitem-wp, .m-hhaerb .box-item .bitem-wp {
        display: block;
    }
    .m-hnanjing .box-item .bitem-pic, .m-hhaerb .box-item .bitem-pic {
        width: 100%;
        padding-right: 0;
        float: none;
        margin-bottom: 30px;
    }
    .m-hnanjing .box-item .bitem-fix, .m-hhaerb .box-item .bitem-fix {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .m-hnanjing .box-item1 .bitem-info, .m-hhaerb .box-item1 .bitem-info {
        min-height: auto;
    }
    .m-hnanjing .box-item1 .info-item, .m-hhaerb .box-item1 .info-item {
        margin-top: 30px;
    }
    .m-hnanjing .box-item1 .item-num, .m-hhaerb .box-item1 .item-num {
        font-size: 34px;
        font-size: 3.4rem;
    }
    .m-hnanjing .box-item1 .item-title, .m-hhaerb .box-item1 .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .m-hnanjing .box-item1 .item-desc, .m-hhaerb .box-item1 .item-desc {
        max-height: 44px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hnanjing .box-item2 .bitem-title, .m-hhaerb .box-item2 .bitem-title {
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-hnanjing .box-item2 .bitem-desc, .m-hhaerb .box-item2 .bitem-desc {
        margin-top: 15px;
        max-height: 132px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hnanjing.show1 .box-item1, .m-hhaerb.show1 .box-item1 {
        display: block;
    }
    .m-hnanjing.show1 .box-item2, .m-hhaerb.show1 .box-item2 {
        display: none;
    }
    .m-hnanjing.show2 .box-item1, .m-hhaerb.show2 .box-item1 {
        display: none;
    }
    .m-hnanjing.show2 .box-item2, .m-hhaerb.show2 .box-item2 {
        display: block;
    }
    .m-hnanjing.show, .m-hhaerb.show {
        display: block;
    }
}
/* index-art start */
 .index-art {
    padding: 56px 0 78px;
    overflow: hidden;
}
@media screen and (max-width: 1219px) {
    .index-art {
        padding: 56px 0 65px;
    }
}
@media screen and (max-width: 991px) {
    .index-art {
        padding: 45px 0;
    }
}
@media screen and (max-width: 767px) {
    .index-art {
        padding: 30px 0;
    }
}
.index-art .index-item {
    margin-bottom: 53px;
}
@media screen and (max-width: 1219px) {
    .index-art .index-item {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 991px) {
    .index-art .index-item {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .index-art .index-item {
        margin-bottom: 20px;
    }
}
.index-art .art-carousel {
    position: relative;
}
.index-art .art-carousel .owl-buttons {
    display: none !important;
}
.index-art .art-carousel .item {
    position: relative;
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .item {
        padding-right: 32px;
    }
}
.index-art .art-carousel .img-carousel {
    float: left;
    width: 87.42857%;
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .img-carousel {
        float: none;
        width: 100%;
    }
}
.index-art .art-carousel .item-body {
    position: absolute;
    width: 25.71429%;
    left: 65.71429%;
    bottom: 8.08081%;
}
@media screen and (max-width: 991px) {
    .index-art .art-carousel .item-body {
        width: 28.57143%;
        left: 61.42857%;
        bottom: 6.31313%;
    }
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .item-body {
        bottom: 0;
        width: 100%;
        left: 0;
        position: relative;
    }
}
.index-art .art-carousel .item-body .item-subt {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1.2;
    padding-bottom: 34px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    /*background-color: #fff;*/
    background-color: rgba(255, 255, 255, 0.7);
}
.index-art .art-carousel .item-body .item-subt, .index-art .art-carousel .item-body .item-subt a {
    color: #485b6c;
}
.index-art .art-carousel .item-body .item-subt:before {
    position: absolute;
    content:"";
    width: 51px;
    height: 3px;
    background-color: #485b6c;
    left: 15px;
    bottom: 13px;
}
@media screen and (max-width: 1419px) {
    .index-art .art-carousel .item-body .item-subt {
        font-size: 40px;
        font-size: 4rem;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .index-art .art-carousel .item-body .item-subt:before {
        left: 10px;
    }
}
@media screen and (max-width: 1219px) {
    .index-art .art-carousel .item-body .item-subt {
        font-size: 32px;
        font-size: 3.2rem;
        padding-bottom: 24px;
    }
    .index-art .art-carousel .item-body .item-subt:before {
        bottom: 10px;
    }
}
@media screen and (max-width: 991px) {
    .index-art .art-carousel .item-body .item-subt {
        font-size: 26px;
        font-size: 2.6rem;
        padding-bottom: 20px;
    }
    .index-art .art-carousel .item-body .item-subt:before {
        bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .item-body .item-subt {
        font-size: 20px;
        font-size: 2rem;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 10px;
        margin-top: 15px;
    }
    .index-art .art-carousel .item-body .item-subt:before {
        left: 0;
        bottom: 0;
    }
}
.index-art .art-carousel .item-body .item-title {
    margin-top: 30px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    padding-top: 13px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    /*background-color: #fff;*/
    background-color: rgba(255, 255, 255, 0.7);
}
.index-art .art-carousel .item-body .item-title, .index-art .art-carousel .item-body .item-title a {
    color: #485b6c;
}
@media screen and (max-width: 1419px) {
    .index-art .art-carousel .item-body .item-title {
        font-size: 22px;
        font-size: 2.2rem;
        margin-top: 20px;
        padding: 10px;
    }
}
@media screen and (max-width: 1219px) {
    .index-art .art-carousel .item-body .item-title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 26px;
        margin-top: 15px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
@media screen and (max-width: 991px) {
    .index-art .art-carousel .item-body .item-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        margin-top: 15px;
    }
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .item-body .item-title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        margin-top: 10px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.index-art .art-carousel .item-body .item-desc {
    background-color: rgba(255, 255, 255, 0.7);
    /*background-color: #fff;*/
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    height: 72px;
    padding-left: 15px;
    padding-right: 15px;
}
.index-art .art-carousel .item-body .item-desc, .index-art .art-carousel .item-body .item-desc a {
    color: #485d70;
}
@media screen and (max-width: 1419px) {
    .index-art .art-carousel .item-body .item-desc {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 1219px) {
    .index-art .art-carousel .item-body .item-desc {
        line-height: 20px;
        height: 60px;
    }
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .item-body .item-desc {
        height: auto;
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 0;
        padding-right: 0;
    }
}
.index-art .art-carousel .item-body .item-btn {
    margin-top: 41px;
    margin-left: 15px;
    display: inline-block;
    min-width: 136px;
    height: 55px;
    line-height: 53px;
    border: 1px solid #485d70;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    color: #485d70;
}
@media screen and (max-width: 1419px) {
    .index-art .art-carousel .item-body .item-btn {
        margin-top: 30px;
        height: 48px;
        line-height: 46px;
        font-size: 18px;
        font-size: 1.8rem;
        margin-left: 10px;
    }
}
@media screen and (max-width: 1219px) {
    .index-art .art-carousel .item-body .item-btn {
        margin-top: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        height: 40px;
        line-height: 38px;
        min-width: 140px;
    }
}
@media screen and (max-width: 991px) {
    .index-art .art-carousel .item-body .item-btn {
        margin-top: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        height: 36px;
        line-height: 34px;
        min-width: 120px;
    }
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .item-body .item-btn {
        font-size: 12px;
        font-size: 1.2rem;
        height: 30px;
        line-height: 28px;
        min-width: 100px;
        margin-left: 0;
    }
}
.index-art .art-carousel .carousel-btns {
    font-size: 0;
    letter-spacing: 0;
    position: absolute;
    right: 0;
    top: 63px;
}
@media screen and (max-width: 1219px) {
    .index-art .art-carousel .carousel-btns {
        top: 50px;
    }
}
@media screen and (max-width: 991px) {
    .index-art .art-carousel .carousel-btns {
        top: 30px;
    }
}
.index-art .art-carousel .carousel-btns .carousel-btn {
    display: block;
    width: 71px;
    height: 71px;
    line-height: 71px;
    border-radius: 50%;
    background-color: #81e3ea;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    opacity: 0.7;
}
.index-art .art-carousel .carousel-btns .carousel-btn:hover {
    background-color: #d78712;
}
@media screen and (max-width: 1219px) {
    .index-art .art-carousel .carousel-btns .carousel-btn {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}
@media screen and (max-width: 991px) {
    .index-art .art-carousel .carousel-btns .carousel-btn {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .carousel-btns .carousel-btn {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.index-art .art-carousel .carousel-btns .item-next {
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    .index-art .art-carousel .carousel-btns .item-next {
        margin-bottom: 10px;
    }
}
/* index-art end */
 .g-hproc {
    padding-top: 55px;
    background-color: #f3f3f3;
}
@media screen and (max-width: 991px) {
    .g-hproc {
        padding-top: 45px;
    }
}
@media screen and (max-width: 767px) {
    .g-hproc {
        padding-top: 30px;
    }
}
.g-hproc .index-item {
    margin-bottom: 54px;
}
@media screen and (max-width: 1219px) {
    .g-hproc .index-item {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 991px) {
    .g-hproc .index-item {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .g-hproc .index-item {
        margin-bottom: 20px;
    }
}
.m-hproc {
    position: relative;
    z-index: 2;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.m-hproc .tabbd-img {
    opacity: 0;
    visibility: hidden;
}
.m-hproc .tabbd-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: all 550ms;
}
.m-hproc .tabbd-item.show {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
.m-hproc .tabbd-item .fix {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding-left: 8.33333%;
    padding-right: 30px;
    margin-top: -119px;
    width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 1619px) {
    .m-hproc .tabbd-item .fix {
        margin-top: -80px;
    }
}
.m-hproc .tabbd-item .text {
    max-width: 386px;
}
.m-hproc .tabbd-item .title {
    height: 46px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #fff;
}
.m-hproc .tabbd-item .title a {
    display: block;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-hproc .tabbd-item .title:hover {
    color: #a0e7ec;
}
.m-hproc .tabbd-item .title:hover a {
    color: #a0e7ec;
}
.m-hproc .tabbd-item .desc {
    margin-top: 38px;
    height: 126px;
    line-height: 42px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    overflow: hidden;
}
.m-hproc .tabbd-item .desc a {
    display: block;
    color: #fff;
}
.m-hproc .tabbd-item .desc a:hover {
    color: #a0e7ec;
}
.m-hproc .tabbd-item .link {
    margin-top: 25px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
}
.m-hproc .tabbd-item .link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 136px;
    line-height: 30px;
    padding: 11px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.m-hproc .tabbd-item .link a:hover {
    color: #fff;
    background-color: #a0e7ec;
    border-color: #a0e7ec;
}
.m-hproc .box-tabhd {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 78px;
    width: 91.14583%;
    transform: translate(-50%, 0);
    padding-left: 75px;
    padding-right: 75px;
}
@media screen and (max-width: 1619px) {
    .m-hproc .box-tabhd {
        bottom: 48px;
    }
}
.m-hproc .box-tabhd:hover .box-btn i {
    opacity: 1;
    visibility: visible;
}
.m-hproc .box-btn {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100%;
}
.m-hproc .box-btn i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 36px;
    font-size: 3.6rem;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 550ms;
}
.m-hproc .box-btn.prev {
    left: 0;
}
.m-hproc .box-btn.prev i {
    left: 0;
}
.m-hproc .box-btn.next {
    right: 0;
}
.m-hproc .box-btn.next i {
    right: 0;
}
.m-hproc .c-oh {
    overflow: hidden;
    width: 100%;
    padding-top: 2px;
}
.m-hproc .box-list {
    width: 10000%;
    border-top: 1px solid #fff;
}
.m-hproc .list-item {
    float: left;
    width: 0.235%;
    margin-right: 0.02%;
    position: relative;
    padding-top: 27px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: visible;
    opacity: 0.6;
}
.m-hproc .list-item:before {
    content:"";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 5px;
    transition: all 550ms;
}
.m-hproc .list-item.active {
    opacity: 1;
}
.m-hproc .list-item.active:before {
    background-color: #a0e7ec;
    width: 100%;
}
.m-hproc .list-item.active .item-desc {
    font-weight: bold;
}
.m-hproc .item-title {
    height: 36px;
    line-height: 36px;
    font-size: 26px;
    font-size: 2.6rem;
    color: #fff;
    font-weight: bold;
}
.m-hproc .item-title a {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m-hproc .item-desc {
    margin-top: 5px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    overflow: hidden;
}
.m-hproc .item-desc a {
    color: #fff;
}
.m-hproc .box-tabbd {
    position: relative;
}
@media screen and (max-width: 1419px) {
    .m-hproc .tabbd-item1 .title {
        height: 30px;
        line-height: 30px;
        font-size: 30px;
        font-size: 3rem;
    }
    .m-hproc .tabbd-item1 .desc {
        margin-top: 20px;
        height: 90px;
        line-height: 30px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-hproc .tabbd-item1 .link {
        margin-top: 20px;
    }
    .m-hproc .tabbd-item1 .link a {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 10px;
    }
}
@media screen and (max-width: 1219px) {
    .m-hproc .tabbd-item1 .fix {
        margin-top: -65px;
    }
    .m-hproc .tabbd-item1 .title {
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m-hproc .tabbd-item1 .desc {
        margin-top: 20px;
        height: 66px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hproc .tabbd-item1 .link {
        margin-top: 10px;
        justify-content: flex-start;
    }
    .m-hproc .tabbd-item1 .link a {
        min-width: 100px;
        padding: 5px 10px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hproc .box-tabhd {
        bottom: 30px;
    }
    .m-hproc .item-title {
        height: 26px;
        line-height: 26px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m-hproc .item-desc {
        height: 48px;
        line-height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 1024px) {
    .m-hproc .tabbd-item1 .fix {
        margin-top: -50px;
    }
    .m-hproc .tabbd-item1 .title {
        height: 24px;
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m-hproc .tabbd-item1 .desc {
        margin-top: 10px;
        line-height: 20px;
        height: 60px;
    }
    .m-hproc .box-tabhd {
        bottom: 15px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .m-hproc .box-btn {
        width: 50px;
    }
    .m-hproc .box-btn i {
        opacity: 1;
        visibility: visible;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-hproc .list-item {
        padding-top: 15px;
    }
    .m-hproc .item-desc {
        line-height: 20px;
        height: 40px;
    }
}
@media screen and (max-width: 767px) {
    .m-hproc .box-tabhd {
        position: relative;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .m-hproc .box-btn.prev i {
        left: 10px;
    }
    .m-hproc .box-btn.next i {
        right: 10px;
    }
    .m-hproc .tabbd-item1 .fix {
        margin-top: 0;
    }
    .m-hproc .tabbd-item1 .title {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-hproc .tabbd-item1 .desc {
        margin-top: 5px;
        height: 36px;
        line-height: 18px;
        font-size: 10px;
        font-size: 1rem;
    }
    .m-hproc .tabbd-item1 .link a {
        min-width: 90px;
        padding: 3px 10px;
        line-height: 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hproc .tabbd-item1 .list-item a {
        line-height: 20px;
        font-size: 10px;
        font-size: 1rem;
    }
    .m-hproc .item-title {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-hproc .item-desc {
        font-size: 10px;
        font-size: 1rem;
        height: 40px;
        line-height: 20px;
    }
    .m-hproc .list-item {
        width: 0.32%;
    }
}
@media screen and (max-width: 375px) {
    .m-hproc .list-item {
        width: 0.49%;
    }
}
/* index-shop start */
 .index-shop {
    padding: 61px 0 88px;
    overflow: hidden;
}
@media screen and (max-width: 1419px) {
    .index-shop {
        padding: 61px 0 80px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop {
        padding: 60px 0;
    }
}
@media screen and (max-width: 991px) {
    .index-shop {
        padding: 45px 0;
    }
}
@media screen and (max-width: 767px) {
    .index-shop {
        padding: 30px 0;
    }
}
.index-shop .index-item {
    margin-bottom: 75px;
}
@media screen and (max-width: 1419px) {
    .index-shop .index-item {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .index-item {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .index-item {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .index-item {
        margin-bottom: 20px;
    }
}
.index-shop .carousel-btns .carousel-btn {
    position: absolute;
    display: block;
    width: 40px;
    height: 38px;
    background: url(/themes/simplebootx/style/images/btn.png) no-repeat;
    background-size: 100% auto;
    top: 50%;
    margin-top: -19px;
    cursor: pointer;
}
@media screen and (max-width: 1219px) {
    .index-shop .carousel-btns .carousel-btn {
        width: 30px;
        height: 28px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .carousel-btns .carousel-btn {
        width: 26px;
        height: 25px;
    }
}
.index-shop .carousel-btns .item-prev {
    left: -102px;
    background-position: 0 -38px;
}
@media screen and (max-width: 1419px) {
    .index-shop .carousel-btns .item-prev {
        left: -80px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .carousel-btns .item-prev {
        background-position: 0 -28px;
        left: -70px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .carousel-btns .item-prev {
        background-position: 0 -25px;
        left: -60px;
    }
}
@media screen and (max-width: 480px) {
    .index-shop .carousel-btns .item-prev {
        left: -45px;
    }
}
.index-shop .carousel-btns .item-next {
    right: -98px;
    background-position: 0 0;
}
@media screen and (max-width: 1419px) {
    .index-shop .carousel-btns .item-next {
        right: -80px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .carousel-btns .item-next {
        right: -70px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .carousel-btns .item-next {
        right: -60px;
    }
}
@media screen and (max-width: 480px) {
    .index-shop .carousel-btns .item-next {
        right: -45px;
    }
}
.index-shop .map-owl {
    position: absolute;
    width: 224px;
    left: 0;
    left: 7.85714%;
    top: 29px;
    z-index: 7;
}
@media screen and (max-width: 1419px) {
    .index-shop .map-owl {
        left: 4.28571%;
        top: 0;
        margin-left: 30px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .map-owl {
        width: 200px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .map-owl {
        width: 160px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .map-owl {
        width: 200px;
        left: 50%;
        margin-left: -100px;
        bottom: 222px;
        top: auto;
    }
}
.index-shop .map-owl .map-carousel .owl-buttons {
    display: none !important;
}
.index-shop .box-owl {
    position: relative;
    overflow: hidden;
}
.index-shop .box-owl .box-carousel {
    display: block;
    /*overflow:hidden;*/
}
.index-shop .img-carousel {
    float: right;
    width: 60%;
    margin-left: 3.57143%;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .index-shop .img-carousel {
        width: 100%;
        float: none;
        width: 100%;
        margin: 0 auto 20px;
    }
}
.index-shop .box-carousel .owl-buttons {
    display: none !important;
}
/*.index-shop .box-carousel .list-item,.index-shop .box-carousel .box-item,.index-shop .box-carousel .owl-item{overflow:hidden;}*/
 .index-shop .item-body {
    float: left;
    width: 22.14286%;
    margin-left: 7.85714%;
    margin-top: 29px;
}
@media screen and (max-width: 1419px) {
    .index-shop .item-body {
        width: 32.14286%;
        margin-left: 4.28571%;
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .item-body {
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
}
.index-shop .item-body .item-pics {
    width: 224px;
    position: relative;
    visibility: hidden;
}
@media screen and (max-width: 1419px) {
    .index-shop .item-body .item-pics {
        margin-left: 30px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .item-body .item-pics {
        width: 200px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .item-body .item-pics {
        width: 160px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .item-body .item-pics {
        width: 200px;
        margin: 0 auto;
    }
}
.index-shop .item-body .item-title {
    margin-top: 52px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    font-weight: bold;
    position: relative;
}
.index-shop .item-body .item-title, .index-shop .item-body .item-title a {
    color: #495e71;
}
@media screen and (max-width: 1419px) {
    .index-shop .item-body .item-title {
        margin-top: 30px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .item-body .item-title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 26px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .item-body .item-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        margin-top: 15px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .item-body .item-title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
    }
    .index-shop .item-body .item-title:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
.index-shop .item-body .item-descbox {
    text-align: left;
    position: relative;
    margin-top: 33px;
    padding: 20px 0 26px 0;
    box-sizing: border-box;
}
.index-shop .item-body .item-descbox:before {
    position: absolute;
    content:"";
    right: 0;
    left: -32px;
    top: 0;
    bottom: 0;
    background-color: #F1F1F1;
    z-index: 0;
}
@media screen and (max-width: 1419px) {
    .index-shop .item-body .item-descbox {
        margin-top: 30px;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .item-body .item-descbox {
        margin-top: 15px;
        padding: 15px 0;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .item-body .item-descbox:before {
        left: -15px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .item-body .item-descbox {
        margin-top: 10px;
        max-width: 450px;
        margin: 10px auto 0;
    }
    .index-shop .item-body .item-descbox:before {
        left: 0;
    }
}
.index-shop .item-body .item-desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    height: 113px;
    padding-right: 20px;
    width: 100% !important;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.index-shop .item-body .item-desc, .index-shop .item-body .item-desc a {
    color: #485d70;
}
/*.index-shop .item-body .item-desc .item-li { padding-bottom: 9px; margin-bottom: 9px; border-bottom: solid 1px #D6D4D4; }*/
 .index-shop .item-body .item-desc .li-title {
    padding-top: 9px;
    margin-top: 9px;
    border-top: solid 1px #D6D4D4;
}
.index-shop .item-body .item-desc .li-title:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}
.index-shop .item-body .item-desc .item-li:last-child {
    margin-bottom: 0;
}
.index-shop .item-body .item-desc .item-li .li-title {
    margin-bottom: 7px;
}
@media screen and (max-width: 1219px) {
    .index-shop .item-body .item-desc {
        line-height: 20px;
        height: 78px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .item-body .item-desc {
        padding-left: 15px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.index-shop .item-body .box-btn {
    margin-top: 33px;
    display: inline-block;
    min-width: 150px;
    height: 55px;
    line-height: 55px;
    background-color: #a0e7ec;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
}
@media screen and (max-width: 1419px) {
    .index-shop .item-body .box-btn {
        margin-top: 30px;
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 1219px) {
    .index-shop .item-body .box-btn {
        font-size: 16px;
        font-size: 1.6rem;
        height: 40px;
        line-height: 40px;
        min-width: 140px;
    }
}
@media screen and (max-width: 991px) {
    .index-shop .item-body .box-btn {
        margin-top: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        height: 36px;
        line-height: 36px;
        min-width: 120px;
    }
}
@media screen and (max-width: 767px) {
    .index-shop .item-body .box-btn {
        font-size: 12px;
        font-size: 1.2rem;
        height: 30px;
        line-height: 30px;
        min-width: 100px;
    }
}
/* index-shop end */
/* index-video start */
 .index-video {
    background: url(/themes/simplebootx/style/images/bg1.jpg) no-repeat center;
    background-attachment: fixed;
    position: relative;
    padding: 83px 0 153px;
    overflow: hidden;
}
.index-video:before {
    position: absolute;
    content:"";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/themes/simplebootx/style/images/bg1.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}
@media screen and (max-width: 1419px) {
    .index-video {
        padding: 80px 0;
    }
}
@media screen and (max-width: 1219px) {
    .index-video {
        padding: 65px 0;
    }
}
@media screen and (max-width: 991px) {
    .index-video {
        padding: 45px 0;
    }
}
@media screen and (max-width: 767px) {
    .index-video {
        padding: 30px 0;
    }
}
.index-video .index-item {
    margin-bottom: 97px;
}
@media screen and (max-width: 1419px) {
    .index-video .index-item {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 1219px) {
    .index-video .index-item {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 991px) {
    .index-video .index-item {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .index-video .index-item {
        margin-bottom: 20px;
    }
}
.index-video .video-carousel {
    background-color: #fff;
    position: relative;
    /* .item-videobox start */
    /* .item-videobox end */
}
.index-video .video-carousel .owl-buttons {
    display: none !important;
}
.index-video .video-carousel .carousel-btns {
    font-size: 0;
    letter-spacing: 0;
    position: absolute;
    bottom: 8.17391%;
    width: 41.07143%;
    left: 5.71429%;
    z-index: 9;
}
@media screen and (max-width: 1419px) {
    .index-video .video-carousel .carousel-btns {
        bottom: 5.21739%;
        left: 4.28571%;
    }
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .carousel-btns {
        left: 2.85714%;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .carousel-btns {
        bottom: 3.47826%;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .carousel-btns {
        bottom: 0;
        width: 100%;
        position: relative;
        left: 0;
        padding: 0 15px 20px;
    }
}
.index-video .video-carousel .carousel-btns .carousel-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 50px;
    font-size: 5rem;
    line-height: 1;
    color: #d78712;
    color: rgba(215, 135, 18, 0.3);
    cursor: pointer;
}
.index-video .video-carousel .carousel-btns .carousel-btn:hover {
    color: #d78712;
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .carousel-btns .carousel-btn {
        font-size: 40px;
        font-size: 4rem;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .carousel-btns .carousel-btn {
        font-size: 30px;
        font-size: 3rem;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .carousel-btns .carousel-btn {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
.index-video .video-carousel .carousel-btns .item-prev {
    margin-right: 11px;
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .carousel-btns .item-prev {
        margin-right: 6px;
    }
}
.index-video .video-carousel .item-videobox {
    float: right;
    width: 58.92857%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.index-video .video-carousel .item-videobox .iconfont {
    font-size: 31px;
    font-size: 3.1rem;
    left: -2px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    color: #efefef;
    z-index: 9;
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .item-videobox .iconfont {
        font-size: 28px;
        font-size: 2.8rem;
        margin-top: -14px;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .item-videobox .iconfont {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: -12px;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .item-videobox .iconfont {
        display: none;
    }
}
.index-video .video-carousel .item-videobox .item-video {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}
.index-video .video-carousel .item-videobox .item-video iframe, .index-video .video-carousel .item-videobox .item-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.index-video .video-carousel .item-videobox .item-video iframe body {
    margin: 0px !important;
}
/*.index-video .video-carousel .item-videobox .item-video iframe { display: none; }
@media screen and (max-width: 767px) { .index-video .video-carousel .item-videobox .item-video iframe { display: block; }
  .index-video .video-carousel .item-videobox .item-video video { display: none; } }*/
 @media screen and (max-width: 767px) {
    .index-video .video-carousel .item-videobox {
        float: none;
        width: 100%;
    }
}
.index-video .video-carousel .item-body {
    overflow: hidden;
    padding: 50px 5.71429% 50px;
}
@media screen and (max-width: 1419px) {
    .index-video .video-carousel .item-body {
        padding: 40px 4.28571% 50px;
    }
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .item-body {
        padding: 30px 2.85714% 30px;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .item-body {
        padding: 20px 2.85714% 20px;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .item-body {
        padding: 20px 15px;
    }
}
.index-video .video-carousel .item-subt {
    line-height: 1.2;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    position: relative;
    padding: 12px 0 0 22px;
}
.index-video .video-carousel .item-subt, .index-video .video-carousel .item-subt a {
    color: #d78712;
}
.index-video .video-carousel .item-subt a:hover {
    color: #333 !important;
}
.index-video .video-carousel .item-subt:before {
    position: absolute;
    content:"";
    width: 36px;
    height: 36px;
    background-color: #d78712;
    background-color: rgba(215, 135, 18, 0.1);
    top: 0;
    left: 0;
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .item-subt {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .item-subt {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 8px 0 0 15px;
    }
    .index-video .video-carousel .item-subt:before {
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .item-subt {
        padding: 8px 0 0 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .index-video .video-carousel .item-subt:before {
        width: 26px;
        height: 26px;
    }
}
.index-video .video-carousel .item-title {
    margin-top: 58px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    padding-bottom: 34px;
    position: relative;
}
.index-video .video-carousel .item-title:before {
    position: absolute;
    content:"";
    width: 66px;
    height: 3px;
    background-color: #d78712;
    left: 0;
    bottom: 0;
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .item-title {
        margin-top: 30px;
        padding-bottom: 24px;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .item-title {
        margin-top: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        padding-bottom: 10px;
        margin-top: 15px;
    }
}
.index-video .video-carousel .item-desc {
    margin-top: 27px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    height: 72px;
}
@media screen and (max-width: 1219px) {
    .index-video .video-carousel .item-desc {
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .index-video .video-carousel .item-desc {
        margin-top: 15px;
        line-height: 20px;
        height: 60px;
    }
}
@media screen and (max-width: 767px) {
    .index-video .video-carousel .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        height: auto;
    }
}
/* index-video end */
/* index-contact start */
 .index-contact {
    background-color: #f3f3f3;
    padding-top: 47px;
}
@media screen and (max-width: 767px) {
    .index-contact {
        padding-top: 30px;
    }
}
.index-contact .index-item {
    margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
    .index-contact .index-item {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .index-item {
        margin-bottom: 20px;
    }
}
.index-contact .box-wrap {
    background: url(/themes/simplebootx/style/images/bg2.jpg) no-repeat center;
    background-size: cover;
    padding: 73px 0 74px;
}
@media screen and (max-width: 1419px) {
    .index-contact .box-wrap {
        padding: 70px 0;
    }
}
@media screen and (max-width: 1219px) {
    .index-contact .box-wrap {
        padding: 60px 0;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .box-wrap {
        padding: 50px 0;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .box-wrap {
        padding: 30px 0;
    }
}
.index-contact .box-top {
    margin-bottom: 18px;
}
.index-contact .left-item {
    float: left;
    width: 62.14286%;
    margin-right: 5.71429%;
    padding-bottom: 41px;
    position: relative;
}
.index-contact .left-item:before {
    position: absolute;
    content:"";
    width: 1px;
    bottom: 0;
    top: 18px;
    right: 0;
    background-color: #EBEBEB;
    background-color: rgba(235, 235, 235, 0.4);
}
@media screen and (max-width: 1419px) {
    .index-contact .left-item {
        width: 59.28571%;
        margin-right: 5%;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 1219px) {
    .index-contact .left-item {
        width: 57.14286%;
        margin-right: 2.14286%;
        padding-right: 30px;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .left-item {
        width: 50%;
        margin-right: 2.14286%;
        padding-right: 15px;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .left-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
        padding-right: 0;
    }
    .index-contact .left-item:before {
        display: none;
    }
}
.index-contact .left-item .item-title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 36px;
    margin-bottom: 35px;
    font-weight: bold;
}
.index-contact .left-item .item-title, .index-contact .left-item .item-title a {
    color: #fff;
}
@media screen and (max-width: 1419px) {
    .index-contact .left-item .item-title {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1219px) {
    .index-contact .left-item .item-title {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .left-item .item-title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 26px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .left-item .item-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        margin-bottom: 10px;
    }
}
.index-contact .left-item .item-desc {
    float: left;
    width: 64.36782%;
    margin-right: 3.44828%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 23px;
}
.index-contact .left-item .item-desc, .index-contact .left-item .item-desc a {
    color: #fff;
}
@media screen and (max-width: 1219px) {
    .index-contact .left-item .item-desc {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        line-height: 22px;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .left-item .item-desc {
        line-height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .left-item .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.index-contact .left-item .item-btn {
    display: inline-block;
    min-width: 168px;
    height: 43px;
    border: solid 4px #f2b419;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    color: #f2b419;
    line-height: 34px;
}
@media screen and (max-width: 1419px) {
    .index-contact .left-item .item-btn {
        border-width: 3px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 1219px) {
    .index-contact .left-item .item-btn {
        font-size: 14px;
        font-size: 1.4rem;
        border-width: 2px;
        min-width: 140px;
        height: 40px;
        line-height: 36px;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .left-item .item-btn {
        font-size: 12px;
        font-size: 1.2rem;
        border-width: 2px;
        min-width: 110px;
        height: 32px;
        line-height: 28px;
    }
}
.index-contact .right-item {
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
    padding-top: 34px;
}
@media screen and (max-width: 1219px) {
    .index-contact .right-item {
        padding-top: 0;
    }
}
.index-contact .right-item .item-pic {
    display: inline-block;
    vertical-align: bottom;
    width: 27.77778%;
    margin-right: 4%;
}
@media screen and (max-width: 767px) {
    .index-contact .right-item .item-pic {
        width: 100px;
        margin-right: 10px;
    }
}
.index-contact .right-item .item-desc {
    display: inline-block;
    vertical-align: bottom;
    width: 68.22222%;
    margin-bottom: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 23px;
}
.index-contact .right-item .item-desc, .index-contact .right-item .item-desc a {
    color: #fff;
}
@media screen and (max-width: 1219px) {
    .index-contact .right-item .item-desc {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .right-item .item-desc {
        line-height: 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .right-item .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        width: calc(100% - 110px);
    }
}
.index-contact .item-form {
    float: left;
    width: 87.21429%;
    background-color: #2c2c2c;
    padding: 8px 13px;
}
@media screen and (max-width: 1219px) {
    .index-contact .item-form {
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .item-form {
        padding: 8px;
    }
}
.index-contact .item-form input, .index-contact .item-form textarea {
    display: block;
    width: 100%;
    padding: 0 13px;
    background-color: #656565;
    background-color: rgba(101, 101, 101, 0.6);
    height: 43px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 1219px) {
    .index-contact .item-form input, .index-contact .item-form textarea {
        padding: 0 8px;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .item-form input, .index-contact .item-form textarea {
        height: 36px;
        line-height: 36px;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .item-form input, .index-contact .item-form textarea {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.index-contact .item-form textarea {
    line-height: 43px;
}
/*.index-contact .item-form .item-input img{*/
/*  width: 100%;*/
/*  max-height: 42px;*/
/*}*/
 @media screen and (max-width: 991px) {
    .index-contact .item-form textarea {
        height: 86px;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.index-contact .item-form .item-input {
    float: left;
    width: 14.74059%;
    margin-right: 1.00418%;
}
@media screen and (max-width: 991px) {
    .index-contact .item-form .item-input {
        width: 32%;
        margin-right: 2%;
    }
    .index-contact .item-form .item-input:nth-child(3) {
        margin-right: 0;
    }
}
@media screen and (max-width: 640px) {
    .index-contact .item-form .item-input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }
}
.index-contact .item-form .item-txtarea {
    width: 18.76569%;
    margin-right: 1%;
}
@media screen and (max-width: 991px) {
    .index-contact .item-form .item-txtarea {
        width: 100%;
        margin-top: 8px;
    }
}
@media screen and (max-width: 640px) {
    .index-contact .item-form .item-txtarea {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.index-contact .form-btn {
    float: right;
    width: 12%;
    height: 59px;
    line-height: 59px;
    background-color: #d78712;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    transition: all 0.35s;
}
.index-contact .form-btn:hover {
    background-color: #fff;
    color: #d78712;
}
@media screen and (max-width: 1419px) {
    .index-contact .form-btn {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 1219px) {
    .index-contact .form-btn {
        width: 168px;
        float: none;
        margin: 10px auto 0;
        display: block;
        height: 43px;
        line-height: 43px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .index-contact .form-btn {
        font-size: 14px;
        font-size: 1.4rem;
        height: 36px;
        line-height: 36px;
        width: 150px;
    }
}
@media screen and (max-width: 767px) {
    .index-contact .form-btn {
        display: block;
        width: 140px;
        font-size: 12px;
        font-size: 1.2rem;
        height: 30px;
        line-height: 30px;
        margin: 10px auto 0;
    }
}
/* index-contact end */
/*-------------index end-------------------------------------------------------------------*/
/* .page_wrap{
	overflow: hidden;
	position: relative;
	.item-bg{
		display: block;
		margin: 0 auto;
		width: 1920px;
		max-width: 1920px;
		visibility: hidden;
	}
	.item-img{
		position: absolute;
		left: 50%;
		margin-left: -960px;
		top: 0;
		width: 1920px;
		max-width: 1920px;
	}
} */
/*-------------产品家族2 start----------------------------------------------------------------*/
 .pro2-top {
    margin-bottom: 78px;
}
@media screen and (max-width: 1219px) {
    .pro2-top {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 991px) {
    .pro2-top {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-top {
        margin-bottom: 25px;
    }
}
.pro2-top .pro-owl {
    float: left;
    width: 62.5%;
    margin-right: 3.66667%;
    overflow: hidden;
    position: relative;
    border-radius: 0;
}
@media screen and (max-width: 1219px) {
    .pro2-top .pro-owl {
        width: 100%;
        margin: 0 auto;
        float: none;
        max-width: 750px;
    }
}
@media screen and (max-width: 991px) {
    .pro2-top .pro-owl {
        border-radius: 25px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-top .pro-owl {
        border-radius: 15px;
    }
}
.pro2-top .pro-owl .owl-buttons {
    display: none !important;
}
.pro2-top .pro-owl .owl-btns {
    font-size: 0;
    letter-spacing: 0;
}
.pro2-top .pro-owl .owl-btns .owl-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    font-size: 3rem;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    transition: all 0.35s;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.pro2-top .pro-owl .owl-btns .owl-btn:hover {
    color: #d78712;
}
.pro2-top .pro-owl .owl-btns .owl-btn.disabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    cursor: auto;
}
@media screen and (max-width: 767px) {
    .pro2-top .pro-owl .owl-btns .owl-btn {
        font-size: 26px;
        font-size: 2.6rem;
        margin-top: -13px;
    }
}
.pro2-top .pro-owl .owl-btns .item-prev {
    left: 12px;
}
@media screen and (max-width: 767px) {
    .pro2-top .pro-owl .owl-btns .item-prev {
        left: 5px;
    }
}
.pro2-top .pro-owl .owl-btns .item-next {
    right: 12px;
}
@media screen and (max-width: 767px) {
    .pro2-top .pro-owl .owl-btns .item-next {
        right: 5px;
    }
}
.pro2-top .item-body {
    overflow: hidden;
}
.pro2-top .item-body .item-title {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 53px;
}
@media screen and (max-width: 1219px) {
    .pro2-top .item-body .item-title {
        margin-bottom: 30px;
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .pro2-top .item-body .item-title {
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-top .item-body .item-title {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 15px;
        margin-top: 20px;
    }
}
.pro2-top .item-body .item-desc {
    font-size: 0;
    letter-spacing: 0;
    min-height: 251px;
    padding-bottom: 30px;
    /* >p{ display: inline-block; vertical-align: top; width: 50%; @include font-size(16); line-height: 36px; color: #666; @media screen and (max-width:1219px) { line-height: 30px; } @media screen and (max-width:991px) {	 @include font-size(14); line-height: 24px; } @media screen and (max-width:767px) {	 @include font-size(12); line-height: 20px; } @media screen and (max-width:480px) { width: 100%; } } */
}
@media screen and (max-width: 1219px) {
    .pro2-top .item-body .item-desc {
        min-height: auto;
    }
}
@media screen and (max-width: 480px) {
    .pro2-top .item-body .item-desc {
        padding-bottom: 25px;
    }
}
.pro2-top .item-body .item-desc table {
    border: none;
}
.pro2-top .item-body .item-desc table tr td {
    min-width: 100px;
    border: none;
    height: auto;
    line-height: 26px;
    padding: 5px 0;
    font-size: 16px;
    font-size: 1.6rem;
    background: none;
    color: #666;
}
@media screen and (max-width: 1219px) {
    .pro2-top .item-body .item-desc table tr td {
        line-height: 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .pro2-top .item-body .item-desc table tr td {
        padding: 1px 0;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 991px) {
    .pro2-top .item-body .item-desc .table > div {
        width: 100% !important;
        max-height: 100%;
    }
}
.pro2-top .item-body .item-btns {
    font-size: 0;
    letter-spacing: 0;
}
.pro2-top .item-body .item-btns > * {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
.pro2-top .item-body .item-btn {
    width: 188px;
    line-height: 46px;
    border: solid 1px #d78712;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    background-color: #d78712;
    color: #fff;
    margin-right: 20px;
}
@media screen and (max-width: 1219px) {
    .pro2-top .item-body .item-btn {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 42px;
        width: 160px;
    }
}
@media screen and (max-width: 991px) {
    .pro2-top .item-body .item-btn {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 36px;
        width: 120px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-top .item-body .item-btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 28px;
        width: 100px;
    }
}
.pro2-title {
    margin-bottom: 32px;
    line-height: 1.3;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
}
@media screen and (max-width: 1219px) {
    .pro2-title {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 991px) {
    .pro2-title {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-title {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
}
.pro2-title span {
    font-weight: normal;
    position: absolute;
    right: 0;
    line-height: 24px;
    top: 50%;
    margin-top: -12px;
    font-size: 16px;
    font-size: 1.6rem;
    cursor: pointer;
}
.pro2-title span:hover {
    color: #d78712;
}
.pro2-title span:after {
    position: relative;
    content:"》";
    transform: rotate(90deg);
    display: inline-block;
    top: 4px;
    margin-left: 5px;
}
@media screen and (max-width: 991px) {
    .pro2-title span {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .pro2-title span {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .pro2-title span:after {
        top: 3px;
    }
}
.pro2-spec {
    margin-bottom: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
}
.pro2-spec p {
    min-height: 30px;
}
.pro2-spec, .pro2-spec a {
    color: #666;
}
.pro2-spec img, .pro2-spec iframe {
    max-width: 100%;
}
@media screen and (max-width: 1219px) {
    .pro2-spec {
        margin-bottom: 30px;
        line-height: 26px;
    }
    .pro2-spec p {
        min-height: 26px;
    }
}
@media screen and (max-width: 991px) {
    .pro2-spec {
        margin-bottom: 25px;
        line-height: 24px;
    }
    .pro2-spec p {
        min-height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-spec {
        margin-bottom: 20px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
    .pro2-spec p {
        min-height: 20px;
    }
}
.pro2-spec1 {
    background-color: #e8e8e8;
    margin-bottom: 36px;
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
}
.pro2-spec1 p {
    min-height: 30px;
}
.pro2-spec1, .pro2-spec1 a {
    color: #666;
}
.pro2-spec1 img, .pro2-spec1 iframe {
    max-width: 100%;
}
.pro2-spec1 img {
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 1219px) {
    .pro2-spec1 {
        margin-bottom: 30px;
        line-height: 26px;
    }
    .pro2-spec1 p {
        min-height: 26px;
    }
}
@media screen and (max-width: 991px) {
    .pro2-spec1 {
        margin-bottom: 25px;
        line-height: 24px;
    }
    .pro2-spec1 p {
        min-height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-spec1 {
        margin-bottom: 20px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
    .pro2-spec1 p {
        min-height: 20px;
    }
}
.pro2-color {
    padding-bottom: 46px;
}
@media screen and (max-width: 1219px) {
    .pro2-color {
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-color {
        padding-bottom: 15px;
    }
}
.pro2-color .box-list {
    font-size: 0;
    letter-spacing: 0;
    padding-top: 7px;
    overflow: hidden;
}
.pro2-color .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 9.5%;
    margin-left: 0.55556%;
    margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
    .pro2-color .box-list .list-item {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-color .box-list .list-item {
        margin-bottom: 15px;
        width: 11.5%;
        margin-left: 0.5% !important;
        margin-right: 0.5%;
    }
}
@media screen and (max-width: 480px) {
    .pro2-color .box-list .list-item {
        width: 19%;
        margin-bottom: 10px;
    }
}
.pro2-color .box-list .item-title {
    margin-top: 28px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: center;
}
@media screen and (max-width: 1219px) {
    .pro2-color .box-list .item-title {
        margin-top: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .pro2-color .box-list .item-title {
        margin-top: 5px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.pro2-color1 {
    padding-bottom: 46px;
}
@media screen and (max-width: 1219px) {
    .pro2-color1 {
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-color1 {
        padding-bottom: 15px;
    }
}
.pro2-color1 .box-list {
    font-size: 0;
    letter-spacing: 0;
    padding-top: 7px;
    overflow: hidden;
}
.pro2-color1 .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 9.5%;
    margin-left: 0.55556%;
    margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
    .pro2-color1 .box-list .list-item {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-color1 .box-list .list-item {
        margin-bottom: 15px;
        width: 11.5%;
        margin-left: 0.5% !important;
        margin-right: 0.5%;
    }
}
@media screen and (max-width: 480px) {
    .pro2-color1 .box-list .list-item {
        width: 19%;
        margin-bottom: 10px;
    }
}
.pro2-color1 .box-list .item-title {
    margin-top: 27px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: center;
}
@media screen and (max-width: 1219px) {
    .pro2-color1 .box-list .item-title {
        margin-top: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .pro2-color1 .box-list .item-title {
        margin-top: 5px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.pro2-case {
    padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
    .pro2-case {
        padding-bottom: 10px;
    }
}
.pro2-case .box-list {
    font-size: 0;
    letter-spacing: 0;
}
.pro2-case .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 30.25%;
    margin-left: 4.625%;
    margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
    .pro2-case .box-list .list-item {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 480px) {
    .pro2-case .box-list .list-item {
        width: 48%;
        margin: 0 1% 15px !important;
    }
}
.pro2-brand {
    padding-bottom: 23px;
}
@media screen and (max-width: 767px) {
    .pro2-brand {
        padding-bottom: 15px;
    }
}
.pro2-brand .box-list {
    font-size: 0;
    letter-spacing: 0;
}
.pro2-brand .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
    .pro2-brand .box-list .list-item {
        width: 33.33333%;
    }
}
.pro2-tags {
    border-top: solid 1px #E4E4E4;
    padding-top: 24px;
}
@media screen and (max-width: 991px) {
    .pro2-tags {
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-tags {
        padding-top: 15px;
    }
}
.pro2-tags strong {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #999;
    margin-right: 13px;
}
@media screen and (max-width: 991px) {
    .pro2-tags strong {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-tags strong {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-right: 5px;
    }
}
.pro2-tags .item-desc {
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
}
.pro2-tags .item-desc > a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
    border: solid 1px #D8D8D8;
    color: #999;
    line-height: 28px;
    padding: 0 11px;
    margin-right: 11px;
    margin-bottom: 10px;
}
.pro2-tags .item-desc > a:hover {
    color: #d78712;
    border-color: #d78712;
}
@media screen and (max-width: 991px) {
    .pro2-tags .item-desc > a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
    }
}
@media screen and (max-width: 767px) {
    .pro2-tags .item-desc > a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        padding: 0 5px;
        margin-right: 8px;
        margin-bottom: 8px;
    }
}
/*-------------产品家族2 end------------------------------------------------------------------*/
/* .c-xx start */
 .c-fl {
    float: left;
}
.c-fr {
    float: right;
}
.c-cb {
    clear: both;
}
.c-clearfix:after {
    content:"";
    display: block;
    clear: both;
}
.c-mg {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.c-oh {
    overflow: hidden;
}
.c-wd {
    width: 1200px;
}
.c-tsn {
    transition: all 550ms;
}
.c-bbx {
    box-sizing: border-box;
}
.c-pr {
    position: relative;
}
.c-mt-5 {
    margin-top: 5px;
}
.c-mt-10 {
    margin-top: 10px;
}
.c-mt-15 {
    margin-top: 15px;
}
.c-mt-20 {
    margin-top: 20px;
}
.c-mt-25 {
    margin-top: 25px;
}
.c-mt-30 {
    margin-top: 30px;
}
.c-mt-35 {
    margin-top: 35px;
}
.c-mt-40 {
    margin-top: 40px;
}
.c-mt-45 {
    margin-top: 45px;
}
.c-mt-50 {
    margin-top: 50px;
}
.c-nomt {
    margin-top: 0 !important;
}
.c-nomr {
    margin-right: 0 !important;
}
.c-nomb {
    margin-bottom: 0 !important;
}
.c-noml {
    margin-left: 0 !important;
}
.c-nomg {
    margin: 0 !important;
}
.c-nopt {
    padding-top: 0 !important;
}
.c-nopr {
    padding-right: 0 !important;
}
.c-nopb {
    padding-bottom: 0 !important;
}
.c-nopl {
    padding-left: 0 !important;
}
.c-nopd {
    padding: 0 !important;
}
.c-nofont {
    line-height: 0;
    font-size: 0;
}
.c-nobg {
    background: none !important;
}
/* .c-xx end */
/* .f-xx start */
 .f-czjz {
    position: relative;
    top: 50%;
    transform: translate(0px, -50%);
}
.f-box {
    margin: 0 auto;
    width: 1200px;
    max-width: 100%;
    overflow: visible;
    box-sizing: border-box;
}
@media screen and (max-width: 1219px) {
    .f-box {
        width: 960px;
    }
}
@media screen and (max-width: 991px) {
    .f-box {
        width: 720px;
    }
}
@media screen and (max-width: 767px) {
    .f-box {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* .f-xx end */
 .m-lrform {
    padding-top: 233px;
    padding-bottom: 112px;
    background: url("/themes/simplebootx/style/images/login-bg1.jpg") no-repeat center;
    background-size: cover;
}
.m-lrform .box-wp {
    float: right;
    max-width: 100%;
    width: 450px;
    padding-left: 4.28571%;
    padding-right: 4.28571%;
    padding-top: 3.92857%;
    padding-bottom: 6.78571%;
    box-sizing: border-box;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
}
.m-lrform .box-hdlink {
    margin-bottom: 55px;
    font-size: 0;
    letter-spacing: 0;
}
.m-lrform .box-hdlink a {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50%;
    vertical-align: top;
    padding: 0 10px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    color: #999;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
}
.m-lrform .box-hdlink a:first-child:before {
    content:"";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 22px;
    background-color: #d78712;
}
.m-lrform .box-hdlink a.active {
    color: #333;
}
.m-lrform .form-item {
    margin-top: 40px;
    border-bottom: 1px solid #d7d7d7;
}
.m-lrform .form-item:first-child {
    margin-top: 40px;
}
.m-lrform .form-text {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    box-sizing: border-box;
}
.m-lrform .form-text::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
.m-lrform .form-text:-moz-placeholder {
    color: #999;
    opacity: 1;
}
.m-lrform .form-text::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.m-lrform .form-text:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.m-lrform .form-code {
    position: relative;
    padding-right: 98px;
}
.m-lrform .code-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 98px;
    height: 32px;
    line-height: 30px;
    background-color: #f3fbfe;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    border-bottom: none;
    overflow: hidden;
    text-align: center;
}
.m-lrform .code-img img {
    max-height: 30px;
    vertical-align: middle;
}
.m-lrform .form-btn {
    border-bottom: none;
}
.m-lrform .form-btn input {
    display: block;
    width: 100%;
    height: 46px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background-color: #d78712;
    transition: all 550ms;
}
.m-lrform .form-btn input:hover {
    box-shadow: 0.05em 0.1em 0.2em rgba(0, 0, 0, 0.6) inset;
}
.m-lrform .form-select {
    border-bottom: none;
}
.m-lrform .select-item {
    margin-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
}
.m-lrform .form-resetpw {
    margin-top: 13px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
    overflow: hidden;
}
.m-lrform .form-resetpw a {
    color: #999;
}
.m-lrform .form-resetpw a:hover {
    color: #d78712;
}
.m-lrform .form-resetpw a.c-fr {
    color: #d78712;
}
.m-lrform .form-resetpw a.c-fr:hover {
    text-decoration: underline;
}
@media screen and (max-width: 991px) {
    .m-lrform {
        padding-top: 8.57143%;
        padding-bottom: 8.57143%;
    }
}
.m-reginform {
    border-image: url("/themes/simplebootx/style/images/register-bg1.jpg");
}
.g-wp, .page_wrap {
    padding-top: 53px;
    padding-bottom: 128px;
}
@media screen and (max-width: 1219px) {
    .g-wp, .page_wrap {
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .g-wp, .page_wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.m-cpjzc1 {
    position: relative;
}
.m-cpjzc1:before {
    content:"";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 6px;
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}
.m-cpjzc1:before {
    top: 0;
    box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2);
}
.m-cpjzc1 .box-wp {
    position: relative;
    padding-left: 7.91667%;
    padding-right: 7.91667%;
}
.m-cpjzc1 .box-btn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 30px;
    font-size: 3rem;
    color: #dedede;
}
.m-cpjzc1 .box-btn .iconfont {
    font-size: 30px;
    font-size: 3rem;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc1 .box-btn .iconfont {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .m-cpjzc1 .box-btn .iconfont {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .m-cpjzc1 .box-btn .iconfont {
        font-size: 20px;
        font-size: 2rem;
    }
}
.m-cpjzc1 .box-btn.prev {
    left: 0;
}
.m-cpjzc1 .box-btn.next {
    right: 0;
}
.m-cpjzc1 .box-btn:hover {
    color: #d78712;
}
.m-cpjzc1 .box-list {
    width: 10000%;
}
.m-cpjzc1 .list-item {
    float: left;
    width: 0.2%;
    text-align: center;
    padding-bottom: 6px;
}
.m-cpjzc1 .list-item a {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 32px;
    font-size: 20px;
    font-size: 2rem;
    color: #333;
}
.m-cpjzc1 .list-item a:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: transparent;
    transition: all 550ms;
}
.m-cpjzc1 .list-item a:after {
    position: absolute;
    content:"";
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
    height: 6px;
    width: 12px;
    background: url(/themes/simplebootx/style/images/sj.png) no-repeat bottom center;
    display: none;
}
.m-cpjzc1 .list-item a.active {
    color: #cf8418;
    font-weight: bold;
}
.m-cpjzc1 .list-item a.active:before {
    background-color: #cf8418;
}
.m-cpjzc1 .list-item a.active:after {
    display: block;
}
@media screen and (max-width: 991px) {
    .m-cpjzc1 .box-wp {
        padding-left: 30px;
        padding-right: 30px;
    }
    .m-cpjzc1 .list-item a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 26px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 640px) {
    .m-cpjzc1 .list-item {
        width: 0.33%;
    }
}
@media screen and (max-width: 375px) {
    .m-cpjzc1 .list-item {
        width: 0.5%;
    }
}
.m-cpjzc2 .box-item1, .m-cpjzc2 .box-item2 {
    display: none;
}
.m-cpjzc2 .box-item1.show, .m-cpjzc2 .box-item2.show {
    display: block;
}
.m-cpjzc3 {
    position: relative;
    overflow: hidden;
    margin-top: 72px;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc3 {
        margin-top: 0;
    }
}
.m-cpjzc3 .box-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top: 17.5%;
    height: 0;
    width: 30px;
}
.m-cpjzc3 .box-btn i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 30px;
    font-size: 3rem;
    color: #333;
}
.m-cpjzc3 .box-btn:hover {
    color: #d78712;
}
.m-cpjzc3 .box-btn:hover i {
    color: #d78712;
}
.m-cpjzc3 .box-btn.prev {
    left: 0;
}
.m-cpjzc3 .box-btn.next {
    right: 0;
}
.m-cpjzc3 .box-wp {
    position: relative;
    padding-left: 11.25%;
    padding-right: 11.25%;
}
.m-cpjzc3 .box-wp:before {
    content:"";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    padding-top: 17.5%;
    width: 1920px;
    border-bottom: 1px solid #e6e6e6;
}
.m-cpjzc3 .box-list {
    width: 10000%;
    overflow: hidden;
}
.m-cpjzc3 .box-list, .m-cpjzc3 .box-list * {
    box-sizing: content-box;
}
.m-cpjzc3 .list-item {
    float: left;
    margin-right: 0.04731%;
    width: 0.21505%;
}
.m-cpjzc3 .item-wp {
    position: relative;
    display: block;
    padding-top: 1px;
}
.m-cpjzc3 .item-wp:before {
    content:"";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    padding-top: 104%;
    border-bottom: 3px solid #d78712;
    border-color: transparent;
}
.m-cpjzc3 .item-wp.active .item-title {
    color: #333;
}
.m-cpjzc3 .item-wp.active:before {
    border-color: #d78712;
}
.m-cpjzc3 .item-pic {
    margin-top: 27.5%;
    margin-bottom: 19%;
    border-radius: 0;
}
.m-cpjzc3 .item-title {
    padding-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    color: #999;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 991px) {
    .m-cpjzc3 .box-btn {
        text-align: center;
    }
    .m-cpjzc3 .box-btn i {
        font-size: 20px;
        font-size: 2rem;
    }
    .m-cpjzc3 .item-title {
        padding-top: 10px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 640px) {
    .m-cpjzc3 .list-item {
        margin-right: 0.02%;
        width: 0.32%;
    }
    .m-cpjzc3 .box-btn {
        position: absolute;
        top: 0;
        bottom: 0;
        padding-top: 22.5%;
        height: 0;
        width: 30px;
    }
    .m-cpjzc3 .box-wp {
        padding-left: 16.39344%;
        padding-right: 16.39344%;
    }
    .m-cpjzc3 .box-wp:before {
        padding-top: 22.5%;
    }
    .m-cpjzc3 .item-title {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.m-cpjzc4 {
    position: relative;
    margin-top: 97px;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc4 {
        margin-top: 70px;
    }
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 {
        margin-top: 50px;
    }
}
@media screen and (max-width: 767px) {
    .m-cpjzc4 {
        margin-top: 30px;
    }
}
.m-cpjzc4 .btn-wp .prev {
    left: -53px;
}
@media screen and (max-width: 1319px) {
    .m-cpjzc4 .btn-wp .prev {
        left: 0;
    }
}
.m-cpjzc4 .btn-wp .next {
    right: -53px;
}
@media screen and (max-width: 1319px) {
    .m-cpjzc4 .btn-wp .next {
        right: 0;
    }
}
.m-cpjzc4 .box-btn {
    position: absolute;
    z-index: 2;
    width: 81px;
    display: block;
    line-height: 65px;
    top: 50%;
    margin-top: -32px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    /*background-color: #DCDDDD;*/
    /*background-color: rgba(220, 221, 221, 0.6);*/
    background-color: #cf8418;
}
.m-cpjzc4 .box-btn:hover {
    background-color: #cf8418;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc4 .box-btn {
        width: 40px;
        line-height: 40px;
        margin-top: -20px;
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 .box-btn {
        font-size: 16px;
        font-size: 1.6rem;
        width: 36px;
        line-height: 36px;
        margin-top: -18px;
    }
}
@media screen and (max-width: 767px) {
    .m-cpjzc4 .box-btn {
        font-size: 14px;
        font-size: 1.4rem;
        width: 28px;
        line-height: 28px;
        margin-top: -164px;
    }
}
.m-cpjzc4 .box-list {
    width: 10000%;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m-cpjzc4 .list-item {
    float: left;
    width: 1%;
    position: relative;
}
.m-cpjzc4 .item-pic {
    width: 100%;
}
.m-cpjzc4 .item-text {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 36.16667%;
    right: 6.66667%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 45px;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc4 .item-text {
        padding: 10px 20px;
    }
}
@media screen and (max-width: 767px) {
    .m-cpjzc4 .item-text {
        position: relative;
        width: 100%;
        right: 0;
        padding: 20px 15px;
        background-color: #000;
    }
}
.m-cpjzc4 .item-title {
    line-height: 1.3;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    border-bottom: solid 2px #d78712;
    padding-bottom: 5px;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc4 .item-title {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .m-cpjzc4 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.m-cpjzc4 .item-desc {
    margin-top: 13px;
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 .item-desc {
        margin-top: 5px;
    }
}
.m-cpjzc4 .item-desc table {
    border: none;
}
.m-cpjzc4 .item-desc table tr td {
    min-width: 100px;
    border: none;
    height: auto;
    line-height: 25px;
    padding: 3px 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background: none;
}
@media screen and (max-width: 1219px) {
    .m-cpjzc4 .item-desc table tr td {
        line-height: 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 .item-desc table tr td {
        padding: 1px 0;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.m-cpjzc4 .item-link {
    margin-top: 0px;
    font-size: 0;
    letter-spacing: 0;
    text-align: right;
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 .item-link {
        margin-top: 10px;
    }
}
.m-cpjzc4 .item-link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 94px;
    line-height: 27px;
    padding: 0 5px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    background-color: #cf8418;
}
.m-cpjzc4 .item-link a:hover {
    color: #d78712;
    background-color: #fff;
}
@media screen and (max-width: 991px) {
    .m-cpjzc4 .table > div {
        width: 100% !important;
        max-height: 100%;
    }
}
.m-crm {
    padding-top: 23px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
}
@media screen and (max-width: 767px) {
    .m-crm {
        line-height: 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.m-crm a {
    color: #666;
}
.m-crm a:hover {
    color: #d78712;
}
.m-crm a.active {
    color: #d78712;
}
/* 加入w66平台-招商加盟 start */
 .zsjm-box1 {
    background: url(/themes/simplebootx/style/images/zsjm1.jpg) no-repeat center;
    background-size: cover;
    padding: 64px 4.16667% 36px;
    margin-bottom: 84px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box1 {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box1 {
        padding: 45px 4.16667% 36px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box1 {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
}
.zsjm-box1, .zsjm-box1 a {
    color: #FEECD5;
}
.zsjm-box1 .item-body {
    width: 60.45455%;
}
@media screen and (max-width: 480px) {
    .zsjm-box1 .item-body {
        width: 100%;
    }
}
.zsjm-box1 .item-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
    .zsjm-box1 .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box1 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.zsjm-box1 .item-subt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 17px;
}
.zsjm-box1 .item-subt:before {
    position: absolute;
    content:"";
    width: 35px;
    height: 1px;
    background-color: #FEECD5;
    bottom: 0;
    left: 0;
}
@media screen and (max-width: 991px) {
    .zsjm-box1 .item-subt {
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box1 .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }
}
.zsjm-box1 .item-desc {
    margin-bottom: 43px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
}
.zsjm-box1 .item-desc p {
    min-height: 30px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box1 .item-desc {
        line-height: 26px;
    }
    .zsjm-box1 .item-desc p {
        min-height: 26px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box1 .item-desc {
        margin-bottom: 30px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .zsjm-box1 .item-desc p {
        min-height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box1 .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .zsjm-box1 .item-desc p {
        min-height: 20px;
    }
}
.zsjm-box1 .item-btn {
    width: 25px;
    height: 15px;
    background: url(/themes/simplebootx/style/images/zsjm2.png) no-repeat center;
}
.zsjm-box2 {
    margin-bottom: 96px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box2 {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box2 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box2 {
        margin-bottom: 20px;
    }
}
.zsjm-box2 .box-list {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.zsjm-box2 .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 186px;
    margin: 0 50px 20px;
    background-color: #B1B2B2;
    min-height: 371px;
    padding: 58px 10px 30px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box2 .box-list .list-item {
        margin: 0 27px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box2 .box-list .list-item {
        width: 23%;
        margin: 0 1% 20px;
        min-height: 300px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box2 .box-list .list-item {
        padding: 40px 10px 30px;
        min-height: 230px;
    }
}
@media screen and (max-width: 480px) {
    .zsjm-box2 .box-list .list-item {
        width: 48%;
        padding: 30px 10px;
        min-height: 160px;
    }
}
.zsjm-box2 .box-list .item1 {
    background-color: #9FA0A0;
}
.zsjm-box2 .box-list .item-pic {
    width: 70px;
    margin: 0 auto 94px;
}
@media screen and (max-width: 991px) {
    .zsjm-box2 .box-list .item-pic {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box2 .box-list .item-pic {
        width: 55px;
    }
}
@media screen and (max-width: 480px) {
    .zsjm-box2 .box-list .item-pic {
        margin-bottom: 20px;
        width: 45px;
    }
}
.zsjm-box2 .box-list .item-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #f0ddc7;
}
@media screen and (max-width: 767px) {
    .zsjm-box2 .box-list .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.zsjm-item {
    text-align: center;
}
.zsjm-item .item-body {
    display: inline-block;
    position: relative;
    padding: 0 3px;
}
.zsjm-item .item-body:before, .zsjm-item .item-body:after {
    position: absolute;
    content:"";
    width: 120px;
    height: 2px;
    top: 50%;
    margin-top: -11px;
    background-color: #9FA0A0;
}
@media screen and (max-width: 767px) {
    .zsjm-item .item-body:before, .zsjm-item .item-body:after {
        width: 50px;
    }
}
.zsjm-item .item-body:before {
    right: 100%;
}
.zsjm-item .item-body:after {
    left: 100%;
}
.zsjm-item .item-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
    .zsjm-item .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-item .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.zsjm-item .item-subt {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #333;
}
@media screen and (max-width: 767px) {
    .zsjm-item .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.zsjm-box3 {
    margin-bottom: 38px;
}
@media screen and (max-width: 991px) {
    .zsjm-box3 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 {
        margin-bottom: 20px;
    }
}
.zsjm-box3 .zsjm-item {
    margin-bottom: 53px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box3 .zsjm-item {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box3 .zsjm-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 .zsjm-item {
        margin-bottom: 20px;
    }
}
.zsjm-box3 .box-list {
    font-size: 0;
    letter-spacing: 0;
}
.zsjm-box3 .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 70px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box3 .box-list .list-item {
        width: 49.5% !important;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 .box-list .list-item {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
}
.zsjm-box3 .box-list .item1 {
    width: 44%;
}
.zsjm-box3 .box-list .item2 {
    width: 54%;
    margin-left: 1%;
}
.zsjm-box3 .box-list .item-left {
    float: left;
    width: 157px;
    text-align: center;
    margin-top: 10px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box3 .box-list .item-left {
        width: 140px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box3 .box-list .item-left {
        width: 120px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 .box-list .item-left {
        width: 80px;
        margin-top: 0;
    }
}
.zsjm-box3 .box-list .item-pic {
    width: 64px;
    margin: 0 auto 32px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box3 .box-list .item-pic {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box3 .box-list .item-pic {
        width: 50px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 .box-list .item-pic {
        margin-bottom: 10px;
        width: 36px;
    }
}
.zsjm-box3 .box-list .item-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: bold;
}
@media screen and (max-width: 991px) {
    .zsjm-box3 .box-list .item-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 .box-list .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.zsjm-box3 .box-list .item-body {
    overflow: hidden;
}
.zsjm-box3 .box-list .item-desc {
    height: 140px;
    width: 1200px;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    color: #333;
}
@media screen and (max-width: 1219px) {
    .zsjm-box3 .box-list .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        height: 130px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box3 .box-list .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        height: 110px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box3 .box-list .item-desc {
        line-height: 20px;
        height: auto;
        display: block;
        width: 100%;
    }
}
.zsjm-box4 .zsjm-item {
    margin-bottom: 53px;
}
@media screen and (max-width: 1219px) {
    .zsjm-box4 .zsjm-item {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .zsjm-box4 .zsjm-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .zsjm-box4 .zsjm-item {
        margin-bottom: 20px;
    }
}
.zsjm-box4 .item-pic img {
    display: block;
    margin: 0 auto;
}
/* 加入w66平台-招商加盟 end */
/* 森形象-终端店面 start */
 .sf-box1 {
    background: url(/themes/simplebootx/style/images/sf1.jpg) no-repeat center;
    background-size: cover;
    padding: 92px 5% 87px;
    margin-bottom: 58px;
}
@media screen and (max-width: 991px) {
    .sf-box1 {
        padding: 60px 3.57143%;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .sf-box1 {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
}
.sf-box1 a:hover {
    color: #d78712;
}
.sf-box1 .item-title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
}
@media screen and (max-width: 991px) {
    .sf-box1 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 767px) {
    .sf-box1 .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.sf-box1 .item-subt {
    font-weight: bold;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.3;
}
@media screen and (max-width: 991px) {
    .sf-box1 .item-subt {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .sf-box1 .item-subt {
        font-size: 20px;
        font-size: 2rem;
    }
}
.sf-box1 .item-subt1 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    margin-top: 10px;
}
@media screen and (max-width: 991px) {
    .sf-box1 .item-subt1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 767px) {
    .sf-box1 .item-subt1 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 5px;
    }
}
.sf-box2 {
    margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
    .sf-box2 {
        margin-bottom: 30px;
    }
}
.sf-box2 .item-desc {
    margin-bottom: 28px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
}
.sf-box2 .item-desc, .sf-box2 .item-desc a {
    color: #565656;
}
.sf-box2 .item-desc p {
    min-height: 8px;
}
@media screen and (max-width: 991px) {
    .sf-box2 .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .sf-box2 .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin-bottom: 20px;
    }
}
.sf-box2 .item-btn {
    margin: 0 auto;
    width: 25px;
    height: 15px;
    background: url(/themes/simplebootx/style/images/sf8.png) no-repeat center;
}
.sf-box3 .box-list {
    font-size: 0;
    letter-spacing: 0;
    max-width: 1080px;
    margin: 0 auto;
}
.sf-box3 .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}
.sf-box3 .box-list .list-item:hover .item-body {
    transform: scale(0, 1);
    transform-origin: right center;
}
.sf-box3 .box-list .item1 {
    width: 61.85185%;
}
.sf-box3 .box-list .item2 {
    width: 36.75926%;
    margin-left: 1.38889%;
}
.sf-box3 .box-list .item3 {
    width: 36.85185%;
}
.sf-box3 .box-list .item4 {
    width: 62.03704%;
    margin-left: 1.11111%;
}
.sf-box3 .box-list .item5 {
    width: 49.35185%;
}
.sf-box3 .box-list .item6 {
    width: 49.35185%;
    margin-left: 1.2963%;
}
.sf-box3 .box-list .item-body {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    right: 0;
    transition: all 900ms ease;
    transition: transform 0.4s ease;
    transform: scale(1, 1);
    transform-origin: left center;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    color: #fff;
}
.sf-box3 .box-list .item-body:before {
    position: absolute;
    content:"";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    background-color: #fff;
}
@media screen and (max-width: 1219px) {
    .sf-box3 .box-list .item-body {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 991px) {
    .sf-box3 .box-list .item-body {
        font-size: 16px;
        font-size: 1.6rem;
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .sf-box3 .box-list .item-body {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.sf-box3 .box-list .item-backdrop {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
}
.sf-box3 .box-list .item-backdrop:before {
    background-color: #000;
}
.sf-box3 .box-list .item-backdrop .item-table {
    position: relative;
    z-index: 2;
}
.sf-box3 .box-list .item-backdrop, .sf-box3 .box-list .item-backdrop a {
    color: #fff;
}
@media screen and (max-width: 1219px) {
    .sf-box3 .box-list .item-backdrop {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 991px) {
    .sf-box3 .box-list .item-backdrop {
        padding: 5px;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        position: relative;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.5);
    }
}
@media screen and (max-width: 767px) {
    .sf-box3 .box-list .item-backdrop {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
/* 森形象-终端店面 end */
/* 森形象-体验空间 start */
 .ty-main .box-btn {
    float: right;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-right: 50px;
    margin-bottom: 11px;
    font-weight: bold;
}
.ty-main .box-btn:hover {
    color: #d78712;
}
@media screen and (max-width: 991px) {
    .ty-main .box-btn {
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .box-btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
}
.ty-main .ty-item .item-title {
    font-weight: bold;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.5;
}
@media screen and (max-width: 1219px) {
    .ty-main .ty-item .item-title {
        font-size: 22px;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .ty-item .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .ty-item .item-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.ty-main .ty-item .item-subt {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 26px;
}
.ty-main .ty-item .item-subt:before {
    position: absolute;
    content:"";
    width: 20px;
    height: 2px;
    background-color: #57B5BF;
    left: 0;
    bottom: 0;
}
@media screen and (max-width: 1219px) {
    .ty-main .ty-item .item-subt {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .ty-item .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .ty-item .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
}
.ty-main .ty-item .item-subt1 {
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3;
}
.ty-main .ty-item .item-subt1 a {
    display: block;
}
.ty-main .ty-item .item-subt1 a:hover {
    color: #d78712;
}
@media screen and (max-width: 1219px) {
    .ty-main .ty-item .item-subt1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .ty-item .item-subt1 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .ty-item .item-subt1 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.ty-main .ty-item .item-desc {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #333;
}
@media screen and (max-width: 1219px) {
    .ty-main .ty-item .item-desc {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .ty-item .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .ty-item .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.ty-main .box-item1 {
    position: relative;
    margin-bottom: 52px;
}
@media screen and (max-width: 991px) {
    .ty-main .box-item1 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .box-item1 {
        margin-bottom: 30px;
    }
}
.ty-main .box-item1 .item-pics {
    width: 7.33333%;
    position: absolute;
    right: 3.16667%;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
    .ty-main .box-item1 .item-pics {
        right: 0;
        bottom: 0;
        transform: none;
        top: auto;
    }
}
.ty-main .box-item1 .item-pic {
    float: left;
    width: 53.58333%;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item1 .item-pic {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}
.ty-main .box-item1 .item-body {
    position: absolute;
    left: 53.58333%;
    top: 0;
    bottom: 0;
    right: 0;
    padding-left: 6.66667%;
    padding-right: 0;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item1 .item-body {
        padding-left: 3.33333%;
    }
}
@media screen and (max-width: 640px) {
    .ty-main .box-item1 .item-body {
        position: relative;
        left: 0;
        padding: 15px;
        background-color: #F0EDF1;
    }
}
.ty-main .box-item2 {
    background-color: #F0EDF1;
    position: relative;
    margin-bottom: 62px;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item2 {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .box-item2 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .box-item2 {
        margin-bottom: 30px;
    }
}
.ty-main .box-item2 .item-pic {
    float: right;
    width: 60.66667%;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item2 .item-pic {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}
.ty-main .box-item2 .item-pics {
    width: 8.08333%;
    position: absolute;
    right: 56.66667%;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
    .ty-main .box-item2 .item-pics {
        right: 10px;
        bottom: 10px;
        transform: none;
        top: auto;
    }
}
.ty-main .box-item2 .item-body {
    position: absolute;
    right: 60.66667%;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 6.66667%;
    padding-right: 15px;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item2 .item-body {
        padding-left: 3.33333%;
    }
}
@media screen and (max-width: 640px) {
    .ty-main .box-item2 .item-body {
        position: relative;
        left: 0;
        padding: 15px;
        background-color: #F0EDF1;
    }
}
.ty-main .box-item3 {
    position: relative;
    margin-bottom: 73px;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item3 {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .box-item3 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .box-item3 {
        margin-bottom: 30px;
    }
}
.ty-main .box-item3 .item-pic {
    float: left;
    width: 69.66667%;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item3 .item-pic {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}
.ty-main .box-item3 .item-body {
    position: absolute;
    left: 56.41667%;
    top: 0;
    bottom: 0;
    right: 0;
    padding-right: 0;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item3 .item-body {
        position: relative;
        left: 0;
        padding: 15px;
        background-color: #F0EDF1;
    }
}
.ty-main .box-item4 {
    position: relative;
    margin-bottom: 53px;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item4 {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .box-item4 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .box-item4 {
        margin-bottom: 30px;
    }
}
.ty-main .box-item4 .img1 {
    float: left;
    width: 48.5%;
}
@media screen and (max-width: 480px) {
    .ty-main .box-item4 .img1 {
        width: 100%;
    }
}
.ty-main .box-item4 .img2 {
    float: left;
    width: 25.5%;
}
@media screen and (max-width: 480px) {
    .ty-main .box-item4 .img2 {
        width: 49%;
    }
}
.ty-main .box-item4 .img3 {
    float: right;
    width: 25.5%;
}
@media screen and (max-width: 480px) {
    .ty-main .box-item4 .img3 {
        width: 49%;
    }
}
.ty-main .box-item4 .item-body {
    position: absolute;
    left: 48.5%;
    top: 0;
    bottom: 0;
    width: 25.5%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 15px;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item4 .item-body {
        position: relative;
        left: 0;
        padding: 15px;
        background-color: #F0EDF1;
        width: 100%;
        float: left;
        text-align: left;
    }
}
@media screen and (min-width: 641px) {
    .ty-main .box-item4 .ty-item, .ty-main .box-item4 .ty-item a, .ty-main .box-item4 .ty-item .item-desc {
        color: #fff;
    }
    .ty-main .box-item4 .ty-item .item-subt:before {
        margin: 0 auto;
        right: 0;
    }
}
.ty-main .box-item5 {
    position: relative;
    margin-bottom: 78px;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item5 {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 991px) {
    .ty-main .box-item5 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .ty-main .box-item5 {
        margin-bottom: 30px;
    }
}
.ty-main .box-item5 .item-pic {
    float: right;
    width: 81%;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item5 .item-pic {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}
.ty-main .box-item5 .item-body {
    position: absolute;
    right: 40%;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 8.08333%;
    padding-right: 15px;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item5 .item-body {
        padding-left: 3.33333%;
    }
}
@media screen and (max-width: 640px) {
    .ty-main .box-item5 .item-body {
        position: relative;
        left: 0;
        padding: 15px;
        background-color: #F0EDF1;
    }
}
.ty-main .box-item6 {
    position: relative;
}
.ty-main .box-item6 .item-pics {
    width: 15.75%;
    position: absolute;
    right: 3.33333%;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
    .ty-main .box-item6 .item-pics {
        right: 0;
        bottom: 0;
        transform: none;
        top: auto;
    }
}
.ty-main .box-item6 .item-pic {
    float: left;
    width: 53.58333%;
}
@media screen and (max-width: 640px) {
    .ty-main .box-item6 .item-pic {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}
.ty-main .box-item6 .item-body {
    position: absolute;
    left: 53.58333%;
    top: 0;
    bottom: 0;
    right: 0;
    padding-left: 7.83333%;
    padding-right: 0;
}
@media screen and (max-width: 1219px) {
    .ty-main .box-item6 .item-body {
        padding-left: 3.33333%;
    }
}
@media screen and (max-width: 640px) {
    .ty-main .box-item6 .item-body {
        position: relative;
        left: 0;
        padding: 15px;
        background-color: #F0EDF1;
    }
}
/* 森形象-体验空间 end */
/* 心服务-保养知识,特殊说明 start */
 .xin-item {
    background: url(/themes/simplebootx/style/images/m1.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 75px 15px 66px;
    margin-bottom: 48px;
}
.xin-item.si-item {
    background: url(/themes/simplebootx/style/images/si1.jpg) no-repeat center;
}
@media screen and (max-width: 1219px) {
    .xin-item {
        padding: 65px 15px;
    }
}
@media screen and (max-width: 991px) {
    .xin-item {
        padding: 50px 15px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .xin-item {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
}
.xin-item .item-title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.3;
    margin-bottom: 2px;
}
@media screen and (max-width: 1219px) {
    .xin-item .item-title {
        font-size: 30px;
        font-size: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .xin-item .item-title {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-item .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.xin-item .item-subt {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 21px;
}
@media screen and (max-width: 1219px) {
    .xin-item .item-subt {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .xin-item .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .xin-item .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
}
.xin-item .item-desc {
    display: inline-block;
    border-top: solid 1px #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3;
    color: #fff;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 11px;
}
@media screen and (max-width: 1219px) {
    .xin-item .item-desc {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .xin-item .item-desc {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-item .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
        padding-top: 5px;
    }
}
.xin-main .box-title {
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
}
.xin-main .box-title:before {
    position: absolute;
    content:"";
    height: 1px;
    right: 0;
    width: 100%;
    background-color: #333;
    top: 50%;
}
.xin-main .box-title strong {
    background-color: #fff;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1219px) {
    .xin-main .box-title {
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 991px) {
    .xin-main .box-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .box-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.xin-main .box-spec {
    margin-bottom: 34px;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
}
.xin-main .box-spec, .xin-main .box-spec a {
    color: #565656;
}
.xin-main .box-spec em {
    margin-top: 27px;
    font-style: italic;
    display: block;
    padding-left: 31px;
    line-height: 22px;
    background: url(/themes/simplebootx/style/images/m3.png) no-repeat left top;
}
@media screen and (max-width: 1219px) {
    .xin-main .box-spec {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .xin-main .box-spec {
        margin-bottom: 30px;
    }
    .xin-main .box-spec em {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .box-spec {
        margin-bottom: 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .xin-main .box-spec em {
        padding-left: 25px;
    }
}
.xin-main .box-item .item-pic {
    width: 301px;
    margin: 0 2.5% 0 6.66667%;
}
@media screen and (max-width: 1219px) {
    .xin-main .box-item .item-pic {
        margin: 0 0 0 2.5%;
    }
}
@media screen and (max-width: 480px) {
    .xin-main .box-item .item-pic {
        width: 100%;
        margin: 0 auto 15px;
        max-width: 300px;
        float: none !important;
    }
}
.xin-main .box-item1 {
    padding-top: 10px;
    margin-bottom: 33px;
}
@media screen and (max-width: 1219px) {
    .xin-main .box-item1 {
        padding-top: 0;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 991px) {
    .xin-main .box-item1 {
        margin-bottom: 10px;
    }
}
.xin-main .box-item1 .item-pic {
    width: 43.16667%;
    margin-left: 10%;
}
@media screen and (max-width: 1219px) {
    .xin-main .box-item1 .item-pic {
        margin: 0 0 0 2.5%;
    }
}
@media screen and (max-width: 480px) {
    .xin-main .box-item1 .item-pic {
        width: 100%;
        margin: 0 auto 15px;
        max-width: 464px;
        float: none !important;
    }
}
.xin-main .box-item1 .box-title {
    overflow: hidden;
}
.xin-main .item-box .item-title {
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
}
.xin-main .item-box .item-title, .xin-main .item-box .item-title a {
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .xin-main .item-box .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .item-box .item-title {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.xin-main .item-box .box-list {
    font-size: 0;
    letter-spacing: 0;
}
.xin-main .item-box .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin-left: 6%;
    font-size: 0;
    letter-spacing: 0;
    margin-top: 22px;
}
.xin-main .item-box .box-list .list-item > * {
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width: 1219px) {
    .xin-main .item-box .box-list .list-item {
        width: 49%;
        margin-left: 2%;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .item-box .box-list .list-item {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
}
.xin-main .item-box .box-list .item-num {
    color: #DDDDDD;
    font-size: 78px;
    font-size: 7.8rem;
    line-height: 1;
    font-weight: bold;
    width: 13.60544%;
}
@media screen and (max-width: 1219px) {
    .xin-main .item-box .box-list .item-num {
        font-size: 68px;
        font-size: 6.8rem;
    }
}
@media screen and (max-width: 991px) {
    .xin-main .item-box .box-list .item-num {
        font-size: 58px;
        font-size: 5.8rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .item-box .box-list .item-num {
        font-size: 40px;
        font-size: 4rem;
        width: 30px;
        margin-right: 10px;
    }
}
.xin-main .item-box .box-list .item-desc {
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
    width: 86.39456%;
}
.xin-main .item-box .box-list .item-desc, .xin-main .item-box .box-list .item-desc a {
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .xin-main .item-box .box-list .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .item-box .box-list .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        width: calc(100% - 40px);
    }
}
.xin-main .item-box1 {
    margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
    .xin-main .item-box1 {
        margin-bottom: 10px;
    }
}
.xin-main .item-box1 .item-title {
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 13px;
}
.xin-main .item-box1 .item-title, .xin-main .item-box1 .item-title a {
    color: #333;
}
@media screen and (max-width: 1219px) {
    .xin-main .item-box1 .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .item-box1 .item-title {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.xin-main .item-box1 .box-list {
    font-size: 0;
    letter-spacing: 0;
}
.xin-main .item-box1 .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 48.75%;
    margin-left: 2.5%;
    padding: 23px;
    min-height: 151px;
    margin-bottom: 20px;
}
@media screen and (max-width: 1219px) {
    .xin-main .item-box1 .box-list .list-item {
        padding: 20px;
        min-height: 166px;
    }
}
@media screen and (max-width: 991px) {
    .xin-main .item-box1 .box-list .list-item {
        padding: 15px;
        min-height: 156px;
    }
}
@media screen and (max-width: 767px) {
    .xin-main .item-box1 .box-list .list-item {
        width: 100%;
        margin-left: 0;
        min-height: auto;
        margin-bottom: 15px;
    }
}
.xin-main .item-box1 .box-list .item1 {
    margin-left: 0;
    background-color: #F6F4F7;
}
.xin-main .item-box1 .box-list .item2 {
    background-color: #FBFAF6;
}
.xin-main .item-box1 .box-list .item-desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}
.xin-main .item-box1 .box-list .item-desc, .xin-main .item-box1 .box-list .item-desc a {
    color: #565656;
}
@media screen and (max-width: 991px) {
    .xin-main .item-box1 .box-list .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
/* 心服务-保养知识,特殊说明 end */
/* 心服务-售后服务 start */
 .as-box1 {
    background: url(/themes/simplebootx/style/images/as1.jpg) no-repeat center right;
    background-size: cover;
    padding: 68px 5.83333% 50px;
    min-height: 323px;
    margin-bottom: 46px;
}
@media screen and (max-width: 1219px) {
    .as-box1 {
        min-height: auto;
        padding: 50px 4.16667%;
    }
}
@media screen and (max-width: 991px) {
    .as-box1 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .as-box1 {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
}
.as-box1, .as-box1 a {
    color: #fff;
}
.as-box1 .item-body {
    width: 70.28302%;
}
@media screen and (max-width: 480px) {
    .as-box1 .item-body {
        width: 100%;
    }
}
.as-box1 .item-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 1px;
}
@media screen and (max-width: 991px) {
    .as-box1 .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .as-box1 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.as-box1 .item-subt {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 18px;
}
.as-box1 .item-subt:before {
    position: absolute;
    content:"";
    width: 20px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0;
}
@media screen and (max-width: 991px) {
    .as-box1 .item-subt {
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .as-box1 .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }
}
.as-box1 .item-desc {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
}
@media screen and (max-width: 1219px) {
    .as-box1 .item-desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
}
@media screen and (max-width: 991px) {
    .as-box1 .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .as-box1 .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.as-box2 {
    margin-bottom: 106px;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
}
.as-box2 p {
    min-height: 22px;
}
.as-box2, .as-box2 a {
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .as-box2 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .as-box2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        margin-bottom: 50px;
    }
    .as-box2 p {
        min-height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .as-box2 {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 30px;
    }
}
.as-box3 {
    text-align: center;
}
.as-box3 .box-title {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 34px;
    font-weight: bold;
    padding-left: 47px;
    margin-bottom: 37px;
    background: url(/themes/simplebootx/style/images/as2.png) no-repeat left center;
}
@media screen and (max-width: 1219px) {
    .as-box3 .box-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .as-box3 .box-title {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 30px;
        background-size: 28px;
        line-height: 28px;
        padding-left: 35px;
    }
}
@media screen and (max-width: 767px) {
    .as-box3 .box-title {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 20px;
        line-height: 24px;
        background-size: 24px;
        padding-left: 28px;
    }
}
.as-box3 .box-list {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.as-box3 .box-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 281px;
    margin: 0 0 20px 25px;
    background-color: #FBFAF6;
    min-height: 506px;
    padding: 92px 30px 30px;
}
.as-box3 .box-list .list-item:first-child {
    margin-left: 0;
}
.as-box3 .box-list .list-item:last-child .item-title {
    text-align: center;
}
@media screen and (max-width: 1219px) {
    .as-box3 .box-list .list-item {
        width: 23.5%;
        margin-left: 2%;
        padding: 70px 20px 30px;
        min-height: 420px;
    }
}
@media screen and (max-width: 991px) {
    .as-box3 .box-list .list-item {
        width: 23%;
        margin: 0 1% 20px !important;
        padding: 30px 15px;
        min-height: 330px;
    }
}
@media screen and (max-width: 767px) {
    .as-box3 .box-list .list-item {
        width: 48%;
        min-height: 280px;
    }
}
@media screen and (max-width: 480px) {
    .as-box3 .box-list .list-item {
        width: 100%;
        margin: 0 0 20px !important;
        padding: 25px 10px;
        min-height: auto;
    }
}
.as-box3 .box-list .item1 {
    background-color: #F6F4F7;
}
.as-box3 .box-list .item-pic {
    width: 95px;
    margin: 0 auto 74px;
}
@media screen and (max-width: 1219px) {
    .as-box3 .box-list .item-pic {
        width: 80px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 991px) {
    .as-box3 .box-list .item-pic {
        width: 60px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .as-box3 .box-list .item-pic {
        width: 55px;
    }
}
@media screen and (max-width: 480px) {
    .as-box3 .box-list .item-pic {
        width: 45px;
    }
}
.as-box3 .box-list .item-title {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .as-box3 .box-list .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .as-box3 .box-list .item-title {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
}
/* 心服务-售后服务 end */
/* 心服务-预约维修 start */
 .rc_wrap {
    padding-bottom: 0;
}
.rc-item {
    margin-bottom: 36px;
}
@media screen and (max-width: 991px) {
    .rc-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .rc-item {
        margin-bottom: 20px;
    }
}
.rc-item .item-subt {
    text-transform: capitalize;
}
.rc-box1 {
    margin-bottom: 75px;
    background: url(/themes/simplebootx/style/images/rc1.jpg) no-repeat center;
    padding: 72px 7.5% 53px;
}
@media screen and (max-width: 1219px) {
    .rc-box1 {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .rc-box1 {
        padding: 50px 3.57143%;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box1 {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
}
.rc-box1 .item-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 11px;
    padding-left: 35px;
    background: url(/themes/simplebootx/style/images/rc3.png) no-repeat center left;
}
@media screen and (max-width: 1219px) {
    .rc-box1 .item-title {
        font-size: 22px;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 991px) {
    .rc-box1 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 767px) {
    .rc-box1 .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 28px;
        margin-bottom: 5px;
        background-size: 22px;
        padding-left: 30px;
    }
}
.rc-box1 .item-subt {
    padding-left: 32px;
    line-height: 1;
    font-size: 54px;
    font-size: 5.4rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #fff;
}
@media screen and (max-width: 1219px) {
    .rc-box1 .item-subt {
        font-size: 44px;
        font-size: 4.4rem;
    }
}
@media screen and (max-width: 991px) {
    .rc-box1 .item-subt {
        font-size: 34px;
        font-size: 3.4rem;
    }
}
@media screen and (max-width: 767px) {
    .rc-box1 .item-subt {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 480px) {
    .rc-box1 .item-subt {
        font-size: 20px;
        font-size: 2rem;
    }
}
.rc-box2 {
    text-align: center;
    margin-bottom: 75px;
}
@media screen and (max-width: 1219px) {
    .rc-box2 {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .rc-box2 {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box2 {
        margin-bottom: 30px;
    }
}
.rc-box2 .item-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 15px;
}
@media screen and (max-width: 1219px) {
    .rc-box2 .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 991px) {
    .rc-box2 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box2 .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 5px;
    }
}
.rc-box2 .item-img {
    width: 116px;
    margin: 0 auto;
    margin-bottom: 33px;
}
.rc-box2 .item-img img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .rc-box2 .item-img {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box2 .item-img {
        margin-bottom: 20px;
    }
}
.rc-box2 .item-img1 {
    margin-bottom: 41px;
}
.rc-box2 .item-img1 img {
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 1219px) {
    .rc-box2 .item-img1 {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .rc-box2 .item-img1 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box2 .item-img1 {
        margin-bottom: 20px;
    }
}
.rc-box2 .item-desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .rc-box2 .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .rc-box2 .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.rc-box3 {
    background-color: #F6F4F7;
    font-size: 0;
    letter-spacing: 0;
    padding: 55px 15px;
    text-align: center;
}
@media screen and (max-width: 1219px) {
    .rc-box3 {
        padding: 50px 15px;
    }
}
@media screen and (max-width: 991px) {
    .rc-box3 {
        padding: 30px 15px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box3 {
        padding: 20px 15px;
    }
}
.rc-box3 > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .rc-box3 > * {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .rc-box3 > * {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.rc-box3 .item-img {
    width: 82px;
}
.rc-box3 .item-img img {
    display: block;
    width: 100%;
}
.rc-box3 .item-title, .rc-box3 .item-desc {
    min-width: 295px;
    margin-left: 20px;
    text-align: left;
}
@media screen and (max-width: 1219px) {
    .rc-box3 .item-title, .rc-box3 .item-desc {
        min-width: 220px;
    }
}
@media screen and (max-width: 991px) {
    .rc-box3 .item-title, .rc-box3 .item-desc {
        min-width: 180px;
        margin-left: 15px;
    }
}
@media screen and (max-width: 767px) {
    .rc-box3 .item-title, .rc-box3 .item-desc {
        min-width: 150px;
        margin-left: 10px;
    }
}
@media screen and (max-width: 640px) {
    .rc-box3 .item-desc {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-left: 0;
    }
}
/* 心服务-预约维修 end */
/* 窗边美学 start */
 .w-search {
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 311px;
    height: 35px;
    border-radius: 5px;
    border: solid 1px #D6D6D6;
    margin-top: -70px;
    margin-bottom: 50px;
}
.w-search ::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.w-search :-o-placeholder {
    color: #666;
    opacity: 1;
}
.w-search ::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.w-search :-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
@media screen and (max-width: 1219px) {
    .w-search {
        margin-top: -50px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 991px) {
    .w-search {
        margin-top: -20px;
        margin-bottom: 20px;
        width: 280px;
    }
}
@media screen and (max-width: 767px) {
    .w-search {
        float: left;
        margin-bottom: 15px;
    }
}
.w-search .iconfont {
    font-size: 18px;
    font-size: 1.8rem;
    color: #d78712;
    position: absolute;
    width: 27px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    right: 0;
    top: 0;
}
.w-search .item-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 33px;
    padding: 0 30px 0 11px;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
    .w-search .item-input {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.w-search .item-submit {
    position: absolute;
    width: 27px;
    height: 100%;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 2;
}
.m-window {
    position: relative;
}
.m-window:before {
    content:"";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 6px;
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}
.m-window:before {
    top: 0;
    box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2);
}
.m-window .box-wp {
    position: relative;
    padding-left: 3.75%;
    padding-right: 3.75%;
}
.m-window .box-btn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #dedede;
}
.m-window .box-btn .iconfont {
    font-size: 30px;
    font-size: 3rem;
}
@media screen and (max-width: 1219px) {
    .m-window .box-btn .iconfont {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .m-window .box-btn .iconfont {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .m-window .box-btn .iconfont {
        font-size: 20px;
        font-size: 2rem;
    }
}
.m-window .box-btn.prev {
    left: 0;
}
.m-window .box-btn.next {
    right: 0;
}
.m-window .box-btn:hover {
    color: #d78712;
}
.m-window .box-list {
    width: 10000%;
}
.m-window .list-item {
    float: left;
    width: 0.125%;
    text-align: center;
    padding-bottom: 6px;
}
.m-window .list-item a {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 32px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #333;
}
.m-window .list-item a:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: transparent;
    transition: all 550ms;
}
.m-window .list-item a:after {
    position: absolute;
    content:"";
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
    height: 6px;
    width: 12px;
    background: url(/themes/simplebootx/style/images/sj.png) no-repeat bottom center;
    display: none;
}
.m-window .list-item a.active {
    color: #cf8418;
}
.m-window .list-item a.active:before {
    background-color: #cf8418;
}
.m-window .list-item a.active:after {
    display: block;
}
@media screen and (max-width: 991px) {
    .m-window .box-wp {
        padding-left: 30px;
        padding-right: 30px;
    }
    .m-window .list-item {
        width: 0.2%;
    }
    .m-window .list-item a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 26px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 640px) {
    .m-window .list-item {
        width: 0.33%;
    }
}
@media screen and (max-width: 375px) {
    .m-window .list-item {
        width: 0.5%;
    }
}
.w1-list {
    font-size: 0;
    letter-spacing: 0;
    padding-top: 60px;
}
@media screen and (max-width: 1219px) {
    .w1-list {
        padding-top: 50px;
    }
}
@media screen and (max-width: 991px) {
    .w1-list {
        padding-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    .w1-list {
        padding-top: 30px;
    }
}
.w1-list .list-item {
    display: inline-block;
    vertical-align: top;
    width: 30.33333%;
    margin-left: 4.5%;
    margin-bottom: 76px;
}
@media screen and (max-width: 1219px) {
    .w1-list .list-item {
        margin-bottom: 50px;
        width: 32%;
        margin-left: 2%;
    }
}
@media screen and (max-width: 991px) {
    .w1-list .list-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .w1-list .list-item {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 480px) {
    .w1-list .list-item {
        width: 48%;
        margin: 0 1% 20px !important;
    }
}
.w1-list .item-body {
    background-color: #F5F5F5;
    padding: 23px 25px 17px;
}
@media screen and (max-width: 1219px) {
    .w1-list .item-body {
        padding: 15px;
    }
}
@media screen and (max-width: 991px) {
    .w1-list .item-body {
        padding: 10px;
    }
}
@media screen and (max-width: 767px) {
    .w1-list .item-body {
        padding: 10px 5px;
    }
}
.w1-list .item-title {
    font-weight: bold;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.5;
}
@media screen and (max-width: 1219px) {
    .w1-list .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .w1-list .item-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .w1-list .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.w1-list .item-subt {
    margin-bottom: 10px;
    float: left;
    margin-right: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    padding-bottom: 11px;
    position: relative;
}
.w1-list .item-subt:before {
    position: absolute;
    content:"";
    width: 27px;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #d78712;
}
@media screen and (max-width: 1219px) {
    .w1-list .item-subt {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .w1-list .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 15px;
        padding-bottom: 8px;
    }
}
@media screen and (max-width: 767px) {
    .w1-list .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 5px;
        margin-right: 10px;
    }
}
.w1-list .item-add {
    margin-bottom: 10px;
    float: left;
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.8rem;
}
.w1-list .item-add .iconfont {
    color: #999;
}
@media screen and (max-width: 1219px) {
    .w1-list .item-add {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .w1-list .item-add {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .w1-list .item-add {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 5px;
    }
}
.w1-title {
    font-weight: bold;
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 39px;
    margin-top: -23px;
}
@media screen and (max-width: 1219px) {
    .w1-title {
        font-size: 36px;
        font-size: 3.6rem;
        margin-bottom: 30px;
        margin-top: 0;
    }
}
@media screen and (max-width: 991px) {
    .w1-title {
        font-size: 28px;
        font-size: 2.8rem;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 767px) {
    .w1-title {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 15px;
    }
}
.w1-title p {
    display: inline-block;
    padding: 0 107px;
    position: relative;
}
.w1-title p:before {
    position: absolute;
    content:"";
    width: 100%;
    left: 0;
    height: 1px;
    background-color: #D3D3D3;
    top: 50%;
}
@media screen and (max-width: 480px) {
    .w1-title p {
        padding: 0 60px;
    }
}
.w1-title span {
    display: block;
    position: relative;
    background-color: #fff;
    padding: 0 20px;
}
@media screen and (max-width: 480px) {
    .w1-title span {
        padding: 0 10px;
    }
}
.w1-title span:before, .w1-title span:after {
    position: absolute;
    content:"";
    width: 30px;
    height: 2px;
    background-color: #d78712;
    top: 50%;
    margin-top: -1px;
}
.w1-title span:before {
    right: 100%;
}
.w1-title span:after {
    left: 100%;
}
.w1-desc {
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: 90px;
}
@media screen and (max-width: 1219px) {
    .w1-desc {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .w1-desc {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 767px) {
    .w1-desc {
        margin-bottom: 25px;
    }
}
.w1-desc > * {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 36px;
    margin-right: 25px;
    margin-bottom: 8px;
}
@media screen and (max-width: 1219px) {
    .w1-desc > * {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
    }
}
@media screen and (max-width: 991px) {
    .w1-desc > * {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .w1-desc > * {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin-bottom: 5px;
        margin-right: 15px;
    }
}
.w1-desc a:hover {
    color: #d78712;
}
/* 窗边美学 end */
/* 地方频道start */
 .local-item .item-title {
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
}
@media screen and (max-width: 1219px) {
    .local-item .item-title {
        font-size: 22px;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 991px) {
    .local-item .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .local-item .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.local-item .item-subt {
    margin-top: 1px;
    line-height: 1.5;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: arial, helvetica, sans-serif;
}
@media screen and (max-width: 991px) {
    .local-item .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .local-item .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.local-news {
    margin-bottom: 96px;
    padding-top: 44px;
}
@media screen and (max-width: 1219px) {
    .local-news {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .local-news {
        margin-bottom: 50px;
        padding-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    .local-news {
        margin-bottom: 30px;
        padding-top: 30px;
    }
}
.local-news .local-item {
    margin-bottom: 53px;
}
@media screen and (max-width: 1219px) {
    .local-news .local-item {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .local-news .local-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .local-news .local-item {
        margin-bottom: 20px;
    }
}
.news-scroll {
    overflow: hidden;
    position: relative;
    padding-right: 50px;
    margin-left: 2.91667%;
}
@media screen and (max-width: 1219px) {
    .news-scroll {
        margin-left: 0;
    }
}
@media screen and (max-width: 991px) {
    .news-scroll {
        padding-right: 40px;
    }
}
@media screen and (max-width: 767px) {
    .news-scroll {
        padding-right: 30px;
    }
}
.news-scroll .scroll-btns {
    font-size: 0;
    letter-spacing: 0;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-btns {
        width: 26px;
    }
}
@media screen and (max-width: 767px) {
    .news-scroll .scroll-btns {
        width: 24px;
    }
}
.news-scroll .scroll-btns > * {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #EAEAEA;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
}
.news-scroll .scroll-btns > *:hover {
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-btns > * {
        height: 26px;
        line-height: 26px;
    }
}
@media screen and (max-width: 767px) {
    .news-scroll .scroll-btns > * {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.news-scroll .scroll-btns .prev {
    top: 0;
}
.news-scroll .scroll-btns .next {
    bottom: 0;
}
.news-scroll .scroll-list-box {
    width: 100%;
    height: 311px;
    overflow: hidden;
}
@media screen and (max-width: 1219px) {
    .news-scroll .scroll-list-box {
        height: 248px;
    }
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list-box {
        height: 214px;
    }
}
@media screen and (max-width: 767px) {
    .news-scroll .scroll-list-box {
        height: 194px;
    }
}
.news-scroll .scroll-list {
    width: 100%;
}
.news-scroll .scroll-list .list-item {
    margin-bottom: 26px;
}
@media screen and (max-width: 1219px) {
    .news-scroll .scroll-list .list-item {
        margin-bottom: 0;
    }
}
.news-scroll .scroll-list .item-date {
    float: left;
    width: 110px;
    padding-left: 23px;
    position: relative;
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list .item-date {
        width: 70px;
        padding-left: 15px;
    }
}
.news-scroll .scroll-list .item-date:before {
    position: absolute;
    content:"";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d78712;
    top: 9px;
    left: 0;
}
@media screen and (max-width: 1219px) {
    .news-scroll .scroll-list .item-date:before {
        top: 7px;
    }
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list .item-date:before {
        width: 8px;
        height: 8px;
        top: 6px;
    }
}
.news-scroll .scroll-list .item-date .p1 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}
@media screen and (max-width: 1219px) {
    .news-scroll .scroll-list .item-date .p1 {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list .item-date .p1 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .news-scroll .scroll-list .item-date .p1 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.news-scroll .scroll-list .item-date .p2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
}
@media screen and (max-width: 1219px) {
    .news-scroll .scroll-list .item-date .p2 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list .item-date .p2 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 767px) {
    .news-scroll .scroll-list .item-date .p2 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.news-scroll .scroll-list .item-body {
    overflow: hidden;
}
.news-scroll .scroll-list .item-li {
    margin-bottom: 28px;
}
@media screen and (max-width: 1219px) {
    .news-scroll .scroll-list .item-li {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list .item-li {
        margin-bottom: 10px;
    }
}
.news-scroll .scroll-list .item-li .item-title {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}
.news-scroll .scroll-list .item-li .item-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    .news-scroll .scroll-list .item-li .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.news-scroll .scroll-list .item-li .item-desc {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 4px;
}
.news-scroll .scroll-list .item-li .item-desc a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 991px) {
    .news-scroll .scroll-list .item-li .item-desc {
        margin-top: 2px;
    }
}
.news-owl {
    float: right;
    width: 45.08333%;
    margin-left: 4.16667%;
    margin-right: 2.91667%;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
@media screen and (max-width: 1219px) {
    .news-owl {
        margin-right: 0;
    }
}
@media screen and (max-width: 991px) {
    .news-owl {
        width: 50%;
        margin-left: 2.14286%;
    }
}
@media screen and (max-width: 767px) {
    .news-owl {
        width: 100%;
        float: none;
        margin: 0 auto 20px;
        max-width: 541px;
    }
}
.news-owl .owl-theme .owl-controls .owl-pagination {
    margin-top: 0;
    position: absolute;
    bottom: 4.50161%;
    right: 3.88889%;
    text-align: right;
}
.news-owl .owl-theme .owl-controls .owl-page span {
    border: 0;
    background-color: #fff;
    width: 15px !important;
    height: 15px !important;
    margin-left: 9px;
    margin-right: 0;
    opacity: 0.31;
    filter: alpha(opacity=31);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=31)";
}
@media screen and (max-width: 1219px) {
    .news-owl .owl-theme .owl-controls .owl-page span {
        width: 12px !important;
        height: 12px !important;
        margin-left: 8px;
    }
}
@media screen and (max-width: 991px) {
    .news-owl .owl-theme .owl-controls .owl-page span {
        width: 10px !important;
        height: 10px !important;
        margin-left: 5px;
    }
}
@media screen and (max-width: 767px) {
    .news-owl .owl-theme .owl-controls .owl-page span {
        width: 8px !important;
        height: 8px !important;
        margin-left: 3px;
    }
}
.news-owl .owl-theme .owl-controls .owl-page.active span, .news-owl .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border: 0;
}
.local-atlas {
    margin-bottom: 70px;
}
@media screen and (max-width: 991px) {
    .local-atlas {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .local-atlas {
        margin-bottom: 30px;
    }
}
.local-atlas .local-item {
    margin-bottom: 21px;
}
@media screen and (max-width: 767px) {
    .local-atlas .local-item {
        margin-bottom: 20px;
    }
}
.local-atlas .box-body {
    background-color: #F4F4F4;
    padding: 50px 0;
}
@media screen and (max-width: 767px) {
    .local-atlas .box-body {
        padding: 30px 0;
    }
}
.local-atlas .atlas-content {
    margin-left: 2.5%;
}
@media screen and (max-width: 1219px) {
    .local-atlas .atlas-content {
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .local-atlas .atlas-content {
        width: 100%;
        max-width: 564px;
        margin: 0 auto;
    }
}
.atlas-scroll {
    float: right;
    position: relative;
    width: 37.5%;
    margin-left: 10.41667%;
    margin-right: 2.91667%;
    padding-right: 50px;
}
@media screen and (max-width: 1219px) {
    .atlas-scroll {
        margin-right: 0;
        margin-left: 4.16667%;
    }
}
@media screen and (max-width: 991px) {
    .atlas-scroll {
        padding-right: 40px;
        width: 45.83333%;
    }
}
@media screen and (max-width: 767px) {
    .atlas-scroll {
        padding-right: 30px;
        width: 100%;
        float: none;
        margin: 0 auto 20px;
    }
}
.atlas-scroll .scroll-btns {
    font-size: 0;
    letter-spacing: 0;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-btns {
        width: 26px;
    }
}
@media screen and (max-width: 767px) {
    .atlas-scroll .scroll-btns {
        width: 24px;
    }
}
.atlas-scroll .scroll-btns > * {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #EAEAEA;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
}
.atlas-scroll .scroll-btns > *:hover {
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-btns > * {
        height: 26px;
        line-height: 26px;
    }
}
@media screen and (max-width: 767px) {
    .atlas-scroll .scroll-btns > * {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.atlas-scroll .scroll-btns .prev {
    top: 0;
}
.atlas-scroll .scroll-btns .next {
    bottom: 0;
}
.atlas-scroll .scroll-list-box {
    width: 100%;
    height: 270px;
    margin-top: 34px;
    margin-bottom: 34px;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-list-box {
        height: 210px;
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
    .atlas-scroll .scroll-list-box {
        height: 186px;
    }
}
.atlas-scroll .scroll-list {
    width: 100%;
}
.atlas-scroll .scroll-list .list-item {
    margin-bottom: 18px;
    padding-left: 23px;
    position: relative;
    cursor: pointer;
}
.atlas-scroll .scroll-list .list-item.active .item-title, .atlas-scroll .scroll-list .list-item.active .item-title a, .atlas-scroll .scroll-list .list-item.active .item-desc, .atlas-scroll .scroll-list .list-item.active .item-desc a {
    color: #d78712;
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-list .list-item {
        padding-left: 15px;
        margin-bottom: 10px;
    }
}
.atlas-scroll .scroll-list .list-item:before {
    position: absolute;
    content:"";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d78712;
    top: 9px;
    left: 0;
}
@media screen and (max-width: 1219px) {
    .atlas-scroll .scroll-list .list-item:before {
        top: 7px;
    }
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-list .list-item:before {
        width: 8px;
        height: 8px;
        top: 6px;
    }
}
.atlas-scroll .scroll-list .item-title, .atlas-scroll .scroll-list .item-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atlas-scroll .scroll-list .item-title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
}
.atlas-scroll .scroll-list .item-title, .atlas-scroll .scroll-list .item-title a {
    color: #565656;
}
@media screen and (max-width: 1219px) {
    .atlas-scroll .scroll-list .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-list .item-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .atlas-scroll .scroll-list .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.atlas-scroll .scroll-list .item-desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}
.atlas-scroll .scroll-list .item-desc, .atlas-scroll .scroll-list .item-desc a {
    color: #565656;
}
@media screen and (max-width: 991px) {
    .atlas-scroll .scroll-list .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .atlas-scroll .scroll-list .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.atlas-owl {
    position: relative;
    overflow: hidden;
    display: none;
}
.atlas-owl:first-child {
    display: block;
}
.atlas-owl .owl-buttons {
    display: none !important;
}
.atlas-owl .owl-btns {
    font-size: 0;
    letter-spacing: 0;
}
.atlas-owl .owl-btns .owl-btn {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    color: #d78712;
    cursor: pointer;
    text-align: center;
    transition: all 0.35s;
}
.atlas-owl .owl-btns .owl-btn:hover {
    background-color: #d78712;
    color: #fff;
}
.atlas-owl .owl-btns .owl-btn.disabled {
    background-color: #ccc;
    cursor: auto;
}
@media screen and (max-width: 767px) {
    .atlas-owl .owl-btns .owl-btn {
        margin-top: -12px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
}
.atlas-owl .owl-btns .item-prev {
    left: 0;
}
.atlas-owl .owl-btns .item-next {
    right: 0;
}
.local-video {
    overflow: hidden;
    margin-bottom: 96px;
}
@media screen and (max-width: 1219px) {
    .local-video {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .local-video {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .local-video {
        margin-bottom: 30px;
    }
}
.local-video .local-item {
    margin-bottom: 50px;
}
@media screen and (max-width: 1219px) {
    .local-video .local-item {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .local-video .local-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .local-video .local-item {
        margin-bottom: 20px;
    }
}
.local-video .video-owl {
    max-width: 1086px;
    margin: 0 auto;
    position: relative;
    /* .item-videobox start */
    /* .item-videobox end */
}
.local-video .video-owl .owl-buttons {
    display: none !important;
}
.local-video .video-owl .owl-btns {
    font-size: 0;
    letter-spacing: 0;
}
.local-video .video-owl .owl-btns .owl-btn {
    position: absolute;
    top: 50%;
    margin-top: -54px;
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 22px;
    font-size: 2.2rem;
    background-color: #EAEAEA;
    background-color: rgba(234, 234, 234, 0.7);
    color: #fff;
    cursor: pointer;
    text-align: center;
    transition: all 0.35s;
}
.local-video .video-owl .owl-btns .owl-btn:hover {
    background-color: #d78712;
    color: #fff;
}
.local-video .video-owl .owl-btns .owl-btn.disabled {
    background-color: #ccc;
    cursor: auto;
}
@media screen and (max-width: 1219px) {
    .local-video .video-owl .owl-btns .owl-btn {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: -48px;
    }
}
@media screen and (max-width: 767px) {
    .local-video .video-owl .owl-btns .owl-btn {
        margin-top: -34px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.local-video .video-owl .owl-btns .item-prev {
    left: -22px;
}
@media screen and (max-width: 1219px) {
    .local-video .video-owl .owl-btns .item-prev {
        left: -11px;
    }
}
@media screen and (max-width: 767px) {
    .local-video .video-owl .owl-btns .item-prev {
        left: -5px;
    }
}
.local-video .video-owl .owl-btns .item-next {
    right: -22px;
}
@media screen and (max-width: 1219px) {
    .local-video .video-owl .owl-btns .item-next {
        right: -11px;
    }
}
@media screen and (max-width: 767px) {
    .local-video .video-owl .owl-btns .item-next {
        right: -5px;
    }
}
.local-video .video-owl .item-videobox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.local-video .video-owl .item-videobox .item-video {
    position: relative;
    overflow: hidden;
    padding-bottom: 59.94152%;
    height: 0;
}
.local-video .video-owl .item-videobox .item-video iframe, .local-video .video-owl .item-videobox .item-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.local-video .video-owl .item-videobox .item-video iframe body {
    margin: 0px !important;
}
.local-video .video-owl .list-item {
    margin: 0 2.76243%;
    text-align: center;
}
.local-video .video-owl .item-title {
    margin-top: 15px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
}
@media screen and (max-width: 1219px) {
    .local-video .video-owl .item-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 991px) {
    .local-video .video-owl .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .local-video .video-owl .item-title {
        margin-top: 10px;
    }
}
.local-video .video-owl .item-desc {
    margin-top: 3px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
}
@media screen and (max-width: 1219px) {
    .local-video .video-owl .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 991px) {
    .local-video .video-owl .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.local-qa .wp1 {
    max-width: 1130px;
    margin: 0 auto;
}
.local-qa .local-item {
    margin-bottom: 42px;
}
@media screen and (max-width: 1219px) {
    .local-qa .local-item {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .local-qa .local-item {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .local-qa .local-item {
        margin-bottom: 20px;
    }
}
.local-qa .box-form {
    margin-bottom: 18px;
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */
}
.local-qa .box-form ::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
.local-qa .box-form :-o-placeholder {
    color: #999;
    opacity: 1;
}
.local-qa .box-form ::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.local-qa .box-form :-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.local-qa .box-form .item-textarea {
    width: 100%;
    margin-bottom: 18px;
}
.local-qa .box-form textarea {
    display: block;
    width: 100%;
    height: 133px;
    border: solid 1px #E5E5E5;
    font-size: 15px;
    font-size: 1.5rem;
    color: #999;
    line-height: 24px;
    padding: 10px;
}
@media screen and (max-width: 991px) {
    .local-qa .box-form textarea {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .local-qa .box-form textarea {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
}
.local-qa .box-form .item-btn {
    float: right;
    width: 149px;
}
@media screen and (max-width: 767px) {
    .local-qa .box-form .item-btn {
        width: 100px;
    }
}
.local-qa .box-form .item-btn input {
    height: 44px;
    line-height: 44px;
    background-color: #d78712;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    transition: all 0.35s;
}
.local-qa .box-form .item-btn input:hover {
    background-color: #333;
}
@media screen and (max-width: 991px) {
    .local-qa .box-form .item-btn input {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .local-qa .box-form .item-btn input {
        font-size: 12px;
        font-size: 1.2rem;
        height: 34px;
        line-height: 34px;
    }
}
.local-qa .faq-title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
    .local-qa .faq-title {
        line-height: 1.5;
    }
}
.faq-list {
    height: auto;
    overflow-y: scroll;
}
.faq-list .list-item {
    border-bottom: solid 1px #E1E1E1;
    padding: 20px 0;
}
@media screen and (max-width: 767px) {
    .faq-list .list-item {
        padding: 15px 0;
    }
}
.faq-list .item-left {
    float: left;
    width: 80px;
    padding-right: 10px;
    margin-top: 10px;
    text-align: center;
}
@media screen and (max-width: 1219px) {
    .faq-list .item-left {
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .faq-list .item-left {
        width: 70px;
    }
}
.faq-list .item-left .iconfont {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1;
    color: #d78712;
    margin-bottom: 1px;
    display: inline-block;
}
@media screen and (max-width: 1219px) {
    .faq-list .item-left .iconfont {
        font-size: 22px;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 767px) {
    .faq-list .item-left .iconfont {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.faq-list .item-left .item-subt {
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
}
@media screen and (max-width: 1219px) {
    .faq-list .item-left .item-subt {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .faq-list .item-left .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.faq-list .item-right {
    overflow: hidden;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
}
@media screen and (max-width: 1219px) {
    .faq-list .item-right {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .faq-list .item-right {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }
}
.faq-list .box-title {
    margin-bottom: 25px;
}
@media screen and (max-width: 1219px) {
    .faq-list .box-title {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .faq-list .box-title {
        margin-bottom: 10px;
    }
}
.faq-list .box-desc .item-right {
    color: #666;
}
/* 地方频道 end */
 .pic_wrap {
    overflow: hidden;
    position: relative;
}
.pic_wrap .item-bg {
    display: block;
    margin: 0 auto;
    width: 1920px;
    max-width: 1920px;
    visibility: hidden;
}
.pic_wrap .item-img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    width: 1920px;
    max-width: 1920px;
}
/* 经销商网络 */
 .jsx-wrap {
    padding-bottom: 0;
}
.jxs-item {
    text-align: center;
    margin-bottom: 44px;
}
@media screen and (max-width: 991px) {
    .jxs-item {
        margin-bottom: 30px;
    }
}
.jxs-item .item-body {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}
.jxs-item .item-body:before, .jxs-item .item-body:after {
    position: absolute;
    content:"";
    width: 120px;
    height: 1px;
    top: 50%;
    margin-top: -6px;
    background-color: #9FA0A0;
}
@media screen and (max-width: 767px) {
    .jxs-item .item-body:before, .jxs-item .item-body:after {
        width: 50px;
    }
}
.jxs-item .item-body:before {
    right: 100%;
}
.jxs-item .item-body:after {
    left: 100%;
}
.jxs-item .item-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 2px;
}
@media screen and (max-width: 991px) {
    .jxs-item .item-title {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .jxs-item .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.jxs-item .item-subt {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #333;
}
@media screen and (max-width: 767px) {
    .jxs-item .item-subt {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.jxs-item .item-desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #565656;
    margin-top: 29px;
}
@media screen and (max-width: 1219px) {
    .jxs-item .item-desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .jxs-item .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 15px;
    }
}
@media screen and (max-width: 767px) {
    .jxs-item .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin-top: 10px;
    }
}
.jxs-body {
    background: url(/themes/simplebootx/style/images/jxs-bg.jpg) repeat-y;
    background-size: 100%;
    padding: 105px 0 117px;
}
@media screen and (max-width: 1219px) {
    .jxs-body {
        padding: 80px 0;
    }
}
@media screen and (max-width: 991px) {
    .jxs-body {
        padding: 50px 0;
    }
}
@media screen and (max-width: 767px) {
    .jxs-body {
        padding: 30px 0;
    }
}
.jxs-body .item-pic {
    float: left;
    width: 50%;
    margin-right: 7.14286%;
    margin-top: 29px;
}
.jxs-body .item-pic img {
    display: block;
}
@media screen and (max-width: 1219px) {
    .jxs-body .item-pic {
        margin-right: 3.57143%;
    }
}
@media screen and (max-width: 991px) {
    .jxs-body .item-pic {
        float: none;
        width: 100%;
        margin: 0 auto 30px;
    }
}
.jxs-body .item-right {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.jxs-body .select {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    width: 121px;
    background-color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    z-index: 3;
}
@media screen and (max-width: 1219px) {
    .jxs-body .select {
        width: 110px;
    }
}
@media screen and (max-width: 991px) {
    .jxs-body .select {
        width: 120px;
    }
}
.jxs-body .select:before {
    position: absolute;
    content:"\e612";
    font-family:"iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #535353;
    font-size: 12px;
    font-size: 1.2rem;
    right: 10px;
    top: 0;
    line-height: 30px;
}
@media screen and (max-width: 1219px) {
    .jxs-body .select:before {
        right: 8px;
    }
}
.jxs-body .select input {
    display: none;
}
.jxs-body .select .item-title {
    font-size: 16px;
    font-size: 1.6rem;
    height: 30px;
    line-height: 30px;
    padding-right: 12px;
}
@media screen and (max-width: 991px) {
    .jxs-body .select .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.jxs-body .select .syiji {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    border-top: solid 1px #9fa0a0;
}
.jxs-body .select .syiji li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    line-height: 30px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #9fa0a0;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s;
}
.jxs-body .select .syiji li:hover, .jxs-body .select .syiji li.active {
    background-color: #fff !important;
    color: #333;
}
.jxs-body .select .syiji li:nth-child(2n) {
    border-left: solid 1px #fff;
}
.jxs-body .select .syiji li:nth-child(2n+1) {
    background-color: #b1b2b2;
}
.jxs-body .select .syiji li:nth-child(4n) {
    background-color: #b1b2b2;
}
.jxs-body .select .syiji li:nth-child(4n+1) {
    background-color: #9fa0a0;
}
@media screen and (max-width: 767px) {
    .jxs-body .select .syiji li {
        line-height: 24px;
    }
}
.jxs-body .select .serji {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    border-top: solid 1px #9fa0a0;
}
.jxs-body .select .serji li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #9fa0a0;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s;
}
.jxs-body .select .serji li:hover, .jxs-body .select .serji li.active {
    background-color: #fff !important;
    color: #333;
}
.jxs-body .select .serji li:nth-child(2n) {
    background-color: #b1b2b2;
}
@media screen and (max-width: 767px) {
    .jxs-body .select .serji li {
        line-height: 24px;
    }
}
.jxs-body .select-info {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 15px;
    width: 240px;
}
@media screen and (max-width: 1219px) {
    .jxs-body .select-info {
        width: 200px;
    }
}
@media screen and (max-width: 991px) {
    .jxs-body .select-info {
        width: 240px;
    }
}
@media screen and (max-width: 550px) {
    .jxs-body .select-info {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
}
.jxs-body .select-info:before {
    position: absolute;
    content:"\e65f";
    font-family:"iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(255, 255, 255, 0.61);
    font-size: 40px;
    font-size: 4rem;
    left: -20px;
    top: 5px;
}
@media screen and (max-width: 550px) {
    .jxs-body .select-info:before {
        display: none;
    }
}
.jxs-body .select-info .item-box {
    min-height: 50px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.61);
    border-radius: 1px;
    padding: 6px;
    margin-bottom: 10px;
}
.jxs-body .select-info .item-box p {
    position: relative;
    z-index: 2;
    color: #707070;
    line-height: 1.5;
}
.jxs-body .select-info .item-box .item-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}
.jxs-body .select-info .item-box .item-li {
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 18px;
    margin-top: 8px;
}
.jxs-body .select-info .item-box .item-li .iconfont {
    position: absolute;
    left: 0;
    top: 0;
}
.jxs-body .select-info .item-box .item-subt {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 12px;
}
/* 产品家族1 start */
 .m-pro1 {
    position: relative;
}
.m-pro1:before {
    content:"";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 6px;
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}
.m-pro1:before {
    top: 0;
    box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2);
}
.m-pro1 .box-wp {
    position: relative;
    padding-left: 3.75%;
    padding-right: 3.75%;
}
.m-pro1 .box-btn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #dedede;
}
.m-pro1 .box-btn .iconfont {
    font-size: 30px;
    font-size: 3rem;
}
@media screen and (max-width: 1219px) {
    .m-pro1 .box-btn .iconfont {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 991px) {
    .m-pro1 .box-btn .iconfont {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .m-pro1 .box-btn .iconfont {
        font-size: 20px;
        font-size: 2rem;
    }
}
.m-pro1 .box-btn.prev {
    left: 0;
}
.m-pro1 .box-btn.next {
    right: 0;
}
.m-pro1 .box-btn:hover {
    color: #d78712;
}
.m-pro1 .box-list {
    width: 10000%;
}
.m-pro1 .list-item {
    float: left;
    width: 0.1428%;
    text-align: center;
    padding-bottom: 6px;
}
.m-pro1 .list-item a {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 32px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #333;
}
.m-pro1 .list-item a:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: transparent;
    transition: all 550ms;
}
.m-pro1 .list-item a:after {
    position: absolute;
    content:"";
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
    height: 6px;
    width: 12px;
    background: url(/themes/simplebootx/style/images/sj.png) no-repeat bottom center;
    display: none;
}
.m-pro1 .list-item a.active {
    color: #cf8418;
}
.m-pro1 .list-item a.active:before {
    background-color: #cf8418;
}
.m-pro1 .list-item a.active:after {
    display: block;
}
@media screen and (max-width: 991px) {
    .m-pro1 .box-wp {
        padding-left: 30px;
        padding-right: 30px;
    }
    .m-pro1 .list-item {
        width: 0.2%;
    }
    .m-pro1 .list-item a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 26px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 640px) {
    .m-pro1 .list-item {
        width: 0.33%;
    }
}
@media screen and (max-width: 375px) {
    .m-pro1 .list-item {
        width: 0.5%;
    }
}
.pro1-main {
    max-width: 1050px;
    background-color: #F5F5F5;
    margin: 82px auto 0;
    padding: 54px 75px 45px;
}
@media screen and (max-width: 1219px) {
    .pro1-main {
        margin-top: 70px;
        padding: 50px;
        max-width: 860px;
    }
}
@media screen and (max-width: 991px) {
    .pro1-main {
        margin-top: 50px;
        padding: 30px;
        max-width: 640px;
    }
}
@media screen and (max-width: 767px) {
    .pro1-main {
        margin-top: 30px;
        padding: 20px 15px;
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
        max-width: none;
    }
}
.pro1-main .box-desc {
    margin-top: 42px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 36px;
}
@media screen and (max-width: 1219px) {
    .pro1-main .box-desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 991px) {
    .pro1-main .box-desc {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .pro1-main .box-desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin-top: 15px;
    }
}
.pro1-box {
    position: relative;
}
.pro1-box .item-bg {
    visibility: hidden;
}
.pro1-box .item-bg img {
    display: block;
    width: 100%;
}
.pro1-box .pro1-owl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}
.pro1-box .pro1-owl:first-child {
    display: block;
}
.pro1-owl {
    overflow: hidden;
    position: relative;
}
.pro1-owl .owl-buttons {
    display: none !important;
}
.pro1-owl .owl-btns {
    font-size: 0;
    letter-spacing: 0;
    position: absolute;
    right: 23px;
    bottom: 17px;
    overflow: hidden;
    border-radius: 5px;
}
@media screen and (max-width: 991px) {
    .pro1-owl .owl-btns {
        right: 15px;
        bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .pro1-owl .owl-btns {
        right: 10px;
        bottom: 10px;
    }
}
.pro1-owl .owl-btns .owl-btn {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    text-align: center;
    cursor: pointer;
    transition: all 0.35s;
    background-color: #fff;
}
.pro1-owl .owl-btns .owl-btn:hover {
    background-color: #dedede;
}
.pro1-owl .owl-btns .owl-btn.disabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    cursor: auto;
}
@media screen and (max-width: 991px) {
    .pro1-owl .owl-btns .owl-btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pro1-owl .owl-btns .owl-btn {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.pro1-owl .owl-btns .item-prev {
    left: 12px;
}
@media screen and (max-width: 767px) {
    .pro1-owl .owl-btns .item-prev {
        left: 5px;
    }
}
.pro1-owl .owl-btns .item-next {
    right: 12px;
}
@media screen and (max-width: 767px) {
    .pro1-owl .owl-btns .item-next {
        right: 5px;
    }
}
.procate-box {
    margin-top: 40px;
    position: relative;
}
@media screen and (max-width: 1219px) {
    .procate-box {
        margin-top: 30px;
    }
}
@media screen and (max-width: 991px) {
    .procate-box {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .procate-box {
        margin-top: 15px;
    }
}
.procate-box .owl-btns {
    font-size: 0;
    letter-spacing: 0;
}
.procate-box .owl-btns .owl-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 42px;
    font-size: 4.2rem;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    color: #999;
    text-align: center;
    cursor: pointer;
    transition: all 0.35s;
    position: absolute;
    top: 50%;
    margin-top: -21px;
}
.procate-box .owl-btns .owl-btn:hover {
    color: #d78712;
}
.procate-box .owl-btns .owl-btn.disabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    cursor: auto;
}
@media screen and (max-width: 1219px) {
    .procate-box .owl-btns .owl-btn {
        font-size: 36px;
        font-size: 3.6rem;
        margin-top: -18px;
    }
}
@media screen and (max-width: 991px) {
    .procate-box .owl-btns .owl-btn {
        font-size: 30px;
        font-size: 3rem;
        margin-top: -15px;
    }
}
@media screen and (max-width: 767px) {
    .procate-box .owl-btns .owl-btn {
        font-size: 22px;
        font-size: 2.2rem;
        margin-top: -11px;
    }
}
.procate-box .owl-btns .item-prev {
    left: -145px;
}
@media screen and (max-width: 1219px) {
    .procate-box .owl-btns .item-prev {
        left: -100px;
    }
}
@media screen and (max-width: 991px) {
    .procate-box .owl-btns .item-prev {
        left: -70px;
    }
}
@media screen and (max-width: 767px) {
    .procate-box .owl-btns .item-prev {
        left: -40px;
    }
}
.procate-box .owl-btns .item-next {
    right: -145px;
}
@media screen and (max-width: 1219px) {
    .procate-box .owl-btns .item-next {
        right: -100px;
    }
}
@media screen and (max-width: 991px) {
    .procate-box .owl-btns .item-next {
        right: -70px;
    }
}
@media screen and (max-width: 767px) {
    .procate-box .owl-btns .item-next {
        right: -40px;
    }
}
.procate-owl {
    width: 101.11111%;
    margin-left: -0.55556%;
}
.procate-owl .owl-buttons {
    display: none !important;
}
.procate-owl .list-item {
    margin: 0 3.2967%;
}
.procate-owl .box-item {
    cursor: pointer;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.procate-owl .box-item.active {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* 产品家族1 end */
 @media screen and (min-width: 992px) {
    .n-nav, .n-nav-icon {
        display: none;
    }
}
@keyframes resize {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: scale(5, 5);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}
.n-nav .n-nav-icon {
    position: absolute;
    left: 5px;
    top: 6px;
    width: 35px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: all 0.4s ease 0s;
    z-index: 999999;
}
.n-nav .n-nav-icon .iconfont {
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
}
.n-nav .n-nav-icon span {
    display: none;
    width: 100%;
    height: 2px;
    margin-bottom: 4px;
    background-color: #d78712;
}
.n-nav .n-nav-icon.active {
    position: fixed;
    top: 5px;
    background: #666 url(../fonts/nav-close.png) no-repeat center;
    background-size: 30px;
}
.n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont {
    display: none;
}
.n-nav .n-nav-body {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    overflow-y: scroll;
    background-color: #666;
    padding-top: 40px;
}
.n-nav .box-search {
    background-color: #fff;
    padding: 5px 10px;
    position: relative;
    border: solid 1px #d78712;
    margin: 5px 10px;
}
.n-nav .box-search .item-input {
    width: 100%;
    line-height: 32px;
    height: 32px;
    padding: 0 60px 0 0;
}
.n-nav .box-search .iconfont {
    font-weight: bold;
    background-color: #d78712;
    width: 44px;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 0;
}
.n-nav .box-search .iconfont:hover {
    background-color: #666;
}
.n-nav .box-search .item-submit {
    position: absolute;
    width: 44px;
    height: 32px;
    right: 10px;
    top: 5px;
    z-index: 1;
}
.n-nav .box-list {
    margin-top: 30px;
}
.n-nav .box-list > li {
    position: relative;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: resize;
    transition: all 0.5s;
    padding: 0 10px;
}
.n-nav .box-list > li a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    padding: 10px 25px 10px 10px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.n-nav .box-list li {
    position: relative;
}
.n-nav .box-list li .has-next {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(/themes/simplebootx/style/fonts/n1.png) no-repeat center;
    background-size: contain;
    transition: all 0.5s;
    cursor: pointer;
}
.n-nav .box-list li.active > .has-next {
    background: url(/themes/simplebootx/style/fonts/n2.png) no-repeat center;
    background-size: contain;
}
.n-nav .box-list .yiji-list {
    display: none;
}
.n-nav .box-list .yiji-list li {
    padding-left: 12px;
}
.n-nav .box-list .yiji-list li .has-next {
    right: 0;
}
.n-nav .box-list .yiji-list li > a {
    padding: 10px 25px 10px 20px;
    line-height: 22px;
    position: relative;
}
.n-nav .box-list .yiji-list li > a:before {
    position: absolute;
    content:"";
    width: 5px;
    height: 5px;
    background-color: #fff;
    top: 19px;
    left: 10px;
}
.n-nav .box-list .erji-list {
    display: none;
}
.n-nav .box-list .sanji-list {
    display: none;
}
/* .m-xx start */
 .m-desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
}
.m-desc a {
    color: #fabf13;
}
.m-desc a:hover {
    text-decoration: underline;
}
.m-desc p, .m-desc span, .m-desc b {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
}
.m-desc p {
    min-height: 30px;
}
.m-desc img {
    max-width: 100%;
}
.m-desc iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.m-desc table {
    width: 100%;
    border-collapse: collapse;
    line-height: 22px;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}
.m-desc table tr td {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
    .m-desc {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .m-desc a {
        color: #fabf13;
    }
    .m-desc a:hover {
        text-decoration: underline;
    }
    .m-desc p, .m-desc span, .m-desc b {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .m-desc p {
        min-height: 24px;
    }
}
.table table {
    width: 100%;
    border-collapse: collapse;
    line-height: 22px;
    border: 1px solid #ccc;
}
.table table tr td {
    padding: 10px;
    height: 30px;
    border: 1px solid #ccc;
}
@media screen and (max-width: 991px) {
    .table {
        width: 100%;
        overflow-x: scroll;
    }
    .table > div {
        width: 991px !important;
        max-width: 991px;
    }
}
.m-nnav {
    margin-top: 52px;
    background-color: #ffffff;
    box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2);
    border: solid 1px #e6e6e6;
}
.m-nnav .nav-list {
    font-size: 0;
    letter-spacing: 0;
}
.m-nnav .nav-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 9.16667%;
}
.m-nnav .nav-item a {
    display: block;
    position: relative;
    line-height: 34px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
}
.m-nnav .nav-item a:hover, .m-nnav .nav-item a.active {
    color: #fabf13;
}
.m-nnav .nav-item a:hover:before, .m-nnav .nav-item a.active:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #e8af24;
}
.m-nnav .nav-item a:hover:after, .m-nnav .nav-item a.active:after {
    content:"";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border-top: 5px solid #e8af24;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.m-nnav .nav-item:first-child {
    margin-left: 0;
}
@media screen and (max-width: 1219px) {
    .m-nnav .nav-item a {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 991px) {
    .m-nnav {
        margin-top: 30px;
    }
    .m-nnav .nav-list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: center;
    }
}
.m-gonggaonav {
    margin-bottom: 60px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
}
.m-gonggaonav .nav-item {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.m-gonggaonav .nav-item a {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    line-height: 36px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    color: #182737;
}
.m-gonggaonav .nav-item a:hover, .m-gonggaonav .nav-item a.active {
    color: #e8af24;
}
.m-gonggaonav .nav-item a:hover:before, .m-gonggaonav .nav-item a.active:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e8af24;
}
.m-gonggaonav .nav-item:before {
    content:"";
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
    height: 28px;
    background-color: #dedede;
}
.m-gonggaonav .nav-item:last-child:before {
    display: none;
}
@media screen and (max-width: 991px) {
    .m-gonggaonav {
        margin-bottom: 30px;
    }
    .m-gonggaonav .nav-item a {
        line-height: 28px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.m-gonggaolst {
    margin-bottom: 74px;
}
@media screen and (max-width: 991px) {
    .m-gonggaolst {
        margin-bottom: 45px;
    }
}
.m-gonggaolst .list-item {
    padding-top: 31px;
    padding-bottom: 28px;
    border-bottom: 1px dashed #dfdfdf;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.m-gonggaolst .list-item:first-child {
    padding-top: 0;
}
.m-gonggaolst .item-day {
    float: left;
    margin-right: 14px;
    line-height: 44px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #000;
    flex: 0 0 auto;
}
.m-gonggaolst .item-time {
    float: left;
    margin-right: 33px;
    flex: 0 0 auto;
}
.m-gonggaolst .item-time i {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fabf13;
}
.m-gonggaolst .item-time span {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
}
.m-gonggaolst .item-text {
    flex: 1 1 auto;
    overflow: hidden;
}
.m-gonggaolst .item-title {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 991px) {
    .m-gonggaolst .item-day {
        font-size: 28px;
        font-size: 2.8rem;
    }
    .m-gonggaolst .item-time {
        margin-right: 15px;
    }
    .m-gonggaolst .item-time i, .m-gonggaolst .item-time span {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-gonggaolst .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m-gonggaoname {
    margin-bottom: 60px;
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    color: #182737;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .m-gonggaoname {
        margin-bottom: 30px;
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
    }
}
.m-tzeform .form-item {
    float: left;
    margin-bottom: 20px;
}
.m-tzeform .form-item1 {
    width: 100%;
}
.m-tzeform .form-item2 {
    margin-right: 10px;
    width: 22.25%;
}
.m-tzeform .form-item3 {
    width: 115px;
}
.m-tzeform .form-item4 {
    float: right;
    width: 158px;
}
.m-tzeform .form-text {
    width: 100%;
    height: 46px;
    line-height: 44px;
    padding: 0 14px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #999;
    box-sizing: border-box;
    border: solid 1px #e5e5e5;
}
.m-tzeform .form-text::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
.m-tzeform .form-text:-moz-placeholder {
    color: #999;
    opacity: 1;
}
.m-tzeform .form-text::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.m-tzeform .form-text:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.m-tzeform .form-text1 {
    height: 140px;
}
.m-tzeform .form-code {
    display: block;
    height: 46px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    background-color: #f3fbfe;
    border: solid 1px #e5e5e5;
}
.m-tzeform .form-code img {
    max-height: 44px;
    vertical-align: middle;
}
.m-tzeform .form-btn {
    width: 100%;
    height: 46px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background-image: linear-gradient(#e8af24, #e8af24), linear-gradient(#fabf13, #fabf13);
    background-blend-mode: normal, normal;
    background-color: #e8af24;
}
@media screen and (max-width: 991px) {
    .m-tzeform .form-item2 {
        width: calc(100% - 120px);
    }
    .m-tzeform .form-item3 {
        float: right;
        width: 110px;
    }
    .m-tzeform .form-item4 {
        width: 100%;
    }
}
.m-tzehd {
    margin-bottom: 74px;
}
@media screen and (max-width: 991px) {
    .m-tzehd {
        margin-bottom: 45px;
    }
}
.m-tzehd .box-title {
    margin-bottom: 34px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-tzehd .list-item {
    padding-top: 27px;
    padding-bottom: 34px;
    border-bottom: 1px solid #e1e1e1;
}
.m-tzehd .list-item:first-child {
    padding-top: 0;
}
.m-tzehd .item-hd, .m-tzehd .item-bd {
    position: relative;
    padding-left: 86px;
    min-height: 52px;
}
.m-tzehd .item-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 75px;
    text-align: center;
}
.m-tzehd .item-icon i {
    color: #e8af24;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    display: block;
}
.m-tzehd .item-icon span {
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
}
.m-tzehd .item-title {
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-tzehd .item-bd {
    margin-top: 18px;
}
.m-tzehd .item-desc {
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
}
@media screen and (max-width: 991px) {
    .m-tzehd .item-title, .m-tzehd .item-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m-tzerx {
    line-height: 40px;
}
.m-tzerx p, .m-tzerx span, .m-tzerx b {
    line-height: 40px;
}
.m-tzerx p {
    min-height: 40px;
}
.m-tzerx a {
    color: #333;
}
.m-tzerx a:hover {
    color: #e8af24;
}
@media screen and (max-width: 991px) {
    .m-tzerx {
        line-height: 24px;
    }
    .m-tzerx p, .m-tzerx span, .m-tzerx b {
        line-height: 24px;
    }
    .m-tzerx p {
        min-height: 24px;
    }
}
.m-nhd {
    margin-bottom: 52px;
}
.m-nhd .hd-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 1;
    font-size: 44px;
    font-size: 4.4rem;
    font-weight: bold;
    color: #182737;
}
.m-nhd .hd-title a {
    color: #182737;
}
.m-nhd .hd-title a:hover {
    color: #fabf13;
}
.m-nhd .hd-info {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fabf13;
    font-weight: bold;
}
.m-nhd .hd-info span {
    font-size: 36px;
    font-size: 3.6rem;
}
@media screen and (max-width: 991px) {
    .m-nhd {
        margin-bottom: 30px;
    }
    .m-nhd .hd-title {
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-nhd .hd-info {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-nhd .hd-info span {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
.m-yjsyl {
    margin-bottom: 38px;
    font-size: 0;
    letter-spacing: 0;
}
@media screen and (max-width: 991px) {
    .m-yjsyl {
        margin-bottom: 9px;
    }
}
.m-yjsyl .list-item {
    position: relative;
    margin-right: 5%;
    margin-bottom: 76px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 30%;
    transition: all 550ms;
}
.m-yjsyl .list-item:hover {
    transform: translate(0, -38px);
}
.m-yjsyl .list-item:hover .item-title {
    transform: translate(0, 100%);
    background-color: #fff;
    color: #333;
}
.m-yjsyl .list-item:hover .item-title a {
    color: #333;
}
.m-yjsyl .item-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    background-color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 550ms;
}
.m-yjsyl .item-title a {
    color: #fff;
}
@media screen and (max-width: 991px) {
    .m-yjsyl .list-item {
        margin-bottom: 38px;
    }
    .m-yjsyl .list-item .item-title {
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 375px) {
    .m-yjsyl .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        width: 48%;
    }
}
.j-videomodal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.j-videomodal iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 80%;
    max-width: 1200px;
    max-height: 600px;
}
.j-videomodal i {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
}
.m-videoc {
    margin-top: 5px;
    padding-bottom: 163px;
}
.m-videoc .box-title {
    margin-bottom: 28px;
    padding-left: 75px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #242424;
}
.m-videoc .box-wp {
    background-color: #e3e3e3;
}
.m-videoc .box-img {
    line-height: 0;
    font-size: 0;
}
.m-videoc .box-fix {
    position: absolute;
    bottom: -163px;
    right: 16.66667%;
    width: 432px;
}
.m-videoc .box-bd {
    height: 654px;
}
.m-videoc .box-btn {
    position: absolute;
    left: 100%;
    margin-left: 14px;
    font-size: 46px;
    font-size: 4.6rem;
    color: #fff;
}
.m-videoc .box-btn.prev {
    top: 227px;
}
.m-videoc .box-btn.next {
    top: 227px;
    margin-top: 54px;
}
.m-videoc .box-btn:hover {
    color: #fabf13;
}
.m-videoc .item-top {
    display: block;
    position: relative;
}
.m-videoc .item-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 37.03704%;
}
.m-videoc .item-text {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    height: 323px;
    text-align: center;
    background-color: #10384f;
}
.m-videoc .item-title, .m-videoc .item-desc, .m-videoc .item-tags {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
.m-videoc .item-title {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
}
.m-videoc .item-desc {
    margin-top: 24px;
    height: 60px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #a1a1a1;
    overflow: hidden;
}
.m-videoc .item-tags {
    margin-top: 28px;
    line-height: 24px;
    max-height: 48px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    color: #9b9b9b;
}
.m-videoc .item-link {
    margin-top: 4px;
}
.m-videoc .item-link a {
    display: block;
    line-height: 40px;
    padding: 22px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #000;
    text-align: center;
    background-color: #dcdcdc;
}
.m-videoc .item-link a:hover {
    color: #fff;
    background-color: #fabf13;
}
@media screen and (max-width: 991px) {
    .m-videoc .box-img {
        overflow: hidden;
    }
    .m-videoc .box-img img {
        max-width: 800px;
        width: 800px;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .m-videoc .box-title {
        padding-left: 30px;
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-videoc .box-btn {
        font-size: 30px;
        font-size: 3rem;
    }
    .m-videoc .box-fix {
        width: 300px;
    }
    .m-videoc .box-bd {
        height: 457px;
    }
    .m-videoc .item-link a {
        line-height: 30px;
        padding: 10px 15px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-videoc .item-text {
        height: 220px;
    }
    .m-videoc .item-title {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-videoc .item-desc, .m-videoc .item-tags {
        margin-top: 15px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 375px) {
    .m-videoc .box-fix {
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        padding-top: 50px;
    }
    .m-videoc .box-btn.prev {
        top: 0;
        left: 0;
    }
    .m-videoc .box-btn.next {
        left: auto;
        right: 0;
        top: 0;
        margin-top: 0;
    }
}
.m-qyjj {
    padding-left: 6.66667%;
    padding-right: 6.66667%;
}
.m-qyjj .box-img {
    line-height: 0;
    font-size: 0;
    letter-spacing: 0;
}
.m-qyjj .box-title {
    margin-top: 65px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #242424;
    text-align: center;
    font-weight: bold;
}
.m-qyjj .box-desc {
    margin-top: 30px;
    line-height: 22px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
}
.m-qyjj .box-desc p {
    min-height: 22px;
}
@media screen and (max-width: 991px) {
    .m-qyjj .box-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m-zhucailst {
    padding-top: 15.05208%;
    background: url("/themes/simplebootx/style/images/zhucaibg1.png") no-repeat center top;
}
.m-zhucailst .box-title {
    margin-bottom: 145px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #242424;
    text-align: center;
}
.m-zhucailst .box-list {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -107px;
    font-size: 0;
    letter-spacing: 0;
    max-width: 875px;
}
.m-zhucailst .list-item {
    /*margin-right: 6.62857%; */
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 107px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 28.91429%;
}
.m-zhucailst .item-top {
    position: relative;
}
.m-zhucailst .item-link {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    width: 100%;
}
.m-zhucailst .item-link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 104px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    border-radius: 20px;
    border: 3px solid #fff;
    box-sizing: border-box;
}
.m-zhucailst .item-link a:hover {
    color: #fff;
    background-color: #e8af24;
}
.m-zhucailst .item-text {
    padding-top: 11px;
}
.m-zhucailst .item-title {
    padding-bottom: 6px;
    line-height: 34px;
    overflow: hidden;
    border-bottom: 3px solid #000;
    overflow: hidden;
}
.m-zhucailst .item-title span {
    float: right;
    margin-left: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #242424;
    letter-spacing: -1px;
}
.m-zhucailst .item-title a {
    font-size: 24px;
    font-size: 2.4rem;
    color: #242424;
    font-weight: bold;
}
.m-zhucailst .item-title a:hover {
    color: #e8af24;
}
.m-zhucailst .item-desc {
    margin-top: 17px;
    line-height: 22px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
}
@media screen and (max-width: 991px) {
    .m-zhucailst {
        padding-top: 30px;
        background-size: 100% auto;
    }
    .m-zhucailst .box-title {
        margin-bottom: 30px;
    }
    .m-zhucailst .box-list {
        margin-bottom: -30px;
    }
    .m-zhucailst .list-item {
        margin-bottom: 30px;
    }
    .m-zhucailst .item-title span {
        float: none;
        display: block;
        margin-left: 0;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-zhucailst .item-title a {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-zhucailst .item-desc {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 640px) {
    .m-zhucailst .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        width: 48%;
    }
}
@media screen and (max-width: 320px) {
    .m-zhucailst .list-item {
        width: 98%;
    }
}
.m-pplc {
    margin-left: auto;
    margin-right: auto;
    max-width: 1045px;
}
.m-pplc .box-title {
    margin-bottom: 46px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #242424;
}
.m-pplc .list-item {
    overflow: hidden;
    margin-top: 40px;
}
.m-pplc .list-item:first-child {
    margin-top: 0;
}
.m-pplc .item-left {
    float: left;
    width: 28.70813%;
    overflow: hidden;
}
.m-pplc .item-right {
    float: right;
    width: 66.02871%;
}
.m-pplc .item-left, .m-pplc .item-right {
    padding-top: 40px;
    border-top: 6px solid #d3d3d3;
}
.m-pplc .item-num {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 122px;
    box-sizing: border-box;
    line-height: 36px;
    font-size: 34px;
    font-size: 3.4rem;
    color: #000;
}
.m-pplc .item-time {
    float: left;
    overflow: hidden;
    line-height: 36px;
    font-size: 20px;
    font-size: 2rem;
    color: #666;
    font-family:"Microsoft YaHei Light", 微软雅黑;
}
.m-pplc .item-desc {
    line-height: 24px;
    font-size: 20px;
    font-size: 2rem;
    color: #666;
    overflow: visible;
}
.m-pplc .item-desc p {
    min-height: 24px;
}
.m-pplc .item-desc img {
    display: block;
}
.m-pplc .item-btn {
    margin-top: 14px;
    font-size: 0;
    letter-spacing: 0;
}
.m-pplc .item-btn p {
    margin-right: 11.56069%;
    margin-bottom: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 205px;
    line-height: 30px;
    padding: 8px 10px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #cbc4ae;
    border-radius: 15px;
}
@media screen and (max-width: 991px) {
    .m-pplc .box-title {
        margin-bottom: 30px;
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-pplc .list-item {
        margin-top: 30px;
    }
    .m-pplc .item-left, .m-pplc .item-right {
        padding-top: 25px;
    }
    .m-pplc .item-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-pplc .item-num {
        width: 80px;
        line-height: 26px;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-pplc .item-time {
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 480px) {
    .m-pplc .item-left, .m-pplc .item-right {
        float: none;
        width: 100%;
    }
    .m-pplc .item-right {
        margin-top: 20px;
        border-top: none;
    }
}
.m-syry .hsicon {
    position: relative;
}
.m-syry .hsicon:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 3px;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    background-color: #000000;
}
@media screen and (max-width: 991px) {
    .m-syry .hsicon {
        padding-left: 15px;
    }
    .m-syry .hsicon:before {
        width: 10px;
        height: 10px;
        top: 7px;
        right: auto;
        margin-right: 0;
        left: 0;
    }
}
.c-bg1 {
    background: url("/themes/simplebootx/style/images/ppwhbg1.jpg") no-repeat center bottom;
    background-color: #e3e3e3;
}
.m-sywh {
    position: relative;
    padding-top: 55.66667%;
    overflow: hidden;
}
.m-sywh .box-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: all 550ms;
}
.m-sywh .box-item1:hover + .box-item2 {
    left: 100%;
}
.m-sywh .box-item1:hover + .box-item2 + .box-item3 {
    left: 100%;
}
.m-sywh .box-item2 {
    left: 34.16667%;
}
.m-sywh .box-item2:hover {
    left: 0;
}
.m-sywh .box-item2:hover + .box-item3 {
    left: 100%;
}
.m-sywh .box-item3 {
    left: 68.33333%;
}
.m-sywh .box-item3:hover {
    left: 0;
}
.m-sywh .item-img {
    line-height: 0;
    font-size: 0;
}
.m-sywh .item-fix {
    position: absolute;
    left: 0;
    top: 0;
    width: 34.16667%;
    height: 100%;
}
.m-sywh .item-text {
    position: absolute;
    left: 0;
    bottom: 78px;
    text-align: center;
    width: 100%;
}
.m-sywh .item-title {
    font-size: 90px;
    font-size: 9rem;
    font-weight: bold;
    color: #fffefe;
}
.m-sywh .item-title span {
    display: block;
}
.m-sywh .item-title1 {
    padding-bottom: 30px;
}
.m-sywh .item-title1 span {
    margin: 30px 0;
}
.m-sywh .item-name {
    margin-top: 47px;
    line-height: 50px;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .m-sywh {
        padding-top: 0;
    }
    .m-sywh .box-item {
        position: relative;
        left: auto !important;
    }
    .m-sywh .item-title {
        padding-bottom: 0;
        font-size: 40px;
        font-size: 4rem;
    }
    .m-sywh .item-name {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 640px) {
    .m-sywh .item-title {
        font-size: 6.25vw;
    }
    .m-sywh .item-title span {
        margin: 0;
    }
    .m-sywh .item-name {
        margin-top: 4.6875vw;
        font-size: 3.125vw;
    }
    .m-sywh .item-text {
        bottom: auto;
        top: 50%;
        transform: translate(0, -50%);
    }
}
.m-zlzs {
    margin-left: auto;
    margin-right: auto;
    max-width: 930px;
}
.m-zlzs .box-list {
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: -28px;
}
.m-zlzs .list-item {
    margin-right: 9.89247%;
    margin-bottom: 102px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 25.80645%;
    position: relative;
    overflow: hidden;
}
.m-zlzs .list-item:hover .item-modal {
    transform: scale(1);
}
.m-zlzs .item-modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 550ms;
    transform: scale(0);
}
.m-zlzs .item-modal i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .m-zlzs .box-list {
        margin-bottom: 0;
    }
    .m-zlzs .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        margin-bottom: 30px;
        width: 31.33%;
    }
}
.c-bg2 {
    margin-top: 24px;
    background: url("/themes/simplebootx/style/images/zlxzbg1.jpg") no-repeat center;
    background-size: cover;
}
.m-zlxzpdf {
    position: relative;
    z-index: 2;
    padding-top: 65.08333%;
}
.m-zlxzpdf .box-wp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.m-zlxzlst {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -78px;
    margin-top: 73px;
    max-width: 860px;
    font-size: 0;
    letter-spacing: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m-zlxzlst .list-item {
    position: relative;
    padding-bottom: 68px;
    margin-right: 9.30233%;
    margin-bottom: 78px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 45.34884%;
}
.m-zlxzlst .item-top {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.m-zlxzlst .item-top:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}
.m-zlxzlst .item-pic {
    transform: translate(12px, -12px);
}
.m-zlxzlst .item-title {
    margin-top: 12px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #404041;
    min-height: 34px;
    letter-spacing: 2px;
}
.m-zlxzlst .item-desc {
    margin-top: 17px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #5e5e5f;
}
.m-zlxzlst .item-link {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 32px;
    border: 2px solid #000;
    border-radius: 20px;
}
.m-zlxzlst .item-link span {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    font-size: 2rem;
    color: #404041;
    font-weight: bold;
}
.m-zlxzlst .item-link a {
    font-size: 10px;
    font-size: 1rem;
    color: #1e7fb8;
}
.m-zlxzlst .item-link a:hover {
    color: #e8af24;
}
.m-zlxzlst .list-none p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #404041;
    line-height: 1;
}
@media screen and (max-width: 991px) {
    .m-zlxzlst {
        margin-top: 30px;
        margin-bottom: -30px;
    }
    .m-zlxzlst .list-item {
        margin-bottom: 30px;
        padding-bottom: 80px;
    }
    .m-zlxzlst .item-title {
        line-height: 26px;
        min-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-zlxzlst .item-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-zlxzlst .item-link span {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-zlxzlst .item-link a {
        font-size: 10px;
        font-size: 1rem;
    }
}
@media screen and (max-width: 640px) {
    .m-zlxzlst .list-item {
        width: 100%;
        margin-right: 0;
    }
}
.m-gysyhd {
    margin-bottom: 131px;
}
.m-gysyhd .hd-title {
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #373737;
    text-align: center;
}
.m-gysyhd .hd-desc {
    margin-top: 59px;
    line-height: 24px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #2c2c2c;
    text-indent: 2em;
}
.m-gysyhd .hd-desc:first-child {
    margin-top: 0;
}
@media screen and (max-width: 991px) {
    .m-gysyhd {
        margin-bottom: 30px;
    }
    .m-gysyhd .hd-title {
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-gysyhd .hd-desc {
        margin-top: 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m-cpyslst {
    margin-left: auto;
    margin-right: auto;
    max-width: 1065px;
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: -75px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m-cpyslst .list-item {
    position: relative;
    margin-right: 6.76056%;
    margin-bottom: 75px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 28.82629%;
    padding-top: 47px;
    padding-bottom: 26px;
    padding-left: 28px;
    padding-right: 28px;
    min-height: 368px;
    box-sizing: border-box;
    background-color: #ececec;
    transition: all 550ms;
    text-align: center;
}
.m-cpyslst .list-item:hover {
    background-color: #646464;
}
.m-cpyslst .list-item:hover .item-fix1 {
    opacity: 0;
    visibility: hidden;
}
.m-cpyslst .list-item:hover .item-fix2 {
    opacity: 1;
    visibility: visible;
}
.m-cpyslst .item-fix2 {
    opacity: 0;
    visibility: hidden;
    transition: all 550ms;
}
.m-cpyslst .item-fix2 .icon {
    line-height: 0;
    font-size: 0;
}
.m-cpyslst .item-fix2 .desc {
    margin-top: 29px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ececec;
    text-align: left;
}
.m-cpyslst .item-fix1 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    transition: all 550ms;
}
.m-cpyslst .item-fix1 .icon {
    line-height: 0;
    font-size: 0;
}
.m-cpyslst .item-fix1 .title {
    margin-top: 59px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2c2c2c;
}
@media screen and (max-width: 991px) {
    .m-cpyslst {
        margin-bottom: -30px;
    }
    .m-cpyslst .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        margin-bottom: 30px;
        width: 48%;
    }
    .m-cpyslst .item-fix1 .title {
        margin-top: 30px;
    }
    .m-cpyslst .item-fix2 .desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 375px) {
    .m-cpyslst .list-item {
        width: 98%;
        min-height: 0;
    }
}
.m-sfgc {
    padding-bottom: 37px;
    border-bottom: 1px solid #e4e4e4;
}
.m-sfgc .box-desc em {
    font-weight: bold;
}
.m-sfgc .box-wp1 {
    margin-bottom: 77px;
}
.m-sfgc .box-wp2 {
    margin-top: 58px;
    margin-bottom: 67px;
}
.m-sfgc .box-wp {
    position: relative;
    overflow: hidden;
}
.m-sfgc .box-wp .box-fix {
    float: left;
    margin-right: 2.5%;
    width: 75%;
    position: relative;
    overflow: hidden;
    border-radius: 26px;
}
.m-sfgc .box-wp .box-btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 30px;
    font-size: 3rem;
    line-height: 100px;
    color: #fff;
}
.m-sfgc .box-wp .box-btn:hover {
    color: #fabf13;
    text-decoration: none;
}
.m-sfgc .box-wp .box-btn.prev {
    left: 30px;
}
.m-sfgc .box-wp .box-btn.next {
    right: 30px;
}
.m-sfgc .box-wp .box-list {
    float: left;
    width: 10000%;
    overflow: hidden;
}
.m-sfgc .box-wp .list-item {
    float: left;
    width: 1%;
}
.m-sfgc .box-wp .box-text {
    padding-top: 7.58333%;
    overflow: hidden;
    text-align: right;
}
.m-sfgc .box-wp .box-title {
    line-height: 42px;
    font-size: 32px;
    font-size: 2.9rem;
    font-weight: bold;
    color: #182737;
}
.m-sfgc .box-wp .box-info {
    margin-top: 29px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #182737;
}
.m-sfgc .box-wp .box-icon {
    padding-top: 65.92593%;
    line-height: 0;
    font-size: 0;
}
@media screen and (max-width: 1219px) {
    .m-sfgc .box-wp .box-title {
        line-height: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m-sfgc .box-wp .box-info {
        margin-top: 10px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-sfgc .box-wp .box-icon {
        padding-top: 30px;
    }
}
@media screen and (max-width: 991px) {
    .m-sfgc {
        padding-bottom: 0;
    }
    .m-sfgc .box-wp .box-btn {
        font-size: 20px;
        font-size: 2rem;
    }
    .m-sfgc .box-wp .box-btn.prev {
        left: 20px;
    }
    .m-sfgc .box-wp .box-btn.next {
        right: 20px;
    }
    .m-sfgc .box-wp1 {
        margin-bottom: 30px;
    }
    .m-sfgc .box-wp2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 640px) {
    .m-sfgc .box-wp .box-fix {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .m-sfgc .box-wp .box-text {
        text-align: left;
    }
    .m-sfgc .box-wp .box-text .box-icon {
        display: none;
    }
}
.m-jzjnb1 .box-title {
    padding-left: 80px;
    padding-bottom: 34px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #242424;
}
.m-jzjnb1 .box-wp {
    background: url("/themes/simplebootx/style/images/jzjnbg1.jpg") no-repeat center top;
    background-color: #f1f1f1;
}
.m-jzjnb1 .box--wp {
    padding-top: 345px;
    padding-left: 22.33333%;
    padding-bottom: 35px;
}
.m-jzjnb1 .box-name {
    position: absolute;
    right: 20px;
    top: -10px;
    line-height: 0;
    font-size: 0;
    max-width: 80%;
}
.m-jzjnb1 .box-text {
    position: relative;
    padding-left: 120px;
    overflow: hidden;
}
.m-jzjnb1 .box-info {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 75px;
    line-height: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
    text-align: right;
}
.m-jzjnb1 .box-info p {
    min-height: 15px;
}
.m-jzjnb1 .box--title {
    margin-bottom: 20px;
    line-height: 76px;
    font-size: 66px;
    font-size: 6.6rem;
    font-weight: bold;
    color: #2a2a2a;
}
.m-jzjnb1 .box-desc {
    max-width: 575px;
    line-height: 24px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #4d4d4d;
}
.m-jzjnb1 .box-link {
    margin-top: 90px;
    text-align: right;
}
.m-jzjnb1 .box-link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 104px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    border: 3px solid #000;
    border-radius: 20px;
}
.m-jzjnb1 .box-link a:hover {
    color: #fff;
    background-color: #fabf13;
}
@media screen and (max-width: 991px) {
    .m-jzjnb1 .box-title {
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
        padding-left: 0;
    }
    .m-jzjnb1 .box--title {
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-jzjnb1 .box-wp {
        background-size: auto 100px;
    }
    .m-jzjnb1 .box--wp {
        padding-top: 130px;
        padding-left: 0;
    }
    .m-jzjnb1 .box-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-jzjnb1 .box-info {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m-jzjnb2 {
    margin-top: 89px;
}
.m-jzjnb2 .box-title {
    padding-left: 80px;
    padding-bottom: 34px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #242424;
}
.m-jzjnb2 .box-wp {
    background: url("/themes/simplebootx/style/images/jzjnbg2.jpg") no-repeat center top;
    background-size: cover;
}
.m-jzjnb2 .box--wp {
    position: relative;
    padding-top: 403px;
    padding-left: 41.33333%;
    padding-bottom: 32px;
}
.m-jzjnb2 .box-name {
    position: absolute;
    right: 20px;
    top: -10px;
    line-height: 0;
    font-size: 0;
    max-width: 80%;
}
.m-jzjnb2 .box-text {
    position: relative;
    overflow: hidden;
}
.m-jzjnb2 .box--title {
    margin-bottom: 22px;
    line-height: 76px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
}
.m-jzjnb2 .box--title span {
    font-size: 66px;
    font-size: 6.6rem;
    font-weight: bold;
    color: #f5d721;
}
.m-jzjnb2 .box-desc {
    max-width: 494px;
    line-height: 24px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
}
.m-jzjnb2 .box-link {
    margin-top: 62px;
    text-align: right;
}
.m-jzjnb2 .box-link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 104px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #f5d721;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    border: 3px solid #f5d721;
    border-radius: 20px;
}
.m-jzjnb2 .box-link a:hover {
    color: #fff;
    background-color: #f5d721;
}
@media screen and (max-width: 991px) {
    .m-jzjnb2 .box-title {
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
        padding-left: 0;
    }
    .m-jzjnb2 .box--title {
        line-height: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m-jzjnb2 .box--title span {
        font-size: 26px;
        font-size: 2.6rem;
    }
    .m-jzjnb2 .box--wp {
        padding-top: 130px;
        padding-left: 0;
    }
    .m-jzjnb2 .box-desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m-lingtanb {
    position: relative;
    margin-top: 102px;
}
.m-lingtanb .box-wp {
    position: relative;
    padding-left: 6.33333%;
    padding-right: 50.83333%;
    padding-top: 75px;
    padding-bottom: 99px;
}
.m-lingtanb .box-title {
    padding-left: 24px;
    line-height: 60px;
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}
.m-lingtanb .box-title a {
    color: #fff;
}
.m-lingtanb .box-title a:hover {
    color: #fabf13;
}
.m-lingtanb .box-title span {
    margin-right: 30px;
}
.m-lingtanb .box-info {
    margin-top: 199px;
}
.m-lingtanb .box-info p {
    position: relative;
    padding-left: 26px;
    margin-top: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #62717d;
}
.m-lingtanb .box-info p:first-child {
    margin-top: 0;
}
.m-lingtanb .box-info p:before {
    content:"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #e8af24;
}
.m-lingtanb .box-name {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 80%;
    line-height: 0;
    font-size: 0;
}
.m-lingtanb .box-img {
    position: absolute;
    right: 11.25%;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 40%;
}
.m-lingtanb:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 49.58333%;
    height: 100%;
    background-color: #b2bfc9;
}
.m-lingtanb:first-child {
    margin-top: 0;
}
@media screen and (max-width: 991px) {
    .m-lingtanb {
        margin-top: 40px;
    }
    .m-lingtanb .box-wp {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 0;
    }
    .m-lingtanb .box-title {
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
    }
    .m-lingtanb .box-title span {
        margin-right: 10px;
    }
    .m-lingtanb .box-info {
        margin-top: 50px;
    }
    .m-lingtanb .box-info p {
        margin-top: 15px;
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 480px) {
    .m-lingtanb:before {
        display: none;
    }
    .m-lingtanb .box-wp {
        padding: 40px 15px;
        background-color: #b2bfc9;
    }
    .m-lingtanb .box-img {
        position: relative;
        max-width: 100%;
        margin-top: 20px;
        top: auto;
        transform: none;
        right: auto;
    }
}
.m-lingtanb3 .box-text {
    margin-top: 65px;
    padding-left: 26px;
    max-width: 333px;
}
.m-lingtanb3 .box--title {
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    color: #57626a;
    font-weight: bold;
}
.m-lingtanb3 .box-desc {
    margin-top: 12px;
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #62717d;
}
.m-lingtanb3 .box-info {
    margin-top: 66px;
}
@media screen and (max-width: 991px) {
    .m-lingtanb3 .box-text {
        margin-top: 30px;
        padding-left: 0;
    }
    .m-lingtanb3 .box--title {
        line-height: 28px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m-lingtanb3 .box-info {
        margin-top: 30px;
    }
}
.m-news {
    padding-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}
.m-news .box-title {
    margin-bottom: 21px;
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    text-align: center;
}
.m-news .pro-share {
    margin-top: 48px;
}
.m-news .pro-share .share-title {
    display: none;
}
.m-news .box-share {
    margin-top: 48px;
    font-size: 0;
    letter-spacing: 0;
}
.m-news .share-item {
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 34px;
    line-height: 34px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    background-color: #c1c4c7;
    border-radius: 4px;
    position: relative;
}
.m-news .share-item img {
    position: absolute;
    left: 0;
    bottom: 101%;
    width: 120px;
    display: none;
    max-width: 120px;
}
.m-news .share-item:hover {
    color: #fff;
    background-color: #ff0000;
}
.m-news .share-item:hover img {
    display: block;
}
.m-zhucaihd .hd-title {
    padding-left: 80px;
    margin-bottom: 32px;
    line-height: 46px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #242424;
}
@media screen and (max-width: 991px) {
    .m-zhucaihd .hd-title {
        margin-bottom: 20px;
        line-height: 30px;
        font-size: 24px;
        font-size: 2.4rem;
        padding-left: 0;
    }
}
.m-zhucaiwp {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
}
.m-zhucaitext .title1 {
    margin-top: 18px;
    line-height: 52px;
    font-size: 42px;
    font-size: 4.2rem;
    color: #969696;
    font-weight: bold;
}
.m-zhucaitext .title1:first-child {
    margin-top: 0;
}
.m-zhucaitext .title2 {
    margin-top: 14px;
    line-height: 42px;
    font-size: 32px;
    font-size: 3.2rem;
    color: #595757;
    font-weight: bold;
}
.m-zhucaitext .desc {
    margin-top: 7px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
}
.m-zhucaitext .desc p {
    min-height: 24px;
}
.m-zhucaitext .hsicon {
    position: relative;
}
.m-zhucaitext .hsicon:before {
    content:"";
    position: absolute;
    top: 4px;
    left: -28px;
    width: 16px;
    height: 16px;
    background-color: #595757;
}
@media screen and (max-width: 991px) {
    .m-zhucaitext .title1 {
        line-height: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m-zhucaitext .title2 {
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-zhucaitext .desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-zhucaitext .hsicon {
        padding-left: 30px;
    }
    .m-zhucaitext .hsicon:before {
        left: 0;
    }
}
.m-bolib1 {
    padding-top: 66px;
    padding-bottom: 55px;
    background-color: #f1f1f1;
}
.m-bolib1 .box-info {
    margin-bottom: 27px;
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
    color: #595757;
    font-weight: bold;
}
.m-bolib1 .box-left1 {
    float: left;
    width: 313px;
    padding-top: 60px;
    margin-right: 11.25vw;
}
.m-bolib1 .box-left1 .info {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
}
.m-bolib1 .box-left1 .img {
    margin-top: 239px;
}
.m-bolib1 .box-right1 {
    overflow: hidden;
    padding-left: 30px;
}
.m-bolib1 .box-fix1 {
    margin-top: 30px;
}
.m-bolib1 .box-fix2 {
    margin-top: 47px;
    float: right;
    max-width: 585px;
}
@media screen and (max-width: 991px) {
    .m-bolib1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 640px) {
    .m-bolib1 .box-left1 {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
        padding-top: 0;
    }
    .m-bolib1 .box-left1 .img {
        margin-top: 30px;
    }
    .m-bolib1 .box-right1 {
        padding-left: 0;
    }
}
.m-bolib2 {
    padding-top: 54px;
}
.m-bolib2 .box-fix1 {
    float: right;
    max-width: 490px;
    margin-top: 70px;
    margin-bottom: 89px;
}
@media screen and (max-width: 991px) {
    .m-bolib2 {
        padding-top: 30px;
    }
    .m-bolib2 .box-fix1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
.m-jiaotiaob1 {
    padding-top: 67px;
    padding-bottom: 176px;
    background-color: #f1f1f1;
}
.m-jiaotiaob1 .box-info {
    margin-bottom: 30px;
    line-height: 26px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #595757;
}
.m-jiaotiaob1 .box-fix1 {
    margin-bottom: 99px;
}
.m-jiaotiaob1 .box-left1 {
    float: left;
    margin-left: 8.39286%;
    margin-right: 12.85714%;
    width: 213px;
    padding-top: 183px;
}
.m-jiaotiaob1 .box-right1 {
    overflow: hidden;
    padding-left: 30px;
}
.m-jiaotiaob1 .img-item {
    margin-bottom: 9px;
}
@media screen and (max-width: 991px) {
    .m-jiaotiaob1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m-jiaotiaob1 .box-fix1 {
        margin-bottom: 30px;
    }
    .m-jiaotiaob1 .box-left1 {
        margin-left: 0;
        padding-top: 0;
    }
}
@media screen and (max-width: 640px) {
    .m-jiaotiaob1 .box-left1 {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .m-jiaotiaob1 .box-left1 .img-item {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }
    .m-jiaotiaob1 .box-right1 {
        padding-left: 0;
    }
}
.m-lvcaib1 {
    padding-top: 67px;
    padding-bottom: 62px;
    background-color: #f1f1f1;
}
.m-lvcaib1 .box-info {
    margin-bottom: 30px;
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #595757;
}
.m-lvcaib1 .box-left1 {
    float: left;
    margin-right: 8.92857%;
    width: 325px;
    padding-top: 68px;
}
.m-lvcaib1 .box-left1 .desc {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
}
.m-lvcaib1 .box-left1 .desc p {
    min-height: 24px;
}
.m-lvcaib1 .box-left1 .img {
    margin-top: 54px;
}
.m-lvcaib1 .box-text .pdl {
    padding-left: 34px;
}
.m-lvcaib1 .box-right1 {
    padding-left: 30px;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .m-lvcaib1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m-lvcaib1 .box-left1 {
        margin-left: 0;
        padding-top: 0;
    }
    .m-lvcaib1 .box-left1 .desc {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m-lvcaib1 .box-left1 .img {
        margin-top: 20px;
    }
}
@media screen and (max-width: 640px) {
    .m-lvcaib1 .box-left1 {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .m-lvcaib1 .box-right1 {
        padding-left: 0;
    }
}
.m-mucaib1 {
    padding-top: 67px;
    padding-bottom: 83px;
    background-color: #f1f1f1;
}
.m-mucaib1 .box-info {
    margin-bottom: 29px;
    line-height: 26px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #595757;
}
.m-mucaib1 .box-left1 {
    float: left;
    width: 275px;
    padding-top: 68px;
}
.m-mucaib1 .box-left1 .desc {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
}
.m-mucaib1 .box-right1 {
    float: right;
    width: 52.67857%;
}
.m-mucaib1 .desc1 {
    position: relative;
}
.m-mucaib1 .desc1 .img {
    position: absolute;
    left: -232px;
    bottom: 0;
    line-height: 0;
    font-size: 0;
    width: 153px;
}
@media screen and (max-width: 991px) {
    .m-mucaib1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m-mucaib1 .box-left1 {
        float: none;
        width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .m-mucaib1 .box-right1 {
        float: none;
        width: 100%;
    }
    .m-mucaib1 .desc1 .img {
        position: relative;
        left: auto;
        margin-bottom: 10px;
    }
}
.m-mucaib2 {
    padding-top: 52px;
    padding-bottom: 127px;
}
.m-mucaib2 .box-fix1 {
    margin-bottom: 87px;
}
.m-mucaib2 .box-left {
    float: left;
    width: 36.60714%;
}
.m-mucaib2 .box-right {
    float: right;
    width: 36.60714%;
}
.m-mucaib2 .box-right .title3 {
    margin-bottom: 150px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #595959;
}
.m-mucaib2 .pdl {
    padding-left: 34px;
}
@media screen and (max-width: 991px) {
    .m-mucaib2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m-mucaib2 .box-fix1 {
        margin-bottom: 30px;
    }
    .m-mucaib2 .box-left, .m-mucaib2 .box-right {
        float: none;
        width: 100%;
    }
    .m-mucaib2 .box-right .title3 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
.m-shuixqb1 {
    padding-top: 67px;
    padding-bottom: 156px;
    background-color: #f1f1f1;
}
.m-shuixqb1 .box-info {
    margin-bottom: 29px;
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #595757;
}
.m-shuixqb1 .box-fix {
    margin-bottom: 100px;
}
.m-shuixqb1 .box-left {
    float: left;
    width: 213px;
    margin-right: 18.75%;
    padding-top: 116px;
}
.m-shuixqb1 .box-right {
    padding-left: 30px;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .m-shuixqb1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m-shuixqb1 .box-fix {
        margin-bottom: 30px;
    }
    .m-shuixqb1 .box-left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding-top: 0;
    }
    .m-shuixqb1 .box-right {
        padding-left: 0;
    }
}
.m-wujinb1 {
    padding-top: 66px;
    padding-bottom: 125px;
    background-color: #f1f1f1;
}
.m-wujinb1 .box-info {
    margin-bottom: 29px;
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
    color: #595757;
    font-weight: bold;
}
.m-wujinb1 .box-left {
    float: left;
    width: 321px;
    margin-left: 2.85714%;
    margin-right: 6.25%;
    padding-top: 141px;
}
.m-wujinb1 .box-right {
    padding-left: 30px;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .m-wujinb1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m-wujinb1 .box-left {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        margin-bottom: 30px;
    }
    .m-wujinb1 .box-right {
        padding-left: 0;
    }
}
.g-hmap {
    background: url("/themes/simplebootx/style/images/hbg2.jpg") no-repeat center;
}
.m-hmap {
    position: relative;
    height: 933px;
}
.m-hmap .box-map {
    position: absolute !important;
    left: -179px;
    top: -3px;
    width: 1019.23077px;
    height: 814.10256px;
    background: none !important;
    transform: scale(1.15);
}
.m-hmap .jvectormap-zoomin, .m-hmap .jvectormap-zoomout {
    display: none !important;
}
.m-hmap .box-text {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 300px;
}
.m-hmap .box-text .item {
    margin-top: 62px;
}
.m-hmap .box-text .item:first-child {
    margin-top: 0;
}
.m-hmap .box-text .item-num {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 1;
    font-size: 52px;
    font-size: 5.2rem;
    font-weight: bold;
}
.m-hmap .box-text .item-num sup {
    vertical-align: top;
}
.m-hmap .box-text .item-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 26px;
    padding-bottom: 11px;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-hmap .box-text .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 5px;
    background-color: #fabf13;
}
.m-hmap .box-text .item-desc {
    margin-top: 3px;
    line-height: 30px;
    max-height: 90px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: hidden;
}
.m-hmap .box-text .item-desc a {
    color: #666;
}
.m-hmap .box-text .item-desc a:hover {
    color: #fabf13;
}
.m-hmap .box-text .item-link {
    margin-top: 7px;
    text-align: right;
}
.m-hmap .box-text .item-link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 26px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fabf13;
    text-align: center;
    border: 1px solid #fabf13;
    box-sizing: border-box;
    border-radius: 50%;
}
.m-hmap .list-item {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 300px;
    display: none;
}
.m-hmap .list-item .item-title {
    position: relative;
    padding-bottom: 7px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-hmap .list-item .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 3px;
    background-color: #fabf13;
}
.m-hmap .list-item .item-name {
    display: none;
}
.m-hmap .list-item .item-desc {
    background: #f9f9f9;
    text-indent: 2rem;
    margin-top: 20px;
    max-height: 300px;
    line-height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: auto;
}
.m-hmap .list-item .item-desc::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.m-hmap .list-item .item-desc::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    /*box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    background-color: rgb(164, 163, 165);
}
/*.m-hmap .list-item .item-desc::-webkit-scrollbar-track {*/
/*滚动条里面轨道*/
/*box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }*/
 .m-hmap .list-item .item-desc a {
    color: #666;
}
.m-hmap .list-item .item-desc a:hover {
    color: #fabf13;
}
.m-hmap .list-item .item-img {
    margin-top: 21px;
    text-align: center;
}
.m-hmap .list-item .item-img a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 0;
    font-size: 0;
}
.m-hmap .list-item.hide {
    display: none !important;
}
.m-hmap .box-mapimg {
    display: none;
}
.m-hmap .box-menu {
    display: none;
}
@media screen and (max-width: 991px) {
    .g-hmap {
        background: none;
    }
    .m-hmap {
        height: auto;
        padding: 30px 0;
    }
    .m-hmap .box-map {
        display: none;
    }
    .m-hmap .box-mapimg {
        display: block;
    }
    .m-hmap .box-text {
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
        margin-top: 30px;
        display: flex !important;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: flex-start;
    }
    .m-hmap .box-text .item {
        width: 45%;
        margin-top: 0;
    }
    .m-hmap .box-text .item-num {
        font-size: 34px;
        font-size: 3.4rem;
    }
    .m-hmap .box-text .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .m-hmap .box-text .item-desc {
        max-height: 44px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hmap .box-text .item-link {
        text-align: left;
    }
    .m-hmap .list-item {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        margin-top: 20px;
        display: none;
    }
    .m-hmap .list-item .item-title {
        display: none;
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-hmap .list-item .item-desc {
        margin-top: 0;
        max-height: 132px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hmap .list-item .item-img {
        text-align: left;
    }
    .m-hmap .list-item .item-img a {
        max-width: 100%;
    }
    .m-hmap .list-item .item-name {
        display: none;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 38px;
        padding-right: 38px;
        line-height: 28px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #4b4b4b;
    }
    .m-hmap .list-item .item-name.active {
        color: #fabf13;
    }
    .m-hmap .list-item .item-name:after {
        content:"";
        position: absolute;
        right: 15px;
        top: 22px;
        border-top: 8px solid #898989;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .m-hmap .list-item:first-child {
        display: block;
    }
    .m-hmap .box-menu {
        position: relative;
        z-index: 2;
        display: block;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .m-hmap .menu-btn {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 38px;
        padding-right: 38px;
        line-height: 28px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #4b4b4b;
    }
    .m-hmap .menu-btn.active {
        color: #fabf13;
    }
    .m-hmap .menu-btn:after {
        content:"";
        position: absolute;
        right: 15px;
        top: 22px;
        border-top: 8px solid #898989;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .m-hmap .menu-wp {
        position: absolute;
        top: 100%;
        background-color: #fff;
        width: 100%;
        overflow-y: scroll;
        padding: 10px 0;
        display: none;
    }
    .m-hmap .menu-list {
        max-height: 240px;
    }
    .m-hmap .menu-item a {
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 38px;
        padding-right: 38px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .m-hmap .menu-item a:hover, .m-hmap .menu-item a.active {
        color: #fabf13;
        background-color: #e4e2e2;
    }
    .m-hmap .menu-item.hide {
        display: none !important;
    }
}
.m-hmap1 {
    position: relative;
    height: 933px;
}
.m-hmap1 .box-map {
    position: absolute !important;
    left: -179px;
    top: -3px;
    width: 1019.23077px;
    height: 814.10256px;
    background: none !important;
    transform: scale(1.15);
}
.m-hmap1 .jvectormap-zoomin, .m-hmap1 .jvectormap-zoomout {
    display: none !important;
}
.m-hmap1 .box-text {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 300px;
}
.m-hmap1 .box-text .item {
    margin-top: 62px;
}
.m-hmap1 .box-text .item:first-child {
    margin-top: 0;
}
.m-hmap1 .box-text .item-num {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 1;
    font-size: 52px;
    font-size: 5.2rem;
    font-weight: bold;
}
.m-hmap1 .box-text .item-num sup {
    vertical-align: top;
}
.m-hmap1 .box-text .item-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 26px;
    padding-bottom: 11px;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
}
.m-hmap1 .box-text .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 5px;
    background-color: #fabf13;
}
.m-hmap1 .box-text .item-desc {
    margin-top: 3px;
    line-height: 30px;
    max-height: 90px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: hidden;
}
.m-hmap1 .box-text .item-desc a {
    color: #666;
}
.m-hmap1 .box-text .item-desc a:hover {
    color: #fabf13;
}
.m-hmap1 .box-text .item-link {
    margin-top: 7px;
    text-align: right;
}
.m-hmap1 .box-text .item-link a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 26px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fabf13;
    text-align: center;
    border: 1px solid #fabf13;
    box-sizing: border-box;
    border-radius: 50%;
}
.m-hmap1 .list-item {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 300px;
    display: none;
}
.m-hmap1 .list-item .item-title {
    position: relative;
    padding-bottom: 7px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-hmap1 .list-item .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 3px;
    background-color: #fabf13;
}
.m-hmap1 .list-item .item-name {
    display: none;
}
.m-hmap1 .list-item .item-desc {
    background: #f9f9f9;
    text-indent: 2rem;
    margin-top: 20px;
    max-height: 300px;
    line-height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: auto;
}
.m-hmap1 .list-item .item-desc::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.m-hmap1 .list-item .item-desc::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    /*box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    background-color: rgb(164, 163, 165);
}
/*.m-hmap1 .list-item .item-desc::-webkit-scrollbar-track {*/
/*滚动条里面轨道*/
/*box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }*/
 .m-hmap1 .list-item .item-desc a {
    color: #666;
}
.m-hmap1 .list-item .item-desc a:hover {
    color: #fabf13;
}
.m-hmap1 .list-item .item-img {
    margin-top: 21px;
    text-align: center;
}
.m-hmap1 .list-item .item-img a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 0;
    font-size: 0;
}
.m-hmap1 .list-item.hide {
    display: none !important;
}
.m-hmap1 .box-mapimg {
    display: none;
}
.m-hmap1 .box-menu {
    display: none;
}
@media screen and (max-width: 991px) {
    .g-hmap {
        background: none;
    }
    .m-hmap1 {
        height: auto;
        padding: 30px 0;
    }
    .m-hmap1 .box-map {
        display: none;
    }
    .m-hmap1 .box-mapimg {
        display: block;
    }
    .m-hmap1 .box-text {
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
        margin-top: 30px;
        display: flex !important;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: flex-start;
    }
    .m-hmap1 .box-text .item {
        width: 45%;
        margin-top: 0;
    }
    .m-hmap1 .box-text .item-num {
        font-size: 34px;
        font-size: 3.4rem;
    }
    .m-hmap1 .box-text .item-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .m-hmap1 .box-text .item-desc {
        max-height: 44px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hmap1 .box-text .item-link {
        text-align: left;
    }
    .m-hmap1 .list-item {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        margin-top: 20px;
        display: none;
    }
    .m-hmap1 .list-item .item-title {
        display: none;
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m-hmap1 .list-item .item-desc {
        margin-top: 0;
        max-height: 132px;
        line-height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .m-hmap1 .list-item .item-img {
        text-align: left;
    }
    .m-hmap1 .list-item .item-img a {
        max-width: 100%;
    }
    .m-hmap1 .list-item .item-name {
        display: none;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 38px;
        padding-right: 38px;
        line-height: 28px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #4b4b4b;
    }
    .m-hmap1 .list-item .item-name.active {
        color: #fabf13;
    }
    .m-hmap1 .list-item .item-name:after {
        content:"";
        position: absolute;
        right: 15px;
        top: 22px;
        border-top: 8px solid #898989;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .m-hmap1 .list-item:first-child {
        display: block;
    }
    .m-hmap1 .box-menu {
        position: relative;
        z-index: 2;
        display: block;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .m-hmap1 .menu-btn {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 38px;
        padding-right: 38px;
        line-height: 28px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #4b4b4b;
    }
    .m-hmap1 .menu-btn.active {
        color: #fabf13;
    }
    .m-hmap1 .menu-btn:after {
        content:"";
        position: absolute;
        right: 15px;
        top: 22px;
        border-top: 8px solid #898989;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .m-hmap1 .menu-wp {
        position: absolute;
        top: 100%;
        background-color: #fff;
        width: 100%;
        overflow-y: scroll;
        padding: 10px 0;
        display: none;
    }
    .m-hmap1 .menu-list {
        max-height: 240px;
    }
    .m-hmap1 .menu-item a {
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 38px;
        padding-right: 38px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .m-hmap1 .menu-item a:hover, .m-hmap1 .menu-item a.active {
        color: #fabf13;
        background-color: #e4e2e2;
    }
    .m-hmap1 .menu-item.hide {
        display: none !important;
    }
}
.box-desc {
    text-indent: 2em;
}
.m-pplc .box-list li {
    overflow: hidden;
    margin-top: 40px;
}
.m-pplc .box-list li:first-child {
    overflow: hidden;
    margin-top: 0;
}
.links, .links a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #929292 !important;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
 .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
.m-cpjzc4 .item-title a {
    color: #fff;
}
@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    animation-name: pulse;
}
@keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    animation-name: rubberBand;
}
@keyframes shake {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    animation-name: shake;
}
@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    transform-origin: top center;
    animation-name: swing;
}
@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
    0% {
        transform: none;
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        transform: none;
    }
}
.wobble {
    animation-name: wobble;
}
@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    animation-name: bounceIn;
    animation-duration: 0.75s;
}
@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    100% {
        transform: none;
    }
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    100% {
        transform: none;
    }
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        transform: none;
    }
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    animation-name: bounceOut;
    animation-duration: 0.75s;
}
@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    backface-visibility: visible;
    animation-name: flip;
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    animation-name: flipOutX;
    animation-duration: 0.75s;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
    animation-duration: 0.75s;
}
@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    100% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    animation-name: rollOut;
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    animation-name: zoomIn;
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    animation-name: zoomInDown;
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    animation-name: zoomInLeft;
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    animation-name: zoomInRight;
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    animation-name: zoomInUp;
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    animation-name: zoomOut;
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}
.zoomOutRight {
    animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    animation-name: zoomOutUp;
}
@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        transform: translateY(0);
    }
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        transform: translateX(0);
    }
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        transform: translateX(0);
    }
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        transform: translateY(0);
    }
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideOutDown {
    0% {
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        transform: translateY(100%);
    }
}
.slideOutDown {
    animation-name: slideOutDown;
}
@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        transform: translateX(-100%);
    }
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        transform: translateX(100%);
    }
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        transform: translateY(-100%);
    }
}
.slideOutUp {
    animation-name: slideOutUp;
}
@font-face {
    font-family:"SourceHanSansCN-Heavy";
    src: url("/themes/simplebootx/style/fonts/SourceHanSansCN-Heavy.eot");
    src: url("/themes/simplebootx/style/fonts/SourceHanSansCN-Heavy.eot") format("embedded-opentype"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Heavy.ttf") format("truetype"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Heavy.svg") format("svg");
    font-display: swap;
}
@font-face {
    font-family:"SourceHanSansCN-Light";
    src: url("/themes/simplebootx/style/fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Light.woff") format("woff"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Light.ttf") format("truetype"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"), url("/themes/simplebootx/style/fonts/SourceHanSansCN-Light.svg") format("svg");
    font-display: swap;
}
@font-face {
    font-family:"iconfont";
    /* Project id 2355424 */
    src: url("/themes/simplebootx/style/fonts/iconfont.woff2?t=1623057837833") format("woff2"), url("/themes/simplebootx/style/fonts/iconfont.woff?t=1623057837833") format("woff"), url("/themes/simplebootx/style/fonts/iconfont.ttf?t=1623057837833") format("truetype");
}
.iconfont {
    font-family:"iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-baidu3:before {
    content:"\e6af";
}
.icon-baidu:before {
    content:"\e605";
}
.icon-baidu1:before {
    content:"\e630";
}
.icon-baidu2:before {
    content:"\e668";
}
.icon-left3:before {
    content:"\e65f";
}
.icon-xialasanjiao:before {
    content:"\e609";
}
.icon-xialasanjiao1:before {
    content:"\e612";
}
.icon-home:before {
    content:"\e624";
}
.icon-edit:before {
    content:"\e611";
}
.icon-facebook:before {
    content:"\e620";
}
.icon-vk:before {
    content:"\e735";
}
.icon-pinterest:before {
    content:"\e8ab";
}
.icon-jian2:before {
    content:"\e600";
}
.icon-linkedin:before {
    content:"\e648";
}
.icon-youtube:before {
    content:"\e6d6";
}
.icon-twitter:before {
    content:"\e607";
}
.icon-jia2:before {
    content:"\e608";
}
.icon-up1:before {
    content:"\e730";
}
.icon-bottom1:before {
    content:"\e731";
}
.icon-left11:before {
    content:"\e732";
}
.icon-right1:before {
    content:"\e733";
}
.icon-instagram:before {
    content:"\e79d";
}
.icon-tumblr:before {
    content:"\e79e";
}
.icon-download:before {
    content:"\e7a0";
}
.icon-download1:before {
    content:"\e7a7";
}
.icon-search4:before {
    content:"\e7b2";
}
.icon-contact11:before {
    content:"\e7e6";
}
.icon-calendar1:before {
    content:"\e7f4";
}
.icon-top:before {
    content:"\e7f5";
}
.icon-youbian:before {
    content:"\e60f";
}
.icon-weibo1:before {
    content:"\e63e";
}
.icon-kongjian:before {
    content:"\e62f";
}
.icon-duihao:before {
    content:"\e615";
}
.icon-speech_bubble_:before {
    content:"\e69b";
}
.icon-kongjian1:before {
    content:"\e618";
}
.icon-weibo11:before {
    content:"\e619";
}
.icon-bigger:before {
    content:"\e647";
}
.icon-delete1:before {
    content:"\e7d4";
}
.icon-arrDown:before {
    content:"\e606";
}
.icon-triangle-down:before {
    content:"\ec70";
}
.icon-calendar3:before {
    content:"\e7e1";
}
.icon-address1:before {
    content:"\e7c8";
}
.icon-xinxi:before {
    content:"\e6c9";
}
.icon-ren-copy:before {
    content:"\e604";
}
.icon-dianhua:before {
    content:"\e613";
}
.icon-address:before {
    content:"\e7bc";
}
.icon-contact:before {
    content:"\e7bf";
}
.icon-whatsapp:before {
    content:"\e7c0";
}
.icon-wechat1:before {
    content:"\e7c1";
}
.icon-fax:before {
    content:"\e7c2";
}
.icon-mobile:before {
    content:"\e7c3";
}
.icon-email11:before {
    content:"\e7c4";
}
.icon-phone:before {
    content:"\e7c6";
}
.icon-website1:before {
    content:"\e7c9";
}
.icon-phone1:before {
    content:"\e7ce";
}
.icon-skype:before {
    content:"\e7cf";
}
.icon-message2:before {
    content:"\e7dc";
}
.icon-companyname:before {
    content:"\e610";
}
.icon-message1:before {
    content:"\ebe1";
}
.icon-whatsapp1:before {
    content:"\e7c5";
}
.icon-email2:before {
    content:"\e7d0";
}
.icon-email12:before {
    content:"\e7d1";
}
.icon-skype1:before {
    content:"\e7d2";
}
.icon-fax1:before {
    content:"\e7d3";
}
.icon-tel2:before {
    content:"\e7d5";
}
.icon-website:before {
    content:"\e7d7";
}
.icon-phone2:before {
    content:"\e7d8";
}
.icon-mobile1:before {
    content:"\e7d9";
}
.icon-qiyemingcheng-tubiao:before {
    content:"\e601";
}
.icon-address2:before {
    content:"\e68a";
}
.icon-email:before {
    content:"\e7bd";
}
.icon-tel:before {
    content:"\e7c7";
}
.icon-qq1:before {
    content:"\e7ca";
}
.icon-left:before {
    content:"\e61a";
}
.icon-left1:before {
    content:"\e60a";
}
.icon-left2:before {
    content:"\e61e";
}
.icon-top2:before {
    content:"\ebe3";
}
.icon-bottom2:before {
    content:"\ebe4";
}
.icon-right2:before {
    content:"\ebe2";
}
.icon-sousuo:before {
    content:"\e6b9";
}
.icon-sousuo1:before {
    content:"\e603";
}
.icon-sousuo2:before {
    content:"\e63d";
}
.icon-top1:before {
    content:"\e64d";
}
.icon-up13:before {
    content:"\e73a";
}
.icon-bottom13:before {
    content:"\e73b";
}
.icon-left13:before {
    content:"\e73c";
}
.icon-right13:before {
    content:"\e73d";
}
.icon-message:before {
    content:"\e7da";
}
.icon-qq:before {
    content:"\e7cb";
}
.icon-wechat:before {
    content:"\e7cd";
}
.icon-shixinyuanxingjiantoushang1:before {
    content:"\e93f";
}
.icon-shixinyuanxingjiantouxia1:before {
    content:"\e942";
}
.icon-shixinyuanxingjiantouyou1:before {
    content:"\e940";
}
.icon-shixinyuanxingjiantouzuo1:before {
    content:"\e941";
}
.icon-up7:before {
    content:"\e722";
}
.icon-bottom7:before {
    content:"\e723";
}
.icon-left7:before {
    content:"\e724";
}
.icon-right7:before {
    content:"\e725";
}
.icon-up9:before {
    content:"\e72a";
}
.icon-bottom9:before {
    content:"\e72b";
}
.icon-left9:before {
    content:"\e72c";
}
.icon-right9:before {
    content:"\e72d";
}
.icon-up14:before {
    content:"\e73e";
}
.icon-bottom14:before {
    content:"\e73f";
}
.icon-left14:before {
    content:"\e740";
}
.icon-right14:before {
    content:"\e741";
}
.icon-up16:before {
    content:"\e746";
}
.icon-bottom16:before {
    content:"\e747";
}
.icon-left16:before {
    content:"\e748";
}
.icon-right16:before {
    content:"\e749";
}
.icon-liebiao:before {
    content:"\e834";
}
.icon-search:before {
    content:"\e602";
}
.icon-top10:before {
    content:"\e7ee";
}
.icon-bottom10:before {
    content:"\e7ef";
}
.icon-left10:before {
    content:"\e7f0";
}
.icon-right10:before {
    content:"\e7f1";
}
.icon-list:before {
    content:"\e66d";
}
.icon-douyin:before {
    content:"\e614";
}
.icon-weibo:before {
    content:"\e78d";
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
 .owl-carousel .owl-wrapper:after {
    content:".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
 .owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
/* fix */
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-theme {
    position: relative;
}
/* Styling Next and Prev buttons */
 .owl-theme .owl-controls .owl-buttons {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-size: 1.2rem;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/* Styling Pagination*/
 .owl-theme .owl-controls .owl-pagination {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    bottom: 3.28152%;
    left: 3.45238%;
    z-index: 2;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    vertical-align: middle;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 6px;
    font-size: 0;
    background-color: #fff;
    border: solid 1px #fff;
    transition: all 0.5s;
}
@media screen and (max-width: 991px) {
    .owl-theme .owl-controls .owl-page span {
        margin: 0 5px;
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 767px) {
    .owl-theme .owl-controls .owl-page span {
        margin: 0 3px;
        width: 8px;
        height: 8px;
    }
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: transparent;
    border: solid 1px #e3e3e3;
    width: 15px;
    height: 15px;
}
@media screen and (max-width: 991px) {
    .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
        width: 12px;
        height: 12px;
    }
}
@media screen and (max-width: 767px) {
    .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
        width: 10px;
        height: 10px;
    }
}
/* If PaginationNumbers is true */
 .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px;
}
/* preloading images */
 .owl-item.loading {
    min-height: 150px;
    background: url(/themes/simplebootx/style/css/AjaxLoader.gif) no-repeat center center;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
 .owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}
/* fade */
 .owl-fade-out {
    z-index: 10;
    animation: fadeOut 0.7s both ease;
}
.owl-fade-in {
    animation: fadeIn 0.7s both ease;
}
/* backSlide */
 .owl-backSlide-out {
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    animation: backSlideIn 1s both ease;
}
/* goDown */
 .owl-goDown-out {
    animation: scaleToFade 0.7s ease both;
}
.owl-goDown-in {
    animation: goDown 0.6s ease both;
}
/* scaleUp */
 .owl-fadeUp-in {
    animation: scaleUpFrom 0.5s ease both;
}
.owl-fadeUp-out {
    animation: scaleUpTo 0.5s ease both;
}
/* Keyframes */
/*empty*/
 @keyframes empty {
    0% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes backSlideOut {
    25% {
        opacity: 0.5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideIn {
    0%, 25% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: 0.5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
.banner.swiper-container .swiper-slide {
    position: relative;
}
.banner.swiper-container .swiper-slide img {
    display: block;
    width: 100%;
}
.banner.swiper-container .item1 .item-fix {
    top: 26.29213%;
}
.banner.swiper-container .item2 .item-fix {
    top: 35.8427%;
}
.banner.swiper-container .item3 .item-fix {
    top: 31.23596%;
}
.banner.swiper-container .item-fix {
    position: absolute;
    z-index: 9999;
    text-align: center;
    left: 0;
    width: 100%;
}
.banner.swiper-container .swiper-pagination {
    bottom: 2.58427%;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.banner.swiper-container .swiper-pagination > * {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    cursor: pointer;
    transition: all 0.5s;
    width: 7.60417%;
    height: 4px;
    margin: 0 5px;
    background-color: #fff;
    border-radius: 0;
    opacity: 0.8;
}
.banner.swiper-container .swiper-pagination > *.swiper-pagination-bullet-active {
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .banner.swiper-container .swiper-pagination > * {
        height: 3px;
        margin: 0 4px;
    }
}
@media screen and (max-width: 767px) {
    .banner.swiper-container .swiper-pagination > * {
        height: 2px;
        margin: 0 2px;
    }
}
/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
 .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y;
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content:"";
    width: 100%;
    height: 100%;
    background-image: url(/themes/simplebootx/style/css/"data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url(/themes/simplebootx/style/css/"data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}
.m-zhucaiwp .wp, .m-shuixqb1 .wp {
    width: auto;
    padding: 0;
}
.m-hdlang .change-language-cont {
    position: absolute;
    /*top: 120%;*/
    right: 0;
    width: 360px;
    transform: scale3d(0.9, 0.9, 1);
    /*opacity: 0;*/
    /*visibility: hidden;*/
    z-index: 999;
    transition: all 0.3s ease-in-out;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    overflow-y: auto;
    max-height: 80vh;
    top: 15px;
}
.m-hdlang .prisna-wp-translate-seo {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0px 10px 24px;
    color: #414141;
}
.m-hdlang .prisna-wp-translate-seo a {
    color: #333;
    flex: 0 0 auto;
    width: 33.33333%;
    margin-bottom: 16px;
    padding-right: 15px;
    display: flex;
    align-items: center;
}
.m-hdlang .country-flag {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("/themes/simplebootx/style/images/656e9e9a5922c75257.png");
    width: 22px;
    height: 16px;
    margin-right: 8px;
}
html[dir=rtl] .country-flag {
    margin-left: 8px;
    margin-right: 0;
}
.change-language-cont .language-flag .country-flag {
    border-radius: 2px;
    overflow: hidden;
}
.change-language-cont .language-flag span {
    max-width: calc(100% - 30px);
}
.country-flag + span {
    line-height: 1;
    overflow: hidden;
    font-size: 12px;
}
.language-flag-en.country-flag {
    background-position: 0 -256px !important;
}
.language-flag-fr.country-flag {
    background-position: 0 -320px !important;
}
.language-flag-es.country-flag {
    background-position: 0 -800px !important;
}
.language-flag-de.country-flag {
    background-position: 0 -368px !important;
}
.language-flag-ro.country-flag {
    background-position: 0 -720px !important;
}
.language-flag-af.country-flag {
    background-position: 0 0 !important;
}
.language-flag-sq.country-flag {
    background-position: 0 -16px !important;
}
.language-flag-ar.country-flag {
    background-position: 0 -32px !important;
}
.language-flag-hy.country-flag {
    background-position: 0 -48px !important;
}
.language-flag-az.country-flag {
    background-position: 0 -64px !important;
}
.language-flag-eu.country-flag {
    background-position: 0 -80px !important;
}
.language-flag-be.country-flag {
    background-position: 0 -96px !important;
}
.language-flag-bg.country-flag {
    background-position: 0 -112px !important;
}
.language-flag-ca.country-flag {
    background-position: 0 -128px !important;
}
.language-flag-zh.country-flag {
    background-position: 0 -144px !important;
}
.language-flag-zh-TW.country-flag {
    background-position: 0 -160px !important;
}
.language-flag-hr.country-flag {
    background-position: 0 -176px !important;
}
.language-flag-cs.country-flag {
    background-position: 0 -192px !important;
}
.language-flag-da.country-flag {
    background-position: 0 -208px !important;
}
.language-flag-nl.country-flag {
    background-position: 0 -240px !important;
}
.language-flag-et.country-flag {
    background-position: 0 -272px !important;
}
.language-flag-tl.country-flag {
    background-position: 0 -288px !important;
}
.language-flag-fi.country-flag {
    background-position: 0 -304px !important;
}
.language-flag-gl.country-flag {
    background-position: 0 -336px !important;
}
.language-flag-ka.country-flag {
    background-position: 0 -352px !important;
}
.language-flag-el.country-flag {
    background-position: 0 -384px !important;
}
.language-flag-ht.country-flag {
    background-position: 0 -400px !important;
}
.language-flag-iw.country-flag {
    background-position: 0 -416px !important;
}
.language-flag-gu.country-flag, .language-flag-hi.country-flag, .language-flag-kn.country-flag, .language-flag-ta.country-flag, .language-flag-te.country-flag {
    background-position: 0 -432px !important;
}
.language-flag-hu.country-flag {
    background-position: 0 -448px !important;
}
.language-flag-is.country-flag {
    background-position: 0 -464px !important;
}
.language-flag-id.country-flag {
    background-position: 0 -480px !important;
}
.language-flag-ga.country-flag {
    background-position: 0 -496px !important;
}
.language-flag-it.country-flag {
    background-position: 0 -512px !important;
}
.language-flag-ja.country-flag {
    background-position: 0 -528px !important;
}
.language-flag-ko.country-flag {
    background-position: 0 -544px !important;
}
.language-flag-la.country-flag {
    background-position: 0 -560px !important;
}
.language-flag-lv.country-flag {
    background-position: 0 -576px !important;
}
.language-flag-lt.country-flag {
    background-position: 0 -592px !important;
}
.language-flag-mk.country-flag {
    background-position: 0 -608px !important;
}
.language-flag-ms.country-flag {
    background-position: 0 -624px !important;
}
.language-flag-mt.country-flag {
    background-position: 0 -640px !important;
}
.language-flag-no.country-flag {
    background-position: 0 -656px !important;
}
.language-flag-fa.country-flag {
    background-position: 0 -672px !important;
}
.language-flag-pl.country-flag {
    background-position: 0 -688px !important;
}
.language-flag-pt.country-flag {
    background-position: 0 -704px !important;
}
.language-flag-ru.country-flag {
    background-position: 0 -736px !important;
}
.language-flag-sr.country-flag {
    background-position: 0 -752px !important;
}
.language-flag-sk.country-flag {
    background-position: 0 -768px !important;
}
.language-flag-sl.country-flag {
    background-position: 0 -784px !important;
}
.language-flag-sw.country-flag {
    background-position: 0 -816px !important;
}
.language-flag-sv.country-flag {
    background-position: 0 -832px !important;
}
.language-flag-th.country-flag {
    background-position: 0 -848px !important;
}
.language-flag-tr.country-flag {
    background-position: 0 -864px !important;
}
.language-flag-uk.country-flag {
    background-position: 0 -880px !important;
}
.language-flag-ur.country-flag {
    background-position: 0 -896px !important;
}
.language-flag-vi.country-flag {
    background-position: 0 -912px !important;
}
.language-flag-cy.country-flag {
    background-position: 0 -928px !important;
}
.language-flag-yi.country-flag {
    background-position: 0 -944px !important;
}
.language-flag-bn.country-flag {
    background-position: 0 -960px !important;
}
.language-flag-eo.country-flag {
    background-position: 0 -976px !important;
}
.language-flag-hy.country-flag {
    background-position: 0 -1408px;
}
.language-flag-bs.country-flag {
    background-position: 0 -1424px;
}
.language-flag-ceb.country-flag {
    background-position: 0 -1440px;
}
.language-flag-ny.country-flag {
    background-position: 0 -1456px;
}
.language-flag-ha.country-flag {
    background-position: 0 -1472px;
}
.language-flag-hmn.country-flag {
    background-position: 0 -1488px;
}
.language-flag-ig.country-flag {
    background-position: 0 -1504px;
}
.language-flag-jw.country-flag {
    background-position: 0 -1520px;
}
.language-flag-kk.country-flag {
    background-position: 0 -1536px;
}
.language-flag-km.country-flag {
    background-position: 0 -1552px;
}
.language-flag-lo.country-flag {
    background-position: 0 -1568px;
}
.language-flag-la.country-flag {
    background-position: 0 -1584px;
}
.language-flag-mg.country-flag {
    background-position: 0 -1600px;
}
.language-flag-ml.country-flag {
    background-position: 0 -1616px;
}
.language-flag-mi.country-flag {
    background-position: 0 -1632px;
}
.language-flag-mr.country-flag {
    background-position: 0 -1648px;
}
.language-flag-mn.country-flag {
    background-position: 0 -1664px;
}
.language-flag-my.country-flag {
    background-position: 0 -1680px;
}
.language-flag-ne.country-flag {
    background-position: 0 -1696px;
}
.language-flag-pa.country-flag {
    background-position: 0 -1712px;
}
.language-flag-st.country-flag {
    background-position: 0 -1728px;
}
.language-flag-si.country-flag {
    background-position: 0 -1744px;
}
.language-flag-so.country-flag {
    background-position: 0 -1760px;
}
.language-flag-su.country-flag {
    background-position: 0 -1776px;
}
.language-flag-tg.country-flag {
    background-position: 0 -1792px;
}
.language-flag-uz.country-flag {
    background-position: 0 -1808px;
}
.language-flag-yo.country-flag {
    background-position: 0 -1824px;
}
.language-flag-zu.country-flag {
    background-position: 0 -1840px;
}
.language-flag-custom-afghanistan.country-flag {
    background-position: 0 -992px !important;
}
.language-flag-custom-albania.country-flag {
    background-position: 0 -1008px !important;
}
.language-flag-custom-algeria.country-flag {
    background-position: 0 -1024px !important;
}
.language-flag-custom-argentina.country-flag {
    background-position: 0 -1040px !important;
}
.language-flag-custom-australia.country-flag {
    background-position: 0 -1056px !important;
}
.language-flag-custom-austria.country-flag {
    background-position: 0 -1072px !important;
}
.language-flag-custom-belgium.country-flag {
    background-position: 0 -1088px !important;
}
.language-flag-custom-brazil.country-flag {
    background-position: 0 -1104px !important;
}
.language-flag-custom-canada.country-flag {
    background-position: 0 -1120px !important;
}
.language-flag-custom-chile.country-flag {
    background-position: 0 -1136px !important;
}
.language-flag-custom-cote-d-ivoire.country-flag {
    background-position: 0 -1152px !important;
}
.language-flag-custom-ecuador.country-flag {
    background-position: 0 -1168px !important;
}
.language-flag-custom-egypt.country-flag {
    background-position: 0 -1184px !important;
}
.language-flag-custom-england.country-flag {
    background-position: 0 -1200px !important;
}
.language-flag-custom-luxembourg.country-flag {
    background-position: 0 -1216px !important;
}
.language-flag-custom-malaysia.country-flag {
    background-position: 0 -1232px !important;
}
.language-flag-custom-mexico.country-flag {
    background-position: 0 -1248px !important;
}
.language-flag-custom-new-zealand.country-flag {
    background-position: 0 -1264px !important;
}
.language-flag-custom-oman.country-flag {
    background-position: 0 -1280px !important;
}
.language-flag-custom-qatar.country-flag {
    background-position: 0 -1296px !important;
}
.language-flag-custom-saudi-arabia.country-flag {
    background-position: 0 -1312px !important;
}
.language-flag-custom-singapore.country-flag {
    background-position: 0 -1328px !important;
}
.language-flag-custom-south-africa.country-flag {
    background-position: 0 0 !important;
}
.language-flag-custom-switzerland.country-flag {
    background-position: 0 -1344px !important;
}
.language-flag-custom-syria.country-flag {
    background-position: 0 -1360px !important;
}
.language-flag-custom-united-arab-emirates.country-flag {
    background-position: 0 -1376px !important;
}
.language-flag-custom-united-states-of-america.country-flag {
    background-position: 0 -1392px !important;
}
.language-flag-sm.country-flag {
    background-position: 0 -2000px !important;
}
.language-flag-am.country-flag {
    background-position: 0 -1024px !important;
}
.language-flag-fy.country-flag {
    background-position: 0 -240px !important;
}
.language-flag-co.country-flag {
    background-position: 0 -320px !important;
}
.language-flag-am.country-flag {
    background-position: 0 -1856px !important;
}
.language-flag-ku.country-flag {
    background-position: 0 -1886px !important;
}
.language-flag-ky.country-flag {
    background-position: 0 -1904px !important;
}
.language-flag-ps.country-flag {
    background-position: 0 -1936px !important;
}
.language-flag-st.country-flag {
    background-position: 0 -1952px !important;
}
.language-flag-gd.country-flag {
    background-position: 0 -1248px !important;
}
.language-flag-sn.country-flag {
    background-position: 0 -1984px !important;
}
.language-flag-tt.country-flag {
    background-position: 0 -2032px !important;
}
.language-flag-ug.country-flag {
    background-position: 0 -144px !important;
}
.language-flag-sd.country-flag {
    background-position: 0 -1648px !important;
}
.language-flag-lb.country-flag {
    background-position: 0 -1920px !important;
}
.language-flag-haw.country-flag {
    background-position: 0 -1392px !important;
}
.language-flag-or.country-flag {
    background-position: 0 -1648px !important;
}
.language-flag-rw.country-flag {
    background-position: 0 -2016px !important;
}
.language-flag-tk.country-flag {
    background-position: 0 -2048px !important;
}
.g1-bd .box-desc {
    text-indent: 0;
}
.m1-desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
}
.m1-desc a {
    color: #d78712;
}
.m1-desc a:hover {
    text-decoration: underline;
}
.m1-desc p {
    min-height: 26px;
}
.m1-desc img {
    max-width: 100%;
}
.m1-desc iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.m1-desc table {
    width: 100%;
    border-collapse: collapse;
    line-height: 22px;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}
.m1-desc table tr td {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
    .m1-desc {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .m1-desc a {
        color: #d78712;
    }
    .m1-desc a:hover {
        text-decoration: underline;
    }
    .m1-desc p {
        min-height: 24px;
    }
}
.m1-desc2 {
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-desc2 p {
    min-height: 30px;
}
@media screen and (max-width: 991px) {
    .m1-desc2 {
        line-height: 24px;
    }
    .m1-desc2 p {
        min-height: 24px;
    }
}
.m1-btnwp .box-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    line-height: 20px;
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
    border: 1px solid #333;
    border-radius: 50%;
    cursor: pointer;
}
.m1-btnwp .box-btn:hover {
    color: #d78712;
    border-color: #d78712;
}
.m1-slidecontrol {
    position: relative;
}
.m1-slidecontrol .box-page {
    position: relative;
    width: 100%;
    height: 5px;
}
.m1-slidecontrol .swiper-pagination-progressbar-fill {
    background-color: #333;
}
.m1-slidecontrol .prev {
    left: -64px;
}
.m1-slidecontrol .next {
    right: -64px;
}
@media screen and (max-width: 1366px) {
    .m1-slidecontrol {
        padding-left: 40px;
        padding-right: 40px;
    }
    .m1-slidecontrol .prev {
        left: 0;
    }
    .m1-slidecontrol .next {
        right: 0;
    }
}
.m1-alcpb1 {
    padding-top: 84px;
    padding-bottom: 68px;
    background-color: #efefef;
}
.m1-alcpb1 .box-slide {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1620px;
}
.m1-alcpb1 .item-pic {
    border-radius: 15px;
}
.m1-alcpb1 .box-control {
    margin-top: 95px;
    position: relative;
}
@media screen and (max-width: 991px) {
    .m1-alcpb1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .m1-alcpb1 .box-control {
        margin-top: 40px;
    }
}
.m1-alcpb2 {
    padding-top: 118px;
    padding-bottom: 144px;
}
.m1-alcpb2 .box-title {
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
}
.m1-alcpb2 .box-time {
    margin-top: 10px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
.m1-alcpb2 .box-desc {
    margin-top: 25px;
}
.m1-alcpb2 .box-list {
    margin-top: 117px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1166px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -20px;
}
.m1-alcpb2 .box-item {
    margin-right: 4.2881646655%;
    margin-bottom: 20px;
    width: 30.4459691252%;
}
.m1-alcpb2 .box-item:nth-child(3n) {
    margin-right: 0;
}
.m1-alcpb2 .item-title {
    display: block;
    margin-top: 27px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
@media screen and (max-width: 991px) {
    .m1-alcpb2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-alcpb2 .box-title {
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-alcpb2 .box-time {
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-alcpb2 .box-list {
        margin-top: 30px;
    }
    .m1-alcpb2 .item-title {
        margin-top: 10px;
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 375px) {
    .m1-alcpb2 .box-item {
        width: 100%;
        margin-right: 0;
    }
}
.m1-yyform {
    background-color: #f8f8f8;
    padding-top: 169px;
    padding-bottom: 160px;
}
.m1-yyform .box-wp {
    margin-left: auto;
    margin-right: auto;
    max-width: 1150px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-yyform .box-form {
    width: 58.2608695652%;
}
.m1-yyform .box-title {
    margin-bottom: 55px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
    color: #000;
}
.m1-yyform .form-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-yyform .form-item {
    margin-bottom: 42px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-yyform .form-label {
    flex: 0 0 auto;
    min-width: 40px;
    line-height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
}
.m1-yyform .form-control {
    flex: 1 1 auto;
    overflow: hidden;
}
.m1-yyform .form-text {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #eae8e8;
}
.m1-yyform .form-item1 {
    width: 23%;
    max-width: 138px;
}
.m1-yyform .form-item2 {
    width: 100%;
}
.m1-yyform .form-item2 .form-label {
    min-width: 88px;
}
.m1-yyform .form-item3 {
    width: 100%;
    margin-bottom: 0;
    justify-content: flex-end;
}
.m1-yyform .form-btn {
    width: 100%;
    max-width: 136px;
    height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #eae8e8;
    cursor: pointer;
}
.m1-yyform .form-btn:hover {
    color: #fff;
    background-color: #d78712;
}
.m1-yyform .box-wx {
    width: 35.652173913%;
    margin-top: 64px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.m1-yyform .box-wx:before {
    content:"";
    position: absolute;
    left: 0;
    top: 30px;
    width: 2px;
    height: 95px;
    background-color: #000000;
}
.m1-yyform .wx-wp {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    text-align: center;
}
.m1-yyform .wx-wp .img {
    line-height: 0;
    font-size: 0;
}
.m1-yyform .wx-wp .text {
    margin-top: 35px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
    .m1-yyform {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-yyform .box-title {
        margin-bottom: 20px;
    }
    .m1-yyform .form-label {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-yyform .form-item {
        margin-bottom: 10px;
    }
    .m1-yyform .box-form {
        width: 100%;
    }
    .m1-yyform .box-wx {
        width: 100%;
        margin-top: 20px;
    }
    .m1-yyform .box-wx:before {
        display: none;
    }
    .m1-yyform .wx-wp .text {
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-yyform .form-item {
        width: 100%;
        max-width: 100%;
    }
}
.g1-mn1 {
    float: left;
    width: 100%;
    padding-right: 470px;
}
@media screen and (max-width: 1440px) {
    .g1-mn1 {
        padding-right: 370px;
    }
}
@media screen and (max-width: 991px) {
    .g1-mn1 {
        padding-right: 0;
        float: none;
    }
}
.g1-sd1 {
    float: left;
    width: 390px;
    margin-left: -390px;
}
@media screen and (max-width: 1440px) {
    .g1-sd1 {
        width: 330px;
        margin-left: -330px;
    }
}
@media screen and (max-width: 991px) {
    .g1-sd1 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
}
.c1-pt-100 {
    padding-top: 100px;
}
@media screen and (max-width: 991px) {
    .c1-pt-100 {
        padding-top: 30px;
    }
}
.m1-videoplay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url("/themes/simplebootx/style/images/play1.png") no-repeat center;
    background-size: 100% 100%;
}
.m1-cpcp .box-title {
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
}
.m1-cpcp .box-time {
    margin-top: 5px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
}
.m1-cpcp .box-info {
    margin-top: 33px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-cpcp .box-link {
    margin-top: 105px;
}
.m1-cpcp .box-link a {
    display: inline-block;
    min-width: 116px;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #000;
}
.m1-cpcp .box-link a:hover {
    color: #fff;
    background-color: #000;
}
.m1-cpcp .box-video {
    margin-top: 45px;
    line-height: 0;
    font-size: 0;
}
.m1-cpcp .box-video a {
    display: inline-block;
    position: relative;
}
.m1-cpcp .box-video .play {
    width: 9.4444444444%;
    padding-top: 9.4444444444%;
}
.m1-cpcp .box-desc {
    margin-top: 45px;
}
.m1-cpcp .box-slide {
    margin-top: 45px;
    position: relative;
}
.m1-cpcp .box-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4.0740740741%;
    padding-top: 6.7592592593%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 2;
}
.m1-cpcp .prev {
    left: 20px;
    background-image: url("/themes/simplebootx/style/images/jtl1.png");
}
.m1-cpcp .prev:hover {
    background-image: url("/themes/simplebootx/style/images/jtl2.png");
}
.m1-cpcp .next {
    right: 20px;
    background-image: url("/themes/simplebootx/style/images/jtr1.png");
}
.m1-cpcp .next:hover {
    background-image: url("/themes/simplebootx/style/images/jtr2.png");
}
@media screen and (max-width: 991px) {
    .m1-cpcp .box-title {
        line-height: 26px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-cpcp .box-info, .m1-cpcp .box-time {
        margin-top: 10px;
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-cpcp .box-link {
        margin-top: 30px;
    }
    .m1-cpcp .box-video, .m1-cpcp .box-slide, .m1-cpcp .box-desc {
        margin-top: 30px;
    }
}
.m1-sdcpcp {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 66px;
    padding-bottom: 110px;
    background-color: #faf54b;
}
.m1-sdcpcp .box-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
}
.m1-sdcpcp .list-item {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 36px;
    width: 100%;
}
.m1-sdcpcp .list-item:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 51px;
    height: 2px;
    background-color: #333;
}
.m1-sdcpcp .item-name {
    margin-top: 21px;
}
.m1-sdcpcp .item-name, .m1-sdcpcp .item-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
}
.m1-sdcpcp .item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m1-sdcpcp .item-title a {
    display: inline;
}
.m1-sdcpcp .item-fix {
    margin-top: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.m1-sdcpcp .item-time {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
}
.m1-sdcpcp .item-link a {
    display: inline-block;
    min-width: 116px;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #000;
}
.m1-sdcpcp .item-link a:hover {
    color: #fff;
    background-color: #000;
}
@media screen and (max-width: 991px) {
    .m1-sdcpcp {
        padding: 20px 15px;
    }
    .m1-sdcpcp .box-list {
        margin-bottom: -20px;
        align-items: stretch;
    }
    .m1-sdcpcp .list-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-left: 1%;
        margin-right: 1% !important;
        width: 31.33%;
    }
    .m1-sdcpcp .item-name {
        margin-top: 10px;
    }
    .m1-sdcpcp .item-fix {
        margin-top: 10px;
    }
    .m1-sdcpcp .item-name, .m1-sdcpcp .item-time, .m1-sdcpcp .item-title {
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-sdcpcp .item-link a {
        min-width: 80px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-sdcpcp .list-item {
        width: 100%;
    }
}
.m1-dslb1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1635px;
    background-color: #212121;
    padding-top: 54px;
    padding-bottom: 67px;
}
.m1-dslb1 .box-wp {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1400px;
    overflow-y: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-height: 750px;
}
.m1-dslb1 .box-item {
    margin-bottom: 105px;
    width: 49.2857142857%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-dslb1 .item-pic {
    width: 46.3768115942%;
    margin-right: 20px;
    flex: 0 0 auto;
}
.m1-dslb1 .item-text {
    flex: 1 1 auto;
    align-self: center;
    overflow: hidden;
    color: #fff;
    padding-right: 10px;
}
.m1-dslb1 .item-text a {
    color: #fff;
}
.m1-dslb1 .item-name {
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
}
.m1-dslb1 .item-addr {
    margin-top: 9px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
.m1-dslb1 .item-desc {
    margin-top: 28px;
    max-height: 150px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
.m1-dslb1 .item-link {
    margin-top: 34px;
}
.m1-dslb1 .item-link a {
    display: inline-block;
    min-width: 116px;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 20px;
}
.m1-dslb1 .item-link a:hover {
    background-color: #fff;
    color: #d78712;
}
.m1-dslb1 .box-wp{
	padding-right: 10px;
}
.m1-dslb1 .box-wp::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.m1-dslb1 .box-wp::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.m1-dslb1 .box-wp::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	  background   : rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 991px) {
    .m1-dslb1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-dslb1 .box-item {
        margin-bottom: 20px;
    }
    .m1-dslb1 .item-name, .m1-dslb1 .item-addr, .m1-dslb1 .item-desc {
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-dslb1 .item-desc {
        margin-top: 10px;
        max-height: 88px;
    }
    .m1-dslb1 .item-link {
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-dslb1 .box-item {
        width: 100%;
    }
}
.m1-dslb2 {
    margin-top: 188px;
}
.m1-dslb2 .box-title {
    text-align: center;
    margin-bottom: 66px;
    line-height: 70px;
    font-size: 60px;
    font-size: 6rem;
    font-weight: 300;
}
.m1-dslb2 .box-name {
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
}
.m1-dslb2 .box-addr {
    margin-top: 8px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
.m1-dslb2 .box-desc {
    margin-top: 17px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-dslb2 .box-desc p {
    min-height: 30px;
}
.m1-dslb2 .box-video {
    margin-top: 54px;
    background-color: #efefef;
    padding-top: 58px;
    padding-bottom: 58px;
}
.m1-dslb2 .video-wp {
    margin-left: auto;
    margin-right: auto;
    max-width: 870px;
}
.m1-dslb2 .video-wp a {
    position: relative;
    display: inline-block;
    line-height: 0;
    font-size: 0;
}
.m1-dslb2 .video-wp img {
    border-radius: 30px;
}
.m1-dslb2 .video-wp .play {
    width: 14.4827586207%;
    padding-top: 14.4827586207%;
}
@media screen and (max-width: 991px) {
    .m1-dslb2 {
        margin-top: 30px;
    }
    .m1-dslb2 .box-title {
        margin-bottom: 20px;
        line-height: 26px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-dslb2 .box-name {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-dslb2 .box-addr {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-dslb2 .box-desc {
        line-height: 24px;
    }
    .m1-dslb2 .box-desc p {
        min-height: 24px;
    }
    .m1-dslb2 .box-video {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.m1-mzxjm {
    padding-top: 0;
}
.m1-dslb3 {
    padding-top: 196px;
}
.m1-dslb3 .box-item {
    margin-top: 16px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-dslb3 .box-item:first-child {
    margin-top: 0;
}
.m1-dslb3 .item-pic {
    order: 2;
    width: 47.5%;
}
.m1-dslb3 .item-text {
    width: 46.5%;
    align-self: stretch;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 1px solid #333;
    transform: translateY(30px);
    padding-top: 12px;
    padding-bottom: 12px;
}
.m1-dslb3 .item-hd {
    flex: 0 0 auto;
    width: 100%;
}
.m1-dslb3 .item-title {
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}
.m1-dslb3 .item-ftt {
    margin-top: 7px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
.m1-dslb3 .item-bd {
    flex: 1 1 auto;
    margin-top: 12px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}
.m1-dslb3 .item-desc {
    width: 100%;
}
@media screen and (max-width: 991px) {
    .m1-dslb3 {
        padding-top: 30px;
    }
    .m1-dslb3 .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-dslb3 .item-ftt {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-dslb3 .item-pic {
        width: 100%;
    }
    .m1-dslb3 .item-text {
        width: 100%;
        transform: none;
        order: 2;
    }
}
.m1-dslb4 {
    padding-top: 253px;
    background: url("/themes/simplebootx/style/images/dslb4-bg1.jpg") no-repeat center top;
}
.m1-dslb4 .box-desc {
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-dslb4 .box-wp {
    margin-top: 140px;
    margin-bottom: -20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-dslb4 .box-item {
    margin-bottom: 20px;
    margin-right: 0.3571428571%;
    width: 33.0714285714%;
}
.m1-dslb4 .box-item:nth-child(3n) {
    margin-right: 0;
}
.m1-dslb4 .item-pic {
    border-radius: 20px;
}
@media screen and (max-width: 1219px) {
    .m1-dslb4 {
        padding-top: 30px;
    }
    .m1-dslb4 .box-wp {
        margin-top: 30px;
    }
}
.m1-fwzc {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 910px;
}
.m1-fwzc .box-title {
    margin-bottom: 60px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
}
.m1-fwzc .box-desc strong {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
@media screen and (max-width: 991px) {
    .m1-fwzc .box-title {
        margin-bottom: 30px;
        line-height: 26px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-fwzc .box-desc em {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.m1-fwyy .form-text::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}
.m1-fwyy .form-text:-moz-placeholder {
    color: #333;
    opacity: 1;
}
.m1-fwyy .form-text::-moz-placeholder {
    color: #333;
    opacity: 1;
}
.m1-fwyy .form-text:-ms-input-placeholder {
    color: #333;
    opacity: 1;
}
.m1-fwyy {
    background-color: #efefef;
    padding-top: 72px;
    padding-bottom: 73px;
}
.m1-fwyy .box-title {
    margin-bottom: 37px;
    padding-left: 50px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
}
.m1-fwyy .form-item1 {
    margin-bottom: 20px;
}
.m1-fwyy .form-item2 {
    padding-top: 34px;
    margin-bottom: 0;
}
.m1-fwyy .form-text {
    display: block;
    width: 100%;
    height: 80px;
    padding-left: 50px;
    padding-right: 10px;
    font-size: 20px;
    font-size: 2rem;
    color: #333;
    background-color: #fff;
}
.m1-fwyy .form-text2 {
    height: 260px;
    line-height: 30px;
    padding-top: 25px;
}
.m1-fwyy .form-btn {
    display: inline-block;
    min-width: 150px;
    line-height: 26px;
    padding: 15px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    letter-spacing: 2px;
    background-color: #b31414;
}
.m1-fwyy .form-btn:hover {
    color: #fff;
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .m1-fwyy {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-fwyy .form-item {
        margin-bottom: 10px;
    }
    .m1-fwyy .form-item2 {
        padding-top: 10px;
    }
    .m1-fwyy .form-text {
        height: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 20px;
    }
    .m1-fwyy .box-title {
        margin-bottom: 20px;
        padding-left: 20px;
        line-height: 26px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-fwyy .form-text2 {
        height: 120px;
        line-height: 20px;
        padding-top: 10px;
    }
    .m1-fwyy .form-btn {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 10px;
        line-height: 20px;
    }
}
.m1-jyfqb1 .form-text::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}
.m1-jyfqb1 .form-text:-moz-placeholder {
    color: #333;
    opacity: 1;
}
.m1-jyfqb1 .form-text::-moz-placeholder {
    color: #333;
    opacity: 1;
}
.m1-jyfqb1 .form-text:-ms-input-placeholder {
    color: #333;
    opacity: 1;
}
.m1-jyfqb1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #f6f6f6;
}
.m1-jyfqb1 .box-left {
    width: 41.0714285714%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.m1-jyfqb1 .box-info {
    position: absolute;
    top: 170px;
    width: 100%;
    right: 0;
    width: 100%;
    max-width: 260px;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 300;
}
.m1-jyfqb1 .box-info .title {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-jyfqb1 .box-info .info {
    margin-top: 2px;
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
}
.m1-jyfqb1 .box-right {
    padding-left: 60px;
    padding-right: 30px;
    padding-top: 31px;
    padding-bottom: 34px;
    width: 58.9285714286%;
}
.m1-jyfqb1 .box-title {
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
}
.m1-jyfqb1 .box-desc {
    margin-top: 2px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
}
.m1-jyfqb1 .box-form {
    margin-top: 32px;
    max-width: 500px;
}
.m1-jyfqb1 .form-item1 {
    margin-bottom: 10px;
}
.m1-jyfqb1 .form-item2 {
    padding-top: 24px;
    margin-bottom: 0;
}
.m1-jyfqb1 .form-text {
    display: block;
    width: 100%;
    height: 50px;
    padding-left: 24px;
    padding-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    background-color: #fff;
}
.m1-jyfqb1 .form-text2 {
    height: 160px;
    line-height: 26px;
    padding-top: 12px;
}
.m1-jyfqb1 .form-btn {
    display: inline-block;
    min-width: 114px;
    line-height: 26px;
    padding: 12px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    letter-spacing: 2px;
    background-color: #b31414;
}
.m1-jyfqb1 .form-btn:hover {
    color: #fff;
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .m1-jyfqb1 .box-info .info {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-jyfqb1 .box-right {
        padding: 30px 20px;
    }
    .m1-jyfqb1 .box-title {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-jyfqb1 .box-form {
        margin-top: 20px;
    }
    .m1-jyfqb1 .form-item {
        margin-bottom: 10px;
    }
    .m1-jyfqb1 .form-item2 {
        padding-top: 10px;
    }
    .m1-jyfqb1 .form-text {
        height: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 20px;
    }
    .m1-jyfqb1 .form-text2 {
        height: 120px;
        line-height: 20px;
        padding-top: 10px;
    }
    .m1-jyfqb1 .form-btn {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 10px;
        line-height: 20px;
    }
}
@media screen and (max-width: 640px) {
    .m1-jyfqb1 .box-left, .m1-jyfqb1 .box-right {
        width: 100%;
    }
    .m1-jyfqb1 .box-left {
        padding: 30px 20px 0;
        background: none !important;
    }
    .m1-jyfqb1 .box-info {
        position: relative;
        top: auto;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}
.m1-jyfqb2 {
    margin-top: 57px;
    margin-bottom: -20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m1-jyfqb2 .box-item {
    margin-bottom: 20px;
    margin-right: 0.8928571429%;
    width: 32.5892857143%;
    background-color: #f6f6f6;
    padding-left: 4.0178571429%;
    padding-right: 3.9285714286%;
    padding-top: 31px;
    padding-bottom: 31px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.m1-jyfqb2 .box-item:nth-child(3n) {
    margin-right: 0;
}
.m1-jyfqb2 .box-item:hover .item-info {
    color: #d78712;
}
.m1-jyfqb2 .box-item:hover .item-info i {
    border-left-color: #d78712;
}
.m1-jyfqb2 .item-icon {
    flex: 0 0 auto;
    order: 2;
    width: 48px;
    line-height: 0;
    font-size: 0;
    margin-left: 10px;
}
.m1-jyfqb2 .item-text {
    flex: 1 1 auto;
    overflow: hidden;
    font-weight: 300;
}
.m1-jyfqb2 .item-title {
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
}
.m1-jyfqb2 .item-info {
    position: relative;
    padding-right: 26px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-jyfqb2 .item-info i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 8px solid #333;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
@media screen and (max-width: 991px) {
    .m1-jyfqb2 {
        margin-top: 30px;
    }
    .m1-jyfqb2 .box-item {
        padding: 20px 15px;
    }
    .m1-jyfqb2 .item-icon {
        width: 30px;
    }
    .m1-jyfqb2 .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-jyfqb2 .box-item {
        width: 100%;
        margin-right: 0;
    }
}
.m1-sybk .box-wp {
    margin-top: 11px;
    background-color: #f6f6f6;
}
.m1-sybk .box-wp:first-child {
    margin-top: 0;
}
.m1-sybk .box-title {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
    background-color: #eaeaea;
}
.m1-sybk .box-title .iconfont {
    position: absolute;
    right: 30px;
    top: 16px;
}
.m1-sybk .box-title .icon-jian2 {
    display: none;
}
.m1-sybk .box-title.active {
    background-color: #b50e12;
    color: #fff;
}
.m1-sybk .box-title.active .icon-jian2 {
    display: block;
}
.m1-sybk .box-title.active .icon-jia2 {
    display: none;
}
.m1-sybk .box-fix {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: none;
}
.m1-sybk .box-fix.show {
    display: block;
}
.m1-sybk .box-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-sybk .list-item {
    width: 47.0093457944%;
    border-top: 1px solid #333;
}
.m1-sybk .item-title {
    position: relative;
    padding-left: 17px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m1-sybk .item-title a {
    display: inline;
}
.m1-sybk .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: #b50e12;
    border-radius: 50%;
}
@media screen and (max-width: 991px) {
    .m1-sybk .box-title {
        padding-left: 20px;
        padding-right: 50px;
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-sybk .box-title .iconfont {
        right: 20px;
    }
    .m1-sybk .box-fix {
        padding: 20px 15px;
    }
}
@media screen and (max-width: 640px) {
    .m1-sybk .list-item {
        width: 100%;
    }
}
.m1-hdztl {
    margin-top: 91px;
}
.m1-hdztl:first-child {
    margin-top: 0;
}
.m1-hdztl .box-hd {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.m1-hdztl .box-title {
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
}
.m1-hdztl .box-link a, .m1-hdztl .item-link a {
    display: inline-block;
    min-width: 116px;
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    border: 2px solid #333;
    border-radius: 20px;
    padding: 5px 10px;
}
.m1-hdztl .box-link a:hover, .m1-hdztl .item-link a:hover {
    color: #fff;
    background-color: #333;
}
.m1-hdztl .box-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -65px;
}
.m1-hdztl .list-item {
    margin-right: 3.2142857143%;
    margin-bottom: 65px;
    width: 30.9285714286%;
}
.m1-hdztl .list-item:nth-child(3n) {
    margin-right: 0;
}
.m1-hdztl .item-top {
    position: relative;
}
.m1-hdztl .item-pic {
    border-radius: 10px;
    overflow: hidden;
}
.m1-hdztl .item-link {
    position: absolute;
    right: 12px;
    bottom: 18px;
}
.m1-hdztl .item-link a {
    border-color: #fff;
    color: #fff;
}
.m1-hdztl .item-fix {
    margin-top: 15px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.m1-hdztl .item-title {
    flex: 1 1 auto;
    margin-right: 10px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m1-hdztl .item-title a {
    display: inline;
}
.m1-hdztl .item-time {
    flex: 0 0 auto;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
}
.m1-hdztl .item-desc {
    margin-top: 19px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    max-height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .m1-hdztl {
        margin-top: 30px;
    }
    .m1-hdztl .box-hd {
        margin-bottom: 20px;
    }
    .m1-hdztl .box-title {
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-hdztl .item-fix {
        margin-top: 10px;
    }
    .m1-hdztl .item-desc {
        margin-top: 10px;
        max-height: 88px;
        line-height: 22px;
    }
    .m1-hdztl .item-time, .m1-hdztl .item-title {
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-hdztl .list-item {
        width: 48%;
        margin-left: 1%;
        margin-right: 1% !important;
    }
}
@media screen and (max-width: 375px) {
    .m1-hdztl .list-item {
        width: 98%;
    }
}
.m1-hdztb1 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    text-align: center;
    line-height: 30px;
}
.m1-hdztb1 .box-desc p {
    min-height: 30px;
}
@media screen and (max-width: 991px) {
    .m1-hdztb1 .box-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m1-hdztb2 {
    margin-top: 107px;
    background-color: #efefef;
    padding-top: 84px;
    padding-bottom: 76px;
}
.m1-hdztb2 .box-slide {
    width: 98%;
    max-width: 1872px;
    width: 97.5%;
    margin-left: auto;
    margin-right: auto;
}
.m1-hdztb2 .box-control {
    margin-top: 108px;
}
.m1-hdztb2 .item-pic {
    border-radius: 10px;
}
.m1-hdztb2 .play {
    width: 14.5506419401%;
    padding-top: 14.5506419401%;
}
@media screen and (max-width: 991px) {
    .m1-hdztb2 {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-hdztb2 .box-control {
        margin-top: 30px;
    }
}
.m1-hdztb4 {
    margin-top: 137px;
    padding-top: 38px;
    padding-bottom: 45px;
    background-color: #f4ea29;
}
.m1-hdztb4 .box-slide {
    position: relative;
}
.m1-hdztb4 .swiper-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1062px;
}
.m1-hdztb4 .box-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.1428571429%;
    padding-top: 5.2142857143%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 2;
}
.m1-hdztb4 .prev {
    right: 100%;
    background-image: url("/themes/simplebootx/style/images/jtl2.png");
}
.m1-hdztb4 .prev:hover {
    background-image: url("/themes/simplebootx/style/images/jtl1.png");
}
.m1-hdztb4 .next {
    left: 100%;
    background-image: url("/themes/simplebootx/style/images/jtr2.png");
}
.m1-hdztb4 .next:hover {
    background-image: url("/themes/simplebootx/style/images/jtr1.png");
}
@media screen and (max-width: 1660px) {
    .m1-hdztb4 .prev {
        right: auto;
        left: 10px;
    }
    .m1-hdztb4 .next {
        left: auto;
        right: 10px;
    }
}
@media screen and (max-width: 991px) {
    .m1-hdztb4 {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.m1-syzzb1 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    font-size: 2rem;
}
.m1-syzzb1 .box-img {
    margin-top: 155px;
}
@media screen and (max-width: 1219px) {
    .m1-syzzb1 .box-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-syzzb1 .box-img {
        margin-top: 20px;
    }
}
.m1-syzzb3 {
    margin-top: 152px;
}
.m1-syzzb3 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    text-align: center;
}
.m1-syzzb3 .box-wp {
    margin-top: 142px;
}
.m1-syzzb3 .box-item {
    margin-top: 32px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-syzzb3 .box-item .item-pic {
    width: 56.0714285714%;
}
.m1-syzzb3 .box-item .item-text {
    width: 28.5714285714%;
    padding-top: 26px;
    border-top: 1px solid #333;
    align-self: center;
}
.m1-syzzb3 .box-item:first-child {
    margin-top: 0;
}
.m1-syzzb3 .box-item1 .item-text {
    margin-right: 9.2857142857%;
}
.m1-syzzb3 .box-item2 .item-pic {
    order: 2;
}
.m1-syzzb3 .box-item2 .item-text {
    margin-left: 8.4285714286%;
}
@media screen and (max-width: 991px) {
    .m1-syzzb3 {
        margin-top: 30px;
    }
    .m1-syzzb3 .box-wp {
        margin-top: 30px;
    }
    .m1-syzzb3 .box-item {
        margin-top: 20px;
    }
    .m1-syzzb3 .box-item .item-text {
        padding-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-syzzb3 .box-item .item-pic {
        width: 100%;
    }
    .m1-syzzb3 .box-item .item-text {
        order: 2;
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
    }
}
.m1-syzzb4 {
    margin-top: 149px;
}
.m1-syzzb4 .box-wp {
    margin-bottom: -20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-syzzb4 .box-item {
    margin-bottom: 20px;
    width: 49.4791666667%;
}
@media screen and (max-width: 991px) {
    .m1-syzzb4 {
        margin-top: 30px;
    }
}
.m1-syzzb5 {
    margin-top: 125px;
}
.m1-syzzb5 .box-wp {
    max-width: 1295px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-syzzb5 .box-fix {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-syzzb5 .box-item {
    position: relative;
    width: 100%;
}
.m1-syzzb5 .box-item .item-title {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 13px;
    z-index: 2;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fefefe;
}
.m1-syzzb5 .box-fix1 {
    width: 50.0386100386%;
}
.m1-syzzb5 .box-fix1 .box-item1 {
    width: 50%;
}
.m1-syzzb5 .box-fix2 {
    width: 24.9420849421%;
}
.m1-syzzb5 .box-fix3 {
    width: 25.0193050193%;
}
@media screen and (max-width: 991px) {
    .m1-syzzb5 {
        margin-top: 30px;
    }
    .m1-syzzb5 .box-item .item-title {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }
}
@media screen and (max-width: 480px) {
    .m1-syzzb5 .box-fix1 {
        width: 100%;
    }
    .m1-syzzb5 .box-fix2, .m1-syzzb5 .box-fix3 {
        width: 50%;
    }
}
.m1-sjsb1 .box-title {
    margin-bottom: 80px;
    line-height: 70px;
    font-size: 60px;
    font-size: 6rem;
    font-weight: 300;
    text-align: center;
}
.m1-sjsb1 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-sjsb1 .box-text {
    width: 38.3333333333%;
    align-self: center;
}
.m1-sjsb1 .box-text .name {
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    color: #000;
}
.m1-sjsb1 .box-text .type {
    margin-top: 10px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
}
.m1-sjsb1 .box-text .desc {
    margin-top: 41px;
    color: #000;
}
.m1-sjsb1 .box-img {
    width: 47.9166666667%;
    position: relative;
    line-height: 0;
    font-size: 0;
    order: 2;
}
.m1-sjsb1 .box-img:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #616161;
    border-radius: 50%;
}
.m1-sjsb1 .box-img img {
    border-radius: 50%;
    transform: translateX(13.5652173913%);
}
@media screen and (max-width: 1440px) {
    .m1-sjsb1 .box-img img {
        transform: none;
        z-index: 2;
        position: relative;
    }
    .m1-sjsb1 .box-img:before {
        transform: translateX(-1%);
    }
}
@media screen and (max-width: 991px) {
    .m1-sjsb1 .box-title {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .m1-sjsb1 .box-text .name {
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-sjsb1 .box-text .type {
        margin-top: 10px;
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-sjsb1 .box-text .desc {
        margin-top: 10px;
    }
}
@media screen and (max-width: 480px) {
    .m1-sjsb1 .box-img {
        width: 100%;
        padding-left: 1%;
        margin-top: 20px;
    }
    .m1-sjsb1 .box-text {
        width: 100%;
    }
}
.m1-sjsb2 {
    margin-top: 110px;
    padding-top: 54px;
    padding-bottom: 60px;
    background-color: #212121;
}
.m1-sjsb2 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: -70px;
}
.m1-sjsb2 .box-item {
    margin-bottom: 70px;
    width: 49%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-sjsb2 .item-pic {
    width: 46.6472303207%;
}
.m1-sjsb2 .item-text {
    width: 50.7288629738%;
    align-self: center;
}
.m1-sjsb2 .item-title {
    position: relative;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    color: #fff;
    padding-bottom: 25px;
}
.m1-sjsb2 .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 3px;
    background-color: #fff;
}
.m1-sjsb2 .item-desc {
    margin-top: 26px;
    color: #fff;
}
@media screen and (max-width: 1219px) {
    .m1-sjsb2 {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-sjsb2 .box-wp {
        margin-bottom: -20px;
    }
    .m1-sjsb2 .box-item {
        margin-bottom: 20px;
    }
    .m1-sjsb2 .item-title {
        padding-bottom: 10px;
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-sjsb2 .item-desc {
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-sjsb2 .box-item {
        width: 100%;
    }
}
@media screen and (max-width: 375px) {
    .m1-sjsb2 .item-pic {
        width: 100%;
    }
    .m1-sjsb2 .item-text {
        width: 100%;
        margin-top: 10px;
    }
}
.m1-sjsb3 {
    margin-top: 108px;
}
.m1-sjsb3 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 810px;
    text-align: center;
}
.m1-sjsb3 .box-slide {
    position: relative;
    margin-top: 120px;
}
.m1-sjsb3 .box-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 60px;
    line-height: 60px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    background-color: #fff;
}
.m1-sjsb3 .box-btn:hover {
    color: #fff;
    background-color: #d78712;
}
.m1-sjsb3 .prev {
    left: 10.3125%;
}
.m1-sjsb3 .next {
    right: 10.3125%;
}
@media screen and (max-width: 991px) {
    .m1-sjsb3 {
        margin-top: 30px;
    }
    .m1-sjsb3 .box-slide {
        margin-top: 30px;
    }
    .m1-sjsb3 .box-btn {
        width: 40px;
        line-height: 40px;
    }
}
.m1-nlnk a {
    display: inline-block;
    min-width: 116px;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    text-align: center;
    border: 2px solid #333;
    border-radius: 20px;
}
.m1-nlnk a:hover {
    color: #fff;
    background-color: #333;
}
.m1-sjsb4 {
    margin-top: 105px;
}
.m1-sjsb4 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 645px;
    text-align: center;
}
.m1-sjsb4 .box-wp {
    margin-top: 100px;
    margin-bottom: -20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-sjsb4 .box-item {
    margin-right: 1.9661016949%;
    margin-bottom: 20px;
    width: 31.9322033898%;
}
.m1-sjsb4 .box-item:nth-child(3n) {
    margin-right: 0;
}
.m1-sjsb4 .item-link {
    margin-top: 18px;
}
@media screen and (max-width: 991px) {
    .m1-sjsb4 {
        margin-top: 30px;
    }
    .m1-sjsb4 .box-wp {
        margin-top: 30px;
    }
    .m1-sjsb4 .item-link {
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-sjsb4 .box-item {
        width: 100%;
        margin-right: 0;
    }
}
.m1-wxaznav1 {
    margin-bottom: 88px;
}
.m1-wxaznav1 .box-nav {
    margin-bottom: -10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.m1-wxaznav1 .nav-item {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 8px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    border: 2px solid #333;
    border-radius: 10px;
    text-align: center;
}
.m1-wxaznav1 .nav-item:hover {
    color: #fff;
    background-color: #333;
}
@media screen and (max-width: 991px) {
    .m1-wxaznav1 {
        margin-bottom: 30px;
    }
    .m1-wxaznav1 .box-nav {
        justify-content: flex-start;
    }
    .m1-wxaznav1 .nav-item {
        line-height: 28px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.m1-wxaztt {
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    text-align: center;
    margin-bottom: 59px;
}
@media screen and (max-width: 991px) {
    .m1-wxaztt {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 20px;
    }
}
.m1-wxazb1 .box-video {
    margin-left: auto;
    margin-right: auto;
    max-width: 1011px;
    position: relative;
}
.m1-wxazb1 .box-video a {
    position: relative;
    display: inline-block;
}
.m1-wxazb1 .box-video img {
    border-radius: 20px;
}
.m1-wxazb1 .box-video .play {
    width: 14.5400593472%;
    padding-top: 14.5400593472%;
}
.m1-wxazb2 {
    margin-top: 96px;
}
.m1-wxazb2 .box-wp {
    background: url("/themes/simplebootx/style/images/wxazb2-bg1.jpg") no-repeat center;
    background-size: cover;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m1-wxazb2 .box-item {
    width: 33.33%;
    border-right: 10px solid #fff;
    padding-left: 5.2083333333%;
    padding-right: 2.6041666667%;
    padding-top: 77px;
    padding-bottom: 51px;
}
.m1-wxazb2 .box-item:nth-child(3n) {
    border-right: none;
}
.m1-wxazb2 .item-title {
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.m1-wxazb2 .item-fix {
    margin-top: 60px;
    padding-left: 60px;
}
.m1-wxazb2 .title {
    margin-top: 50px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
}
@media screen and (max-width: 991px) {
    .m1-wxazb2 {
        margin-top: 30px;
    }
    .m1-wxazb2 .box-item {
        padding: 30px 20px;
    }
    .m1-wxazb2 .item-title {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-wxazb2 .item-fix {
        margin-top: 20px;
        padding-left: 20px;
    }
    .m1-wxazb2 .title {
        margin-top: 10px;
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-wxazb2 .box-item {
        width: 100%;
        border-right: auto;
        border-bottom: 2px solid #fff;
    }
    .m1-wxazb2 .box-item:nth-child(3n) {
        border-bottom: none;
    }
}
.m1-wxazb3 {
    padding-top: 138px;
    padding-bottom: 75px;
    background-color: #f2f6f8;
}
.m1-wxazb3 .box-img {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1617px;
    line-height: 0;
    font-size: 0;
}
@media screen and (max-width: 991px) {
    .m1-wxazb3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.m1-wxazb4 {
    position: relative;
    margin-top: 90px;
    line-height: 0;
    font-size: 0;
}
@media screen and (max-width: 991px) {
    .m1-wxazb4 {
        margin-top: 30px;
    }
}
.m1-wxazb5 {
    background-color: #272727;
    border-radius: 20px 20px 0 0;
    padding-top: 75px;
    padding-bottom: 194px;
}
.m1-wxazb5 .box-hd {
    margin-bottom: 171px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    color: #fff;
}
.m1-wxazb5 .box-title {
    margin-bottom: 10px;
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
}
.m1-wxazb5 .box-title a{
    color: #fff;
}
.m1-wxazb5 .box-desc {
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    align-self: center;
}
.m1-wxazb5 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.m1-wxazb5 .box-content {
    width: 64.75%;
    max-width: calc(100% - 210px);
}
.m1-wxazb5 .box-content .swiper-container {
    height: 422px;
}
.m1-wxazb5 .box-content .swiper-slide {
    height: auto;
}
.m1-wxazb5 .box-content .item-pic {
    position: relative;
    border-radius: 20px;
}
.m1-wxazb5 .box-content .item-pic:before {
    content:"";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/themes/simplebootx/style/images/wxazb5-img2.png") no-repeat center;
    background-size: 100% 100%;
}
.m1-wxazb5 .box-addr {
    position: relative;
    width: 190px;
    align-self: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 44px;
    padding-bottom: 44px;
}
.m1-wxazb5 .box-addr .swiper-container {
    width: 100%;
    height: 300px;
}
.m1-wxazb5 .box-addr .box-item {
    position: relative;
    padding-right: 17px;
}
.m1-wxazb5 .box-addr .box-item .item-title {
    line-height: 60px;
    font-size: 34px;
    font-size: 3.4rem;
    color: #fff;
    text-align: center;
}
.m1-wxazb5 .box-addr .box-item:after {
    content:"";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 17px;
    height: 61px;
    background-color: transparent;
}
.m1-wxazb5 .box-addr .swiper-slide-thumb-active .item-title {
    font-size: 44px;
    font-size: 4.4rem;
}
.m1-wxazb5 .box-addr .swiper-slide-thumb-active .box-item:after {
    background-color: #fff;
}
.m1-wxazb5 .box-addr:before {
    content:"";
    position: absolute;
    right: 5px;
    top: 0;
    width: 6px;
    height: 100%;
    background-color: #fff;
}
.m1-wxazb5 .box-btn {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-size: 2rem;
    padding-right: 17px;
    text-align: center;
}
.m1-wxazb5 .box-btn .icon-left7, .m1-wxazb5 .box-btn .icon-right7 {
    display: none;
}
.m1-wxazb5 .prev {
    top: 0;
}
.m1-wxazb5 .next {
    bottom: 0;
}
@media screen and (max-width: 991px) {
    .m1-wxazb5 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-wxazb5 .box-title {
        line-height: 26px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-wxazb5 .box-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-wxazb5 .box-hd {
        margin-bottom: 30px;
    }
    .m1-wxazb5 .box-wp {
        max-width: 777px;
        display: block;
    }
    .m1-wxazb5 .box-content {
        width: 100%;
        max-width: 100%;
    }
    .m1-wxazb5 .box-content .swiper-container {
        height: auto;
    }
    .m1-wxazb5 .box-addr {
        margin-top: 30px;
        width: 100%;
        padding: 0 40px;
    }
    .m1-wxazb5 .box-addr .swiper-container {
        height: auto;
    }
    .m1-wxazb5 .box-addr:before {
        display: none;
    }
    .m1-wxazb5 .box-addr .box-item {
        padding-right: 0;
    }
    .m1-wxazb5 .box-addr .box-item .item-title {
        line-height: 30px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-wxazb5 .box-addr .box-item:after {
        display: none;
    }
    .m1-wxazb5 .box-addr .swiper-slide-thumb-active .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-wxazb5 .box-btn {
        top: 50%;
        transform: translateY(-50%);
        padding-right: 0;
        width: 40px;
        left: auto;
        height: 30px;
        line-height: 30px;
    }
    .m1-wxazb5 .box-btn .icon-left7, .m1-wxazb5 .box-btn .icon-right7 {
        display: block;
    }
    .m1-wxazb5 .box-btn .icon-up7, .m1-wxazb5 .box-btn .icon-bottom7 {
        display: none;
    }
    .m1-wxazb5 .prev {
        left: 0;
    }
    .m1-wxazb5 .next {
        right: 0;
    }
}
.m1-wxazb6 {
    padding-top: 169px;
}
.m1-wxazb6 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    font-size: 2rem;
}
.m1-wxazb6 .box-desc p {
    min-height: 44px;
}
@media screen and (max-width: 991px) {
    .m1-wxazb6 {
        padding-top: 30px;
    }
    .m1-wxazb6 .box-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-wxazb6 .box-desc p {
        min-height: 24px;
    }
}
.m1-wxaznav2 {
    position: relative;
    margin-bottom: 85px;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    width: 96%;
    max-width: 1540px;
    background-color: #fff;
    box-shadow: 0px 1px 8px 0px rgba(7, 0, 2, 0.49);
    padding-top: 22px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.m1-wxaznav2 .box-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}
.m1-wxaznav2 .nav-item {
    margin-right: 3.9285714286%;
    margin-bottom: 10px;
    width: 16.4285714286%;
    line-height: 26px;
    padding: 5px 10px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    border: 1px solid #333;
}
.m1-wxaznav2 .nav-item:hover, .m1-wxaznav2 .nav-item.active {
    color: #fff;
    background-color: #50adb5;
}
.m1-wxaznav2 .nav-item:nth-child(5n) {
    margin-right: 0;
}
@media screen and (max-width: 991px) {
    .m1-wxaznav2 {
        margin-bottom: 30px;
        margin-top: 30px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .m1-wxaznav2 .nav-item {
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-left: 1%;
        margin-right: 1% !important;
        width: 18%;
    }
}
@media screen and (max-width: 640px) {
    .m1-wxaznav2 .nav-item {
        width: 48%;
    }
}
.m1-sdbztt {
    position: relative;
    padding-left: 112px;
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 48px;
}
.m1-sdbztt:before {
    content:"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 104px;
    height: 2px;
    background-color: #333;
}
@media screen and (max-width: 991px) {
    .m1-sdbztt {
        margin-bottom: 30px;
        padding-left: 20px;
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-sdbztt:before {
        width: 15px;
    }
}
.m1-sdbzb1 .box-bd {
    background-color: #e9edf0;
    padding-top: 27px;
    padding-bottom: 40px;
}
.m1-sdbzb1 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-sdbzb1 .box-fix {
    width: 42.8571428571%;
}
.m1-sdbzb1 .box-name {
    margin-bottom: 55px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
}
.m1-sdbzb1 .content-item {
    margin-top: 26px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-sdbzb1 .content-item:first-child {
    margin-top: 0;
}
.m1-sdbzb1 .item-title {
    flex: 0 0 auto;
    width: 168px;
    padding-right: 10px;
    align-self: center;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
}
.m1-sdbzb1 .item-fix {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -10px;
}
.m1-sdbzb1 .item-pic {
    margin-right: 2.3148148148%;
    margin-bottom: 10px;
    width: 31.4814814815%;
}
.m1-sdbzb1 .item-pic:nth-child(3n) {
    margin-right: 0;
}
@media screen and (max-width: 991px) {
    .m1-sdbzb1 .box-name {
        margin-bottom: 20px;
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-sdbzb1 .box-fix {
        width: 49%;
    }
    .m1-sdbzb1 .content-item {
        display: block;
        margin-top: 20px;
    }
    .m1-sdbzb1 .item-title {
        width: 100%;
        margin-right: 0;
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-sdbzb1 .box-fix {
        width: 100%;
    }
}
.g1-sdbzbg {
    background: url("/themes/simplebootx/style/images/sdbzbg1.jpg") no-repeat center top;
}
.m1-sdbzb2 {
    padding-top: 167px;
}
.m1-sdbzb2 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}
.m1-sdbzb2 .box-text {
    width: 18.7857142857%;
    padding-right: 10px;
}
.m1-sdbzb2 .text-item {
    margin-top: 100px;
}
.m1-sdbzb2 .text-item .item-title {
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
}
.m1-sdbzb2 .text-item .item-desc {
    margin-top: 7px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-sdbzb2 .text-item:first-child {
    margin-top: 0;
}
.m1-sdbzb2 .box-img {
    width: 81.2142857143%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -56px;
}
.m1-sdbzb2 .img-item {
    margin-right: 0.5277044855%;
    margin-bottom: 56px;
    width: 24.4503078276%;
}
.m1-sdbzb2 .img-item:nth-child(4n) {
    margin-right: 0;
}
@media screen and (max-width: 1219px) {
    .m1-sdbzb2 {
        padding-top: 30px;
    }
    .m1-sdbzb2 .box-text {
        width: 100%;
        padding-right: 0;
    }
    .m1-sdbzb2 .text-item {
        margin-top: 20px;
    }
    .m1-sdbzb2 .text-item .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-sdbzb2 .text-item .item-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-sdbzb2 .box-img {
        margin-top: 20px;
        width: 100%;
        margin-bottom: -20px;
    }
    .m1-sdbzb2 .img-item {
        margin-bottom: 20px;
    }
}
.m1-sdbzb3 {
    padding-top: 160px;
}
.m1-sdbzb3 .box-text {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: -20px;
}
.m1-sdbzb3 .text-item {
    flex: 0 1 auto;
    max-width: 15%;
    margin-bottom: 20px;
}
.m1-sdbzb3 .text-item .item-title {
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
}
.m1-sdbzb3 .text-item .item-info {
    margin-top: 25px;
}
.m1-sdbzb3 .text-item .item-info p {
    position: relative;
    padding-left: 20px;
    margin-top: 10px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-sdbzb3 .text-item .item-info p:before {
    content:"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333;
}
.m1-sdbzb3 .box-img {
    margin-top: 60px;
    margin-bottom: -28px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-sdbzb3 .img-item {
    margin-right: 0.4285714286%;
    margin-bottom: 28px;
    width: 16.2857142857%;
}
.m1-sdbzb3 .img-item:nth-child(6n) {
    margin-right: 0;
}
@media screen and (max-width: 991px) {
    .m1-sdbzb3 {
        padding-top: 30px;
    }
    .m1-sdbzb3 .box-text {
        flex-flow: row wrap;
    }
    .m1-sdbzb3 .text-item {
        width: 32.33%;
        max-width: 32.33%;
    }
    .m1-sdbzb3 .text-item .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-sdbzb3 .text-item .item-info {
        margin-top: 10px;
    }
    .m1-sdbzb3 .text-item .item-info p {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-sdbzb3 .box-img {
        margin-top: 30px;
        margin-bottom: -20px;
    }
    .m1-sdbzb3 .img-item {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 640px) {
    .m1-sdbzb3 .text-item {
        width: 49%;
        max-width: 49%;
    }
    .m1-sdbzb3 .img-item {
        margin-left: 1%;
        margin-right: 1% !important;
        width: 31.33%;
    }
}
.m1-azlcb1 {
    padding-top: 55px;
    padding-bottom: 80px;
    background-color: #292c2d;
}
.m1-azlcb1 .box-title {
    color: #fff;
}
.m1-azlcb1 .box-title:before {
    background-color: #fff;
}
.m1-azlcb1 .box-img {
    line-height: 0;
    font-size: 0;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .m1-azlcb1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.m1-azxyb1 {
    padding-bottom: 111px;
    background: url("/themes/simplebootx/style/images/azxyb1-bg1.jpg") no-repeat center bottom;
}
.m1-azxyb1 .box-wp {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.m1-azxyb1 .box-nav {
    width: 172px;
    padding-right: 10px;
    flex: 0 0 auto;
}
.m1-azxyb1 .box-slide {
    flex: 1 1 auto;
    overflow: hidden;
}
.m1-azxyb1 .btn-wp {
    margin-top: 150px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.m1-azxyb1 .box-btn {
    line-height: 1;
    font-size: 30px;
    font-size: 3rem;
    cursor: pointer;
}
.m1-azxyb1 .box-btn:hover {
    color: #b50e12;
}
.m1-azxyb1 .btn-line {
    margin-left: 45px;
    margin-right: 45px;
    width: 2px;
    height: 30px;
    background-color: #999;
}
.m1-azxyb1 .nav-item {
    max-width: 134px;
    margin-top: 68px;
}
.m1-azxyb1 .nav-item a {
    position: relative;
    display: block;
    padding-right: 10px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #000;
    opacity: 0.7;
}
.m1-azxyb1 .nav-item a:before {
    content:"";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.m1-azxyb1 .nav-item a:hover, .m1-azxyb1 .nav-item a.active {
    opacity: 1;
}
/*.m1-azxyb1 .nav-item a:hover:before, .m1-azxyb1 .nav-item a.active:before {*/
/*    background-color: #b50e12;*/
/*}*/
.m1-azxyb1 .nav-item:first-child {
    margin-top: 0;
}
@media screen and (max-width: 991px) {
    .m1-azxyb1 {
        padding-bottom: 40px;
    }
    .m1-azxyb1 .box-wp {
        display: block;
    }
    .m1-azxyb1 .box-nav {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding-right: 0;
        width: 100%;
    }
    .m1-azxyb1 .nav-item {
        margin-top: 0;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .m1-azxyb1 .nav-item a {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-azxyb1 .btn-wp {
        margin-top: 30px;
    }
    .m1-azxyb1 .box-btn {
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-azxyb1 .btn-line {
        margin-left: 15px;
        margin-right: 15px;
        height: 20px;
    }
}
.m1-azxzb1 .box-title {
    margin-bottom: 63px;
}
.m1-azxzb1 .box-bd {
    padding-top: 120px;
    padding-bottom: 58px;
    background-color: #e9edf0;
}
.m1-azxzb1 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.m1-azxzb1 .box-content {
    width: 837px;
    max-width: calc(100% - 190px);
}
.m1-azxzb1 .content-text {
    padding-left: 57px;
    line-height: 34px;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 105px;
}
.m1-azxzb1 .box-content .swiper-container {
    height: 453px;
}
.m1-azxzb1 .box-content .swiper-slide {
    height: auto;
}
.m1-azxzb1 .box-content .item-pic {
    position: relative;
    border-radius: 20px;
}
.m1-azxzb1 .box-content .item-pic:before {
    content:"";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/themes/simplebootx/style/images/wxazb5-img2.png") no-repeat center;
    background-size: 100% 100%;
}
.m1-azxzb1 .box-addr {
    position: relative;
    width: 170px;
    align-self: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 110px;
    padding-bottom: 110px;
}
.m1-azxzb1 .box-addr .swiper-wrapper{
    justify-content: center;
}
.m1-azxzb1 .box-addr .swiper-container {
    width: 100%;
    height: 540px;
}
.m1-azxzb1 .box-addr .box-item {
    position: relative;
    padding-right: 17px;
}
.m1-azxzb1 .box-addr .box-item .item-title {
    line-height: 60px;
    font-size: 30px;
    font-size: 3rem;
    color: #000;
    text-align: center;
    opacity: 0.7;
}
.m1-azxzb1 .box-addr .swiper-slide-thumb-active .item-title {
    font-size: 36px;
    font-size: 3.6rem;
    opacity: 1;
}
.m1-azxzb1 .box-btn {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    color: #333;
    cursor: pointer;
    font-size: 20px;
    font-size: 2rem;
    padding-right: 17px;
    text-align: center;
}
.m1-azxzb1 .box-btn .icon-left7, .m1-azxzb1 .box-btn .icon-right7 {
    display: none;
}
.m1-azxzb1 .prev {
    top: 0;
}
.m1-azxzb1 .next {
    bottom: 0;
}
@media screen and (max-width: 991px) {
    .m1-azxzb1 .box-bd {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-azxzb1 .box-title {
        margin-bottom: 20px;
        line-height: 26px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-azxzb1 .content-text {
        padding-left: 20px;
        margin-bottom: 30px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-azxzb1 .box-hd {
        margin-bottom: 30px;
    }
    .m1-azxzb1 .box-wp {
        max-width: 837px;
        display: block;
    }
    .m1-azxzb1 .box-content {
        width: 100%;
        max-width: 100%;
    }
    .m1-azxzb1 .box-content .swiper-container {
        height: auto;
    }
    .m1-azxzb1 .box-addr {
        margin-top: 30px;
        width: 100%;
        padding: 0 40px;
    }
    .m1-azxzb1 .box-addr .swiper-container {
        height: auto;
    }
    .m1-azxzb1 .box-addr:before {
        display: none;
    }
    .m1-azxzb1 .box-addr .box-item {
        padding-right: 0;
    }
    .m1-azxzb1 .box-addr .box-item .item-title {
        line-height: 30px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-azxzb1 .box-addr .box-item:after {
        display: none;
    }
    .m1-azxzb1 .box-addr .swiper-slide-thumb-active .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-azxzb1 .box-btn {
        top: 50%;
        transform: translateY(-50%);
        padding-right: 0;
        width: 40px;
        left: auto;
        height: 30px;
        line-height: 30px;
    }
    .m1-azxzb1 .box-btn .icon-left7, .m1-azxzb1 .box-btn .icon-right7 {
        display: block;
    }
    .m1-azxzb1 .box-btn .icon-up7, .m1-azxzb1 .box-btn .icon-bottom7 {
        display: none;
    }
    .m1-azxzb1 .prev {
        left: 0;
    }
    .m1-azxzb1 .next {
        right: 0;
    }
}
.m1-zsb1 .box-desc {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 520px; */
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 991px) {
    .m1-zsb1 .box-desc {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.m1-zsb2 {
    margin-top: 80px;
}
.m1-zsb2 .box-title {
    line-height: 50px;
    font-size: 40px;
    font-size: 4rem;
    text-align: center;
}
.m1-zsb2 .box-wp {
    margin-top: 59px;
    background-color: #efefef;
    padding-top: 84px;
    padding-bottom: 44px;
}
.m1-zsb2 .box-slide {
    width: 98%;
    max-width: 1872px;
    width: 97.5%;
    margin-left: auto;
    margin-right: auto;
}
.m1-zsb2 .box-slide .item-pic {
    border-radius: 10px;
}
.m1-zsb2 .box-fix {
    position: relative;
    margin-top: 37px;
    margin-left: auto;
    margin-right: auto;
    width: 543px;
    max-width: calc(100% - 120px);
}
.m1-zsb2 .box-name {
    position: relative;
}
.m1-zsb2 .box-name:before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 1px;
    background-color: #333;
}
.m1-zsb2 .box-name .item-name {
    position: relative;
    text-align: center;
    line-height: 34px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
}
.m1-zsb2 .box-name .item-name:before {
    content:"";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 174px;
    height: 5px;
}
.m1-zsb2 .box-name .swiper-slide-active .item-name {
    font-size: 34px;
    font-size: 3.4rem;
}
.m1-zsb2 .box-name .swiper-slide-active .item-name:before {
    background-color: #333;
}
.m1-zsb2 .play {
    width: 14.5506419401%;
    padding-top: 14.5506419401%;
}
.m1-zsb2 .prev {
    left: -60px;
}
.m1-zsb2 .next {
    right: -60px;
}
@media screen and (max-width: 991px) {
    .m1-zsb2 {
        margin-top: 30px;
    }
    .m1-zsb2 .box-title {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-zsb2 .box-wp {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-zsb2 .box-control {
        margin-top: 30px;
    }
    .m1-zsb2 .box-fix {
        margin-top: 20px;
        max-width: calc(100% - 60px);
    }
    .m1-zsb2 .prev {
        left: -30px;
    }
    .m1-zsb2 .next {
        right: -30px;
    }
    .m1-zsb2 .box-name .item-name {
        line-height: 26px;
        font-size: 12px;
        font-size: 1.2rem;
        padding-top: 10px;
        padding-bottom: 10px;
        opacity: 0.7;
    }
    .m1-zsb2 .box-name .item-name:before {
        height: 3px;
    }
    .m1-zsb2 .box-name .swiper-slide-active .item-name {
        font-size: 14px;
        font-size: 1.4rem;
        opacity: 1;
    }
}
.m1-zsb3 {
    padding-top: 126px;
}
.m1-zsb3 .box-wp {
    background: url("/themes/simplebootx/style/images/zsb3-bg1.jpg") no-repeat center;
    background-size: cover;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m1-zsb3 .box-item {
    width: 50%;
    min-height: 260px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.m1-zsb3 .box-item:nth-child(2n) {
    border-right: none;
}
.m1-zsb3 .bg {
    background-color: rgba(0, 0, 0, 0.5);
}
.m1-zsb3 .item-text {
    width: 100%;
    max-width: 330px;
    text-align: center;
}
.m1-zsb3 .item-title {
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
    color: #fff;
}
.m1-zsb3 .item-desc {
    margin-top: 43px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .m1-zsb3 {
        padding-top: 30px;
    }
    .m1-zsb3 .item-title {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
    }
    .m1-zsb3 .item-desc {
        margin-top: 15px;
        line-height: 24px;
    }
}
@media screen and (max-width: 640px) {
    .m1-zsb3 .box-item {
        min-height: 150px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
}
.m1-zsb4 {
    margin-top: 126px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.m1-zsb4 .box-bg {
    width: 39.7916666667%;
    background: url("/themes/simplebootx/style/images/zsb4-bg1.jpg") no-repeat center;
    background-size: cover;
}
.m1-zsb4 .box-wp {
    width: 60.2083333333%;
    background-color: #f1f1f1;
    padding-left: 4.6875%;
    padding-right: 4.6875%;
    padding-top: 80px;
    padding-bottom: 75px;
}
.m1-zsb4 .box-item {
    margin-top: 62px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-zsb4 .box-item:first-child {
    margin-top: 0;
}
.m1-zsb4 .item-icon {
    flex: 0 0 auto;
    width: 97px;
    line-height: 0;
    font-size: 0;
}
.m1-zsb4 .item-title {
    flex: 1 1 auto;
    overflow: hidden;
    align-self: center;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m1-zsb4 .item-title em {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
}
@media screen and (max-width: 991px) {
    .m1-zsb4 {
        margin-top: 30px;
    }
    .m1-zsb4 .box-wp {
        padding: 30px 20px;
    }
    .m1-zsb4 .box-item {
        margin-top: 20px;
    }
    .m1-zsb4 .item-icon {
        width: 50px;
    }
    .m1-zsb4 .item-icon img {
        width: 30px;
    }
    .m1-zsb4 .item-title {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m1-zsb4 .item-title em {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-zsb4 .box-bg {
        display: none;
    }
    .m1-zsb4 .box-wp {
        width: 100%;
    }
}
.m1-zsb5 {
    margin-top: 176px;
}
@media screen and (max-width: 991px) {
    .m1-zsb5 {
        margin-top: 30px;
    }
}
.m1-zsb6 {
    margin-top: 194px;
    background-color: #f1f1f1;
}
.m1-zsb6 .box-wp {
    position: relative;
    padding-top: 183px;
    padding-bottom: 179px;
    overflow: hidden;
}
.m1-zsb6 .box-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.m1-zsb6 .box-text {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
.m1-zsb6 .text-wp {
    max-width: 570px;
}
.m1-zsb6 .box-title {
    margin-bottom: 117px;
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
}
@media screen and (max-width: 991px) {
    .m1-zsb6 {
        margin-top: 30px;
    }
    .m1-zsb6 .box-wp {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .m1-zsb6 .box-title {
        margin-bottom: 20px;
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
    }
}
.m1-ztcpb1 {
    position: relative;
}
.m1-ztcpb1 .box-wp {
    position: relative;
    padding-top: 114px;
    padding-bottom: 134px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.m1-ztcpb1 .box-left {
    width: 30.7142857143%;
}
.m1-ztcpb1 .box-center {
    width: 34.8571428571%;
}
.m1-ztcpb1 .box-right {
    width: 28.0714285714%;
}
.m1-ztcpb1 .box-control {
    margin-top: 37px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.m1-ztcpb1 .box-page {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.m1-ztcpb1 .swiper-pagination-bullet {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 50%;
    cursor: pointer;
}
.m1-ztcpb1 .swiper-pagination-bullet-active {
    background: #333;
}
.m1-ztcpb1 .box-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    font-size: 20px;
    font-size: 2rem;
    cursor: pointer;
}
.m1-ztcpb1 .box-btn:hover {
    color: #d78712;
}
.m1-ztcpb1 .prev {
    left: 0;
}
.m1-ztcpb1 .next {
    right: 0;
}
.m1-ztcpb1 .text-item {
    margin-top: 51px;
}
.m1-ztcpb1 .text-item .title {
    line-height: 44px;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
}
.m1-ztcpb1 .text-item .desc {
    margin-top: 17px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-ztcpb1 .text-item:first-child {
    margin-top: 0;
}
.m1-ztcpb1 .box-img {
    margin-top: 99px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.m1-ztcpb1 .img-item {
    margin-bottom: 10px;
    width: 48.5655737705%;
}
.m1-ztcpb1 .item-pic {
    border-radius: 15px;
}
.m1-ztcpb1 .box-info {
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 48px;
    padding-bottom: 50px;
    background-color: #faf54b;
}
.m1-ztcpb1 .box-info .title {
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
}
.m1-ztcpb1 .box-info .desc {
    margin-top: 47px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-ztcpb1 .box-info .desc p {
    min-height: 24px;
}
.m1-ztcpb1 .box-info .link {
    margin-top: 55px;
}
.m1-ztcpb1:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 1560px;
    height: 100%;
    background-color: #efefef;
}
@media screen and (max-width: 991px) {
    .m1-ztcpb1 .box-wp {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .m1-ztcpb1 .box-control {
        margin-top: 20px;
    }
    .m1-ztcpb1 .text-item {
        margin-top: 20px;
    }
    .m1-ztcpb1 .text-item .title {
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-ztcpb1 .text-item .desc {
        margin-top: 10px;
    }
    .m1-ztcpb1 .box-img {
        margin-top: 20px;
    }
    .m1-ztcpb1 .box-info {
        padding: 20px 15px;
    }
    .m1-ztcpb1 .box-info .title {
        line-height: 24px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-ztcpb1 .box-info .desc {
        margin-top: 10px;
    }
    .m1-ztcpb1 .box-info .link {
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .m1-ztcpb1 .box-left, .m1-ztcpb1 .box-center, .m1-ztcpb1 .box-right {
        width: 100%;
    }
    .m1-ztcpb1 .box-center, .m1-ztcpb1 .box-right {
        margin-top: 20px;
    }
    .m1-ztcpb1 .box-left {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}
.m1-ztcpb2 {
    margin-top: 53px;
    background-color: #faf9f5;
    padding-top: 109px;
    padding-bottom: 128px;
}
.m1-ztcpb2 .box-item {
    margin-top: 35px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}
.m1-ztcpb2 .box-item:first-child {
    margin-top: 0;
}
.m1-ztcpb2 .item-title {
    position: relative;
    padding-right: 40px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
}
.m1-ztcpb2 .item-title i {
    position: absolute;
    right: 0;
    top: 5px;
    width: 24px;
    line-height: 24px;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #333;
}
.m1-ztcpb2 .item-title .icon-jian2 {
    display: none;
}
.m1-ztcpb2 .item-title.active .icon-jian2 {
    display: block;
}
.m1-ztcpb2 .item-desc {
    margin-top: 10px;
    display: none;
}
@media screen and (max-width: 1219px) {
    .m1-ztcpb2 {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-ztcpb2 .item-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.m1-ztcpb3 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-ztcpb3 .box-item {
    position: relative;
    overflow: hidden;
}
.m1-ztcpb3 .box-item:hover .item-pic:before {
    display: block;
}
.m1-ztcpb3 .box-item1 {
    width: 33.3333333333%;
}
.m1-ztcpb3 .box-item2 {
    width: 66.6666666667%;
}
.m1-ztcpb3 .item-pic:before {
    content:"";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 56, 63, 0.5);
    display: none;
}
.m1-ztcpb3 .item-text {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    max-width: 450px;
    text-align: center;
}
.m1-ztcpb3 .item-title {
    line-height: 54px;
    font-size: 44px;
    font-size: 4.4rem;
    color: #fff;
}
.m1-ztcpb3 .item-desc {
    margin-top: 125px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
}
@media screen and (max-width: 1660px) {
    .m1-ztcpb3 .item-desc {
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .m1-ztcpb3 .item-title {
        line-height: 26px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m1-ztcpb3 .item-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
    }
    .m1-ztcpb3 .item-pic:before {
        display: block;
    }
}
@media screen and (max-width: 640px) {
    .m1-ztcpb3 .box-item {
        width: 100%;
    }
}
.m1-ztcpb4 {
    margin-top: 132px;
}
.m1-ztcpb4 .box-text {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 127px;
    max-width: 675px;
    text-align: center;
}
.m1-ztcpb4 .box-title {
    position: relative;
    line-height: 36px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    padding-bottom: 25px;
}
.m1-ztcpb4 .box-title:before {
    content:"";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: #333;
}
.m1-ztcpb4 .box-desc {
    margin-top: 31px;
    line-height: 30px;
}
.m1-ztcpb4 .box-desc p {
    min-height: 30px;
}
.m1-ztcpb4 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: -36px;
}
.m1-ztcpb4 .box-item {
    margin-bottom: 36px;
    width: 48.5714285714%;
    position: relative;
}
.m1-ztcpb4 .box-item:hover .item-title {
    display: block;
}
.m1-ztcpb4 .item-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 384px;
    line-height: 30px;
    padding: 25px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    border-radius: 0 80px 0 0;
    background-color: rgba(33, 32, 50, 0.5);
    display: none;
}
.m1-ztcpb4 .item-title a {
    color: #fff;
}
.m1-ztcpb4 .item-title a:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 5px;
}
@media screen and (max-width: 991px) {
    .m1-ztcpb4 {
        margin-top: 30px;
    }
    .m1-ztcpb4 .box-text {
        margin-bottom: 20px;
    }
    .m1-ztcpb4 .box-title {
        line-height: 24px;
        font-size: 20px;
        font-size: 2rem;
        padding-bottom: 10px;
    }
    .m1-ztcpb4 .box-desc {
        margin-top: 10px;
        line-height: 24px;
    }
    .m1-ztcpb4 .box-desc p {
        min-height: 24px;
    }
    .m1-ztcpb4 .box-wp {
        margin-bottom: -20px;
    }
    .m1-ztcpb4 .box-item {
        margin-bottom: 20px;
    }
    .m1-ztcpb4 .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 15px;
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .m1-ztcpb4 .box-item {
        width: 100%;
    }
}
.m1-ztcpb5 {
    margin-top: 132px;
}
.m1-ztcpb5 .box-wp {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -20px;
}
.m1-ztcpb5 .box-item {
    margin-right: 3.2142857143%;
    margin-bottom: 20px;
    margin-bottom: 20px;
    width: 28.1428571429%;
}
.m1-ztcpb5 .box-item:nth-child(3n) {
    margin-right: 0;
}
.m1-ztcpb5 .item-fix {
    position: relative;
    border-radius: 20px 20px 20px 0;
    overflow: hidden;
}
.m1-ztcpb5 .item-pic:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 56, 63, 0.5);
}
.m1-ztcpb5 .item-title {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 40px;
    font-size: 30px;
    font-size: 3rem;
    max-width: calc(100% - 40px);
    font-weight: bold;
    color: #fff;
    transform: translate(-50%, -50%);
    overflow: visible;
}
.m1-ztcpb5 .item-title a {
    position: relative;
    color: #fff;
    text-align: center;
}
.m1-ztcpb5 .item-title:before {
    content:"";
    position: absolute;
    left: -20px;
    bottom: -20px;
    width: 40px;
    height: 40px;
    background-color: #d78712;
}
.m1-ztcpb5 .item-link {
    display: none;
}
.m1-ztcpb5 .item-link a {
    display: inline-block;
    border: 0 0 10px 0;
    line-height: 30px;
    padding: 15px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    background-color: #d78712;
}
.m1-ztcpb5 .item-link a:hover {
    color: #fff;
    background-color: #b50e12;
}
.m1-ztcpb5 .active {
    width: 37.1428571429%;
}
.m1-ztcpb5 .active .item-link {
    display: block;
}
@media screen and (max-width: 991px) {
    .m1-ztcpb5 {
        margin-top: 30px;
    }
    .m1-ztcpb5 .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-ztcpb5 .item-title:before {
        width: 30px;
        height: 30px;
    }
    .m1-ztcpb5 .item-link a {
        min-width: 140px;
        line-height: 22px;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 10px 15px;
    }
}
@media screen and (max-width: 480px) {
    .m1-ztcpb5 .box-item {
        width: 100%;
    }
}
.m1-ztxlb1 {
    position: relative;
}
.m1-ztxlb1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 203px);
    background-color: #f3f3f3;
}
.m1-ztxlb1 .box-desc {
    position: relative;
    padding-top: 111px;
    padding-bottom: 122px;
    line-height: 30px;
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
}
.m1-ztxlb1 .box-img {
    position: relative;
    line-height: 0;
    font-size: 0;
}
.m1-ztxlb1 .box-wp {
    margin-top: 130px;
    margin-bottom: -20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.m1-ztxlb1 .box-item {
    margin-right: 8.4285714286%;
    margin-bottom: 20px;
    width: 27.5%;
}
.m1-ztxlb1 .box-item:nth-child(3n) {
    margin-right: 0;
}
.m1-ztxlb1 .item-title {
    margin-top: 25px;
    position: relative;
    padding-left: 38px;
    line-height: 34px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #495e71;
}
.m1-ztxlb1 .item-title:before {
    content:"";
    position: absolute;
    left: 18px;
    top: 7px;
    width: 4px;
    height: 20px;
    background-color: #d78712;
}
@media screen and (max-width: 991px) {
    .m1-ztxlb1 .box-desc {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-ztxlb1 .box-wp {
        margin-top: 30px;
    }
    .m1-ztxlb1 .item-title {
        margin-top: 10px;
        padding-left: 20px;
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m1-ztxlb1 .item-title:before {
        left: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 480px) {
    .m1-ztxlb1 .box-item {
        margin-right: 0;
        width: 100%;
    }
}
.m1-ztxlb2 {
    margin-top: 87px;
}
.m1-ztxlb2 .box-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    text-align: center;
}
.m1-ztxlb2 .box-wp {
    margin-top: 115px;
    padding-left: 55px;
    padding-right: 55px;
}
.m1-ztxlb2 .box-item {
    margin-top: 53px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.m1-ztxlb2 .box-item .item-pic {
    width: 71.4917127072%;
}
.m1-ztxlb2 .box-item .item-fix {
    width: 27.955801105%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}
.m1-ztxlb2 .box-item .item-title {
    position: relative;
    padding-bottom: 14px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.m1-ztxlb2 .box-item .item-title:before {
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #333;
}
.m1-ztxlb2 .box-item .item-desc {
    margin-top: 12px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m1-ztxlb2 .box-item .item-num {
    margin-top: 42px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.m1-ztxlb2 .box-item .item-num em {
    line-height: 1;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 300;
    font-style: normal;
}
.m1-ztxlb2 .box-item:first-child {
    margin-top: 0;
}
.m1-ztxlb2 .box-item2 .item-pic {
    order: 2;
}
@media screen and (max-width: 991px) {
    .m1-ztxlb2 {
        margin-top: 30px;
    }
    .m1-ztxlb2 .box-wp {
        margin-top: 30px;
        padding-left: 2%;
        padding-right: 2%;
    }
    .m1-ztxlb2 .box-item {
        margin-top: 20px;
    }
    .m1-ztxlb2 .box-item .item-title {
        line-height: 24px;
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 10px;
    }
    .m1-ztxlb2 .box-item .item-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
    }
    .m1-ztxlb2 .box-item .item-num {
        margin-top: 10px;
    }
    .m1-ztxlb2 .box-item .item-num img {
        width: 40px;
    }
    .m1-ztxlb2 .box-item .item-num em {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 640px) {
    .m1-ztxlb2 .box-item {
        display: block;
    }
    .m1-ztxlb2 .box-item .item-pic {
        width: 100%;
    }
    .m1-ztxlb2 .box-item .item-fix {
        width: 100%;
        padding-top: 10px;
        display: block;
    }
}
.m1-mctus {
    padding-top: 65px;
    padding-bottom: 72px;
    text-align: center;
}
.m1-mctus .box-item {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
}
.m1-mctus .box-item em {
    font-style: normal;
    font-weight: bold;
}
.m1-mctus .box-item em:before {
    content:"|";
    margin-right: 5px;
    display: inline;
    color: #d78712;
}
@media screen and (max-width: 991px) {
    .m1-mctus {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .m1-mctus .box-item {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.embed-icon {
    bottom: 50px !important;
}

/*.m1-wxazb4 a{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 13.54%;*/
/*    padding-top: 13.54%;*/
/*    cursor: pointer;*/
/*}*/
/*.m1-wxazb4 a:nth-child(1){*/
/*    top: 22%;*/
/*    left: 22%;*/
/*}*/
/*.m1-wxazb4 a:nth-child(2){*/
/*    top: 22%;*/
/*    left: 43.5%;*/
/*}*/
/*.m1-wxazb4 a:nth-child(3){*/
/*    top: 22%;*/
/*    left: 65%;*/
/*}*/
/*.m1-wxazb4 a:nth-child(4){*/
/*    top: 57%;*/
/*    left: 22%;*/
/*}*/
/*.m1-wxazb4 a:nth-child(5){*/
/*    top: 57%;*/
/*    left: 43.5%;*/
/*}*/
/*.m1-wxazb4 a:nth-child(6){*/
/*    top: 57%;*/
/*    left: 65%;*/
/*}*/
/*.m1-wxazb5 .swiper-wrapper{*/
/*    justify-content: center;*/
/*}*/

.m1-sdcpcp .list-item .item-pic img{
    max-width:350px;
}<!--0.00037097930908203-->