/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
input, select, textarea {
    vertical-align: middle;
}
html {
    background: #000;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    scrollbar-arrow-color: red; /*���°�ť�����Ǽ�ͷ����ɫ*/
    scrollbar-face-color: #CBCBCB; /*������͹�����ֵ���ɫ*/
    scrollbar-3dlight-color: blue; /*���������ߵ���ɫ*/
    scrollbar-highlight-color: #fff; /*�������հײ��ֵ���ɫ*/
    scrollbar-shadow-color: #fff; /*��������Ӱ����ɫ*/
    scrollbar-darkshadow-color: green; /*������ǿ��Ӱ����ɫ*/
    scrollbar-track-color: #eee; /*������������ɫ*/
    scrollbar-base-color: black; /*�������Ļ�����ɫ*/
    Cursor: url(mouse.cur); /*�Զ���������*/
    /*����2�������룺body��div��textarea��iframe*/
}


::-webkit-scrollbar { /* ���������岿�� */
    height:3px;
    width: 3px;
    margin-right: 2px;
}

::-webkit-scrollbar-button { /* ���������˵İ�ť */
    width: 0px;
    height: 0px;
    background-color: #fff;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
    margin-bottom: 2px;
}

::-webkit-scrollbar-track { /* ����� */
    border-radius: 0px;
}
::-webkit-scrollbar-track-piece { /*�ڲ������������м䲿�� */
    background-color: #286e73;
    border-radius: 30px;
}
::-webkit-scrollbar-thumb { /* ���� */
    width: 10px;
    border-radius: 5px;
    background: #b3f4f8;
}

::-webkit-scrollbar-corner { /* �߽� */
    width: 10px;
    background-color: red;
}

::-webkit-scrollbar-thumb:hover { /* ������뻬�� */
    background: #b3f4f8;
}


.footer {
    font-size: 14px;
    color: #ADC1EA;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    /*margin-bottom: 30px;*/
}

/*�Զ�����ʽ*/
body {
    font-size: 12px;
    color: #ADC1EA;
    font-family: "΢���ź�";
}

a, s, i, span {
    font-style: normal;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    color: inherit;
}


.clear {
    clear: both;
}

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

/*������ʽ*/
body {
    background: url("../../images/indexs/backgr.png");
    min-width: 1914px;
    width: 100%;
}


/*�����ʽ*/
.input {
    width: 210px;
    height: 32px;
    background: url('../../Images/css_sprites 1.png') -961px -594px;
    border: none;
    outline: none;
    color: #5570a6;
    text-indent: 10px;
}

.projectSearch {
    width: 390px;
    height: 30px;
    background: rgba(8,25,79,1);
    border-radius: 5px;
    border: none;
    color: #8EADCB;
    margin: 6px 0 0 74px;
    text-indent:12px;
    /*�ܹؼ�����Ĭ�ϵ�selectѡ�����ʽ���*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*��ѡ�������Ҳ��м���ʾС��ͷͼƬ*/
    background-image: url('../../images/FineServiceMapping/jiantou2.png');
    background-repeat:no-repeat;
    background-position:372px 12px;
    /*Ϊ����С��ͷ���һ��λ�ã����ⱻ���ָ���*/
    padding-right: 14px;
    outline:none;
}

 
/*���ie��Ĭ��ѡ�����ʽ���������������ͷ*/
select::-ms-expand { display: none; }

.label {
    display: block;
    color: #4f6d8e;
    margin-bottom: 6px;
}

.botton {
    width: 64px;
    height: 32px;
    background: url('../../Images/css_sprites 1.png') -1152px -656px;
    border: none;
    outline: none;
    color: #4f6d8e;
    position: relative;
    top: 1px;
}


/*��ҳ*/
.box {
    width: calc(100% - 210px);
    float: right;
    height: 34px;
    margin-bottom: 30px;
}

.pagination3 input {
    height: 50px;
}

.ui-pagination-container {
    height: 34px;
    line-height: 34px;
}

    .ui-pagination-container .ui-pagination-page-item, .ui-pagination-container .ui-pagination-page-btn {
        font-size: 14px;
        padding: 4px 10px;
        color: #16325a;
        margin: 0 3px;
        text-decoration: none;
        background: none;
        border: none;
    }

        .ui-pagination-container .ui-pagination-page-item:hover {
            color: #336de2;
            text-decoration: none;
        }

        .ui-pagination-container .ui-pagination-page-item.active {
            color: #336de2;
            cursor: default;
            background: none;
            border: none;
        }

    .ui-pagination-container input, .ui-pagination-page-btn {
        display: none;
    }



/*��������Ŀͷ��������*/


/*ͼ��*/
.legend-boxs {
    position: absolute;
    right: 23px;
    bottom: 23px;
    border: 1px solid gray;
    background-color: #ffffff;
    z-index: 1055;
    opacity: 0.7;
    border-radius: 10px;
    padding: 0 10px;
}
.legend-boxs h1 {
    background-color: rgba(172, 244, 104, 0);
    height: 40px;
    text-align: center;
    margin: 10px 10px 10px 10px;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    border-bottom: 2px solid #000000;
}
.legend-boxs ul li {
    overflow: hidden;
}
.legend-boxs ul li i {
    float: left;
    /* background-color: green; */
    height: 20px;
    width: 35px;
    border: 2px solid gray;
    margin: 0 5px 10px 5px;
    border-radius: 4px;
}
.legend-boxs ul li span {
    height: 20px;
    float: left;
    font-size: 14px;
    margin: 0 5px 10px 5px;
    color: #000000;
    line-height: 20px;
}
.marginal0 {
    background-color: rgba(245,0,0,1);
}
.marginal1 {
    background-color: rgba(252,118,0,1);
}
.marginal2 {
    background-color: rgba(250,204,0,1);
}
.marginal3 {
    background-color: rgba(210,247,0,1);
}
.marginal4 {
    background-color: rgba(128,247,0,1);
}
.marginal5 {
    background-color: rgba(16,245,0,1);
}


.margina20 {
    background-color: rgba(168,0,0,1);
}
.margina21 {
    background-color: rgba(196,84,47,1);
}
.margina22 {
    background-color: rgba(224,163,105,1);
}
.margina23 {
    background-color: rgba(225,235,176,1);
}
.margina24{
    background-color: rgba(115,76,0,1);
}
.margina25 {
    background-color: rgba(0,76,115,1);
}
.margina26 {
    background-color: rgba(76,0,115,1);
}
.amap-logo ,.amap-copyright{
    display:none!important;
}


.margina30 {
    background-color: rgba(225,225,225,1);
}
.margina31 {
    background-color: rgba(204,204,204,1);
}
.margina32 {
    background-color: rgba(230,76,0,1);
}
.margina33 {
    background-color: rgba(115,0,0,1);
}

.marker_tip i {
    height: 40px;
    background: url(../images/environmentalM/mark.png);
    background-size: 100% 100%;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    display: block;
    background-repeat:no-repeat;
    padding: 0px 20px;
}
.qx_marker .blueImg {
    background-image: url(../images/environmentalM/carema-b.png);
    background-size: 100% 100%;
}
.marker_tip .i1 {
    background: url(../../gaitubiao/mark.png) ;
     background-size: 100% 100%;
}
.marker_tip .i2 {
    background: url(../../gaitubiao/hong.png) ;
     background-size: 100% 100%;
}

.qx_marker .qi1 {
    background-image: url(../../gaitubiao/qixiang1.png)!important;
    background-size: 100% 100%;
}
.qx_marker .qi2 {
    /*background-image: url(../../gaitubiao/qixiang2.png) !important;*/
    background-image: url('../../gaitubiao/qino.png')!important;
    background-size: 100% 100%;
}
.qx_marker .chong1 {
    background-image: url(../../gaitubiao/chongq1.png)!important;
    background-size: 100% 100%;
}
.qx_marker .chong2 {
    background-image: url('../../images/environmentalM/iconchongh.png')!important;
    /*background-image: url(../../gaitubiao/chongq2.png) !important;*/
    /*background-image: url('../../images/environmentalM/icons8.png') !important;*/
    background-size: 100% 100%;
}
.qx_marker .jk1 {
    background-image: url(../../gaitubiao/jiankong1.png)!important;
    background-size: 100% 100%;
}
.qx_marker .jk2 {
    background-image: url('../../gaitubiao/jkno.png') !important;
    /*background-image: url(../../gaitubiao/jiankong2.png) !important;*/
    background-size: 100% 100%;
}