@charset "utf-8";
html { min-height: 100%; background: #022430; }
body { background: none; overflow-x: hidden;}
.big_data_warp { max-width: 1920px; margin: 0 auto;background: url(/images/bigdata_bg10.jpg) no-repeat center 0; position: relative;}
.big_data_warp .footer { padding: 30px 0; position: relative; z-index: 2; background: rgba(10, 75, 83, .34);}
.footer p a, .footer p .cBlueT1 { color: #01efe5;}
.big_data_warp h2 { height: 165px; padding-top: 30px; background: url(/images/bigdata_title1.png) no-repeat center 30px; text-indent: -999em; overflow: hidden;}
.echartLists { padding:0 48px 30px; position: relative; z-index: 2;}
.echartBox { float: left; }
.echartBox .box { background: rgba(85, 190, 190, .1); border: 1px solid #307884; box-shadow:0 0 20px #006672 inset; position: relative;}
.echartBox .bg i { position: absolute; display: block; width: 20px; height: 20px; background: url(/images/bigdata_bg_link_01.png) no-repeat;}
.echartBox .bg i:nth-child(1) { top: 0; left: 0;}
.echartBox .bg i:nth-child(2) { top: 0; right: 0; background-position: 0 -20px;}
.echartBox .bg i:nth-child(3) { bottom: 0; left: 0; background-position: 0 -40px;}
.echartBox .bg i:nth-child(4) { bottom: 0; right: 0; background-position: 0 -60px;}

.echartBox .box h4 { position: absolute; top: 15px; left: 15px; right: 0; font-size: 20px; color: #00fff3; font-weight: 700; height: 32px; line-height: 32px; background:url(/images/datav2_bg_1-4.png) no-repeat; }
.echartBox .box h4::before{ content: ""; display: inline-block; position: relative; top: 4px; margin-right: 10px; width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #01FBEF;}
.echartBox .tags { position: absolute; bottom: 40px; left: 0; right: 0; z-index: 2;}
.echartBox .tags a { display: inline-block; height: 30px; margin: 0 6px; padding: 0 20px; border-radius: 15px; line-height: 28px; background: #012430; font-size: 16px; color: #01fbef; border: 1px solid #01fbef;} 
.echartBox .tags a.on { background-color: #01FBEF; color: #012430;}
.echartBox .tags.t1 { top: 22px; right: 10px; bottom: auto; left: auto;}
.echartBox .tags.t1 a { height: 22px; padding: 0 15px; line-height: 20px; font-size: 13px; border-radius: 11px;}


.boxT1 { width: 25%;}
.boxT2 { width: 50%;}
.boxT3 { width: 25%;}
.modular01 .echartBox, .modular02 .echartBox { width: 100%; height: 250px; margin-bottom: 20px;}
.modular01 .echartBox:last-child{ margin-bottom: 0;}

.modular03 .echartBox{ width: 25%; }

.listsT1,.listsT2 { padding: 65px 20px 20px;}
.listsT1 li { margin-bottom: 5px; }
.listsT1 li a { display: block; font-size: 14px;padding: 4px 6px; line-height: 22px;background: url(/images/data_bg_1-3.png) repeat-x; background-size: auto 100%; box-shadow: 0px 0px 10px rgba(255, 255, 255, .3) inset; color: #c7ebff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listsT1 li a i { float: left; width: 28px; height: 22px; margin-right: 8px; line-height: 22px; background-image:url(/images/data_bg_1-4.png); background-repeat: repeat-y; text-align: center;}
.listsT1 li a i.i2 { background-position: -32px 0;}
.listsT1 li a i.i3 { background-position: -65px 0;}
.listsT1 li a i.i4 { background-position: -99px 0;}
.listsT1 li a i.i5 { background-position: -131px 0;}

.listsT2 li { margin-bottom: 2px; }
.listsT2 li a {display: block; font-size: 14px;padding: 4px 6px 4px 15px; line-height: 24px; color: #c7ebff; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listsT2 li a::after { content: ''; display: block; width: 4px; height: 4px; position: absolute; top: 15px; left: 0; background: #c7ebff;}
.listsT2 li a:hover { color: #93c7e4;}

.modular01 .boxT2 { margin-top: -34px;}
.boxT2 .echartBox { height: auto;}
.boxT2 .psInfo { height: auto;}
.boxT2 .psInfo ul { margin-bottom: 15px; margin-left: -15px;}
.boxT2 .psInfo ul li { float: left; width: 50%; padding-left: 15px;}
.boxT2 .psInfo ul li .item { height: 100px; padding: 10px 12px 10px 15px; position: relative; border: 1px solid #02495A;box-shadow:0 0 20px #094b53 inset;}
.boxT2 .psInfo ul li .item .bg i:after,.boxT2 .psInfo ul li .item .bg i:before { background: #00FDC5; }
.boxT2 .psInfo ul li .item .bg i:nth-child(1):after,
.boxT2 .psInfo ul li .item .bg i:nth-child(1):before { top: 0; left: 0;}
.boxT2 .psInfo ul li .item .bg i:nth-child(2):after,
.boxT2 .psInfo ul li .item .bg i:nth-child(2):before { top: 0; right: 0;}
.boxT2 .psInfo ul li .item .bg i:nth-child(3):after,
.boxT2 .psInfo ul li .item .bg i:nth-child(3):before { bottom: 0; left: 0;}
.boxT2 .psInfo ul li .item .bg i:nth-child(4):after,
.boxT2 .psInfo ul li .item .bg i:nth-child(4):before { bottom: 0; right: 0;}
.boxT2 .psInfo ul li .item img { float: left; margin-right: 10px; }
.boxT2 .psInfo ul li .item span { float: left; font-size: 20px; color: #fff;}
.boxT2 .psInfo ul li .item span em { display: block; padding-bottom: 5px;}
.boxT2 .psInfo ul li .item span i { display: inline-block; font-size: 30px; color: #FB5961; font-weight: 700}
.boxT2 .psInfo ul li .item span i img { float: left; margin-right: 5px;}
.boxT2 .echartBox .box { border: none;}
.boxT2 .tags { bottom: 20px;}
.boxT2 .tags a { margin: 0 20px;}
.boxT2 .tags a.on { background-color: #01FBEF; color: #012430;}

.ech_06 .sexHot p { width: 1%; height: 250px; padding: 60px 15px 0; text-align: center; display: table-cell; vertical-align: middle;}
.ech_06 .sexHot a { display: inline-block; padding: 2px 5px;}




.rad-prg { position: relative;}
.ech_10 .rullP { float: left; width: 50%; text-align: center; position: relative;padding-top: 70px; }
.ech_10 .rullP p { padding-top: 5px; font-size: 18px; color: #fff;}
.ech_10 .rullP p.p2 { line-height: 136px;}
.ech_10 .rullP i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 20px; font-weight: 700; color: #fff;}


.ech_11 .total { position: absolute; top: 15px; right: 25px; font-size: 18px; color: #fff;}
.total em { padding-left: 5px;}
.total i { display: inline-block; width: 30px; height: 38px; margin-left: 6px; text-align: center; font-size: 24px; font-weight: 700; background:url(/images/data_bg_1-6.png) no-repeat;}

.ech_12 .ps { position: absolute; bottom: 20px; font-size: 16px; color: #fff; left: 15px; right: 15px;}
.ech_12 .ps i { color: #ff907c; font-style: italic;}
.ech_12 .ps em { color: #dcbe67; font-weight: 700;}

.ech_15 .ps { position: absolute; right: 15px; top: 15px; font-size: 18px; color: #fff;}
.ech_15 .ps .total { display: inline-block; padding-left: 15px;}

.footer,.footer .links a { color: #fff;}

@media screen and (max-width: 1780px) {
    .echartLists {  padding:0 15px 30px;}
    .boxT2 .psInfo ul li .item > img { display: none;}
    .boxT2 .psInfo ul li .item span { position: relative; left: 50%; transform: translateX(-50%); }
    
}

@media screen and (max-width: 1460px) {
    .ech_06 .sexHot p { padding: 50px 5px 0;}
    .ech_06 .sexHot a { padding: 0 10px;}

    .ech_12 .ps { font-size: 14px; bottom: 10px;}
    .ech_15 .ps { font-size: 14px;}



    .total em { padding-left: 0;}
    .total i { width: 24px; height: 32px; margin-left: 5px; font-size: 20px; background-size: 100% 100%;}
}



@media screen and (max-width: 1260px) {
    .big_data_warp { background-size: 100%;}
    .big_data_warp .cBg { display: none;}
    .echartLists { margin-top: -56px;}
    .big_data_warp h2 { background-size: auto 80px;}
    .modular01 > div, .modular02 > div,.modular03 > div { width: 100% !important; padding: 0 !important;}
    .modular01 .boxT2 { padding: 0; margin: 20px 0;}
    .modular03 > div { margin-bottom: 20px;}
    .modular03 > div .ectx { padding: 0;}
    /* .modular01 .boxT1 .ech_02,.modular01 .boxT1 .ech_03,.modular01 .boxT3 .ech_05,.modular01 .boxT3 .ech_06 { width: 100%; margin-top: 20px;}
    .modular02 .echartBox { width: 100%;}
    .modular03 .echartBox .box .m3box { width: 100%; border: 1px solid #203A88 !important; border-top: none !important;}
    .modular03 .echartBox .box .m3box:nth-child(1) { border-top: 1px solid #203A88 !important;} */
    
    
    
	
}

@media screen and (max-width: 760px) {
    .echartLists { padding-bottom: 0;}
    .big_data_warp h2 {height: 130px; background-size: auto 42px;}
    .boxT2 .psInfo ul li .item { height: 80px; padding: 10px 0;}
    .boxT2 .psInfo ul li .item span { font-size: 14px;}
    .boxT2 .psInfo ul li .item span i { padding-right: 2px; font-size: 16px;}
    .boxT2 .psInfo ul li .item span i img { width: 15px;}
    .modular01 .echartBox, .modular02 .echartBox { margin-bottom: 10px;}
    .modular01 .boxT2 { margin: 0 0 10px;}

    .modular02 { margin-top: 10px;}

    .modular03 > div { margin-bottom: 10px;}

    .modular01 .boxT1 .ech_02, .modular01 .boxT1 .ech_03, .modular01 .boxT3 .ech_05, .modular01 .boxT3 .ech_06 { width: 100%; padding-left: 0;}
    .boxT2 .tags a { margin: 0 3px; font-size: 14px; padding: 0 15px;}
    .ech_04 .ecx04 { height: 340px !important;margin-top: 15px; padding: 20px 0 50px;}
    .boxT2 .tags { bottom: 15px;}
    .echartBox .box h4 { font-size: 16px;}
    .boxT2 .psInfo { margin: 15px 0 0;}
    .listsT1 li a,.listsT2 li a { font-size: 12px;}

    .echartBox .tags.t1 a { margin: 0 4px; padding: 0 10px;}
    .echartBox.ech_08 .tags.t1 { top: 60px;}
    .echartBox.ech_08 .box,.echartBox.ech_09 .box { padding-top: 40px;}


    .ech_11 { padding-top: 60px;}
    .ech_11 .total {top: 60px; font-size: 14px;}
    .ech_12 { padding-bottom: 95px;}

    .ech_15 { padding-top: 52px;}
    .ech_15 .ps { top: 60px;}
    .ech_15 .ps .total { font-size: 12px; padding-left: 0;}

    .ecx14 { height: 280px !important;}

}