@import url("base.css");

* {
    padding: 0px;
    margin: 0px;border:none;text-align:center;
}
a{text-decoration:none;}
body {
    background-color: #f6f4f4;
    color: #333333;
}

.clear {
    clear: both;
}

.beijingse {
    margin:0px auto;
    text-align:center;
}

.title {
}

h2 {
    background: linear-gradient(to right, #0051bf, #4380d0);text-align:left;
    color: #fff;
    padding: 10px;
}

.cxk {
  border: 1px solid #999;
     width: 65%;margin:50px auto;
}
  /*
   
    position: relative;
    left: 50%;
    transform: translate(-50%);
    top: 50px;
    width: 65%;
    z-index: 100;
    */
.cxk2 
{
  
    width:65%;margin:0px auto;
}
  /*
    float: left;
    border: none;
    position: relative;
    left: 50%;
    top: 50px;
    width: 65%;
    z-index: 100;
    */
.wbkj {
    float: left;
    height: 45px;
    width: 90%;
    background-color: #fff;
}

#name2, #keyword {
    height: 45px; 
    text-align:left;
    border: 0px;
    text-indent: 1em;
    width: 100%;
}
.wwbox #keyword {
width:100%;
}
.chaxun {
    float: left;
    height: 45px;
    line-height: 20px;
    width: 10%;
    text-align: center;
    color: #fff;
    background-color: #0051bf;
    font-size: 20px;
    border: 1px solid #0051bf;
    cursor:pointer;padding:0px;
}

    .chaxun:hover {
        background-color: #0051bf;
    }
.biaoti {
    height: 30px;
    text-align: center;
    border: 1px solid #999;
    background-color: #00aff0;
    color: #fff;
}

.isotope-container {
    overflow: inherit;
}

.bwlb  
{
    margin:0px auto;text-align:center;
}

.bwlbbj {
    clear:both;
    float: none;
    width: 100%;
}

    .bwlbbj ul {
        list-style: none;
    }

        .bwlbbj ul li {
            border-radius: 10px;
            padding: 8px 20px;
            border: 1px solid #cacaca;
            color: #000;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 400;
            /*float: left;*/
            margin-right: 20px;
            text-align: center;
            cursor:pointer;
            display:inline-block;
        }
       
            .bwlbbj ul li:hover, .bwlbbj ul li:hover a {
                color: #0051bf
            }

            .bwlbbj ul li.active:hover a {
                color: #fff;
            }
            .bwlbbj ul li:hover {
                border: 1px solid #0051bf;
                color: #0051bf;
            }
        .bwlbbj ul #tab1:hover {
        
        }

        .bwlbbj .active {
            border-radius: 10px;
            
            color: #fff;
             
            background: linear-gradient(to right, #0051bf, #4380d0);
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 400;
        }
        .bwlbbj .active:hover{color:#fff;}
        .item-work a {
            color: #000;
        }

.worklist {
    float: left;
    margin-top:60px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

    .worklist .rimg {
        float: left;
        width: 20px;
        height: 20px;
        margin-top: 8px;
        margin-left: -30px;
    }
.worklist .rimg img{width:20px;height:20px;}
.left {
    float: left;
    margin-bottom: 20px;
}

.worklist a {
    background-color: #4380d0;
    color: #fff;
    border-radius: 30px;
    height: 37px;
    line-height: 37px;
    width: 190px;
    float: left;
    text-align: center;
}
.worklist a:hover {
    background-color: #0051bf;
 
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 500px) 
{
    
    .cxk2 
{
  
    width:96%;margin:0px auto;
}
                                      
                                      
    .bwlbbj ul {
 text-align:center;
    }
    .bwlbbj ul li {
        margin-top: 10px;
        float: none;
        padding: 8px 0px 8px 0px;display:block;
        clear:both;width:75%;max-width:75%;overflow:hidden;    margin: 0px auto 15px auto;
    }

    .bwlbbj .active {
        
      
        margin-right: auto;
    }

    .bwlb {
        top: 160px;width: auto;
    }

    .cxk {
        top: 10px;width:90%;
    }

    .wbkj {
        width: 76%;
    }

    .chaxun {
        width: 24%;
    }
    .bwlb .worklist {float:right;}
    .bwlbbj ul li:hover {}
    .bwlbbj ul li{}
.worklist{left:0px;}
}