/* ------------------------照明知识--------------------------------- */

.zmzs-question-box{
    width: 100%;
    overflow: hidden;
    padding: 50px 0 40px 0;
}
.zmzs-question{
    width: 1280px;
    margin: 0 auto;
}

.zmzs-question ul li{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 30px 20px;
}
.zmzs-question-left i{
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url('../images/special/zmzs_icon.png');
}

.zmzs-question-left h6{
    font-size: 20px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 80%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.zmzs-question ul li:hover .zmzs-question-left h6{
    color: #21a806;
}

.zmzs-question-left{
    width: 80%;
    overflow: hidden;
    float: left;
}

.zmzs-question-right{
    float: right;
    overflow: hidden;
    font-size: 16px;
    color: #888;
    line-height: 32px;
}

.zmzs-question-words{
    width: 100%;
    overflow: hidden;
    padding: 16px 0 10px 0;
    display: none;
}
.zmzs-question-words p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
    color: #888;
}

/* ----------------------------------特殊应用造型------------------------------------------------- */
.yyzx-piclist-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
}
.yyzx-piclist{
    width: 94%;
    margin-left: 3%;
}

.yyzx-piclis-1{
    width: 100%;
    overflow: hidden;
}
.yyzx-piclis-1 li{
    float: left;
    height: 480px;
    overflow: hidden;
    margin-top: 1%;
}
.yyzx-piclis-1 li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}
.yyzx-piclis-1 li:hover img{
    transform: scale(1.1);
}
.yyzx-piclis-1 li:nth-child(1){
    width: 50.2%;
}
.yyzx-piclis-1 li:nth-child(2){
    margin-left: 1%;
    width: 23.9%;
}
.yyzx-piclis-1 li:nth-child(3){
    margin-left: 1%;
    width: 23.9%;
}


.yyzx-piclis-2{
    width: 100%;
    overflow: hidden;
}
.yyzx-piclis-2 li{
    float: left;
    height: 480px;
    overflow: hidden;
    margin-top: 1%;
}
.yyzx-piclis-2 li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}
.yyzx-piclis-2 li:hover img{
    transform: scale(1.1);
}

.yyzx-piclis-2 li:nth-child(1){
    width: 23.9%;
}
.yyzx-piclis-2 li:nth-child(2){
    width: 23.9%;
    margin-left: 1%;
}
.yyzx-piclis-2 li:nth-child(3){
    width: 50.2%;
    margin-left: 1%;
}

/* --------------------------------下载中心---------------------------------------------- */


.xzzx-down-title h6{
    margin-left: 0;
}
.xzzx-down-icon i{
    width: 14px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url('../images/special/xzzx_icon.png');
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 60px;
}
/* --------------------------------效果设计---------------------------------------------- */

.xgsj-wordstitle-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
}
.xgsj-wordstitle{
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}
.xgsj-wordstitle h4{
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.xgsj-wordstitle i{
    width: 44px;
    height: 1px;
    display: inline-block;
    background-color: #333;
    margin-top: 4px;
}
.xgsj-wordstitle p{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin-top: 24px;
}

.xgsj-matter-box{
    width: 100%;
    overflow: hidden;
}

.xgsj-wordspic ul li{
    width: 50%;
    height: 600px;
    float: left;
    overflow: hidden;
}
.xgsj-picwords ul li{
    width: 50%;
    height: 600px;
    float: left;
    overflow: hidden;
}
.xgsj-wordspic ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1.4s;
}
.xgsj-wordspic ul li:hover img{
    transform: scale(1.1);
}
.xgsj-picwords ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1.4s;
}
.xgsj-picwords ul li:hover img{
    transform: scale(1.1);
}

.xgsj-wordspic .xgsj-words{background-color: #f5f5f5;}
.xgsj-words{
    width: 100%;
    height: 600px;
    padding: 140px 40px 0 180px;
}
.xgsj-words h4{
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.xgsj-words b{
    width: 44px;
    height: 1px;
    display: block;
    margin: 12px 0 40px 0;;
    background-color: #333;
}
.xgsj-words p{
    font-size: 18px;
    color: #333;
    margin-top: 14px;
}
.xgsj-words p i{
    width: 4px;
    height: 4px;
    border-radius: 100%;
    display: block;
    float: left;
    background-color: #37a808;
    margin: 9px 10px 0 0;
}
.xgsj-picwords .xgsj-words{background-color: #fff;}
















/* ------------------------------------------------------------------------------------------------ */
/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
    .yyzx-piclis-1 li{height: 360px;}
    .yyzx-piclis-2 li{height: 360px;}
    .yyzx-piclist-box {padding: 66px 0;}

    .xgsj-wordspic ul li{height: 460px;}
    .xgsj-words{height: 460px;padding: 50px 40px 0 100px;}
    .xgsj-picwords ul li{height: 460px;}
}

@media all and (max-width:1460px) {
    .yyzx-piclis-1 li{height: 340px;}
    .yyzx-piclis-2 li{height: 340px;}
    .yyzx-piclist-box {padding: 60px 0;}

    .xgsj-wordspic ul li{height: 430px;}
    .xgsj-words{height: 430px;padding: 30px 40px 0 80px;}
    .xgsj-picwords ul li{height: 430px;}
}

@media all and (max-width:1380px) {
    .yyzx-piclis-1 li{height: 320px;}
    .yyzx-piclis-2 li{height: 320px;}
    .yyzx-piclist-box {padding: 50px 0;}

    .xgsj-words h4 {
        font-size: 24px;
    }
    .xgsj-words b {
        margin: 12px 0 24px 0;
    }
}

@media all and (max-width:1300px) {
    .zmzs-question {width: 94%;margin-left: 3%;}

    .xgsj-wordspic ul li{height: 400px;}
    .xgsj-words{height: 400px;padding: 30px 40px 0 80px;}
    .xgsj-picwords ul li{height: 400px;}
    .xgsj-wordstitle-box {
        padding: 60px 0;
    }
    .xgsj-wordstitle h4 {
        font-size: 30px;
    }
}

@media all and (max-width:1280px) {
    .yyzx-piclis-1 li{height: 290px;}
    .yyzx-piclis-2 li{height: 290px;}
    .yyzx-piclist-box {padding: 44px 0;}

    .xgsj-wordspic ul li{height: 370px;}
    .xgsj-words{height: 370px;padding: 20px 40px 0 80px;}
    .xgsj-picwords ul li{height: 370px;}
    .xgsj-words p {margin-top: 12px;}
}

@media all and (max-width:1200px) {
    .xgsj-wordspic ul li{height: 340px;}
    .xgsj-words{height: 340px;padding: 20px 40px 0 80px;}
    .xgsj-picwords ul li{height: 340px;}
    .xgsj-words p {margin-top: 8px;}
    .xgsj-words b {margin: 8px 0 16px 0;}
    .xgsj-wordstitle {width: 94%;margin-left: 3%;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .zmzs-question-box {
        padding: 24px 0 16px 0;
    }
    .zmzs-question-left {
        width: 100%;
    }
    .zmzs-question ul li {
        padding: 14px 0px;
    }
    .zmzs-question-left h6 {
        font-size: 16px;
        margin-left: 10px;
        width: 84%;
    }
    .zmzs-question-right {
        font-size: 14px;
        line-height: 24px;
    }
    .yyzx-piclis-1 li{height: 300px;}
    .yyzx-piclis-2 li{height: 300px;}
    .yyzx-piclist-box {padding: 28px 0;}
    .yyzx-piclis-1 li:nth-child(1){width: 100%;}
    .yyzx-piclis-1 li:nth-child(2){width: 100%;margin-left: 0%;}
    .yyzx-piclis-1 li:nth-child(3){width: 100%;margin-left: 0%;}
    .yyzx-piclis-2 li:nth-child(1){width: 100%;}
    .yyzx-piclis-2 li:nth-child(2){width: 100%;margin-left: 0%;}
    .yyzx-piclis-2 li:nth-child(3){width: 100%;margin-left: 0%;}
    .xzzx-down-title h6{width: 100%;}

    .xzzx-down-icon{
        margin-top: 14px;
    }
    .xzzx-down-icon i {
        margin: -2px 0 0 14px;
    }
    .xgsj-wordstitle-box {
        padding: 24px 0;
    }
    .xgsj-wordstitle h4 {
        font-size: 22px;
    }
    .xgsj-wordstitle p {
        margin-top: 16px;
    }
    .xgsj-wordspic ul li{
        width: 100%;
        height: auto;
    }
    .xgsj-words {
        height: auto;
        padding: 20px 16px 20px 16px;
    }
    .xgsj-wordspic ul li:nth-child(2){
        height: 240px;
    }
    .xgsj-picwords ul li{
        width: 100%;
        height: auto;
    } 
    .xgsj-picwords ul li:nth-child(1){
        height: 240px;
        margin-top: 16px;
    }
    .xgsj-words h4 {
        font-size: 18px;
    }
    .xgsj-words p {
        font-size: 14px;
        margin-top: 6px;
    }

}