@charset "utf-8";

img {
    max-width: 100%;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

input::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input:-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.tips {
    display: block;
    padding: 0 0 40px 20px;
    box-sizing: border-box;
    min-height: 100px;
    line-height: 100px;
}

.w1265 {
    width: 1265px;
    margin: 0 auto;
}

.w1380 {
    width: 1380px;
    margin: 0 auto;
}

.cur {
    background: #003f84;
}




.index-banner ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

    .index-banner ul li a img {
        margin: 0 auto;
    }

.index-banner .bx-wrapper {
    margin-bottom: 0;
}

    .index-banner .bx-wrapper .bx-pager {
        bottom: 18px;
    }

        .index-banner .bx-wrapper .bx-pager a {
            -webkit-border-radius: 0 0;
            border-radius: 0 0;
            background: #9399a1;
        }

            .index-banner .bx-wrapper .bx-pager a.active {
                background: #fff;
            }

            .index-banner .bx-wrapper .bx-pager a:hover {
                background: #fff;
            }

.index-contact {
    background: #fff;
}

    .index-contact ul li {
        float: left;
        width: calc(25% - 10px);
        margin: 10px 5px;
        position: relative;
        transition: all .5s;
    }

        .index-contact ul li.index-products:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            background: rgba(0, 0, 0, 0.3);
            top: 0;
            left: 0;
            z-index: 1;
            display: none;
            transition: all .5s;
        }

        .index-contact ul li.index-products:hover .ppf {
            display: block;
            transition: all .5s;
        }

        .index-contact ul li.index-products:hover .window {
            display: block;
            transition: all .5s;
        }

        .index-contact ul li.index-products:hover:after {
            display: block;
            transition: all .5s;
        }

        .index-contact ul li a {
            display: block;
            width: 100%;
        }

            .index-contact ul li a img {
                display: block;
                width: 100%;
            }

            .index-contact ul li a p {
                position: absolute;
                left: 36px;
            }

                .index-contact ul li a p.index-title-cn {
                    font-size: 30px;
                    font-family: 'Microsoft YaHei Regular';
                    color: #666666;
                    top: 185px;
                }

                .index-contact ul li a p.index-title-en {
                    font-size: 12px;
                    font-family: 'Microsoft YaHei Regular';
                    color: #666666;
                    top: 227px;
                }

        .index-contact ul li .ppf {
            width: 160px;
            height: 160px;
            background: rgba(0, 73, 152, 0.5);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            margin-top: -80px;
            left: 45px;
            text-align: center;
            color: #fff;
            z-index: 2;
            display: none;
            transition: all .5s;
        }

            .index-contact ul li .ppf img {
                width: auto;
                margin: 0 auto;
                margin-top: 50px;
                margin-bottom: 18px;
            }

            .index-contact ul li .ppf p {
                position: static;
            }

        .index-contact ul li .window {
            width: 160px;
            height: 160px;
            background: rgba(224, 0, 18, 0.5);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            margin-top: -80px;
            right: 45px;
            text-align: center;
            color: #fff;
            z-index: 2;
            display: none;
            transition: all .5s;
        }

            .index-contact ul li .window img {
                width: auto;
                margin: 0 auto;
                margin-top: 50px;
                margin-bottom: 18px;
            }

            .index-contact ul li .window p {
                position: static;
            }

.store-banner {
    background-image: url("../images/store/banner.png") !important;
}

.store-main .global-w .store-result {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #e5e5e5;
    position: relative;
}

    .store-main .global-w .store-result p {
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #333333;
        margin-left: 37px;
    }

    .store-main .global-w .store-result .store-close {
        position: absolute;
        display: block;
        top: 50%;
        right: 14px;
        transform: translate(0, -50%);
        cursor: pointer;
    }

.store-main .global-w .store-result-list {
    width: 100%;
    height: 1140px;
    background: #fff;
}

    .store-main .global-w .store-result-list .store-city {
        width: 151px;
        height: 100%;
        border-right: 1px solid rgba(153, 153, 153, 0.2);
        float: left;
    }

        .store-main .global-w .store-result-list .store-city ul {
            width: 100%;
            height: 100%;
        }

            .store-main .global-w .store-result-list .store-city ul li {
                width: 100%;
                height: 73px;
                text-align: center;
                line-height: 73px;
                border-bottom: 1px solid rgba(153, 153, 153, 0.2);
                font-size: 16px;
                font-family: "Microsoft YaHei";
                color: #666;
                cursor: pointer;
            }

    .store-main .global-w .store-result-list .store-city-info {
        width: 316px;
        height: 100%;
        border-right: 1px solid rgba(153, 153, 153, 0.2);
        float: left;
        cursor: pointer;
    }

        .store-main .global-w .store-result-list .store-city-info ul {
            width: 100%;
            height: 100%;
        }

            .store-main .global-w .store-result-list .store-city-info ul li {
                width: 100%;
                padding-top: 28px;
                padding-left: 48px;
                box-sizing: border-box;
                border-bottom: 1px solid rgba(153, 153, 153, 0.2);
                padding-bottom: 20px;
            }

                .store-main .global-w .store-result-list .store-city-info ul li p {
                    font-size: 14px;
                    font-family: "Microsoft YaHei";
                    color: #666;
                    position: relative;
                }

                    .store-main .global-w .store-result-list .store-city-info ul li p.city-info-active:after {
                        content: "";
                        width: 6px;
                        height: 6px;
                        background: #004998;
                        border-radius: 50%;
                        position: absolute;
                        top: 50%;
                        left: -10px;
                        transform: translate(0, -50%);
                    }

                    .store-main .global-w .store-result-list .store-city-info ul li p span:first-child {
                        margin-right: 30px;
                        width: 42px;
                        height: 19px;
                        display: inline-block;
                    }

                    .store-main .global-w .store-result-list .store-city-info ul li p:first-child {
                        color: #333333;
                        font-size: 16px;
                        font-family: "Microsoft YaHei";
                        font-weight: bold;
                        margin-bottom: 13px;
                    }

    .store-main .global-w .store-result-list .store-infos {
        overflow: hidden;
        padding: 71px 50px 0 47px;
    }

        .store-main .global-w .store-result-list .store-infos p.store-infos-title {
            color: #333333;
            font-size: 16px;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            margin-bottom: 38px;
        }

        .store-main .global-w .store-result-list .store-infos .store-infos-intro {
            width: 100%;
        }

            .store-main .global-w .store-result-list .store-infos .store-infos-intro ul {
                width: 100%;
            }

                .store-main .global-w .store-result-list .store-infos .store-infos-intro ul li {
                    width: 50%;
                    float: left;
                    font-size: 14px;
                    color: #666666;
                    line-height: 35px;
                }

        .store-main .global-w .store-result-list .store-infos table {
            width: 100%;
        }

            .store-main .global-w .store-result-list .store-infos table td {
                padding: 5px 0px;
                font-family: "Microsoft YaHei";
                color: #666666;
                font-size: 14px;
            }

        .store-main .global-w .store-result-list .store-infos .store-map {
            width: 740px;
            height: 460px;
            margin-top: 60px;
        }

.mobile-nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    display: none;
}

    .mobile-nav .mobile-nav-top {
        height: 2.4rem;
        background: #000;
        width: 100%;
        position: relative;
        line-height: 2.4rem;
    }

        .mobile-nav .mobile-nav-top span {
            color: #fff;
            font-size: 18px;
            margin-left: 10px;
        }

        .mobile-nav .mobile-nav-top .mobile-logo {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

            .mobile-nav .mobile-nav-top .mobile-logo img {
                display: block;
                height: 1rem;
            }

    .mobile-nav .mobile-nav-info {
        height: 100vh;
        position: absolute;
        z-index: 1;
        background: #000;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        z-index: 111;
        top: 2.4rem;
        padding: 0 40px;
        display: none;
    }

        .mobile-nav .mobile-nav-info ul li {
            line-height: 44px;
            font-size: 18px;
            font-family: "微软雅黑";
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

            .mobile-nav .mobile-nav-info ul li a {
                color: #fff;
            }

    .mobile-nav .mobile-nav-search {
        width: 100%;
        height: 44px;
        position: relative;
    }

        .mobile-nav .mobile-nav-search input {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            color: #fff;
            width: 100%;
            height: 100%;
            line-height: 44px;
        }

            .mobile-nav .mobile-nav-search input::-webkit-input-placeholder {
                /* WebKit browsers */
                color: #fff;
                font-size: 16px;
            }

            .mobile-nav .mobile-nav-search input::-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #fff;
                font-size: 16px;
            }

            .mobile-nav .mobile-nav-search input:-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: #fff;
                font-size: 16px;
            }

            .mobile-nav .mobile-nav-search input:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                color: #fff;
                font-size: 16px;
            }

        .mobile-nav .mobile-nav-search i {
            color: #fff;
            font-size: 18px;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%);
        }
/*产品详情*/
.product-detail-content {
    width: 100%;
    min-height: 100px;
    padding: 0 0 40px;
    text-align: center;
}

    .product-detail-content img {
        max-width: 100%;
        vertical-align: top;
    }
/**/
/*门店查询-手机端*/
/**/
@media screen and (max-width: 1366px) {
    .w1380,
    .w1265 {
        width: 1200px;
    }

    .index-contact ul li.index-products .ppf,
    .index-contact ul li.index-products .window {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        font-size: 20px;
    }

    .index-contact ul li.index-products .ppf {
        left: 16px;
    }

    .index-contact ul li.index-products .window {
        right: 16px;
    }
}

/*1211*/
.mobile-store {
    display: none;
}

    .mobile-store .mobile-store-banner {
        min-height: 230px;
        position: relative;
        background: url(../images/store/banner.png) no-repeat;
        background-size: cover;
    }

        .mobile-store .mobile-store-banner .mobile-store-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .mobile-store .mobile-store-banner .mobile-store-text h3 {
                font-size: 35px;
                line-height: 35px;
                color: #fff;
                font-weight: bold;
                padding-left: 45px;
            }

            .mobile-store .mobile-store-banner .mobile-store-text p {
                font-size: 14px;
                line-height: 14px;
                color: rgba(255, 255, 255, 0.5);
                margin-top: 14px;
                padding-left: 45px;
            }

    .mobile-store .mobile-store-main .mobile-store-title {
        width: 100%;
        background: #536b84;
        height: 71px;
        text-align: center;
        line-height: 71px;
        color: #fff;
    }

        .mobile-store .mobile-store-main .mobile-store-title em {
            display: inline-block;
            vertical-align: middle;
            font-size: 24px;
            line-height: 70px;
            color: #fff;
            font-weight: bold;
        }

        .mobile-store .mobile-store-main .mobile-store-title i {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background: url(../images/shared/icon-title.png) no-repeat;
            margin-left: 15px;
        }

    .mobile-store .mobile-store-main .mobile-store-result {
        width: 100%;
        height: 42px;
        line-height: 42px;
        position: relative;
        background: #e5e5e5;
    }

        .mobile-store .mobile-store-main .mobile-store-result p {
            font-size: 16px;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            color: #333333;
        }

        .mobile-store .mobile-store-main .mobile-store-result img {
            position: absolute;
            display: block;
            top: 50%;
            right: 14px;
            transform: translate(0, -50%);
            cursor: pointer;
        }

    .mobile-store .mobile-store-main .mobile-store-chose {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .mobile-store .mobile-store-main .mobile-store-chose select {
            display: block;
            margin: 0 auto;
            width: 60%;
            height: 30px;
            padding-left: 15px;
            margin-bottom: 30px;
        }

    .mobile-store .mobile-store-main .mobile-store-info {
        margin-bottom: 30px;
    }

        .mobile-store .mobile-store-main .mobile-store-info p {
            color: #333333;
            font-size: 16px;
            font-family: "Microsoft YaHei";
            font-weight: bold;
            margin-bottom: 20px;
            margin-left: -34px;
            text-align: center;
        }

        .mobile-store .mobile-store-main .mobile-store-info ul {
            margin: 0 auto;
            width: 60%;
        }

            .mobile-store .mobile-store-main .mobile-store-info ul li {
                color: #666666;
                font-size: 14px;
                font-family: 'microsoft yahei';
            }

    .mobile-store .mobile-store-main #mobile-map {
        width: 90%;
        margin: 0 auto;
        height: 200px;
    }
/*适配*/
@media screen and (max-width: 768px) {
    .index-contact ul li {
        width: calc(100% - 10px);
        margin: 5px 5px;
    }

        .index-contact ul li a p.index-title-cn {
            top: 80px;
        }

        .index-contact ul li a p.index-title-en {
            top: 128px;
        }

  
    .mobile-nav {
        display: block;
    }

    .mobile-view {
        margin-top: 2.4rem;
    }

    .w1380 {
        width: 100%;
    }

        .w1380 .foot-logo img {
            margin: 0 auto;
        }

    .store-mains .store-main {
        display: none;
    }

    .mobile-store {
        display: block;
    }

   


}

.filter {
    width: calc(100% - 260px);
    float: right;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
}

    .filter span {
        float: left;
        margin-top: 25px;
        margin-right: 20px;
    }

    .filter .btns {
        display: inline-block;
        width: 100px;
        height: 40px;
        background: #536b84;
        line-height: 40px;
        text-align: center;
        margin-top: 15px;
        border-radius: 10px 10px;
        cursor: pointer;
        color: #fff;
    }

    .filter .combo-select {
        width: 150px;
        margin-top: 15px;
        margin-right: 20px;
        float: left;
    }

        .filter .combo-select .combo-dropdown li {
            font-size: 12px;
        }