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.
355 lines
9.3 KiB
355 lines
9.3 KiB
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
* {margin: 0px;padding: 0px;font-family: 微软雅黑;text-shadow: none;}
|
|
a {text-decoration: none;outline: none;cursor: pointer;}
|
|
img { border: 0px;outline: none;display: block;}
|
|
li {list-style-type: none;}
|
|
input{outline: none; }
|
|
select{outline: none; }
|
|
.right {float: right;}
|
|
.left {float: left;}
|
|
.clear {clear: both;height: 0px;overflow: hidden;}
|
|
body{ background: url(../img/bj.jpg) no-repeat top center; background-size:100%;}
|
|
|
|
@media screen and (max-width: 372px) and (min-width: 320px){
|
|
body {
|
|
font-size: 12px;
|
|
}}
|
|
@media screen and (max-width: 425px) and (min-width: 373px){
|
|
body {
|
|
font-size: 14px;
|
|
}}
|
|
@media screen and (max-width: 479px) and (min-width: 426px){
|
|
body {
|
|
font-size: 16px;
|
|
}}
|
|
@media screen and (max-width: 532px) and (min-width: 480px){
|
|
body {
|
|
font-size: 18px;
|
|
}}
|
|
@media screen and (max-width: 585px) and (min-width: 533px){
|
|
body {
|
|
font-size: 20px;
|
|
}}
|
|
@media screen and (max-width: 640px) and (min-width: 586px){
|
|
body {
|
|
font-size: 22px;
|
|
}}
|
|
@media screen and (min-width: 641px){
|
|
body {
|
|
font-size: 24px;
|
|
}}
|
|
@media screen and (min-width: 280px){
|
|
.qifen{width:50%;}}
|
|
@media screen and (min-width: 420px){
|
|
.qifen{width:33%;}}
|
|
@media screen and (min-width: 560px){
|
|
.qifen{width:25%;}}
|
|
@media screen and (min-width: 700px){
|
|
.qifen{width:20%;}}
|
|
@media screen and (min-width: 840px){
|
|
.qifen{width:16%;}}
|
|
@media screen and (min-width: 980px){
|
|
.qifen{width:14%;}}
|
|
|
|
@media screen and (min-width: 990px){
|
|
.biao{ width:50%;}}
|
|
@media screen and (max-width: 989px){
|
|
.biao{ width:50%;}}
|
|
|
|
|
|
::-webkit-scrollbar {width:5px; background:rgba(0,0,0,0)}
|
|
/* 滚动槽 */
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: 0;
|
|
border-radius: 5px;
|
|
background:rgba(0,0,0,0.15);
|
|
}
|
|
|
|
/* 滚动条滑块 */
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
background: rgba(42,52,147,0.48);
|
|
-webkit-box-shadow:0;
|
|
}
|
|
::-webkit-scrollbar-thumb:window-inactive {
|
|
background: rgba(42,52,147,0.48);
|
|
}
|
|
|
|
|
|
.dbt{ width:75%; margin:0em auto; margin-top:3em;}
|
|
.flbt{ height:2em; font-size:1em; margin-top:1.5em; margin-bottom:0.2em;}
|
|
.flbt .wb{ display:block; float:left; background:#42B62E; height:2em; color:#fff; font-weight:normal; line-height:2em; padding-left:1em; padding-right:0.5em;}
|
|
.flbt .hw{ display:block; float:left; background:url(../img/bt-hw.png) no-repeat; background-size:100%; height:2em; width:1.4em;}
|
|
|
|
.xmlb{ margin:10px;}
|
|
.qifen{float:left;}
|
|
.xmjc{ margin:10px; position:relative; height:185px; cursor:pointer;}
|
|
.yxzt{position:relative; width:95px; margin:0px auto;}
|
|
.yxzt .yxbj{ z-index:-1; width:95px; height:95px; position:absolute;}
|
|
.yxzt .wbsm{width:94px; height:95px;}
|
|
.yxzt .wbsm span{ font-size:16px; display:block; color:#fff; width:33px; margin:0em auto; padding-top:24px;}
|
|
|
|
.xmxx{ background:#fff; border:#dfdfdf 1px solid;font-size:14px; position:absolute; top:70px; z-index:-2; padding-top:27px; width:100%;}
|
|
.xmxx .xmmc{ font-size:16px; text-align:center;}
|
|
.xmxx .sj{ position: relative; left:-7px;}
|
|
.xmxx .sj span{ display:block; font-size:14px; color:#fff; padding:7px 10px; margin-top:10px;}
|
|
.xmxx .sj strong{display:block; width:7px; height:4px; margin-bottom:15px;}
|
|
|
|
.zcyx .yxbj{ background:url(../img/zcyx-dh.png) no-repeat center; animation: myfirst 2s infinite linear;-moz-animation: myfirst 2s infinite linear;-webkit-animation: myfirst 2s infinite linear;-o-animation: myfirst 2s infinite linear;}
|
|
.zcyx .wbsm{ background:url(../img/zcyx.png) no-repeat center; }
|
|
.zcyx .xmxx .sj span{ background:#7DC527; }
|
|
.zcyx .xmxx .sj strong{ background:url(../img/sj-hw.png) no-repeat;}
|
|
.cxyc .yxbj{ background:url(../img/cxyc-bj-2.png) no-repeat center;}
|
|
.cxyc .yxbj span{ display:block; width:94px; height:95px; background:url(../img/cxyc-bj-21.png) no-repeat center;animation:bwzd 2s infinite linear;-moz-animation: bwzd 2s infinite linear;-webkit-animation: bwzd 2s infinite linear;-o-animation: bwzd 2s infinite linear;}
|
|
.cxyc .wbsm{ background:url(../img/cxyc.png) no-repeat center;background-size:78%; animation: shan 2s infinite linear;-moz-animation:shan 2s infinite linear;-webkit-animation:shan 2s infinite linear;-o-animation:shan 2s infinite linear;}
|
|
.cxyc .xmxx .sj span{ background:#FF9A26; }
|
|
.cxyc .xmxx .sj strong{ background:url(../img/sj-hwh.png) no-repeat;}
|
|
.cxyc .xmxx{ border-color:#FFBD35;}
|
|
|
|
.biao{float:left;margin-right:55px;}
|
|
.biao .b-list{ margin:10px; background:#fff; border:1px solid #dfdfdf;}
|
|
.bgbt{ background:#44C65E; padding:0.5em 1em; color:#fff; font-size:0.8em;}
|
|
.biao-lb{ padding:10px; padding-top:0px;}
|
|
.biao-lb li{ border-bottom:1px dashed #dfdfdf;}
|
|
.biao-lb li span{ display: inline-block;font-size:0.7em; padding:0.8em 0em;}
|
|
.biao-lb li .shijian{ float:right; color:#777;}
|
|
.biao-lb li .mingcheng{ width:4.5em;}
|
|
.cl-h{ color:#FF5B26;}
|
|
.cl-l{ color:#349D17;}
|
|
.cl-lan{ color:#0D98D2;}
|
|
|
|
.footer{width:100%; position:fixed; bottom:0; margin-top:30px; z-index:-4;}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-popover-mask {
|
|
z-index: 9998;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
background:#000;
|
|
opacity:0.4;
|
|
filter:alpha(opacity=40);
|
|
display:none
|
|
}
|
|
.theme-popover {
|
|
z-index:9999;
|
|
position:fixed;
|
|
top:50%;
|
|
left:50%;
|
|
width:600px;
|
|
margin:-180px 0 0 -300px;
|
|
border-radius:5px;
|
|
border:solid 2px #666;
|
|
background-color:#fff;
|
|
display:none;
|
|
box-shadow: 0 0 10px #666;
|
|
}
|
|
.theme-poptit {
|
|
padding:12px;
|
|
position: relative;
|
|
background:#2DB200;
|
|
}
|
|
.theme-poptit h3{ color:#fff; font-size:18px; font-weight:normal;}
|
|
.theme-poptit .close {
|
|
float:right;
|
|
padding:5px;
|
|
margin:-2px -5px -5px;
|
|
}
|
|
|
|
.theme-popover2 {
|
|
z-index:9999;
|
|
position:fixed;
|
|
top:50%;
|
|
left:50%;
|
|
width:600px;
|
|
margin:-180px 0 0 -300px;
|
|
border-radius:5px;
|
|
border:solid 2px #666;
|
|
background-color:#fff;
|
|
display:none;
|
|
box-shadow: 0 0 10px #666;
|
|
}
|
|
.theme-poptit2 {
|
|
padding:12px;
|
|
position: relative;
|
|
background:#FFA50F;
|
|
}
|
|
|
|
.theme-poptit2 h3{ color:#fff; font-size:18px; font-weight:normal;}
|
|
.theme-poptit2 .close {
|
|
float:right;
|
|
padding:5px;
|
|
margin:-2px -5px -5px;
|
|
}
|
|
|
|
|
|
.tknr{padding:20px 30px;}
|
|
|
|
.ztzt{ text-align:center; border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
|
|
.ztzt span{ display:inline-block; text-align:left;}
|
|
.ztzt .tswb strong{ display:block;}
|
|
.ztzt .tswb .wz{ font-weight:normal; font-size:21px; margin-bottom:8px;}
|
|
.ztzt .tswb .sm{ font-weight:normal; font-size:14px; color:#777;}
|
|
|
|
.tswb{ position:relative; top:-20px; margin-left:15px;}
|
|
|
|
.xlb p{ border-bottom:1px dashed #dfdfdf; padding:10px 5px; font-size:16px; color:#666; }
|
|
.xlb p span{ display: inline-block; width:33%;}
|
|
.biaoq{ display:inline-block; background:url(../img/zc.png) no-repeat ; width:20px; height:20px; position:relative; top:5px; margin-right:5px;}
|
|
.xlb .col-h{ color:#FF880C; font-weight:bold;}
|
|
.col-h .biaoq{ background:url(../img/bzc.png) no-repeat ;}
|
|
|
|
|
|
.zcyx-tkb-bj{width:96px; height:96px; background:url(../common/img/zcyx-tkb-bj.png) no-repeat center; }
|
|
.zcyx-tkb-dh{ display:block; width:96px; height:96px; background:url(../common/img/zcyx-tkb-dh.png) no-repeat center; animation: tktxzcdh 2s infinite linear;-moz-animation: tktxzcdh 2s infinite linear;-webkit-animation: tktxzcdh 2s infinite linear;-o-animation: tktxzcdh 2s infinite linear;}
|
|
|
|
.theme-popover2 .ztzt .tswb .wz{ color:#FF880C;}
|
|
|
|
@keyframes myfirst
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
@-moz-keyframes myfirst /* Firefox */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
@-webkit-keyframes myfirst /* Safari 和 Chrome */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
@-o-keyframes myfirst /* Opera */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
|
|
|
|
@keyframes shan
|
|
{
|
|
0%{background-size:78%;}
|
|
50%{background-size:60%;}
|
|
100%{background-size:80%;}
|
|
}
|
|
|
|
@-moz-keyframes shan /* Firefox */
|
|
{
|
|
0%{background-size:78%;}
|
|
50%{background-size:60%;}
|
|
100%{background-size:80%;}
|
|
}
|
|
|
|
@-webkit-keyframes shan /* Safari 和 Chrome */
|
|
{
|
|
0%{background-size:78%;}
|
|
50%{background-size:60%;}
|
|
100%{background-size:80%;}
|
|
}
|
|
|
|
@-o-keyframes shan /* Opera */
|
|
{
|
|
0%{background-size:78%;}
|
|
50%{background-size:60%;}
|
|
100%{background-size:80%;}
|
|
}
|
|
|
|
|
|
|
|
@keyframes bwzd
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
60%{transform: rotate(30deg);}
|
|
80%{transform: rotate(70deg);}
|
|
90%{transform: rotate(30deg);}
|
|
100%{transform: rotate(0deg);}
|
|
}
|
|
|
|
@-moz-keyframes bwzd /* Firefox */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
60%{transform: rotate(30deg);}
|
|
80%{transform: rotate(70deg);}
|
|
90%{transform: rotate(30deg);}
|
|
100%{transform: rotate(0deg);}
|
|
}
|
|
|
|
@-webkit-keyframes bwzd /* Safari 和 Chrome */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
60%{transform: rotate(30deg);}
|
|
80%{transform: rotate(70deg);}
|
|
90%{transform: rotate(30deg);}
|
|
100%{transform: rotate(0deg);}
|
|
}
|
|
|
|
@-o-keyframes bwzd /* Opera */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
60%{transform: rotate(30deg);}
|
|
80%{transform: rotate(70deg);}
|
|
90%{transform: rotate(30deg);}
|
|
100%{transform: rotate(0deg);}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes tktxzcdh
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
@-moz-keyframes tktxzcdh /* Firefox */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
@-webkit-keyframes tktxzcdh /* Safari 和 Chrome */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
@-o-keyframes tktxzcdh /* Opera */
|
|
{
|
|
0%{transform: rotate(0deg);}
|
|
50%{transform: rotate(180deg);}
|
|
100%{transform: rotate(360deg);}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|