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.
172 lines
4.8 KiB
172 lines
4.8 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:#EAF4FE url(../img/bj1.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:33%;}}
|
|
@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;}
|
|
.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 5s 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.png) no-repeat center;}
|
|
.cxyc .wbsm{ background:url(../img/cxyc.png) no-repeat center;}
|
|
.cxyc .xmxx .sj span{ background:#FF9A26; }
|
|
.cxyc .xmxx .sj strong{ background:url(../img/sj-hwh.png) no-repeat;}
|
|
|
|
.biao{float:left;}
|
|
.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:9em;}
|
|
.cl-h{ color:#FF5B26;}
|
|
.cl-l{ color:#349D17;}
|
|
.cl-lan{ color:#0D98D2;}
|
|
|
|
.footer{width:100%; bottom:0; margin-top:30px;}
|
|
|
|
@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);}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|