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.
895 lines
13 KiB
895 lines
13 KiB
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
list-style: none;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: "寰蒋闆呴粦", arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
border: 0;
|
|
outline: none;
|
|
color: #b5e0ff;
|
|
}
|
|
|
|
.clearfix:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
visibility: hidden;
|
|
height: 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.clearfix {
|
|
zoom: 1;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background: url(../img/bg.jpg) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
background-color: #17327e;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* 婊氬姩鏉℃粦鍧� */
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 3px;
|
|
background: #496bc9;
|
|
}
|
|
|
|
/* 澶撮儴 */
|
|
.header {
|
|
width: 100%;
|
|
height: 136px;
|
|
background: url(../img/topperbg.png) top center no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
}
|
|
|
|
.logo {
|
|
width: 406px;
|
|
height: 74px;
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 50%;
|
|
margin-left: -203px;
|
|
}
|
|
|
|
.menu {
|
|
width: 100%;
|
|
height: 70px;
|
|
padding: 0 26px;
|
|
}
|
|
|
|
.menu li.menu_fl {
|
|
width: 198px;
|
|
height: 70px;
|
|
float: left;
|
|
transform: skewX(45deg);
|
|
border-left: 1px solid #166099;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.menu li.menu_fr {
|
|
width: 198px;
|
|
height: 70px;
|
|
float: right;
|
|
border-right: 1px solid #166099;
|
|
position: relative;
|
|
transform: skewX(-45deg);
|
|
}
|
|
|
|
.menu li a {
|
|
height: 70px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
line-height: 70px;
|
|
color: #79c6fe;
|
|
font-size: 22px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.menu li.menu_fl a {
|
|
transform: skewX(-45deg);
|
|
}
|
|
|
|
.menu li.menu_fr a {
|
|
transform: skewX(45deg);
|
|
}
|
|
|
|
.menu li:hover,
|
|
.menu li.selected {
|
|
background: #0b2b5e;
|
|
box-shadow: rgba(118, 197, 253, 0.8) 0px 0px 6px inset;
|
|
}
|
|
|
|
.menu li a img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
/* 鐢ㄦ埛 */
|
|
.dropbtn {
|
|
width: 26px;
|
|
height: 44px;
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
|
|
.dropdown {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 25px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
border: 1px solid #155895;
|
|
width: 120px;
|
|
background: rgba(3, 25, 102, 0.9);
|
|
right: 0;
|
|
border-radius: 4px;
|
|
}
|
|
.dropdown-content span {
|
|
overflow: hidden;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-left: 7px solid transparent;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid #031966;
|
|
top: -7px;
|
|
font-size: 0;
|
|
right: 7px;
|
|
position: absolute;
|
|
}
|
|
.dropdown-content a {
|
|
color: black;
|
|
line-height: 36px;
|
|
text-decoration: none;
|
|
display: block;
|
|
color: #b5e0ff;
|
|
padding: 0 14px;
|
|
}
|
|
.dropdown-content a img{
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.dropdown-content a:hover {background-color: #0b2b5e}
|
|
|
|
.dropdown:hover .dropdown-content {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* 棣栭〉鍐呭 */
|
|
#wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-top: 70px;
|
|
position: relative;
|
|
}
|
|
|
|
#sidebar-wrapper {
|
|
background: rgba(3, 25, 102, 0.95);
|
|
position: fixed;
|
|
top: 0px;
|
|
left: -330px;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
width: 330px;
|
|
height: 100%;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
padding: 110px 15px 15px;
|
|
}
|
|
|
|
|
|
#wrapper.toggled #sidebar-wrapper {
|
|
position: fixed;
|
|
left: 0px;
|
|
|
|
}
|
|
|
|
|
|
#wrapper.toggled .menu-icon img {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
#wrapper.toggled .content-wrapper {
|
|
margin-left: 330px;
|
|
}
|
|
|
|
#sidebar-wrapper1 {
|
|
background: rgba(3, 25, 102, 0.95);
|
|
position: fixed;
|
|
bottom: -300px;
|
|
left: 50%;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
width: 1510px;
|
|
height: 300px;
|
|
margin-left: -755px;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
padding:20px;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
|
|
#wrapper.toggled1 #sidebar-wrapper1 {
|
|
position: fixed;
|
|
bottom: 0px;
|
|
|
|
}
|
|
#wrapper.toggled1 .menu-icon1{
|
|
bottom: 300px;
|
|
}
|
|
|
|
#wrapper.toggled1 .menu-icon1 img {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
|
|
/* Page Content Wrapper */
|
|
.content-wrapper {
|
|
margin-left: 0px;
|
|
padding-top: 10px;
|
|
overflow-x: hidden;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
position: relative;
|
|
background-size: 100% 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.toggle-menu i {
|
|
top: 400px;
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 50px;
|
|
background: rgba(3, 25, 102, 0.95);
|
|
line-height: 50px;
|
|
text-align: center;
|
|
border-radius: 0 4px 4px 0;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
|
|
}
|
|
|
|
.toggle-menu i img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
|
|
.toggle-menu1 i {
|
|
bottom: 0px;
|
|
left: 50%;
|
|
margin-left: -25px;
|
|
position: absolute;
|
|
width: 50px;
|
|
height: 40px;
|
|
background: rgba(3, 25, 102, 0.95);
|
|
line-height: 40px;
|
|
text-align: center;
|
|
border-radius: 4px 4px 0 0;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
|
|
}
|
|
|
|
.toggle-menu1 i img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
transform: rotate(0deg);
|
|
}
|
|
/* 宸︿晶tree */
|
|
.tree-wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.tree-tit {
|
|
height: 40px;
|
|
background: url(../img/tree-tit.png) no-repeat;
|
|
line-height: 40px;
|
|
padding-left: 14px;
|
|
color: #61e5ff;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.tree-tit img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.tree-con {
|
|
height: calc(100% - 40px);
|
|
padding: 20px;
|
|
background: url(../img/treebg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
/* 鍗曚綅 */
|
|
.unit {
|
|
width: 362px;
|
|
height: 52px;
|
|
background: url(../img/unit.png) no-repeat;
|
|
padding-left: 60px;
|
|
line-height: 52px;
|
|
font-size: 18px;
|
|
color: #b5e0ff;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.unit img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.content {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
padding: 20px;
|
|
margin-top: 114px
|
|
}
|
|
|
|
.con-sjtj {
|
|
width: 360px;
|
|
height: 292px;
|
|
}
|
|
|
|
.con-sjtj1 {
|
|
height: calc(100% - 50px);
|
|
background: url(../img/sjtjbg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
padding: 15px;
|
|
}
|
|
|
|
.col-6 {
|
|
width: 50%;
|
|
float: left;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
font-size: 16px;
|
|
color: #b5e0ff;
|
|
}
|
|
|
|
.txt-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.con-number {
|
|
width: 720px;
|
|
height: 100px;
|
|
background: rgba(3, 25, 102, 0.95);
|
|
position: relative;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.con-number span.border-span {
|
|
display: block;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.con-number span.top-left {
|
|
top: 0;
|
|
left: 0;
|
|
border-top: 2px solid #01c7fb;
|
|
border-left: 2px solid #01c7fb;
|
|
}
|
|
|
|
.con-number span.top-right {
|
|
top: 0;
|
|
right: 0;
|
|
border-top: 2px solid #01c7fb;
|
|
border-right: 2px solid #01c7fb;
|
|
}
|
|
|
|
.con-number span.bottom-left {
|
|
bottom: 0;
|
|
left: 0;
|
|
border-bottom: 2px solid #01c7fb;
|
|
border-left: 2px solid #01c7fb;
|
|
}
|
|
|
|
.con-number span.bottom-right {
|
|
bottom: 0;
|
|
right: 0;
|
|
border-bottom: 2px solid #01c7fb;
|
|
border-right: 2px solid #01c7fb;
|
|
}
|
|
|
|
.con-number1 {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid #155895;
|
|
padding: 14px;
|
|
}
|
|
|
|
.con-number1 li {
|
|
width: 138px;
|
|
height: 70px;
|
|
float: left;
|
|
background: url(../img/con-numberli.png) right center no-repeat;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
.con-number1 li h2 {
|
|
height: 42px;
|
|
line-height: 42px;
|
|
font-size: 36px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.con-number1 li h5 {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-size: 16px;
|
|
color: #b5e0ff;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.con-number1 li:last-child {
|
|
background: none;
|
|
}
|
|
|
|
.con-bj {
|
|
width: 360px;
|
|
height: 410px;
|
|
}
|
|
|
|
.ssbj {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.ssbj-tit {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.ssbj-tit1 {
|
|
width: 50%;
|
|
}
|
|
|
|
.ssbj-tit1 a {
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
color: #b5e0ff;
|
|
font-size: 16px;
|
|
float: left;
|
|
}
|
|
|
|
.ssbj-tit2 {
|
|
width: 56px;
|
|
height: 30px;
|
|
background: #38b2d3;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ssbj-tit2 a {
|
|
line-height: 30px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.ssbj-tit3 {
|
|
width: calc(50% - 66px);
|
|
height: 30px;
|
|
}
|
|
|
|
.ssbj-tit3 select {
|
|
width: 100%;
|
|
height: 30px;
|
|
background: #004195;
|
|
border-radius: 4px;
|
|
padding-left: 10px;
|
|
line-height: 30px;
|
|
border: 0;
|
|
outline: none;
|
|
color: #b5e0ff;
|
|
}
|
|
|
|
.ssbj-con {
|
|
width: 100%;
|
|
height: calc(100% - 40px);
|
|
margin-top: 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.ssbj-list {
|
|
width: calc(100% - 30px);
|
|
margin: 0 15px;
|
|
padding: 16px;
|
|
background: #152e73;
|
|
position: relative;
|
|
margin-top: 12px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.bj-number {
|
|
width: 24px;
|
|
height: 24px;
|
|
background: #38b2d3;
|
|
border-radius: 12px;
|
|
text-align: center;
|
|
line-height: 24px;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: -10px;
|
|
top: -10px;
|
|
}
|
|
|
|
.ssbj-list-tit {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
color: #01c1ff;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.ssbj-list-tit span {
|
|
width: 80px;
|
|
height: 20px;
|
|
border-radius: 10px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #FFFFFF;
|
|
display: inline-block;
|
|
margin-top: 3px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.ssbj-list-con {
|
|
padding-top: 4px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
/* 瀹夐槻鍙鍖� */
|
|
.contentl {
|
|
width: 30.85%;
|
|
height: 100%;
|
|
}
|
|
|
|
@-webkit-keyframes loadRotate {
|
|
from {
|
|
-webkit-transform: rotateZ(0deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes loadRotate {
|
|
from {
|
|
transform: rotateZ(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
.contentm {
|
|
width: 38.3%;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.contentmbg{
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url(../img/middle-circle.png) center no-repeat;
|
|
-webkit-animation: loadRotate 3s linear infinite;
|
|
-webkit-animation-fill-mode: both;
|
|
animation: loadRotate 3s linear infinite;
|
|
animation-fill-mode:both;
|
|
}
|
|
|
|
.mt-20 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.cldz {
|
|
width: 100%;
|
|
height: 48.89%;
|
|
}
|
|
|
|
.cldz-con {
|
|
height: calc(100% - 40px);
|
|
background: url(../img/cldz-conbg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
padding: 20px;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
/* 鍥剧墖婊氬姩 */
|
|
.tugun {
|
|
width: 100%;
|
|
padding: 0 26px;
|
|
position: relative;
|
|
height: 120px;
|
|
}
|
|
|
|
.tu-con {
|
|
width: 100%;
|
|
}
|
|
|
|
.tugun .Box_con {
|
|
position: relative;
|
|
}
|
|
|
|
.tugun .Box_con .btnl {
|
|
position: absolute;
|
|
}
|
|
|
|
.tugun .Box_con .btn {
|
|
display: block;
|
|
width: 8px;
|
|
height: 13px;
|
|
position: absolute;
|
|
top: 55px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tugun .Box_con .btnl {
|
|
background: url(../img/jtl1.png) no-repeat;
|
|
left: -24px;
|
|
}
|
|
|
|
.tugun .Box_con .btnr {
|
|
background: url(../img/jtr1.png) no-repeat;
|
|
right: -24px;
|
|
}
|
|
|
|
.tugun .Box_con .btnl:hover {
|
|
background: url(../img/jtl2.png) no-repeat;
|
|
}
|
|
|
|
.tugun .Box_con .btnr:hover {
|
|
background: url(../img/jtr2.png) no-repeat;
|
|
}
|
|
|
|
.tugun .Box_con .conbox {
|
|
position: relative;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.tugun .Box_con .conbox ul {
|
|
position: relative;
|
|
list-style: none;
|
|
}
|
|
|
|
.tugun .Box_con .conbox ul li {
|
|
float: left;
|
|
width: 150px;
|
|
height: 120px;
|
|
margin-left: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tugun .Box_con .conbox ul li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.tugun .Box_con .conbox ul li img {
|
|
display: block;
|
|
width: 150px;
|
|
height: 120px;
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.tugun .Box_con .conbox ul li:hover img {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
/* 鍒楄〃 */
|
|
.zilist {
|
|
width: 100%;
|
|
height: calc(100% - 135px);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.zilist table {
|
|
width: 100%;
|
|
}
|
|
|
|
.zilist table tr {
|
|
height: 40px;
|
|
}
|
|
|
|
.zilist table tr.shen {
|
|
background: rgb(18, 40, 119, 0.9);
|
|
}
|
|
|
|
.zilist table tr th {
|
|
line-height: 40px;
|
|
color: #3dcdf9;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.zilist table tr td {
|
|
line-height: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.zilist table tr td img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.yjbj {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.yjbj li {
|
|
width: 50%;
|
|
height: 150px;
|
|
padding: 7px;
|
|
overflow: hidden;
|
|
border-radius: 4px;
|
|
float: left;
|
|
}
|
|
|
|
.yjbj li img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.afksh-tit {
|
|
width: 114px;
|
|
height: 100px;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -57px;
|
|
top: 50%;
|
|
margin-top: -50px;
|
|
font-size: 36px;
|
|
color: #ffe400;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.afksh-nav {
|
|
width: 100%;
|
|
height: 65.4%;
|
|
top: 17.3%;
|
|
position: absolute;
|
|
}
|
|
|
|
.afksh-nav li {
|
|
width: 196px;
|
|
height: 220px;
|
|
position: absolute;
|
|
}
|
|
|
|
.afksh-nav li.nav1 {
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.afksh-nav li.nav2 {
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.afksh-nav li.nav3 {
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.afksh-nav li.nav4 {
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.afksh-nav1 {
|
|
width: 141px;
|
|
height: 76px;
|
|
}
|
|
|
|
.nav1a {
|
|
border-top: 1px dotted #44eff5;
|
|
border-right: 1px dotted #44eff5;
|
|
}
|
|
|
|
.nav1b {
|
|
border-top: 1px dotted #44eff5;
|
|
border-left: 1px dotted #44eff5;
|
|
}
|
|
|
|
.nav1c {
|
|
border-bottom: 1px dotted #44eff5;
|
|
border-right: 1px dotted #44eff5;
|
|
}
|
|
|
|
.nav1d {
|
|
border-bottom: 1px dotted #44eff5;
|
|
border-left: 1px dotted #44eff5;
|
|
}
|
|
|
|
.afksh-nav2 {
|
|
width: 110px;
|
|
height: 144px;
|
|
background: url(../img/circleli.png) no-repeat;
|
|
padding-top: 45px;
|
|
text-align: center;
|
|
}
|
|
|
|
.nav2-img {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.nav2-img img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.nav2-tit {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-size: 16px;
|
|
color: #b5e0ff;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.pt-45 {
|
|
padding-top: 45px;
|
|
}
|
|
|