﻿
/* 轮播图 */
.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(../image/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(../image/a1.png) no-repeat center center;background-size: 44px;}
.about-bot a.a1:hover .pic{background: url(../image/a1h.png) no-repeat center center #16813D;background-size: 44px;}
.about-bot a.a2 .pic{background: url(../image/a2.png) no-repeat center center;background-size: 44px;}
.about-bot a.a2:hover .pic{background: url(../image/a2h.png) no-repeat center center #16813D;background-size: 44px;}
.about-bot a.a3 .pic{background: url(../image/a3.png) no-repeat center center;background-size: 44px;}
.about-bot a.a3:hover .pic{background: url(../image/a3h.png) no-repeat center center #16813D;background-size: 44px;}
.about-bot a.a4 .pic{background: url(../image/a4.png) no-repeat center center;background-size: 44px;}
.about-bot a.a4:hover .pic{background: url(../image/a4h.png) no-repeat center center #16813D;background-size: 44px;}
.aboutr img{display: block;width: 576px;height: 724px;}
.aboutr img.mobileimg{display: none;}

/* 主推产品 产品概括 */
.mainproduct{}
.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{width: 924px;}
.indexpro-body a.a2,.indexpro-body a.a3{width: 448px;}
.indexpro-body a.a5,.indexpro-body a.a6{width: 690px;}
.indexpro-body a.a7,.indexpro-body a.a8,.indexpro-body a.a9{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;}
.indexpro-body a .des{z-index: 9;bottom: -2px;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(../image/arrow_prev.png) no-repeat 0 0;
    background-size: 30px;
}

.slick-next,.slick-next:hover{right: 0;
    background: url(../image/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(../image/dot.png) no-repeat center center;background-size: 16px;}
.slick-dots li.slick-active button{background: url(../image/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: 49%;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(../image/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(../image/arrow1h.png) no-repeat right center;
    background-size: 20px;
}
.newsbody ul li a:hover span{
    color: #16813D;
}





/* 六大优势 */
.join-title{padding-top: 118px;}
.join-title h2{font-size: 42px;text-align: center;font-family: 'SourceHanSansCN-Medium'; margin-bottom: 14px;}
.join-title p{text-align: center;color: #999;font-size: 20px;}
.join-f1b{margin-top: 60px;padding-bottom: 80px;}
.join-f1b .item h2{font-size: 20px;line-height: 30px;margin-bottom: 8px;background-size: 60px!important;padding-top: 75px;}
.join-f1b .item {width: 446px;height: 211px;position: relative;top: 0;border-radius: 4px; padding: 0 66px;box-sizing: border-box; background: #F5F6F8;margin: 0 30px 30px 0;}
.join-f1b .item,.join-f1b .item h2,.join-f1b .item p{transition: all ease-in-out .2s;}
.join-f1b .item p{color: #909399;text-align: center;font-size: 14px;line-height: 1.8em;}
.join-f1b .item:hover{background: #0B9E4D;top: -10px;}
.join-f1b .item:hover h2,.join-f1b .item:hover p{color: #fff;}
.join-f1b .item:nth-child(3n){margin-right: 0;}
.join-f1b .item1 h2{background: url(../image/j1.png) no-repeat center top;}
.join-f1b .item2 h2{background: url(../image/j2.png) no-repeat center top;}
.join-f1b .item3 h2{background: url(../image/j3.png) no-repeat center top;}
.join-f1b .item4 h2{background: url(../image/j4.png) no-repeat center top;}
.join-f1b .item5 h2{background: url(../image/j5.png) no-repeat center top;}
.join-f1b .item6 h2{background: url(../image/j6.png) no-repeat center top;}

.join-f1b .item1:hover h2{background: url(../image/j1h.png) no-repeat center top;}
.join-f1b .item2:hover h2{background: url(../image/j2h.png) no-repeat center top;}
.join-f1b .item3:hover h2{background: url(../image/j3h.png) no-repeat center top;}
.join-f1b .item4:hover h2{background: url(../image/j4h.png) no-repeat center top;}
.join-f1b .item5:hover h2{background: url(../image/j5h.png) no-repeat center top;}
.join-f1b .item6:hover h2{background: url(../image/j6h.png) no-repeat center top;}




/*  财富共赢 */
.join-f2{background: url(../image/bg_join.jpg) no-repeat center top;}
.join-f2i{height: 680px;}
.join-f2i .join-title h2,.join-f2i .join-title p{color: #fff;text-align: center;}
.join-f2b .lia .nums,.join-f2b .lia .p{color: #fff;}
.join-f2i .join-title h2{margin-bottom: 18px;font-family: 'SourceHanSansCN-Medium'; }
.join-f2i .join-title{
  background: url(../image/arowb.png) no-repeat center bottom;
  background-size: 32px;
  padding-bottom: 40px;
  
}
.join-f2i .join-title p{
  color: #E2E2E2;
  letter-spacing: 0.04em;
}
.join-f2b .lia .p{font-size: 20px;}
.join-f2b .lia .nums{font-size: 50px;line-height: 1.7em;font-family: impact;}
.join-f2b .lia{text-align: center;}
.join-f2b{margin-top: 200px;}



/* 合作支持 */
.join-f3b{margin-top: 60px;padding-bottom: 100px;}
.join-f3b .pics img{width: 1140px;display: block;}
.join-f3b .pics img.mobile-hezuo{
  display: none;
}
.join-f3b .tp{font-size: 30px;margin-top: 32px;}
/* 合作流程 */
.flow{background: url(../image/bg_hezuo.jpg) no-repeat center top;
  
}
.flowi{height: 538px;}
.flowb{margin-top: 70px;}
.flowb .item p{color: #fff;font-size: 18px; text-align: center;margin-top: 40px;height: 50px;}
.flowb .item img{width: 83px;height: 83px;}
.flowb .item{width: 164px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.flowb .item .pic{position: relative;}
.flowb .item .pic::after{content: '';position: absolute;left: 83px;width: 94px;top: 50%; height: 1px;border-bottom: 1px dashed rgba(255,255,255,0.7);}
.flowb .item:nth-last-child(1) .pic::after{display: none;}
.flowb .item p.mobilep{
  display: none;
}
