@charset "utf-8";


.dow-btn{margin-left:20px;}
.logo-company {position: relative;float: right;width: 78px;max-height: 78px;}

.badge {position: absolute;background-color: #f8ab10;color: #fff;border-radius: 50%;text-align: center;transform: scale(.8);line-height: 16px;font-size: 18px;padding: 6px 7px;right: 0;top: 8px;}
.clear { clear:both; }
.pt30 { padding-top:30px; }
.pb30 { padding-bottom: 30px; }
.disabled { cursor: not-allowed; }


@media screen and (max-width: 767px) {
    .menu > ul { overflow-y: auto; }
    .menu .menu-modal {background-color: rgba(0, 0, 0, 0.5);position: fixed; top:0; right:0;bottom:0; left:0; z-index:-1;}
    .user-logined { display: block; margin: 0; }
    .user-logined > a { background-color: #016144; }
    .user-logined > a i { left: 40px; }
    .user-logined .index-user-menu { display:block;}
}


.main-project-list p { text-align: left;}
.company-list > ul > li .type, .company-list > ul > li .type2, .company-list > ul > li .type3 { background: 0 0; z-index: 1; }
    .company-list > ul > li .type2:before, .scccompany-list > ul > li .type3:before, .company-list > ul > li .type:before {
        border-color: transparent #015ec0;
        border-width: 0 0 96px 64px;
        border-style: solid;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        display: inline-block;
        z-index: -1;
    }
.company-list > ul > li .type2:before { border-color: transparent #FA8181; }
.company-list > ul > li .type3:before { border-color: transparent #F79D01; }
.aa-side .slick-dots{bottom:5px;text-align:right;right:1em}
.aa-side .slick-dots li{width:6px;height:6px;margin:0 5px}
.company-name { min-height: 179px !important; }
.search-keys-list ul { display: inline; }
.toolbar .share-bar { width: 320px; }


.page-star-list>ul>li .t>div .des a { color:#666; }


.claim-list > ul > li .claim-logo { transition: all .5s;width: 72px;max-height: 72px; }


.location a { color: #2d2d2d; }
.location .home-index { font-weight: 800;margin-right: 2px;font-size: 13px; }

.mb20 { margin-bottom: 1.25em; }
.hide { display:none; }
.login-pop-box > ul > li .input { line-height:46px; }
.tips-pop { z-index: 1100; }

.sec-box { position: relative; display: inline-block; }
.sec-tips {color: #222;position: absolute;width: 100%;left: 0;top:inherit;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 100;display: none;}
.sec-tips.open {display: block;}
.sec-tips li {padding: 8px 15px;font-size: 14px;border-bottom: 1px solid #eee;word-break: break-word;}
.sec-tips li:hover, .sec-tips li.active {background-color: #e9f9f6;}
.sec-tips .trade {width: 33%;float: left;border-left: 1px solid #eee;margin: 10px 0;}
.sec-tips .trade h3 {padding: 8px 15px;color: #999;font-weight: 400;font-size: 16px;}
.sec-tips .trade li { border-bottom: none;}


.loading {z-index: 1000;background-color: rgba(0,0,0,.5);position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: center;font-size: 0;white-space: nowrap;overflow: auto;}
.loading:after {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.loading i {color:#fff;display: inline-block;vertical-align: middle;text-align: left;font-size: 14px;white-space: normal;}
/*.tip-error {position: absolute;top: 0;border-color: #f80 !important;background-color: #fff;}*/
.tip-error {background-color: #fff;}
.tip-error > i {color: #f80 !important;font-size: 80% !important;position: unset !important;margin: 0 4px;}
.tip-error > em {color: #f80 !important;font-size: 80% !important;}

.vip-open{ background-color:#fff; padding:20px; }


.bdmap-box img { max-width: none !important; }
.map-city em { font-size: 13px; font-weight: 400; }
.BMap_CityListCtrl .ui_city_change_top { display: none; }
.BMap_CityListCtrl {position: absolute;left: unset !important;right: 1.3em !important;top: 2em !important;}
.BMap_pop .BMap_bubble_content { font-size: 14px; line-height:26px; }

.dropdown-menus .menu-item {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.5;white-space: nowrap;color: #2d2d2d;cursor: pointer;width: 100%;height: 100%;display: block;}
.dropdown-menus .menu-item:hover {cursor: pointer;text-decoration: none;color: #fff;background-color: #01c099;}
.dropdown-menus .menu-item input[type="radio"] { display: none; }
.map-filter-item .list > ul > li .search-lable.checked {color: #01c099;}
.map-filter-item .list > ul > li button { padding: 0 0 10px; }

.map-data { display:block; }
.map-nodata { display:block; }
.map-nodata .map-nodata-bg {background-image: url(../images/company_empty.png);width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;margin-top: 50px;}
.map-nodata p {text-align: center;}
/*.map-right, .st-control { transition: none; }*/
.bdmap-box { transition: all 1s; }

.input-card {height: 47px;border: 1px solid #666;border-radius: 5px;overflow: hidden;box-shadow: 1px 1px 3px rgba(0,0,0,0.3);float: left;position: absolute;z-index: 10;top: 6em;left: 1em;}
.input-card .draw {border-right: 1px solid #d2d2d2;float: left;height: 100%;width: 64px;height: 100%;background-image: url(../images/bg_drawing_tool.png);cursor: pointer;}
.input-card .draw-defualt { background-position: 0 0; }
.input-card .draw-circle { background-position: -130px 0; }
.input-card .draw-defualt.active {background-position: 0 -52px;}
.input-card .draw-circle.active {background-position: -130px -52px;}

#cityControl {display: none;}
.city-panel {padding: 6px 15px 15px;white-space: nowrap;overflow: hidden;zoom: 1;width: 420px; line-height: 26px;background: rgb(255, 255, 255);position: absolute;z-index: 9999;font-size: 12px;right: 0;}
.city-panel .slimScrollDiv { overflow: auto; height: 190px; }
.city-header {position: relative;line-height: 36px;border-bottom: 1px solid #cbcccd;}
.city-current {font-size: 14px;font-weight: 700;}
.city-default {margin-left: 20px;cursor: pointer;display: none;}
.city-panel-close {position: absolute;right: 0;cursor: pointer;font-size: 1.2em;}
.city-hotlist {overflow: hidden;margin-top: 5px;margin-bottom: 6px;}
.city-hotlist li {float: left;margin-right: 10px;color: #42a5f5;cursor: pointer;}
.city-city-title {border-left: 1px solid #cbcccd;}
.city-pc-title {width: 48%;display: inline-block;border: 1px solid #cbcccd;border-bottom: none;border-radius: 2px;}
.city-pc-title .city-select {background-color: #fff;border-bottom: none;}
.city-pc-title span {width: 50%;display: inline-block;text-align: center;border-bottom: 1px solid #cbcccd;cursor: pointer;background-color: #f7f7f7;}
.city-search-logo {left: 6px;position: absolute;}
.city-search {width: 48%;margin-left: 4%;display: inline-block;position: relative;}
.city-search input {border: 1px solid #cbcccd;padding: 5px 0 5px 34px;width: 100%;border-radius: 2px;}
.city-city-letter, .city-province-letter {margin-top: 10px;white-space: normal;}
.city-city-letter li, .city-province-letter li {display: inline-block;background-color: #F5F5F5;margin-left: 6px;cursor: pointer;line-height: 18px;width: 18px;text-align: center;}
.city-list dl {margin: 4px 0;position: relative;}
.city-list dl dt {float: left;font-weight: 700;line-height: 20px;}
.city-list dl dd {white-space: normal;line-height: 20px;margin-bottom: 8px;}
.city-list dl dd li {display: inline-block;margin-right: 9px;cursor: pointer;color: #999;}


.list-detail { width: 100%; text-align: center; }
.qd-table-body2 >.data-list> ul, .qd-table-body3 >.dta-list> ul { border-bottom: 1px solid #efefef; }
.qd-table-body2 > .data-list > ul:after, .qd-table-body3 > .dta-list > ul:after {display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: ".";}
.user-mark i { display: inline-block; vertical-align: top; }
.company-nav-fixed { height: auto; }
.company-nav-fixed:hover .art-subnav { display:block; }
.qiye-filter li a.current em { color: #fff; }
.contact-more-list dl.full dd { width:100%;}



.c-fliter-item > a { margin-right: 10px;padding: 0px 4px;margin-bottom: 8px;display: inline-block; }
.c-fliter-item > a.current { background-color: #01c099; color:#fff; }

.show-more .all { display:none; }

.state.green {border-color: #01c099;color: #01c099;}
.state.gray {border-color: #a9aaaa;color: #a9aaaa;}
.state.orange {border-color: #f79d00;color: #f79d00;}


.qyb-left {
    float: left;
    width: 500px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 20px hsla(168,60%,56%,.2)
}

.qyb-left-con {
    height: 144px
}

.qyb-lgimg {
    position: relative;
    z-index: 9;
    display: block;
    width: 100%;
    height: 335px;
    overflow: hidden
}

    .qyb-lgimg > img {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 400px;
        transform: translateY(-50%)
    }

.qyb-lgimg-hasvideo {
    font-size: 20px;
    transition: all .25s
}

    .qyb-lgimg-hasvideo::after, .qyb-lgimg-hasvideo::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 19
    }

    .qyb-lgimg-hasvideo::before {
        width: 5em;
        height: 5em;
        margin-top: -2.5em;
        margin-left: -2.5em;
        border-radius: 50%;
        background: hsla(0,0%,0%,.5)
    }

    .qyb-lgimg-hasvideo::after {
        width: 0;
        height: 0;
        margin-top: -1.25em;
        margin-left: -.8em;
        border-style: solid;
        border-width: 1.25em 2em;
        border-color: transparent transparent transparent hsla(0,0%,100%,.9)
    }

    .qyb-lgimg-hasvideo:hover::before {
        box-shadow: 0 0 1em hsla(168,60%,56%,.75)
    }

    .qyb-lgimg-hasvideo:hover::after {
        border-left-color: #fff
    }

.qyb-right {
    float: right;
    width: 1200px
}

    .qyb-right > ul > li {
        float: left;
        width: calc(50% - 24px);
        margin-left: 24px;
        margin-top: 24px
    }

        .qyb-right > ul > li:nth-child(1), .qyb-right > ul > li:nth-child(2) {
            margin-top: 0
        }

.qyb-con {
    display: table;
    position: relative;
    width: 100%;
    height: 140px;
    padding: 24px 24px 24px 96px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px hsla(222.4, 89.6%, 49.2%, 0.2)
}

    .qyb-con > span {
        display: table-cell;
        vertical-align: middle
    }

        .qyb-con > span > img {
            position: absolute;
            top: 50%;
            left: 24px;
            width: 48px;
            height: 48px;
            margin-top: -24px;
            border-radius: 50%
        }

        .qyb-con > span > em {
            display: block;
            height: 1.5em;
            line-height: 1.5em;
            font-weight: 700;
            overflow: hidden
        }

        .qyb-con > span > i {
            display: block;
            max-height: 3em;
            margin-top: 6px;
            font-size: 12px;
            color: #999;
            overflow: hidden
        }

.qyb-con-lg {
    height: 133px;
    padding-left: 112px;
    box-shadow: none
}

    .qyb-con-lg > span > img {
        width: 64px;
        height: 64px;
        margin-top: -32px
    }

    .qyb-con-lg > span > em {
        font-size: 20px
    }

@media screen and (max-width:768px) {
    .qyb-left, .qyb-right {
        float: none;
        margin: 0 1em;
        width: auto
    }

    .qyb-lgimg {
        height: 240px
    }

    .qyb-con, .qyb-con-lg {
        height: auto
    }

    .qyb-lgimg > img {
        min-height: 240px
    }

    .qyb-lgimg-hasvideo {
        font-size: 12px
    }

    .qyb-right > ul > li {
        width: auto;
        margin-left: 0;
        margin-top: 10px
    }

        .qyb-right > ul > li:first-child {
            margin-top: 10px
        }

    .qyb-con-lg {
        padding-left: 108px;
        box-shadow: none
    }

        .qyb-con-lg > span > img {
            width: 60px;
            height: 60px;
            margin-top: -32px
        }

        .qyb-con-lg > span > em {
            font-size: 16px
        }
}