@charset "utf-8";

/* CSS Document */

.categories {
    background-color: #f5f5f5;
}

.categories .catList {
    padding: 25px 0;
}

.categories .catItem {
    float: left;
    padding-right: 14px;
    margin-bottom: 12px;
}

.categories .catItem a {
    background-color: #ffff;
    display: block;
    line-height: 36px;
    padding: 0 42px;
    color: #666666;
    font-size: 14px;
    height: 36px;
}

.categories .catItem a:hover,
.categories .active a {
    background: url("../images/arrow3.png") right top no-repeat #0092d7;
    color: #ffffff;
}

.pdLinst {
    margin-top: 84px;
}

.pdItem {
    margin-top: 20px;
}

.pdItem a {
    display: block;
    border: 1px solid #e9e9e9;
    text-align: center;
}

.pdItem a .text {
    font-weight: 600;
    color: #333333;
    display: block;
    margin: 10px 10px 10px 10px;
    font-size: 16px;
    line-height: 26px;
    height: 50px;
    overflow: hidden;
}

.pdItem a .tags {
    display: block;
    padding: 10px;
    font-size: 12px;
}

.pdItem a:hover {
    background-color: #ffffff;
    border: 1px solid #017fc9;
}

.pdItem a:hover .text {
    color: #017fc9
}

.pdItem a:hover .tags i {
    color: #666666
}

.pdItem a .tags i {
    color: #888888;
}

.pdItem img {
    width: 100%;
    display: block;
}

.breadcrumb {
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
}

#breadcrumb a {
    color: #444;
    padding: 0 10px;
}

#breadcrumb a.active {
    color: #999;
}

.pageContainer {
    width: 756px;
}

.goVideo {
    background-color: #86c83b;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    float: right;
    padding: 0 20px;
    display: block;
    position: relative;
    margin: 15px 0px;
}

.goVideo:hover {
    background-color: #68b610;
    color: #fff0cf;
}

.banner {
    height: auto;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.banner .text {
    padding: 40px 0 40px 40px;
    overflow: hidden;
}

.banner img {
    float: right;
}

.banner h3 {
    font-size: 26px;
    color: #0092d7;
    font-weight: 400;
}

.banner p {
    color: #666666;
    padding: 15px 0
}

.banner .demo,
.banner .manual {
    color: #ffff;
    float: left;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px 0 40px;
}

.banner .demo {
    background: url("../images/download.png") no-repeat left center #f04c39;
    margin-right: 20px;
}

.banner .demo:hover {
    background-color: #e41902;
}

.banner .manual {
    background: url("../images/download.png") no-repeat left center #f9bb00;
}

.banner .manual:hover {
    background-color: #f0a900;
}

.card .title {
    font-size: 18px;
    color: #0092d7;
    font-weight: 600;
    margin-top: 20px;
}

.card a.more {
    float: right;
    line-height: 30px;
}

.videoLinst {}

.videoItem {
    margin-top: 20px;
}

.videoItem a {
    display: block;
    width: 230px;
    border: 1px solid #e9e9e9;
    background-color: #f0f0f0;
}

.videoItem a .text {
    font-weight: bold;
    color: #000000;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

.videoItem a img {
    display: block;
    position: relative;
}

.videoItem a .icon {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url("../images/videoicon.png") center center no-repeat;
    width: 230px;
    height: 138px;
}

.videoItem a:hover {
    background-color: #ffffff;
    border: 1px solid #017fc9;
}

.videoItem a:hover .text {
    color: #017fc9
}

.videoItem a:hover .tags i {
    color: #666666
}

.videoItem a .tags i {
    color: #888888;
}

.popVideo {
    position: relative;
}

.videoClose {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.80)
}

body .layui-layer-page .layui-layer-btn {
    padding-top: 0px;
}

.layui-layer-btn0 {
    position: absolute;
    top: 0px;
    right: 0px;
}

body .layui-layer-page .layui-layer-btn {
    height: 0px;
    line-height: 0px;
    padding: 0 0px 0px;
    background: none;
}

#video .title {
    color: #333333;
}

.searchForm .searchTitle {
    text-align: center;
}

.searchForm .searchTitle h2 {
    font-size: 26px;
    color: #333333;
    line-height: 40px;
    height: 40px;
    margin-top: 20px;
}

.searchForm .searchTitle p {
    font-size: 16px;
    color: #666666;
    margin-bottom: 30px;
}

.searchCategories {
    margin: 20px 0px 15px 0px;
}

.searchCategories h3 {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #303030;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    border: 1px solid #e9e9e9;
    padding: 0 15px;
    background-color: #e9e9e9;
}

.searchCategories h3.searchMod {
    background-color: #ffffff;
}

.searchCategories .catList {
    float: left;
    margin: 6px 0 0 20px;
}

.searchCategories .catItem {
    float: left;
    margin-right: 20px;
}

.searchCategories .catItem a {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
}

.searchCategories .catItem a:hover,
.searchCategories .active a {
    color: #0092d7;
    font-weight: 600;
}

.searchForm select {
    border-radius: 16px;
}

.layui-input,
.layui-select,
.layui-textarea {
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    padding: 0 15px;
}

.layui-form-select
 {
    width: 180px;
    float: left;
    margin-right: 15px;
}

.layui-form-select dl dd.layui-this {
    background-color: #0092d7;
    color: #fff;
}

.pageContainer .card .content img {
    display: block;
    max-width: 100%;
    object-fit: cover;
}


/*删格化5等份*/

.layui-col-lg2-4,
.layui-col-md2-4,
.layui-col-sm2-4,
.layui-col-xs2-4 {
    position: relative;
    display: block;
    box-sizing: border-box
}

.layui-col-xs2-4 {
    float: left
}

.layui-col-xs2-4 {
    width: 19.9999992%
}

.layui-col-xs-offset2-4 {
    margin-left: 19.9999992%
}

@media screen and (min-width:768px) {
    .layui-col-sm2-4 {
        float: left
    }
    .layui-col-sm2-4 {
        width: 19.9999992%
    }
    .layui-col-sm-offset2-4 {
        margin-left: 19.9999992%
    }
}

@media screen and (min-width:992px) {
    .layui-col-md2-4 {
        float: left
    }
    .layui-col-md2-4 {
        width: 19.9999992%
    }
    .layui-col-md-offset2-4 {
        margin-left: 19.9999992%
    }
}

@media screen and (min-width:1200px) {
    .layui-col-lg2-4 {
        float: left
    }
    .layui-col-lg2-4 {
        width: 19.9999992%
    }
    .layui-col-lg-offset2-4 {
        margin-left: 19.9999992%
    }
}

.layui-table tbody tr:hover {
    color: #fff !important;
    background-color: #1e9fff !important;
}

.layui-table tr:hover td {
    border: 1px solid #1e9fff !important;
}

.card .content>p {
    color: #666;
    line-height: 1.8;
}