BODY, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, DL, DT, DD, UL, OL, LI, PRE, FIELDSET, LEGEND, BUTTON,  LABEL,ul{

  padding:0px;

  margin:0px;

  border:0px;

}

@font-face{
  font-family:"Regular";
  src: url('../font/Source_Han_Sans_SC_Regular.otf');
}

*{  
  font-family: "Regular";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{ font-size: 12px; font-weight:normal;}

img { border:0 none}

ol,ul{ list-style-type:none;}

a { color:#000000; text-decoration:none; outline: medium none;}

.clear { 
  clear:both; 
}
.both:after {
  display: block;
  content: "";
  clear: both;
}
.fl{ float:left}

.fr{ float:right}

.commonWidth {
  width: 1500px;
  margin: 0 auto;
}
.commonA {
  display: block;
  width: 100%;
  height: 100%;
}
.commonImg {
  display: block;
  width: 100%;
}
input {
  outline: none;
  border: 0;
  background: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ad0b29;
}

/* header */

.header_box {
  width: 100%;
}
.header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 0px;
}
.logo {
  width: auto;
}
.logo>a>h3 {
  display: block;
  font-size: 28px;
  color: #111111;
  font-weight: bold;
}
.menu {
  width: auto;
}
.menu>ul {
  display: flex;
  justify-content: space-between;
}
.menu>ul>li {

}
.menu>ul>li>a {
  display: block;
  font-size: 20px;
  color: #222222;
  line-height: 71px;
  padding: 0px 25px;
}
.menu>ul>li>a:hover {
  color: rgba(146, 3, 3, 1);
}
.headerbtn_bar, .iphone_nav {
  display: none;
}
.headerbtn_bar {
  width: 40px;
  height: 40px;
  margin-left: 20px;
  font-size: 0;
  cursor: pointer;
  margin-top: 0px;
  background: url(../images/nav-btn.png) no-repeat center center;
  border: 2px solid #ffffff;
  border-radius: 4px;
}
.footer {
  width: 100%;
  height: auto;
  padding-top: 40px;
  background: url(../images/BG-footer.png) no-repeat center center / cover;
}
.foot {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.link,
.contact_us,
.code {
  width: calc((100% / 3) - 40px);
}
.link>ul {
  width: 100%;
}
.link>ul>h3,
.contact_us>h3,
.code>h3 {
  display: block;
  position: relative;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 36px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.link>ul>h3:after,
.contact_us>h3:after,
.code>h3:after {
  display: block;
  content: '';
  width: 80%;
  height: 1px;
  background: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.link>ul>li>a,
.contact_us>p {
  display: block;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 36px;
}
.link>ul>li+li,
.contact_us>p+p {
  margin-top: 5px;
}
.link>ul>li>a:hover,
.contact_us>p:hover {
  color: rgba(255, 255, 255, 1);
}
.code>img {
  display: block;
  width: 200px;
  height: 200px;
  padding: 15px;
  background: rgba(255,255,255,0.1);
  border: 4px solid rgba(255,255,255,0.1);
}
.copyright {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-top: 30px;
}
.copyright>p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
#back-to-top {
  position: fixed;       /* 固定定位，不随页面滚动而移动 */
  bottom: 50px;          /* 距离页面底部 50px */
  right: 50px;           /* 距离页面右侧 50px */
  width: 32px;
  height: 32px;
  background: url(../images/btn-up.png) no-repeat 0px;
  display: flex;
  opacity: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;       /* 鼠标悬停时显示小手 */
  transition: opacity 0.3s; /* 添加平滑的显隐过渡效果 */
  z-index: 999;          /* 确保按钮在最上层 */
}
#back-to-top.show {
    opacity: 1;            /* 添加 show 类时显示 */
}