.nav{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 555;
    padding: 0 5rem;
    line-height: 5.9375rem;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.15) */
}
.nav_ico div{
    
}
.nav.active{
    background: url("../img/head-bg.png") center repeat-x;
    background-size: auto 99%;
}
.nav_ico div a,
.nav_ico span{
    display: inline-block;
    width: 1.4125rem !important;
    height: 1.4125rem !important;
    line-height: 1.4125rem !important;
    border: 1px solid #ffffff !important;
    border-radius: 50% !important;
    background: transparent !important;
    padding-left: 0 !important;
    color: #ffffff !important;
    text-align: center;
    font-size: .75rem !important;
    margin: 0 !important;
}
.nav_ico div a{
    margin-right: .5rem !important;
}
.nav_ico div{
    display: inline-block !important;
}
.social-share .icon-wechat .wechat-qrcode{
    top: 40px;
}
.social-share .icon-wechat .wechat-qrcode:after{
    border-width: 6px 6px 8px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    bottom: auto;
    top: -13px;
}
.index-image{
    position: relative;
    text-align: center;
}
.nav_ico>span:nth-last-child(1){
    border: none;
    position: relative;
    top: .2875rem;
}
.nav_ico>span:nth-last-child(1) .iconfont{
    font-size: 1.5rem;
}
.nav_vid{
    position: relative;
    top: .1875rem;
    margin-right: .35rem !important;
}
.nav_logo img{
    width: 10.625rem;
}
/* .nav1 .nav_logo img{
    position: relative;
    top: -0.1875rem;
} */
.nav_logo .iconfont{
    font-size: 1.25rem;
    color: #ffffff;
    position: relative;
    top: .2875rem;
}
.nav_ul li{
    display: inline-block;
    position: relative;
}
.nav_ul>li::after{
    width: 0;
    height: .1875rem;
    content: "";
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
}
.nav_ul>li:hover::after,
.nav_ul>li.active::after{
    width: 1.5rem;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.nav_ul li a{
    display: block;
    font-size : 1.125rem;
    color : #FFFFFF;
    padding: 0 2.8125rem;
}
.nav_ul>li:nth-last-child(1) a{
    padding: 0 .9375rem;
}
.nav_ul>li:nth-last-child(1)::after{
    width: 0 !important;
}
.index-ul{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
.dowebok_box,
.index-box{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
}
.title{
    font-weight : bold;
    font-size : 2.25rem;
    color : #FFFFFF;
}
.index-box img{
    width: 32%;
}
/* .index-image img{
    width: 45%;
 } */
 .index-image{
     position: absolute;
     bottom: 5%;
     left: 50%;
     transform: translateX(-50%);
     -webkit-animation: run 1s infinite linear;
     -moz-animation: run 1s infinite linear;
     -ms-animation: run 1s infinite linear;
     -o-animation: run 1s infinite linear;
     animation: run 1s infinite linear;
     z-index: 5;
 }
 .index-image img{
     width: 2.5rem;
 }
.more{
    color: #ffffff;
    font-size: 1rem;
    border-radius : 27px;
    border: 1px solid #fff;
    line-height: 3.2375rem;
    padding: 0 2.8125rem;
    display: inline-block;
}
.index-box .title{
    margin: 3.4375rem 0 2.5rem;
}
.fin_sitemap_ico .nav_ico_top a{
    width: 2.625rem !important;
    height: 2.625rem !important;
    line-height: 2.625rem !important;

}
.fin_sitemap_ico .nav_ico_top .iconfont{
    font-size: 1.35rem !important;
}
.nav_ico_top a:hover {
    text-decoration: none;
}
.nav_ico span,
.nav_ico_top .bshare-custom{
    position: relative;
    top: -3px;
}

.div_sitemap{
    left: -100%;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.div_sitemap.active{
    left: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.sitemap-custom-btn{
    cursor: pointer;
}


.more:hover{
    box-shadow: inset 0 0 0 2.5rem #3B78F5;
    border: 1px solid #3B78F5 !important;
    color: #fff;
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
}

 .title-box span{
    font-weight: 500;
}
.title-box{
    color : #FFFFFF;
}
.title-box p:nth-of-type(1){
    font-size : 3.4375rem;
    font-weight: bold;
}
.title-box p:nth-of-type(2){
    font-size : 1.125rem;
    line-height : 1.875rem;
    color : #FFFFFF;
    margin: 2.1875rem 0 1.5625rem;
    
}
.title-box{
    width: 50%;
    margin: 0 auto;
}

.natural_carousel_box{
    height: 100vh;
}
.dowebok_box{
    /* z-index: 55; */
}
.natural .title-box{
    margin: 0;
    text-align: left;
    width: 45%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: justify;
}
.natural_image{
    width: 50%;
    
}
.natural .swiper-pagination{
    bottom: 3%;
}
.swiper-pagination-bullet{
    opacity: .51;
    background : #FFFFFF;
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    border-radius : 5px;
    width: 18px;
    opacity: 1;
}


.foot{
    background : #B8D1FF;
}
.foot_div{
    display: flex;
    justify-content: space-between;
    padding: 5.9375rem 0 7.1875rem 0;
}
.foot_div ul li:nth-of-type(1){
    font-size : 1.25rem;
    color : #FFFFFF;
    margin-bottom: .5rem;
}
.foot_div ul li{
    font-size : 1.125rem;
    line-height : 1.875rem;
    color : #FFFFFF;
}
.foot_div ul li a{
    color : rgb(255, 255, 255, 0.67);
}
.foot_con div:nth-of-type(1){
    color : rgb(255, 255, 255, 0.67);
}
.foot_icon a{
    background : #F2F2F2 !important;
    border-radius : 4px;
    width: 2.25rem !important;
    height: 2.25rem !important;
    line-height: 2.25rem !important;
    text-align: center;
    display: inline-block;
    padding-left: 0 !important;
    color: #4F4F4F !important;
    font-size: 1.5625rem;
}
.foot_con div span{
    margin-left: 1.25rem;
    text-align: right;
    float: right;
}
.foot_box{
    line-height: 4.375rem;
    font-size : .875rem;
    color : rgb(255, 255, 255);
    border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.foot_box a{
    color : rgb(255, 255, 255);
}
.foot_div ul:nth-of-type(1) img{
    width: 10.625rem;
}
.foot .mobMenu{
    display: none;
}
/* 联系我们 */
.picture_div p:nth-of-type(1){
    font-weight : bold;
    font-size : 3.4375rem;
    color : #FFFFFF;
}
.picture_div p:nth-of-type(2){
    font-size : 1.125rem;
    line-height : 1.875rem;
    color : #FFFFFF;
    margin-top: 1.875rem;
}
.picture_div{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.contact_box{
    font-size : 1rem;
    line-height : 1.75rem;
    /* color : #3B77F4; */
    color: #fff;
    padding: 1.375rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.41);
    text-align: left;
}
.contact_box p{
    font-weight : bold;
    font-size : 1.375rem;
    line-height : 28px;
    /* color : #3B77F4;
     color: #fff; */
    margin-bottom: .5rem;
}
.contact-index.none{
    display: none;
}
.contact-index.block{
    display: block;
}
.contact{
    padding-top: 5rem;
}
.title1{
    font-size : 1.875rem;
    line-height : 3.4375rem;
    color : #3B77F4;
}
.message_text p,
.message_inp p{
    font-size : 1rem;
    line-height : 1.75rem;
    color : #3B77F4;
    margin-bottom: .5rem;
}
.message_inp input{
    border-radius : 1.6875rem;
    border: 1px solid #B8D1FF;
    width: 100%;
    height: 3.4375rem;
    padding: 0 1.25rem;
}

.message_text textarea{
    height: 12.1875rem;
    border-radius: .75rem;
    border-radius : 1.6875rem;
    border: 1px solid #B8D1FF;
    width: 100%;
    padding: 1.25rem;
}
.message_inp{
    margin-bottom: 1.25rem;
}
.message_but{
    text-align: center;
    margin-top: 2.8125rem;
}
.message_but button{
    background : #3B77F4;
    border: 1px solid #3B77F4;
    width: 10rem;
}
button:focus{
    outline: none;
    resize: none;
}
/* .message{
    padding-top: 5.3125rem;
} */

.title-box1{
    width: 68%;
}

.shopping_ul{
    display: flex;
    justify-content: space-between;
    margin-top: 2.1875rem;
}
.shopping_ul li a:nth-of-type(1){
    width: 13.25rem;
    height: 13.25rem;
    line-height: 13.25rem;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0,.5);
    display: block;
}
.shopping_ul li a img{
    width: 50%;
}
.shopping_ul li a:nth-of-type(2){
    padding-top: 1.875rem;
    display: block;
    text-align: center;
    font-size : 1.875rem;
    color : #FFFFFF;
}
.shopping{
    background : #B8D1FF;
    padding-top: 4rem;
}
.shopping_ul li a{
    position: relative;
}
.shopping_ul li:hover img{
    transform: rotateY(180deg);
    transition: 400ms ease-in-out;
}
.shopping_ul li:nth-last-child(1) a img{
    position: absolute;
    top: 25%;
    left: 25%;
}
.shopping_ul li:nth-last-child(1) a .shopping_ul_img{
    opacity: 1;
    z-index: 5;
    transition: 400ms ease-in-out;
}
.shopping_ul li:nth-last-child(1) a .shopping_ul_img1{
opacity: 0;
z-index: 1;
transition: 400ms ease-in-out;
border-radius: .9375rem;
}
.shopping_ul li:nth-last-child(1):hover .shopping_ul_img{
    opacity: 0;
    z-index: 1;
    transform: rotateY(0deg);
    transition: 400ms ease-in-out;
}
.shopping_ul li:nth-last-child(1):hover .shopping_ul_img1{
    opacity: 1;
    z-index: 5;
    transform: rotateY(0deg);
    transition: 400ms ease-in-out;
}
.picture-contact .title-box {
    width: 70%;
}
/* 产品列表 */

.product .title-box {
    margin: 0;
    text-align: left;
    width: 45%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: justify;
    z-index: 55;
}

.product-main>section:nth-of-type(odd) .title-box{
    left: 0;
}

.product-main>section:nth-of-type(odd) .natural_image{
    float: right;
}

.product-main>section:nth-of-type(even) .title-box{
    right: 0;
}

.product-main>section:nth-of-type(even) .natural_image{
    float: left;
}



.product-show .title-box {
    margin: 0;
    text-align: left;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: justify;
    z-index: 55;
}
.product-show .product-main-bos  p:nth-of-type(1){
    font-size: 3rem;
}
.product-main-bos{
    width: 45%;
}
.product-show-mian>section:nth-of-type(odd) .product-main-bos{
    float: left;
}

.product-show-mian>section:nth-of-type(odd) .title-box{
    float: right;
}

.product-show-mian>section:nth-of-type(even) .product-main-bos{
    float: right;
}

.product-show-mian>section:nth-of-type(even) .natural_image{
    float: left;
}
.product-show p{
    color : #3B77F4 !important;
}
.product-show .product-show-div{
    color: #3B77F4;
    font-size: 1.375rem;
    margin: .9375rem 0 .625rem 0;
}
.product-show .title-box .text{
    margin: 0;
}
.product-show .natural_image{
    text-align: center;
}
.nav3.active,
.nav2.active,
.nav2{
    background : #B8D1FF;
}


.product-show .swiper-pagination-bullet{
    background: none;
    opacity: 1;
    border: 1px solid #3B77F4;
    width: .875rem;
    height: .875rem;
}

.product-show .swiper-pagination-bullet-active{
    background: #3B77F4;
}

.product-show .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 2%;
}

.picture-contact .title-box p:nth-of-type(2){
    margin: 1rem 0;
}
.picture-contact .title-box p:nth-of-type(2) span{
    display: inline-block;
    margin-left: .625rem;
}
.product-show_fin .natural_image{
    width: 100%;
}

.product-show_fin .swiper-slide .fr{
    width: 50%;
}

.product-show_fin  .swiper-container-horizontal>.swiper-pagination-bullets{
    width: auto;
    right: 25%;
    left: auto;
}


.center-imgs{
    display: none;
}


.natural_image{
    position: relative;
}

.dowebok_box_text{
    font-size: 1rem;
    position: absolute;
    left: 0%;
    bottom: 10%;
    width: 100%;
    text-align: center;
}









.danye {
    padding: 5rem 0;
    font-size: 1.125rem;
    line-height: 1.875rem;
}
.oravida3-ls .natural_image img{
    width: 18.75rem;
}
.oravida3-ls .natural_image div{
    margin-top: 15px;
}
.oravida3-ls .title-box{
    text-align: left;
    width: 65%;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.oravida3-ls .natural_image{
    width: 30%;
}
.product-show-mian .natural_image .none{
    display: inline-block;
    width: auto;
}
.product_suannai .natural_image,

.product_suannai .swiper-slide .fr,
.product_suannai .swiper-slide .fl{
    width: 100%;
    float: none;

}
.product_suannai .natural_image img,
.product_suannai .swiper-slide .fr img{
    width: 22% !important;
}
.product-show-mian>.product_suannai .title-box,
.product_suannai .product-show_fin .title-box{
    position: static;
    transform: translateY(0%);
    text-align: center;
    float: none;
}
.product-show-mian>.product_suannai .title-box{
    float: none !important;
    width: 100% !important;
}
.product-show-mian>.product_suannai .product-main-bos{
    width: 100% !important;
    float: none;

}
.product_suannai .swiper-container-horizontal>.swiper-pagination-bullets{
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}




   .center-vid span{
            display: inline-block;
            width: 3.125rem;
            height: 3.125rem;
            line-height: 3.125rem;
            border-radius: 50%;
            text-align: center;
            color: #ffffff;
            background: #B8D1FF;
            cursor: pointer;
        }
        .center-vid span .iconfont{
            font-size: 1.375rem;
            position: relative;
            left: 2px;
        }
        .center-vid{
            margin-top: 1.875rem;
        }
              .modal_div .modal-dialog{
            top: 50%;
            transform: translateY(-50%) !important;
        }
        .modal_div .modal-header{
            border-bottom: none;
        }
        .modal_div .modal-content{
            box-shadow: none;
            background: none;
            border: none;
        }
          .modal_div .close{
            color: #ffffff;
            text-shadow:none;
            opacity: 1;
            
        }
        .modal_div .close .iconfont{
            font-size: 1.5625rem;
            position: relative;
            right: -2.8125rem;
        }
.center2 .center-vid2{
            display: none;
        }











@media(max-width:1650px){
    .daohang_ul>li>a {
        padding: 0 15px;
    }

  }








@media(max-width:1550px){
    .title-box {
        width: 50%;
    }
    .container {
        padding: 0 10.2rem;
    }
    .title-box1 {
        width: 60%;
    }
    .product-show-mian .natural_image .none{
        width: 70%;
    }
}
@media(max-width:1366px){
    .nav_ul li a {
        padding: 0 1.8125rem;
    }
    .container {
        padding: 0 6.2rem;
    }
    .product-show .product-main-bos p:nth-of-type(1),
    .title-box p:nth-of-type(1) {
        font-size: 2.7rem;
    }
    .title-box p:nth-of-type(2) {
        font-size: 1rem;
        margin: .75rem 0;
    }
}
@media(max-width:1280px){
    .container {
        padding: 0 3.2rem;
    }
    .title-box {
        width: 58%;
    }
    .shopping_ul li a:nth-of-type(1){
        width: 12.25rem;
        height: 12.25rem;
        line-height: 12.25rem;
    }
    .product-show .product-main-bos p:nth-of-type(1){
        font-size: 1.8rem;
    }
}
@media(max-width:1024px){
    .nav {
        padding: 0 2rem;
    }
    .nav_ico div{
        display: none !important;
    }
    /* .dowebok_box{
        position: static;
        transform: translateY(0%);
    } */
    .section{
        height: 100vh;
        position: relative;
    }
    .natural{
        padding: 0;
    }
    .natural_carousel_box{
        
    }
    .foot_div ul li{
        font-size: 1rem;
    }
    .container {
        padding: 0 2.2rem;
    }
    .foot_con{
        width: 20%;
    }
    .foot_div {
        padding: 3.9375rem 0 3.1875rem 0;
    }
    .title{
        font-size: 2rem;
    }
    .brand{
        background-position-x: 77% !important;
    }
    .idea1{
        background-position-x: 55.5% !important;
    }
    .index-fin{
        background-position-x: 71% !important;
    }

    .message .index-image{
        display: none;
    }
    .message {
        padding: 4.6875rem 0;
        height: auto;
    }
    .title-box p:nth-of-type(1) {
        font-size: 1.8rem;
    }
    .oravida3-ls .natural_image {
        width: 23%;
    }
    .oravida3-ls .natural_image div{
        font-size: 1.125rem;
    }
    .oravida3-ls .title-box {
        width: 70%;
    }
    .foot {
        height: auto;
    }
    .product_suannai .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 0 !important;
        top: auto !important;
    }
    
}
@media(max-width:990px){
    .nav{
        display: none;
    }
    .picture_div{
        width: 70%;
    }
    .picture_div p:nth-of-type(1){
        font-size: 2rem;
    }
    .phone_logo img{
        width: 8.25rem;
    }
    .foot .mobMenu{
        display: block;
        padding: 0;
    }
    .foot_div,
    .foot .foot_box .fr{
        display: none;
    }
    .foot{
        display: block;
    }
    .foot .mobMenu .subDepth {
        display: none;
    }
    .contact_box div{
        /* height: 6rem; */
    }
    .index-image img {
        width: 35%;
    }
    .product-show_fin .swiper-container-horizontal>.swiper-pagination-bullets {
        top: 87%;
        bottom: auto;
    }
    /* .product-show_fin .swiper-slide .fr{
        width: 100%;
    }
    .product-show .natural_image div {
        background: transparent !important;
        height: auto !important;
    }
    .product-show .natural_image div img {
        display: inline-block;
        width: 50%;
    }
    .product-show .title-box, .product .title-box {
        position: static;
        transform: translateY(0);
    } */
    .contact-index.none{
        display: block;
    }
    .contact-index.block{
        display: none;
    }
}
@media(max-width:900px){
    .center-imgs{
        display: block;
        height: 100vh;
    }
}
@media(max-width:760px){
    .container {
        padding: 0 1.25rem;
    }
    .natural_carousel_box,
    .section{
        /* height: auto; */
        padding: 2.5rem 0;
    }
    .natural{
        padding: 0;
    }
    .dowebok_box{
        /* position: static;
        transform: translateY(0%); */
    }
    .picture-contact .title-box,
    .title-box{
        width: 100%;
    }
    .title-box p:nth-of-type(1) {
        font-size: 1.7rem;
    }
    .title-box p:nth-of-type(2){
        /* line-height: 1.625rem; */
        margin: 1.5625rem 0;
    }
    .more {
        border-radius: 20px;
        line-height: 2.2375rem;
        padding: 0 2rem;
    }
    .natural .title-box{
        position: static;
        transform: translateY(0%);
        width: 100%;
    }
    .natural_image{
        width: 100%;
        text-align: center;
        margin-top: 1.5625rem;
    }
    .natural_image img{
        width: 70%;
    }
    #fp-nav{
        display: none;
    }
    .foot{
        height: auto;
    }
    /* .foot_div{
        display: block;
    } */
    /* .foot_div{
        padding: 0 0 1.5625rem 0;
    } */
    .contact_box div{
        height: auto;
    }
    .contact_box{
        padding: 1rem 0;
        line-height: 1.625rem;
    }

    .picture_div p:nth-of-type(2){
        font-size: .875rem;
        margin-top: .5rem;
        line-height: 1.5rem;
    }
    .picture_div{
        width: 100%;
        padding: 0 1.25rem;
    }
    body {
        padding-top: 3rem;
    }
    .picture_div p:nth-of-type(1) {
        font-size: 1.7rem;
    }
    .contact{
        padding: 2.5rem 0;
    }
    .contact_box p{
        font-size: 1.115rem;
    }
    .title1 {
        font-size: 1.5rem;
    }
    .message_inp {
        margin-bottom: 1rem;
    }
    .message_inp input{
        height: 2.8125rem;
    }
    .message_text textarea{
        height: 7.5rem;
        border-radius: .625rem;
    }
    .message_but {
        margin-top: 1.25rem;
    }
    .title{
        font-size: 1.7rem;
    }
    .index-box img {
        width: 45%;
    }

    .index-box .title{
        margin: 1.25rem 0;
        padding: 0 1.25rem;
    }
    .title-box p:nth-of-type(2){
        line-height: 1.525rem;
        /* font-size: .875rem; */
    }
    .title-box p:nth-of-type(2){
        margin: .75rem 0;
    }
    
    /* .natural_carousel .swiper-wrapper>div:nth-of-type(4) .natural_image img{
        width: 45%;
    } */
    .shopping_ul{
        /* display: block; */
    }
    .shopping_ul li a:nth-of-type(1){
        margin: 0 auto;
        width: 7rem;
        height: 7rem;
        line-height: 7rem;

    }
    .shopping_ul li{
        margin-bottom: .9375rem;
    }
    .shopping{
        padding: 2.5rem 0;
    }
    .shopping_ul li a:nth-of-type(2){
        font-size: 1.25rem;
        padding-top: .9375rem;
    }
    .product-show .natural_image div{
        background: transparent !important;
        height: auto !important;
    }
    .product-show .natural_image div img{
        display: inline-block;
        width: 100%;
    }
    .product-show .natural_image{
        margin-bottom: 1.25rem;
        margin-top: 0;
        padding: 0 ;
    }
    .product-show .title-box,
    .product .title-box{
        position: static;
        transform: translateY(0);
    }
    .product-main-bos{
        width: 100%;
    }
    .product-show .product-show-div{
        margin: .625rem 0;
    }
    .natural_carousel_box, .section{
        padding: 0;
    }
    .product-show-mian>section .natural_image,
    .product-main>section  .product-main-bos{
        float: none !important;
    }
    .product .title-box{
        width: 100%;
    }
    .brand{
        background-position-x: 77% !important;
    }
    .idea1{
        background-position-x: 55.5% !important;
    }
    .index-fin{
        background-position-x: 71% !important;
    }
    .product .title-box,
    .natural .title-box{
        text-align: center;
    }
    .contact_box p{
        margin-bottom: 0;
    }
    .contact_box p {
        cursor: pointer;
    }
    .contact_box div{
        margin-top: 0rem;
    }
    /* .contact_box {
        padding: .625rem 0;
    } */
    /* .contact_box div{
        display: none;
    } */
    .foot_box {
        line-height: 2.375rem;
        padding: .625rem 0 ;
    }
    .picture-contact .title-box p:nth-of-type(2) {
        margin: .5rem 0;
        text-align: left;
        font-size: 1rem;
    }
    .picture-contact .title-box p:nth-of-type(2) span{
        margin-left: 0;
        display: block;
    }
    /* .picture-contact{
        padding-top: 5.125rem;
    } */
    .product-show_fin .swiper-slide .fr{
        width: 100%;
    }
    .product-show_fin .swiper-slide .fr{
        margin-bottom: .9375rem;
    }
    .product-show_fin .swiper-container-horizontal>.swiper-pagination-bullets{
        width: 100%;
        right: 0;
        left: 0;
        top: 55%;
        bottom: auto;
    }
    .product-show_fin .container{
        padding: 0;
    }

    .shopping_ul li:nth-last-child(1) a:nth-of-type(2){
        font-size: 1rem;
    }
    .shopping_ul li a img {
        width: 60%;
    }
    .shopping_ul li:nth-last-child(1) a img {
        top: 20%;
        left: 20%;
    }
    .foot_box {
        line-height: 1.375rem;
    }
    .title-box p:nth-of-type(2) {
        font-size: 1.025rem;

    }
    .title-box p:nth-of-type(1) {
        font-size: 1.6rem;
    }
    .natural_carousel .title-box p:nth-of-type(2) {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 text-overflow: ellipsis;
 -webkit-line-clamp: 3;
 overflow: hidden;
 height: 60px;
    }
    .product-show .product-show-div{
        font-size: 1.125rem;
        margin: .3rem 0;
    }
    .product-show-mian .product-main-bos p:nth-of-type(1) {
        font-size: 1.4rem;
    }
    .product-show-mian .product-main-bos{
        text-align: left;
    }
    .client-2 {
        right: 1.25rem;
        bottom: 1.25rem;
    }
    .my-kefu-main:hover .my-kefu-right, .my-kefu-tel-main:hover .my-kefu-right {
        width: 90px;
    }
    .message .index-image,
    .picture-contact .index-image,
    .product-show-mian .index-image{
        display: none;
    }
    .client-2 li{
        width: 2.255rem;
        height: 2.255rem;
        line-height: 2.255rem;
    }
    .client-2 li .iconfont {
        font-size: 1.35rem;
    }
    .product-show_fin .swiper-container-horizontal>.swiper-pagination-bullets {
        top: 65%;
    }
    .product-show-mian .product-show .dowebok_box{
        position: static;
        top: 0;
        transform: translateY(0%);
        /* margin-top: 1.875rem; */
    }
    .product-show-mian> section{
        padding: 6.25rem 0;
        height: auto;
    }
    .product-show-mian>section:nth-of-type(1){
        padding-top: 0;
    }
    .product-show-mian .product-show .product-show-lb  .title-box{
        padding: 1.25rem;
        padding-top: 0;
    }
    .message{
        padding: 4.6875rem 0;
    }
    .product-show-mian .natural_image .none{
        width: 100%;
    }
    .product_suannai .natural_image img,
.product_suannai .swiper-slide .fr img{
    width:100% !important;
}
.product_suannai{
    height: auto !important;
    padding: 6.25rem 0 !important;
}
.product_suannai .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
    top: auto;
}
.product-show-mian> section{
    height: auto !important;
}
.oravida3-ls .natural_image{
    width: 100%;
    margin:  auto;
    float: none;
    font-size: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
}
.oravida3-ls .natural_image div {
    margin: 10px 0;
    float: right;
    width: 60%;
    text-align: left;
    margin-left: 10%;
}
.oravida3-ls .natural_image img{
    width: 30%;
    float: left;
}
.oravida3-ls .title-box{
    position: static;
    transform: translateY(0%);
    width: 100%;

}
.oravida3-ls .title-box p:nth-of-type(1) {
    /* font-size: 1.25rem; */
}
.index-image{
    display: none !important;
}
    .center1 .title-box p:nth-of-type(2),
     .center .title-box p:nth-of-type(2){
          display: -webkit-box;
       -webkit-box-orient: vertical;
       text-overflow: ellipsis;
       -webkit-line-clamp: 4;
       overflow: hidden;
     }
     .center2 .title-box p:nth-of-type(2),
    .brand .title-box p:nth-of-type(2),
    .oravida .title-box p:nth-of-type(2) {
       display: -webkit-box;
       -webkit-box-orient: vertical;
       text-overflow: ellipsis;
       -webkit-line-clamp: 3;
       overflow: hidden;
    }
    .title-box p:nth-of-type(2){
        font-size: 13px !important;
    }
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background: #B8D1FF;
}
.bsFrameDiv>div{
    height: 100% !important;
    width: 100% !important;
}
.bsTop{
    width: 100% !important;
}
.bsBox{
    height: auto !important;
}
.nav_ico span{
    cursor: pointer;
}


/* æœç´¢ */
.search {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background: #000; */
    background: rgba(184, 209, 255,1);
    z-index: 999;
    display: none;
}
.search-box {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25%;
}
.inp {
    width: 100%;
    height: 100px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.7);
}
.inp::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}
.bu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: rgba(255, 255, 255, 0.7);
    background: none;
    border: none;
}
.bu .iconfont {
    font-size: 3.125rem;
}
.search-con {
    position: absolute;
    right: 7%;
    top: 7%;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.search-con .iconfont {
    font-size: 2.125rem;
    font-weight: 100;
}
.ds {
    cursor: pointer;
}
.oravida1 .index-image{
    display: block;
}
/* .oravida2 .index-image,
.oravida3 .index-image,
.oravida4 .index-image{
    display: none;
} */
#dowebok>section:nth-last-child(1) .index-image{
    display: none;
}