@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#333333;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体"; } /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#333333; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline; text-decoration:none; }

/* 头部banner部分 */
.header-banner {
  width: 100%;
  margin: 0 auto;
  height: fit-content;
  padding: 14px 67px 0;
  min-width: 1300px;
  transition: all 0.3s linear;
  top: 0;
  position: absolute;
}
.header-banner.scrolled {
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: #ffffff;
  padding-bottom: 10px;
}
.header-banner.scrolled .header-navs .right .navs a {
  color: #626262;
}
.header-banner.scrolled .header-navs .right .navs a:hover {
  color: #2374b1;
}
.header-banner .header-navs {
  position: relative;
  z-index: 2;
}
.header-banner .header-navs .logo {
  width: 220px;
  height: 75px;
}
.header-banner .header-navs .right {
  gap: 30px;
}
.header-banner .header-navs .right .navs ul{
  gap: 21px;
  display: inline-flex;
}

.header-banner .header-navs .right .navs ul li.cur a,.header-banner .header-navs .right .navs ul li:hover a{
  color:#2374B1;
}

.header-banner .header-navs .right .navs a span {
  transition: all 0.3s linear;
  display: inline-block;
  position: relative;
}
.header-banner .header-navs .right .navs a span::before {
  content: "";
  width: 0%;
  display: inline-block;
  height: 2px;
  background-color: #2374b1;
  transition: all 0.3s linear;
  left: 50%;
  bottom: -4px;
  position: absolute;
  transform: translateX(-50%);
}
.header-banner .header-navs .right .navs a:hover span {
  color: #2374b1;
}
.header-banner .header-navs .right .navs a:hover span::before {
  width: 110%;
}
.header-banner .header-navs .right .icon {
  position: relative;
  gap: 20px;
}
.header-banner .header-navs .right .icon img {
  width: 35px;
  height: 35px;
}

.header-banner .header-navs .right .icon .search-box {
  position: relative;
  width: 35px;
  height: 35px;
}



/* .header-banner .header-navs .right .icon .search-box .search.active {
  transition: all 0.1s ease-in-out;
  position: fixed;
  width: 60%;
  background-color: #ffffff;
  left: 50%;
  padding: 10px 10px 30px;
  top: 0%;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 1px 1px 10px #cccccc;
  transform: translateX(-50%);
} */
/* 新增初始隐藏状态 */
.header-banner .header-navs .right .icon .search-box .s-box {
  position: fixed;
  top: -100%;
  /* 初始位置在屏幕外顶部 */
  opacity: 0;
  /* 初始透明 */
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  /* 缩放至80%尺寸 */
  transition:
    top 0.4s ease-out,
    /* 滑动时间 */
    opacity 0.4s ease-out,
    /* 渐显时间 */
    transform 0.4s ease-out
    /* 缩放时间 */
  ;
  z-index: 1000;
  /* 确保弹窗在最顶层 */
  background: #fff;
  border-radius: 0 0 6px 6px;
  width: 60%;
  box-sizing: border-box;
  padding: 20px 20px 30px;
}

/* 激活状态 */
.header-banner .header-navs .right .icon .search-box .s-box.active {
  top: 0;
  /* 滑动到视口顶部 */
  opacity: 1;
  /* 完全显示 */
  transform: translateX(-50%) scale(1);
  /* 恢复100%尺寸 */
}

.header-banner .header-navs .right .icon .search-box .s-box-center {
  width: 100%;
  /* 圆角更协调 */
  transition:
    width 0.3s ease-out,
    /* 宽度过渡动画 */
    padding 0.3s ease-out;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border: 1px solid #595959;
  gap: 10px;
  border-radius: 50px;
  box-sizing: border-box;
}

.header-banner .header-navs .right .icon .search-box .s-box-center .search-icon2 {
  display: block;
  width: 25px;
  height: 25px;
}

.header-banner .header-navs .right .icon .search-box .s-box-center .inp {
  outline: none;
  border: none;
  background-color: transparent;
  display: block;
  flex: 1;
  font-size: 16px;
}



.header-banner .header-navs .right .icon .search-box .s-box-center .close {
  display: block;
  width: 20px;
  height: 20px;
}



.header-banner .header-navs .right .icon .search-box .search.active .s-box {
  opacity: 1;
}

.header-banner .header-navs .right .icon .search-box .search.active .inp {
  display: block;
}

.header-banner .header-navs .right .icon .search-box .search.active .search-icon1 {
  display: none;
}

.header-banner .header-navs .right .icon .search-box .search.active .search-icon2 {
  display: block;
}

.header-banner .header-navs .right .icon .search-box .search{
  width: 31px;
  height: 31px;
}
.header-banner .header-navs .right .icon .search-box .search{
  background: url(/Skins/Default/Img/Common/search1.png) no-repeat center / 100%;
}


.header-banner.scrolled .header-navs .right .icon .search-box .search{
  background: url(/Skins/Default/Img/Common/search2.png) no-repeat center / 100%;
}


.header-banner .header-navs .right .icon .phone-num-box {
  position: absolute;
  padding: 15px 25px;
  background-color: #2374b1;
  right: 0;
  bottom: -90px;
  white-space: nowrap;
  border-radius: 10px;
}
/* Footer模块 */
.footer-box-build {
  padding: 50px 0 89px;
  background-color: #dfdfdf;
  margin-top: 80px;
}
.footer-box-build .footer .icon-message-box li {
  padding-left: 70px;
  border-right: 1px solid #9c9c9c;
  cursor: pointer;
}
.footer-box-build .footer .icon-message-box li:last-child {
  border: none;
}
.footer-box-build .footer .icon-message-box li:hover img {
  transform: rotate(360deg);
}
.footer-box-build .footer .icon-message-box li img {
  width: 50px;
  transition: all 0.3s linear;
}
.footer-box-build .footer .icon-message-box li span {
  font-size: 15px;
  margin: 20px 0 17px;
}
.footer-box-build .footer .content-text {
  gap: 12px;
  margin-top: 60px;
  color: #575757;
}

.footer-box-build .footer .content-text li a{
  font-size:16px;
}
.footer-box-build .footer .qr-code-builds {
  margin-top: 43px;
  gap: 21px;
}
.footer-box-build .footer .qr-code-builds li img {
  /* width: 113px; height: 113px;  */
  margin-bottom: 11px;
}
.footer-box-build .footer .qr-code-builds li span {
  color: #575757;
}