@charset "utf-8";
/* CSS Document */
.cloud {
    background: url(../images/bg_header.png) no-repeat center top;
    overflow: auto;
    margin: 0 auto;
}

.header {
    padding-top: 30px;
    overflow: hidden;
}

    .header .logo {
        background: url(../images/logo.png) no-repeat 0 0;
        width: 468px;
        height: 38px;
        text-indent: -9999px;
        display: block;
    }

.top_nav {
    position: absolute;
    right: 0px;
    top: 15px;
    overflow: hidden;
}

    .top_nav li {
        float: left;
        color: #fff;
    }

        .top_nav li a {
            color: #fff;
            font: 14px/1.5 "microsoft yahei";
            margin: 0 7px;
        }

            .top_nav li a:hover {
                text-decoration: underline;
            }

.footer {
    /*background: url(../images/bg_footer.png) no-repeat 0 0;*/
    height: 128px;
    padding: 20px;
}

    .footer p.supervise, .footer p.copyright {
        line-height: 35px;
        color: #a3a3a3;
        text-align: center;
        font: 14px/1.5 "microsoft yahei";
        text-shadow: 1px 1px 0 #fff;
    }


.wrap {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    overflow: hidden;
}

.wrap2 {
    margin: 0 auto;
    width: 1000px;
    position: relative;
    overflow: hidden;
}

.main .top, .main .bottom {
    background: url(../images/bg_sprits_main_panel.png) no-repeat 0 0;
    overflow: hidden;
}

.main {
    position: relative;
    margin-top: 13px;
    height: 800px;
    box-shadow: 0 10px 10px -10px rgba(0 0 0 0.4);
    z-index: 1;
}

    .main .clip {
        position: absolute;
        left: 10px;
        top: -13px;
        width: 43px;
        height: 96px;
        z-index: 99;
        background: url(../images/clip.png) no-repeat 0 0;
    }

    .main .inner {
        background: url(../images/bg_main_panel_body.png) repeat-y 0 0;
        overflow: hidden;
        height: 766px;
        padding: 15px;
    }

    .main .top {
        background-position: 0 0;
        height: 2px;
    }

    .main .bottom {
        background-position: 0 -2px;
        height: 2px;
    }

/* /鍙宠竟*/
.inner .rht {
    float: right;
    width: 90px;
    overflow: hidden;
    zoom: 1;
}
/* // 璇存槑*/
.rht .guider a {
    color: #131313;
    background: url(../images/ico_help.png) no-repeat left center;
    padding: 5px 0 5px 32px;
    font: 16px/30px "microsoft yahei";
}
/* ///鍙宠竟涓�鎺掓寜閽殑鏍峰紡 start */
.list p {
    color: #fff;
    text-shadow: 1px 1px 0 #666;
    font: 14px/1.8 "microsoft yahei";
    text-align: center;
}

.list li {
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    zoom: 1;
}

    .list li a {
        background: url(../images/bg_sprits_main_btn_list.png) no-repeat 0 0;
        width: 82px;
        height: 70px;
        display: block;
        text-indent: -9999px;
    }

        .list li a.btn_aqi {
            background-position: 0 0;
        }

            .list li a.btn_aqi:hover, .list li a.on_aqi {
                background-position: 0 -74px;
            }

        .list li a.btn_pm25 {
            background-position: 0 -168px;
        }

            .list li a.btn_pm25:hover, .list li a.on_pm25 {
                background-position: 0 -242px;
            }

        .list li a.btn_pm10 {
            background-position: 0 -337px;
        }

            .list li a.btn_pm10:hover, .list li a.on_pm10 {
                background-position: 0 -411px;
            }

        .list li a.btn_so2 {
            background-position: 0 -504px;
        }

            .list li a.btn_so2:hover, .list li a.on_so2 {
                background-position: 0 -578px;
            }

        .list li a.btn_no2 {
            background-position: 0 -670px;
        }

            .list li a.btn_no2:hover, .list li a.on_no2 {
                background-position: 0 -744px;
            }

        .list li a.btn_co {
            background-position: 0 -837px;
        }

            .list li a.btn_co:hover, .list li a.on_co {
                background-position: 0 -911px;
            }

        .list li a.btn_o31h {
            background-position: 0 -1004px;
        }

            .list li a.btn_o31h:hover, .list li a.on_o31h {
                background-position: 0 -1078px;
            }

        .list li a.btn_o38h {
            background-position: 0 -1171px;
        }

            .list li a.btn_o38h:hover, .list li a.on_o38h {
                background-position: 0 -1245px;
            }

/* ///鍙宠竟涓�鎺掓寜閽殑鏍峰紡 end */

/* /宸﹁竟*/
.inner .lft {
    float: left;
    width: 1060px;
    margin-right: 10px;
    overflow: hidden;
}

.lft .top, .lft .bottom {
    background: url(../images/bg_scripts_left_panel_body.png) no-repeat 0 0;
    height: 3px;
    overflow: hidden;
}

.lft .top {
    background-position: left top;
}

.lft .bottom {
    background-position: 0 -3px;
}
/* //宸﹁竟鍦板浘box*/
.lft .map_box {
    background: url(../images/bg_left_panel_body.png) repeat-y 0 0;
    height: 760px;
    padding: 1px 5px 1px 9px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
/* ///map灞�*/
.map_box .map {
    background: url(../images/map.jpg) no-repeat 0 0;
    height: 760px;
    overflow: hidden;
    zoom: 1;
}

.map_box .map_desc {
    position: absolute;
    right: 1px;
    border: 1px;
    z-index: 5;
}


/* //// 涓嬫爣娉紙鍚勪釜鍥惧眰瑙ｉ噴锛�*/
.map_box .desc_aqi, .map_box .desc_pm25, .map_box .desc_pm10, .map_box .desc_so2, .map_box .desc_no2, .map_box .desc_co, .map_box .desc_o31h, .map_box .desc_o38h {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.map_box .desc_aqi {
    background: url(../images/aqi.png) no-repeat 0 0;
    width: 122px;
    height: 186px;
}
/*aqi*/
.map_box .desc_pm25 {
    background: url(../images/pm25.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*pm25*/
.map_box .desc_pm10 {
    background: url(../images/pm10.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*pm10*/
.map_box .desc_so2 {
    background: url(../images/so2.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*so2*/
.map_box .desc_no2 {
    background: url(../images/no2.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*no2*/
.map_box .desc_co {
    background: url(../images/co.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*co*/
.map_box .desc_o31h {
    background: url(../images/o31h.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*o31h*/
.map_box .desc_o38h {
    background: url(../images/o38h.png) no-repeat 0 0;
    width: 262px;
    height: 60px;
}
/*o38h*/


/* //// 宸︿笂瑙掓爣娉�*/
.map_box .tip {
    position: absolute;
    left: 40px;
    top: 10px;
    background: #88c8ef url(../images/bg_white_opacity.png) repeat 0 0;
    padding: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
    z-index: 5;
    border: 1px solid #555;
}

.tip .left {
    float: left;
    overflow: hidden;
    width: 100px;
    text-align: center;
    padding: 5px;
    border-right: 1px solid #000;
}

    .tip .left .t {
        font: 24px/1.5 "microsoft yahei";
        color: #000;
    }

    .tip .left p {
        font: 14px/1.5 "microsoft yahei";
        color: #000;
    }

.tip .divi {
    float: left;
    width: 2px;
}

.tip .right {
    float: left;
    padding: 5px 5px 5px 8px;
    overflow: hidden;
}

.tip p {
    font: 16px/2 "microsoft yahei";
    color: #000;
}

/* ////寮圭獥*/
.map_popup {
    position: absolute;
    overflow: hidden;
    z-index: 10;
    width: 391px;
}

    .map_popup .top {
        background: url(../images/bg_popup_top.png) no-repeat 0 0;
        height: 7px;
        overflow: hidden;
    }

    .map_popup .bottom {
        background: url(../images/bg_popup_bottom.png) no-repeat 0 0;
        height: 21px;
        overflow: hidden;
    }


    .map_popup .close {
        background: url(../images/bg_popup_close.png) no-repeat 0 0;
        position: absolute;
        right: 15px;
        top: 0px;
        height: 30px;
        width: 30px;
        overflow: hidden;
    }

.panel .mid {
    padding: 5px 10px;
}

    .panel .mid .pic {
        float: left;
        background: #fff;
        width: 90px;
        height: 90px;
        border: 1px solid #848384;
        border-radius: 3px;
        margin-right: 10px;
        overflow: hidden;
        text-align: center;
    }

        .panel .mid .pic img {
            width: 73px;
            height: 89px;
        }

    .panel .mid .summary {
        float: left;
        overflow: hidden;
    }

.mid .summary p {
    font: 16px/30px "microsoft yahei";
    color: #131313;
}

.summary p .count {
    font-size: 20px;
    font-weight: bold;
}

.summary p .slevel {
    font-size: 20px;
}

.summary p .sfirst {
    font-size: 20px;
}

.summary p .reducefirst {
    font-size: 12px;
}

.mid p.mark {
    font: 12px/1.8 "microsoft yahei";
}


/* /////鍥剧墖涓婇潰鐨勫悇涓川閲忕偣浣嶅垎甯�*/
.pointer {
    overflow: hidden;
}

    .pointer .pos {
        position: absolute;
        width: 43px;
        height: 75px;
        cursor: pointer;
        z-index: 4;
    }

.level1 {
    background: url(../images/level1.png) no-repeat left bottom;
}

    .level1:hover, .level1_on {
        background: url(../images/level1_on.png) no-repeat left bottom;
    }

.level2 {
    background: url(../images/level2.png) no-repeat left bottom;
}

    .level2:hover, .level2_on {
        background: url(../images/level2_on.png) no-repeat left bottom;
    }

.level3 {
    background: url(../images/level3.png) no-repeat left bottom;
}

    .level3:hover, .level3_on {
        background: url(../images/level3_on.png) no-repeat left bottom;
    }

.level4 {
    background: url(../images/level4.png) no-repeat left bottom;
}

    .level4:hover, .level4_on {
        background: url(../images/level4_on.png) no-repeat left bottom;
    }

.level5 {
    background: url(../images/level5.png) no-repeat left bottom;
}

    .level5:hover, .level5_on {
        background: url(../images/level5_on.png) no-repeat left bottom;
    }

.level6 {
    background: url(../images/level6.png) no-repeat left bottom;
}

    .level6:hover, .level6_on {
        background: url(../images/level6_on.png) no-repeat left bottom;
    }

.level7 {
    background: url(../images/level7.png) no-repeat left bottom;
}

    .level7:hover, .level7_on {
        background: url(../images/level7_on.png) no-repeat left bottom;
    }

.smalltext {
    font-size: 9px;
}

/* index page css start*/
.no_shadow {
    box-shadow: none;
    height: auto;
}

.general {
    overflow: hidden;
    padding-bottom: 10px;
}

    .general .left {
        float: left;
        width: 300px;
        margin-right: 10px;
        overflow: hidden;
    background-color:white;
    /*border: 1px solid gray;*/
    text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
/*-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;background: #ffffff;behavior: url(../images/PIE.htc);*/
    }

.general .left thead, .general .right thead {
    background-color: rgb(54,147,234); color: white; height: 40px; line-height: 40px; font-size: 16px;
    
}

.general .right table {
    font-size: 16px; width: 100%; line-height: 40px; font-family: 'Microsoft YaHei UI'; text-align: center;
}

.left p {
    vertical-align: middle;
    line-height: 1.8;
    font-family: "microsoft yahei";
}

.left .title {
    font: 20px/2 "microsoft yahei";
    font-weight: bold;
}

.left p.time {
    font-size: 14px;
}

.left .num {
    font: 100px/1.2 Tahoma, Geneva, sans-serif;
}

.left .express {
    margin-left: 20px;
    overflow: hidden;
    display: inline-block;
}

.left .p_level {
    font-size: 18px;
}

.left .p_fisrt {
    font-size: 14px;
    
}

.left .p_effect, .left .p_method {
    font-size: 12px;
     /*color:#4572a7;*/
}

.general .right {
    float: right;
    width: 660px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-color:white;
    /*border: 1px solid gray;*/text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
/*-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;background: #ffffff;behavior: url(../images/PIE.htc);*/
}

.right .table {
    position: absolute;
    right: 0;
    top: 10px;
    width: 338px;
    overflow: hidden;
    z-index: 2;
}

.table .top, .table .bottom {
    background: url(../images/bg_scripts_general_white.png) no-repeat 0 0;
}

.table .cnt {
    background: url(../images/pic_aqi.png);
    /*background: url(../images/bg_general_white_body.png) repeat-y 0 0;*/
    height: 364px;
    overflow: hidden;
    padding: 0 10px;
}


.stand a {
    color: #4572a7;
}

    .stand a:hover {
        text-decoration: underline;
    }


.chart .cnt .tsub {
    overflow: hidden;
    border-bottom: 1px solid #4572a7;
}

    .chart .cnt .tsub strong {
        font: bold 12px/1.2 "microsoft yahei";
        color: #131313;
        width: 24%;
        text-align: center;
        vertical-align: top;
        display: inline-block;
        padding-bottom: 5px;
        overflow: hidden;
    }

.ul_tab li.emptyTag {
    background: none;
}

.ul_tab li.selectTag {
    position: relative;
    height: 30px;
    display: block;
}

    .ul_tab li.selectTag a {
        color: #0777fa;
        height: 30px;
        line-height: 30px;
    }

#tc { /*overflow:hidden; */
}

    #tc div.selectTag {
        display: block;
        overflow: hidden;
    }

.tagContent {
    overflow: hidden;
    zoom: 1;
}
/*tab end*/


.right .chart {
    margin-bottom: 10px;
    width: 329px;
    overflow: hidden;
    z-index: 1;
    float: left;
}

.chart .top, .chart .bottom {
    background: url(../images/bg_scripts_general_gray1.png) no-repeat 0 0;
}

.chart .cnt {
    background: url(../images/bg_general_gray_body.png) repeat-y 0 0;
    height: 355px;
    overflow: hidden;
    padding: 0 10px;
}


.table .top, .chart .top {
    background-position: 0px 0;
    height: 7px;
    overflow: hidden;
}

.table .bottom, .chart .bottom {
    background-position: 0 -7px;
    height: 10px;
    overflow: hidden;
}

.table .cnt .date {
    text-align: right;
    font: 12px/1.5 "microsoft yahei";
    color: #4572A7;
}

    .table .cnt .date h3 {
        font: bold 20px/2 "microsoft yahei";
        text-align: left;
        color: #008000;
    }

    .table .cnt .date p a {
        color: #4572A7;
        padding-right: 10px;
    }

        .table .cnt .date p a:hover {
            text-decoration: underline;
        }

.shadow_divi {
    background: url(../images/bg_shadow_gray.png) no-repeat 0 0;
    width: 1000px;
    height: 10px;
    overflow: hidden;
}

.legend {
    /*font-family: 'Microsoft YaHei';
    font-size: 11px;*/
    margin: 0;
    padding: 30px 0px 10px 20px;
}

.legend ul {
    list-style: none;
}

.legend ul li {
    min-width: 130px;
    float: left;
}

.legend span {
    height: 12px;
    width: 45px;
    display: inline-block;
}

.legend span.green {
    background-color: #24a931;
}

.legend span.lightgreen {
    background-color: #d1e82a;
}

.legend span.orange {
    background-color: #ff7100;
}

.legend span.red {
    background-color: #ff0;
}

.legend span.purple {
    background-color: #99004c;
}

.legend span.darkpurple {
    background-color: #7e0023;
}

.legend label {
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    font-weight: normal;
    color: #0478E5;
    padding: 0 10px 0 5px;
}

.column {
    /*border: 1px solid #cecece;*/
    /*padding: 10px;*/
    position: relative;
    margin-bottom: 10px;
    background-color:white;
    /*border: 1px solid gray;*/text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 5px;
-moz-box-shadow: #666 0px 0px 5px;
box-shadow: #666 0px 0px 5px;background: #ffffff;behavior: url(../images/PIE.htc);
}

    .column .title {
        font: 20px/1.5 "microsoft yahei";
        color: #4572a7;
    }

.bot_shadow {
    background: url(../images/bg_box_shadow_black.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 1000px;
    height: 6px;
    overflow: hidden;
}

.font8 {
    font: 8px/1.5 "microsoft yahei";
    color: #808080;
}

/*index page css end */

ul, li {
    list-style: none;
}

#tab {
    position: relative;
}

.tabList ul li {
    float: left;
    background: -moz-linear-gradient(top, #fefefe, #ededed);
    background: -o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
    background: -webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
    /*border:1px solid #ccc;*/
    
    width: 100px;
    text-align: center;
    margin-left: -1px;
    position: relative;
    cursor: pointer;
    color: white;
    font-size: 18px;
    font-weight:bold;
    font-family: 'Microsoft YaHei';
    
}

.tabList ul li a {
    color: #fff;
}

.sitelistdj0浼� {
    background: #47c447;
    color: #7A7A7A;
    /*border: solid 1px #27af27;*/
}

.sitelistdj0鑹� {
    background: #d1e82a;
    color: #7A7A7A;
    padding: 5px;
    /*font-weight:bold;*/
    /*border: solid 1px #9da706;*/
}

.sitelistdj0杞诲害姹℃煋 {
    background: #eda10d;
    color: white;
    /*border: solid 1px #be8008;*/
}

.sitelistdj0涓害姹℃煋 {
    background: #fe0000;
    color: white;
    /*border: solid 1px #a30303;*/
}

.sitelistdj0閲嶅害姹℃煋 {
    background: #a4327a;
    color: white;
    /*border: solid 1px #700448;*/
}

.sitelistdj0涓ラ噸姹℃煋 {
    background: #8f0b06;
    color: white;
    /*border: solid 1px #780e2b;*/
}


/*c*/
html,body,h1,h2,h3,h4,h5{font-family: "Microsoft YaHei","寰蒋闆呴粦",tahoma,arial,simsun}
.container1366{margin:0 auto;width:1366px}
.green.darken-2{background-color:#000 !important;}
table tr{cursor:pointer}
.theme1{/*background-color:#7cb342 !important;*/}
/*.color1{background-color:#43a047 !important;}
.color2{background-color:#8bc34a !important;}
.color3{background-color:#f57c00 !important;}
.color4{background-color:#d50000 !important;}
.color5{background-color:#aa00ff !important;}
.color6{background-color:#b71c1c !important;}*/

/*鏍囧噯鑹�*/
.color11{background-color:#008000 !important;}
.color22{background-color:#EEEE11 !important;}
.color33{background-color:#FFA500 !important;}
.color44{background-color:#FF0000 !important;}
.color55{background-color:#800080 !important;}
.color66{background-color:#8E236B !important;}


.color1{background-image:url(../images/green.png);background-repeat:no-repeat}
.color2{background-image:url(../images/yellow.png);background-repeat:no-repeat}
.color3{background-image:url(../images/darkyellow.png);background-repeat:no-repeat}
.color4{background-image:url(../images/red.png);background-repeat:no-repeat}
.color5{background-image:url(../images/purple.png);background-repeat:no-repeat}
.color6{background-image:url(../images/heavypurle.png);background-repeat:no-repeat}

/*.banner1{background-image:url(../images/banner1.jpg)}*/
.banner2{background-image:url(../images/banner2.jpg)}
.banner3{background-image:url(../images/banner3.jpg)}
.banner4{background-image:url(../images/banner4.jpg)}

header{/*background:url(../images/banner1.jpg) no-repeat center top;*/background-size:cover;overflow:hidden}
header nav{background-color:transparent;height: 100px;box-shadow:none;margin:30px}

.aqiCard{height:595px}
.aqiRight{background:#aaa;height:310px;}
.aqiRightBefore{background:#aaa;height:250px;}
.aqiRight>h2{width:100%}
.tipCon{margin:20px 0}
.tipCon h6{margin:0 0 1em 0}
blockquote{border-left: 5px solid #388E3C}
.blockquote1{border-left: 5px solid #008000}
.blockquote2{border-left: 5px solid #EEEE11}
.blockquote3{border-left: 5px solid #FFA500}
.blockquote4{border-left: 5px solid #FF0000}
.blockquote5{border-left: 5px solid #800080}
.blockquote6{border-left: 5px solid #8E236B}
.whiteblock{border-left: 5px solid #fff}
.realAqiConTop{margin:0}
.realAqiConBottom span{margin:0 10px}
.realAqiCon{width:100%;margin:60px 0}
.realAqiConRight{font-size:25px;float:left}

.siteColTable .row{margin-bottom:0}

#pointTable{width:100%;height:290px}

li.tab2{color:#388e3c;border-radius:5px;margin:0 auto;background:#33;text-align:center;height:50px;line-height:50px;
    width:80px;cursor:pointer;overflow:hidden;display:block}
.tabs2 li.tab2 a{color:#388e3c;width:90%;display:block;margin:0 auto;border:solid 1px;}
.tabs2 li.tab2.active{background:#388e3c1;}
.tabs2 li.tab2.active a{color:#fff;background:#388e3c}
.indicator{display:none}

.nav-wrapper{padding: 1.3em 0 0em 0em;}

ul.side-nav li:hover{background:#388e3c;}
ul.side-nav li a:hover{color:#fff}
.card .card-action a{color: #000}
.fixNav{position:fixed;top:0;width:100%;z-index:1000;opacity: 0.8;overflow:hidden;height:70px;display: block;}
.fixNav nav{box-shadow:none;margin:5px 0 0 0}
.mapCon{width:100%;overflow:hidden;background:#ffd;}
.rectMap{transition:all 0.5s;cursor:pointer;text-align:center}
.rectMap img{height:100%;}

.collection .collection-item.active{background-color:#388e3c}
.collection a.collection-item{color:#388e3c}

.modal{height:70%;}
.modal h5{margin:1em}
.modal-content{margin:0;height:70%;background:url(../images/19300001391753133117712031466.jpg) no-repeat center;background-size:contain;}

#mapAqiCard{padding:30px 15px}

.hidden{display: none}
.height200{height:200px}
.height250{height: 250px}
.height220{height:220px;}
.height300{height:300px}
.height450{height:450px}
.height500{height:560px}
.height768{height:750px}

.marginR2{margin-left:2em}

#air_chart_left a{padding:32px 0;}

/* body{background:url(../images/bgBlue.jpg) repeat-x;} */


/*Big*/
.bigTable td,.bigTable th{padding:15px 0;font-size:20px}
.container1366 #cspjLb{font-size:90px;margin:15px 20px 0 20px;background:#33;width:auto;min-width:240px;text-align:right}
.container1366 .realAqiCon{width:550px;overflow:hidden;text-align:left;height:160px;}
.container1366 .realAqiConRight{font-size:35px;float:left;margin:35px 0}
.container1366 h6,.container1366 p,.container1366 a{font-size:20px}
.container1366 #realtime-map{display:none}

.container1366 .mapPic{/*background:url(../images/mapPic.jpg) no-repeat center;*/background-size:cover;position:relative}
.container1366 .markerCon{position:absolute;height:55px;width:100px;text-align:center}
.container1366 .markerJydx{top:66px;left:364px;}
.container1366 .markerMxxc{top:244px;left:227px;}
.container1366 .markerJkzx{top:264px;left:355px;}
.container1366 .markerIcon{background:url(../images/1.png) no-repeat center;height:100%;background-size:contain}
.container1366 .markerText{background:#43a047;color:#fff;padding:5px}

.container1366 .aqiCharWra{background:#aaa;height:270px;margin:20px 0}

@media screen and (min-width:1366px){
    .container1366{width:1366px;}
}