* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.user_news{height: 60px; line-height: 60px; background: #E62129; text-align: center; font-weight: bold; font-size: 24px; color: #fff;}
.user_news span{color: #EAFF00;}
.user_news a{display: inline-block; vertical-align: top; width: 80px; height: 26px; line-height: 26px; font-size: 12px; color: #F90D16; background: #fff; border-radius: 13px; -webkit-border-radius: 13px; margin-left: 46px; margin-top: 17px;}
.center1200 {
  width: 1200px;
  margin: auto;
}
.fixedtop {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
}
.header-width {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
header {
  height: 132px;
}
/* 顶部横幅 start*/
.header-adv {
  width: 100%;
  height: 90px;
  text-align: center;
  position: relative;
  transition: height 0.3s;
}
.header-adv.header-adv_hide {
  height: 0px;
  overflow: hidden;
}
.header-adv .header-adv_img {
  width: 1920px;
  height: 90px;
  object-fit: cover;
}
.header-adv .header-adv_close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 50%;
  margin-right: -640px;
  top: 15px;
  cursor: pointer;
}
/* 顶部横幅 end*/
.header-t {
  background: #f2f2f8;
  color: #191829;
  font-size: 13px;
  height: 42px;
  overflow: hidden;
  transition: height 0.3s;
}
.header-t.header-t-hide {
  height: 0;
}

.header-login:hover,
.header-register:hover,
.header-enc:hover,
.header-user:hover,
.header-about:hover {
  color: #de0f19;
}

.header-t > .header-width {
  display: flex;
  align-items: center;
  height: 100%;
}
.header-hi {
  font-size: 13px;
  font-family: Microsoft YaHei;
  color: #191829;
}
.header-hi span {
  color: #c0bdc6;
  font-style: italic;
  font-weight: bold;
}
.header-login {
  margin-left: 18px;
  display: flex;
  align-items: center;
}
.header-login::before,
.header-register::before,
.header-enc::before,
.header-user::before,
.header-about::before,
.header-tel::before {
  content: '';
  display: block;
  background: url(../image/css_sprites1.png);
  margin-right: 4px;
}
.header-login::before {
  width: 13px;
  height: 13px;
  background-position: -146px -221px;
}
.header-register {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.header-register::before {
  width: 13px;
  height: 13px;
  background-position: -113px -221px;
}
.header-fill {
  flex: 1;
}
.header-enc {
  display: flex;
  align-items: center;
}
.header-enc::before {
  width: 13px;
  height: 13px;
  background-position: -80px -221px;
}
.header-user {
  display: flex;
  align-items: center;
  margin-left: 18px;
}
.header-user::before {
  width: 12px;
  height: 14px;
  background-position: -260px -10px;
}
.header-about {
  display: flex;
  align-items: center;
  margin-left: 18px;
}
.header-about::before {
  width: 13px;
  height: 13px;
  background-position: -47px -221px;
}
.header-tel {
  display: flex;
  align-items: center;
  margin-left: 23px;
  font-size: 16px;
  font-family: DINPro;
  font-weight: 500;
  color: #e41921;
}
.header-tel::before {
  width: 12px;
  height: 12px;
  background-position: -260px -44px;
}
.header-tel span {
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191829;
}
.header-b {
  height: 90px;
  background: #ffffff;
  transition: height 0.3s;
}
.header-b.fixedtop {
  /* height: 75px; */
}
.header-b > .header-width {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-logo {
  display: block;
  /* width: 180px;
  height: 41px; */
  max-width: 100%;
  max-height: 100%;
}
.header-list {
  margin-left: 121px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.header-item {
  display: flex;
  align-items: center;
  border-bottom: 0px solid #e41921;
  transition: all 0.3s;
  position: relative;
}
.header-item::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: #e41921;

  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;

  transition: all 0.3s;
}
.header-item > span,.header-item > a {
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #191829;
  line-height: 46px;
  transition: all 0.3s;
}
.header-item:hover::after,
.header-item.active::after {
  width: 20px;
}
.header-item:hover > span,
.header-item.active > span,
.header-item:hover > a,
.header-item.active > a {
  color: #e41921;
}
/* item 标签跳动 start*/
.header-f_operate,
.header-f_design,
.header-f_customer {
  position: absolute;
  top: -15px;
  left: 50%;
  display: block;
  background: url(../image/d11_sprites.png);
  animation: headerUpdownSmall 1.2s infinite alternate;
  transform: translateX(-50%);
}
.header-hot,
.header-new {
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  background: url(../image/css_sprites1.png);
  animation: headerUpdown 1.2s infinite alternate;
}
@keyframes headerUpdown {
  30% {
    top: -9px;
  }
  50% {
    top: -5px;
  }
}
@keyframes headerUpdownSmall {
  30% {
    top: -19px;
  }
  50% {
    top: -15px;
  }
}
.header-f_operate {
  left: calc(50% - 7px);
  width: 95px;
  height: 27px;
  background-position: -2px -33px;
}
.header-f_design {
  left: calc(50% - 7px);
  width: 108px;
  height: 27px;
  background-position: -2px -2px;
}
.header-f_customer {
  width: 95px;
  height: 27px;
  background-position: -2px -64px;
}
.header-hot {
  width: 27px;
  height: 17px;
  background-position: -209px -171px;
}
.header-new {
  width: 29px;
  height: 17px;
  background-position: -160px -171px;
}
/* item 标签跳动 end*/
.header-icon-home {
  margin-right: 4px;
  width: 17px;
  height: 16px;
  background: url(../image/css_sprites1.png);
  background-position: -10px -221px;
}

.header-icon-arrow {
  margin-left: 4px;
  width: 10px;
  height: 6px;
  background: url(../image/css_sprites1.png);
  background-position: -260px -76px;
}
.header-dropdown {
  width: 0;
  background: #ffffff;
  box-shadow: 0px 25px 60px 0px rgba(95, 103, 110, 0.45);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100%);
  left: 50%;
  padding: 7px 26px 30px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s;
  z-index: 99999;
  transform: translateX(-50%);
}
.header-item:hover .header-dropdown {
  width: 260px;
  max-height: 350px;
  opacity: 1;
}

.header-dropdown-title {
  padding: 16px 0;
  margin: 0 5px;
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #191829;
  line-height: 1;
  border-bottom: 1px solid #f1f2fa;
}
.header-dropdown-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.header-dropdown-item {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191829;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: 10px 0;
  transition: color 0.3s;
}
.header-dropdown-item:hover,
.header-dropdown-item.active {
  color: #e41921;
}
.header-dropdown-item::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(../image/css_sprites1.png);
  margin-right: 14px;
}
.header-dropdown-tm::before,
.header-dropdown-tb::before,
.header-dropdown-jd::before,
.header-dropdown-pdd::before,
.header-dropdown-tmgj::before {
  width: 23px;
  height: 23px;
  margin-right: 17px;
}
.header-dropdown-tm::before {
  background-position: -83px -249px;
}
.header-dropdown-tb::before {
  background-position: -29px -249px;
}
.header-dropdown-jd::before {
  background-position: -2px -249px;
}
.header-dropdown-pdd::before {
  background-position: -110px -249px;
}
.header-dropdown-tmgj::before {
  background-position: -56px -249px;
}
.header-dropdown-dxd::before {
  background-position: -110px -71px;
}
.header-dropdown-dd::before {
  background-position: -60px -71px;
}
.header-dropdown-qc::before {
  background-position: -10px -71px;
}
.header-dropdown-dsp::before {
  background-position: -60px -171px;
}
.header-dropdown-dr::before {
  background-position: -210px -60px;
}
.header-dropdown-yx::before {
  background-position: -160px -71px;
}
.header-dropdown-sjsj::before {
  background-position: -60px -121px;
}
.header-dropdown-sy::before {
  background-position: -110px -171px;
}
.header-dropdown-sc::before {
  background-position: -10px -121px;
}
/* 双11悬浮 start */
.d11-fixed {
  position: fixed;
  top: 50%;
  left: 30px;
  z-index: 99;
}
.d11-fixed_close {
  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
}
.d11-fixed_operate,
.d11-fixed_design,
.d11-fixed_customer {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
}
.d11-fixed_operate {
  top: 137px;
}
.d11-fixed_design {
  top: 173px;
}
.d11-fixed_customer {
  top: 209px;
}
/* 双11悬浮 end */
/* 2022双12氛围 start */
.header-f_double{display: block; width: 75px; height: 26px; position: absolute; top: -15px; left: 50%; margin-left: -46px; animation: headerUpdownSmall 1.2s infinite alternate;}
.header-f_double.doubleimg1{background: url(../image/fenwei_nav1.png);}
.header-f_double.doubleimg2{background: url(../image/fenwei_nav2.png);margin-left: -38px;}
.header-f_double.doubleimg3{background: url(../image/fenwei_nav3.png);}
.d12-fixed{width: 199px;height: 238px;background: url(../image/fenweifloat.png);position: fixed;top: 50%;left: 30px;z-index: 99;}
.d12-fixed>a{display: block;width: 168px;height: 230px;position: absolute;left: 0;top: 0;z-index: 7;}
.d12-fixed div{width: 127px;height: 86px;position: absolute;left: 17px;top: 135px;z-index: 8;}
.d12-fixed div a{display: block;width: 127px;height: 26px;margin-top: 2px;}
.d12-fixed_close{width: 25px;height: 25px;cursor: pointer;position: absolute;right: 0;top: 10px;z-index: 9;}
/* 2022双12氛围 end */
.logo_animate{width: 258px;height: 90px;background: url(../image/logo_newyear2023.png) no-repeat;background-size: 258px;animation: scrollTop 7.2s steps(180) infinite;-webkit-animation: scrollTop 7.2s steps(180) infinite;}
@keyframes scrollTop { 0% {background-position: 0 0;} 100% {background-position: 0 -16200px;} }
@-webkit-keyframes scrollTop { 0% {background-position: 0 0;} 100% {background-position: 0 -16200px;} }
.logo_start{width: 258px;height: 90px;background: url(../image/logo_start2023.png) no-repeat;background-size: 258px;animation: startTop 8s steps(200) infinite;-webkit-animation: startTop 8s steps(200) infinite;}
@keyframes startTop { 0% {background-position: 0 0;} 100% {background-position: 0 -18000px;} }
@-webkit-keyframes startTop { 0% {background-position: 0 0;} 100% {background-position: 0 -18000px;} }