@charset "UTF-8";
@import url(./wappublic.css);
@import url(./waptop.css);
@import url(./wapfooter.css);
/* 头部 */
/* 轮播图 */
.top{
    width: 100%;
    position: relative;
}
.banner{
    width: 100%;
    height:10.19rem;
}
.banner-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:0.2rem !important;
}
.banner .swiper-pagination-bullet{
    width: 0.11rem !important;
    height: 0.11rem !important;
    background: #FFFFFF !important;
    opacity: 1 !important;
}
.banner .swiper-pagination-bullet-active{
    width: 0.68rem !important;
    height: 0.11rem !important;
    border-radius: 0.1rem !important;
    background: #fff !important;
}
.banner .swiper-pagination{
    padding-right: 0.2rem !important;
}
.top_nav{
    width:86%;
    margin: 0 auto;
    position: absolute;
    top: 1.92rem;
    left: 0.54rem;
    z-index: 9;
}
.top_nav_img{
    width:100%;
    margin-bottom: 1rem;
}
.top_nav_img img{
    width: 100%;
}
.top_navList{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_nav_item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_nav_item img{
    width: 1.12rem;
    height: 0.88rem;
    margin-bottom: 0.5rem;
    object-fit: cover;
}
.top_nav_item div{
    width: 1.63rem;
    height: 0.46rem;
    background: rgba(0,0,0,0.26);
    border-radius: 0.24rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 0.46rem;
    text-align: center;
}

/* 关于公司 */
.about{
    width: 100%;
    padding-top: 0.5rem;
    background: #f2f2f2;
    padding:0.4rem 0;
}
.about_info{
    width: 90%;
    margin: 0 auto;
}
.aboutInfo_list{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.aboutInfo_Item{
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.4rem;
}
.About_nva_item_num{
    display: flex;
    align-items: center;
}
.ab_gs {
    font-family: zihunxingmouhei;
    font-weight: 600;
    font-size: 0.51rem;
    color: #073683;
}
.ab_add{
    width: 0.23rem;
    height: 0.23rem;
    margin-left: 0.12rem;
}
.ab_text {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.26rem;
    color: #000000;
    opacity: 0.76;
    margin-top: 0.05rem;
}
.about_nr{
    width: 100%;
    background: url(../wapImages/MR.liu.png) no-repeat;
    background-size: 5.5rem 1.22rem;
    background-position: 0rem 0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.3rem;
    color: #000000;
    line-height: 0.45rem;
    opacity: 0.69;
    padding-top: 0.2rem;
}
.ab_btn{
    width: 2.13rem;
    height: 0.55rem;
    border-radius: 0.08rem;
    border:0.01rem solid #073683;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.25rem;
    line-height: 0.55rem;
    color: #fff;
    background-color: #073683;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0;
}
.ab_btn img{
    width: 0.25rem;
    height: 0.25rem;
    margin-left: 0.2rem;
}
.ab_box{
    width: 100%;
    height: 3.66rem;
    position: relative;
}
.ab_box .about_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ab_box .about_play{
    width: 0.82rem;
    height: 0.82rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}

/* 品牌中心 */
.brand{
    width: 100%;
}
.brand_info{
    width:100%;
    margin: 0 auto;
}
.brand_box{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.brand_box_list{
    width: 100%;
    margin-bottom: 0.2rem;
}
.brand_box_list ul{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.brand_box_list ul li{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: flex;
    margin-right: 0.43rem;
    margin-bottom: 0.35rem;
}
.brand_box_list ul li:nth-child(4n){
    margin-right: 0;
}
.brand_box_list ul li:last-child{
    margin-right: 0;
    margin-left: 0.43rem;
}
.brand_box_list ul li div {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.brand_hx {
    position: relative;
}
.mis {
    background: url(../wapImages/brand_mis_gbf.png) no-repeat;
    background-size: 100% 100%;
}
.mis01{
    background: url(../wapImages/brand_mis_gbf_a.png) no-repeat;
    background-size: 100% 100%;
}
.mis_gbf{
    background: url(../wapImages/brand_gmf.png) no-repeat;
    background-size: 100% 100%;
}
.mis_gbf01{
    background: url(../wapImages/brand_gmf_a.png) no-repeat;
    background-size: 100% 100%;
}

.llyp{
    background: url(../wapImages/brand_llyp.png) no-repeat;
    background-size: 100% 100%;  

}
.llyp01{
    background: url(../wapImages/brand_llyp_a.png) no-repeat;
    background-size: 100% 100%; 
}

.xxx{
    background: url(../wapImages/brand_xxx.png) no-repeat;
    background-size: 100% 100%; 

}
.xxx01{
    background: url(../wapImages/brand_xxx_a.png) no-repeat;
    background-size: 100% 100%; 
}

/* .gmf{
    background: url(../wapImages/brand_llyp.png) no-repeat;
    background-size: 100% 100%;  
}
.gmf01{
    background: url(../wapImages/brand_llyp_a.png) no-repeat;
    background-size: 100% 100%;  
} */

.wdc{
    background: url(../wapImages/brand_dwc.png) no-repeat;
    background-size: 100% 100%; 
 
}
.wdc01{
    background: url(../wapImages/brand_dwc_a.png) no-repeat;
    background-size: 100% 100%;   
}
.wqs{
    background: url(../wapImages/brand_wqs.png) no-repeat;
    background-size: 100% 100%;  
}
.wqs01{
    background: url(../wapImages/brand_wqs_a.png) no-repeat;
    background-size: 100% 100%;  
}

.wh{
    background: url(../wapImages/brand_wh.png) no-repeat;
    background-size: 100% 100%; 
}
.wh01{
    background: url(../wapImages/brand_wh_a.png) no-repeat;
    background-size: 100% 100%; 
}
.brand_hx::after {
    content: "";
    width: 0.43rem;
    height: 0.17rem;
    background: #F2F2F2;
    position: absolute;
    top: 41%;
    right: -0.43rem;
    z-index: 9;
}
#page {
    width: 100%;
    height:8.77rem;
}

#page .swiper-pagination-bullet-active{
    width: 0.49rem !important;
    height: 0.09rem !important;
    background: #073683 !important;
    border-radius: 0.05rem !important;
    opacity: 1 !important;
}
#page .swiper-pagination-bullet{
    width: 0.27rem;
    height: 0.09rem;
    background: #000000;
    border-radius: 0.05rem;
    opacity: 0.25;
}
.brand_ms{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.brand_ms_img{
    width: 100%;
    /* height: 3.58rem; */
    object-fit: cover;
}
.brand_ms_in{
    width: 100%;
    height:3rem;
    background:url(../wapImages/brand_img.png) no-repeat;
    background-size: 100% 100%;
    padding: 0.37rem 0.45rem 0.45rem 0.5rem;
}
.brand_ms_in_title{
    font-family: Source Han Sans CN;
    font-weight: 600;
    font-size: 0.35rem;
    color: #303031;
    display: flex;
    align-items: center;
}
.brand_ms_in_title img{
    height: 0.39rem;
    margin-right: 0.2rem;
}
.brand_ms_in_text{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.26rem;
    color: #444343;
    line-height: 0.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    margin: 0.3rem 0;
}
.brand_ms_in_more{
 width: 2.13rem;
height: 0.55rem;
    background: #073683;
    border-radius: 0.08rem;
    font-family: Source Han Sans CN;
    font-weight:400;
    font-size: 0.25rem;
   color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;
}
.brand_ms_in_more img{
    width: 0.25rem;
    height: 0.25rem;
    margin-left: 0.2rem;
}
.brand_ms_in_more:active,.ab_btn:active,.store_item div:active{
    opacity: 0.5;
}

/* 加盟门店 */
.store{
    width: 100%;
    height: 8.44rem;
    background: url(../wapImages/store_banner.png) no-repeat;
    background-size: 100% 100%;
    padding: 0.66rem 0 0.8rem 0;
}
.store_info{
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.42rem;
}
.store_item{
    width: 48%;
    background: #FFFFFF;
    border-radius: 0.18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.34rem 0;
    margin-bottom: 0.28rem;
}
.store_item .store_item_img{
    width: 1.04rem;
    height: 1.04rem;
}
.store_item span{
    font-family: Source Han Sans CN;
    font-weight:600;
    font-size: 0.27rem;
    color: #000000;
    margin: 0.1rem 0;
}
.store_item div{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.24rem;
    color: #6C6C6C;
    display: flex;
    align-items: center;
    transform: scale(0.9);
}
.store_item div img{
    width: 0.1rem;
    margin-left: 0.1rem;
}


/* 快速提交您的需求 */
.submit{
    width: 100%;
    padding: 0.57rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../wapImages/ti_banner.png) no-repeat;
    background-size: 100% 100%;
}
.submit_info{
    width:100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0.56rem 0.47rem 0.7rem 0.47rem;
    background: rgba(250,250,250,0.88);
    border-radius: 0.22rem;
}
.submit_info p{
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 0.34rem;
    color: #000000;
    text-align: center;
    margin-bottom: 0.45rem;
}
.submit_item{
    width:100%;
    height: 0.8rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
    border: 0.01rem solid #E5E5E5;
    line-height: 0.8rem;
    display:flex;
    margin-bottom: 0.32rem;
}
.submit_item input{
    width: 100%;
    height: 100%;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.3rem;
    color: #000000;
    padding: 0 0.21rem;
    border-radius: 0.05rem;
}
.submit_item input::placeholder{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.18rem;
    color: #000000;
    opacity: 0.64;
}
.submit_ly{
    width: 100%;
    height: 1.67rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
    border:0.01rem solid #E5E5E5;
}
.submit_ly textarea{
    width: 100%;
    height: 100%;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.22rem;
    color: #000000;
    padding: 0.21rem;
    border: none;
    outline: none;
    border-radius: 0.05rem;
}
.submit_ly textarea::placeholder{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.18rem;
    color: #000000;
    opacity: 0.64;
}

.submit_btn{
    width: 100%;
    height: 0.8rem;
    background: #073683;
    border-radius: 0.05rem;
    line-height: 0.8rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 0.28rem;
    color: #f5eeee;
    text-align: center;
    margin-top: 0.58rem;
}

/*中央工厂 */
.Cent_factory{
    width: 100%;
    background: url(../wapImages/zygc_icon01.png) no-repeat;
    background-size: 4rem 2.5rem;
    background-position: 3.5rem 0.3rem;
    padding-top: 0.5rem;
}
.Cent_top{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.25rem;
}
.Cent_top img{
    width: 1.65rem;
    margin-bottom: 0.05rem;
}
.Cent_top span{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.28rem;
    color: #000000;
    opacity: 0.71;
}
.Cent_info{
    width:100%;
    margin: 0 auto;
}
.Cent_topLi{
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    margin-bottom: 0.35rem;
    overflow-y: hidden;
    overflow-x: auto;
    padding-left: 0.3rem;
    border-bottom: 0.01rem solid #F3F3F3;
}
.Cent_topLi ul{
    width:200%;
    display: flex;
    align-items: center;
}
.Cent_topLi ul li{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 600;
    color: #9B9B9B;
    margin-right:1rem;
}
.fg_count {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #073683 !important;
}
.banner_icon{
    display: none;
}
.fg_count .banner_icon{
    width: 0.27rem;
    display: block !important;
    margin-right:0.15rem;
}
.fg_count::after{
    content: '';
    width:100%;
    height: 0.02rem;
    background:#073683;
    position: absolute;
    bottom:0.01rem;
    left:0rem;
}
.Cent_list{
    width: 100%;
}
.Cent_list_item{
    width: 100%;
    display: none;
}
.CentFact_info{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.CentFact_top{
    width: 100%;
    height: 3.78rem;
    position: relative;
}
.CentFact_top img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.CentFact_top div{
    width: 100%;
    height: 0.96rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: url(../wapImages/zygc_img01.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 0.51rem;
    font-family: Source Han Sans CN;
    font-weight: 600;
    font-size: 0.28rem;
    color: #FFFFFF;
    padding-top: 0.4rem;
}
.CentFact_bot{
    width: 100%;
    background: #f2f2f2;
    padding: 0.34rem 0.45rem 0.3rem 0.45rem;
}
.CentFact_bot_text{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.3rem;
    color: #1b1b1b;
    line-height: 0.45rem;
    text-align: justify;
}
.CentFact_bot_list{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
}
.CentFact_bot_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.45rem;
}
.CentFact_bot_item img{
    width: 0.44rem;
    margin-bottom: 0.15rem;
}
.CentFact_bot_item span{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.19rem;
    color: #FFFFFF;
}

/* 新闻动态 */
.news{
    width: 100%;
    margin-top: 0.2rem;
}
.news_list{
    width:90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 0.46rem;
}
.news_box1{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.48rem;
}
.news_box1 .news_pt{
    width: 100%;
    height: 3.67rem;
    object-fit: cover;
}
.news_box1_text{
    width: 100%;
    display: flex;
    flex-direction: column;
    border:0.01rem solid #DCDCDC;
    padding: 0.35rem;
}
.news_box1_text .news_time{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.26rem;
    color: #2f3031;
    margin-bottom: 0.25rem;
}
.news_box1_text .news_nr {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 0.3rem;
    color: #000000;
    line-height: 0.41rem;
    text-align: justify;
 
    text-overflow: ellipsis;
    border-bottom: 0.01rem solid #cfcfcf6e;
    padding-bottom: 0.3rem;
    margin-bottom: 0.25rem;

    /* 针对 p 标签的空行样式 */
    p {
        margin: 0.2rem 0;
        white-space: normal;
        line-height: 0.5rem;
    }
}

.news_box1_text .news_xq{
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 0.25rem;
    color: #fff;
    display: flex;
    align-items: center;

  width:2.13rem;
height: 0.55rem;
    background: #073683;
    border-radius: 0.08rem;
justify-content:center;


    
}
.news_box1_text .news_xq img{
    width: 0.25rem;
    height: 0.25rem;
    margin-left: 0.1rem;
}
.news_box2{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.news_box2_a{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 0.01rem dashed #BFBFBF;
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
}
.news_box2_Left{
    width: 2.6rem;
    height: 1.6rem;
    object-fit: cover;
    border-radius: 0.07rem;
}
.news_box2_right{
    width: 62%;
    display: flex;
    flex-direction: column;
    padding-left: 0.39rem;
}
.news_box2_right div{
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 0.3rem;
    color: #000000;
    line-height: 0.37rem;
    opacity: 0.92;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    margin-bottom: 0.2rem;
}
.news_box2_right span{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.17rem;
    color: #2F2F2F;
    opacity: 0.86;
}
.news_box2_a:last-child{
    border-bottom:none;
}
.news_more{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.24rem;
    color: #073683;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem;
}
.news_more:active,.news_xq:active,.submit_btn:active{
    opacity: 0.5;
}
.news_more img{
    width: 0.39rem;
    height: 0.38rem;
    margin-right: 0.1rem;
}