* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

ul {
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
}
a {
	color:#337ab7;
	text-decoration:none;
}
h2,h3 {
	margin:0;
}
a:focus,a:hover {
	color:#23527c;
	text-decoration:none;
}
a:focus {
	outline:none;
	outline-offset:-2px;
}
@media (max-width:768px) {
	body {
	/* padding-top:60px; */
}
}



/* ////////////////// */

        /* 轮播图模拟 */
        .banner {
            width: 100%;
            height: 500px;
            background: #0072b3;
            color: #fff;
            font-size: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: -100px; /* 让导航盖在轮播图上 */
            padding-top: 100px;
        }

        /* 导航栏容器 - 初始透明 */
        .hd-century-header {
            width: 100%;
            background-color: transparent; /* 初始无背景 */
            position: fixed;
            top: 0;
            z-index: 999;
            transition: all 0.35s ease;
        }

        /* 下滑后白色背景 */
        .hd-century-header.scroll {
            background-color: #ffffff;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
        }

        /* 导航内容固定 1400px 居中 */
        .hd-century-nav-container {
            width: 1400px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 22px 0;
            transition: padding 0.3s ease;
        }
        .hd-century-header.scroll .hd-century-nav-container {
            padding: 16px 0;
        }

        /* Logo 区域 */
        .hd-century-logo {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            color: #333333;
            transition: transform 0.25s ease;
        }
        .hd-century-logo:hover {
            transform: translateY(-1px);
        }

        .hd-century-logo-icon {
            width: 60px;
            height: 60px;
            background-color: #c00;
            position: relative;
            border-radius: 4px;
            transition: transform 0.3s ease;
        }
        .hd-century-logo:hover .hd-century-logo-icon {
            transform: rotate(2deg) scale(1.03);
        }

        .hd-century-logo-icon::before,
        .hd-century-logo-icon::after {
            content: "";
            position: absolute;
            background-color: #fff;
        }

        .hd-century-logo-icon::before {
            top: 10px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            background: linear-gradient(135deg, transparent 30%, #fff 30%, #fff 70%, transparent 70%);
            clip-path: polygon(
                20% 0%, 80% 0%, 100% 20%, 100% 80%,
                80% 100%, 20% 100%, 0% 80%, 0% 20%,
                20% 0%, 40% 40%, 60% 40%, 80% 0%
            );
        }

        .hd-century-logo-icon::after {
            top: 45px;
            left: 20px;
            right: 20px;
            height: 10px;
            background-color: #fff;
            border-radius: 2px;
        }

        .hd-century-logo-text h1 {
            font-size: 28px;
            font-weight: bold;
            line-height: 1.2;
        }

        .hd-century-logo-text p {
            font-size: 14px;
            color: #666666;
            letter-spacing: 1px;
        }

        /* 导航菜单 */
        .hd-century-nav-menu {
            display: flex;
            align-items: center;
            list-style: none;
            gap: 42px;
        }

        /* 导航菜单项 */
        .hd-century-nav-item {
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
        }

        /* 无抽搐核心样式 */
        .hd-century-nav-link {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 16px;
            font-size: 18px;
            color: #555; /* 初始白色文字（在轮播图上） */
            text-decoration: none;
            font-weight: 500;
            border-radius: 0;
            position: relative;
            transition: all 0.28s linear;
        }

        /* 滚动后文字变黑 */
        .hd-century-header.scroll .hd-century-nav-link {
            color: #333;
        }

        /* hover 效果（无抖动） */
        .hd-century-nav-item.active .hd-century-nav-link,
        .hd-century-nav-link:hover {
            color: #ffffff;
            background-color: #006b99;
            box-shadow: 0 3px 10px rgba(0,114,179,0.15);
        }
		.hd-century-header.scroll .hd-century-nav-link:hover{color:#fff;}

        /* 顶部红条 */
        .hd-century-nav-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #c00;
            opacity: 0;
            transition: opacity 0.28s linear;
        }
        .hd-century-header.scroll .hd-century-nav-link::before {
            /* top: -16px; */
        }
        .hd-century-nav-item.active .hd-century-nav-link::before,
        .hd-century-nav-link:hover::before {
            opacity: 1;
        }

        /* 下拉菜单 */
        .hd-century-submenu {
            position: absolute;
            top: calc(100% + 10px);
            left: 50%;
            transform: translateX(-50%);
            min-width: 185px;
            background-color: #ffffff;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            border-radius: 6px;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 99;
            overflow: hidden;
        }

        .hd-century-submenu-item {
            border-bottom: 1px solid #f3f3f3;
        }

        .hd-century-submenu-item:last-child {
            border-bottom: none;
        }

        .hd-century-submenu-link {
            display: block;
            padding: 13px 22px;
            font-size: 15px;
            color: #444444;
            text-decoration: none;
            transition: all 0.25s ease;
        }

        .hd-century-submenu-link:hover {
            background-color: #0072b3;
            color: #ffffff;
            padding-left: 28px;
        }

        .hd-century-nav-item:hover .hd-century-submenu {
            opacity: 1;
            visibility: visible;
            top: 100%;
        }

        /* 电话 */
        .hd-century-contact {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .hd-century-contact-icon {
            width: 42px;
            height: 42px;
            /* background-color: #c00; */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 20px;
            animation: shake 2.2s infinite ease-in-out;
            transition: all 0.25s ease;
        }
        .hd-century-contact:hover .hd-century-contact-icon {
            transform: scale(1.08);
            box-shadow: 0 0 12px rgba(204,0,0,0.25);
        }

        @keyframes shake {
            0%, 100% { transform: rotate(0deg); }
            20%  { transform: rotate(-6deg); }
            40%  { transform: rotate(0deg); }
            60%  { transform: rotate(6deg); }
            80%  { transform: rotate(0deg); }
        }

        .hd-century-contact-text {
            text-align: l;
        }

        .hd-century-contact-title {
            font-size: 16px;
            color: #555;
            font-weight: 5;
        }
        .hd-century-header.scroll .hd-century-contact-title {
            color: #333;
        }

        .hd-century-contact-phone {
            font-size: 22px;
            color: #000;
            font-weight: bold;
            letter-spacing: 1px;
            transition: color 0.25s ease;
        }
        .hd-century-header.scroll .hd-century-contact-phone {
            color: #c00;
        }
        .hd-century-contact:hover .hd-century-contact-phone {
            color: #e60000;
        }

        /* 移动端按钮 */
        .hd-century-mobile-menu-btn {
            display: none;
            width: 35px;
            height: 30px;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
        }

        .hd-century-mobile-menu-btn span {
            width: 100%;
            height: 3px;
            background-color: #fff;
            border-radius: 3px;
            transition: all 0.35s ease;
        }
        .hd-century-header.scroll .hd-century-mobile-menu-btn span {
            background-color: #333;
        }

        /* 响应式 */
        @media (max-width: 1400px) {
            .hd-century-nav-container { width: 100%; }
        }
        @media (max-width: 992px) {
            .hd-century-mobile-menu-btn { display: flex; }
            .hd-century-nav-menu {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: #fff;
                flex-direction: column;
                padding: 0 22px;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.4s ease;
            }
            .hd-century-nav-menu.active { max-height: 600px; }
            .hd-century-nav-item {width: 100%;border-bottom:1px solid #f0f0f3;background: url(../images/san.png) no-repeat right;}
            .hd-century-nav-link { color:#333 !important; padding:16px 20px; }
            .hd-century-contact { display: none; }
        }
		
		
	/* 	////////////////////////////// */
	
	 /* 全局重置，避免冲突 */
    .hd-footer-v1 * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "Microsoft Yahei", sans-serif;
    }

    .hd-footer-v1 {
      background-color: #1a1a1a;
      color: #999;
      padding: 50px 0 20px;
      width: 100%;
    }

    /* 容器 */
    .hd-footer-v1__container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

    /* 标题样式 已缩小 */
    .hd-footer-v1__title {
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 20px;
      padding-bottom: 8px;
      border-bottom: 1px solid #666;
      position: relative;
    }

    .hd-footer-v1__title-en {
      font-size: 16px;
      color: #999;
      font-weight: normal;
      margin-left: 8px;
    }

    /* 联系我们 字体缩小 */
    .hd-footer-v1__company {
      font-size: 15px;
      color: #fff;
      margin-bottom: 12px;
    }

    .hd-footer-v1__address {
      font-size: 14px;
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .hd-footer-v1__contact-row {
      display: flex;
      gap: 30px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }

    .hd-footer-v1__contact-item {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
      color: #999;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .hd-footer-v1__contact-item:hover {
      color: #0099ff;
      transform: translateX(5px);
    }

    /* CSS图标 */
    .hd-footer-v1__icon {
      display: inline-block;
      width: 25px;
      height: 25px;
      position: relative;
    }

    .hd-footer-v1__icon--phone{background: url(../images/f1.png);background-size: 100% 100%;}

    .hd-footer-v1__icon--email{background: url(../images/f2.png);background-size: 100% 100%;}

    .hd-footer-v1__icon--mobile{background: url(../images/f3.png);background-size: 100% 100%;}


    /* 快速导航 字体缩小 */
    .hd-footer-v1__nav {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .hd-footer-v1__nav-link {
      font-size: 14px;
      color: #999;
      text-decoration: none;
      transition: all 0.3s ease;
      position: relative;
    }

    .hd-footer-v1__nav-link::after {
      content: "";
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 0;
      height: 2px;
      background-color: #0099ff;
      transition: width 0.3s ease;
    }

    .hd-footer-v1__nav-link:hover {
      color: #fff;
    }

    .hd-footer-v1__nav-link:hover::after {
      width: 100%;
    }

    /* 二维码 */
    .hd-footer-v1__qrcode-wrap {
      display: flex;
      flex-direction: column;
      align-items: l;
      gap: 8px;
    }

    .hd-footer-v1__qrcode {
      width: 110px;
      height: 110px;
      background-color: #fff;
      padding: 5px;
      border-radius: 4px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .hd-footer-v1__qrcode:hover {
      transform: scale(1.05);
      box-shadow: 0 0 15px rgba(0, 153, 255, 0.3);
    }

    .hd-footer-v1__qrcode-img {
      width: 100%;
      height: 100%;
      display: block;
    }

    .hd-footer-v1__qrcode-tip {
      font-size: 14px;
      color: #999;
    }

    /* 底部版权 */
    .hd-footer-v1__bottom {
      margin-top: 35px;
      padding-top: 18px;
      border-top: 1px solid #333;
    }

    .hd-footer-v1__bottom-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
      font-size: 12px;
      color: #666;
    }

    /* 响应式 */
    @media screen and (max-width: 992px) {
      .hd-footer-v1__container {
        grid-template-columns: 1fr 1fr;
      }
      .hd-footer-v1__col--qrcode {
        grid-column: 1 / -1;
      }
    }

    @media screen and (max-width: 768px) {
      .hd-footer-v1__container {
        grid-template-columns: 1fr;
        gap: 30px;
      }
      .hd-footer-v1__title {
        font-size: 18px;
      }
      .hd-footer-v1__title-en {
        font-size: 14px;
      }
    }

    @media screen and (max-width: 480px) {
      .hd-footer-v1 {
        padding: 30px 0 15px;
      }
      .hd-footer-v1__contact-row {
        flex-direction: column;
        gap: 12px;
      }
    }
	
	  /* 右侧悬浮工具栏 —— 绝对独立，不冲突 */
    .float-tool-right {
      position: fixed;
      right: 20px;
      bottom: 80px;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* 单个按钮 */
    .float-tool-right .tool-item {
      width: 50px;
      height: 50px;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 3px 10px rgba(0,0,0,0.15);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      border: none;
    }

    .float-tool-right .tool-item:hover {
      background: #0099ff;
      transform: translateY(-3px);
    }

    /* 图标颜色 */
    .float-tool-right .tool-item svg {
      width: 22px;
      height: 22px;
      fill: #333;
      transition: fill 0.3s;
    }
    .float-tool-right .tool-item:hover svg {
      fill: #fff;
    }

    /* 提示文字 */
    .float-tool-right .tool-item .tip {
      position: absolute;
      right: 60px;
      background: #333;
      color: #fff;
      padding: 5px 10px;
      border-radius: 4px;
      font-size: 12px;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s;
    }
    .float-tool-right .tool-item:hover .tip {
      opacity: 1;
    }

    /* 手机端自动变小、靠最边 */
    @media (max-width: 768px) {
      .float-tool-right {
        right: 10px;
        bottom: 60px;
      }
      .float-tool-right .tool-item {
        width: 44px;
        height: 44px;
      }
      .float-tool-right .tool-item svg {
        width: 18px;
        height: 18px;
      }
	  
	  
	  .hd-century-header {
    width: 100%;
    background-color: transparent;
    position: relative;
    top: 0;
    z-index: 999;
    transition: all 0.35s ease;
    padding: 0 10px;
}
	  
	  
	  
.hd-century-logo-text{width: 60px;}	  
	  .hd-century-logo-text img{max-width:100%;}
	  
	  
	  .hd-century-mobile-menu-btn span {
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 3px;
    transition: all 0.35s ease;
}


	  
    }