/*应用案例*/
.banner8{
    background: url("banner8.jpg") no-repeat 50% top;
    height: 240px;
}
.product1{
    margin-top: 0;
    background: #f2f2f2  url("bg2.jpg") no-repeat 50% top;
    padding-bottom: 90px;
    overflow: hidden;
}
.case h1.h1{
    color: #333333;
    margin:35px 0 ;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}
.case .pro{
    width: 100%;
    overflow: hidden;
    margin-left:3%;
}
.case .pro dl{
    width: 17.2%;
    float: left;
    margin-right: 2.25%;
    position: relative;
    margin-bottom: 30px;
}
.case .pro dl.no-right{
    margin-right: 0;
}
.case .pro dl dt{
    width: 100%;
}
.case .pro dl dt img {
     width: 100%;
     max-width: 218px;
}
.case .pro dl dd{
    width: 100%;
    font-size: 16px;
    background: #00a9e7;
    position: absolute;
    bottom: 0px;
    text-align: center;
    color: white;
    padding: 14.5% 0;
    /*height: 40px;*/
    /*line-height: 40px;*/
    border-bottom-left-radius:6px ;
    border-bottom-right-radius:6px ;
}
.pro  a:hover> dl dd{
    background: #e70012;
}

ul.page2{
    position: relative;
    left: 50%;
    display: block;
    float: left;
}
ul.page2 li{
    width: 40px;
    height: 32px;
    text-align: center;
    position: relative;
    float: left;
    margin-right: 15px;
    right: 50%;
    cursor: pointer;
}
ul.page2 li.li1{
    /*background: white  url("../images/icon3.png") no-repeat center;*/
}
ul.page2 li.li2{
    background: white  url("icon6.png") no-repeat center;
}
ul.page2 li.li3{
    /*background: #ff1426  url("../images/icon5.png") no-repeat center;*/
}
ul.page2 li.li1:hover{
    /*background: #ff1426  url("../images/icon7.png") no-repeat center;*/
}
/*应用案例详情页*/
.case .main {
    width: 100%;
    overflow: hidden;
    margin-bottom: 45px;
}
.case .main p{
    margin-bottom: 24px;
    font-size: 12px;
    color: #545454;
    line-height: 200%;
    text-align: justify;
}
.case .main p.p-title{
    font-size: 14px;
    font-weight: bold;
    color: #67BB2D;
}
.case .main p.p-title span{
    margin-right: 10px;
}
.case .main ul.img{
    width: 100%;
    overflow: hidden;
}
.case .main ul.img li{
    width: 31.67%;
    float: left;
    margin-right: 2.495%;
}
.case .main ul.img li img{
    width: 100%;
    max-width: 380px;
    margin-bottom: 24px;
}
.case .main ul.img li.no-right{
    margin-right: 0;
}



@media (max-width:800px){
    .case .pro dl dd{
        font-size: 14px;
    }
}
@media (max-width:680px){
    /*.banner8{*/
      /*background-size: contain;*/
     /*min-height: 200px;*/
    /*}*/
    .case h1.h1{
        margin:25px 0 ;
        font-size: 20px;
    }
    .case .pro dl{
        width: 30%;
        margin-right: 2.25%;
    }
    .product1{
        padding-bottom: 30px;
    }
    .case .main ul.img li{
        width: 45%;
        margin-right: 5%;
    }
}
@media (max-width:460px){
    .banner8{
        /*background-size: 80%;*/
        background: url("banner8.jpg") no-repeat 50% center;
        height: 160px;
    }
}

@media (max-width:400px){
    .case h1.h1{
        font-size: 18px;
    }
    .case .pro dl{
        width: 45%;
        margin-right: 5%;
    }
    .case .main ul.img li{
        width: 99%;
    }
    .case .main ul.img li img{
         display: block;
         margin: 0 auto 20px;
     }
    .case .main {
        margin-bottom: 15px;
    }
    .case .main p{
        margin-bottom: 15px;
    }
}