html,  body{scroll-behavior: smooth;}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA; overflow-x: hidden;}
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing: border-box;}
input,select,textarea{font-size:100%}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a{color:#666;text-decoration:none;}
img{ display: block; width: 100%; height: auto; border:0; vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;}
em,i,b {font-style: normal;}
.cf{zoom:1; }
.cf:after{clear:both;content: '';display: block;height: 0;visibility: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear-form { background: none; border: none 0; outline: 0;}
.width1400 { width: 1400px; margin: 0 auto; position: relative; }
.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.bgset { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.img-box:hover img { 
  -webkit-transform:scale(1.08);
  -moz-transform:scale(1.08); 
  -ms-transform:scale(1.08); 
  transform:scale(1.08);
}
.img-box img {
  -webkit-transition:all .8s ease-out;
  -moz-transition:all .8s ease-out;
  transition:all .8s ease-out;
}

/*第一套公共标题样式*/
.cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.cx-title01 h2 a { color: #222; padding: 0 30px; }
.cx-title01 .subtitle { font-size: 16px; }
.cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #e80000; position: absolute; top: 0; z-index: 2; }
.cx-title01 h2 em.left:after { right: 0; }
.cx-title01 h2 em.right:after { left: 0; }

.listlxwm{clear:both;display: block;width: 100%;}
.listlxwm li{float: left;width: 24%;margin-right: 1%;font-family: tahoma, "Microsoft YaHei", "Heiti SC", "SimHei", Verdana, Arial;padding: 10px;height: 420px;border: #e6e9ed solid 1px;position: relative;}
.listlxwm li:hover{border:#4081cb solid 1px;padding:9px;}
.listlxwm li:nth-child(4n){margin-right:0px;}
.listlxwm li p{line-height: 26px;font-size: 15px;clear: both;color: #333;}
.listlxwm li span{font-weight: normal;line-height: 26px;font-size: 20px;color: #333;    font-family: tahoma, "Microsoft YaHei", "Heiti SC", "SimHei", Verdana, Arial;display: block;clear: both;margin-bottom: 9px;}
.listlxwm li dd{clear:both;display: block;width:94%;margin-top:26px;font-family: tahoma, "Microsoft YaHei", "Heiti SC", "SimHei", Verdana, Arial;position: absolute;bottom: 20px;}
.listlxwm li dd a:first-child{float: left;font-size: 15px;color: #333;padding-top: 10px;}
.listlxwm li dd a:last-child{float: right;float: right;display: inline-block;}
.listlxwm li font img{float: left;clear: both;display: block;height: 154px;width:100%;border: 1px solid #e9e9e9;}
.listlxwm li font{float: left;clear: both;display: block;height: 154px;width:100%;margin-bottom: 9px;} 
.listlxwm li a:hover span{text-decoration: underline;}
.listlxwm li dd a:hover{text-decoration: underline;}
.listlxwm .tittltee{text-align: center;clear: both;display: BLOCK;width:100%;margin-bottom: 45px;}
.listlxwm .tittltee a{font-size: 20px;border-bottom: 3px solid #e71e1e;padding-bottom: 7px;}
.listlxwm ul{clear: both;display: BLOCK;width:100%;margin-bottom: 60px;}
.listlxwm .clear{clear: both;display: BLOCK;width:100%;}



.lxwmlf{float: left;width: 20%;}
.lxwmlf ul{background: url(/template/default/index/images/column-fix.gif);background-size: contain;}
.lxwmlf li{background: url(/template/default/index/images/leftnav_sep.gif) no-repeat bottom;background-size: contain;}
.lxwmlf li a{background: url(/template/default/index/images/location_icon.png) no-repeat 15px 23px;padding: 20px 3px 20px 35px;font-weight: normal;letter-spacing: 1px;display: block;color: rgb(255, 255, 255);font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lxwmlf li:hover{background: #e51d1d;}


.lxwmrt{float: right;width:78%;border: 8px solid #e71e1e;border-radius: 8px;font-family: tahoma, "Microsoft YaHei", "Heiti SC", "SimHei", Verdana, Arial;padding:50px;}
.lxwmrt .connrr{font-family: tahoma, "Microsoft YaHei", "Heiti SC", "SimHei", Verdana, Arial;font-size: 15px;line-height: 180%;}
.lxwmrt .connrr img{max-width:100%;}
.lxwmrt .ttitle{max-width:100%;clear: both;display: block;text-align: center;font-size:18px;color:#000;font-weight: bold;margin-bottom:20px;}
.jnejjuw{clear: both;display: block;width: 100%;padding-bottom:50px;padding-top:50px;}




.xc-seeAll-icon01 { display: inline-block; width: 10px; height: 10px; margin-left: 8px; position: relative;}
.xc-seeAll-icon01 em { display: block; width: 4px; height: 4px; background-color: #fff; position: absolute;}
.xc-seeAll-icon01 em:first-child { left: 0; top: 0; }
.xc-seeAll-icon01 em:nth-child(2) { right: 0; top: 0; }
.xc-seeAll-icon01 em:nth-child(3) { left: 0; bottom: 0; }
.xc-seeAll-icon01 em:last-child { right: 0; bottom: 0; }

@media screen and (max-width: 1500px) {
  .width1400 { width: 1200px; }
}
@media screen and (max-width: 1200px) {
  .width1400 { width: 100%; }
}

@media screen and (max-width: 900px){
  .cx-title01 { margin-bottom: 5%; }
    .bdshare-slide-button-box { display:none!important;}
}
@media screen and (max-width: 800px){
  header{display:none;}

  /* ========== 移动端侧滑导航 ========== */
  .header-nav {
    display:block !important;
    position:fixed; top:0; right:0; bottom:0;
    width:280px; max-width:85vw;
    height:100vh !important; overflow-y:auto;
    background:#fff; z-index:9999;
    box-shadow:-4px 0 24px rgba(0,0,0,0.15);
    padding:60px 0 20px 0;
    transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);
    -webkit-overflow-scrolling:touch;
    /* 默认隐藏在屏幕右侧（105%确保彻底藏住，避免阴影/精度导致露边） */
    transform:translate3d(105%,0,0);
  }
  .header-nav ul {
    display:block; width:100%;
  }
  .header-nav li {
    float:none !important; display:block;
    margin:0 !important; padding:0 !important;
    border-bottom:1px solid #f0f0f0;
    line-height:1.4 !important;
    font-size:15px !important;
  }
  .header-nav li > a {
    display:block !important;
    padding:14px 20px !important;
    color:#333 !important;
    font-weight:500;
    transition:background 0.2s;
  }
  .header-nav li > a:active,
  .header-nav li.cur > a {
    background:#f5f7fa; color:#2a5298 !important;
  }

  /* 移动端二级菜单 */
  .header-nav li.drop { background:none !important; }
  .header-nav li.drop > a::after {
    content:''; float:right;
    width:8px; height:8px;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    transform:rotate(45deg) translateY(-50%);
    margin-top:8px;
    transition:transform 0.3s;
  }
  .header-nav li.drop.open > a::after {
    transform:rotate(-135deg) translateY(-50%);
  }

  /* 二级菜单容器 */
  .header-nav li .submenus,
  .header-nav li .submenus2,
  .header-nav li .dropdown {
    position:static !important;
    display:none;
    width:100% !important; max-width:none !important;
    background:#f8f9fa !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important; visibility:visible !important;
    border-top:1px solid #eee;
  }
  .header-nav li.open .submenus,
  .header-nav li.open .submenus2,
  .header-nav li.open .dropdown {
    display:block !important;
  }

  /* 二级子项 */
  .header-nav li .submenus-list,
  .header-nav li .submenus2-list {
    display:block !important; flex-direction:column !important;
    overflow-x:visible !important;
  }
  .header-nav li .submenus-list .item,
  .header-nav li .submenus2-list .item {
    float:none !important; display:flex !important;
    width:100% !important; height:auto !important;
    margin:0 !important; padding:12px 20px 12px 32px !important;
    border:none !important; border-bottom:1px solid #e8e8e8 !important;
    background:#fff !important;
    align-items:center; gap:10px;
  }
  .header-nav li .submenus-list .item .pic {
    width:48px; height:48px; flex-shrink:0;
    border-radius:6px;
  }
  .header-nav li .submenus-list .item .pic img {
    width:100%; height:100%; object-fit:cover;
    border-radius:6px;
  }
  .header-nav li .submenus-list .item .tit {
    flex:1; font-size:13px; color:#555;
    white-space:normal; border:none !important;
  }
  .header-nav li .dropdown a {
    display:block !important;
    padding:12px 20px 12px 32px !important;
    margin:0 !important;
    background:transparent !important;
    border-bottom:1px solid #e8e8e8;
    font-size:13px !important; color:#555;
    border-radius:0 !important;
    transform:none !important;
    box-shadow:none !important;
  }

  /* 汉堡按钮 */
  .nav-btn {
    display:block !important;
    position:fixed; top:14px; right:14px;
    width:36px; height:36px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    z-index:10000;
    cursor:pointer;
    padding:8px 7px;
  }
  .nav-btn i { display:block; height:2px; background:#333; margin:4px 0; border-radius:1px; transition:all 0.3s; }
  .nav-btn.cur i:nth-child(1) { transform:rotate(45deg) translate(4px,4px); }
  .nav-btn.cur i:nth-child(2) { opacity:0; }
  .nav-btn.cur i:nth-child(3) { transform:rotate(-45deg) translate(4px,-4px); }

  /* 遮罩 */
  .nav-overlay {
    display:none; position:fixed; inset:0;
    background:rgba(0,0,0,0.4); z-index:998;
  }
  .nav-overlay.show { display:block; }
}


@media screen and (max-width: 750px){
  .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
  .cx-title01 h2 a { padding: 0 3%; }
  .cx-title01 .subtitle { font-size: 14px; }
  .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
}
.cx-back-top { width: 43px; height: 43px; position: fixed; right: 2%; bottom: 6%; z-index: 11; overflow: hidden; cursor: pointer;}
.cx-back-top span { display: block; width: 100%; height: 86px; background: url(/template/default/index/images/icon_top.jpg) no-repeat; }
.cx-back-top:hover span {
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.cx-back-top span {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  transition:all .3s ease-out;
}


/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform, height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform, height;
    }
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

    .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

    .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block;
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff;
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}
/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide,
    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-cube .swiper-slide .swiper-slide,
        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-top,
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right,
    .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    /* Cube */
    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img,
    .swiper-zoom-container > svg,
    .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/*弹框模块*/
.sdw-tips-tk { width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 9999; }
.sdw-tips-tk .sdw-tips-box { width: 500px; padding: 2%; background-color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.sdw-tips-box .sdw-tips-cont { width: 100%; border: solid 1px #e5e5e5; }
.sdw-tips-box .sdw-tips-cont h3 { font-size: 24px; color: #2a5298; margin-top: 5%;}
.sdw-tips-box .sdw-tips-cont p { font-size: 16px; color: #4d4d4d; margin-top: 3%;}
.sdw-tips-box .sdw-tips-cont span.close-btn { display: inline-block; padding: 3% 12%; background-color: #2a5298; color: #fff; margin-top: 10%; font-size: 16px; cursor: pointer; }

@media screen and (max-width: 750px){
  .sdw-tips-tk .sdw-tips-box { width: 90%; padding: 4%; }
  .sdw-tips-tk .sdw-tips-box h3 { font-size: 22px; }
}


/* DIN Medium 字体 - 已禁用，使用系统字体后备 */
/* @font-face {
  font-family: "DIN Medium";
  src: url("../fonts/din medium.woff2") format("woff2"),
       url("../fonts/din medium.ttf") format("truetype"),
       url("../fonts/din medium.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
*/

/* 使用 Inter 作为 DIN 的替代字体（Google Fonts 免费开源） */
@font-face {
  font-family: "DIN Medium";
  src: local("Inter"), 
       local("Inter-Regular"),
       local("PingFang SC"),
       local("Microsoft YaHei"),
       local("Segoe UI");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "DIN Medium";
  src: local("Inter Medium"),
       local("Inter"),
       local("PingFang SC"),
       local("Microsoft YaHei"),
       local("Segoe UI");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "DIN Medium";
  src: local("Inter SemiBold"),
       local("Inter Bold"),
       local("PingFang SC"),
       local("Microsoft YaHei"),
       local("Segoe UI");
  font-weight: 600;
  font-style: normal;
}


@charset "UTF-8";
/*-- Css reset --*/
*{box-sizing:border-box;}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
html{font-size:12px;}
body{line-height:1.25;color:#1e1e1e;background:#fff;}
:focus{outline:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul,ol,li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{color:#1e1e1e;text-decoration:none;}
i,em{font-style:normal}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.wrapper{margin:0 auto;width:100%;}
.wrapper:after{display:table;content:"";clear:both;}
@media (min-width:768px) {
  html{font-size:13px;}
  .wrapper{width:750px;}
}
@media (min-width:992px) {
  .visible-md { display: block !important; }
  html{font-size:14px;}
  .wrapper{width:960px;}
}
@media (min-width:1220px) {
  html{font-size:15px;}
  .wrapper{width:1200px;}
}
@media (min-width:1440px) {
  html{font-size:16px;}
  .wrapper{width:1200px;}
}
/*-- end Css reset --*/

/*-- public --*/
#app{overflow:hidden;background:#fff;}
.mask{position: fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.wrap-title{margin-bottom:1.5625rem;text-align:center;}
.wrap-title h2{font-size:2rem;color:#1e1e1e;font-weight:normal;}
.wrap-title h2 a{color:#1e1e1e;}
.wrap-title h2 a:hover{color:#2a5298;}
.wrap-title p{margin-top:0.625rem;font-size:1.25rem;color:#666;}
@media (min-width:992px) {
.wrap-title h2{font-size:2.875rem;}
.wrap-title p{font-size:1.375rem;}
}
/*-- end public --*/

/*-- page-banner (全幅渐变横幅) --*/
.page-banner {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: #fff;
    padding: 60px 0;
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
}

.page-banner h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.page-banner p {
    font-size: 18px;
    opacity: 0.9;
}

/* 响应式 */
@media (max-width: 768px) {
    .page-banner {
        padding: 40px 0;
    }
    
    .page-banner h1 {
        font-size: 28px;
    }
    
    .page-banner p {
        font-size: 16px;
    }
}

/*-- end page-banner --*/

/*-- header --*/
.header{background:#fff;}
.header-top{position:relative;top:0;z-index:999;display:none;font-size:0.875rem;color:#666;}
.header-top.visible-md{display:flex!important;align-items:center;justify-content:space-between;height:50px;line-height:50px;border-bottom:1px solid #e5e5e5;}
.header-top .welcome{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header-top .top-menu{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.header-top .top-menu em{font-style:normal;color:#2a5298;font-weight:500;}
.header-top .top-menu ul{display:flex;gap:10px;list-style:none;margin:0;padding:0;}
.header-top .top-menu ul li a{color:#666;font-size:0.8rem;text-decoration:none;transition:color .2s;}
.header-top .top-menu ul li a:hover{color:#2a5298;}
.header-bot{position:relative;display:flex;align-items:center;justify-content:space-between;height:100px;}
.header-bot .logo{width:auto;display:flex;align-items:center;}
.header-bot .logo a{display:flex;align-items:center;text-decoration:none;}
.header-bot .logo img{display:block;width:auto;height:60px;margin-right:10px;}
.header-bot .logo .logo-text{font-size:1.5rem;font-weight:bold;color:#333;white-space:nowrap;}
.header-nav{height:100px;}
.header-nav li{float:left;margin:0 30px;padding:25px 0;line-height:50px;font-size:1.25rem;}
.header-nav li>a{display:block;}
.header-nav li:hover>a,.header-nav li.cur>a{color:#2a5298;}
.header-nav li:last-child{margin-right:0;}
.header-nav li.drop{background:url(/template/default/index/images/drop.png) no-repeat center 75%;}
.header-nav li.drop:hover{background-image:url(/template/default/index/images/drop_cur.png);}
.header-nav li.hot>a{position:relative;}
.header-nav li.hot>a:after{display:block;position:absolute;top:0;right:0;width:25px;height:17px;content:"";background:url(/template/default/index/images/hot.png) no-repeat;}
.header-nav li .submenus{position:absolute;z-index:999;left:50%;top:100%;padding:3.75rem 0;width:100vw;background:#eee;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;transition:all 0.35s ease;}
.header-nav li .submenus-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;justify-content:center;}
.header-nav li .submenus::before,.header-nav li .submenus2::before{content:'';position:absolute;top:-10px;left:0;width:100%;height:10px;background:transparent;}
.header-nav li .submenus-list .item{display:list-item;margin:0 8px;width:220px;text-align:center;overflow:hidden;background:#fff;transition:all 1s;}
.header-nav li .submenus-list .item .pic{display:block;overflow:hidden;}
.header-nav li .submenus-list .item .pic img{display:block;width:100%;}
.header-nav li .submenus-list .item .tit{display:block;font-size:1rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:#f0f0f0 solid 1px;}
.header-nav li .submenus-list .item:hover{background:#2a5298;}
.header-nav li .submenus-list .item:hover .tit{color:#fff;}
.header-nav li .submenus2{position:absolute;z-index:999;left:50%;top:100%;padding:3.75rem 0;width:100vw;background:#eee;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;transition:all 0.35s ease;}

/* dropdown 基础样式（纯链接列表） */
.header-nav li .dropdown{position:absolute;z-index:999;left:50%;top:100%;padding:3.75rem 0;width:100vw;background:#eee;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;transition:all 0.35s ease;display:flex;justify-content:center;flex-wrap:wrap;}
.header-nav li .dropdown a{display:inline-block;margin:0 12px;padding:0.75rem 1.5rem;font-size:1rem;color:#666;white-space:nowrap;background:#fff;border-radius:6px;transition:all 0.3s ease;}
.header-nav li .dropdown a:hover{color:#2a5298;background:rgba(42,82,152,0.08);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
/* 寻找服务网点 - 省份下拉（每行15个，紧凑风格） */
.header-nav li .dropdown-province{padding:1.5rem 3rem;justify-content:flex-start;}
.header-nav li .dropdown-province a{flex:0 0 calc(100% / 15);text-align:center;padding:0.2rem 0.15rem;margin:0.1rem 0;background:transparent !important;border-radius:4px;font-size:0.9rem;line-height:1.6;transition:all 0.3s ease;}
.header-nav li .dropdown-province a:hover{background:rgba(42,82,152,0.12) !important;color:#2a5298;transform:none !important;box-shadow:none !important;}

.header-nav li .submenus2 .item{float:left;width:25%;padding:1.25rem 2.5rem;height:23.75rem;overflow:hidden;transition:all 1s;border-right:#d6d6d6 solid 1px;}
.header-nav li .submenus2-list{overflow:hidden;}
.header-nav li .submenus2-list .item{float:left;width:25%;padding:1.25rem 2.5rem;height:23.75rem;overflow:hidden;transition:all 1s;border-right:#d6d6d6 solid 1px;}
.header-nav li .submenus2-list .item:first-child{border-left:#d6d6d6 solid 1px;}
.header-nav li .submenus2-list .item dt{height:2.625rem;line-height:2.625rem;font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.header-nav li .submenus2-list .item dt a{display:block;color:#333;font-weight:bold;}
.header-nav li .submenus2-list .item dt a:hover{color:#2a5298;}
.header-nav li .submenus2-list .item dd{padding-top:1.25rem;overflow:hidden;}
.header-nav li .submenus2-list .item dd a{display:block;height:2.625rem;line-height:2.625rem;font-size:1rem;color:#666;}
.header-nav li .submenus2-list .item dd a:hover{color:#2a5298;}

/* 下拉菜单桥接：防止鼠标移动时菜单消失 */
.header-nav li .dropdown{position:absolute;z-index:999;left:50%;top:100%;padding:3.75rem 0;width:100vw;background:#eee;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;transition:all 0.35s ease;display:flex;justify-content:center;flex-wrap:wrap;}
/* 二级菜单 hover 显示（覆盖 submenus / submenus2 / dropdown） */
.header-nav li:hover .submenus,
.header-nav li.drop:hover .submenus,
.header-nav li:hover .submenus2,
.header-nav li.drop:hover .submenus2,
.header-nav li:hover .dropdown,
.header-nav li.drop:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-btn{position:absolute;right:10px;top:50%;padding:12px 0;width:40px;height:40px;cursor:pointer;background:#2a5298;border-radius:5px;transform:translateY(-50%);}
.nav-btn i{display:block;margin:4px auto;width:50%;height:2px;background:#fff;transition:all 0.5s;}
.nav-btn i:nth-child(1){margin-top:0;}
.nav-btn i:nth-child(3){margin-bottom:0;}
.nav-btn.cur i:nth-child(1){transform:translateY(6px) rotate(-45deg);}
.nav-btn.cur i:nth-child(2){opacity:0;}
.nav-btn.cur i:nth-child(3){transform:translateY(-6px) rotate(45deg);}
@media (max-width:992px) {
.header .container{padding:0;}
.header-bot{width:100%;height:60px;box-shadow:0 0 10px rgba(0,0,0,0.1);border-bottom:#e0e0e0 solid 1px;}
.header-bot .logo{transform:scale(1);width:auto;}
.header-bot .logo img{height:40px;}
.header-bot .logo .logo-text{font-size:1.2rem;}
/* 移动端 .header-nav 样式已统一合并到上方 @media (max-width:992px) 第101行 */
.header-nav li{padding:0;float:none;border-bottom:#e0e0e0 solid 1px;text-align:center;font-size:1.125rem;}
.header-nav li{margin:0 10px !important;}
.header-nav li.drop,.header-nav li.drop:hover{background-image:none;}
.header-nav li.hot>a:after{display:none;}
.header-nav li .submenus{position:static;width:100%;padding:1rem 0;display:none;text-align:center;}
.header-nav li .submenus-list{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-left:0;margin:0 auto;}
.header-nav li .submenus-list .item{width:90%;max-width:300px;margin:0.5rem auto;float:none;}
.header-nav li .submenus2{position:static;padding:1rem 0;width:100%;text-align:center;}
.header-nav li .submenus2-list{display:flex;flex-direction:column;align-items:center;width:100%;padding-left:0;margin:0 auto;}
.header-nav li .submenus2-list .item{width:90%;max-width:300px;margin:0.5rem auto;float:none;}

/* 移动端 dropdown */
.header-nav li .dropdown{position:static;width:100%;padding:0.5rem 0;display:none;}
.header-nav li .dropdown a{display:block;padding:0.625rem 1.25rem;font-size:1rem;color:#666;white-space:nowrap;text-align:center;border-bottom:#f0f0f0 solid 1px;}
.header-nav li .submenus2-list .item{float:none;padding:0.5rem;width:90%;max-width:300px;height:auto;margin:0.5rem auto;border-right:none !important;border-left:none !important;border-bottom:#d6d6d6 solid 1px;}
.header-nav li .submenus2-list .item dt a{font-weight:normal;color:#666;}
.header-nav li .submenus2-list .item dd{display:none;}
.header-nav li .submenus2-list .item:last-child{border-bottom:none;}


    /* 移动端点击展开二级菜单（由 JS slideToggle 控制） */
}


/*-- end header --*/

/*-- footer --*/
.footer{padding:3rem 0.625rem;overflow:hidden;background:#eee;}
.ft-inner{padding-bottom:2.5rem;overflow:hidden;}
.ft-menu{overflow:hidden;}
.ft-menu .item h3{line-height:2.5rem;font-size:1.25rem;color:#1e1e1e;border-bottom:#e2e2e2 solid 1px;}
.ft-menu .item h3 a{color:#1e1e1e;}
.ft-menu .item ul{display:none;overflow:hidden;}
.ft-menu .item li{line-height:2;font-size:1rem;cursor:pointer;}
.ft-menu .item li a{display:block;padding:0.25rem 0;color:#666;}
.ft-menu .item li a:hover{color:#2a5298;}
.ft-info{padding-top:2rem;overflow:hidden;}
.ft-info .tel{line-height:1.5;overflow:hidden;}
.ft-info .tel span{display:block;font-size:1.25rem;color:#1e1e1e;}
.ft-info .tel em{display:block;font-family:"DIN Medium";font-size:1.625rem;color:#2a5298;}
.ft-info .tel i{display:block;margin-top:1.5625rem;width:2.625rem;height:0.25rem;background:#2a5298;}
.ft-info .QRcode{margin-top:2.8125rem;overflow:hidden;}
.ft-info .QRcode .item{float:left;margin-right:1.25rem;padding:0.5rem;width:8.4375rem;overflow:hidden;background:#fff;}
.ft-info .QRcode .item i{position:relative;display:block;overflow:hidden;}
.ft-info .QRcode .item i:after{display:block;position:absolute;top:0;left:0;width:100%;height:1.25rem;content:"";background:url(/template/default/index/images/light.png) no-repeat center 0;animation:light 5s infinite;}
.ft-info .QRcode .item i img{display:block;width:100%;}
.ft-info .QRcode .item p{line-height:1.75;font-size:0.875rem;color:#999;text-align:center;}
.siteLink{display:none;padding-right:3.75rem;padding-bottom:3.75rem;text-align:right;overflow:hidden;}
.siteLink li{display:inline-block;margin-right:4.6875rem;height:2.375rem;line-height:2.375rem;}
.siteLink li a{position:relative;display:block;padding-right:1.75rem;font-size:1.25rem;color:#666;}
.siteLink li a:after{display:block;position:absolute;right:0;top:50%;width:1.25rem;height:1.25rem;content:"";background:#1e1e1e url(/template/default/index/images/read_white.png) no-repeat center;border-radius:50%;transform:translateY(-50%);}
.siteLink li a:hover{color:#2a5298;}
.siteLink li a:hover:after{background-color:#2a5298;}
.copyright{padding:1.875rem 0;line-height:1.875rem;font-size:0.875rem;color:#999;text-align:center;overflow:hidden;border-top:#e2e2e2 solid 1px;}
.copyright a{color:#999;}
.copyright a:hover{color:#1e1e1e;text-decoration:underline;}
.copyright .box-fl span{padding:0 1.25rem;}
.copyright .box-fl span:first-child{padding-left:0;}
.flinks{display:none;padding:1.875rem 0;line-height:1.875rem;font-size:0.875rem;color:#999;overflow:hidden;border-top:#e2e2e2 solid 1px;}
.flinks .addlink{float:right;color:#bdbdbd;}
.flinks dl{color:#bdbdbd;overflow:hidden;}
.flinks dt{position:relative;float:left;padding-right:24px;}
.flinks dt:after{display:block;position:absolute;right:0;top:50%;width:1px;height:0.9375rem;content:"";background:#d6d6d6;transform:translateY(-50%);}
.flinks dd{overflow:hidden;}

/* ========== 新页脚样式（footer.php 新结构） ========== */
.site-footer {
  padding: 3rem 0.625rem;
  overflow: hidden;
  background: #eee;
}
.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
/* 联系信息 + 社交链接 横排 */
.footer-contact-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: #e2e2e2 solid 1px;
  overflow: hidden;
}
.footer-contact-info {
  font-size: 1rem;
  color: #666;
}
.footer-contact-info .contact-item {
  margin-right: 2rem;
}
/* 社交链接容器 */
.footer-social {
  display: flex;
  gap: 1rem;
}
/* 单个社交项（相对定位，供二维码绝对定位） */
.social-item {
  position: relative;
}
/* 社交图标按钮 */
.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #2a5298;
  color: #fff;
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.3s;
}
.social-link:hover {
  background: #1e3c72;
}
/* 二维码弹出层（默认隐藏，hover 显示） */
.social-qrcode {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 10px;
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  z-index: 1000;
  text-align: center;
}
.social-item:hover .social-qrcode {
  display: block;
}
/* 二维码箭头（指向下方） */
.qrcode-arrow {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}
.qrcode-img {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: contain;
}
.qrcode-text {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #666;
}
/* 页脚底部版权 */
.footer-bottom {
  padding: 1.875rem 0 0;
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #999;
  text-align: center;
  overflow: hidden;
  border-top: #e2e2e2 solid 1px;
}
.footer-bottom a { color: #999; }
.footer-bottom a:hover { color: #1e1e1e; text-decoration: underline; }
.footer-icp { margin-left: 0.5rem; }
.footer-admin { margin-left: 0.5rem; }

/* 移动端页脚版权（默认隐藏） */
.mobile-footer-copyright {
  display: none;
  padding: 1rem;
  text-align: center;
  font-size: 0.75rem;
  color: #999;
  background: #f5f5f5;
}
.mobile-footer-copyright a { color: #999; }

/* 移动端固定底部行动栏 */
.sticky-footer-bar {
  display: none;          /* 桌面端隐藏，移动端用 media query 显示 */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  display: flex;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.sticky-bar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  text-decoration: none;
  color: #666;
  font-size: 0.75rem;
}
.sticky-bar-icon {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.sticky-bar-label {
  font-size: 0.75rem;
}
.sticky-bar-item-primary {
  background: #2a5298;
  color: #fff;
}
@media (max-width:992px) {
  .sticky-footer-bar { display: flex !important; }
  .mobile-footer-copyright { display: block !important; }
  .site-footer { display: none !important; }
}
.flinks dd a{display:inline-block;padding:0 1.25rem;color:#bdbdbd;}
.flinks a:hover{color:#1e1e1e;text-decoration:underline;}
@media (min-width:992px) {
.footer{padding:5.625rem 0.625rem 0;}
.ft-menu{float:right;width:65%;}
.ft-menu .item{float:left;width:27.5%;margin-right:8.7%;}
.ft-menu .item:last-child{margin-right:0;}
.ft-menu .item h3{padding-bottom:0.75rem;}
.ft-menu .item ul{display:block;padding-top:0.9375rem;}
.ft-menu .item li{line-height:1.875rem;}
.ft-menu .item li a{padding:0;}
.ft-info{padding-top:0;width:30%;}
.siteLink{display:block;}
.copyright{text-align:left;}
.copyright .box-fl{float:left;}
.copyright .box-fr{float:right;}
.flinks{display:block;}
}
@keyframes light{
    0%{top:0;opacity:0;}
    50%{top:100%;opacity:1;}
    100%{top:0;opacity:0;}
}

/*-- 优化页脚样式 --*/
.footer{padding:4rem 0.625rem 0;overflow:hidden;background:#1e1e1e;color:#999;}
.footer .row{display:flex;flex-wrap:wrap;margin:0 -15px;}
.footer .col-md-8{width:100%;padding:0 15px;margin-bottom:2rem;}

.footer h3{margin-bottom:1.25rem;font-size:1.125rem;color:#fff;border-bottom:none;}

.footer-logo{margin-bottom:1.5rem;overflow:hidden;}
.footer-logo img{display:block;max-height:60px;width:auto;}

.footer-about{margin-bottom:1.5rem;line-height:1.8;font-size:0.875rem;color:#999;}


.footer-contact{margin-bottom:1.5rem;line-height:2;font-size:0.875rem;color:#999;}
.footer-contact p{margin:0 0 8px 0;padding:0;}
.footer-contact p strong{color:#fff;}

.footer-qrcode{margin-top:1.5rem;text-align:left;overflow:hidden;}
.footer-qrcode img{display:block;max-width:120px;height:auto;border:2px solid rgba(255,255,255,0.1);border-radius:8px;}
.footer-qrcode p{margin-top:0.75rem;font-size:0.75rem;color:#666;}

.footer ul{list-style:none;padding:0;margin:0;}
.footer ul li{margin-bottom:0.75rem;line-height:1.5;}
.footer ul li a{display:block;font-size:0.875rem;color:#999;transition:all 0.3s ease;}
.footer ul li a:hover{color:#2a5298;padding-left:5px;}

.copyright{padding:1.5rem 0;font-size:0.8125rem;color:#666;text-align:center;overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);}
.copyright a{color:#666;}
.copyright a:hover{color:#fff;text-decoration:underline;}
.copyright .box-fl span{padding:0 1.25rem;}
.copyright .box-fl span:first-child{padding-left:0;}

@media (min-width:768px) {
    .footer .col-md-8{width:50%;}
}

@media (min-width:992px) {
    .footer{padding:5rem 0.625rem 0;}
    .footer .col-md-8{width:25%;}
    .footer .col-md-8:first-child{width:30%;}
    .footer .col-md-8:nth-child(2),
    .footer .col-md-8:nth-child(3),
    .footer .col-md-8:nth-child(4){width:23.33%;}
}
/*-- end 优化页脚样式 --*/

/*-- end footer --*/

/*--onlieServer-wrap--*/
.onlieServer-wrap{position:fixed;z-index:999;top:50%;right:0;width:150px;transform:perspective(1px) translateY(-40%);}
.onlieServer{display:none;margin-bottom:42px;background:#fff;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.1);border-top-left-radius:15px;border-bottom-left-radius:15px;}
.onlieServer .hd{padding:25px 10px;text-align:center;font-size:16px;color:#fff;overflow:hidden;background:#2a5298;border-top-left-radius:15px;}
.onlieServer .hd em{display:inline-block;width:24px;height:24px;line-height:24px;color:#2a5298;background:#fff;border-radius:50%;}
.onlieServer .bd{padding:0 10px 20px;text-align:center;}
.onlieServer .bd li{position:relative;padding:15px 0 14px;font-size:16px;color:#1e1e1e;border-bottom:#e5e5e5 solid 1px;}
.onlieServer .bd li:hover:after,.onlieServer .bd li.cur:after{display:block;position:absolute;left:-10px;top:50%;margin-top:-10px;width:4px;height:20px;content:"";background:#2a5298;}
.onlieServer .bd .code{padding:15px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.onlieServer .bd .code img{display:block;width:100%;}
.onlieServer .bd .tel{padding:15px 0 14px;font-size:14px;color:#1e1e1e;}
.onlieServer .bd .tel em{display:block;font-size:16px;font-family:"DIN Medium";}
.onlieServer .bd .close{margin:0 auto;width:30px;height:30px;cursor:pointer;background:url(/template/default/index/images/onlieserver_close.png) no-repeat;}
.onlieServer-wrap .backTop{margin:0 auto;width:62px;height:62px;cursor:pointer;background:#fff url(/template/default/index/images/backtop.png) no-repeat center;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.onlieServer-wrap .backTop:hover{box-shadow:0 0 20px rgba(0,0,0,0.3)}
.onlieServer-hiden{margin:0 auto 30px;width:62px;height:62px;background:#2a5298 url(/template/default/index/images/onlieserver_hidden.png) no-repeat center;border-radius:50%;animation: zoomIn 2s infinite linear;}
.onlieForm{display:none;position:fixed;z-index:999;top:50%;right:170px;padding:20px;background:#fff;transform:translateY(-42%);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.onlieForm:after{display:block;position:absolute;left:100%;top:20px;width:8px;height:16px;content:"";background:url(/template/default/index/images/onlieform_after.png) no-repeat;}
.onlieForm li{margin-bottom:20px;}
.onlieForm li:last-child{margin-bottom:0;}
.onlieForm li input{display:block;padding:10px;width:320px;height:60px;font-size:18px;border:#e9e9e9 solid 1px;border-radius:10px;}
.onlieForm li a{display:block;width:320px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;background:#1e1e1e;border-radius:10px;}
.onlieForm li a:hover{background:#2a5298;}
@media(max-width:992px){
.onlieServer-wrap{top:80%;right:10px;width:62px;}
.onlieServer{display:none;}
.onlieServer-wrap .backTop{transform: scale(0.85);}
}
/*--end onlieServer-wrap--*/

/*--affixMenu--*/
.affixMenu{display:none;position:fixed;z-index:998;left:0;bottom:0;width:100%;background:#fff;}
.affixMenu ul{display:flex;}
.affixMenu li{flex:1;text-align:center;}
.affixMenu li a{display:block;padding:0.5rem;border-right:#f0f0f0 solid 1px;}
.affixMenu li i{display:block;margin:0 auto;width:20px;height:20px;background-repeat:no-repeat;background-size:100%;filter: contrast(0);}
.affixMenu li span{display:block;font-size:0.875rem;color:#666;}
.affixMenu li:nth-child(1) i{background-image:url(/template/default/index/images/ft_icon01.png);}
.affixMenu li:nth-child(2) i{background-image:url(/template/default/index/images/ft_icon02.png);}
.affixMenu li:nth-child(3) i{background-image:url(/template/default/index/images/ft_icon03.png);}
.affixMenu li:nth-child(4) i{background-image:url(/template/default/index/images/ft_icon04.png);}
@media(max-width:992px){
.affixMenu{display:block;}
}
/*--end affixMenu--*/


/* ========== 移动端优化（仅 ≤768px 生效） ========== */
@media (max-width: 768px) {
    /* 防止 iOS 输入框自动缩放 */
    input, textarea, select, button {
        font-size: 16px !important;
        min-height: 44px;
    }
    /* 触摸目标最小尺寸 */
    a, button, [role="button"] {
        min-height: 44px;
        min-width: 44px;
    }
    /* 表格横向滚动 */
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* 移动端隐藏/显示辅助类 */
    .hidden-mobile { display: none !important; }
    .visible-mobile { display: block !important; }
}
/* 触摸设备：按压缩放反馈 */
@media (hover: none) {
    a:active, button:active {
        opacity: 0.7;
        transform: scale(0.98);
        transition: all 0.1s ease;
    }
}


/* ========== 顶部搜索框 ========== */
.header-search-form { display:flex; align-items:center; margin-left:14px; }
.header-search-bar { display:inline-flex; align-items:center; gap:6px; background:#f5f7fa; border-radius:20px; padding:4px 6px 4px 12px; border:2px solid #e0e5ea; width:180px; transition:border-color .25s, background .25s, width .3s; }
.header-search-bar:focus-within { border-color:#2a5298; background:#fff; width:240px; }
.header-search-bar svg { flex-shrink:0; display:flex; align-items:center; }
.header-search-bar input { flex:1; min-width:0; border:none; outline:none; background:none; font-size:13px; color:#333; padding:5px 0; }
.header-search-bar input::placeholder { color:#bbb; }
.header-search-btn { flex-shrink:0; white-space:nowrap; padding:5px 14px; border:none; border-radius:16px; background:linear-gradient(135deg,#2a5298,#1e3c72); color:#fff; font-size:12px; cursor:pointer; transition:opacity .2s; }

/*-- 电话链接（移动端点击拨号） --*/
.phone-link { color: inherit; text-decoration: none; }
.phone-link:hover { text-decoration: underline; }
.header-search-btn:hover { opacity:.85; }

@media (max-width:768px) {
  .header-search-form { margin-left:8px; }
  .header-search-bar { width:140px; }
  .header-search-bar:focus-within { width:180px; }
}/* ========== 移动端顶部栏适配补丁 ========== */
@media (max-width: 768px) {
  .header-top {
    display: flex !important;
    flex-wrap: wrap;
    height: auto !important;
    line-height: 36px !important;
    padding: 6px 12px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header-top .welcome {
    display: none;
  }
  .header-top .top-menu {
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 12px;
  }
  .header-top .top-menu em {
    font-size: 13px;
  }
  .header-top .top-menu ul {
    gap: 6px;
    font-size: 12px;
  }
  .header-top .top-menu ul li a {
    font-size: 12px;
    padding: 2px 6px;
  }
  .header-search-form {
    margin-left: 0;
    width: 100%;
    margin-top: 6px;
  }
  .header-search-bar {
    width: 100% !important;
  }
}