﻿
.sub-cate-2 {
    margin-top: 80px;
    font-size: 3.2em;
    color: #101010;
}
#camera-intro {
    color: #000;
    font-size: 1.1em;
    margin: 30px 0 50px 0;
    line-height:35px;
}

#list-camera {
    width: 100%;
    /*min-width:1180px;*/
    min-height: 300px;
    margin-top: 40px;
}

    #list-camera>h3{
        font-size:35px;
        margin-bottom:25px;
        margin-top:50px;
        font-weight:500;
    }
    #list-camera ul {
        width: 100%;
    }

    #list-camera ul:after {
        content: "";
        display: table;
        clear: both;
    }

    #list-camera > ul > li {
        width: 13%;
        /*height: 250px;*/
        text-align: center;
        background: #F6F7FB;
        border-radius: 20px;
        padding: 20px 35px 60px 35px;
        margin-bottom: 60px;
        float: left;
        margin-right: 2%;
        margin-top: 25px;
    }
        #list-camera > ul > li:nth-child(2n+5) {
            margin-right: 0;
        }

        #list-camera ul li h4 {
            /*white-space: nowrap;*/
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom:25px;
        }

.doc-common{
    padding-top:25px;
}
.camera-img {
    height: 170px;
    line-height:170px;
}
.doc-common img {
    /*width: 100%;*/
    vertical-align:middle;
    max-width:100%;
    max-height:170px;
}

.doc-common h4 {
    color: #000;
    margin-top: 40px;
    font-size: 23px;
    font-weight: 500;
    text-align:left;
}
    .doc-common h5 {
        display: inline-block;
        width: 100%;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        padding-left: 20px;
    }

.camera-para{
    width:100%;
    text-align:left;
    margin-top:15px;
}
    .camera-para ul {
        width: 100%;
        padding-left: 20px;
        display:none;
    }
    .camera-para ul li {
        display: inline-block;
        width: 100%;
        font-size:14px;
        margin-top:10px;
    }
        .camera-para ul li a,
        .camera-para ul li a:hover{
            color:#000;
        }
            .camera-para ul li a:hover{
                text-decoration:underline;
            }

            h5.opened {
                background: url(/image/solu/arrow_u.png) no-repeat 0 5px;
            }

h5.closed {
    background: url(/image/solu/arrow_r.png) no-repeat 0 5px;
}


@media (max-width: 1368px) {
    #list-camera > ul > li {
        margin-right: 1%;
    }
}