/* 轮播图 */
.index-swp .swiper-wrapper .swiper-slide .mobileimg{
    display: none;
}


/* 公司数据 */

.infolist .num{
    font-size: 50px;
    margin-bottom: 10px;
    position: relative;
}
.infolist .num::after{
    content: " ";
    position: absolute;
    font-size: 32px;
    color: #fff;
    bottom: 4px;
    right: -24px;
    font-weight: normal;
    font-family: sourcehansanscn-normal;

}
.infolist .p.mobiletext{
    display: none;
}
.companyinfo{background: url(/uploads/image/simages/bg_1.jpg) no-repeat center top;margin-bottom: 148px;}
.companyinfo .info{height: 200px;}
.companyinfo .info .line{height: 80px;width: 1px;background: rgba(255,255,255,0.3);}
.companyinfo .info .num,.companyinfo .info .p{color: #fff;}
.companyinfo .info .infolist{
    width: 150px;
}
/* 公司简介 */
.aboutl{width: 742px;padding-top: 62px;}
.aboutl .en{font-size: 30px;margin-bottom: 6px;}

a.common-more{width: 150px;height: 48px;border: 1px solid #e2e2e2;transition: all ease-in-out .2s;}
a.common-more .img2{display: none;}
a.common-more img{width: 20px; display: block;transition: all ease-in-out .2s;}
a.common-more:hover .img2{display: block;}
a.common-more:hover .img1{display: none;}
a.common-more:hover span{color: #fff;}
a.common-more span{margin-right: 6px;
margin-left: 6px;
}
a.common-more:hover{background: #16813d;border: 1px solid #16813d;}
.mb-amore{
    display: none;
}

.about-title .cn .cn-t{font-size: 34px;font-weight: 500;font-family: 'sourcehansanscn-medium';}
.about-title{margin-bottom: 24px;}
.about-des,.about-des p{color: #999;line-height: 34px;letter-spacing: 0.02em;}

.about-des p{margin-bottom: 20px;font-size: 18px;}
.about-des.mobile{
    display: none;
}
.about-bot{margin-top: 58px;}
.about-bot a .pic{width: 82px;height: 82px;transition: all ease-in-out .2s; margin-bottom: 12px; border: 1px solid #e2e2e2;border-radius: 50%;}
.about-bot a:hover .pic{background: #16813d;border: 1px solid #16813d;}
.about-bot a p{text-align: center;}
.about-bot a.a1 .pic{background: url(/uploads/image/simages/a1.png) no-repeat center center;background-size: 44px;}
.about-bot a.a1:hover .pic{background: url(/uploads/image/simages/a1h.png) no-repeat center center #16813d;background-size: 44px;}
.about-bot a.a2 .pic{background: url(/uploads/image/simages/a2.png) no-repeat center center;background-size: 44px;}
.about-bot a.a2:hover .pic{background: url(/uploads/image/simages/a2h.png) no-repeat center center #16813d;background-size: 44px;}
.about-bot a.a3 .pic{background: url(/uploads/image/simages/a3.png) no-repeat center center;background-size: 44px;}
.about-bot a.a3:hover .pic{background: url(/uploads/image/simages/a3h.png) no-repeat center center #16813d;background-size: 44px;}
.about-bot a.a4 .pic{background: url(/uploads/image/simages/a4.png) no-repeat center center;background-size: 44px;}
.about-bot a.a4:hover .pic{background: url(/uploads/image/simages/a4h.png) no-repeat center center #16813d;background-size: 44px;}
.aboutr img{display: block;width: 576px;height: 724px;}
.aboutr img.mobileimg{display: none;}

/* 主推产品 产品概括 */
.mainproduct{background: url(/uploads/image/simages/bg_2.jpg) no-repeat center center;margin-top: 148px;margin-bottom: 120px;}
.mainpro{height: 640px;}
.mainpro .propic{top: -74px;width: 604px;height: 786px;z-index: 13;left: -39px;}
.mainpro .propic img{
    transition: all ease-in-out 1s;
}
.mainpro .propic img:hover{
    transform: scale(1.1);
}
.mainpro .mobilep7{
    display: none;
}

.mainpro .intro .tit,.mainpro .intro p{color: #ffffff;text-shadow: 0px 1px 6px rgba(29, 51, 77, 0.26);}
.mainpro .intro .tit{
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'sourcehansanscn-medium';
    font-weight: 700;
    margin-top: -52px;
}
.mainpro .intro p{font-size: 20px; 
    font-family: 'sourcehansanscn-normal';
    letter-spacing: 0.04em;line-height: 1.8em;}
.mainpro .intro{height: 640px;padding-left: 680px;}

/* 产品中心 */
.indexcommon-tit h2{
    font-size: 42px;position: relative; 
    font-weight: 500;font-family:'sourcehansanscn-medium'; 
    margin-bottom: 16px;
}
.indexcommon-tit {margin-bottom: 40px;}
.indexcommon-tit h3{font-weight: normal;font-size: 20px;line-height: 30px;color: #999;}
.indexcommon-tit a.common-more{right: 0;bottom: 0;}
.indexcommon-tit h2 img.mobilearrow{
    display: none;
}
.indexpro-body a{display: block;position: relative;margin-bottom: 28px; height: 440px;overflow: hidden;}
.indexpro-body a .pic img{display: block;transition: all ease-in-out 1s;}
.indexpro-body a .des h2,.indexpro-body a .des p,.indexpro-body a .des .more{color: #fff;}
.indexpro-body a .des h2{font-size: 32px;height: 47px;line-height: 47px;margin-bottom: 6px;font-weight: 700;}
.indexpro-body a .des p{width:80%;line-height: 27px;height: 27px;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexpro-body a .des .more{border: 1px solid rgba(255, 255, 255, 0.3);width: 134px;height: 44px;line-height: 44px;text-align: center;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5,.indexpro-body a.a8{width: 924px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6,.indexpro-body a.a7{width: 448px;}
.indexpro-body a .pic,.indexpro-body a .pic img{width: 100%;height: 100%;overflow: hidden;}
.indexpro-body a .pic img.mobileimg{
    display: none;
}
.mobile-pro-c{
    display: none;
}

.indexpro-body a .gradient,.indexpro-body a .des{width: 100%;left: 0;bottom: 0;}
.indexpro-body a .gradient{height: 134px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 92.75%);}
.indexpro-body a .des{z-index: 9;bottom: -46px;transition: all ease-in-out .3s;}
.indexpro-body a .gradient{z-index: 7;}
.indexpro-body a .desi{padding-left: 30px;}

.indexpro-body a:hover .pic img{transform: scale(1.1);}
.indexpro-body a:hover .des{bottom: 35px;}

/* 千山美家 */
.index-cases{margin-top: 100px;}
.meijia{padding-bottom: 60px;}
.meijia .slider-nav{margin-top: 40px;}
.index-cases .meijia .slider img.mimg{
    display: none;
}
.meijia .slider-for .slick-list .slick-track .slick-slide img{width: 1440px;height: 584px;display: block;}

.meijia .slider-for .slick-list .slick-track .slick-slide img.mimg{
    display: none;
}

.slider-nav .slick-list .slick-track .slitem {display: flex!important;}
.slider-nav .slick-list .slick-track .slitem .pic img{width: 48px;height: 48px;display: block;}
.slider-nav .slick-list .slick-track .slitem .h3-a{ color: #999999;line-height: 31px;}
.slider-nav .slick-list .slick-track .slitem .pic img.img1{display: block;}
.slider-nav .slick-list .slick-track .slitem .pic img.img2{display: none;}
.slider-nav .slick-list .slick-track .slitem.slick-current .h3-a{color: #16813d;}
.slider-nav .slick-list .slick-track .slitem.slick-current .pic img.img2{display: block;}
.slider-nav .slick-list .slick-track .slitem.slick-current .pic img.img1{display: none;}
.slider-nav .slick-list .slick-track .slitem {cursor: pointer;outline: none;}
.slider-nav .slick-list .slick-track .slitem:active,
.slider-nav .slick-list .slick-track .slitem:focus
{
    outline: none;
}

.slick-prev, .slick-next{z-index: 90;width: 30px;height: 80px;}
.slick-prev,.slick-prev:hover{left: 0;
    background: url(/uploads/image/simages/arrow_prev.png) no-repeat 0 0;
    background-size: 30px;
}

.slick-next,.slick-next:hover{right: 0;
    background: url(/uploads/image/simages/arrow_next.png) no-repeat 0 0;
    background-size: 30px;
}
.slick-prev::before, .slick-next::before{
    display: none;
}


.slick-dots{bottom: 20px;}

.slick-dots li button{background: url(/uploads/image/simages/dot.png) no-repeat center center;background-size: 16px;}
.slick-dots li.slick-active button{background: url(/uploads/image/simages/dothover.png) no-repeat center center;background-size: 16px;}
.slick-dots li button::before{display: none;}
.index-cases .meijia .indexcommon-tit a.common-more{
    display: none;
  }






/* 首页新闻中心 */
.index-news{background: #f5f6f8;padding-top: 100px;padding-bottom: 120px;}
.newsbody{margin-bottom: 50px;}
.newsbody .a{display: block;position: relative;border-radius: 0 0 2px 2px; top: 0; transition: all ease-in-out .2s; background: #fff;width: 32%;margin-right: 28px;}
.newsbody .a .pic{width: 100%;height: 282px;overflow: hidden;}
.newsbody .a .pic img{display: block;object-fit: cover;border-radius: 2px 2px 0 0; transition: all ease-in-out 1s; width: 100%;height: 100%;}
.newsbody .a .des{padding: 20px 20px 28px;}
.newsbody .a .des .date img{width: 16px;height: 16px;}
.newsbody .a .des .date{margin-bottom: 12px;}
.newsbody .a .des .date span{font-size: 14px;color: #999;}
.newsbody .a .des .date .span{margin-right: 26px;}
.newsbody .a .des .date .span img{margin-right: 6px;}
.newsbody .a .des h2{font-size: 20px;font-weight: normal;
    transition: all ease-in-out;
    margin-bottom: 12px; line-height: 30px;height: 60px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newsbody .a .des p{color: #999;height: 21px;font-size: 16px; line-height: 21px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.newsbody .a:nth-child(3n){margin-right: 0;}
.newsbody .a:hover .pic img{transform: scale(1.1);}
.newsbody .a:hover{top: -10px;box-shadow: 0 4px 30px #ddd;}
.newsbody .a a:hover .des h2{
    color: #16813d;
}
.newsbody .a .mobile-index-news{
    display: none;
}
.newsbot a{display: block;transition: all ease-in-out .2s;margin: 0 10px; width: 186px;height: 48px;text-align: center;line-height: 48px;border: 1px solid #e2e2e2;}
.newsbot a:hover{color: #16813d;border: 1px solid #16813d;}
.newsbody ul li{
    border-top: 1px solid #f6f6f6;
}
.newsbody ul li a{
    margin: 0 26px 0 30px;
    display: block;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(/uploads/image/simages/arrow1.png) no-repeat right center;
    background-size: 20px;
}
.newsbody ul li a span{
    color: #606266;
    font-size: 16px;
    transition: all ease-in-out .2s;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsbody ul li a:hover{
    
    background: url(/uploads/image/simages/arrow1h.png) no-repeat right center;
    background-size: 20px;
}
.newsbody ul li a:hover span{
    color: #16813d;
}