@charset "utf-8";

/*--------------------
0. Right  Share
--------------------*/
.hot-list {
    max-height: 200px;
    overflow-y: scroll;
}
.fix_hm{
    background: #fff;
    /*top: 9.5%;*/
    z-index: 10;
    position: fixed;
    width: 100%;
}
.fix_hm_mobile{
    background: #fff;
    top: 7.5%;
    z-index: 1;
    position: fixed;
    width: 100%;
}

.sort_new .red_right {
    width: 35px;
}

.tag .sort_new {
    /* padding-top: 80px; */
}

.search_pro {
    font-size: 18px;
    padding-right: 15px;
    color: #000;
    font-family: "Microsoft YaHei"
}

/* .product-slide_lishi .click{
    float: none;
}
.product-slide_lishi .isnew:first-child{
    float: left;
} */

.newleft {
    width: 100%;
    position: relative;
    top: -25px;
    display: flex;
    flex-wrap: wrap;
}

.dcd {
    float: left;
    display: block;
}

.sjw {
    float: left !important;
}


.havedata {
    padding-bottom: 50px;
}


.tabs_active {
    height: 100%;
}

.head_a {
    font-weight: 600;
}

/* 立式 */
.series_background_lishi {
    margin: 10px auto;
    height: 100%;
    width: 55%;
}

.lishi {
    width: 940px;
}

.a_a {
    color: #715839;
    font-size: 22px;
    border-bottom: 1.5px solid #715839;
    margin: 0 20px 0 0;
    padding-bottom: 4px;
}

/*!* 三角 *!*/
/* {*/
/*    !* width: 45%; *!*/
/*    width: 650px;*/

/*}*/

/* 数码 */
.series_background_sanjiao, .series_background_shuma,.series_background_hunhe {
    /* width: 36%; */
    width: 900px;
}

/* 立式 */
/* .product-slide_lishi:nth-child(1) {
    float: left;
    margin-top: 0;
}

.product-slide_lishi:nth-child(2) {
    float: left;
    margin-top: 0;

}

.product-slide_lishi:nth-child(3) {
    float: left;
    margin-top: 0;
}

.product-slide_lishi:nth-child(4) {
    margin-top: 50px;
} */

.product-slide_lishi:nth-child(4) .son_par span {
    border-bottom: none;
    cursor: auto;
}

.product-slide_lishi:nth-child(4) .son_par span:hover {
    border-bottom: none;
    cursor: auto;
    /*color: #765f40 !important;*/
}

.product-slide_lishi:nth-child(5) .son_par span {
    border-bottom: none;
}

.product-slide_lishi:nth-child(5) .son_par span:hover {
    border-bottom: none;
    cursor: auto;
    color: #765f40 !important;
}

.product-slide_lishi:nth-child(6) .son_par span {
    border-bottom: none;
}

.product-slide_lishi:nth-child(6) .son_par span:hover {
    border-bottom: none;
    color: #765f40 !important;
    cursor: auto;
}

.product-slide_lishi:nth-child(7) .son_par span {
    border-bottom: none;
}

.product-slide_lishi:nth-child(7) .son_par span:hover {
    border-bottom: none;
    color: #765f40 !important;
    cursor: auto;

}

.product-slide_lishi:nth-child(8) .son_par span {
    border-bottom: none;
}

.product-slide_lishi:nth-child(8) .son_par span:hover {
    border-bottom: none;
    cursor: auto;
    color: #765f40 !important;
}

.product-slide_lishi:nth-child(8) {
    /* flex-wrap: wrap; */

}

.product-slide_lishi:nth-child(9) {
    /* float: left; */
    /* margin-top: 80px; */
}

.product-slide_lishi:nth-child(10) {
    /* float: left; */
    /* margin-top: 80px; */
}

.product-slide_lishi {
    height: 15px;
    padding: 0 10px;
    /* border-left: 2px solid #715839; */
    display: flex;
    margin: 35px 0 0 0;
    flex-wrap: wrap;
}

.product-slide_hunhe {
    height: 15px;
    padding: 0 10px;
    /* border-left: 2px solid #715839; */
    display: flex;
    margin: 35px 0 0 0;
    flex-wrap: wrap;
}

.isnew {
    border-left: 2px solid #715839;
    padding-left: 10px;
    height: 20px;
}

.swiper-slide-new .click:nth-child(4) {
    margin-top: 20px;
}

.swiper-slide-new .click:nth-child(5) {
    margin-top: 20px;
}

.swiper-slide-new .click {
    border-left: none;
    padding-left: 0px;
}

/* 三角 */
.product-slide_sanjiao {
    height: 15px;
    padding: 0 10px;
    /* border-left: 2px solid #715839; */
    display: flex;
    margin: 35px 0 0 0;
}

/* .product-slide_sanjiao:nth-child(1) {
    margin-top: 0;
}

.product-slide_sanjiao:nth-child(3) {
    float: left;
}

.product-slide_sanjiao:nth-child(4) {
    float: left;
}

.product-slide_sanjiao:nth-child(6) {
    float: left;
} */

/* 数码 */
.product-slide_shuma {
    height: 15px;
    padding: 0 10px;
    /* border-left: 2px solid #715839; */
    display: flex;
    margin: 35px 0 0 0;
}

/* .product-slide_shuma:nth-child(1) {
    float: left;
    margin-top: 0;

}

.product-slide_shuma:nth-child(2) {
    float: left;
    margin-top: 0;

}

.product-slide_shuma:nth-child(3) {
    margin-top: 0;
    float: left;
}

.product-slide_shuma:nth-child(4) {
    margin-top: 0;
    float: left;
}

.product-slide_shuma:nth-child(5) {
    margin-top: 0;
    float: left;
}

.product-slide_shuma:nth-child(6) {
    float: left;
}

.product-slide_shuma:nth-child(7) {
    float: left;
}

.product-slide_shuma:nth-child(8) {
    float: left;
} */


.right_share_box {
    z-index: 99;
    position: fixed;
    right: 10%;
    bottom: 20%;
    display: flex;
    flex-direction: column;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.nodata {
    text-align: center;
    padding: 30px 0;
    font-size: 26px;
    font-weight: 600;
    border-top: #ccc solid 1px;
}

.sort_new {
    display: flex;
    align-items: center;
    padding-top: 0.56rem;
}

.sort_new span {
    font-size: 26px;
    padding: 0 10px;
}

.son_sort {
    padding-left: 35px;
    padding-top: 4px;
}

.son_sort span {
    font-size: 23px;
}

.isnew {
    display: flex;
    align-items: center;
}

.isnew img {
    width: 50px;
    margin-right: 20px;
    margin-left: -15px;
}

.sort_new img {
    width: 50px;
    display: inline-block;
}

.gomore {
    padding: 5px 25px;
    text-align: center;
    background-color: #e2e2e2;
    font-size: 23px;
    width: 15%;
    margin: 65px auto 55px;
    cursor: pointer;
    position: relative;

}

.new_wid {
    width: 15.07rem;
    margin: 0 auto;
}

.right_share_box > a {
    position: relative;
    display: inline-block;
    width: 0.44rem;
    height: 0.44rem;
    border-bottom: 1px solid #dcdcdc;
    background: no-repeat center center;
    background-size: 60%;
}

.right_share_box > a:last-child {
    border-bottom: none;
}

.right_share_box > a.right_share_wx {
    overflow: hidden;
    background-image: url('../images/share_wx.png');
}

.right_share_box > a.right_share_wx .share_code {
    position: absolute;
    right: 50%;
    top: -0.5rem;
    max-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #ccc;
    opacity: 0;
    transition-duration: 0.5s;
}

.right_share_box > a.right_share_wx:hover {
    overflow: visible;
}

.right_share_box > a.right_share_wx:hover .share_code {
    opacity: 1;
    right: 120%;
}

.right_share_box > a.right_share_wb {
    background-image: url('../images/share_wb.png');
}

.right_share_box > a.right_share_top {
    background-image: url('../images/to_top.png');
}

@media screen and (max-width: 1020px) {
    .right_share_box {
        display: none;
        right: 2%;
    }

    .right_share_box > a {
        width: 0.6rem;
        height: 0.6rem;
    }
}

/*--------------------
0. Navigation
--------------------*/
.nav {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 0.4rem;
    background-color: transparent;
    transition: .35s;
}

.nav-shrink {
    background-color: #333;
}

.nav::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(102, 102, 102, .5);
}

.nav_flex,
.nav_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_img {
    width: auto;
    height: 0.34rem;
}

.nav_menu {
    display: none;
    width: 0.6rem;
    height: 0.4rem;
    cursor: pointer;
}

.nav_right {
    flex: 1;
}

.nav_navbar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav_item {
    position: relative;
    overflow: hidden;
}

.nav_item_close {
    display: none;
}

.nav_a {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.325rem 0.2rem;
    font-size: 0.14rem;
    color: rgba(255, 255, 255, .5);
}

.nav_a:hover,
.nav_a:focus,
.nav_a:active {
    text-decoration: none;
}

@media screen and (min-width: 1020px) {
    .search_pro {
        /* font-size: 0.2rem; */
    }

    .nav_a:hover,
    .nav_a:focus,
    .nav_a:active {
        color: #fff;
    }
}

.dropdown {
    position: absolute;
    right: 50%;
    top: 120%;
    margin-right: -80px;
    padding: 10px 0;
    min-width: 160px;
    background-color: rgba(204, 204, 204, 0.8);
    opacity: 0;
    transition: .5s;
    display: flex;
    flex-direction: column;
}

.dropdown .nav_sub_a {
    padding: 0.1rem 0.2rem;
    text-align: center;
}

.dropdown .nav_sub_a:hover,
.dropdown .nav_sub_a:focus,
.dropdown .nav_sub_a:active {
    color: #eee;
    text-decoration: none;
}

.nav_item.active .nav_a::after {
    content: "";
    position: absolute;
    left: 19%;
    bottom: 0;
    width: 62%;
    height: 3px;
    background-color: #e22a23;
}

.nav_form {
    margin-left: 0.05rem;
    padding: 0.1rem 0.15rem;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 999px;
    display: flex;
    align-items: center;
}

.nav_input {
    width: 1.45rem;
    padding-right: 0.1rem;
}

.nav_submit {
    width: 0.16rem;
    height: 0.16rem;
    background-image: url('../images/search.png');
    background-size: 100% 100%;
}

.nav_icon_earth {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 3px;
    background-image: url('../images/earth.png');
    background-size: 100% 100%;
}

@media screen and (max-width: 1800px) {
    .nav_input {
        width: 1.55rem;
    }
}

@media screen and (max-width: 1700px) {
    .nav_input {
        width: 1.65rem;
    }
}

@media screen and (max-width: 1600px) {
    .nav_input {
        width: 1.75rem;
    }
}

@media screen and (max-width: 1500px) {
    .nav_input {
        width: 1.85rem;
    }
}

@media screen and (max-width: 1400px) {
    .nav_input {
        width: 1.95rem;
    }

    .nav_submit {
        width: 0.18rem;
        height: 0.18rem;
    }

    .nav_icon_earth {
        width: 0.2rem;
        height: 0.2rem;
    }
}

@media screen and (max-width: 1300px) {
    .nav_input {
        width: 2.05rem;
    }
}

@media screen and (max-width: 1200px) {
    .nav_input {
        width: 2.5rem;
    }

    .nav_submit {
        width: 0.2rem;
        height: 0.2rem;
    }

    .nav_icon_earth {
        width: 0.22rem;
        height: 0.22rem;
    }
}

@media screen and (max-width: 1000px) {
    .nav_input {
        width: 2.65rem;
    }
}

@media screen and (max-width: 900px) {
    .nav_input {
        width: 2.9rem;
    }
}

.nav_icon_caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: .35s;
}

.nav_icon_arrow {
    display: none;
    width: 0.2rem;
    height: 0.1rem;
    margin-left: 3px;
    background-image: url('../images/up.png');
    transform: rotate(180deg);
}

.nav_item.active .nav_a {
    color: #fff;
}

@media screen and (min-width: 1020px) {

    .nav_item:hover .dropdown,
    .nav_item:focus .dropdown,
    .nav_item:active .dropdown {
        top: 100%;
        opacity: 1;
    }

    .nav_item:hover,
    .nav_item:focus,
    .nav_item:active {
        overflow: initial;
    }

    .nav_item .nav_a:hover .nav_icon_arrow,
    .nav_item .nav_a:focus .nav_icon_arrow,
    .nav_item .nav_a:active .nav_icon_arrow {
        transform: rotate(0deg);
    }

    .nav_item .nav_a:hover .nav_icon_caret,
    .nav_item .nav_a:focus .nav_icon_caret,
    .nav_item .nav_a:active .nav_icon_caret {
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 1020px) {
    .nav_item.open {
        overflow: initial;
    }

    .nav_item.open .dropdown {
        opacity: 1;
        top: auto;
        display: flex;
        background-color: #fff;
    }

    .nav_item.open .nav_icon_arrow {
        transform: rotate(0deg);
    }

    .nav_item.open .nav_icon_caret {
        transform: rotate(180deg);
    }

    .nav_left {
        padding: 0.4rem 0;
        width: 100%;
    }

    .logo_img {
        width: 2.1rem;
        height: 0.45rem;
    }

    .nav_menu {
        display: block;
    }

    .nav_right {
        z-index: 100;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        max-height: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, .8);
        margin-left: 100%;
        opacity: 0;
        transition: .1s;
    }

    .nav_navbar {
        margin: 0;
        position: absolute;
        right: -80%;
        top: 0;
        padding: 0 0.4rem;
        width: 80%;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        transition: .5s;
        display: block;
    }

    .nav_show.nav_right {
        margin-left: 0;
        opacity: 1;
    }

    .nav_show .nav_navbar {
        right: 0;
    }

    .nav_item {
        border-bottom: 1px solid rgba(153, 153, 153, .4);
    }

    .nav_item_close {
        padding: 0.3rem 0;
        display: flex;
        justify-content: flex-end;
    }

    .nav_close {
        width: 0.3rem;
        height: 0.3rem;
    }

    .nav_item_form,
    .nav_item_word {
        border-bottom: none;
    }

    .nav_form {
        width: 100%;
        margin: 0.48rem auto;
        padding: 0.1rem 0.32rem;
        height: 0.6rem;
        color: #fff;
        background-color: rgba(0, 0, 0, .4);
    }

    .nav_input {
        width: auto;
        flex: 1;
        overflow: hidden;
        color: #fff;
        font-size: 0.2rem;
    }

    input.nav_input::-webkit-input-placeholder {
        color: #fff;
    }

    input.nav_input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #fff;
    }

    input.nav_input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #fff;
    }

    input.nav_input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fff;
    }

    .nav_submit {
        width: 0.34rem;
        height: 0.34rem;
        background-image: url('../images/search_phone.png');
    }

    .nav_item_word .nav_a {
        justify-content: center;
    }

    .nav_icon_earth {
        margin-right: 0.12rem;
        width: 0.36rem;
        height: 0.36rem;
        background-image: url('../images/earth_phone.png');
    }

    .nav_icon_caret {
        margin-left: 0.12rem;
    }

    .nav_icon_arrow {
        position: absolute;
        right: -0.15rem;
        top: 0;
        margin: 0;
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        background-size: 0.3rem auto;
    }

    .dropdown {
        margin-right: 0;
        padding: 0;
        padding-bottom: 0.1rem;
        position: static;
        right: auto;
        top: auto;
        display: none;
    }

    .nav_item_word .dropdown {
        padding: 0.2rem 0;
        background-color: #e5e5e5;
    }

    .dropdown .nav_sub_a {
        font-size: 0.28rem;
        line-height: 0.46rem;
        color: #666666;
        text-align: left;
    }

    .nav_item_word .dropdown .nav_sub_a {
        line-height: 0.26rem;
        color: #000;
        text-align: center;
    }

    .nav_item,
    .nav_a {
        width: 100%;
        color: #000;
    }

    .nav_a {
        font-size: 0.3rem;
        line-height: 0.62rem;
        padding: 0;
    }

    .nav_item_word .nav_a {
        font-size: 0.24rem;
    }

    .nav_a:hover,
    .dropdown .nav_sub_a:hover {
        color: #000;
    }

    .nav_item.active .nav_a {
        color: #e22a23;
    }

    .nav_item.active .nav_a::after {
        display: none;
    }
}

/*--------------------
1. Footer
--------------------*/

.footer {
    padding-top: 0.6rem;
    background-color: #000;
    background-image: url('../images/footer_bg.jpg');
}

.footer_box {
    display: flex;
    color: #666;
}

.footer_nav_box {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.footer_kawai_map > img {
    margin-top: -0.1rem;
    margin-right: 0.44rem;
    width: 2.18rem;
    height: 1.63rem;
}

.kawai_map_phone_img {
    display: none;
}

.footer_nav {
    margin-right: 0.3rem;
    /* flex: 1; */
    font-size: 0.14rem;
    line-height: 0.26rem;
}

.footer_nav:nth-child(1) {
    margin-right: 0.34rem;
}

.footer_nav:nth-child(2) {
    margin-right: 0.16rem;
}

.footer_nav:nth-child(4) {
    margin-right: 0.5rem;
}

.footer_nav:nth-child(7) {
    margin-right: 0;
}

@media screen and (max-width: 1200px) and (min-width: 1020px) {
    .footer_nav {
        margin-right: 0.22rem;
    }
}

.footer_nav a {
    color: #666;
}

.footer_nav a:hover {
    color: #999;
}

.footer_nav_title {
    margin-bottom: 0.1rem;
    font-size: 0.12rem;
    line-height: 0.14rem;
    color: #ccc;
}

.footer_logo {
    margin-bottom: 0.1rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #666;
}

.footer_logo_img {
    width: 1.46rem;
    height: 0.3rem;
}

.footer_contact {
    margin-left: 0.98rem;
    width: 3.77rem;
}

.footer_contact_info {
    font-size: 0.14rem;
    line-height: 0.24rem;
}

@media screen and (max-width: 1020px) {
    .footer_nav_title {
        line-height: 0.28rem;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1020px) {
    .footer_nav_title {
        font-size: 0.14rem;
    }
}

.footer_share {
    padding-top: 0.2rem;
}

.footer_share > a {
    position: relative;
    margin-right: 0.1rem;
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    background-size: 100%;
}

.footer_share > a:hover > .share_box {
    top: 0.4rem;
    opacity: 1;
}

.share_weibo {
    background: url('../images/weibo.png');
}

.share_wechat {
    background: url('../images/wechat.png');
}

.share_douyin {
    background: url('../images/douyin_logo.png');
}

.share_box {
    position: absolute;
    top: 0.5rem;
    left: -0.6rem;
    width: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .35s;
}

.share_box .share_code {
    width: 1.5rem;
    height: 1.5rem;
}

.share_triangle {
    width: 0.12rem;
    height: 0.06rem;
}

.footer_link {
    padding: 1rem 0 0.3rem;
    font-size: 0.14rem;
    color: #a27d4e;
}

.footer_link > a {
    margin-right: 0.1rem;
    color: #a27d4e;
    text-decoration: underline;
}

.footer_other {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.2rem 0;
    font-size: 0.12rem;
    color: #333;
}

.footer_other_ba {
    flex: 1;
}

.footer_other_ba > a {
    color: #333;
}

.footer_other_a > a {
    color: #333;
}

.footer_other_a > span {
    margin: 0 0.05rem;
}

/* @media screen and (max-width:1200px) {

  .footer_nav {
    font-size: 0.22rem;
    line-height: 0.40rem;
  }

  .footer_nav_title {
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
} */

@media screen and (max-width: 1020px) {
    .footer_box {
        flex-direction: column;
    }

    .footer_kawai_map {
        margin-bottom: 0.6rem;
    }

    .footer_kawai_map > img {
        margin: 0 auto;
        width: 4.5rem;
        height: 1.53rem;
    }

    .kawai_map_img {
        display: none;
    }

    .kawai_map_phone_img {
        display: block;
    }

    .footer_nav {
        flex: initial;
        padding-left: 0.48rem;
        margin-right: 0;
        margin-bottom: 0.7rem;
        width: 33.33%;
        font-size: 0.27rem;
        line-height: 0.40rem;
    }

    .footer_nav_box .footer_nav {
        margin-right: 0;
    }

    .footer_nav_box {
        margin: 0;
    }

    .footer_contact {
        margin-left: 0;
        width: 100%;
    }

    .footer_logo,
    .footer_contact_info {
        display: none;
    }

    .footer_share {
        padding-top: 0.3rem;
        text-align: center;
    }

    .footer_share > a {
        width: 0.5rem;
        height: 0.5rem;
    }

    .share_box {
        left: -0.5rem;
    }

    .footer_share > a:hover > .share_box {
        top: 0.54rem;
    }

    .footer_link {
        padding-top: 0.3rem;
        text-align: center;
    }

    .footer_link > span {
        margin-bottom: 0.1rem;
        display: inline-block;
        width: 100%;
    }

    .footer_link > a {
        font-size: 0.2rem;
    }

    .footer_other_ba,
    .footer_other_a {
        width: 100%;
        text-align: center;
    }

    .footer_nav_title {
        margin-bottom: 0.2rem;
        font-size: 0.3rem;
        line-height: 0.24rem;
    }

    .footer_share > a:hover > .share_box {
        display: flex;
    }

    .share_box {
        display: none;
    }
}

/*--------------------
2. Banner
--------------------*/

.banner {
    position: relative;
}

.banner .swiper-container {
    width: 100%;
    height: 100%;
}

.banner .banner_img {
    width: 100%;
}

.banner_container {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/banner_mask2.png');
}

.banner .kawai_container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner_text {
    position: relative;
    z-index: 2;
    left: 2.4rem;
    top: -1rem;
    width: 4.17rem;
    visibility: hidden;
}

.swiper_slide_banner_text {
    position: absolute;
    left: 25.8%;
    top: 23%;
    width: 4.17rem;
    height: 2.85rem;
    display: none;
}

.banner .index_banner_pagination {
    position: initial;
    font-size: 0.16rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index_banner_pc .index_banner_pagination {
    position: absolute;
    right: 13%;
    top: 50%;
    width: auto;
    left: inherit;
    bottom: inherit;
}

.index_banner_phone .index_banner_pagination {
    position: absolute;
    left: 0;
    bottom: 13%;
}

.index_banner_pagination .swiper-pagination-bullet {
    display: inline-block;
    padding-bottom: 0.15rem;
    width: 0.6rem;
    height: 0.46rem;
    color: rgba(102, 102, 102, .5);
    border-left: 1px solid;
    border-color: rgba(102, 102, 102, .5);
    background-color: transparent;
    border-radius: 0;
    opacity: 1;
    box-sizing: content-box;
    outline: none;
}

.index_banner_pagination .swiper-pagination-bullet:last-child {
    padding-bottom: 0;
}

.index_banner_pagination .swiper-pagination-bullet > i {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-style: normal;
    text-align: center;
    line-height: 0.46rem;
    font-family: Arial;
    font-weight: 550;
}

.index_banner_pagination .swiper-pagination-bullet-active {
    width: 0.94rem;
}

.index_banner_pagination .swiper-pagination-bullet-active > i {
    font-size: 0.27rem;
    line-height: 0.44rem;
    color: #a27d4e;
    border: 1px solid #a27d4e;
    background-color: #000;
    transform: translateX(-0.47rem);
    -webkit-transform: translateX(-0.47rem);
    -moz-transform: translateX(-0.47rem);
    transition: .35s;
}

.banner_img_bg {
    width: 100%;
    height: 100%;
    display: none;
}

@media screen and (max-width: 1020px) {

    .banner .swiper-container {
        height: 5.7rem;
    }

    .banner .kawai_container {
        flex-direction: column;
        justify-content: center;
    }

    .index_banner .banner_text {
        left: -0.4rem;
        top: 0;
    }

    .swiper_slide_banner_text {
        left: 16.8%;
        top: 25%;
    }

    .banner .index_banner_pagination {
        position: absolute;
        bottom: 0.5rem;
        flex-direction: row;
    }

    .index_banner_pagination .swiper-pagination-bullet {
        padding-bottom: 0;
        width: 0.56rem;
        height: 0.4rem;
        border-left: none;
        border-bottom: 1px solid;
        color: rgba(255, 255, 255, .2);
        border-color: rgba(255, 255, 255, .15);
    }

    .index_banner_pagination .swiper-pagination-bullet > i {
        font-size: 0.18rem;
        line-height: 0.42rem;
    }

    .index_banner_pagination .swiper-pagination-bullet-active {
        width: 0.74rem;
        height: 0.42rem;
        border-bottom: none;
    }

    .index_banner_pagination .swiper-pagination-bullet-active > i {
        font-size: 0.3rem;
        line-height: 0.38rem;
        transform: translate(0, 0.21rem);
        -webkit-transform: translate(0, 0.21rem);
        -moz-transform: translate(0, 0.21rem);
        border: 1px solid rgba(255, 255, 255, .15);
    }

    .banner_img {
        display: none;
    }

    .banner_img_bg {
        display: block;
    }
}

/*--------------------
3. Index - Product
--------------------*/
.index_product_box {
    height: 8.2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.product_left,
.product_right {
    position: relative;
    height: 100%;
    flex: 1;
}

.product_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../images/product_bg.jpg');
    /* -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%); */
    background-attachment: fixed;
    background-size: 50% 100%;
    background-position: right center;
}

.product_right .kawai_title {
    position: absolute;
    left: 0.68rem;
    top: 1.5rem;
}

.product_cont {
    z-index: 2;
    position: absolute;
    top: 2.94rem;
    right: -0.68rem;
    padding: 0.5rem 1.1rem 0.5rem 0.5rem;
    width: 7.90rem;
    height: 4.86rem;
    border: 0.04rem solid #a27d4e;
}

.product_btn_group {
    position: absolute;
    margin-left: 0.04rem;
    left: 100%;
    bottom: 0.3rem;
    display: flex;
    flex-direction: column;
}

.product_btn {
    margin-bottom: 0.15rem;
    width: 1.46rem;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.18rem;
    color: #999;
    border: 1px solid #666;
    background-color: transparent;
    cursor: default;
    transition: .35s;
}

.product_btn.active {
    color: #fff;
    border-color: #a27d4e;
    background-color: #a27d4e;
}

.product_cont_group,
.product_item {
    position: relative;
    width: 100%;
    height: 100%;
}

.product_item {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transition: .35s;
}

.product_item.active {
    z-index: 2;
    opacity: 1;
    transition: .35s;
    transition-delay: .36s;
}

.product_img_box {
    position: relative;
    flex: 1;
}

.product_img {
    position: absolute;
    left: 0.24rem;
    bottom: -0.65rem;
    max-width: 7.5rem;
    width: 7.5rem;
}

.index_product_box .product_info {
    margin-bottom: 0;
}

.product_info_title {
    margin-bottom: 0.1rem;
    font-size: 0.4rem;
}

.product_info_text {
    margin-bottom: 0.2rem;
    min-height: 0.6rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_title {
    display: flex;
    align-items: center;
    font-style: italic;
}

.product_title .product_title_name {
    font-size: 0.48rem;
    font-family: 'Times New Roman', Times, serif;
}

.product_title .hot_and_new_tag {
    font-size: 0.2rem;
    color: red;
    font-style: initial;
    margin-top: 0.1rem;
}

.product_title .product_title_ {
    font-size: 0.3rem;
    font-weight: bold;
}

.product_title .product_title_type {
    font-size: 0.26rem;
    margin-top: 0.1rem;
}

.product_info {
    margin-bottom: 0.25rem;
}

.product_text {
    font-size: 0.14rem;
    line-height: 0.28rem;
    letter-spacing: 0.5px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_more {
    color: #000;
}

.product_more:hover {
    color: #a27d4e;
}


@media screen and (max-width: 1400px) and (min-width: 1020px) {
    .index_product_box {
        height: 8.6rem;
    }

    .product_cont {
        top: 3.4rem;
    }
}

@media screen and (max-width: 1020px) {

    .index_product_box {
        height: 5.8rem;
    }

    .product_right .kawai_title {
        display: none;
    }

    .product_cont {
        top: 2.18rem;
        padding: 0.3rem 0.9rem 0.3rem 0.3rem;
        width: 4.30rem;
        height: 3rem;
        border: 0.02rem solid #a27d4e;
    }

    .product_btn_group {
        margin-left: 0.02rem;
        bottom: 0.15rem;
    }

    .product_img {
        left: 0.12rem;
        bottom: -0.25rem;
        max-width: 4.5rem;
        width: 4.5rem;
    }

    .product_title {
        font-size: 0.42rem;
        margin-bottom: 0;
        line-height: 0.42rem;
        padding-top: 0.2rem;
    }

    .hot_and_new_tag {
        font-size: 0.3rem;
        color: red;
        font-style: initial;
    }

    .index_product_box .product_info_text {
        display: none;
    }

    .product_btn {
        font-size: 0.24rem;
    }

    .product_more {
        font-size: 0.18rem;
    }

}

.product_swiper_box {
    position: relative;
    padding: 0.4rem 1rem 0.3rem;
}

.product_swiper {
    height: 2rem;
}

.product_swiper_item {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #a27d4e;
    opacity: 1;
    transition: .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product_swiper_item img {
    height: 1.58rem;
    margin-bottom: 0.12rem;
}

.product_swiper_item:hover {
    color: #000;
}

.product_swiper_box .swiper-button-next,
.product_swiper_box .swiper-button-prev {
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    color: #fff;
    background-color: #a27d4e;
    outline: none;
}

.product_swiper_box .swiper-button-next::after,
.product_swiper_box .swiper-button-prev::after {
    font-size: 0.2rem;
}

@media screen and (max-width: 1020px) {

    .product_swiper_box {
        padding: 0.4rem;
    }

    .product_swiper {
        height: 2.1rem;
    }

    .product_swiper_item img {
        height: 1.4rem;
    }

    .product_swiper_box .swiper-button-next,
    .product_swiper_box .swiper-button-prev {
        display: none;
    }
}

/*--------------------
3. Index - About
--------------------*/

.about {
    position: relative;
}

.about_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4.9rem;
    background-image: url('../images/about_bg.jpg');
    background-size: 100%;
    background-color: #000;
    filter: grayscale(100%);
    background-attachment: fixed;
}

.about_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1.27rem;
    padding-bottom: 1.27rem;
}

.about_box_center {
    width: 1.4rem;
}

.about_box_left,
.about_box_right {
    width: 6rem;
}

.about_box_left .kawai_title {
    margin-bottom: 0.6rem;
}

.history_video_box {
    position: relative;
    width: 100%;
    height: 5.8rem;
    background-color: #000;
    transition: .5s;
    overflow: hidden;
}

.history_video_box:hover .history_video_bg {
    transform: scale(1.1);
}

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

.history_video_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.history_video_play {
    opacity: 0;
}

.history_video_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../picture/video_bg.jpg');
    transition: .5s;
}

.history_video_icon {
    z-index: 2;
    position: relative;
    width: 1.67rem;
    height: 1.67rem;
}

.history_info {
    padding: 0.3rem 0;
}

.history_info p {
    margin-bottom: 0.2rem;
    font-size: 0.16rem;
    letter-spacing: 0.5px;
}

.about_btn_box {
    font-size: 0;
}

.about_btn {
    color: #fff;
    background-color: #000;
}

.about_btn:hover {
    color: #fff;
    background-color: #a27d4e;
}


.about_box_right {
    position: relative;
    margin-top: 2.5rem;
    height: 8.34rem;
}

.about_box_right_shadow {
    position: absolute;
    left: -0.52rem;
    bottom: -0.62rem;
    width: 6.17rem;
    height: 6.67rem;
    border: 0.04rem solid #a27d4e;
}

.about_selection_box,
.about_selection {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about_selection_box {
    background-image: url('../picture/selection_bg.jpg');
}

.about_selection {
    padding: 0.88rem 0.64rem;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    transition: .5s;
}

.about_selection:hover {
    background-color: rgba(0, 0, 0, .1);
}

.selection_title {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
    font-style: italic;
}

@media screen and (max-width: 1200px) and (min-width: 1020px) {
    .selection_title {
        font-size: 0.32rem;
    }
}

.selection_info {
    margin-bottom: 0.5rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    letter-spacing: 0.5px;
}

.selection_btn {
    display: inline-block;
    width: 1.28rem;
    height: 0.44rem;
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.42rem;
    border: 1px solid #a27d4e;
    transition: .35s;
}

.selection_btn:hover {
    color: #fff;
    background-color: #a27d4e;
}


@media screen and (max-width: 1020px) {
    .about_box_center {
        display: none;
    }

    .about_box {
        flex-direction: column;
        align-items: center;
        padding-top: 0.94rem;
        padding-bottom: 0.94rem;
    }

    .history_video_box {
        height: 6rem;
    }

    .history_info p {
        font-size: 0.22rem;
        margin-bottom: 0;
    }

    .about_box_right {
        margin-top: 0.6rem;
    }

    .kawai_btn_flex span {
        font-size: 0.22rem;
    }

    .kawai_btn_more {
        width: 0.28rem;
        height: 0.14rem;
    }

    .about_selection {
        padding: 0.5rem 0.6rem;
    }

    .selection_info {
        font-size: 0.23rem;
        line-height: 0.36rem;
    }

    .selection_btn {
        width: 1.48rem;
        height: 0.54rem;
        line-height: 0.52rem;
        font-size: 0.22rem;
    }

    .selection_title {
        font-size: 0.34rem;
    }
}

/*--------------------
3. Index - News
--------------------*/

.news {
    position: relative;
    padding: 1rem 0 1.4rem;
}

.news_bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/news_bg.jpg');
    filter: grayscale(100%);
    background-attachment: fixed;
}

.news_container {
    display: flex;
    justify-content: center;
}

.news_center {
    width: 0.75rem;
}

.news_left {
    margin-top: 2.4rem;
}

.news_left .kawai_title {
    display: none;
}

.news_left_box {
    padding: 0.3rem 0.3rem 0.3rem 0.6rem;
    width: 7.5rem;
    height: 4.5rem;
    border: 0.04rem solid #a27d4e;
    display: flex;
    flex-direction: column;
}

.news_left_img_box {
    position: relative;
    margin-bottom: 0.2rem;
    flex: 1;
}

.news_left_img {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 7.25rem;
    width: 7.25rem;
    height: 4.8rem;
    overflow: hidden;
}

.news_left_img > img {
    width: 100%;
    height: 100%;
    transition: .5s;
}

.news_left_img:hover img {
    transform: scale(1.04);
}

.news_left_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_cont_title {
    font-size: 0.24rem;
    color: #fff;
}

.news_cont_time {
    font-size: 0.18rem;
    color: #666;
}

.news_left_info:hover {
    text-decoration: none;
}

.news_left_info:hover > span {
    color: #a27d4e;
}

.news_right {
    width: 5.2rem;
}

.news_right .kawai_title {
    margin-bottom: 0.4rem;
}

.news_list {
    padding-bottom: 0.1rem;
    font-size: 0.14rem;
}

.news_item {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.2rem;
    padding: 0.15rem;
    color: #999;
    border: 1px solid rgba(153, 153, 153, .2);
    display: flex;
    align-items: center;
    transition: .5s;
}

.news_item:hover {
    color: #fff;
    border-color: #999;
    text-decoration: none;
}

.news_title {
    /*max-width: 54%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_time {
    flex: 1;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_btn {
    color: #000;
    background-color: #fff;
}

.news_btn .kawai_btn_more {
    background-image: url('../images/more2.png');
    transition: .5s;
}

.news_btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #a27d4e;
}

.news_btn:hover .kawai_btn_more {
    background-image: url('../images/more.png');
}

.news_details_back {
    padding: 40px 0;
    text-align: center;
}

.news_details_back_btn {
    display: inline-block;
    width: 1.2rem;
    height: 0.42rem;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #999;
    border: 1px solid #ccc;
    background-color: #eee;
}

/* @media screen and (max-width:1024px) and (min-width:750px) {

  .news_details_back_btn {
    width: 1.6rem;
    height: 0.6rem;
    line-height: 0.58rem;
  }
} */

.news_details_back_btn:hover {
    color: #333;
    background-color: #eee;
}


@media screen and (max-width: 1020px) {
    .news {
        padding: 0.7rem 0 0.6rem;
    }

    .news_container {
        flex-direction: column;
    }

    .news_center {
        display: none;
    }

    .news_left {
        margin-top: 0;
        margin-bottom: 0.55rem;
    }

    .news_left .kawai_title {
        margin-bottom: 1.1rem;
        padding-left: 0.52rem;
        display: block;
    }

    .news_left_box {
        padding: 0.2rem 0.15rem 0.2rem 0.5rem;
        width: 6.42rem;
        height: 4.20rem;
        border: 0.02rem solid #a27d4e;
    }

    .news_left_img {
        width: 6.18rem;
        height: 4.14rem;
    }

    .news_right {
        width: 6.42rem;
    }

    .news_right .kawai_title {
        display: none;
    }


    .news_list {
        padding-bottom: 0.1rem;
        font-size: 0.22rem;
    }

    .news_item {
        margin-bottom: 0.2rem;
        padding: 0.16rem 0.2rem;
    }

    .news_btn_box {
        text-align: right;
    }

}

/*--------------------
3. Index - Service
--------------------*/

.service {
    position: relative;
    padding: 0.6rem 0 1.4rem;
    display: flex;
}

.service_left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.service_top {
    position: relative;
    width: 12rem;
    height: 4.6rem;
}

.service_bg,
.service_title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.service_bg {
    background-image: url('../images/service_bg.jpg');
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    background-attachment: fixed;
    background-color: #000;
    background-size: 12rem;
    background-position: left;
}

.service_title {
    display: flex;
    justify-content: flex-end;
    /* background-color: rgba(0, 0, 0, .7); */
}

.service_top .kawai_title,
.service_info {
    margin-right: 2.62rem;
    width: 6rem;
}

.service_top .kawai_title {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.service_info {
    padding: 0.35rem 0;
    font-size: 0.16rem;
    letter-spacing: 0.5px;
}

.service_info p {
    margin-bottom: 0.2rem;
}

.service_right {
    position: relative;
    margin-top: 0.42rem;
    margin-left: 1rem;
    width: 4.18rem;
    height: 5.56rem;
    border: 0.04rem solid #a27d4e;
}

.service_cont {
    position: absolute;
    right: 0.64rem;
    top: 0.32rem;
    width: 6rem;
    height: 6rem;
    display: flex;
    flex-wrap: wrap;
}

.service_item {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 50%;
    overflow: hidden;
}

.service_item_bg,
.service_item_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    transition: .35s;
}

.service_item_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.64rem;
    margin-top: -0.32rem;
    width: 1.28rem;
    height: 0.64rem;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.62rem;
    color: #fff;
    border: 1px solid #999;
    transition: .35s;
}

@media screen and (max-width: 1020px) {
    .service_item_btn {
        width: 1.58rem;
        height: 0.68rem;
        line-height: 0.66rem;
    }
}

.service_item:hover .service_item_btn {
    color: #000;
    border-color: rgba(255, 255, 255, .8);
    background-color: rgba(255, 255, 255, .8);
}

.service_item:hover .service_item_mask {
    background-color: transparent;
}

@media screen and (max-width: 1020px) {
    .service {
        min-height: 9.8rem;
        flex-direction: column;
    }

    .service_left {
        align-items: flex-start;
    }

    .service_top {
        width: 5.75rem;
        height: 5.75rem;
    }

    .service_top .kawai_title {
        justify-content: flex-start;
        margin-top: 0.63rem;
        margin-right: 0.46rem;
        width: auto;
        height: auto;
    }

    .service_info {
        display: none;
    }

    .service_right {
        position: absolute;
        right: 0.2rem;
        top: 2.8rem;
        margin: 0;
        width: 3.68rem;
        border: 0.02rem solid #a27d4e;
    }

    .service_cont {
        right: 0.3rem;
    }

    .service_item_btn {
        margin-left: -0.73rem;
        margin-top: -0.35rem;
        width: 1.46rem;
        height: 0.7rem;
        font-size: 0.24rem;
        line-height: 0.68rem;
    }
}

/*--------------------
4. About - History
--------------------*/

.banner.kawai_background {
    height: 6rem;
}

.banner.kawai_background .banner_container {
    /*background-image: url('../images/other_banner_mask.png');*/
}

.banner.kawai_background .kawai_container {
    justify-content: flex-end;
}

.banner.kawai_background .banner_text {
    left: 0;
    top: 0;
    width: 4.29rem;
}

.banner.kawai_background .banner_text_area {
    position: relative;
    height: 2.29rem;
}

.banner.kawai_background .banner_text_area > .banner_text_zn {
    visibility: hidden;
    border-right: 0.04rem solid #a27d4e;
}

.banner.kawai_background .banner_text_box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 2.94rem;
    height: 100%;
    color: #fff;
    border: 0.04rem solid #a27d4e;
    border-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.banner_text_top,
.banner_text_bottom {
    flex: 1;
    overflow: hidden;
    width: 100%;
    border-left: 0.04rem solid #a27d4e;
}

.banner_text_en,
.banner_text_zn {
    padding-right: 0.46rem;
    white-space: nowrap;
    text-shadow: 0 0 3px rgba(0, 0, 0, .7);
}

.banner_text_en {
    width: 100%;
    text-align: right;
    font-size: 0.36rem;
    border-left: 0.04rem solid #a27d4e;
    font-family: Arial, Helvetica, sans-serif;
    color: rgba(255, 255, 255, .8);
}

.banner_text_en_zn {
    font-family: "宋体";
}

.banner_text_en.zn_banner_text_en {
    font-weight: 100;
}

.banner_text_en.news_banner_text_en {
    width: auto;
    border-left: none;
}

.banner_text_zn {
    padding-right: 0.4rem;
    font-size: 0.88rem;
    letter-spacing: 0.08rem;
    line-height: 1.1rem;
    color: rgba(255, 255, 255, .8);
}

.news_banner .banner_text_zn,
.contact_banner .banner_text_zn,
.about_banner .banner_text_zn {
    padding-right: 0.35rem;
}

.about_banner .banner_text_zn {
    padding-right: 0.35rem;
}

.about_banner {
    /*background-image: url('../images/about_banner.jpg');*/
}

.about_history_info {
    padding: 0.45rem 0;
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #fff;
    background-color: #e22a23;
}

.about_history_cont {
    padding: 1.1rem 0;
}

.history_item {
    position: relative;
}

.history_item1 {
    margin-bottom: 0.75rem;
}

.history_item_bg {
    margin-left: 0.46rem;
    padding: 0.3rem 0;
    width: 4.5rem;
    height: 3.36rem;
    border: 0.04rem solid #a27d4e;
}

.history_item_title {
    padding: 0 0.64rem;
    font-size: 0.24rem;
    font-weight: bold;
}

.history_item1 .history_item_title,
.history_item3 .history_item_title {
    text-align: right;
}

.history_item_peo_img {
    z-index: 2;
    position: relative;
    left: -0.52rem;
    width: 2.3rem;
    height: 2.89rem;
}

.history_item_text {
    position: absolute;
    left: 0;
    top: 0.88rem;
    padding: 0.35rem 0.46rem 0.35rem 2.78rem;
    width: 100%;
    height: 2.17rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    border: 1px solid #a27d4e;
    background-color: #fff;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
}


@media screen and (max-width: 1020px) {
    .about_history_cont .history_item1:last-child .history_item_text {
        height: 2.22rem;
    }
}

.history_item2 {
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: flex-end;
}

.history_item2 .history_item_bg {
    margin-right: 0.46rem;
    height: 3.84rem;
}

.history_item2 .history_item_peo_box {
    display: flex;
    justify-content: flex-end;
}

.history_item2 .history_item_peo_img {
    left: auto;
    right: -0.52rem;
}

.history_item2 .history_item_text {
    padding-left: 0.46rem;
    padding-right: 2.78rem;
    height: 2.47rem;
}

.history_item3 .history_item_bg {
    left: auto;
    right: -0.52rem;
    height: 3.77rem;
}

.history_item3 .history_item_text {
    height: 2.47rem;
}

@media screen and (max-width: 1020px) {
    .about_history_info {
        font-size: 0.22rem;
        line-height: 2;
    }

    .history_item {
        display: block;
        margin-bottom: 1.3rem;
    }

    .history_item:last-child {
        margin-bottom: 0;
    }

    .history_item .history_item_bg {
        position: relative;
        margin: 0 auto 0.65rem;
        padding: 0;
        width: 2.3rem;
        height: 2.95rem;
        border: 0.02rem solid #a27d4e;
    }

    .history_item .history_item_title {
        position: relative;
        bottom: 0.7rem;
        font-size: 0.3rem;
        padding: 0;
        text-align: center;
    }

    .history_item .history_item_peo_img {
        z-index: 2;
        position: absolute;
        left: -0.35rem;
        bottom: -0.35rem;
        width: 2.3rem;
        height: 2.95rem;
    }

    .history_item2 .history_item_peo_img {
        left: auto;
        right: -0.35rem;
    }

    .history_item .history_item_text {
        position: relative;
        left: -0.3rem;
        top: auto;
        padding: 0.35rem 0.3rem 0.35rem 0.6rem;
        width: 100%;
        height: auto;
        font-size: 0.22rem;
        line-height: 2;
    }

    .history_item2 .history_item_text {
        left: auto;
        right: -0.3rem;
        padding: 0.35rem 0.6rem 0.35rem 0.3rem;
    }
}

/*--------------------
4. About - Global
--------------------*/

.global_box .kawai_content {
    text-align: center;
}

.global_title {
    margin-bottom: 20px;
    font-size: 0.24rem;
    line-height: 0.6rem;
    color: #e22a23;
    border-bottom: 1px solid #ddd;
}

.global_cont {
    margin: 0 -1%;
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: center;
}

.global_cont a {
    cursor: pointer;
}

.global_item {
    display: block;
    margin: 0 1% 0.35rem;
    width: 23%;
    color: #000;
    opacity: 1;
    transition: .5s;
}

.global_item_box {
    margin-bottom: 0.18rem;
}

.global_item_box img {
    width: 100%;
}

.global_item_text {
    font-size: 0.16rem;
    line-height: 0.3rem;
    /*height: 0.6rem;*/
    overflow: hidden;
}

.global_item:hover {
    /* opacity: 0.7; */
    color: #000;
    text-decoration: none;
}

.global_cont_box {
    padding-bottom: 1.2rem;
}

.company_name{
    font-size: 0.205rem;
    min-height: 0.78rem;
}

/* @media screen and (max-width:1024px) and (min-width:768px) {
  .global_title {
    font-size: 0.34rem;
  }
} */

@media screen and (max-width: 1020px) {
    .global_title {
        font-size: 0.3rem;
    }

    .global_item {
        margin: 0 auto 20px;
        width: 100%;
    }

    .global_cont {
        margin: 0;
    }

    .global_item_box {
        margin-bottom: 0.24rem;
    }

    .global_item_text {
        font-size: 0.22rem;
        line-height: 0.38rem;
        /*height: 0.76rem;*/
    }
}

/*--------------------
4. About - Factory
--------------------*/
.factory_box {
    width: 100%;
    overflow: hidden;
}

.factory_box .kawai_content .kawai_title {
    padding-bottom: 0.68rem;
}

.about_factory_info {
    position: relative;
    padding: 0.45rem 0;
    /* height: 2.6rem; */
}

.about_factory_info_bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 120%;
    height: 100%;
    background-image: url('../picture/about_factory_bg.jpg');
    background-color: rgba(0, 0, 0, 1);
}

.about_factory_info_cont {
    position: relative;
    z-index: 2;
    display: flex;
    color: #fff;
}

.about_factory_info_left,
.about_factory_info_right {
    flex: 1;
    color: #fff;
}

.about_factory_info_left {
    font-size: 0.3rem;
    line-height: 0.6rem;
}

.about_factory_info_right {
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.about_factory_info_right p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about_factory_bottom {
    padding-top: 0.6rem;
    padding-bottom: 1.1rem;
}

.about_factory_img {
    margin: 0 auto 0.5rem;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: .5s;
}

.about_factory_title {
    margin-bottom: 0.4rem;
    font-size: 0.24rem;
    text-align: center;
}

.about_factory_text {
    font-size: 0.14rem;
    line-height: 0.3rem;
    letter-spacing: 0.5px;
}

/* @media screen and (max-width:1024px) and (min-width:768px) {
  .about_factory_info_left {
    font-size: 0.38rem;
  }

  .about_factory_title {
    font-size: 0.36rem;
  }
} */

@media screen and (max-width: 1020px) {
    .about_factory_info_cont {
        flex-direction: column;
    }

    .about_factory_info_cont {
        padding-left: 0;
        padding-right: 0.24rem;
    }

    .about_factory_info_left {
        margin-bottom: 0.1rem;
        font-size: 0.32rem;
    }

    .about_factory_info_right {
        line-height: 0.36rem;
        font-size: 0.24rem;
    }

    .about_factory_title {
        font-size: 0.3rem;
    }

    .about_factory_text {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }
    
    .company_name{
        font-size: 0.28rem;
    }
}

/*--------------------
4. About - Selection
--------------------*/
.selection_box .kawai_content {
    padding-bottom: 0.6rem;
}

.selection_box {
    overflow: hidden;
}

.selection_top_img {
    padding: 0.22rem 0 0.7rem;
}

.selection_item {
    position: relative;
    margin-bottom: 0.7rem;
    display: flex;
}

.selection_item_title {
    position: absolute;
    left: 3.62rem;
    top: 0.34rem;
    padding-left: 3.60rem;
    width: 150%;
    height: 1.62rem;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 1.62rem;
    color: #fff;
    background-color: #a27d4e;
}

.selection_left {
    margin-left: 0.66rem;
    margin-right: 0.4rem;
    width: 6.37rem;
    height: 4.37rem;
    border: 0.04rem solid #a27d4e;
}

.selection_video_box {
    z-index: 2;
    position: relative;
    left: -0.7rem;
    top: 0.97rem;
    width: 6.66rem;
    height: 5rem;
    background-color: #000;
    /*cursor: pointer;*/
}

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

.selection_right {
    position: relative;
    padding-top: 2.2rem;
    padding-bottom: 0.35rem;
    flex: 1;
    overflow: hidden;
}

.selection_right .swiper-container {
    width: 100%;
    /* height: 5.76rem; */
}

.selection_a {
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0;
}

.selection_a > span:first-child {
    padding-right: 0.1rem;
    font-size: 0.14rem;
    line-height: 0.36rem;
    letter-spacing: 0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selection_a .selection_icon {
    flex: 1;
    display: flex;
    align-items: center;
}

.selection_a .selection_icon i {
    margin-right: 0.1rem;
    display: inline-block;
    width: 0.26rem;
    height: 0.18rem;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.selection_icon_img {
    background-image: url('../images/selection_icon_img.png');
}

.selection_icon_video {
    background-image: url('../images/selection_icon_video.png');
}

.selection_right .swiper-button-prev,
.selection_right .swiper-button-next {
    top: auto;
    bottom: 0;
    width: 0.24rem;
    height: 0.24rem;
    font-weight: 600;
    border-radius: 999px;
    background-color: #ddd;
    transition: .35s;
    outline: none;
}

.selection_right .swiper-button-prev:hover,
.selection_right .swiper-button-next:hover {
    background-color: #999;
    outline: none;
}

.selection_right .swiper-button-prev {
    left: 40%;
}

.selection_right .swiper-button-prev::after,
.selection_right .swiper-button-next::after {
    font-size: 0.12rem;
    color: #fff;
}

.selection_right .swiper-button-next {
    left: 50%;
}

.selection_right .swiper-pagination {
    display: none;
}

.selection_item2 {
    flex-direction: row-reverse;
}

.selection_item2 .selection_item_title {
    left: auto;
    right: 3.5rem;
    padding-right: 4rem;
    text-align: right;
}

.selection_item2 .selection_left {
    margin-right: 0;
    margin-left: 1.5rem;
}

.selection_item2 .selection_video_box {
    left: auto;
    left: -0.97rem;
    top: 0.97rem;
}

.selection_dialog {
    display: none;
    z-index: 102;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    justify-content: center;
    align-items: center;
}

.selection_content {
    position: relative;
    width: 8rem;
    height: 6rem;
}

.swiper_close {
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
}

.selection_dialog .swiper-container {
    width: 100%;
    height: 100%;
}

.selection_dialog .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}

.selection_dialog .swiper-button-prev {
    left: -0.6rem;
    outline: none;
}

.selection_dialog .swiper-button-next {
    right: -0.6rem;
    outline: none;
}

.selection_dialog .swiper-button-prev::after,
.selection_dialog .swiper-button-next::after {
    font-size: 0.5rem;
    color: #8c8c8c;
}

/* @media screen and (max-width:1024px) and (min-width:768px) {

  .selection_right .swiper-container {
    height: 7.78rem;
  }
  .selection_right {
    padding-bottom: 0.45rem;
  }

  .selection_a>span:first-child {
    font-size: 0.32rem;
    line-height: 0.44rem;
  }

  .selection_a .selection_icon i {
    width: 0.4rem;
    height: 0.28rem;
  }

  .selection_right .swiper-button-prev,
  .selection_right .swiper-button-next {
    width: 0.3rem;
    height: 0.3rem;
  }
} */

@media screen and (max-width: 1020px) {
    .selection_top_img {
        padding: 0.25rem 0 0.5rem;
    }

    .selection_item {
        flex-direction: column;
        margin-bottom: 0;
    }

    .selection_item .selection_item_title {
        position: static;
        padding: 0 0.62rem;
        margin-bottom: 0.5rem;
        font-size: 0.3rem;
    }

    .selection_item .selection_left {
        margin: 0;
        margin-left: 0.54rem;
        width: auto;
        border-width: 2px;
    }

    .selection_item .selection_video_box {
        left: -0.54rem;
        top: 0.5rem;
        width: 6.5rem;
        height: 4.88rem;
        overflow: hidden;
    }

    .selection_right {
        padding-top: 1.5rem;
        padding-bottom: 0.6rem;
    }

    .selection_right .swiper-container {
        padding-bottom: 0.7rem;
        height: auto;
    }

    .selection_right .swiper-button-prev,
    .selection_right .swiper-button-next {
        display: none;
    }

    .selection_right .swiper-pagination {
        display: block;
    }

    .selection_right .swiper-pagination-bullet {
        background-color: #ddd;
    }

    .selection_right .swiper-pagination-bullet-active {
        background-color: #999;
    }

    .selection_item2 {
        padding-top: 2.12rem;
    }

    .selection_item2 .selection_item_title {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
    }

    .selection_a {
        margin-bottom: 0.1rem;
    }

    .selection_a > span:first-child {
        font-size: 0.22rem;
        line-height: 0.4rem;
    }

    .selection_a .selection_icon i {
        width: 0.44rem;
        height: 0.3rem;
    }

    .selection_content {
        width: 92%;
    }

    .swiper_close {
        top: -0.6rem;
        right: -0.2rem;
        width: 0.4rem;
        height: 0.4rem;
    }

    .selection_dialog .swiper-button-prev,
    .selection_dialog .swiper-button-next {
        top: 110%;
    }

    .selection_dialog .swiper-button-prev {
        left: 38%;
    }

    .selection_dialog .swiper-button-next {
        right: 38%;
    }

    .selection_dialog .swiper-button-prev::after,
    .selection_dialog .swiper-button-next::after {
        font-size: 0.42rem;
    }
}

/*--------------------
5. Contact - Information
--------------------*/

.contact_banner {
    /*background-image: url('../images/contact_banner.jpg');*/
}

.contact_box {
    background-image: url('../images/content_bg.jpg');
}

.contact_content {
    padding: 0 0 0.6rem;
    text-align: center;
}

.contact_logo_img {
    margin: 0 auto -0.3rem;
}

.contact_company {
    margin-bottom: 0.6rem;
    font-size: 0.28rem;
}

.contact_phone {
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
    /*color: #e22a23;*/
}

.contact_phone_kong{
    margin-bottom: 0.6rem;
}

.contact_way {
    margin: 0 auto;
    width: 9.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contact_way_item {
    margin-bottom: 0.6rem;
    width: 33.33%;
}

.contact_way_img_box {
    position: relative;
    margin: 0 auto 0.12rem;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_way_img_box > a {
    display: block;
    width: 100%;
    height: 100%;
}

.contact_way_img_btn {
    border-color: transparent;
}

.contact_way_img {
    height: 100%;
}

.way_item_no_border .contact_way_img {
    border-color: transparent;
}

.contact_way_btn {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.6rem;
    width: 1.2rem;
    height: 0.40rem;
    line-height: 0.40rem;
    color: #fff;
    background-color: #f76d24;
    border-radius: 4px;
}

.contact_way_btn:hover {
    color: #fff;
    background-color: #f76d24;
    text-decoration: none;
}

.contact_way_name {
    font-size: 0.16rem;
}

@media screen and (max-width: 1020px) {
    .contact_content {
        padding: 0.6rem 0;
    }

    .contact_logo_img {
        width: 6rem;
    }

    .contact_company {
        margin-bottom: 0.3rem;
        font-size: 0.32rem;
    }

    .contact_phone {
        font-size: 0.3rem;
    }

    .contact_way_img_box {
        width: 2.4rem;
        height: 2.4rem;
    }

    .contact_way {
        width: 100%;
    }

    .contact_way_item {
        width: 50%;
    }

    .contact_way_name {
        font-size: 0.22rem;
    }
}

/*--------------------
6. News - List
--------------------*/

.news_banner {
    /*background-image: url('../images/news_banner.jpg');*/
}

.news_box {
    display: flex;
}

.news_nav {
    padding-right: 0.5rem;
}

.news_nav_item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0.45rem;
    font-size: 0.18rem;
    font-family: Arial;
    line-height: 1;
}

.news_nav_icon {
    position: relative;
    margin-left: 0.1rem;
    width: 0.14rem;
    height: 0.14rem;
}

.news_nav_icon::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 0.6rem;
    background-color: #ccc;
}

.news_nav_icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.02rem solid #ccc;
    background-color: #fff;
    border-radius: 100%;
    box-sizing: border-box;
}

.news_nav_item:last-child .news_nav_icon::before {
    background-color: transparent;
}

.news_nav_item.active {
    margin-right: -0.04rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #e22a23;
}

.news_nav_item.active .news_nav_icon {
    width: 0.22rem;
    height: 0.22rem;
}

.news_nav_item.active .news_nav_icon::after {
    border: 0.05rem solid #e22a23;
}

.news_content {
    padding-bottom: 1.1rem;
    flex: 1;
    overflow: hidden;
}

.news_list_box {
    margin-bottom: 0.45rem;
    border-top: 1px solid #eee;
}

.news_list_item {
    display: flex;
    align-items: center;
    padding: 0.1rem 0;
    width: 100%;
    height: 2.31rem;
    border-bottom: 0.01rem solid #eee;
}

.news_list_img_box {
    width: 2.8rem;
    height: 100%;
    overflow: hidden;
    transition: .5s;
}

.news_list_img_box > img {
    width: 100%;
    height: 100%;
}

.news_list_info {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.35rem;
    height: 100%;
}

.news_list_top {
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
}

.news_list_time {
    margin-right: 0.1rem;
    font-size: 0.14rem;
    font-style: italic;
}

.news_list_title {
    font-size: 0.24rem;
}

.news_list_icon {
    width: 0.17rem;
    height: 0.31rem;
}

.news_list_item:hover {
    color: #000;
    text-decoration: none;
    background-color: #f2f2f2;
}

.news_list_item:hover .news_list_title {
    text-decoration: underline;
}

.news_list_item:hover .news_list_img_box {
    opacity: 0.7;
}

@media screen and (max-width: 1020px) {

    .news_nav,
    .news_list_page {
        display: none;
    }

    .news_list_info {
        padding: 0 0.25rem;
    }

    .news_list_title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .news_list_time {
        font-size: 0.22rem;
    }
}

/*--------------------
6. News - Details
--------------------*/

.news_details_box {
    padding-top: 0.5rem;
    padding-bottom: 1.1rem;
}

.news_details_cont_box {
    padding-bottom: 0.5rem;
    font-size: 0.16rem;
    text-align: center;
}

.news_details_title {
    font-size: 0.3rem;
    margin-bottom: 0.16rem;
}

.news_details_time {
    margin-bottom: 0.5rem;
    font-style: italic;
}

.news_details_cont {
    letter-spacing: 0.5px;
    text-align: left;
    line-height: 0.3rem;
}

.news_details_cont * {
    line-height: 0.36rem;
}

.news_details_cont img {
    margin: 0 auto 0.1rem;
    transition: 0.5s;
}

.news_details_cont img:hover {
    opacity: 0.7;
}

.recommend_swiper {
    width: 100%;
    height: 3.54rem;
}

.recommend_swiper .recommend_img_box {
    margin-bottom: 0.15rem;
    width: 100%;
    height: 2.18rem;
    overflow: hidden;
}

.recommend_swiper .recommend_img {
    min-width: 100%;
    min-height: 100%;
    transition: .5s;
}

.recommend_swiper .recommend_img:hover {
    opacity: 0.7;
}

.recommend_swiper .recommend_swiper_title {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.3rem;
    height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recommend_swiper .swiper-pagination-bullets {
    bottom: 0.3rem;
    font-size: 0;
}

.recommend_swiper .swiper-pagination-bullet {
    margin: 0 0.035rem;
    width: 0.24rem;
    height: 0.07rem;
    border-radius: 999px;
}


.recommend_swiper .swiper-pagination-bullet-active {
    background-color: #000;
}


.recommend_content {
    padding: 0.46rem 0.6rem;
    border-bottom: 2px solid #eee;
}

.news_details_box .kawai_tabs_cont {
    padding: 0.47rem 0.6rem 0.15rem;
}

/* @media screen and (max-width:1024px) and (min-width:768px) {
  .news_details_title {
    font-size: 0.36rem;
  }

  .news_details_time {
    font-size: 0.32rem;
  }
} */

@media screen and (max-width: 1020px) {

    .recommend_swiper {
        height: 3.74rem;
    }

    .recommend_content {
        padding-left: 0;
        padding-right: 0;
    }

    .recommend_swiper .swiper-pagination-bullet {
        width: 12px;
        height: 4px;
        border-radius: 4px;
    }

    .recommend_swiper .recommend_swiper_title {
        font-size: 0.24rem;
        line-height: 0.4rem;
        height: 0.8rem;
    }

    .news_details_cont_box {
        font-size: 0.22rem;
    }

    .news_details_title {
        font-size: 0.36rem;
        margin-bottom: 0;
    }
}

/*--------------------
7. Product - List
--------------------*/

.product_list_banner {
    /*background-image: url('../images/product_list_bg.jpg');*/
}

.product_list_banner.kawai_background .kawai_container {
    justify-content: space-between;
}

.banner_product_img {
    position: relative;
    left: 0.67rem;
    top: 0.8rem;
    width: 8.58rem;
    height: 6.73rem;
}

.product_box {
    padding: 1rem 0;
}

.product_tabs_box_cont {
    position: relative;
    width: 100%;
    margin-bottom: 1.1rem;
    height: 1.1rem;
    background-image: url('../images/product_tabs_bg.jpg');
}

.product_tabs_box_cont .swiper-button-prev {
    left: -0.35rem;
}

.product_tabs_box_cont .swiper-button-next {
    right: -0.35rem;
}

.product_tabs_box_cont .swiper-button-prev::after,
.product_tabs_box_cont .swiper-button-next::after {
    font-size: 0.26rem;
    color: #cccccc;
}

.product_tabs_box_cont .swiper-button-prev:hover::after,
.product_tabs_box_cont .swiper-button-next:hover::after {
    color: #a27d4e;
}

.product_tabs_box {
    position: relative;
    width: 100%;
    height: 2.2rem;
    overflow: hidden;
}

.product_tabs {
    position: absolute;
    left: 0;
    top: 0;
    height: 1.1rem;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
}

.product_tab {
    display: inline-block;
    height: 1.1rem;
    font-size: 0.18rem;
    color: #999;
    /* line-height: 1.1rem; */
    text-align: center;

    line-height: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product_tab:hover {
    color: #fff;
    text-decoration: none;
}

.product_tab.active {
    z-index: 2;
    position: relative;
    height: 2.2rem;
    font-size: 0.3rem;
    /* line-height: 2.2rem; */
    color: #000;
    border: 1px solid #a27d4e;
    box-sizing: border-box;
    line-height: 0.36rem;
}

.product_tab.active::before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-image: url('../images/product_tabs_active.png');
    background-color: #fff;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.product_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.product_content_item {
    position: relative;
    display: flex;
    opacity: 1;
    margin: 3rem 0.4rem 0;
    padding: 0.5rem;
    width: 6.2rem;
    height: 4.36rem;
    border: 0.04rem solid #a27d4e;
}

.product_content_item .product_img {
    left: 0;
    bottom: -0.5rem;
    max-width: 6.36rem;
    width: 6.36rem;
    height: 4.78rem;
}

.product_content_item .product_more {
    display: inline-block;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #000;
}

.product_content_item .product_more:hover {
    background-color: #a27d4e;
}

@media screen and (max-width: 1400px) {
    .product_tabs_box_cont .swiper-button-prev {
        width: auto;
        left: -0.2rem;
    }

    .product_tabs_box_cont .swiper-button-next {
        width: auto;
        right: -0.2rem;
    }
}

@media screen and (max-width: 1020px) {
    .banner_product_img {
        left: 0;
        top: 0.7rem;
        width: 3rem;
        height: 2.35rem;
        transform: scale(1.5);
        transform-origin: left bottom;
    }

    .banner.product_list_banner.kawai_background .kawai_container {
        justify-content: space-between;
        flex-direction: row;
    }


    .product_box {
        padding: 0.5rem 0 1.1rem;
    }

    .product_tabs_box {
        height: 1.1rem;
        overflow: auto;
    }

    /* 原 */
    .product_tabs {
        margin-bottom: 0.5rem;
        /* display: block; */
        overflow: auto;
        /* white-space: nowrap; */
    }

    .product_tab {
        width: 1.5rem;
        vertical-align: top;
        overflow: hidden;
    }

    .product_tab.active {
        top: auto;
        height: 1.1rem;
        font-size: 0.26rem;
        /* line-height: 1.1rem; */
        border: none;
    }

    /* 原 */
    /* 现 */
    /* .product_tabs {
    margin-bottom: 0;
    display: block;
    overflow: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: auto;
  }

  .product_tab {
    width: 1.5rem;
    vertical-align: top;
    position: relative;
    flex: inherit;
    width: 25%;
    text-align: center;
    margin-bottom: 0.1rem;
    font-size: 0.22rem;
  }

  .product_tabs::after,
  .product_tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 100%;
    height: 0.1rem;
    background-color: #fff;
  }

  .product_tabs::after {
    bottom: 0;
  }

  .product_tab.active {
    top: auto;
    height: 1.1rem;
    line-height: 1.1rem;
    border: none;
    font-size: 0.34rem;
  } */
    /* 现 */
    .product_content_item {
        width: 100%;
        margin-top: 3.5rem;
    }

    .product_content_item .product_img {
        max-width: 120%;
        max-height: 4.78rem;
        width: auto;
        height: auto;
    }

    .product_content_item .product_title {
        margin-bottom: 0;
    }

    .product_content_item .product_text {
        margin: 0.2rem 0 0.1rem;
        font-size: 0.22rem;
    }

    .product_content_item .product_more {
        width: 1.5rem;
        height: 0.65rem;
        line-height: 0.65rem;
    }
}

/*--------------------
7. Product - Details
--------------------*/

.product_details_banner {
    background-image: url('../images/product_details_bg.jpg');
}

.product_details_banner_cont {
    position: relative;
    top: 10%;
    color: #fff;
    margin-right: 36%;
}

.product_details_banner_cont h1 {
    font-size: 0.8rem;
    line-height: 1.2rem;
}

.product_details_banner_cont p {
    font-size: 0.24rem;
    line-height: 0.42rem;
}

.product_details_box {
    padding-top: 0.4rem;
    padding-bottom: 1.1rem;
}

.one_product_details {
    display: flex;
    flex-wrap: wrap;
    /* min-height: 896px; */
}

.one_product_left {
    margin-bottom: 0.3rem;
    padding: 0 0.36rem;
    width: 9.2rem;
}

.one_product_box {
    margin-bottom: 0.18rem;
    width: 100%;
    /*height: 6.36rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.one_product_box > img {
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.product_details_swiper {
    position: relative;
}

.product_details_swiper .swiper-container {
    width: 100%;
}

.product_details_swiper .swiper-slide {
    height: 1.22rem;
    border: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_details_swiper .product_details_active {
    border: 1px solid #a27d4e;
}

.product_details_swiper .swiper-slide > img {
    width: auto;
    height: auto;
    max-height: 100%;
    cursor: pointer;
}

.product_details_swiper .swiper-button-next,
.product_details_swiper .swiper-button-prev {
    width: 0.4rem;
    opacity: 1;
    color: #333;
    outline: none;
    top: 0;
    margin-top: 0;
    height: 100%;
    background-color: #fff;
    cursor: pointer;
}

.product_details_swiper .swiper-button-next {
    right: -0.4rem;
}

.product_details_swiper .swiper-button-prev {
    left: -0.4rem;
}

.product_details_swiper .swiper-button-next::after,
.product_details_swiper .swiper-button-prev::after {
    font-size: 0.2rem;
}

.one_product_right {
    margin-bottom: 0.3rem;
    padding-left: 0.4rem;
    width: 4.8rem;
    font-size: 0.165rem;
}

.one_p_hot {
    color: #e22a23;
}

.one_p_title {
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #a27d4e;
}

.one_p_name {
    font-size: 0.48rem;
    color: #333;
}

.one_p_title .one_p_hot {
    padding: 0 0.1rem;
    flex: 1;
    overflow: hidden;
}

.one_p_info {
    padding-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
}

.one_p_size {
    margin-bottom: 0.2rem;
    padding: 0 0.1rem;
    color: #a27d4e;
}

.one_p_size .address {
    margin-top: 10px;
}

.one_p_list_box {
    padding: 0 0.1rem;
    font-size: 0.14rem;
    line-height: 2;
}

.one_p_list_box > ul {
    margin-bottom: 0.2rem;
}

.one_p_other_info span {
    /*visibility: hidden;*/
}

.one_p_list > li.one_p_list_title {
    font-size: 0.14rem;
    color: #999;
}

.one_p_price_list > li {
    font-size: 0.16rem;
    display: flex;
    align-items: center;
}

.one_p_price_list > li > span {
    flex: 1;
}

.one_p_list_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -0.15rem;
}

.one_p_list_item {
    margin: 0 0.15rem 0.04rem;
    width: 0.82rem;
}

.one_p_list_item > img {
    padding: 0.02rem;
    width: 100%;
    height: 0.58rem;
    border: 0.01rem solid #ccc;
}

.one_p_list_item > p {
    margin: 0.06rem 0;
    font-size: 0.14rem;
    line-height: 0.2rem;
    min-height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kawai_tabs_cont {
    margin-bottom: 0.4rem;
    padding: 0.6rem 0.35rem;
    border: 0.02rem solid #eee;
    border-top: none;
}

.kawai_tabs_cont_item {
    display: none;
}

.kawai_tabs_cont_item.active {
    display: block;
}

.kawai_tabs_cont_item iframe {
    width: 100% !important;
}

.other_product_box {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    align-items: center;
}

.other_product_box a {
    margin-left: 0.2rem;
}

.other_product_box a:first-child {
    margin-left: 0;
}

.other_product_item {
    margin-top: 0.96rem;
    padding: 0.1rem;
    width: 18%;
    text-align: center;
    color: #000;
    border: 0.02rem solid #a27d4e;
}

.other_product_item:hover {
    color: #000;
}

.other_product_item_img {
    margin-bottom: 0.1rem;
    position: relative;
    height: 0.9rem;
}

.other_product_item_img > img {
    position: absolute;
    left: 3%;
    bottom: 0;
    width: 94%;
}

.other_product_item_text {
    font-size: 0.14rem;
    color: #999;
}

.other_product_item_title {
    font-size: 0.22rem;
}

.this_product_info {
    margin-bottom: 0.3rem;
    /* display: flex;
  flex-wrap: wrap; */
    padding: 0.4rem;
    font-size: 0.14rem;
    line-height: 2;
    color: #666;
    background-color: #f3f3f3;
}

.this_product_info::after {
    content: "";
    display: block;
    clear: both;
}

.this_product_info > div {
    float: left;
    width: 33.33%;
}

.this_p_info_item span {
    visibility: hidden;
}

.this_product_info > p {
    float: left;
    margin-top: 0.2rem;
    width: 100%;
}

.product_introduce {
    letter-spacing: 0.5px;
}

.product_introduce > img {
    margin: 0.2rem auto;
}

.product_details_info table * {
    font-size: 0.22rem !important;
}

.p_introduce_title {
    margin-bottom: 0.4rem;
    font-size: 0.3rem;
    line-height: 0.6rem;
    letter-spacing: 0.1rem;
    text-align: center;
    color: #fff;
    background-color: #000;
}

.p_introduce_item {
    margin-bottom: 0.2rem;
    display: flex;
}

.p_introduce_left {
    padding-right: 0.1rem;
    flex: 1;
    overflow: hidden;
}

.p_introduce_subTitle {
    font-size: 0.2rem;
    line-height: 1.5;
    color: #e22a23;
    font-weight: bold;
}


@media screen and (max-width: 1200px) and (min-width: 1020px) {
    .p_introduce_subTitle {
        font-size: 0.26rem;
    }

    .one_p_list_flex {
        margin: 0 -0.12rem;
    }

    .one_p_list_item {
        margin: 0 0.12rem 0.04rem;
    }
}

.p_introduce_cont {
    font-size: 0.16rem;
    line-height: 1.6;
    margin-top: 10px;
}

.p_introduce_right {
    max-width: 6.8rem;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.p_introduce_right > img {
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    width: 3.2rem;
    height: 2.2rem;
}

.product_download_box {
    padding: 0.2rem 0 0.3rem;
    border-bottom: 1px solid #eee;
}

.product_download_title {
    position: relative;
    margin-bottom: 0.2rem;
    padding: 0.1rem 0.35rem;
    font-size: 0.24rem;
    border-bottom: 1px solid #eee;
}

.product_download_title::after {
    content: "";
    position: absolute;
    left: 0.12rem;
    top: 50%;
    margin-top: -0.1rem;
    width: 0.2rem;
    height: 0.2rem;
    border: 3px solid #e22a23;
    border-radius: 100%;
    box-sizing: border-box;
}

.product_download_a {
    display: inline-block;
    margin-bottom: 0.1rem;
    border-radius: 4px;
    font-size: 0;
    color: #666;
    background-color: #ededed;
    overflow: hidden;
}

.product_download_a:hover {
    color: #e22a23;
    background-color: #ededed;
}

.product_download_a img {
    display: inline-block;
    padding: 0.12rem 0.1rem;
    border-right: 1px solid #fff;
    vertical-align: middle;
}

.product_download_a span {
    padding: 0 0.15rem;
    font-size: 0.16rem;
    vertical-align: middle;
}

.recommend_box {
    padding: 0.3rem 0.6rem 0;
    background-color: #f0f0f0;
}

.recommend_title {
    margin-bottom: 0.2rem;
    position: relative;
    font-size: 0.24rem;
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
}

.recommend_title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #dfdfdf;
}

.recommend_title span {
    position: relative;
    z-index: 2;
    font-weight: bold;
    padding: 0 0.3rem;
    background-color: #f0f0f0;
}

@media screen and (max-width: 1020px) {

    .recommend_title {
        font-size: 0.28rem;
    }

    .product_details_swiper.swiper-container {
        padding: 0.2rem 0.6rem;
    }

    .product_details_swiper .swiper-button-prev {
        left: -0.28rem;
    }

    .product_details_swiper .swiper-button-next {
        right: -0.28rem;
    }

    .product_details_swiper .swiper-button-next,
    .product_details_swiper .swiper-button-prev {
        width: 0.28rem;
    }

    .product_details_swiper .swiper-button-next::after,
    .product_details_swiper .swiper-button-prev::after {
        font-size: 0.26rem;
    }

    .product_download_a span {
        font-size: 0.2rem;
    }

    .product_details_banner_cont {
        padding-bottom: 0.35rem;
        top: 0;
        margin: 0;
        width: 100%;
    }

    .one_product_details {
        flex-direction: column;
    }

    .one_product_left,
    .one_product_right {
        margin-bottom: 0.2rem;
        padding: 0;
        width: 100%;
    }

    .one_p_size,
    .one_p_list_box {
        padding: 0;
    }

    .this_product_info > div {
        width: 100%;
    }

    .p_introduce_item {
        flex-direction: column;
    }

    .p_introduce_left {
        margin-bottom: 0.2rem;
        padding: 0;
    }

    .p_introduce_right {
        flex-direction: column;
        height: auto;
    }

    .p_introduce_right > img {
        margin: 0 auto 0.1rem;
        width: 100%;
        height: auto;
    }

    .other_product_item {
        margin-left: 2%;
        margin-right: 2%;
        width: 46%;
    }

    .one_p_list_flex {
        margin: 0;
        width: 100%;
    }

    .one_p_list_item {
        margin: 0 2%;
        width: 21%;
    }

    .one_p_list_item > img {
        padding: 1px;
        height: 1rem;
        border: 1px solid #ccc;
    }

    .one_p_list_item > p {
        height: 0.55rem;
    }

    .product_details_banner_cont p,
    .one_p_info,
    .p_introduce_subTitle {
        font-size: 0.26rem;
    }

    .one_p_size,
    .one_p_list_box,
    .one_p_price_list > li,
    .this_product_info,
    .p_introduce_cont,
    .one_p_list > li.one_p_list_title,
    .one_p_list_item > p {
        font-size: 0.22rem;
    }

    .one_p_list > li.one_p_list_title {
        margin-bottom: 0.1rem;
    }

    .other_product_item {
        margin-top: 1.8rem;
    }

    .recommend_box {
        padding: 0.3rem 0.3rem 0;
    }
}

/*--------------------
8. Service - Items
--------------------*/

.service_banner {
    /*background-image: url('../images/service_banner.jpg');*/
}

.service_items_box {
    padding-top: 0.25rem;
    width: 100%;
    overflow: hidden;
}

.service_items_cont {
    margin-bottom: 1rem;
}

.service_items_top {
    margin-bottom: 0.24rem;
    display: flex;
}

.service_items_left {
    position: relative;
    margin-left: 0.34rem;
    width: 2.96rem;
    height: 4.2rem;
    border: 0.04rem solid #a27d4e;
}

.service_items_left > img {
    position: absolute;
    left: -0.34rem;
    bottom: -0.28rem;
    width: 3rem;
    height: 4rem;
}

.service_items_right {
    flex: 1;
}

.service_items_title {
    padding: 0 0.34rem;
    font-size: 0.24rem;
    line-height: 0.68rem;
    font-weight: bold;
}

.service_items_info {
    letter-spacing: 0.5px;
    padding: 0.34rem 0.3rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    border: 1px solid #a27d4e;
    border-left: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service_items_info > p {
    margin-bottom: 0.3rem;
}

.service_items_info p:last-child {
    margin-bottom: 0;
}

.service_items_bottom {
    position: relative;
    margin-left: 3.3rem;
}

.service_items_bottom_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 120%;
    height: 100%;
    background-color: #a27d4e;
}

.service_bottom_cont {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0.4rem;
    padding-right: 0;
    color: #fff;
}

.service_bottom_title {
    margin-bottom: 0.1rem;
    font-size: 0.22rem;
    font-weight: bold;
    line-height: 0.36rem;
}

.service_bottom_info {
    font-size: 0.16rem;
    line-height: 0.3rem;
    letter-spacing: 0.5px;
}

.items_cont2 .service_items_top {
    flex-direction: row-reverse;
}

.items_cont2 .service_items_left {
    margin-left: 0;
    margin-right: 0.34rem;
}

.items_cont2 .service_items_left > img {
    left: auto;
    right: -0.34rem;
}

.items_cont2 .service_items_title {
    text-align: right;
}

.items_cont2 .service_items_info {
    border: 1px solid #a27d4e;
    border-right: none;
    flex-direction: row;
    align-items: center;
    height: 3.3rem;
}

.items_cont2 .service_items_info > div {
    flex: 1;
    text-align: center;
}

.service_items_info_title {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
}

.service_items_info_tel {
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 0.52rem;
    padding-top: 0.1rem;
}


.items_cont2 .service_items_bottom {
    margin-left: 0;
    margin-right: 3.3rem;
}

.items_cont2 .service_items_bottom_bg {
    left: auto;
    right: 0;
}

.items_cont2 .service_bottom_cont {
    padding-right: 0.4rem;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.service_bottom_left,
.service_bottom_right {
    flex: 1;
}

.service_bottom_right {
    padding-left: 0.4rem;
}

.service_bottom_right_top {
    margin: 0.3rem 0 0.15rem;
    font-size: 0.14rem;
}

.service_bottom_right_box {
    display: flex;
    align-items: center;
}

.service_bottom_right_box > div {
    margin-right: 0.1rem;
    width: 2.1rem;
    height: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.22rem;
    border: 1px solid #fff;
}

@media screen and (max-width: 1400px) and (min-width: 1300px) {
    .service_bottom_right_box > div {
        width: 2.2rem;
        height: 0.9rem;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1200px) {
    .service_bottom_right_box > div {
        width: 2.4rem;
        height: 1.1rem;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .service_bottom_right_box > div {
        width: 2.5rem;
        height: 1.1rem;
    }

    .service_bottom_right_box > div > p {
        transform: scale(0.95);
        line-height: 1.2;
    }
}

.service_items_top > .service_items_title {
    display: none;
}

/* @media screen and (max-width:1900px) {
  .service_bottom_right_box>div {
    margin-right: 0.1rem;
    width: 2.1rem;
    height: 0.8rem;
  }
} */

/* @media screen and (max-width:1024px) and (min-width:768px) {
  .service_items_title {
    font-size: 0.34rem;
  }

  .service_bottom_title {
    font-size: 0.26rem;
  }
} */

/* @media screen and (max-width:1024px) and (min-width:750px) {

  .service_items_info,
  .service_bottom_info,
  .service_bottom_right_top {
    font-size: 0.14rem;
    line-height: 1.2;
  }

  .service_items_bottom {
    height: 3.6rem;
  }

  .items_cont2 .service_items_bottom {
    height: 4rem;
  }

  .service_bottom_right_box>div {
    height: 0.952rem;
    width: 2.5rem;
  }

  .service_bottom_right_box>div>p {
    transform: scale(0.86);
  }
} */

/* @media screen and (min-width:1400px) {
  .news_list_img_box img {
    width: 280px;
    height: 210px;
  }
} */

@media screen and (max-width: 1020px) {
    .service_items_box {
        padding-top: 0;
    }

    .service_items_top > .service_items_title {
        display: block;
        text-align: center;
        font-size: 0.3rem;
    }

    .service_items_right > .service_items_title {
        display: none;
    }

    .service_items_top {
        display: block;
    }

    .service_items_left,
    .items_cont2 .service_items_left {
        margin: 0 auto 0.56rem;
    }

    .service_items_info {
        position: relative;
        left: -0.3rem;
        padding-left: 0.6rem;
        height: auto;
        font-size: 0.22rem;
    }

    .service_bottom_info {
        font-size: 0.22rem;
    }

    .items_cont2 .service_items_info {
        left: auto;
        right: -0.3rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
        flex-direction: column;
    }

    .items_cont2 .service_items_info > div:first-child {
        margin-bottom: 0.2rem;
    }

    .service_items_bottom,
    .items_cont2 .service_items_bottom {
        margin: 0;
        height: auto;
    }

    .service_items_cont .service_bottom_cont {
        padding-right: 0.3rem;
    }

    .items_cont2 .service_bottom_cont {
        flex-direction: column;
        align-items: flex-start;
    }

    .service_bottom_right {
        padding-left: 0;
    }

    .service_bottom_right_box > div {
        width: 2.8rem;
        height: 1.2rem;
        font-size: 0.22rem;
        line-height: 0.34rem;
    }

    .service_bottom_title {
        font-size: 0.26rem;
    }
}

/*--------------------
8. Service - FAQ
--------------------*/

.service_faq_box {
    padding: 0.2rem 0 0.8rem;
}

.faq_search_box {
    margin: 0 auto 0.6rem;
    width: 10rem;
}

.faq_search_form {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    height: 0.5rem;
    border: 0.02rem solid #000;
    border-radius: 999px;
    overflow: hidden;
}

.serch_input {
    flex: 1;
    padding: 0 0.25rem;
    height: 100%;
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search_submit {
    margin-right: 0.25rem;
    width: 0.31rem;
    height: 0.31rem;
    background: url('../images/faq_search.png') no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}

.search_other {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
}

.search_other_left {
    flex: 1;
}

.search_other_item {
    display: inline-block;
    padding: 0 0.22rem;
    font-size: 0.18rem;
    line-height: 0.32rem;
    color: #a27d4e;
    background-color: #e4d8ca;
    border: 1px solid #e4d8ca;
    border-radius: 999px;
}

.search_other_item:hover {
    color: #a27d4e;
    text-decoration: none;
}

.search_other_item.active {
    background-color: #fff;
}

.search_other_right {
    padding: 0.08rem 0.2rem;
    font-size: 0.18rem;
    line-height: 0.2rem;
    font-family: 'Times New Roman', Times, serif;
    color: #d2b46e;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.other_arrow_right {
    margin-left: 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
}

.search_other_right:hover {
    color: #d2b46e;
    background-color: #000;
}

.faq_question_cont {
    padding: 0 0 0.3rem;
}

.faq_question_no {
    margin-bottom: 0.6rem;
    font-size: 0.32rem;
    text-align: center;
}

.faq_question_item {
    display: flex;
    margin-bottom: 0.2rem;
}

.faq_question_item.question_item_right {
    justify-content: flex-end;
    margin-bottom: 0.3rem;
}

.faq_question_item > div {
    position: relative;
    font-size: 0.18rem;
    border-radius: 0.05rem;
}

.question_left {
    margin-left: 0.1rem;
    line-height: 0.36rem;
    padding: 0.05rem 0.2rem;
    color: #fff;
    background-color: #a27d4e;
}

.question_left::after {
    content: "";
    position: absolute;
    left: -0.21rem;
    top: 50%;
    margin-top: -0.11rem;
    width: 0.01rem;
    height: 0.01rem;
    border: 0.1rem solid transparent;
    border-right-color: #a27d4e;
}

.question_right {
    margin-right: 0.1rem;
    padding: 0.25rem 0.35rem;
    max-width: 80%;
    border: 1px solid #a27d4e;
}

.question_right::after {
    content: "";
    position: absolute;
    right: -0.08rem;
    top: 0.2rem;
    width: 0.16rem;
    height: 0.16rem;
    border: 1px solid #a27d4e;
    border-left-color: transparent;
    border-bottom-color: transparent;
    background-color: #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.question_right_title {
    margin-bottom: 0.05rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.question_right_info {
    font-size: 0.14rem;
    color: #999;
}

.appointment {
    margin-bottom: 0.4rem;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.74rem;
    color: #fff;
    background-color: #e22a23;
}

.service_faq_form {
    margin: 0 auto;
    width: 7rem;
}

.service_faq_form > * {
    width: 100%;
}

.service_faq_form .faq_input {
    margin-bottom: 0.2rem;
    padding: 0.1rem 0.2rem;
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.5rem;
    border: 1px solid #000;
}

.faq_input::-webkit-input-placeholder {
    color: #000;
}

.faq_input::-moz-placeholder {
    color: #000;
}

.faq_input:-moz-placeholder {
    color: #000;
}

.faq_input:-ms-input-placeholder {
    color: #000;
}

.service_faq_form .faq_select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service_faq_form .faq_select .faq_input {
    width: 49%;
}

.service_faq_form .faq_textarea {
    height: 1.5rem;
    line-height: 0.20rem;
}

.service_faq_form .faq_submit {
    padding: 0;
    font-size: 0.24rem;
    color: #fff;
    background-color: #a27d4e;
    border-color: #a27d4e;
    cursor: pointer;
}

@media screen and (max-width: 1020px) {
    .faq_search_box {
        width: 90%;
    }

    .service_faq_form .faq_textarea {
        height: 1.6rem;
    }
}

@media screen and (max-width: 1020px) {
    .faq_search_box {
        width: 100%;
    }

    .search_other {
        flex-direction: column;
    }

    .search_other_right {
        margin-bottom: 0.2rem;
        font-size: 0.24rem;
        line-height: 0.32rem;
    }

    .search_other_item {
        margin-bottom: 0.25rem;
        padding: 0 0.2rem;
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .service_faq_form .faq_textarea {
        height: 2rem;
    }

    .faq_search_form {
        height: 0.6rem;
    }

    .serch_input {
        font-size: 0.24rem;
    }

    .faq_question_item > div {
        font-size: 0.24rem;
    }

    .question_left {
        padding: 0.14rem 0.2rem;
    }

    .question_right_title {
        font-size: 0.22rem;
    }

    .question_right_info {
        font-size: 0.2rem;
    }

    .service_faq_form .faq_input {
        font-size: 0.26rem;
    }

    .service_faq_form .faq_textarea {
        line-height: 0.36rem;
    }
}

/*--------------------
8. Service - Instructions
--------------------*/
.service_instructions_box {
    padding-bottom: 0.4rem;
}

.service_instructions_box .about_history_info {
    margin-bottom: 0.8rem;
}

.service_instructions_box .about_history_info h3 {
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
    text-align: center;
    font-weight: normal;
}

.service_instructions_box .about_history_info p {
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.instructions_item {
    margin-bottom: 1.24rem;
    display: flex;
}

.instructions_item > .instructions_title {
    display: none;
}

.instructions_left {
    position: relative;
    margin-left: 0.46rem;
    width: 4.7rem;
    height: 3.25rem;
    border: 0.04rem solid #a27d4e;
}

.instructions_left > img {
    position: absolute;
    left: -0.5rem;
    top: 0.35rem;
    max-width: 4.84rem;
    width: 4.84rem;
    height: 3.21rem;
}

.instructions_right {
    flex: 1;
}

.instructions_title {
    padding: 0 0.26rem;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.7rem;
}

.instructions_cont {
    letter-spacing: 0.5px;
    margin-left: -1px;
    padding: 0.23rem;
    min-height: 2.65rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    border: 1px solid #a27d4e;
    /* display: flex;
  align-items: center; */
}

.instructions_item3 .instructions_cont {
    min-height: 2.26rem;
}

.instructions_cont > ul > li,
.instructions_cont > ul > p {
    position: relative;
    padding-left: 0.16rem;
}

.instructions_cont > ul > li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.12rem;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 100%;
    background-color: #000;
}

.instructions_item_right {
    flex-direction: row-reverse;
}

.instructions_item_right .instructions_left {
    margin-left: 0;
    margin-right: 0.46rem;
}

.instructions_item_right .instructions_left > img {
    left: auto;
    right: -0.5rem;
}

.instructions_item_right .instructions_title {
    text-align: right;
}

.instructions_item_right .instructions_cont {
    padding-left: 0.3rem;
    padding-right: 0.4rem;
    margin-left: 0;
    margin-right: -1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.instructions_btn_kg {
    height: 0.3rem;
}

.instructions_btn {
    display: inline-block;
    min-width: 2.4rem;
    min-height: 0.7rem;
    padding: 0.15rem 0.2rem;
    border: 0.01rem solid #000;
    display: flex;
    align-items: center;
    transition: .35s;
    text-decoration: none;
}

.instructions_btn_left {
    flex: 1;
    padding-right: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.instructions_btn_title {
    margin-bottom: 0.08rem;
    font-size: 0.16rem;
    line-height: 1;
    text-decoration: underline;
}

.instructions_btn_des {
    font-size: 0.12rem;
    line-height: 1;
}

.instructions_btn_right {
    width: 0.12rem;
    height: 0.22rem;
    background-image: url('../images/arrow_right_black.png');
    transition: .35s;
}

.instructions_btn:hover {
    color: #fff;
    background-color: #a27d4e;
    border-color: #a27d4e;
    text-decoration: none;
}

.instructions_btn:hover .instructions_btn_title {
    text-decoration: none;
}

.instructions_btn:hover .instructions_btn_right {
    background-image: url('../images/arrow_right_white.png');
}


@media screen and (max-width: 1400px) and (min-width: 1020px) {

    .service_instructions_box .about_history_info h3 {
        font-size: 0.26rem;
    }
}

/* @media screen and (max-width:1024px) and (min-width:768px) {

  .service_instructions_box .about_history_info h3 {
    font-size: 0.32rem;
  }

  .instructions_title {
    font-size: 0.32rem;
  }
} */

@media screen and (max-width: 1020px) {
    .service_instructions_box {
        padding-bottom: 0.6rem;
    }

    .instructions_item {
        margin-bottom: 0.7rem;
        flex-direction: column;
    }

    .instructions_item > .instructions_title {
        display: block;
        text-align: center;
        font-size: 0.3rem;
    }

    .instructions_left,
    .instructions_item_right .instructions_left {
        margin: 0 auto 0.6rem;
    }

    .instructions_title {
        display: none;
    }

    .instructions_cont {
        margin-left: -0.29rem;
        font-size: 0.22rem;
        border-left: 0;
    }

    .instructions_item_right .instructions_cont {
        margin-right: -0.29rem;
        padding-right: 0.3rem;
        font-size: 0.22rem;
        border-left: 1px solid #a27d4e;
        border-right: 0;
    }

    .service_instructions_box .about_history_info h3 {
        font-size: 0.3rem;
    }

    .service_instructions_box .about_history_info p {
        font-size: 0.22rem;
        line-height: 0.34rem;
    }

    .instructions_btn_title {
        margin-bottom: 0.14rem;
        font-size: 0.24rem;
    }
}

/*--------------------
8. Service - Network
--------------------*/
.service_network_box {
    padding-bottom: 0.9rem;
}

.service_network_info {
    margin-bottom: 0.55rem;
    padding: 0.3rem 0;
    color: #fff;
    text-align: center;
    background-color: #e22a23;
}

.network_info_top {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0.15rem;
    font-size: 0.18rem;
    line-height: 1;
}

.network_info_tel {
    font-size: 0.3rem;
    font-weight: bold;
    color: #fff;
}

.network_info_bottom {
    font-size: 0.14rem;
}

.network_box {
    width: 9.6rem;
    text-align: center;
}

.network_title {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 0.7rem;
    color: #fff;
    background-color: #000;
}

.network_form_box {
    padding: 0.4rem 0;
}

.network_form_box .service_faq_form {
    margin: 0;
    width: 100%;
}

.network_form_box .network_item_cont {
    margin-bottom: 0.1rem;
    padding: 0.15rem 0.2rem;
    text-align: left;
    background-color: #e4e4e4;
}

.network_form_box .network_no_data {
    font-size: 0.24rem;
    padding-bottom: 1rem;
}

.network_wait {
    padding: 0.6rem 0;
}

.network_wait_btn {
    position: relative;
    font-size: 0.4rem;
    line-height: 0.76rem;
    background-color: #cccccc;
}

.network_wait_btn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 100%;
    height: 1px;
    background-color: #a27d4e;
}

.network_item {
    padding: 0.3rem 0 0.2rem;
    border-bottom: 1px solid #a27d4e;
}

.network_item_title {
    margin-bottom: 0.2rem;
    position: relative;
}

.network_item_title::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -0.425rem;
    width: 0.85rem;
    height: 2px;
    background-color: #a27d4e;
}

.network_item_title span {
    z-index: 2;
    position: relative;
    display: inline-block;
    padding: 0 0.1rem;
    font-size: 0.22rem;
    font-weight: bold;
    color: #a27d4e;
    background-color: #fff;
}


@media screen and (max-width: 1200px) and (min-width: 1020px) {
    .network_info_top {
        font-size: 0.26rem;
    }

    .network_item_title span {
        font-size: 0.28rem;
    }
}

.network_item_box .network_item_cont:nth-child(2n-1) {
    background-color: #e4e4e4;
}

.network_item_cont {
    padding: 0.1rem 0;
    width: 100%;
    font-size: 0.18rem;
    color: #6e6e6e;
}

.network_cont_title {
    font-weight: bold;
}

.network_bottom_btn {
    display: block;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.7rem;
    text-decoration: underline;
    color: #fff;
    background-color: #000;
}

.network_bottom_btn:hover {
    background-color: #000;
}

@media screen and (max-width: 1000px) {
    .network_box {
        width: 100%;
    }
}

@media screen and (max-width: 1020px) {
    .network_title {
        font-size: 0.32rem;
        line-height: 0.9rem;
    }

    .network_item_title span {
        font-size: 0.26rem;
    }

    .network_item_cont {
        font-size: 0.24rem;
    }

    .network_item_title::after {
        margin-left: -0.5rem;
        width: 1rem;
    }

    .network_bottom_btn {
        font-size: 0.24rem;
        line-height: 0.9rem;
    }

    .service_network_info {
        padding: 0.45rem 0;
    }

    .network_info_top {
        font-size: 15px;
    }

    .network_info_tel {
        font-size: 0.36rem;
    }

    .network_info_bottom {
        font-size: 12px;
    }
}


/*--------------------
9. Query
--------------------*/

.query_box {
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 9.6rem;
}

.query_title {
    padding: 0.5rem 0;
    font-size: 0.36rem;
    text-align: center;
}

.query_cont {
    padding: 0.2rem 0.46rem;
    color: #666;
    line-height: 2;
    background-color: #e4e4e4;
}

@media screen and (max-width: 1000px) {
    .query_box {
        width: 100%;
    }
}

@media screen and (max-width: 1020px) {
    .query_title {
        padding-top: 0;
    }
}

/* 背景图 */
@media screen and (max-width: 1020px) {

    .product_bg,
    .about_bg,
    .news_bg,
    .service_bg {
        background-attachment: scroll;
    }

    .product_bg {
        background-size: 150% 100%;
        background-position: left center;
    }

    .service_bg {
        background-image: url(../images/service_bg.jpg);
    }

    .product_list_banner.kawai_background .banner_container {
        background-image: none;
    }

    .banner.kawai_background {
        height: 3.9rem;
    }

    .banner.kawai_background .kawai_container {
        align-items: flex-end;
    }

    .banner.kawai_background .banner_text_box {
        width: 2.14rem;
    }

    .banner.kawai_background .banner_text_area {
        height: 1.8rem;
        margin-bottom: 0.4rem;
    }

    .banner_text_en,
    .banner_text_zn {
        padding-right: 0.26rem;
    }

    .banner_text_en {
        font-size: 0.24rem;
        line-height: 1;
    }

    .banner_text_zn {
        padding-right: 0.16rem;
        font-size: 0.66rem;
        line-height: 0.8rem;
    }

    .news_banner .banner_text_zn,
    .contact_banner .banner_text_zn,
    .about_banner .banner_text_zn {
        padding-right: 0.16rem;
    }
}

.iframe_box {
    position: relative;
    margin-top: -0.48rem;
}

.iframe_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 48px;
    background-color: #fff;
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {

    .search_other_item,
    .about_history_info,
    .history_item_text,
    .about_factory_info_right,
    .about_factory_text,
    .service_instructions_box .about_history_info p,
    .instructions_cont,
    .service_items_info,
    .service_bottom_info,
    .product_text,
    .selection_info {
        line-height: 0.34rem;
    }
}

/* @media screen and (max-width: 1000px) and (min-width: 750px) {

  .search_other_item,
  .about_history_info,
  .history_item_text,
  .about_factory_info_right,
  .about_factory_text,
  .service_instructions_box .about_history_info p,
  .instructions_cont,
  .service_items_info,
  .service_bottom_info,
  .product_text,
  .selection_info {
    line-height: 0.42rem;
  }
} */

@media screen and (max-width: 1200px) and (min-width: 1020px) {
    .history_item2 .history_item_bg {
        height: 4.84rem;
    }

    .history_item2 .history_item_text {
        height: 3.47rem;
    }

    .history_item3 .history_item_text,
    .history_item3 .history_item_peo_img {
        height: 3rem;
    }

    .about_factory_info_right p {
        line-height: 0.5rem;
    }

    .faq_search_form {
        height: 0.7rem;
    }

    .search_other_right {
        line-height: 0.32rem;
    }

    .question_left {
        padding: 0.14rem 0.3rem;
    }

    .question_right_title {
        font-size: 0.2rem;
        line-height: 0.38rem;
    }

    .global_item_text {
        line-height: 0.4rem;
        /*height: 0.8rem;*/
    }

    .one_product_left {
        width: 65%;
    }

    .one_product_right {
        padding-left: 5%;
        width: 35%;
    }

    .one_product_box {
        min-height: 6.36rem;
    }
}

.index_banner_pc {
    display: flex;
}

.index_banner_phone {
    display: none;
}

.other_banner_pc {
    display: block;
}

.other_banner_phone {
    display: none;
}

.other_banner_pc,
.other_banner_phone,
.other_banner_pc .swiper-container,
.other_banner_phone .swiper-container {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1020px) {
    .index_banner_pc {
        display: none;
    }

    .index_banner_phone {
        display: flex;
    }

    .other_banner_pc {
        display: none;
    }

    .other_banner_phone {
        display: block;
    }

    .new_flag {
        position: absolute;
        top: -8em;
        font-size: 1em;
        left: 2em;
    }

    .upgraded_flag {
        position: absolute;
        top: -8em;
        font-size: 1em;
        left: 0em;
    }
}

.product_details_top_box {
    height: 1rem;
}

@media screen and (max-width: 1020px) {
    .product_details_top_box {
        height: 0.5rem;
    }
}

.product_details_video_box {
    margin-bottom: 0.3rem;
    width: 100%;
}

.product_details_video {
    display: block;
    margin: 0 auto;
    width: 10.5rem;
}

@media screen and (max-width: 1020px) {
    .product_details_video {
        width: 100%;
    }
}

/* 商品列表 tabs */
.product_swiper_tabs {
    position: relative;
    width: 100%;
    height: 2.2rem;
}

.product_swiper_tabs .swiper-container {
    width: 100%;
    height: 100%;
    background-image: url(../images/product_tabs_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 1.1rem;
}

.product_swiper_tabs .swiper-slide {
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #a27d4e;
}

.product_swiper_tabs .swiper-slide a {
    font-size: 0.18rem;
    color: #c5a57c;
}

.product_swiper_tabs .swiper-slide a:hover {
    color: #fff;
}

.product_swiper_tabs .swiper-slide.tabs_active {
    height: 100%;
    background-image: url(../images/product_tabs_active.png);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #a27d4e;
}

.product_swiper_tabs .swiper-slide.tabs_active a {
    font-size: 0.3rem;
    color: #000;
}

.product_swiper_tabs .swiper-button-prev::after,
.product_swiper_tabs .swiper-button-next::after {
    font-size: 0.2rem;
    color: #a27d4e !important;
}

.product_swiper_tabs .swiper-button-prev {
    top: 25%;
    left: -0.2rem;
    width: auto;
    outline: none;
}

.product_swiper_tabs .swiper-button-next {
    top: 25%;
    right: -0.2rem;
    width: auto;
    outline: none;
}

@media screen and (max-width: 1020px) {

    .product_swiper_tabs,
    .product_swiper_tabs .swiper-slide {
        height: 1.1rem;
    }

    .product_swiper_tabs .swiper-slide.tabs_active a {
        font-size: 0.26rem;
    }

    .product_swiper_tabs .swiper-button-prev {
        top: 50%;
    }

    .product_swiper_tabs .swiper-button-next {
        top: 50%;
    }
}

@media screen and (min-width: 1020px) {

    .nav_a {
        font-size: 0.23rem;
    }

    .nav_sub_a {
        font-size: 0.21rem;
    }

    .product_info_text {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .product_swiper_item {
        font-size: 0.2rem;
    }

    .news_cont_title {
        font-size: 0.3rem;
    }

    .news_cont_time {
        font-size: 0.24rem;
    }

    .news_list {
        font-size: 0.2rem;
    }

    .history_info p,
    .selection_info,
    .service_info {
        font-size: 0.22rem;
        line-height: 1.6;
    }

    .product_more,
    .product_btn,
    .service_item_btn,
    .kawai_btn_flex span {
        font-size: 0.2rem;
    }

    .footer_nav_title {
        font-size: 0.21rem;
        line-height: 0.2rem;
    }

    .footer_nav,
    .footer_contact_info {
        font-size: 0.18rem;
        line-height: 0.26rem;
    }

    .footer_link {
        font-size: 0.2rem;
    }

    .footer_other {
        font-size: 0.18rem;
    }

    /* 其他页面 */
    .about_factory_info_left {
        font-size: 0.36rem;
    }

    .about_factory_info_right {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .about_factory_title {
        font-size: 0.3rem;
    }

    .about_factory_text {
        font-size: 0.2rem;
        line-height: 0.36rem;
    }

    .global_title {
        font-size: 0.3rem;
        line-height: 0.66rem;
    }

    .global_item_text {
        font-size: 0.18rem;
        line-height: 0.36rem;
        /*height: 1.38rem;*/
    }

    .about_history_info {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .history_item_title {
        font-size: 0.3rem;
    }

    .history_item_text {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .history_item2 .history_item_bg {
        height: 4.4rem;
    }

    .history_item2 .history_item_text {
        height: 3.2rem;
    }

    .history_item3 .history_item_text {
        height: 2.7rem;
    }

    .selection_item_title {
        font-size: 0.3rem;
    }

    .selection_a > span:first-child {
        font-size: 0.2rem;
        line-height: 0.42rem;
        cursor: context-menu;
    }

    .contact_company {
        font-size: 0.34rem;
    }

    .contact_phone {
        font-size: 0.3rem;
    }

    .contact_way_name {
        font-size: 0.22rem;
    }

    .news_list_time {
        font-size: 0.2rem;
    }

    .news_list_title {
        font-size: 0.3rem;
    }

    .news_nav_item {
        font-size: 0.24rem;
    }

    .news_nav_item.active {
        font-size: 0.36rem;
    }

    .news_details_title {
        font-size: 0.36rem;
    }

    .news_details_cont_box {
        font-size: 0.22rem;
    }

    .news_details_cont * {
        line-height: 0.42rem;
    }

    .product_text {
        font-size: 0.2rem;
        line-height: 0.34rem;
    }

    .product_content_item .product_more {
        font-size: 0.16rem;
    }

    .query_title {
        font-size: 0.42rem;
    }

    .query_cont {
        font-size: 0.2rem;
    }

    .faq_question_no {
        font-size: 0.38rem;
    }

    .faq_question_item > div {
        font-size: 0.24rem;
    }

    .question_left {
        line-height: 0.42rem;
    }

    .question_right_title {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .question_right_info {
        font-size: 0.2rem;
    }

    .appointment {
        font-size: 0.3rem;
        line-height: 0.8rem;
    }

    .service_faq_form .faq_input {
        font-size: 0.22rem;
        line-height: 0.56rem;
    }

    .service_instructions_box .about_history_info h3 {
        font-size: 0.3rem;
    }

    .service_instructions_box .about_history_info p {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .instructions_title {
        font-size: 0.3rem;
        line-height: 0.76rem;
    }

    .instructions_cont {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .instructions_btn_title {
        font-size: 0.22rem;
    }

    .instructions_btn_des {
        font-size: 0.18rem;
    }

    .service_items_title {
        font-size: 0.3rem;
        line-height: 0.68rem;
    }

    .service_items_info {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .service_items_left {
        height: 4.65rem;
    }

    .service_bottom_title {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .service_bottom_info {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    .service_items_info_title {
        font-size: 0.26rem;
        line-height: 0.36rem;
    }

    .service_items_info_tel {
        font-size: 0.42rem;
        line-height: 0.58rem;
    }

    .service_bottom_right_top {
        font-size: 0.2rem;
    }

    .service_bottom_right_box > div {
        font-size: 0.16rem;
        line-height: 0.24rem;
    }

    .service_bottom_right {
        padding-left: 0.2rem;
    }

    .items_cont2 .service_bottom_cont {
        padding-right: 0.2rem;
    }

    .network_info_top {
        font-size: 0.24rem;
    }

    .network_info_tel {
        font-size: 0.36rem;
    }

    .network_info_bottom {
        font-size: 0.2rem;
    }

    .network_title {
        font-size: 0.36rem;
        line-height: 0.76rem;;
    }

    .network_item_title span {
        font-size: 0.28rem;
    }

    .network_item_cont {
        font-size: 0.24rem;
    }

    .network_item_title::after {
        margin-left: -0.5rem;
        width: 1rem;
    }

    .network_bottom_btn {
        font-size: 0.26rem;
        line-height: 0.76rem;
    }

    .one_product_right {
        font-size: 0.225rem;
    }

    .new_flag {
        position: absolute;
        top: -8.4em;
        font-size: 2em;
        left: 4em;
    }

    .upgraded_flag {
        position: absolute;
        top: -8.7em;
        font-size: 2em;
        left: 2em;
    }

    .one_p_info {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .one_p_list_box {
        font-size: 0.2rem;
    }

    .one_p_list > li.one_p_list_title {
        font-size: 0.2rem;
    }

    .one_p_price_list > li {
        font-size: 0.22rem;
    }

    .one_p_list_item > p {
        font-size: 0.2rem;
        line-height: 0.26rem;
        min-height: 0.52rem;
    }

    .other_product_item_text {
        font-size: 0.2rem;
    }

    .other_product_item_title {
        font-size: 0.28rem;
    }

    .this_product_info {
        font-size: 0.2rem;
    }

    .p_introduce_title {
        font-size: 0.36rem;
        line-height: 0.66rem;
    }

    .p_introduce_subTitle {
        font-size: 0.26rem;
    }

    .p_introduce_cont {
        font-size: 0.22rem;
    }

    .product_download_title {
        font-size: 0.3rem;
    }

    .product_download_a span {
        font-size: 0.22rem;
    }

    .recommend_title {
        font-size: 0.3rem;
        height: 0.56rem;
        line-height: 0.56rem;
    }

    .recommend_swiper .recommend_swiper_title {
        font-size: 0.22rem;
        line-height: 0.36rem;
        height: 0.72rem;
    }

    .recommend_swiper {
        height: 3.8rem;
    }

    .selection_right .swiper-button-prev,
    .selection_right .swiper-button-next {
        width: 0.3rem;
        height: 0.3rem;
    }

    .selection_right .swiper-button-prev::after,
    .selection_right .swiper-button-next::after {
        font-size: 0.16rem;
    }

    .news_nav_icon {
        width: 0.2rem;
        height: 0.2rem;
    }

    .news_nav_item.active .news_nav_icon {
        width: 0.28rem;
        height: 0.28rem;
    }

    .search_other_item {
        font-size: 0.22rem;
        line-height: 0.38rem;
    }

    .search_other_right {
        font-size: 0.22rem;
        line-height: 0.26rem;
    }

    .faq_search_form {
        height: 0.56rem;
    }

    .serch_input {
        font-size: 0.22rem;
    }

    .product_swiper_tabs .swiper-slide a {
        font-size: 0.22rem;
    }
}

/* 新闻列表 */
.news_pc_box {
    display: flex;
}

.news_phone_box {
    display: none;
}

.swiper_button_pc {
    display: flex;
}

.swiper_button_phone {
    display: none;
}

@media screen and (max-width: 1020px) {
    .news_pc_box {
        display: none;
    }

    .news_phone_box {
        display: block;
    }

    .swiper_button_pc {
        display: none;
    }

    .swiper_button_phone {
        display: flex;
    }

}

.news_phone_nav {
    margin-bottom: 0.5rem;
    position: relative;
    height: 0.6rem;
}

.news_phone_nav .swiper-container {
    width: 100%;
    height: 0.6rem;
    background-image: url(../images/news_tab_bg.jpg);
}

.news_phone_nav .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
}

.news_phone_nav .swiper-slide a {
    color: #999;
}

.news_phone_nav .swiper-slide.tabs_active {
    background-image: url(../images/news_tab_active.jpg);
    background-size: 100% 100%;
}

.news_phone_nav .swiper-slide.tabs_active a {
    color: #000;
    text-decoration: underline;
}

.news_phone_nav .swiper-button-prev::after,
.news_phone_nav .swiper-button-next::after {
    font-size: 0.2rem;

}

.news_phone_nav .swiper-button-prev,
.news_phone_nav .swiper-button-next {
    width: 0.3rem;
    color: #9b9b9b;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
}

.news_phone_nav .swiper-button-prev {
    left: -0.3rem;
}

.news_phone_nav .swiper-button-next {
    right: -0.3rem;
}

.news_phone_content .news_list_box {
    display: none;
}


.news_phone_bottom {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
}

.news_top {
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
}

.line_up {
    height: 6px;
    background-color: #ec1c1c;
    margin-top: 30px;
}

.line_title {
    font-size: 30px;
    font-weight: bold;
    margin: 15px 0 15px 25px;
}

.line_down {
    height: 2px;
    background-color: #ec1c1c;
}

.management_mid {
    width: 67%;
    margin: 0 auto;
}

.management_mid img {
    display: inline;
    width: 2.1rem;
}

.management_mid .management_mid_up {
    display: block;
    width: 100%;
    margin: 55px auto;
}

.liubai1 {
    height: 15px;
}

.liubai2 {
    height: 15px;
}

.texttile {
    font-size: 0.3rem;
    /* font-weight: bold; */
}

.konghang {
    line-height: 0.3rem;
}

.neirong {
    line-height: 0.36rem;
    font-size: 0.22rem;
}

@media screen and (max-width: 1020px) {
    .management_mid {
        width: 100%;
    }

    .management_mid .management_mid_up {
        margin: 20px auto;
    }

    .management_mid img {
        width: 3.4rem;
    }

    .liubai1 {
        height: 45px;
    }

    .liubai2 {
        height: 20px;
    }

    .texttile {
        font-size: 0.42rem;
    }

    .neirong {
        font-size: 0.35rem;
        line-height: 0.45rem;
    }
}

.flex_bet {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_search {
    border: 1px solid #cec9c9;
    width: 260px;
    justify-content: space-between;
    padding: 7px 0.15rem;
}

.wid {
    width: 100%;
}


.kazi {
    font-family: "Microsoft YaHei"
    cursor: pointer;
}

.right-pro {
    display: flex;
    align-items: center;
}

.pro_tj {
    border-bottom: #cec9c9 solid 1px;
    font-size: 22px;
    padding: 20px 0;
    padding-left: 165px;
}

.newcontain {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .nodata {
        padding-bottom: 0;
    }

    .pro_tj {
        padding: 10px 0.3rem;
        font-size: 15px;
        font-weight: 600;
        padding-left: 40px;
    }

    .new_wid {
        width: auto !important;
        justify-content: center;
        padding: 0 0.3rem;
    }

    .kawai_tabs {
        display: block;
    }

    .dis {
        display: none;
    }

    .search_pro {
        font-size: 14px;
    }

    .product_search {
        width: 200px;
        background-color: #fff;
        color: #000000;
    }

    .newbtn {
        background-image: url('../images/search.png')
    }

    .newinput {
        color: #000000;
    }

    .right-pro {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .newd {
        width: 60%;
    }

    input::-webkit-input-placeholder {
        color: #000000 !important;
    }

    .newcontain {
        padding: 0;
    }


}

.loading_more {
    position: absolute;
    top: -150px;
    left: 21px;
}

@media screen and (max-width: 768px) {
    .newleft{
        /* top: -3px; */
    }
    .loading_more {
        top: -140px;
        left: -22px;
    }

    .pad_hm {
        padding-top: 20px;
    }

    .haha .son_sort, .readmore .son_sort {
        padding-left: 46px;
    }

    .sort_new span {
        font-size: 18px;
    }

    .son_sort span {
        font-size: 16px;

    }

    .sort_new .red_right {
        width: 30px;
    }

    .series_background_lishi {
        /* width: 90%; */
        width: 360px;
    }

    .a_a, .a_a span {
        font-size: 13px !important;
    }

    .isnew img {
        width: 35px;
        margin-right: 5px;
        margin-left: 0;
    }

    .sort_new img {
        width: 35px;
        display: inline-block;
    }

    .product-slide_lishi:nth-child(5) {
        /* flex-wrap: wrap;
        margin-top: 25px; */
    }

    .product-slide_lishi:nth-child(6) {
        /* display: block;
        margin-top: 90px; */

    }

    .product-slide_lishi:nth-child(7) {
        /* display: block;
        margin-top: 85px; */
    }

    .product-slide_lishi:nth-child(8) {
        /* margin-top: 85px; */
    }

    .bg_lishi {
        /* height: 550px !important; */
        background-image: url('../images/mo_lishi.png') !important;
    }

    .product-slide_lishi:nth-last-of-type(2) {
        /* margin-top: 150px; */
    }

    .product-slide_lishi:nth-last-of-type(1) {
        /* margin-top: 150px; */

    }

    .kawai_tabs {
        border-bottom: none;
    }

    /*.product-slide_shuma:nth-child(2) {*/
    /*    float: none;*/
    /*}*/

    /*.product-slide_shuma:nth-child(3) {*/
    /*    margin-top: 40px;*/
    /*}*/

    /*.product-slide_shuma:nth-child(4) {*/
    /*    margin-top: 40px;*/
    /*}*/

    /*.product-slide_shuma:nth-child(5) {*/
    /*    !* float: none; *!*/
    /*}*/

    .mo_new {
        justify-content: flex-start;
    }

    .havedata .mo_new {
        padding: 0;
    }

    .gomore {
        width: 50%;
        font-size: 18px;
        margin: 20px auto;
        padding: 4px 20px;
    }

    .a_a {
        margin: 0 5px 5px 0;
        padding-bottom: 0;
    }

    .havedata {
        padding-bottom: 20px;
        padding-top: 20px;

    }

    .havedata .son_sort {
        padding-left: 29px;
    }

    .product-slide_sanjiao {
        border-left: none;
    }

    .isnew {
        padding-left: 4px !important;
        /* height: auto; */
    }

    .product-slide_shuma {
        border-left: none;
    }

    .swiper-slide-new .click:nth-child(4) {
        margin-top: 0px;
    }

    .swiper-slide-new .click:nth-child(5) {
        margin-top: 0px;
    }

    .product-slide_lishi {
        /* border-left: 2px solid #715839; */
        margin: 25px 0 0 0;
        padding: 0 0px;
    }

    .product-slide_lishi .isnew {
        /* padding-left: 0 !important; */
        /* border-left: none; */
    }

    .sbuerywuia {
        display: none;
    }

    .series_background_sanjiao .newser .newleft .outlink {
        border-bottom: none;
    }

    .series_background_sanjiao .newser .newleft .outlink span {
        border-bottom: 1.5px solid #715839;
        padding-bottom: 5px;

    }

}

.son_a {
    /* border-bottom: 1.5px solid #ab906a; */
}

.son_par {
    /* border-bottom: 1.5px solid #765f40; */
}


.nonenone {
    display: none;
}

.son_a {
    border-bottom: none;
    padding-bottom: 0;
}

.son_a span {
    border-bottom: 1.5px solid #ab906a;
    padding-bottom: 4px;
}

.son_a span:hover {
    color: #7e7e7e !important;
    border-bottom: 1.5px solid #7e7e7e;
}

.tabs_active .son_a span:hover {
    color: #000 !important;
    /* border-bottom: 1.5px solid #7e7e7e; */
}

.son_par_a:hover > span {
    color: #7e7e7e !important;
}

.son_par_a:hover {
    color: #7e7e7e !important;
    border-bottom: 1.5px solid #7e7e7e;
}

.tabs_active .son_par_a:hover > span {
    color: #000 !important;
    /* border-bottom: 1.5px solid #7e7e7e; */
}


.son_par {
    border-bottom: none;
    padding-bottom: 0;
}

.son_par span {
    border-bottom: 1.5px solid #765f40;
    padding-bottom: 4px;
}

.son_par:hover span {
    color: #7e7e7e !important;
    border-bottom: 1.5px solid #7e7e7e;
}


.active_color {
    color: #000 !important;
    border-bottom: none !important;
}

.son_par2 {
    border-bottom: none;
    cursor: auto;
    padding-bottom: 0;
}

.load7 .loader:before,
.load7 .loader:after,
.load7 .loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.load7 .loader {
    margin: 8em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.load7 .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.load7 .loader:after {
    left: 3.5em;
}

.load7 .loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.load-container {
    width: 240px;
    height: 240px;
    float: left;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em red;
    }

    40% {
        box-shadow: 0 2.5em 0 0 red;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em red;
    }

    40% {
        box-shadow: 0 2.5em 0 0 red;
    }
}

/*@media screen and (min-width: 1600px)and (max-width: 1800px){*/
    /*.fix_hm{*/
        /*top: 9%;*/
    /*}*/
/*}*/
/*@media screen and (min-width: 1400px)and (max-width: 1600px){*/
/*    .fix_hm{*/
/*        top: 8%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1200px)and (max-width: 1400px){*/
/*    .fix_hm{*/
/*        top: 7.5%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1000px)and (max-width: 1200px){*/
/*    .fix_hm{*/
/*        top: 7%;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 900px)and (max-width: 1000px){*/
/*    .fix_hm{*/
/*        top: 7.3%;*/
/*    }*/
/*}*/
