blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
|
table{border-collapse:collapse;border-spacing:0}
|
abbr,acronym,fieldset,img{border:0}
|
ol,ul{list-style:none}
|
caption,th{text-align:left}
|
q:after,q:before{content:''}
|
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
|
.col-c,.col-l,.col_c,.col_l,.l{float:left}
|
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
|
.c{clear:both}
|
.n,em{font-weight:400;font-style:normal}
|
.b{font-weight:700}
|
.i{font-style:italic}
|
.fa{font-family:Arial}
|
.fg{font-family:Georgia}
|
.ft{font-family:Tahoma}
|
.fl{font-family:Lucida Console}
|
.fs{font-family:'宋体'}
|
.fw{font-family:'微软雅黑'}
|
.tc{text-align:center}
|
.tr{text-align:right}
|
.tl{text-align:left}
|
.tdu{text-decoration:underline}
|
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
|
.fc0{color:#000}
|
.fc3{color:#333}
|
.fc6{color:#666}
|
.fc9{color:#999}
|
.fcr{color:red}
|
.fcw{color:#fff}
|
.fcb{color:#00f}
|
.fcg{color:green}
|
.f0{font-size:0}
|
.f10{font-size:10px}
|
.f12{font-size:12px}
|
.f13{font-size:13px}
|
.f14{font-size:14px}
|
.f16{font-size:16px}
|
.f20{font-size:20px}
|
.f24{font-size:24px}
|
.vm{vertical-align:middle}
|
.vtb{vertical-align:text-bottom}
|
.vt{vertical-align:top}
|
.vn{vertical-align:-2px}
|
.vimg{margin-bottom:-3px}
|
.m0{margin:0}
|
.ml0{margin-left:0}
|
.ml5{margin-left:5px}
|
.ml10{margin-left:10px}
|
.ml20{margin-left:20px}
|
.mr0{margin-right:0}
|
.mr5{margin-right:5px}
|
.mr10{margin-right:10px}
|
.mr20{margin-right:20px}
|
.mt5{margin-top:5px}
|
.mt10{margin-top:10px}
|
.mt20{margin-top:20px}
|
.mb5{margin-bottom:5px}
|
.mb10{margin-bottom:10px}
|
.mb20{margin-bottom:20px}
|
.ml-1{margin-left:-1px}
|
.mt-1{margin-top:-1px}
|
.p1{padding:1px}
|
.pl5{padding-left:5px}
|
.p5{padding:5px}
|
.pt5{padding-top:5px}
|
.pr5{padding-right:5px}
|
.pb5{padding-bottom:5px}
|
.p10{padding:10px}
|
.pl10{padding-left:10px}
|
.pt10{padding-top:10px}
|
.pr10{padding-right:10px}
|
.pb10{padding-bottom:10px}
|
.p20{padding:20px}
|
.pl20{padding-left:20px}
|
.pt20{padding-top:20px}
|
.pr20{padding-right:20px}
|
.pb20{padding-bottom:20px}
|
.pr,.rel{position:relative}
|
.abs,.pa{position:absolute}
|
.dn{display:none}
|
.db{display:block}
|
.dib{-moz-inline-stack:inline-block;display:inline-block}
|
.di{display:inline}
|
.ovh{overflow:hidden}
|
.ovs{overflow:scroll}
|
.vh{visibility:hidden}
|
.vv{visibility:visible}
|
.lh14{line-height:14px}
|
.lh16{line-height:16px}
|
.lh18{line-height:18px}
|
.lh20{line-height:20px}
|
.lh22{line-height:22px}
|
.lh24{line-height:24px}
|
.fix{*zoom:1}
|
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
|
.z{_zoom:1}
|
.h1{height:1px}
|
.h5{height:5px}
|
.h,.h10{height:10px}
|
.h15{height:15px}
|
.h20{height:20px}
|
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
|
body{font:12px "微软雅黑","Microsoft Yahei";color:#444;min-width:1440px}
|
a{text-decoration:none;color:#444}
|
a:hover{color:#134268}
|
.ani,img{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
|
input,select,textarea{font-size:12px;color:#444;font-family:"微软雅黑","Microsoft Yahei"}
|
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
|
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
|
::-webkit-input-placeholder{color:#999}
|
::-moz-placeholder{color:#999}
|
::-ms-input-placeholder{color:#999}
|
select::-ms-expand{display:none}
|
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
|
.wp{width:1000px;margin:0 auto}
|
.h50{height:50px;clear:both;overflow:hidden}
|
.h100{height:100px;clear:both;overflow:hidden}
|
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
|
@font-face{font-family:Bold;src:url(../../../fonts/DINCond-Bold.otf)}
|
.m-topl{top:0;left:0;width:100%;padding:14px 20px;position:absolute;z-index:3}
|
.m-topl .back{display:block;float:left;font-size:16px;color:#fff;line-height:1.5em;overflow:hidden}
|
.m-topl .back:hover{text-decoration:underline}
|
.m-topl .back i,.m-topl .date i{display:inline-block;vertical-align:middle;background:url(assets/iconl9.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;width:18px;height:18px;margin:-4px 6px 0 0}
|
.m-topl .date{float:right;overflow:hidden;font-size:20px;color:#fff;font-family:Bold}
|
.m-topl .date i{background-image:url(assets/iconl10.png)}
|
.g-box{overflow:hidden;position:relative;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center}
|
.m-titl1{overflow:hidden;height:109px;background-repeat:no-repeat;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;background-position:center center;position:relative;z-index:2}
|
.m-titl1 .tit{font-size:36px;height:77px;line-height:77px;overflow:hidden;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,186,255,.4);letter-spacing:5px}
|
.m-desc{overflow:hidden;background-repeat:no-repeat;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;background-position:center center;font-size:28px;text-align:center;font-weight:700;color:#7ddfff;font-style:italic;margin:-52px 0 14px;padding:30px 0 12px}
|
.m-box{overflow:hidden;padding:0 20px}
|
.m-box .col-l{width:595px;float:left;margin-right:20px}
|
.m-box .col-c{width:840px;float:left;margin-right:20px}
|
.m-box .col-r{float:right;width:406px}
|
.g-chart{overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;width:100%;height:901px;margin-bottom:20px}
|
.g-titl{overflow:hidden}
|
.g-titl .tit{font-size:18px;line-height:40px;color:#fff;font-weight:700;overflow:hidden}
|
.g-titl .tit i{display:inline-block;vertical-align:middle;width:34px;height:34px;margin:-2px 0 0;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
|
.g-chart.l1{height:290px}
|
.col-c .box{overflow:hidden}
|
.g-chart.l2{height:280px;width:410px;float:left;margin-right:20px}
|
.col-c .box .g-chart.l2:last-child{margin-right:0}
|
.g-chart.l3{height:291px}
|
.g-content{padding:20px}
|
.ul-listl1{overflow:hidden;margin:0 -5px}
|
.ul-listl1 li{width:16.6666%;float:left;padding:0 5px}
|
.ul-listl1 .con{display:block;overflow:hidden;background:url(assets/bgl9.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:44px 10px 28px;border-bottom:2px solid #fec65f}
|
.ul-listl1 .con .num{color:#fff;text-align:center;overflow:hidden;font-size:16px;line-height:1.5em;margin-bottom:18px}
|
.ul-listl1 .con .num span{font-size:60px;line-height:1.5em;font-weight:700;overflow:hidden;font-family:Bold}
|
.ul-listl1 .con .txt{font-size:16px;color:#fff;line-height:1.5em;text-align:center}
|
.ul-listl1 .con.blue1{border-color:#6796f9}
|
.ul-listl1 .con.powder{border-color:#ee527f}
|
.ul-listl1 .con.blue{border-color:#4fccff}
|
.ul-listl1 .con.yellow{border-color:#97d071}
|
.ul-listl1 .con.purple{border-color:#ca75f8}
|
|
/** 设置列表可以下拉 **/
|
body {
|
overflow-y: scroll;
|
}
|
|
/** 隐藏列表下拉滚动条 **/
|
body::-webkit-scrollbar {
|
display: none;
|
}
|
/*IE 10+ ----隐藏滚动条*/
|
body {
|
-ms-overflow-style: none;
|
}
|
/*Firefox ----隐藏滚动条*/
|
body {
|
scrollbar-width: none;
|
}
|
|
@media only screen and (max-width:1920px){
|
.m-box .col-l{width:31.137734%;margin-right:1.05353%}
|
.m-box .col-c{width:44.780875%;margin-right:1.05353%}
|
.m-box .col-r{width:21.9720807%}
|
.g-chart{height:46.92708vw}
|
.g-chart.l1{height:15.1041667vw}
|
.g-chart.l2{width:48.809523%;margin-right:2.380952%;height:14.583333vw}
|
.g-chart.l2.ups{width:99.809523%;}
|
.g-chart.l3{height:15.15625vw}
|
.ul-listl1 .con .num span{font-size:3.125vw}
|
.ul-listl1 .con{padding:2.29166vw 10px 1.458333vw}
|
}
|
@media only screen and (max-width:1680px){
|
.ul-listl1 .con .num,.ul-listl1 .con .txt{font-size:14px}
|
.ul-listl1 .con .num{margin-bottom:5px}
|
.ul-listl1 .con{padding:20px 10px}
|
.g-titl .tit{font-size:16px;line-height:35px}
|
.g-titl .tit i{width:30px;height:30px}
|
}
|
@media only screen and (max-width:1440px){
|
.ul-listl1 .con .num span{font-size:30px}
|
.ul-listl1 .con .num,.ul-listl1 .con .txt{font-size:12px}
|
.g-titl .tit{font-size:14px;line-height:30px}
|
.g-titl .tit i{width:25px;height:25px}
|
.ul-listl1 .con .num{margin-bottom:0}
|
.ul-listl1 .con{padding:10px}
|
}
|
@media only screen and (max-width:1280px) and (max-height: 800px){
|
body{font:12px "微软雅黑","Microsoft Yahei";color:#444;min-width:1200px}
|
.m-box .col-l{width:31.137734%;margin-right:1.05353%}
|
.m-box .col-c{width:44.780875%;margin-right:1.05353%}
|
.m-box .col-r{width:21.9720807%}
|
.g-chart{height:49.92708vw;margin-bottom: 10px;}
|
.g-chart.l1{height:13.2041667vw}
|
.g-chart.l2{width:48.809523%;margin-right:2.000952%;height:17.183333vw}
|
.g-chart.l2.ups{width:99.809523%;}
|
.g-chart.l3{height:17.183333vw}
|
|
.g-content{padding: 10px 15px;}
|
.ul-listl1{margin-top: 10px;}
|
.ul-listl1 .con .num span{font-size:30px}
|
.ul-listl1 .con .num,.ul-listl1 .con .txt{font-size:12px}
|
.g-titl .tit{font-size:14px;line-height:30px}
|
.g-titl .tit i{width:25px;height:25px}
|
.ul-listl1 .con .num{margin-bottom:0px}
|
.ul-listl1 .con{padding:15px 7px}
|
}
|
