You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
245 lines
5.1 KiB
245 lines
5.1 KiB
@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);
|
|
} |