/* 导入样式表 */
@import url("/static/public/style-cn.css");
@import url("/static/public/parts-cn.css");
@import url("/static/public/invitation-cn.css");

/* 按具体网站的私有颜色配置 */
:root {
    --HnnColor: #22AAB4; /* H3、H4标签字体颜色 */
    --HbgColor: #E0F8FA; /* H3、H4的span背景颜色 */
    --WbgColor: #23ABB5; /* 适配白色字体的背景颜色 */
    --ItmColor: #4183C4; /* 项目数值字体颜色 */
    --menu-float-item-bg: #399999; /* 左右浮动子菜单项背景色 */
    --bgColor1: #E9F4FA; /* 交替背景色1，如用于：ul-Testimonials、box-hang4son 等 */
    --bgColor2: #E0F2F3; /* 交替背景色2 */
}

/*大健康的h2特殊些，要大气*/
.box-main h2 {
    margin: 45px auto 10px auto;
    padding: 0;
    box-shadow: none;
    width: 100%;
    color: var(--HnnColor);
    background: none;
}
    /*蓝边框*/
    .box-main h2 b {
        margin-left: 15px;
        padding: 15px 10px 10px 0;
        border: solid 3px var(--HnnColor);
    }
    /*灰底蓝字，左移45px*/
    .box-main h2 span {
        margin-left: -18px;
        padding: 4px 15px;
        background: #eee;
        color: var(--HnnColor);
        font-weight: normal;
        font-size: 25px;
        letter-spacing: 2px;
    }
/*
    需在 /static/public/Invitation-cn-mob.css 加入下面2项类似定义：
       .box-main h2 b {
            margin: 0;
            padding: 0;
            border: none;
        }
            .box-main h2 span {
                margin: 0;
                padding: 0;
                background: none;
                font-size: 0.17rem;
                color: #fff;
                letter-spacing: 0;
            }
*/

/* 展会概述或展望 */
.box-expoDesc h2 {
    margin-top: 25px; /* 当h2放到图片下方时，减少上方距离 */
}


/* == 展会组织 （IHE中文3列）======= */
.box-Organization ul {
    width: 32%;
}
    .box-Organization ul:first-child {
        width: 39%;
    }
    .box-Organization ul:last-child {
        width: 29%;
    }
/* ================================= */


/* == 市场前景 ===================== */
/* 助您抢先布局中国大健康产业市场 */
.ihe-market {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: inline-block;
    background-color: #f6f6f6;
}

.ihe-market ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 32%;
}

    .ihe-market ul:last-child {
        width: 67%; /* 图片宽：550px；区域宽：820px */
        border-left: solid 0.10rem #fff;
    }

        .ihe-market ul:last-child img {
            margin: 0;
            width: 100%;
            height: auto;
        }

    .ihe-market li {
        margin: 0 auto;
        padding: 0.20rem 0 0.05rem 0;
        list-style: none;
        border-bottom: solid 0.15rem #fff;
        min-height: 1.5rem;
    }
    .ihe-market li:last-child {
        border-bottom: none;
    }
.ihe-market h3 {
    margin: 0 auto;
    padding: 0;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.28rem;
    font-weight: normal;
    letter-spacing: 0.03rem;
    text-align: center;
    color: #fff;
    background-color: var(--HnnColor);
}

.ihe-market p {
    margin: 0 auto;
    padding: 0.15rem;
    line-height: 0.27rem;
}

/* ================================= */


/* == 展会优势1：为何参展 ========== */
.ihe-advantage {
    margin: 0 auto;
    padding: 0;
}
    .ihe-advantage > div {
        margin: 0 auto 20px auto;
        padding: 0;
    }
        .ihe-advantage > div > h3 {
            margin: 0 auto;
            padding: 4px;
            height: auto;
            line-height: 0.22rem;
            font-size: 0.15rem;
            /*background-color: #efefef;*/
        }
        .ihe-advantage > div:nth-child(2n+1) > h3 {
            background-color: var(--bgColor1);
        }
        .ihe-advantage > div:nth-child(2n) > h3 {
            background-color: var(--bgColor2);
        }

    .ihe-advantage p {
        margin: 0 auto;
        padding: 10px 15px;
        border: dashed 1px var(--HnnColor);
    }
/* ================================= */


/* == 展会优势2：为何参观 ========== */
.ihe-product li {
    border-bottom: dashed 1px #ccc;
}
    .ihe-product li span {
        float: right;
        margin-right: 20px;
    }
/* ================================= */


/* == 卖家、宣传 =================== */
.ihe-buyers-publicity {
    margin: -20px auto 0 auto;
    padding: 0;
    width: 100%;
    display: inline-block;
}

    .ihe-buyers-publicity div {
        margin: 0;
        padding: 0;
        float: left;
        width: 68%;
        display: inline-block;
    }

        .ihe-buyers-publicity div:last-child {
            float: right;
            width: 32%;
        }

    .ihe-buyers-publicity img {
        margin: 0;
        width: 100%;
    }

    .ihe-buyers-publicity h3 {
        margin: 0 0 10px 0;
    }

    .ihe-buyers-publicity div:first-child ul {
        float: left;
        width: 58%;
    }

        .ihe-buyers-publicity div:first-child ul:last-child {
            width: 42%;
        }

    .ihe-buyers-publicity div:last-child ul {
        margin: 0 0 3px 0;
        padding: 10px 26px;
        font-size: 0.16rem;
        color: #fff;
        background: linear-gradient(to bottom, #22AAB4, rgba(30,170,180,0.8));
    }

        .ihe-buyers-publicity div:last-child ul li {
            margin: 20px auto;
            padding: 0;
            list-style: none;
            font-size: 0.18rem;
            line-height: 0.37rem;
            border-bottom: 0.01rem dashed #fff;
        }

            .ihe-buyers-publicity div:last-child ul li b {
                font-size: 0.40rem;
                font-weight: normal;
                margin-right: 50px;
            }
/* ================================= */


/* == 展品范围 ==================== */
.ihe-profile {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: inline-block;
}

    .ihe-profile ul {
        float: left;
        width: 50%;
    }

        .ihe-profile ul:first-child {
            width: 49%;
            border-right: solid 0.03rem #22AAB4;
        }

    .ihe-profile li {
        margin: 0 auto 0.15rem auto;
        padding: 0.15rem 0 0.10rem 0;
        list-style: none;
        background-image: linear-gradient(to right, #f8f8f8, #EFEFEF 95%, transparent 70%, transparent 100%);
    }

    .ihe-profile h3 {
        margin: 0 auto 0.10rem auto;
        padding: 0 0 0 0.15rem;
        color: #fff;
        background-color: var(--HnnColor);
        height: 0.28rem;
        line-height: 0.28rem;
        font-size: 0.16rem;
        font-weight: normal;
    }

    .ihe-profile p {
        margin: 0;
        padding: 0 0.35rem 0rem 0.15rem;
        color: #666;
    }

    .ihe-profile ul:first-child li:first-child {
        margin-top: 10px;
    }

    .ihe-profile ul:last-child li {
        background-image: linear-gradient(to left, #f8f8f8, #EFEFEF 95%, transparent 70%, transparent 100%);
    }

    .ihe-profile ul:last-child h3 {
        padding: 0 0 0 0.35rem;
    }

    .ihe-profile ul:last-child p {
        padding: 0 0.15rem 0 0.35rem;
    }
/* ================================= */
