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




/*-------------------------------------Ӧ�ð���-------------------------------------------*/
.applicationCase{padding:.18rem 0 .3rem;}
.applicationCase>ul{margin: 0 -.1rem;}
.applicationCase>ul>li{margin-top: .6rem;padding:0 .1rem;float: left;width:33.33%;}
.applicationCase>ul>li>a{display: block;border:1px solid #e1e1e1;background-color: #fff;min-height: 4.3rem;position: relative;}
.applicationCase .allCaseImg{height:2.5rem;overflow: hidden;}
.applicationCase .allCaseImg>img{min-height:2.5rem;}
.applicationCase h2{font-size: .18rem;font-weight: bold;color:#333;padding-left: .28rem;line-height: .56rem;border-bottom: .01rem dashed #e1e1e1;}
.applicationCase .appCaseText{padding:.2rem .28rem;min-height: 1.12rem;}
.applicationCase .appCaseText>p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.applicationCase .xian{display: block;width:100%;height:.04rem;position: absolute;left:0;bottom:0;opacity: 0;transition: all .1s;}
.applicationCase>ul>li:hover>a{box-shadow: 1px 1px .2rem 0px #e1e1e1;}
.applicationCase>ul>li:hover .xian{opacity: 1;}
.applicationCase>ul>li:hover h2{color:#2784c4;}

/*----------------------------------------productList------------------------------------------------*/
.productList{margin: -.3rem -.1rem 0;}
.productList>li{padding:0 .1rem;margin-top: .3rem;width:33.33%;float: left;}
.productList>li>a{display: block;background-color: #fff;border:.01rem solid #e1e1e1;text-align: center;}
.productListImg{height:2.62rem;padding-top: 1px;text-align: center;line-height: 2.62rem;overflow: hidden;box-sizing: border-box;}
.productListImg>img{max-width: 100%;max-height: 2.62rem;}
.productList .xian{display: inline-block;width:2.18rem;border-bottom: .01rem solid #e1e1e1;}
.productListT{height:.76rem;padding-top: .14rem;}
.productListT>span{display:inline-block;min-width:.54rem;height:.13rem;border:.01rem solid #666;border-radius: .06rem;line-height: .12rem;}
.productListT>h2{font-size: .16rem;margin-bottom: .12rem;}
.productListT>span>i{font-size: .28rem;}
.productList>li>a:hover {box-shadow: .04rem .04rem .2rem 0px #e1e1e1;}
.productList>li>a:hover h2{color:#2784c4;font-weight: bold;}
.productList>li>a:hover .productListT>span{background-color:#2784c4;border-color: #2784c4;color:#fff;}

/*----------------------------------------productDes----------------------------------------*/
.productDes{background-color: #fff;border:.01rem solid #e1e1e1;}
.productDes_top{padding:.32rem .3rem .46rem;font-size: 0;}
.productDes_top>div{display: inline-block;vertical-align: top;}
.productDes_topI{width:3.1rem;border:.01rem solid #e1e1e1;height:3.1rem;text-align: center;line-height: 3.1rem;box-sizing: border-box;}
.productDes_topI>img{max-width: 100%;max-height: 100%;}
.productDes_topText{width:5.6rem;padding-left: .26rem;margin-top: -.06rem;}
.productDes_topText>h1{font-size: .22rem;color:#333;}
.productDes_topText>.productNumber{font-size: .16rem;padding-bottom: .1rem;border-bottom: .01rem dashed #e1e1e1;width:5rem;padding-top: .05rem;margin-bottom: .14rem;}
.productDes_topText>.productNumber>span{font-weight: bold;color:#2784c4;}
.productDes_topText>div>p{font-size: .15rem;margin: .08rem 0;}
.productDes_topText>div>div{color:#333;font-size: .15rem;}
.productDes_topText>div>div span.blueDian{color:#2784c4;margin-right: .05rem;}
.productDes_topText>div>div>span{margin-right: .24rem;}
.productDes_topText>a{display: inline-block;width:1.56rem;height:.36rem;border-radius: .02rem;font-size: .16rem;text-align: center;line-height: .36rem;margin-top: .2rem;}

.productTag{border-bottom: .02rem solid #2784c4;padding:0 .3rem;font-size: 0;}
.productTag>li{display: inline-block;cursor: pointer;width:1.5rem;height:.38rem;text-align: center;line-height: .38rem;background-color: #eaeaea;font-size: .15rem;border-top-right-radius: .19rem;border-top-left-radius: .19rem;margin-right: .02rem;}
.productTag>li.on{background-color: #2784c4;color:#fff;}
.productTagCon{padding:.08rem .3rem .46rem;}
.productTagCon>div{padding-left: .18rem;padding-right: .18rem;display: none;}
.productTagCon>div.on{display: block;}
.productTagConTitle{line-height: .76rem;color:#333;font-size: .18rem;text-align: center;border-bottom: .01rem dashed #e1e1e1;}
.productTagConText>div{margin-top: .26rem;font-size: .14rem;}
.productColor{display: inline-block;margin-right: .5rem;min-width: .8rem;}
.downD{margin-top: .34rem;}
.downD>div{border:0.01rem dashed #e1e1e1;background-color: #f9fdff;line-height: .78rem;margin-top: .14rem;padding:0 .24rem;}
.downD>div>span{display: inline-block;margin:0 .24rem;font-size: .14rem;}
.downD>div>span>img{width:.2rem;display: inline-block;vertical-align: middle}
.downD>span{font-size: .16rem;}
.downD a{color:#333;display: inline-block;vertical-align: middle}
.downD a:hover{color:#2784c4;text-decoration: underline;}







@media screen and (min-width: 751px){
    .productListP{padding-left: .46rem;}
}

@media screen and (max-width: 750px){
    /*-------------------------------------Ӧ�ð���-------------------------------------------*/
    .applicationCase>ul>li{width:50%;margin-top: .4rem;}
    .productList>li{width:50%;}
    .productListT{padding-bottom: .14rem;height:auto;min-height: .9rem;}
    .productDes_top{text-align: center;}
    .productDes_topText{width:100%;padding-left: 0;margin-top: .3rem;text-align: left;}
    .productTag>li{width:33%;height:.6rem;line-height: .6rem;font-size: .29rem;}
    .downD>div{padding:0;}
    .applicationCase h2{font-size: .3rem;}
    .applicationCase .appCaseText>p{font-size: .28rem;}
    /*----------------------------------------productList------------------------------------------------*/
    .productListT>h2{font-size: .3rem;}
    .productListT>span>i{font-size: .46rem;}
    .productListT>span{height:.15rem;line-height: .14rem;min-width: .7rem;}

    /*----------------------------------------productDes----------------------------------------*/
    .productDes_topText>h1{font-size: .34rem;}
    .productDes_topText>.productNumber{font-size: .3rem;}
    .productDes_topText>div>p{font-size: .29rem;}
    .productDes_topText>div>div,.productTag>li{font-size: .28rem;}
    .productDes_topText>a{width:100%;height:.6rem;line-height: .6rem;font-size: .28rem;}
    .productTagConTitle{font-size: .3rem;}
    .productTagConText>div{font-size: .28rem}
    .downD>div>span{font-size: .28rem;}
    .downD>span{font-size: .3rem;}
    .downD>div>span>img{width:.34rem;}







}