/* 把我们所有标签的内外边距清零 */
* {
    margin: 0;
    padding: 0;
}

/* em 和 i 斜体的文字不倾斜 */
em,
i {
    font-style: normal;
}

/* 去掉li 的小圆点 */
li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

button {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #363636;
}

body {
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 14px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    color: #363636;
    min-width: 1280px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.ml_15 {
    margin-left: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.flex_box {
    display: flex;
    align-items: center;
}
.flex_bbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    zoom: 1
}

.contain {
    width: 1280px;
    margin: auto;
}

/* ==== 公用顶部导航 ===== */
.header {
    display: flex;
    justify-content: space-between;
    height: 90px;
    line-height: 90px;
}

.header .Nav {
    display: flex;
}

.header .Nav>li {
    margin-right: 60px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
}

.header .Nav>li::after {
    content: '';
    /* 伪元素必须有content */
    position: absolute;
    bottom: 0;
    left: 50%;
    /* 初始居左50%，配合transform实现水平居中 */
    width: 0;
    /* 初始宽度0，动画时变为100% */
    height: 2px;
    /* 下划线高度2像素 */
    background-color: #FF4E7C;
    /* 下划线颜色，可自定义 */
    /* 动画核心：宽度和位置过渡，时长0.3秒 */
    transition: width 0.3s ease;
    transform: translateX(-50%);
    /* 修正left:50%的偏移，确保完全居中 */
}

.header .Nav>li:hover::after {
    width: 100%;
    /* 宽度从0变为100% */
    left: 0;
    /* 位置从50%变为0，配合transform保持居中展开 */
    transform: translateX(0);
    /* 取消偏移，确保从中间向两边延伸 */
}

.header .Nav li a {
    display: block;
    height: 90px;
}

.header .Nav .on>a {
    color: #FF4E7C;
    border-bottom: 2px solid #FF4E7C;
    box-sizing: border-box;
}

.sub_menu {
    display: none;
    position: absolute;
    width: 197px;
    background: rgba(255, 255, 255, 0.8)
}

.sub_menu li {
    position: relative;
    height: 44px;
}

.sub_menu li a {
    height: 44px !important;
    font-weight: 400;
    font-size: 14px;
    color: #3C3C3C;
    line-height: 44px;
    border-bottom: 1px solid #E2E6F2;
    padding-left: 16px;
}

.sub_menu li a::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 45%;
    width: 4px;
    height: 5px;
    background-image: url(../image/Navigation_arrows1.png);
    background-repeat: no-repeat;
}

.header .Nav .about_us:hover .sub_menu {
    display: block;
    z-index: 999;
}

.header .Nav .about_us {
    position: relative;
}

.header .Nav .about_us:hover .sub_menu li:hover a {
    background: rgba(234, 237, 244, 0.8);
    color: #FF4E7C;
}

.header .Nav .about_us:hover .sub_menu li:hover a::after {
    background-image: url(../image/Navigation_arrows2.png);
}


/* 底部导航模块 */
footer {
    width: auto;
    height: 459px;
    background-color: #595959;
    color: #fff;
}

/* 底部导航第一行 */
.footer_one {
    display: flex;
    height: 336px;
    padding-top: 40px;
    border-bottom: 1px solid #7B7B7B;
}

/* 左边logo */
.foot_l {
    width: 382px;
}

.foot_l .slogn {
    width: 315px;
    font-family: MiSans;
    font-weight: 100;
    font-size: 46px;
    margin-bottom: 40px;
    line-height: 52px;
}

/* 中间导航 */
.foot_m {
    display: flex;
}

.foot_m .h1 a {
    font-size: 20px;
    color: #fff;
    line-height: 36px;
}

.foot_m ul li {
    line-height: 36px;
}

.foot_m ul li a {
    color: #fff;
    font-weight: 200;
    font-size: 14px;
}

.foot_m a:hover {
    color: #FF4E7C;
}

.foot_m .path {
    margin-right: 110px;
}

.foot_m .path .mt_20 {
    margin-top: 20px;
}

/* 右边联系方式 */
.foot_r {
    line-height: 14px;
    color: #fff;
    font-weight: 200;
}

.foot_r .fs_18 {
    /* font-family: MiSans; */
    font-weight: 600;
    font-size: 18px;
}

.foot_r .link {
    display: flex;
    margin-top: 60px;
}

.foot_r .link img {
    width: 24px;
    height: 24px;
    margin-right: 20px;
}


/* 底部导航第二行 */
.footer_sec {
    display: flex;
    padding-top: 18px;
    justify-content: space-between;
    color: #999999;
}

.footer_sec a {
    color: #999999;
}

.footer_sec a:hover {
    color: #fff;
}


/* 内页-顶部图片 */
.conTopImg {
    width: 100%;
    height: 511px;
    background: #FFFFFF;
}
.conTopImg .conTopImg_img {
    width: 100%;
    height: 459px;
    position: relative;
    animation: conImgShow 1s ease-in-out forwards;
    animation-delay: 0.3s;
    opacity: 0;

}
@keyframes conImgShow {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.conTopImg .conTopImg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.conTopImg .conTopImg_img .img_text {
    width: 1280px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.conTopImg .conTopImg_img .text_show {
    font-family: MiSans;
    font-weight: 300;
    font-size: 43px;
    color: #FFFFFF;
    padding-top: 118px;
    letter-spacing: -2px;
}
.conTopImg .conTopImg_nav {
    height: 52px;
}
.conTopImg .conTopImg_nav img {
    width: 17px;
    height: 14px;
    margin-right: 4px;
}
.conTopImg .nav_text {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #9C9C9C;
}
.conTopImg div.nav_text {
    margin: 0 10px;
}
.conTopImg .nav_text.nav_text_on {
    color: #363636;
}
.conTopImg .tip_text {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #363636;
}
.conTopImg .tip_text div{
    margin-left: 46px;
}