@charset "utf-8";
ul,li{list-style:none;margin:0;padding:0;}
 * {    text-decoration: none;
            margin: 0;
            padding: 0;
            box-sizing: border-box;            
        }

        body {
            background-color: #fff;
            scroll-behavior: smooth;
        }     
		
		.mbx {
    margin:5vw 0 0px auto;
    line-height: 40px;
    color: #666;
    white-space: nowrap;
}

.mbx span {
    font-size: 14px;
    padding-left: 5px;
    color: #4671fb;
}

.mbx a {
    color: #4671fb;
}   

.conbg{background:url(../images/contactbg.jpg) no-repeat;width:100%;padding-bottom: 0vw;background-size: cover;margin: -15vw 0 0 0; height: 50vw;}
.jiaru{width:80%;margin:8vw auto 3vw auto;overflow: hidden;text-align: left;    padding: 0 0 35px 0px;}	
.jiaru h3{font-size:2.5vw;color:#000;padding-bottom:0vw;font-weight:bold;position: relative;padding-left: 15px;padding-top: 16vw;font-family: Microsoft YaHei, sans-serif;}
.jiaru h3:before {border-radius: 100px;
    content: "";
    position: absolute;
    width: 2vw;
    height: 0vw;
    top: 50%;
    margin-top: 8.2vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.jiaru p{font-size:0.9vw;color:#555;line-height:2.2vw;padding-bottom:0.85vw;font-weight: normal;padding-left: 15px;}
.jiaru img{width:100%;margin:80px 0;}

.jiaru ul{padding:10px 2px;margin:2vw 0;width:auto;}
.jiaru ul li{float:left;width:22.5%;margin-right: 2%;height: auto;text-align: left;padding: 2%;background: #ffffff91;
    border-radius: 20px;
    box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.1);}
.jiaru ul li:nth-child(4){width:20%;}
.jiaru ul li:nth-child(5){margin-right: 0%;margin-left: 0%;width:4.8%;}
.jiaru ul li:nth-child(5) img{width:100%;height:auto;}
.jiaru ul li i{font-size: 1.3rem;}
.jiaru ul li img{width:auto;margin: 10px 0;height:1.5vw;}
.jiaru ul li dd{font-size:0.9vw;color:#333;padding: 0.5vw 0;margin-bottom: 0px;}
.jiaru ul li p{font-size:0.9vw;color:#333;line-height:1.2vw;padding: 0 0px;font-weight: bold;padding-bottom:1vw;}

.toplan {z-index: 999;
    position: relative;
    width: 88%;
    margin:-8vw auto 7vw auto;box-shadow:5px 5px 20px 6px rgba(113, 111, 111, 0.1);
    background: #fff;
    overflow: hidden;
    height: 13vw;
    border-radius: 30px;
	background:#fff url(../images/kefu.png) no-repeat 30px 20px;background-size:16%;
}
.toplanl{float:left;margin-left: 20%;margin-top:5vw;}
.toplanl h4{color: #222;
    font-weight: bold;
    margin-bottom: 6px;font-size: 1.3vw;}
.toplanl p{color: #676B77;font-size:0.85vw;line-height:1.4vw;}

.toplanr{float: left;
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: 30%;
    margin-top: 5vw;
    border-radius: 40px;
    box-sizing: border-box;
    padding: 1vw 6vw;
    background: linear-gradient(0deg, #1E50E6, #50C8FF);
    color: #fff;}
.toplanr img{width:1.8vw;margin-right: 1.2vw;}

    /* ========== 移动端适配（仅针对联系我们页面主体） ========== */
    @media screen and (max-width: 768px) {

        /* ----- 背景图区域 ----- */
        .conbg {
            margin: -8vw 0 0 0;
            height:90vw;
            background-size: cover;
            background-position: center top;
        }

        /* ----- 内容容器 ----- */
        .jiaru {
            width: 92%;
            margin: 6vw auto 4vw auto;
            padding: 0 0 20px 0;
        }

        .jiaru h3 {
            font-size: 5vw;
            padding-top: 12vw;
            padding-left: 12px;
            line-height: 1.4;
        }

        .jiaru h3:before {
            width: 3vw;
            height: 0;
            margin-top: 5.8vw;
            top: 50%;
            left: 0;
        }

        .jiaru p {
            font-size: 3.2vw;
            line-height: 4.5vw;
            padding-bottom: 2vw;
            padding-left: 12px;
        }

        .jiaru img {
            margin: 40px 0;
        }

        /* ----- 联系方式列表 ----- */
        .jiaru ul {
            padding: 4px 0;
            margin: 3vw 0;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 2.5vw;
        }

        .jiaru ul li {
            float: none;
            width: 100% !important;
            margin-right: 0 !important;
            padding: 4vw 5vw;
            border-radius: 16px;
            box-shadow: 3px 3px 16px 4px rgba(113, 111, 111, 0.08);
            display: flex;
            align-items: center;
            gap: 3vw;
            background: #ffffffd9;
        }

        .jiaru ul li i {
            font-size: 4.5vw;
            width: 8vw;
            text-align: center;
            color: #4671fb;
            flex-shrink: 0;
        }

        .jiaru ul li dd {
            font-size: 3.2vw;
            padding: 0;
            margin-bottom: 0;
            color: #888;
            flex-shrink: 0;
            width: 16vw;
        }

        .jiaru ul li p {
            font-size: 3.4vw;
            line-height: 4.2vw;
            padding: 0;
            font-weight: 600;
            color: #222;
            flex: 1;
            word-break: break-all;
        }

        .jiaru ul li img {
            width: auto;
            height: 4vw;
            margin: 0;
        }

        .jiaru ul li:nth-child(4),
        .jiaru ul li:nth-child(5) {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .jiaru ul li:nth-child(5) img {
            width: auto;
            height: 4vw;
        }

        /* ----- 底部横幅（预约区域） ----- */
        .toplan {
            width: 92%;
            margin:9vw auto 6vw auto;
            height: auto;
            border-radius: 24px;
            padding: 5vw 5vw 6vw 5vw;
            background: #fff url(../images/kefu.png) no-repeat center 2vw;
            background-size: 28%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 3px 3px 16px 4px rgba(113, 111, 111, 0.08);
            position: relative;
            z-index: 999;
        }

        .toplanl {
            float: none;
            margin: 0;
            text-align: center;
            padding-top: 22vw;
            width: 100%;
        }

        .toplanl h4 {
            font-size: 4.2vw;
            margin-bottom: 1.5vw;
            color: #222;
            font-weight: 700;
        }

        .toplanl p {
            font-size: 3.2vw;
            line-height: 4.5vw;
            color: #676B77;
        }

        .toplanr {
            float: none;
            margin: 4vw auto 0 auto;
            font-size: 3.8vw;
            padding: 2.8vw 8vw;
            border-radius: 40px;
            background: linear-gradient(0deg, #1E50E6, #50C8FF);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 2vw;
            font-weight: 600;
            letter-spacing: 0.5px;
            box-shadow: 0 4px 12px rgba(30, 80, 230, 0.35);
            transition: transform 0.2s ease;
            min-height: 12vw;
            min-width: 40vw;
        }

        .toplanr:active {
            transform: scale(0.96);
        }

        .toplanr img {
            width: 4vw;
            margin-right: 1.5vw;
        }

        /* ----- 面包屑（如有） ----- */
        .mbx {
            margin: 4vw auto 0 auto;
            line-height: 8vw;
            padding: 0 4vw;
            white-space: normal;
        }

        .mbx span {
            font-size: 3.2vw;
            padding-left: 2vw;
        }

        .mbx a {
            font-size: 3.2vw;
        }

        /* ----- 额外微调：确保所有文字 ≥ 3vw ----- */
        .jiaru ul li dd,
        .jiaru ul li p,
        .jiaru p,
        .toplanl p,
        .mbx span,
        .mbx a {
            font-size:3.6vw !important;
            /* 保底最小值 */
        }

        .jiaru h3,
        .toplanl h4 {
            font-size:5.5vw !important;
            /* 标题保底 */
        }

        .toplanr {
            font-size: 3.5vw !important;
        }

        /* 针对小屏（≤ 400px）进一步微调 */
        @media screen and (max-width: 400px) {
            .jiaru h3 {
                font-size: 5.5vw !important;
                padding-top: 14vw;
            }

            .jiaru ul li {
                padding: 5vw 4vw;
                flex-wrap: wrap;
            }

            .jiaru ul li dd {
                width: 14vw;
                font-size: 3.2vw !important;
            }

            .jiaru ul li p {
                font-size: 3.6vw !important;
                word-break: break-all;
            }

            .toplanl h4 {
                font-size: 4.8vw !important;
            }

            .toplanr {
                font-size: 4vw !important;
                padding: 3vw 10vw;
                min-height: 14vw;
            }
        }

        /* 针对大屏手机/平板竖屏（如 768px 附近）微调 */
        @media screen and (min-width: 600px) and (max-width: 768px) {
            .jiaru ul {
                flex-direction: row;
                flex-wrap: wrap;
                gap: 2vw;
            }

            .jiaru ul li {
                width: 48% !important;
                flex: 0 0 48%;
                padding: 3vw 4vw;
            }

            .jiaru ul li:nth-child(3) {
                width: 100% !important;
                flex: 0 0 100%;
            }

            .toplan {
                flex-direction: row;
                justify-content: space-between;
                padding: 4vw 6vw;
                background-position: 2vw center;
                background-size: 18%;
            }

            .toplanl {
                padding-top: 0;
                text-align: left;
                flex: 1;
            }

            .toplanr {
                margin: 0;
                flex-shrink: 0;
                min-height: 8vw;
                min-width: 28vw;
                font-size: 3.2vw !important;
                padding: 1.8vw 5vw;
            }
        }
    }