/*Created by SongXue on 2018/12/6.*/

/*---------------------------------------------------------首页--------------------------------------------------------*/
/*---------------banner----------------*/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none!important;}
#banner{height:6.44rem;width:100%;}
.bannerB{max-width:1200px;margin:-.4rem auto 1.42rem;font-size: 0;position: relative;z-index: 9}
.bannerB .productSpan{width: 24%;margin: 0 .5%;display:inline-block;height:.8rem;border:.01rem solid #2784c4;background-color: #fff;padding-left: .6rem;line-height: .78rem;border-radius: .4rem;color:#2784c4;font-size: .2rem;text-align: left;position: relative;cursor: pointer;}
.bannerB .productSpan>i{font-size: .36rem;position: absolute;left:.22rem;top:0;}
.bannerB .productSpan:nth-child(3) i{font-size: .58rem;left:.1rem;}
.bannerB .productSpan>span{display: inline-block;display: inline-block; vertical-align: top; white-space: nowrap; width: 170px; overflow: hidden; text-overflow: ellipsis;text-align: center;}
.bannerB .productSpan>a{font-size: .3rem;position: absolute;right:.22rem;color:#2784c4;}
.bannerB .productSpan:hover,.bannerB .on{background-color: #2784c4;color:#fff;}
.bannerB .productSpan:hover>a,.bannerB .on>a{color:#fff;}











#banner .swiper-slide{background-position:center top;background-size: cover;text-align: center;}
#banner .swiper-button-prev,#banner .swiper-button-next{width:.48rem;height:.88rem;text-align: center;line-height: .88rem;color:#fff;background-color: rgba(0,0,0,.1);margin-top: -.44rem;}
#banner .swiper-button-prev>i,#banner .swiper-button-next>i{font-size: .28rem;}
#banner h1{font-size: .48rem;font-weight: bold;margin-top: 1.62rem;}
#banner h2{font-size: .22rem;font-weight: bold;}
#banner .xian{width:5.34rem;margin:.18rem auto 0;background-color: #666;height:.01rem;position: relative;}
#banner .xian>span{display: inline-block;width:1.25rem;height:.06rem;position: absolute;left:50%;margin-left: -.62rem;top:-.03rem;}
#banner .text{min-height: .82rem;background-color: rgba(255,255,255,.7);border-radius:.41rem;margin: .28rem 0 .16rem;padding-top: .1rem;padding-bottom: .1rem;}
#banner .text>p{width:74%;margin: auto;font-size: .16rem;line-height: .27rem;text-align: left;}
#banner .more{display: inline-block;width:1.55rem;height:.44rem;font-size: .16rem;line-height: .44rem;border-radius: .22rem;}


/*---------关于美丽华-----------*/
.meiLiBanner{padding-bottom: .66rem;}
.meiLiBannerCont{display: block;}
.wap_meiLiBannerCont{display: none;}
.meiLiBannerCont .swiper-container{ overflow: hidden;}
.banner_fl{width: 64.5%;}
.banner_fr{width: 35.5%; background: #FFF;}
.meiLiBannerCont .swiper-slide{width: 90%; background: #FFF;}
.meiLiBannerCont_right{}
.meiLiBannerCont .iconfont{font-size: .3rem; color: #FFF;}
.banner_fr_cont{width: 80%; margin: 0 auto; padding-top: .8rem;}
.banner_title{font-size: .28rem; color: #2783C3; z-index: 99; font-weight: bold; text-align: center; position: relative;}
.banner_content{font-size: .14rem; margin-top: .35rem;}
.banner_but button{ width: 1.29rem; height: .35rem; background: #FFF; font-size: .14rem; margin-top: .35rem; border-radius: .5rem; border: solid 1px #2783C3; color: #2783C3;}
.banner_yh{z-index: -1; display: block; position: absolute;top: 0; }
.banner_yh_x{right: 0; }
.banner_yh_s{left: 0;}
/*----------热销产品----------*/
.sellWellBox{padding-top: .8rem;}
.sellWell>div{height:2.78rem;}
.sellWell>div .swiper-slide{ background-position: center; background-size: 100%; background-repeat: no-repeat; color: #fff; box-sizing: border-box; border: .01rem solid #e1e1e1;}
.sellWell>div h2{font-size: .16rem;text-align: center;}
.sellWell>div p{font-size: .14rem;}
.sellWell>div .xian{height:.02rem;width:.68rem;background-color: #fff;margin:.22rem auto;}
.sellWell>div .more{text-align: center;margin-top: .2rem;}
.sellWell>div .more>a{display: inline-block;width:.92rem;height:.3rem;font-size: .13rem;line-height: .3rem;border-radius: .15rem;border:.01rem solid #fff;color:#fff;}
.sellWell>div .swiper-slide>.sellWellDes{width:100%;box-sizing: border-box;padding:0 .15rem;background-color: rgba(39,132,196,.7);height:100%;position: absolute;left:0;bottom:-100%;transition: all .3s;}
.sellWell>div .sellWellDes>div{display: table;_position:relative;height:100%;width:100%;}
.sellWell>div .sellWellDes>div>div{display: table-cell;_position:absolute;vertical-align: middle;_top:50%;}
.sellWell>div .sellWellDes>div>div>div{_position:relative;_top:-50%;}
.sellWell>div .sellWellTitle{position: absolute;left:0;bottom:0;width:100%;text-align: center;padding:.1rem 0;font-size: .14rem;transition: all .3s;}
.sellWell>div .swiper-slide:hover>.sellWellDes{bottom:0;}
.sellWell>div .swiper-slide:hover>.sellWellTitle{bottom:-100%;}
.sellWell{padding-top:.62rem;padding-bottom: 1.44rem;}
.sellWell>div .swiper-button-prev,.sellWell>div .swiper-button-next{width:.26rem;height:.46rem;background-color: rgba(0,0,0,.3);color:#fff;text-align: center;line-height: .46rem;}
.sellWell>div .swiper-button-prev:hover,.sellWell>div .swiper-button-next:hover{background-color: rgba(39,132,196,1)}
.sellWell>div .swiper-button-prev>i,.sellWell>div .swiper-button-next>i{font-size: .18rem;}
.sellWell>div .swiper-button-prev{left:0;}
.sellWell>div .swiper-button-next{right:0;}
/*----------客户案例----------*/
.indexCase{padding-top: .05rem;padding-bottom: .68rem;}
.indexCase>div{float: left;box-shadow: 0px 0px 0px .01rem #e1e1e1;}
.indexCase>div:first-child{width:6.33rem;}
.indexCase>div:last-child{width:5.67rem;}
.indexCaseL>div{font-size: 0;}
.indexCaseL>div:first-child{border-bottom: .01rem solid #e1e1e1;}
.indexCaseL>div>div{height:2.72rem;}
.indexCaseL>div:first-child>div{float: left;}
.indexCaseL>div:last-child>div{float: right;}

.indexCaseLImg{width:63.8%;background-position: left top;background-size: cover;}
.indexCaseLText{width:36.2%;background-color: #fff;padding-left: .3rem;padding-right: .3rem;}
.indexCase h2{font-size: .18rem;font-weight: bold;}
.indexCase p{font-size: .14rem;}
.indexCaseLText h2{color:#333;margin-bottom: .1rem;}
.indexCaseText>div{width:100%;height:100%;display: table;_position:relative;}
.indexCaseText>div>div{display: table-cell;_position:absolute;top:-50%;vertical-align: middle;}
.indexCaseText>div>div>div{_position:relative;_top:-50%;}
.indexCaseF{font-size: 0;}
.indexCaseF>div{display: inline-block;vertical-align: top;}
.indexCaseF>div:first-child{width:57.8%;}
.indexCaseF>div:last-child{width:42.2%;}
.indexCaseFImg{height:3rem;background-position: left top;background-size: cover;}
.indexCaseFText{padding-right: .48rem;padding-left: .48rem;height:2.45rem;background-color: #fff;}
.indexCaseF h2{text-align: center;}
.indexCaseFText h2{margin-bottom: .38rem;color:#333;}
.indexCaseFImg1{height:5.45rem;background-position: left top;background-size: cover;color:#fff;}
.indexCaseFImg1>div{background-color: rgba(39,132,196,.6);height:100%;padding-left: .52rem;padding-right: .52rem;}
.indexCaseFImg1 h2{margin-bottom: .18rem;}
.indexCaseFImg1 a{display: block;width:1.22rem;height:.35rem;border:.01rem solid #e1e1e1;border-radius: .17rem;text-align: center;line-height: .32rem;margin:.2rem auto 0;color:#fff;font-size: .14rem;}


/*----------合作伙伴----------*/
.Partner{padding-top: .74rem;}
.Partner>.w1200{background: url(../img/partnerBg.jpg) no-repeat center bottom;background-size: 100%;}
.PartnerDiv{padding-top:.76rem;padding-bottom: 2.16rem;}
.PartnerDiv li{float: left;width:16.66%;height:1rem;box-shadow: 0px 0px 0px .01rem #e1e1e1;background-position: center;background-size: 100%;transition: all .1s; position: relative;}
.PartnerDiv li:hover{height:1rem;box-shadow: 0px 0px 0px .02rem #9dcff1;background-size: 110%;z-index: 2}

/*----------行业洞察---------*/
.Insight{font-size: 0;padding-bottom: .5rem;margin-top: -.15rem;}
.Insight>.tag_content{width:52.5%;padding-left:.12rem;padding-right: .2rem;display: inline-block;vertical-align: top;}
.Insight>.tag_ul{width:47.5%;padding-left:.08rem;display: inline-block;vertical-align: top;}
.InsightIt{position: relative;}
.InsightIt>.InsightTime{position: absolute;width:1.09rem;height:.5rem;left:-.12rem;top:.26rem;background: url(../img/timeLabel.png) no-repeat center;background-size: 100%;font-size: .18rem;font-weight: bold;color:#fff;text-align: center;line-height: .42rem;}
.InsightImg{height:3.3rem;overflow: hidden;background-color: #fff}
.InsightImg>img{min-width:100%;min-height: 3.3rem;}
.InsightIt>.InsightText{border-bottom: .01rem solid #e1e1e1;border-right: .01rem solid #e1e1e1;border-left: .01rem solid #e1e1e1;min-height: 1.8rem;padding:.28rem;}
.InsightIt>.InsightText>h2{font-size: .22rem;color:#333;font-weight: bold;}
.InsightIt>.InsightText>h2>a{color:#333;}
.InsightIt>.InsightText>.xian{font-size: .22rem;color:#333;width:.45rem;height:.04rem;margin: .12rem 0 .16rem;}
.InsightIt>.InsightText>p{font-size: .14rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.Insight>.tag_ul>li{min-height:1.29rem;padding-top: .2rem ;padding-bottom: .2rem;cursor: pointer;}
.Insight>.tag_ul>li>div{float: left;}
.Insight>.tag_ul>li>div:first-child{width:19.2%;padding-left: .2rem;font-size: .24rem;}
.Insight>.tag_ul>li>div:last-child{width:80.8%;padding-right: .2rem;}
.Insight>.tag_ul>li>div:first-child>span{display:block;width:.42rem;height:.02rem;background-color: #e1e1e1;margin-top: .2rem;}
.Insight>.tag_ul>li h2{font-size: .22rem;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.Insight>.tag_ul>li h2>a{color:#555;}
.Insight>.tag_ul>li p{font-size: .14rem;margin-top: .2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Insight .InsightIt{display: none;}
.Insight>.tag_content>.active{display: inline-block;}
.Insight>.tag_ul>.active,.Insight>.tag_ul li:hover{background-color: #fff;box-shadow: 0px 0px 0px .01rem #2784c4;}
.Insight>.tag_ul>.active a{color:#2784c4;}




@media screen and (min-width: 1200px){
    #banner .swiper-pagination-customs{width:2.9rem;margin: 0 .06rem;}
}
@media screen and (max-width: 1200px) and (min-width: 750px){
    #banner .swiper-pagination-customs{width:24%;margin: 0 .05%;}

}
@media screen and (max-width: 750px){
    #banner .swiper-button-prev,#banner .swiper-button-next{display: none;}
    #banner h1{margin-top: 1.5rem; font-size: .4rem;}
    #banner .text{border-radius: 0;width: 90%; margin-left: 5%;}
    .indexTitle{font-size: .4rem;}
    .bannerB .productSpan>span{width:70%;}
    #banner .text>p{width: 100%; padding: 0 .4rem; font-size: .23rem; line-height: .35rem;}
    .bannerB{margin-top:-.85rem }
    .bannerB .productSpan{width:44%;margin: 0 2% .1rem;font-size: .28rem;padding-left: .8rem}
    .bannerB .productSpan:nth-child(3)>i{font-size: .68rem;}
    .bannerB .productSpan i{font-size: .5rem;}
    .bannerB .productSpan>a{font-size: .48rem;}

   /*---------------关于美丽华---------------*/
    .meiLiBannerCont{display:none ;}
    .wap_meiLiBannerCont{display: block;}
    .sales_li{margin-bottom: .2rem;}
    .banner_fl{width: 100%;}
    .banner_fr{width:100%;}
    .meiLiBannerCont .iconfont{font-size: .3rem;}
    .banner_title{font-size: .32rem;}
    .banner_content{font-size: .28rem; }
    .banner_but{text-align: center;padding-bottom: .3rem;}
    .banner_but button{ width: 1.8rem; height: .5rem;font-size: .28rem; border-radius: .5rem; }




    /*---------------热销产品--------------*/

    .sellWell>div{height:4.5rem;}
    /*.sellWell>div .swiper-slide>.sellWellDes{box-sizing:border-box;padding:0 .1rem;}*/
    .sellWell>div .xian{margin:.12rem auto;}
    .sellWell>div .more{text-align: center;margin-top: .1rem;}
    .sellWell>div h2{font-size: .3rem;text-align: center;}
    .sellWell>div p{font-size: .28rem;padding:0 .3rem;}
    .sellWell>div .more>a{width:1.5rem;height:.45rem;font-size: .26rem;line-height: .45rem;border-radius: .22rem;}
    .sellWell>div .sellWellTitle{font-size: .28rem;width:100%;}
    .sellWell>div .swiper-button-prev>i,.sellWell>div .swiper-button-next>i{font-size: .32rem;}
    .sellWell>div .swiper-button-prev,.sellWell>div .swiper-button-next{display: none;}
    .PartnerDiv li{width:33.33%}


    /*---------------客户案例-----------*/
    .indexCase>div:first-child{width:100%;}
    .indexCase>div:last-child{width:100%;}
    .indexCaseFText{padding:.2rem .3rem;min-height: 2.45rem;height: auto;}
    .indexCaseFText h2{margin-bottom: .1rem;}
    .indexCaseFImg1>div{padding-left:.3rem;padding-right: .3rem;}
    .indexCaseF>div:first-child{width:100%;}
    .indexCaseF>div:last-child{width:100%;}
    .indexCaseFImg,.indexCaseL>div>.indexCaseLImg{height:4.8rem;}
    .indexCaseL>div:first-child>div{float: none;}
    .indexCaseL>div:last-child>div{float: none;}
    .indexCaseLImg{width:100%;}
    .indexCaseLText{width:100%;padding:.2rem .3rem;min-height: 2.45rem;height:auto;}
    .indexCase h2{font-size: .32rem;text-align: center;}
    .indexCase p{font-size: .28rem;}
    .indexCaseFImg1{height:5.45rem;}
    .indexCaseFImg1 a{width:1.8rem;height:.5rem;line-height: .5rem;font-size: .28rem;border-radius: .25rem;}


    /*----------行业洞察---------*/
    .Insight>.tag_content{width:100%;margin-bottom: .2rem;}
    .Insight>.tag_ul{width:100%;padding:0 .2rem 0 .12rem;}
    .InsightIt>.InsightTime{font-size: .3rem;line-height: .42rem;}
    .InsightImg{height:auto;}
    .InsightImg>img{min-height: 0px}
    .InsightIt>.InsightText>h2{font-size: .32rem;}
    .InsightIt>.InsightText>.xian{width:.8rem;height:.05rem;}
    .InsightIt>.InsightText>p{font-size: .28rem;}
    .Insight>.tag_ul>li>div:first-child{font-size: .34rem;}
    .Insight>.tag_ul>li>div:first-child>span{width:.6rem;height:.04rem;}
    .Insight>.tag_ul>li h2{font-size: .32rem;}
    .Insight>.tag_ul>li p{font-size: .28rem}
}