.main_theme {
        background :url(../img/witness/3M_witness_slide.jpg) no-repeat center 0px;
        height:260px;
        background-size: cover;
    }
    .witness_bd {
        /*background :url(../img/witness_3M_temp.jpg) no-repeat center 0px; */
        height:1030px;
        padding-top: 85px;
    }
    .witness_mainWrp {
        background-color: #ffffff;
        height:168px;
        padding:12px 13px;
    }
    .witness_mainWrp h3 {
        font-size: 20px;
    }
    .witness_mainWrp h4 {
        font-size: 16px;
    }

    .witness_called {
        display: inline-block;
        margin:8px 8px 8px 0;
        vertical-align: middle;
    }
    .witness_called .moreword {
        font-size: 140%;
    }
      

    .witness_bdTp {
        margin-bottom: 50px;
        width:489px;
        position:relative;
        float:left;
        height:385px;
    }

    .witness_bdTp p,.witness_bdBtm p {
        padding:5px 0;
    }
    
    .witness_bdTp h2 {
        font-size: 19px;
    }

    
    .witness_space { 
        margin-left: 38px;
    }

    .witness_bdBtm {
        width:314px;
        position:relative;
        float:left;
        height:370px;
        margin-bottom: 50px;
    }
    

    .witness_topColor {
        height: 5px;
        width:100%;
        position: relative;
        
    }
    .witness_topic {
        position: absolute;
        top:0px;
        left:0px;
        width:100px; 
        height:16px;
        font-size:12px;
    }
    .witness_name {
        position: absolute;
        top:18px;
        left:0px;
        width:110px; 
        font-size: 16px;
        font-weight: bold;
    }
    
/*small pic*/
    .witness_smallPic {
        position: relative;
        margin:5px;
        border-radius: 99px;
    }
/*small pic*/
    
/*hover area*/
   .witness_link {
        float:right;
        margin:28px 5px 0 0 ;
    }
    .witness_link a,.witness_mainPic a {
        opacity:1;
        filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
             -ms-transition: all .5s ease-in-out;
              -o-transition: all .5s ease-in-out;
                 transition: all .5s ease-in-out; 
    }
    .witness_link a:hover,.witness_mainPic a:hover {
        opacity:0.6;
        filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
    }
/*hover area*/

/*product color*/

    .color_azureBlue  {
        background: #2185f5;
    }
    .text_azureBlue {
        color:#2185f5;
        margin-bottom: 5px;
    }
    .color_royalBlue  {
        background: #658196;
    }
    .text_royalBlue {
        color:#658196;
        margin-bottom: 5px;
    }
    .color_yellow  {
        background: #fed104;
    }
    .text_yellow {
        color:#fed104;
        margin-bottom: 5px;
    }
    .color_green  {
        background: #b3d22f;
    }
    .text_green {
        color:#b3d22f;
        margin-bottom: 5px;
    }
    .color_orange {
        background: #fc6902;
    }
    .text_orange {
        color:#fc6902;
        margin-bottom: 5px;
    }