 
   
   #header{
        background: #2a90e0;
    }

    .ctitle{
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        margin-top: 92px;
        /* border-top: 1px solid black; */
    }
    .colorfulbg{
        background: red;
        padding: 0 5px;
        color: white;
    } 
    .ctitle span{
        line-height: 48px;
    }

     .contentbanner{
         /* width: 100%; */
         /* height: 388px; */
         /* padding-top: 94px; */
         /* background: #2b90e0; */
         /* background: linear-gradient(rgba(19, 89, 219, 0.65), rgba(10, 89, 236, 0.555)), url(img/banner.png); */
         box-sizing: border-box;
        
     }
     .contentbanner img{
          box-sizing: border-box;
          width: 100%;
          min-height: 188px;
     }
     .crumb{
         width: 100%;
         height: 38px;
         border-bottom: 1px solid #dddddd;
         box-sizing: border-box;
         color: #cdcdcd;
         line-height: 38px;
     }
     .crumb span:hover{
         color: #2b90e0;
         cursor: pointer;
     } 

   


     .contentdetail{
         border-bottom: 1px solid #f4f4ff;
         background: #f8f8f8; 
     }
     .contentdetail .container{
         display: flex; 
     }
   
    /* 左侧iframe */
    .contentdetail .container .descbody{
         text-align: center;
         padding : 18px;
         flex: 3;  
     }
    
    
       /* 右侧导航 */
     .contentdetail .leftnav{
         flex: 1; 
         background: #f8f8f8; 
         display: flex;       
         flex-direction: column;
         text-align: center; 
     }
     .contentdetail .leftnav img{
         clear: both;
         margin-top: 18px;
     }
     .contentdetail .leftnav ul{
         background:white ;
         box-sizing: border-box; 
         padding:0;margin:0;
         border:2px solid #ff860c8a;
         border-top: 60px solid #ff860c;
         /* display: contents; */
     }
     .contentdetail .leftnav ul li{
         list-style: none;
         padding: 12px 0;
         margin:0;
         background: white; 
     }
       .contentdetail .leftnav ul li a{
         color: rgba(0, 0, 0, 0.37);
     }
     .contentdetail .leftnav ul li:hover,.contentdetail .leftnav ul li a:hover{
         background: #2b90e0;
         color: white;
     }  
        @media (max-width: 768px) {
        .leftnav{
            display: none;
        }
        .contentdetail .leftnav{
            display: none;
        }
         .contentdetail .descbody{
            width: 100%;
        
     }
    
     }

     
     /* 分布导航 */
     .contentdetail .pagenation{
         padding: 10px;
         border-top: 1px solid #cdcdcd;
         text-align: center;
     }
     .contentdetail .pagenation button{
         border: none;
         padding: 10px 28px;  
     }
     .contentdetail .pagenation span{
         padding: 10px 28px;
         background: #2a90e0;
         color: white;
         border: 1px solid #2a90e0;
     }
     @media (max-width: 768px) {
         .contentdetail .pagenation div{
             display: none;
         }
     }
 