/*================
首页样式
==================*/
.index_product{
    width: 100%;
    height: auto;
    display: table;
    position: relative;
}
.index_product_center{
    width: 6.2rem;
    margin: auto;
    position: relative;
    display: table;
}
.index_product_center_on{
    width: 100%;
    height: 0.45rem;
    border-bottom: 1px solid #ebebeb;
    line-height: 0.4rem;
}
.index_product_center_on_left{
    width: 50%;
    float: left;
    font-size: 0.3rem;
}
.index_product_center_on_ring{
    width: 50%;
    float: right;
    text-align: right;
    color: #c47a01;
    font-size: 0.16rem;
    margin-top: 0.1rem;
}
.index_product_to{
    width: 100%;
    height: auto;
    display: table;
    position: relative;
}
.index_product_to_on{
    width: 3rem;
    height: 2.8rem;
    border-radius: 0.1rem;
    float: left;
    position: relative;
    overflow: hidden;
}
.index_product_to_on_copy{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    text-align: center;
    color: #fff;
}
.index_product_to_to{
    width: 3.08rem;
    float: left;
    margin-left: 0.1rem;
}
.index_product_to_to_er{
    width: 3.1rem;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
}
.index_product_to_to_san{
    width: 3.1rem;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    margin-top: 0.1rem;
}
.index_product_to_to_si{
    width: 100%;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    margin-top: 0.1rem;
}
.index_form{
    width: 5.74rem;
    height: auto;
    margin: auto;
    position: relative;
    display: table;
}
.index_form_left{
    width: 2.8rem;
    float: left;
}
.index_form_left_to,.index_form_ring_to{
    display: none;
}
.index_form_ring{
    width: 2.8rem;
    float: right;
}
.index_form_input{
    width: 100%;
    height: 0.66rem;
    float: left;
    border-radius: 0.1rem;
    border: 1px solid #e7e7e7;
    outline: none;
    margin-top: 0.2rem;
    text-indent: 0.2rem;
    font-size: 0.2rem;
}
.land_portal_button_to{
    width: 2.8rem;
    height: 0.66rem;
    background-color: #e9ab46;
    float: left;
    margin-top: 0.2rem;
    font-size: 0.2rem;
    color: #fff;
    border: none;
    border-radius: 0.1rem;
    outline: none;
}
.index_form_button{
    width: 2.8rem;
    height: 0.66rem;
    background-color: #919191;
    float: right;
    margin-top: 0.2rem;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 0.1rem;
    line-height: 0.66rem;
    text-align: center;
}
.index_form_title{
    font-size: 0.16rem;
    color: #a1a1a1;
    text-align: center;
    margin-top: 0.15rem;
}
.swiper-container-case .swiper-slide{
    width: 4.8rem;
    height: 4.15rem;
    border-radius: 0.1rem;
    border: 1px solid #d4d4d4;
    overflow: hidden;
}
.swiper-container-case{
    width: 6.2rem;
    margin: auto;
}
.swiper-slide_title{
    width: 4.3rem;
    margin: auto;
    position: relative;
    margin-top: 0.1rem;
}
.swiper-slide_liu{
    width: 0.85rem;
    height: 0.23rem;
    line-height: 0.23rem;
    position: absolute;
    bottom: 0.2rem;
    right: 0.25rem;
    font-size: 0.16rem;
    color: #cececd;
}
.swiper-slide_liu_img{
    width: 0.3rem;
    float: left;
}
.swiper-containers{
    width: 6.2rem;
    margin: auto;
}
.swiper-containers .swiper-slide{
    width: 1.86rem;
    height: 2.9rem;
    border-radius: 0.1rem;
    overflow: hidden;
    margin-right: 0.1rem;
}
.swiper-slide_titles{
    width: 1.6rem;
    margin: auto;
    margin-top: 0.1rem;
}
.index_gy{
    width: 100%;
    height: auto;
    position: relative;
    display: table;
}
.index_gy_s{
    width: 3.05rem;
    float: left;
    margin-left: 0.1rem;
    margin-bottom: 0.1rem;
}
.index_phone{
    width: 100%;
    height: 1.55rem;
    background-color: #f1f1ef;
}
.index_phone_on{
    width: 6.2rem;
    height: 1.1rem;
    background-color: #fff;
    margin: auto;
    border-radius: 0.1rem;
    position: relative;
}
.index_phone_ons{
    margin-left: 0.2rem;
}
.index_phone_onp{
    width: 0.46rem;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
}
/*===========================
   品牌探索样式
=============================*/
.ppts_on{
    width: 5.74rem;
    margin: auto;
}
.ppts_on_title{
    font-size: 0.26rem;
    color: #6c7a6d;
}
.ppts_on_jies{
    font-size: 0.18rem;
    line-height: 0.3rem;
}
.ppts_to{
    width: 100%;
    height: auto;
    display: table;
    position: relative;
}
.ppts_to_es{
    width: 6rem;
    margin: auto;
    position: relative;
    display: table;
    height: 3.27rem;
    border: 1px solid #000;
}
.ppts_sxt{
    width: 4.4rem;
    height: 2.95rem;
    margin: auto;
    background: rgba(255,255,255,0.8);
}
.ppts_sxt_on{
    width: 3.4rem;
    margin: auto;
    display: table;position: relative;
}
.ppts_sxt_biao{
    font-size: 0.22rem;
}
.ppts_sxt_di{
    font-size: 0.18rem;
    margin-left: 0.2rem;
}
.ppts_sxt_phone{
    font-size: 0.18rem;
    margin-left: 0.2rem;
}
.ppts_sxt_di_img{
    width: 0.16rem;
    position: absolute;
    top: 0.55rem;
}
.ppts_sxt_dis_img{
    width: 0.2rem;
    position: absolute;
    top: 1.48rem;
}
/*=============================
  新闻页
===============================*/
.por_center{
    width: 6rem;
    margin: auto;
    display: table;
    position: relative;
}
.por_center_for{
    width: 100%;
    display: table;
    position: relative;
    color: #000;
}
.por_center_for_slt{
    width: 1rem;
    height: 1rem;
    border-radius: 0.1rem;
    float: left;
}
.por_center_for_you{
    width: 4.66rem;
    float: right;
    border-bottom: 1px solid #ececec;
}
.por_center_for_you_tit{
    font-size: 0.22rem;
}
.por_center_for_you_like{
    width: 100%;
    display: table;
    position: relative;
}
.por_center_for_you_like_on{
    width: 30%;
    float: left;
}
/*======================================
      新闻内页
========================================*/
.por_are{
    font-size: 0.25rem;
    width: 6rem;
    margin: auto;
}
.por_are_center{
    width: 6rem;
    margin: auto;
    display: table;
    position: relative;
}
.por_are_center_xian{
    width: 100%;
    height: 0.01rem;
    background-color: #738076;
    position: relative;
}
.por_are_center_xian_cu{
    width: 0.8rem;
    height: 0.06rem;
    background-color:#738076;
    position: absolute;
    top: -0.025rem;
    left: 0;
}
.por_are_center_shijian{
    width: 100%;
    display: table;
    position: relative;
}
.por_are_center_wn{
    width: 6rem;
    margin: auto;
    height: auto;
    font-size: 0.16rem;
    display: table;
    position: relative;
}
.article_nei_center{
    width: 100%;
    height: auto;
    display: table;
    position: relative;
}
.article_nei_no{
    width: 2.96rem;
    height: 1.55rem;
    float: left;
    position: relative;
}
.article_nei_no_next{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    font-size: 0.2rem;
}
.article_nei_no_next_center{
    width: 2.18rem;
    margin: auto;
    color: #fff;
    margin-top: 0.2rem;
}
.article_nei_to{
    width: 2.96rem;
    height: 1.55rem;
    float: right;
    position: relative;
}
.article_nei_no_prev{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    font-size: 0.2rem;
}
/*v-home样式*/
.tabBox .hd {
    border: none;
    height: 0.6rem;
}
.tabBox .hd  li{
    width: 1.4rem;
    height: 0.6rem;
    border-radius: 0.1rem;
    float: left;
    margin-left: 0.16rem;
    font-size: 0.18rem;
    background-color:#f3f3f3;
    color: #414141;
    text-align: center;
    border-bottom: 1px solid #859588;
}
.tabBox .hd .on{
    background-color: #859588;
    color: #fff;
}
/*软装页面样式*/
.p_ruan_center{
    width: 100%;
    display: table;
    margin: auto;
    position: relative;
}
.p_ruan_center ul li{
    float: left;
    width: 1.97rem;
    margin-left: 0.12rem;
    margin-bottom: 0.2rem;
    font-size: 0.16rem;
    color: #333;
}
.swiper-slide-design{
    background-color: #f3f3f3;
}
.swiper-slide{
    border-radius: 5px;
    overflow: hidden;
}