@charset "utf-8";
body{ font-family:pingfang-r,"微软雅黑","思源黑体"; margin:0; padding:0; color: #444;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none;}
input,button{ border:none; outline:none; background: none;}
button:hover,button:focus,button:active{ outline: none; }
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }


.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

.headimg{
    width: 818px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -409px;
}
.wrap{
    width: 1896px;
    margin: auto;
    overflow: hidden;
    margin-top: 12px;
    padding: 26px 27px 13px;
    position:relative ;
    background: url(../images/bg1.png) no-repeat left top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.headTop a.location{
    float: left;
    padding-left:38px;
    font-size: 18px;
    margin-bottom: 27px;
    color: #07c2ff;
    background: url(../images/home.png) no-repeat left center;
}
.headTop .timebox{
    float: right;
    font-size: 18px;
    color: #07c2ff;
}
.mainleft{
    float: left;
    width: 1448px;
}
.leftbox{
    width: 374px;
    float: left;
}
.hgphbox,.cwphbox{
    background: url(../images/bg2.png) no-repeat left top;
    height: 305px;
    padding: 0 24px 45px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hgphbox h2,.cwphbox h2{
    color: #3cade1;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    margin-bottom: 48px;
}
.hgphbox .hgleft,.cwphbox .cwleft{
    float: left;
    width: 115px;
}
.hgphbox p,.cwphbox p{
    font-size: 14px;
    line-height: 36px;
    color: #21b9ff;
}
.hgphbox .hgright,.cwphbox .cwright{
    width: 200px;
    height: 170px;
    float: right;
}
.mapbox{
    width: 1056px;
    float: right;
    height: 628px;
}
.mainright{
    float: right;
    width: 374px;
}
.byph,.byys{
    background: url(../images/bg2.png) no-repeat left top;
    height: 305px;
    padding: 0 24px 45px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.bybox{
    width: 340px;
    height: 230px;
}
.byph h2,.byys h2{
    color: #3cade1;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    margin-bottom: 10px;
}
.ysbox{
    width: 330px;
    height: 200px;
}
.mainbottom{
    overflow: hidden;
}
.tableContent{
    height: 230px;
}
.tab{ 
    width: 96px;
    height: 20px;
}
.mainbottom .lists{
    float: left;
    height: 305px;
    margin-right: 20px;
}
.lists h2{
    font-size: 16px;
    color: #3cade1;
    text-align: center;
    line-height: 38px;
}
.lists.index0{
    width: 374px;
    background: url(../images/bg2.png) no-repeat left top;
}
.lists.index1,.lists.index2,.lists.index3{
    width: 338px;
}
.lists.index1{
    background: url(../images/bg3.png) no-repeat left top;
}
.lists.index2{
    background: url(../images/bg4.png) no-repeat left top;
}
.lists.index2 h2{
    color: #ff4f5b;
}
.lists.index3{
    background: url(../images/bg5.png) no-repeat left top;
}
.lists.index3 h2{
    color: #f9a20b;
}
.lists.index4{
    width: 374px;
    margin-right: 0;
    background: url(../images/bg2.png) no-repeat left top;
}
.lists table.fx{

}
.fx tr{
    background: rgba(0,71,162,.2);
}
.fx tr td{
    font-size: 14px;
    color: #fff;
    line-height: 38px;
}
.fx tr td span{
    font-weight: 600;
}
.comments{
    margin-top: 40px;
}
.skillbar td{
    color: #22b1fc;
    font-size: 14px;
    height: 14px;
    padding-bottom: 10px;
}
.skillbar td a{
    color: #fff;
    margin-left: 5px;
}
.skillbar span.percent{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin-right: 8px;
}

.skillbar .title{
   
}
.skillbar .fill{
    
    position: relative;
}
.skillbar .filled{
    z-index:8;
    position:absolute;
    top:4px;
    left:0;
    background-color:rgba(0, 0, 0, 0.3);
    height:14px;
    width:100%;
}
.skillbar.index0 .filled{
    background-image: linear-gradient(to right, #0076ff , #05abff);
}
.skillbar.index1 .filled{
    background-image: linear-gradient(to right, #0076ff , #05acff);
}
.skillbar.index2 .filled{
    background-image: linear-gradient(to right, #e5a83f , #ffe4b8);
}
.skillbar.index3 .filled{
    background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
}
.skillbar.index4 .filled{
    background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
}
.skillbar.index5 .filled{
    background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
}
.skillbar.index6 .filled{
    background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
}