.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.pro_container{ width: 1240px; margin: 80px auto;}
.prolist{margin-left: -30px;}
.prolist li{width: calc(50% - 30px);margin-left: 30px;float: left;margin-top: 18px;}
.probox{border-radius:16px;background:url(../images/probg02.jpg) center no-repeat;background-size: cover; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);}
.probox:hover{background:url(../images/probg02.jpg) center no-repeat;background-size: cover;}
.probox .warp{padding:20px 10px;}
.probox .pic{width: 200px; float: left; overflow: hidden; height:130px; line-height:130px;}
.probox .pic img{width:200px;height: auto;transition: all 0.3s linear;}
.probox:hover .pic img{ transform: scale(1.1);}
.probox .txt{width:180px; float: left;margin-left: 20px;}
.probox .txt .tit{font-size:16px; line-height:24px;margin-top: 20px; overflow: hidden;color: #000; font-weight: 500;}	
.probox .txt .btn a{
    width: 100%; height: 30px; text-align: center;  line-height: 30px;color: #0766b9;border:1px solid #0766b9;
    display: inline-block;border-radius: 8px;font-size: 14px; font-weight: 300;
    white-space: nowrap; /* 确保文本在一行内显示 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
}
.probox .txt .btn a em{margin-left: 10px;vertical-align: top;margin-top: 5px; width: 20px; height: 20px; display: inline-block;
    background:url(../images/arr07.png) bottom center no-repeat;  transition: background 0.5s; line-height: 20px;
}	
.probox:hover .txt .btn a{background: #0766b9;color: #fff;}
.probox:hover .btn a em{background-position: top center;}
.pro-row03{height: 300px;background:url(../images/probg04.jpg) center no-repeat;background-size: cover;}
.pro-row03 .tit{width: 100%;height: 60px; line-height: 60px; font-size: 48px;font-weight: bold;
    text-align: center;padding-top: 120px;}
.pro-row03 .tit a{color: #fff;}
.pro-row03 .tit img{vertical-align: top;margin-top: 16px;margin-left: 10px;}
/****三级导航****/
.ln-background:after { background-color:#F6F6F6; content: ""; position: absolute; left: 0; bottom:-52px; 
width: 100%; height:52px;}
.sidenav .level2{position: absolute;bottom:-40px;width: 800px; text-align: left;font-size: 20px;}
.sidenav .level2 li,.sidenav .level2 li a{font-size: 20px;font-weight: 300;color: #333;}
.sidenav .level2 li.active1 a{color: #0766B9;font-weight: bold;}
.proleft{width: 300px; float: left;}
.proright{width: calc(100% - 350px);  float: right; }
/* ==========================================================================
   Sidebar
   ========================================================================== */
.siderbar .title{height: 80px; line-height: 80px; padding:0 10px;
    position: relative;background: #0766b9;color: #fff;  text-align: center;}
.siderbar .title h3{font-size: 24px;}
.siderbar .title .btn_jt{display: block; height:40px;width: 50px; cursor: pointer; position: absolute; top: 25px; right: 0; text-align: center; line-height: 40px; display: none;}
.siderbar .title .inco01{ height:40px;width: 50px; display: block; 
    background: url(../images/inco-open.png) center no-repeat;}
.siderbar .title .cur .inco01{ height:40px;width: 50px; display: block; 
    background: url(../images/inco-close.png) center no-repeat;}
.siderbar .sunnav{background: #f0eeee;margin-top: 20px;}
.siderbar .sunnav li{font-size: 18px; line-height: 60px; background: #f3f4f9;border-bottom: 1px solid #fff; text-indent:30px; position: relative;}
.siderbar .sunnav li a{width: 100%; display: block; height:60px;}
.siderbar .sunnav li a:hover {color: #893f9d;}
.siderbar .sunnav li.active a.one_menu{background: #0766b9;color: #fff;}
.siderbar .sunnav li.active a{color: #fff;}
.siderbar .sunnav li.active .two_menu a{
    color:#333;
    font-size: 14px;
    padding-left: 15px;
}
.siderbar .sunnav li.active .two_menu a:hover{
    color:#893f9d;
}
.siderbar .sunnav li.active .thr_menu a{
    color:#333;
    font-size: 14px;
    padding-left: 30px;
}
.siderbar .sunnav li.active .thr_menu a:hover{
    color:#893f9d;
}
.siderbar .sunnav li:before {
    content: "";display: block; top:20px; right: 20px; position: absolute; width:20px;height: 20px;
    background: url(../images/arr13.png) bottom center no-repeat;transition: background 0.5s;
}
.siderbar .sunnav li.active:before{background-position: top center;}
.siderbar .sunnav .level2 li{margin-bottom: 0; font-size: 13px;height: 30px; line-height: 30px;background: #f0eeee;border-color: #f0eeee; }
.siderbar .sunnav .level2 li a{text-indent:30px;background: #f0eeee; height: 30px;color: #333;}
.siderbar .sunnav .level2 li.on a{color: #024099;font-weight: bold;}
.siderbar .sunnav .level2{padding: 10px 0;background: #f0eeee;}
.siderbar .sunnav .level2 li:before {
    content: "";display: block; top:8px; right: 20px; position: absolute; width:16px;height: 16px;
    background: url(../images/arr12.png) bottom center no-repeat;transition: background 0.5s;
}
.siderbar .sunnav .level2 li.active:before{background-position: top center;}
@media only screen and (max-width: 1280px) {
    .pro_container{width: calc(100% - 40px);}
    .probox .pic{width: 150px;height: 150px; line-height: 150px;}
    .probox .pic img{width:100%;height: auto;}
    .probox .txt{width: calc(100% - 180px);}
}
@media only screen and (max-width: 1024px) {
    .siderbar .sunnav{display: none;}
    .siderbar .title{padding:0 10px;line-height: 40px;height: 40px;
        text-align: left; color: #fff;display: block!important;}
    .proleft,.proright{width: 100%;  float: none; }
    .siderbar .title h3{padding-left: 0;font-size: 14px;}
    .siderbar .sunnav li{font-size: 14px;}
    .siderbar{margin-bottom: 10px;}
    .siderbar .title .btn_jt{ top: 0;display: block;}
    .pro_container{margin-top: 20px;}
}
@media only screen and (max-width: 768px) {
    .prolist{margin-left:0px;}
    .prolist li{width:100%;margin-left:0;float: none;margin-top: 18px;}
    .probox .txt .tit{font-size: 12px; line-height: 20px; height: 60px;margin-top:5px;}
    .probox .pic{width: 100px;height: 100px; line-height: 100px;}
    .probox .txt{width: calc(100% - 140px);}
}

.siderbar .titleContainer {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.siderbar .titleContainer .filterTitle {
    font-size: 16px;
    font-weight: 700;
}
.siderbar .titleContainer .filterClear {
    cursor: pointer;
    color: #0066CC;
}
.siderbar .titleContainer .filterClear:hover {
    color: #00BFFF;
}
.siderbar .searchContainer {
    padding: 10px;
    background: #fafafa; 
    border-bottom-color: black; 
    border-bottom-style:solid;
    border-bottom-width: 3px;
}
.siderbar .searchContainer .filterSearch{
    width: calc(90% - 50px);
}
.siderbar .searchContainer .filterBtn{
    width: 50px;
    background: none;
    cursor: pointer;
}
.siderbar .typeContainer {
    padding: 10px;
    background: #fafafa; 
}
.siderbar .typeContainer .filterSelect {
    width: 90%;
    height: 25px;
}
.siderbar .tagContainer {
    padding: 10px;
    background: #fafafa;
    border-top-color: black; 
    border-top-style:solid;
    border-top-width: 3px;
}
.siderbar .tagContainer .tagActionDiv {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.siderbar .tagContainer .tagActionDiv .tagAction {
    cursor: pointer;
    color: #0066CC;
}
.siderbar .tagContainer .tagActionDiv .tagAction:hover {
    color: #00BFFF;
}
.siderbar .tagContainer .tagMainDiv {
    cursor: pointer;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.siderbar .tagContainer .tagMainDiv .tagMainImg {
    height: 18px;
    float: left;
}
.siderbar .tagContainer .tagMainDiv .tagMainLi {
    margin-left:5px;
    font-size: 16px;
}
.siderbar .tagContainer .tagSecondDiv {
    margin-left: 25px;
    display: flex;
    align-items: center;
}
.siderbar .tagContainer .tagSecondDiv .tagSecondLabel {
    margin-left: 5px;
}

.newprolist {
    margin-left: 0;
}

.newprolist .productLi {
    width: 100%;
    margin-left: 0;
}
.newprolist .warp {
    display: flex;
    align-items: center;
}
.newprolist .txt {
    flex-grow: 1;
}
.newprolist .txt .tit{
    line-height: 40px;
}
.newprolist .txt .tit a{
    color: #0766b5;
    font-weight: 400;
    font-size: 30px;
}
.newprolist .txt .tit a:hover{
    color: #5555cc;
    text-decoration: underline;
    text-decoration-thickness: from-font;
}
.newprolist .txt li{
    width: calc(100% - 50px);
    list-style-type: disc;
    margin-top: 10px;
    text-align: left;
}
.newprolist .txt li p span{
    font-size: 14px !important;
    font-family: '思源黑体 CN Normal', sans-serif !important;
}
@media only screen and (max-width: 1024px) {
    .siderbar {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .newprolist .warp {
        flex-direction: column;
    }
    .newprolist .txt {
        text-align: center;
    }
    .newprolist .txt .tit {
        height: auto;
        line-height: normal;
    }
    .newprolist .txt .tit a{
        font-size: 20px;
    }
    .newprolist .txt li {
        width: 100%;
    }
    .newprolist .txt {
        width: calc(100% - 60px);
    }
}

.downloadlist li{
    width: 98%;
}

.downloadlist li .txt{
    width: auto;
}

.downloadlist li .txt .tit{
    margin-top: 0;
}

.downloadlist li .txt .tit a:hover{
    color:#5555cc;
}

@media only screen and (max-width: 768px) {
    .downloadlist{
        margin-top: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .downloadlist li .txt .tit{
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .downloadlist{
        margin-top: 25px;
    }
}