|
@@ -1,15 +1,15 @@
|
|
/* -------------------------------- 公用 -------------------------------- */
|
|
/* -------------------------------- 公用 -------------------------------- */
|
|
.head-nav{ width:100%; padding: 10px; position: absolute; left: 0; top: 5px; z-index: 100;}
|
|
.head-nav{ width:100%; padding: 10px; position: absolute; left: 0; top: 5px; z-index: 100;}
|
|
.head-nav ul{ position: relative;}
|
|
.head-nav ul{ position: relative;}
|
|
-.head-nav ul li{ width: 236px; height: 70px; font-size: 22px; color: #2ff5ff; line-height: 70px; text-align: center; text-shadow: 0 0 20px #7c2bff; background: url(../images/navbg-normal.png)no-repeat center center; transition: all 0.25s ease-in-out;}
|
|
|
|
-.head-nav ul li:hover{ color: #ffc196; text-shadow: 0 0 20px #f90;}
|
|
|
|
-.head-nav ul li.active { color: #ffc196; text-shadow: 0 0 20px #f90; background: url(../images/navbg-on.png)no-repeat center center; }
|
|
|
|
|
|
+.head-nav ul li{ width: 236px; height: 70px; font-size: 22px; color: #F8B551; line-height: 70px; text-align: center; text-shadow: 0 0 20px #F8B551; background: url(../images/navbg-normal.png)no-repeat center center; transition: all 0.25s ease-in-out;}
|
|
|
|
+.head-nav ul li:hover{ color: #FFF3B3; text-shadow: 0 0 20px #FFF3B3;}
|
|
|
|
+.head-nav ul li.active { color: #ffc196; text-shadow: 0 0 20px #FFF3B3; background: url(../images/navbg-on.png)no-repeat center center; }
|
|
.head-nav ul a.l-li{ margin-left: 2%; float: left;}
|
|
.head-nav ul a.l-li{ margin-left: 2%; float: left;}
|
|
.head-nav ul a.r-li{ margin-right: 2%;float: right; transform: rotateY(180deg);}
|
|
.head-nav ul a.r-li{ margin-right: 2%;float: right; transform: rotateY(180deg);}
|
|
.head-nav ul a.r-li li h2{transform:rotateY(180deg);}
|
|
.head-nav ul a.r-li li h2{transform:rotateY(180deg);}
|
|
|
|
|
|
-.title{ width:775px; height: 123px; text-align:center; background: url(../images/title-bg.png) no-repeat center center; position: absolute; top:0; left: 50%; margin-left: -387px; text-shadow: 0 0 60px #7c2bff;}
|
|
|
|
-.title h1{ font-size: 36px; color:#2ff5ff; font-weight:600; text-indent: 60px; letter-spacing:8px; margin-top: 10px; background: url(../images/d-logo.svg) no-repeat 34% bottom;}
|
|
|
|
|
|
+.title{ width:775px; height: 123px; text-align:center; background: url(../images/title-bg.png) no-repeat center center; position: absolute; top:0; left: 50%; margin-left: -387px; text-shadow: 0 0 60px #F8B551;}
|
|
|
|
+.title h1{ font-size: 36px; color:#F8B551; font-weight:600; text-indent: 60px; letter-spacing:8px; margin-top: 10px; background: url(../images/d-logo.png) no-repeat 34% bottom;font-weight: bold;}
|
|
|
|
|
|
.container{ width: 100%; height: 100%; padding: 90px 10px 10px 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; position: absolute; }
|
|
.container{ width: 100%; height: 100%; padding: 90px 10px 10px 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; position: absolute; }
|
|
.content{ padding: 10px; overflow: hidden; }
|
|
.content{ padding: 10px; overflow: hidden; }
|
|
@@ -20,13 +20,13 @@
|
|
/* -------------------------------- 左 -------------------------------- */
|
|
/* -------------------------------- 左 -------------------------------- */
|
|
.box{
|
|
.box{
|
|
width:100%;
|
|
width:100%;
|
|
- background-image: linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff);
|
|
|
|
|
|
+ background-image: linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3);
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 1px 12px, 1px 12px, 1px 12px, 1px 12px;
|
|
background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 1px 12px, 1px 12px, 1px 12px, 1px 12px;
|
|
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
|
|
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
|
|
padding: 20px 25px;
|
|
padding: 20px 25px;
|
|
background-color: rgba(0,0,0,.1);
|
|
background-color: rgba(0,0,0,.1);
|
|
- box-shadow:inset 0 0 1px #00f0ff,inset 0 0 20px rgba(124,43,255,.2);
|
|
|
|
|
|
+ box-shadow:inset 0 0 1px #FFF3B3,inset 0 0 20px rgba(248,181,81,.2);
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
.b-1{ height: 570px; overflow: hidden;}
|
|
.b-1{ height: 570px; overflow: hidden;}
|
|
@@ -38,8 +38,8 @@
|
|
.box-header h2{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 36px; color: #ffc196; line-height: 82px; float: left;}
|
|
.box-header h2{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 36px; color: #ffc196; line-height: 82px; float: left;}
|
|
.box-1-list{ width:100%; background: rgba(255,255,255,.05); padding: 13px 20px; float: left; margin-bottom: 10px; border-radius: 3px;}
|
|
.box-1-list{ width:100%; background: rgba(255,255,255,.05); padding: 13px 20px; float: left; margin-bottom: 10px; border-radius: 3px;}
|
|
.box-1-list table th{ width:70px; font-size: 16px; color: #fff; text-align: left;}
|
|
.box-1-list table th{ width:70px; font-size: 16px; color: #fff; text-align: left;}
|
|
-.box-1-list table td{ font-size: 16px; color: #597ca1; text-align: left; padding: 2px 0;}
|
|
|
|
-.box-1-list table td.t-number{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 26px; color: #2ff5ff;}
|
|
|
|
|
|
+.box-1-list table td{ font-size: 16px; color: #fff; text-align: left; padding: 2px 0;}
|
|
|
|
+.box-1-list table td.t-number{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 26px; color: #FFC196;}
|
|
.list-2 table td{ width:33.33%;}
|
|
.list-2 table td{ width:33.33%;}
|
|
|
|
|
|
.b-3{ margin-top: 15px; float: left; overflow: hidden;}
|
|
.b-3{ margin-top: 15px; float: left; overflow: hidden;}
|
|
@@ -56,21 +56,21 @@
|
|
.mid-nav-content{ margin: 0 4%; position: relative;}
|
|
.mid-nav-content{ margin: 0 4%; position: relative;}
|
|
|
|
|
|
.nav-title{ font-size: 20px; color: #fff; text-align: center;}
|
|
.nav-title{ font-size: 20px; color: #fff; text-align: center;}
|
|
-.nav-number{
|
|
|
|
|
|
+.nav-number{
|
|
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
|
|
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
|
|
font-size: 36px;
|
|
font-size: 36px;
|
|
color: #ffc196;
|
|
color: #ffc196;
|
|
text-align: center;
|
|
text-align: center;
|
|
text-shadow: 0 0 20px #f90;
|
|
text-shadow: 0 0 20px #f90;
|
|
min-width: 160px;
|
|
min-width: 160px;
|
|
- background-image: linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff), linear-gradient(#01ffff, #01ffff);
|
|
|
|
|
|
+ background-image: linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3), linear-gradient(#FFF3B3, #FFF3B3);
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
background-size: 10px 1px, 10px 1px, 10px 1px, 10px 1px, 1px 10px, 1px 10px, 1px 10px, 1px 10px;
|
|
background-size: 10px 1px, 10px 1px, 10px 1px, 10px 1px, 1px 10px, 1px 10px, 1px 10px, 1px 10px;
|
|
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
|
|
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
|
|
padding: 5px 20px;
|
|
padding: 5px 20px;
|
|
margin: 15px 0;
|
|
margin: 15px 0;
|
|
- background-color: #112854;
|
|
|
|
- box-shadow:inset 0 0 1px #00f0ff,inset 0 0 20px rgba(124,43,255,.1);
|
|
|
|
|
|
+ background-color: #841B0C;
|
|
|
|
+ box-shadow:inset 0 0 1px #FFF3B3,inset 0 0 20px rgba(124,43,255,.1);
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
.nav-number:before{ content: ""; width:15px; height: 1px; background: #01ffff; position: absolute; top:50%; left: -15px; margin-top: -1px;}
|
|
.nav-number:before{ content: ""; width:15px; height: 1px; background: #01ffff; position: absolute; top:50%; left: -15px; margin-top: -1px;}
|
|
@@ -80,9 +80,9 @@
|
|
.map-content .map-box{ width:33.33%; padding: 0 3%; }
|
|
.map-content .map-box{ width:33.33%; padding: 0 3%; }
|
|
.map-content .map-box h3{ font-size: 18px; text-align: center;}
|
|
.map-content .map-box h3{ font-size: 18px; text-align: center;}
|
|
.map-content .map-box .map{ width:100%; height: 230px;}
|
|
.map-content .map-box .map{ width:100%; height: 230px;}
|
|
-.map-content .map-box .guangdong{ background: url(../images/guangdong.svg)no-repeat center center; background-size: 95%;}
|
|
|
|
-.map-content .map-box .hunan{ background: url(../images/hunan.svg)no-repeat center center; background-size: 70%;}
|
|
|
|
-.map-content .map-box .hainan{ background: url(../images/hainan.svg)no-repeat center center; background-size: 75%;}
|
|
|
|
|
|
+.map-content .map-box .guangdong{ background: url(../images/guangdong.png)no-repeat center center; background-size: 95%;}
|
|
|
|
+.map-content .map-box .hunan{ background: url(../images/hunan.png)no-repeat center center; background-size: 70%;}
|
|
|
|
+.map-content .map-box .hainan{ background: url(../images/hainan.png)no-repeat center center; background-size: 75%;}
|
|
.map-items{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
|
|
.map-items{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
|
|
.map-items li span{ font-size: 16px; }
|
|
.map-items li span{ font-size: 16px; }
|
|
.map-items li h1{width:100%; font-size: 30px; color: #ffc196; padding: 6px 0; }
|
|
.map-items li h1{width:100%; font-size: 30px; color: #ffc196; padding: 6px 0; }
|