.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; height:80px; 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);}
}