.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% - 170px);margin-left: 15px;float: left;margin-top: 18px;}

.probox{border-radius:5px;background-size: cover; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}

/* .probox:hover{background:url(../image/probg02.jpg) center no-repeat;background-size: cover;} */

.probox .warp{padding:20px 10px;}

.probox .pic{ float: left; }

.probox .pic img{transition: all 0.3s linear;}

.probox:hover .pic img{ transform: scale(1.1);}

.probox .txt{width:260px; 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: 120px; 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;}

.probox .txt .btn a em{margin-left: 10px;vertical-align: top;margin-top: 5px; width: 20px; height: 20px; display: inline-block;

  background:url(../image/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(../image/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(../image/inco-open.png) center no-repeat;}

.siderbar .title .cur .inco01{ height:40px;width: 50px; display: block; 

  background: url(../image/inco-close.png) center no-repeat;}

.siderbar .sunnav{background: #f0eeee;margin-top: 20px;}



.siderbar .sunnav li{font-size: 18px; line-height: 60px; background: #f8f8f8;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: #0766b9;}

.siderbar .sunnav li.active{background: #0766b9;color: #fff;}

.siderbar .sunnav li.active a{color: #fff;}

.siderbar .sunnav li:before {

content: "";display: block; top:20px; right: 20px; position: absolute; width:20px;height: 20px;

background: url(../image/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: 15px;height: 40px; line-height: 40px;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(../image/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: 100%;height: 100%; line-height: 100px;}

.probox .txt{width: calc(100% - 140px);}

}