/*================
首页样式
==================*/

.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: 3.1rem;
    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 #000000;
    font-weight: 800;
    font-size: 16px;
    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: #5c6637;
    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.1rem;
    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.3rem;
}

.ppts_sxt_phone {
    font-size: 0.18rem;
    margin-left: 0.3rem;
}

.ppts_sxt_di_img {
    width: 12px;
    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;
}

@media(max-width:768px) {
    .ppts_sxt_di_img {
        top: 0.8rem;
    }
    .ppts_sxt_dis_img {
        width: 12px;
        position: absolute;
        top: 1.75rem;
    }
}