@font-face{
    font-family: PingFangSC-Thin;
    src: url('../Pingfangf.ttf');
}
@font-face{
    font-family: PingFangSC-Medium;
    src: url('../PingFang Medium.ttf');
}

/*电脑端*/
@media only screen and (min-width:1024px)and (max-width:2580px){

    /*字体大小*/
    .titleDe1{
        font-family: PingFangSC-Thin, sans-serif;
        font-size: 40px;
        font-weight: 300;
        line-height: 50px;
        color: black;
    }
    .textDE1{
        font-family:PingFangSC-Medium, sans-serif;
        font-size: 16px;
        color: #8c8c8c;
        margin-top: 2.5%;
        line-height: 27px;
    }
    /*最大的字*/
    .maxfont{
        font-size: 100px;
        font-weight: 300;
    }
    .shadowCase{
        margin-left: -1px;
        margin-top: -1px;
    }

    /*  案例一*/
    /* 大图上有字*/
    .textImgN{
        width: 100%;
        position: relative;
    }
    .marginTops{
        margin-top: 11%;
    }
    /*图上的字 案例一*/
    .textDetail1TextImg{
        width: 100%;
        text-align:center;
        margin-top: 24.5%;
        margin-left: 0;
        padding-left:32%;
        padding-right: 32%;
        position:absolute;
    }
    /*  案例2*/
    .textDetail2TextImg{
        width: 100%;
        text-align:center;
        margin-top: 7.5%;
        margin-left: 0;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;
    }
    /*案例三*/
    .textDetail1TextImg2{
        width: 100%;
        text-align:center;
        margin-top: 24.5%;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;
    }
    .textDetail1TextImg3{
        width: 100%;
        text-align:center;
        margin-top: 10%;
        margin-left: 0;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;
    }
    .textDetail3TextImg4{
        width:56%;
        text-align:left;
        margin-top: 13%;
        margin-left: 0;
        padding-left:9%;
        padding-right: 7.8%;
        position:absolute;
    }
    .textDetail2TextImg5{
        width: 100%;
        text-align:center;
        margin-top: 8%;
        margin-left: 0;
        padding-left:9%;
        padding-right: 7.8%;
        position:absolute;
    }
    .Detail3bottomText{
        width:100%;
        text-align: center;
    }

    /*案例四*/
    .textDetail4TextImg6{
        width: 100%;
        text-align:center;
        margin-top: 6%;
        margin-left: 0;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;
    }

    /*案例5*/
    .textDetail5TextImg1{
        text-align:center;
        padding-top: 10%;
        margin-left: 25%;
        margin-right: 25%;
        position:absolute;
    }
    /* 案例6*/
    .textDetail6TextImg{
       /* width:38%;*/
        text-align:left;
        padding-top: 10%;
        padding-left:3%;
        padding-right: 1%;
        position:absolute;
        margin-left: 55%;
    }
    .textDetail6TextImg1{
        text-align:left;
        padding-top: 18.5%;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;
        margin-left: 61%;
    }
    .textDetail6TextImg2{
        width:38%;
        text-align:left;
        padding-top: 25.5%;
        padding-left:7.8%;
        padding-right: 7.5%;
        position:absolute;
        margin-left: 3%;
    }
    .textDetail6TextImg3{
        text-align:left;
        padding-top: 21.5%;
        padding-right: 7.8%;
        position:absolute;
        margin-left: 61%
    }
    .paddingRight6{
        padding-right: 15%;
    }
    /* 案例7*/
    .Detail6bottomText{
        width:100%;
        text-align: center;
        margin-top: 4%;
        padding-left:  13.2%;
        padding-right:  13.2%;
    }
    .textDetail7TextImg{
        width:43%;
        text-align:left;
        padding-top: 23%;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;
        margin-left: 55%;
    }
    .detail1TopCaseI{
        width: 100%;
        height: 100%;
        padding-bottom: 19%;
        position: relative;
        text-align: center;
        background-color: #f1f1f1;
    }
    .detail1TopCaseI img{
        width: 40%;
        margin-top: 14%;
        margin-left: 4%;
    }


    /*案例8*/

    .Detail8bottomText{
        width:100%;
        text-align: center;
    }
    .textDetail8TextImg{
        width:100%;
        text-align:center;
        padding-top: 31%;
        padding-left:7.8%;
        padding-right: 7.8%;
        position:absolute;

    }
    .textDetail8TextImg1{
        position:absolute;
        width:100%;
        text-align:center;
        margin-top:12%;
        margin-left: 0;
    }
    .detail8Text2{
        width: 100%;
        background-color: #000000;
        text-align:center;
        margin-top: -1px;
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .paddingLeRMore{
        padding-left: 25%;
        padding-right: 25%;
    }
    /*案例9*/
    .Detail9bottomText{
        width:100%;
        text-align: center;
    }
    .Detail9bottomText1{
        padding-left: 14%;
        padding-right:14%;
    }
    /*案例10*/
    .Detail10bottomText{
        width:100%;
        text-align: center;
    }
    .Detail10bottomText1{
        width:100%;
        text-align: center;
    }
    .textDetail10TextImg{
        width: 100%;
        text-align:center;
        padding-top: 16%;
        position:absolute;
    }
    .topMenu{
        width: 100%;
        height: 100%;
    }

    .topList{
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        padding-top: 3%;
        padding-bottom: 2%;
        background: black;
        opacity: 0.8;
        padding-left: 0;
        margin: 0 auto;
    }

    .topList li{
        display: inline-block;
        margin-right:3.5%;
        padding-bottom: 5px;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        font-family: PingFangSC-Thin, sans-serif;
        font-size: 20px;
        font-weight: 200;
    }
    .topList li:first-child{
        margin-left:4.2%;
    }
    .topList li a{
        color: white;
        text-decoration: none;
    }
    .caseImgsW{
        margin-left: -1px;
        margin-top: -1px;
        width: 33.38%;
        cursor: pointer;
    }
    /*div相对于父元素垂直居中*/
    .middleImg{
        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
    }
    .bgcolorCase2{
        background-color: #f7f7f7;
    }

    .marginContentTop{
        margin-top: 9%;
    }
    .marginContentTop10{
        margin-top: 12%;
    }
    /*案例8*/
    .textdetail8Black{
        width: 50%;
        color: white;
        margin-left: 25%;
        margin-right: 25%;
    }

    /*最后一个字跟图连着*/
    .detail2TextDN{
        width: 100%;
        background-color: #000000;
        color: white;
        margin-top: -20px;
        padding-top: 4%;
        padding-bottom: 13%;
        line-height: 30px;
    }
    .textCenter{
        text-align: left;
    }
    .paddingLeRMoresss18{
        padding-left: 16%;
        padding-right: 8%;
    }
    .paddingLeRMoresss18N{
        padding-left: 8%;
        padding-right: 9%;
    }

   /* 案例17*/
    .computerText{
        padding-top: 12%;
    }
    .paddingLeRMore1{
        padding-left: 21%;
        padding-right: 21%;
    }
    .paddingLeRMoresss181{
        padding-left: 12%;
        padding-right: 8.3%;
    }
    .paddingLeRMoresss182{
        padding-left: 15%;
        padding-right: 13.5%;
    }
    .paddingLeRMoresss183{
        padding-left: 2%;
        padding-right:3%;
    }



}
/*手机端*/
@media only screen and (min-width:240px)and (max-width:1024px){
    .titleDe1{
        font-family: PingFangSC-Thin, sans-serif;
        font-size: 23px;
        font-weight: 300;
        /*line-height: 30px;*/
        color: black;
    }
    .textDE1{
        font-family:  PingFangSC-Medium, sans-serif;
        font-size: 14px;
        font-weight: 100;
        color: #8c8c8c;
        margin-top: 2.5%;
    }
    .paddingLeRMore{
        padding-left: 7.8%;
        padding-right:7.8%;
    }
    /*最大的字*/
    .maxfont{
        font-size: 60px;
        font-weight: 300;
    }

    /*  案例一*/
    /*大图上的字在手机端上移开*/
    .textImgN{
        width: 100%;
        position: relative;
    }
    .textDetail1TextImg{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 1%;
        padding-bottom: 1%;
        background-color: #eeeeee;
    }

    /*案例2*/
    .textDetail2TextImg{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 1%;
        padding-bottom: 1%;
        background-color: #000000;
    }
    /*案例三*/
    .textDetail1TextImg2{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom:5%;
        background-color: #000000;
    }
    .fontChange{
        color: #000000;
    }
    .textDetail1TextImg3{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: white;
        color: #000000;
    }
    .textDetail3TextImg4{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #000000;
    }
    .textDetail2TextImg5{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #4477d3;
        margin-bottom: -2px;
    }
    .Detail3bottomText{
        width:100%;
        text-align: center;
    }
    /*案例四*/
    .textDetail4TextImg6{
        width: 100%;
        text-align:center;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 10%;
        padding-bottom: 1%;
        background-color: white;
        color: #000000;
    }
    /*案例5*/
    .textDetail5TextImg1{
        text-align:center;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 10%;
        padding-bottom: 1%;
        background-color: white;
        color: #000000;
    }
    /*案例6*/
    .textDetail6TextImg{
        width: 100%;
        text-align:left;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: white;
        color: #000000;
    }
    .textDetail6TextImg1{
        width: 100%;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #2c45a2;
        margin-bottom: -2px;
    }
    .textDetail6TextImg2{
        width: 100%;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #1a54bd;
    }
    .textDetail6TextImg3{
        width: 100%;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #2b5295;
    }
    /*案例7*/

    .Detail6bottomText{
        width:100%;
        text-align: center;
        margin-top: 4%;
    }

    .textDetail7TextImg{
        width: 100%;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #000000;
    }
    .detail1TopCaseI{
        width: 100%;
        height: 100%;
       /* padding-bottom: 19%;
        background-image: url('../images/caseDetail7/B1.png');*/
        text-align: center;
    }
    .detail1TopCaseI img{
        width: 100%;
    }
    /*案例8*/
    .Detail8bottomText{
        width:100%;
        text-align: center;
    }

    .textDetail8TextImg{
        width: 100%;
        margin-left: 0;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #000000;
    }
    .textDetail8TextImg1{
        width: 100%;
        text-align:left;
        margin-left: 0;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #000000;
    }
    .Detail9bottomText{
        width:100%;
        text-align: center;
    }
    .Detail9bottomText1{
        padding-left: 7.8%;
        padding-right:7.8%;
    }
    .detail8Text2{
        width: 100%;
        background-color: #000000;
        text-align:center;
        margin-top: -1px;
        padding-left: 7.8%;
        padding-right: 7.8%;
        padding-top: 6%;
        padding-bottom: 6%;
    }
    /*案例10*/
    .textDetail10TextImg{
        width: 100%;
        margin-left: 0;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #000000;
    }

    /*首页*/
    .topMenu{
        width: 100%;
        height: 80px;
    }
    .topList{
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        padding-top: 3.5%;
        background: black;
        opacity: 0.8;
        padding-left: 0;
        margin: 0 auto;
    }

    .topList li{
        display: inline-block;
        margin-right: 2%;
        padding-bottom: 5px;
        color: white;
        text-decoration: none;
        font-family:PingFangSC-Thin, sans-serif;
        font-size: 16px;
        font-weight: 200;
        cursor: pointer;
    }
    .topList li:first-child{
        margin-left: 5%;
    }
    .topList li a{
        color: white;
        text-decoration: none;

    }
    .caseImgsW{
        width: 50%;
    }

    .textPhone{
        width: 100%;
    }
    .marginContentTop{
        margin-top: 4%;
    }
   .marginTopPnone{
       margin-top: 4%;
   }
   .paddingTopPnone{
       padding-bottom: 4%;
   }
   .paddingTopBPnone{
       padding-top: 3%;
   }
    .paddingTops6{
        padding-top: 7%;
    }

    /*案例8*/
    .textdetail8Black{
        width: 100%;
        color: white;
    }

    /*最后一个字跟图连着*/
    .detail2TextDN{
        width: 100%;
        background-color: #000000;
        color: white;
        margin-top: -20px;
        padding-top: 4%;
        padding-bottom: 13%;
        padding-left: 7.8%;
        padding-right:7.8%;
        /*line-height: 30px;*/
    }
    .textCenter{
        text-align: center;
    }
    .paddingLeRMoresss18{
        padding-left: 7.8%;
        padding-right: 7.8%;
    }
    .paddingLeRMoresss182{
        padding-left: 7.8%;
        padding-right: 7.8%;
    }
    .auto2fonts{
        padding-left: 1%;
        padding-right: 1%;
    }
    .auto3Phone{
        padding-left: 2%;
        padding-right: 2%;
    }

    /*案例17*/
    .paddingLeRMore1{
        padding-left: 7.8%;
        padding-right:7.8%;
    }
    .paddingLeRMoresss181{
        padding-left: 7.8%;
        padding-right: 7.8%;
    }
    .paddingLeRMoresss182{
        padding-left: 7.8%;
        padding-right: 7.8%;
        margin-top: 12%;
    }
    .paddingLeRMoresss183{
        padding-left: 7.8%;
        padding-right: 7.8%;
    }


}
.detailTop2{
    width: 100%;
    background-image: url("../images/caseDetail1/bg0.png");
}


/*.topMenu img{
    width: 100%;
    height:100%;
}*/

.menuDivCase{
    position: absolute;
    top: -60px;
    left: 0;
    color: #ffffff;
    opacity: 0.75;
}


.bCase{
    width: 100%;
    text-align: left;
}
.caseoBg{
    cursor: pointer;
    display: none;
    position : absolute;
}

.toTopD{
  /*  position: fixed;
    right: 50%;
    bottom: 45px;
    cursor: pointer;*/
}
.toTop{

}
.item-activeCase{
    border-bottom: 1px solid white;
}

.row {
    margin-right:0;
    margin-left:0;
}
/*����ҳ ����1*/
.detail1Top{
    width: 100%; letter-spacing:4px; line-height:200%;
}
.detail1Top img{
    width: 100%;
}

.detailTop1{
    background-image: url("../images/caseDetail1/bg0.png");
    text-align: center;
    padding-top: 8%;
    padding-bottom: 8%;
    margin-top: 10px;
}

.imgMid1{
    width: 100%;
    margin-top: 7%;
}


/*案例一*/
.leftTextDet{
    padding-top: 6%;
    padding-bottom: 7%;
    padding-left: 7.8%;
    padding-right: 7.8%;
}
/*案例一内容*/

/*拼接的图片*/
.imgContactText{
    width: 100%;
    margin-top: -2px;
}
.imgContactText img{
    width: 100%;
}


.detailTop3{
    margin-top:17%;
}
/*案例一的第二个左右图*/
.leftTextDet2{
    padding-left: 6%;
}
.leftTextDet2 img{
    width: 100%;
}
/*文字的大标题*/
.rightTextDet2{
    padding-left: 7.8%;
    padding-right: 7.8%;
    padding-top: 2%;
}
/*大图通用样式没有marginTop/bottom*/
.bigImgNoTopNoBoot{
    width: 100%;
}
.bigImgNoTopNoBoot img{
    width: 100%;
}
/*距离下边10ox*/
.bigImgNoTOP{
    width: 100%;
}
.bigImgNoTOP img{
    width: 100%;
}

/*案例一的第三个左右图*/
.rightTextDet23{
    padding-left: 7.8%;
    padding-right:7.8%;
    padding-top: 8%;
    padding-bottom: 10%;
}

.midBigImgDet1{
    width: 100%;
    height: 100%;
    margin-top: 12.8%;
    position: relative;
}
.Midbig2{
    width: 100%;
}
.Midbig2 img{
    width: 100%;
}
.midBig3{
    width: 100%;
    background-image: url('../images/caseDetail1/bg0B.png');
}
.leftTextDet3{
    width: 50%;
}
.leftTextDet3 img{
    width: 100%;
}
.midBig4Text{
    margin-top: 8%;
    margin-bottom: 8%;
}
.modelDown{
    color: white;
    margin-top: 10px;
    padding-top: 7.5%;
    padding-bottom: 44%;
}

.BottomBig{
    width: 100%;
}
.BottomBig img{
    width: 100%;
}
.bgAbtext{
    position: absolute;
    margin-left: 32.3%;
    margin-top: 24.5%
}
.midBigImgDet2{
    width: 100%;
   position: relative;
}
.bgAbtext1{
    position: absolute;
    color: white;
    margin-top: 7.8%;
    margin-left: 25.5%;
   /* padding-left: 7.8%;
    padding-right: 7.8%*/
}

/*����2*/
.detail2Top1{
    text-align: center;
    padding-top: 8%;
    padding-bottom: 8%;
    margin-top: 10px;
}

.detail2Top2{
    width: 100%;
    text-align: center;
    position: relative;
}
.detail12Text1{
    position:absolute;
    margin-top: 7.5%;
    margin-left:39.5%;
    padding-left: 7.8%;
    padding-right: 7.8%;
}
.detail2Top2 img{
    width: 100%;
}
.detail2rightText{
    width: 50%;
}

.detail2Top3{
    position: relative;
    width: 100%;
}
.detail2titleBig{
    padding-top: 6.7%;
    padding-bottom:6.2%;
    background-image: url('../images/caseDetail2/Bg0.png');
}
.righttextDetail2{
    position: absolute;
    margin-left:61%;
    margin-top: 19.6%;
    padding-right: 2%;
}

.deatail4Text{
    position:absolute;
    text-align: left;
    margin-left:63%;
    margin-top:21%;
    padding-right: 7.8%
}
.detail8text{
    width: 100%;
    height: 100%;
    background-color: #000000;
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 7.8%;
    padding-right: 7.8%;
}

.textMiddDetail8{
    width: 100%;
    text-align:center;
    margin-top:6.8%;
    margin-left: 0;
    padding-left: 7.8%;
}
.detail7Vedio{
    width:100%;
    height: 1000px;
    background-image: url('../images/caseDetail7/B1.png');
    text-align: center;
}


.onltTextandImg{
    width: 100%;
    text-align:center;
    margin-left: 0;
    padding-left: 7.8%;
    padding-right: 7.8%;
    padding-top: 7.5%;
    padding-bottom: 3%;
    background-color: #000000;
    color: white;
}

/*案例2*/
.detail2Top2N{

}
.detail2Top2textN{
    width: 100%;
    text-align:center;
    margin-left: 0;
    padding-left: 7.8%;
    padding-right: 7.8%;
    padding-top: 7.8%;
    padding-bottom: 3%;
    background-color: #f7f7f7;
}
.marginToTopDetail2{
    margin-top: 10px;
}


/*字体颜色为白色*/
.fontColorW{
    color: white;
}
/*字体为黑色*/
.fontColorB{
    color: #000000;
}
.editTops{
    text-align: center;
    margin-top: 2.5%;
}
.imgPadRig{
    padding-right: 2%;
}

/*案例2 第一个左右图 */
.detail2titleBigN{
    padding-top: 6.5%;
    padding-bottom:7.8%;
    padding-left: 10%;
    padding-right: 10%;
}
/*图*/
.detail2titleBigNImg{

}
.detail2titleBigNImg img{
    width: 100%;
}
/*第二个左右图*/
.detail2TextN21{
    padding-top:10%;
    padding-bottom:6.2%;
    padding-left: 11%;
    padding-right: 11%;
   /* line-height: 27px;*/
}
/*第三个左右图 字*/
.detail2TextN22{
    padding-left:11%;
    padding-right: 10%;
    margin-top: 9%;
}
.fontColorT{
    color: #000000;
}
.fontColorC{
    margin-top: 7.5%;
    padding-bottom: 5%;
}


/*第三个案例*/
.detail2Top1NText{
    text-align: center;
   /* margin-left: 12%;
    margin-right:12%;*/
    padding-top: 8%;
    padding-bottom: 8%;
    /*line-height: 45px;*/
}
.detail2Top2textD{
    text-align: center;
    background-color: #f7f7f7;
   /* line-height: 30px;*/
    padding-left: 7.8%;
    padding-right: 7.8%;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 0;
}




/*左右边距150px*/
.paddingLeR{
    padding-left: 7.8%;
    padding-right: 7.8%;
}

/*案例4*/
.textDetail4Text{
    padding-left: 11%;
    padding-right: 9%;
    padding-top:5%;
    padding-bottom: 5%;
}

/*左图右字*/
.textLeftDetail4{
    text-align: center;
    width: 100%;
    background-color: #e6e6e7;
}
/*下一个4/*/
.textLeftDetail5{
    text-align: center;
    width: 100%;
    background-color: #f8f8f8;
}
.leftDetail4Text{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 11%;
    padding-right: 10%;

}
.leftDetail4Text5{
    padding-top: 10%;
    padding-bottom: 5%;
    padding-left: 11%;
    padding-right: 11%;
}


/*案例5*/
.detail5Top1{
    width: 100%;
    text-align: center;
    background-color: #f7f7f7;
}
.deatail5Text1{
    padding-right: 16%;
    padding-left: 9%;
    padding-top: 10%;
    padding-bottom: 10%;
}
.detail5TopWhite{
    width: 100%;
    text-align: center;
}
.deatail5TextWhite{
    padding-left:11%;
    padding-right: 11.5%;
    padding-top:10%;
}
/*案例6*/
.detail6TopWhite{
    width: 100%;
   background-color: #eeeeee;
}
.detail6TopWhiteText{
    padding-top:5%;
    padding-bottom: 5%;
}
.detail6TopWhiteText1{
    text-align: left;
    padding-left: 11%;
    padding-right: 5%;
    padding-top: 12%;
    padding-bottom: 5%;
}
.detail6imgMuchText{
    width:70%;
    margin-top: 9%;
}
.detail6imgMuchText img{
    width: 100%;
}
.textContentImgs{
    margin-top: 9%;
}
.detail6imgMuchText1{
    width:63%;
    margin-top: 9%;
}
.detail6imgMuchText1 img{
    width: 100%;
}
.marginTop5{
    margin-top: 5%;
}
.marginTop25{
    margin-top: 2.5%;
}

/*案例8*/
.detail8TextB{
    width: 100%;
    margin-top: -1px;
}
.detail8TextB img{
    width: 100%;
}
.marginTop2510{
    margin-left:25%;
}
/*案例9*/
.detail9Text{
    padding-top: 19%;
    padding-bottom: 5%;
    padding-left: 8%;
    padding-right: 10%;
}
.detail9Both{
    background-color: #f3f3f3;
    margin-top: 10px;
}
.detail9Text1{
    padding-top: 8%;
    padding-bottom: 5%;
    padding-left:10.5%;
    padding-right: 6.5%;

}
.detail9Text2{
    padding-top: 16%;
    padding-bottom: 5%;
}
/*案例10*/
.detail10TextDimg{
    width: 100%;
    background-color: #efefef;
    padding-top: 8.5%;
    padding-bottom:1%;
}
.margin2P{
    margin-left: 25%;
}

/*点击时显示的li的样式*/
.listyle{
    border-bottom: 1px solid white;
}
.caseDownTo {
   /* display: inline-block;*/
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.caseDownTo:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background:white;
    height: 1px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.caseDownTo:hover:before, .downLine:focus:before, .downLine:active:before {
    left: 0;
    right: 0;
}
.casedetail8Img33 img{
    width: 100%;
}

.shadowCase:hover{
    opacity: 0.8;
    background-color: black;
    transition: background-color 400ms ease;
}
/*距离底部一定距离*/
.paddingBottoms{
    padding-bottom: 3%;
}
.case11Bgimg{
    background: url('../images/caseDetail11/B1.png')  no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
}
.case12Bgimg{
    background: url('../images/caseDetail12/B1.png')  no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
}
.case13Bgimg{
    background: url('../images/caseDetail13/B1.png')  no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
}
.case14Bgimg{
    background: url('../images/caseDetail14/B1.png')  no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
}
.case15Bgimg{
    background: url('../images/caseDetail15/B1.png')  no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
}
.case16Bgimg{
    background: url('../images/caseDetail16/B1.png')  no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
}
/*字体为din_light*/
.fontE{
    font-family: DIN-Light;
}
/*手机端*/
@media (max-width: 768px){
    .topMenu {
        width: 100%;
        height: 200px;
      /*  margin-top: 30px;*/
    }
    .topList{
          text-align: center;
          padding: 0;
          padding-top: 20px;
          margin-bottom: 0;
       }
    .topList li{
        width: 90px;
        height:25px;
        display: block;
        margin:0 auto;
        padding-bottom:0 ;
        margin-bottom: 10px;
        /*margin-right: 0;*/
    }
    .topList li:first-child {
        width: 90px;
        height:25px;
        display: block;
        margin:0 auto;
        padding-bottom:0 ;
        margin-bottom: 10px;
        /*margin-right: 0;*/
    }
}



.warp2 {
	width: 95%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	background-color: #fff
}

.warp2 .warp-type {
	height: 50px;
	position: relative;
	margin-bottom: 25px
}

.warp2 .warp-type p {
	font-size: 18px;
	width: 1080px;
	line-height: 50px;
	position: absolute;
	left: 50%;
	margin-left: -540px;
	z-index: 0
}

.warp2 .warp-type p a:hover {
	color: #000
}

.warp2 .warp-type-list {
	float: right;
	position: absolute;
	z-index: 11;
	right: 0
}

.warp2 .warp-type-list .active {
	text-decoration: underline;
	color: #000;
	font-size: 18px
}

.warp2 .warp-type-list a {
	display: inline-block;
	margin-right: 25px;
	line-height: 50px;
	color: #888889;
	font-size: 14px
}

.warp2 .warp-type-list a:hover {
	text-decoration: underline;
	color: #000
}

.warp2 ul li {
	width: 33.333333%;
	float: left;
	position: relative;
	overflow: hidden;
	display: block
}

.warp2 ul li img {
	width: 100%;
	height: auto;
	display: block
}

.warp2 ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
    
}
.warp2 ul li:hover .case-summary{
    display: block;
}

.warp2 .case-summary {
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/mb.png);

	top: 0;
	left: 0;
	position: absolute;
	padding: 5%;
}
/* .case-summary div:hover{
    display: block;
    opacity: 0.2;

} */

.warp2 .case-summary p {
	color: #ffff;
	position: absolute;
	left: 0;
	font-size: 20px
}

.warp2 .case-summary span {
	font-size: 24px
}

.warp2 .case-summary .p1 {
	top: 0
}

.warp2 .case-summary .p2 {
	bottom: 0;
	font-size: 16px
}

.warp2 .case-more {
	display: block;
	width: 148px;
	height: 40px;
	margin: 100px auto;
	border: 2px solid #959595;
	text-align: center;
	line-height: 40px
}

.warp2 .case-summary .p1 {
    font-size: 18px
}

.warp2 .case-summary .p2 {
    font-size: 14px
}

.warp2 .warp-type p {
    font-size: 12px
}

.warp2 .warp-type-list a, .warp2 .warp-type-list .active {
    font-size: 12px
}

.warp2 .warp-type {
    margin-bottom: 6px
}

.warp2 .case-summary .p1 {
    font-size: 14px
}

.warp2 .case-summary .p2 {
    font-size: 12px
}

.warp2 .case-summary span {
    font-size: 18px
}

.clear:after,.case-read-img p:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clear,.case-read-img p {
	zoom: 1
}

.imgbig {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	display: block !important
}

.imgbig:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.tran {
	transition: all .3s ease
}


.case-list .case-summary {
	display: none;
	width: 90%;
	height: 90%;
	background: url(black.png) repeat;
	top: 0;
	left: 0;
	position: absolute;
	padding: 5%
}

.case-list .case-summary p {
	color: #ffff;
	position: absolute;
	left: 0;
	font-size: 20px
}

.case-list .case-summary span {
	font-size: 24px
}

.case-list .case-summary .p1 {
	top: 0
}

.case-list .case-summary .p2 {
	bottom: 0;
	font-size: 16px
}
@media screen and (min-width:960px){
.jiangxg{ margin:0 4%;}
.jiangxg li{ float:left; width:25%; list-style:none;}
.jiangxg li img{ display:block; margin:0 auto;}
}
@media screen and (max-width:960px){
.jiangxg{ margin:0 4%;}
.jiangxg li{ float:left; width:50%; list-style:none; margin-bottom:40px;}
.jiangxg li img{ display:block; margin:0 auto;}
}