@charset "utf-8";

a{
    color: rgba(68, 68, 68, 1);
}

.indus-header{
    width: 100%;
    height: 400px;
}
.header-bg{
    width: 100%;
    height: 100%;
    background-image: url("../images/hycj_banner.jpg");
    background-size: cover;
}
.indus-summary{
    width: 1200px;
    height: 180px;
    margin: -200px auto 0;
}
.summary{
    width: 600px;
    height: 180px;
    background: rgba(0, 0, 0, .4);
    color: #FFFFFF;
}
.indus-summary h2{
    padding: 20px 40px 0;
    font-size: 36px;
    font-weight: normal;
}
.indus-summary p{
    padding: 20px 40px 0;
    font-size: 16px;
    line-height: 36px;
}

.indus-anchor{
    width: 100%;
    height: 180px;
}
.indus-anchor ul{
    width: 1200px;
    height: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.indus-anchor ul li{
    width: 80px;
    height: 180px;
}
.indus-anchor ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.indus-anchor li a img{
    width: 60px;
    height: 60px;
    margin: 40px 0 30px;
}

.indus-left{
    width: 100%;
    background-color: rgba(249, 249, 249, 1);
}
.indus-right{
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
}
.indus-left .indus-details, .indus-right .indus-img{
    float: left;
}
.indus-right .indus-details, .indus-left .indus-img{
    float: right;
}
.indus-vessel{
    width: 1200px;
    height: 500px;
    padding: 0 30px;
    margin: 0 auto;
}

.indus-details{
    width: 380px;
    height: 500px;
}
.indus-details h2 a{
    display: block;
    padding: 94px 0 12px;
    font-size: 32px;
    line-height: 32px;
}
.indus-details p{
    font-size: 20px;
}
.indus-details span{
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    margin: 26px 0 16px;
    display: block;
}
.indus-details ul{
    width: 380px;
    height: 165px;
}
.indus-details ul li{
    display: block;
    height: 55px;
    float: left;
}
.indus-details li img{
    float: left;
    width: 30px;
    height: 30px;
    margin: 12px 25px 0 0;
}
.indus-details li span{
    height: 55px;
    float: left;
    color: rgba(51, 51, 51, 1);
    width: 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}
.indus-details a{
    /*display: none;*/
    padding:6px 20px;
    /*background: #eeeeee;*/
}
.indus-details a.indus-case-btn{
    padding:8px 20px;
    background: #eeeeee;
    color: #000000;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 50px;
    margin-top:15px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}
.indus-img{
    width: 600px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indus-left .indus-img{
    justify-content: flex-end;
}
.indus-right .indus-img{
    justify-content: flex-start;
}
.indus-img a{
    display: block;
    width: 500px;
}
.indus-img a img{
    display: block;
    width: 100%;
    height: auto;
}


/*--更多应用--*/
.indus-more{
    height: 700px;
}
.indus-more h2{
    display: block;
    padding: 94px 0 12px;
    font-size: 32px;
    line-height: 32px;
}
.indus-details-more{
    text-align: center;
}
.indus-details-more h2{
    text-align: center;
    font-size: 32px;
}
.indus-img-more a{
    display: block;
    width: 1000px;
    margin: 50px auto 30px;
}
.indus-img-more a img{
    display: block;
    width: 100%;
    height: auto;
}
.indus-more-more{
    text-align: center;
}