body{ font:14px/1.5 'PT Sans',Hiragino Sans GB,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;text-shadow: 0 0 1px rgba(0,0,0,.1);}
@font-face {
  font-family: 'PT Sans';
  src: url('PT-Sans-Caption.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*链接整体设置*/
a{ text-decoration:none; color:#181818; transition:all .15s;}
a:hover{ color:#2a6496;}
a:active{ color:#181818;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:800;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{width:92%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex6{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}
@font-face{
  font-family:"b2font";
  src:url('iconfont.woff2') format('woff2'),
       url('iconfont.woff') format('woff'),
       url('iconfont.ttf') format('truetype');
}

.b2font{ font-family:"b2font" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.b2-shopping-cart-2-line:before{ content:"\e8da";}
.b2-coupon-2-line:before{ content:"\e88b";}
.b2-mail-send-line:before{ content:"\e640";}
.b2-search-line:before{ content:"\e86e";}
.b2-customer-service-2-line1:before{ content:"\e6d1";}
.b2-qr-code-fill:before{ content:"\e726";}
.b2-rocket-2-line:before{ content:"\ea48";}

.scroll{ overflow-y:auto;}
.scroll::-webkit-scrollbar-track{ border-radius:999px; background:#fff;}
.scroll::-webkit-scrollbar-thumb{ background:#bbb; border-radius:999px; min-height:20px; transition:all 0.6s;}
.scroll::-webkit-scrollbar{ width:5px; height:5px;}
.scroll::-webkit-scrollbar-corner{ background:transparent;}

/*header*/
.head{ position:relative; transition:all linear .2s; z-index:505; height:135px;}
.h_top{ background:#2a6496; width:100%; line-height:30px; padding:15px 0;}
.h_top *{ color:#fff; font-size:16px;}
.h_top a{ margin-right:18px; display:inline-block;}
.h_top a.tell{ padding-left:26px; margin-left:26px; background:url(../images/tell.png) left center no-repeat; background-size:20px 20px;}
.h_top a:last-child{ margin-right:0;}
.h_top a:hover{ color:rgba(255,255,255,.85);}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; transition:all linear .2s; background: linear-gradient(135deg, #222f5b, #3a3a6a, #5b227f);
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
 -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: -1;
}
.logo img{ display:block; width:8.5vw;}
.logo .wz{overflow:hidden; position:relative; margin-left:15px;}
.logo .wz span{ color:#fff; display:inline-block; font-size:16px; text-transform:uppercase; letter-spacing:2px; opacity:0; transform:translate(0, 20px);  transition:0.3s;}
.logo .wz:before{ content:attr(data-text); position:absolute; width:100%; left:0; font-size:16px; letter-spacing:2px; opacity:1; transform:translate(0,0); display:block; transition:0.3s; color:#fff;}
.logo:hover .wz:before, .logo:hover .wz:focus:before ,.logo.cur .wz:before, .logo.cur .wz:focus:before{ transform:translate(0,-20px);}
.logo:hover .wz span, .logo:hover .wz:focus span,.logo.cur .wz span, .logo.cur .wz:focus span{ opacity:1; transform:translate(0,0); transition:0.3s;}
.nav .plebans{ font-size:18px; line-height:75px; display:flex; flex-wrap:wrap; align-items:center;}
.nav .plebans a{ display:inline-block; transition:all .5s; color:#fff;}
.nav li{ margin-right:1.67vw;}
.nav li:last-child{ margin-right:0;}
.nav li .jd{ background:url(../images/point1.png) 0 0 no-repeat; background-size:cover; width:9px; height:6px; margin-left:8px;}
.nav li:last-child a{ margin-left:1.15vw;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; background:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.16); left:0; right:0; border-radius:0 0 5px 5px;}
.goutp .w{ position:relative; padding:25px 0 30px 0;}
.goutp p{ font-size:16px; padding:0 2vw; text-align:center;}
.goutp p a{ display:inline-block;}
.goutp p img{ height:75px; display:block; margin:0 auto 5px auto;}
.nav li.hover .goutp{ display:block;}


/* 下拉菜单容器 */
.ds-dropdown {
    position: relative;
    display: inline-block;
}

/* 下拉菜单内容 */
.ds-dropdown-menu {
    display: none; 
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    z-index: 1000;
    min-width: 150px; 
}

/* 桌面端：鼠标悬停时显示下拉菜单 */
.ds-dropdown:hover .ds-dropdown-menu {
    display: block;
}

/* 移动端：通过 active 类控制显示 */
.ds-dropdown.active .ds-dropdown-menu {
    display: block;
}

/* 下拉菜单中的段落样式 */
.ds-dropdown-menu p {
    position: relative;
    margin: 0; 
    padding: 0 .8vw;
}

/* 下拉菜单中的链接样式 */
.ds-dropdown-menu p a {
    color: #666;
    display: block;
    padding: 1vw 0;
}

/* 链接悬停效果 */
.ds-dropdown-menu p a:hover {
    color: #007bff;
}

/* 链接悬停时的左侧竖线效果 */
.ds-dropdown-menu p:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 60%;
    width: 2px;
    background-color: #007bff;
}

/* 移动端响应式设计 */
@media (max-width: 768px) {
    .ds-dropdown-menu {
        position: static;  
        border: none; 
        padding: 10px; 
    }
.ds-dropdown-menu p a { font-size: 26px;padding: 1vw 3vw;}
.ds-dropdown-menu p{padding: 1vw 2vw; border-top: 1px solid #eee;}
 
}


.head_on .head-fixed{ box-shadow:0 0 5px 0 rgba(0,0,0,.1); -webkit-transform:translateY(-60px); transform:translateY(-60px);}



/*foot style*/
.footer{ width:100%; background:#fafafa; position:relative; z-index:400;}
.foot1{ padding:80px 0 60px 0;}
.f_lf{ width:28.5%;}
.f_logo a{ display:inline-block; width:100%;}
.f_logo a img{ display:block; width:60%;}
.gz_ico{ font-size:16px; margin:40px 0 0 0;}
.gz_ico li{ position:relative; color:#888; margin-right:26px; width:24px;}
.gz_ico li:nth-child(1){ width:auto; margin-right:5px;}
.gz_ico li img{ display:block; width:100%;}
.gz_ico li .code{ position:absolute; z-index:5; width:120px; left:50%; transform:translateX(-50%); bottom:50px; background:#fff; box-shadow:0 5px 25px 15px rgba(0,0,0,.1); display:none;}
.gz_ico li .code::after{ content:""; width:20px; height:20px; background:#fff; position:absolute; left:50%; transform:translateX(-50%) rotate(45deg); bottom:-8px; z-index:-1;}
.gz_ico li.hover .code{ display:block;}

.gz_ico li .code .tip {
  display: none;
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 15px;
  border-radius: 5px;
}
 
li:hover .code .tip {
  display: block;  
}
.lag{ position:relative; width:100%; margin:25px 0 18px 0;}
.lag_txt{ border:1px solid #d9d9d9; border-radius:5px; font-size:16px; line-height:2; padding:0 15px; background:none; cursor:pointer;}
.lag_txt svg{ margin-right:6px;}
.lag_more{ position:absolute; left:0; display:none; bottom:100%; max-height:280px; font-size:14px; box-shadow:0 0 5px rgba(0,0,0,.15); border-radius:5px; background:#fff; z-index:5; padding:10px;}
.lag_more li{ margin-bottom:10px;}
.lag_more li:last-child{ margin-bottom:0;}
.lag_more li a{ display:block; padding:8px;}
.lag_more li a:hover{ background:#f9f9f9;}
.f_lf .txt1{ font-size:14px; line-height:1.875;}
.f_lf .txt1 p:last-child{ margin-top:8px;}
.f_lf .txt1 p a{ color:#666;}
.f_md{ width:71.5%; font-size:14px;}
.f_md li{ line-height:2; position:relative;}
.f_md li em{ display:block; font-size:16px; font-weight:bold;}
.f_md li .txt p a{ color:#222;}
.f_md li:last-child{ padding-bottom:28px;}
.f_md li b{ display:block; position:absolute; left:0; bottom:0;}
.f_md li b i{ padding-left:5px;}
.links{ font-size:14px; color:#222; border-top:1px solid rgba(0,0,0,.1);}
.links .w{ padding:20px 0;}
.links em{ font-weight:bold;}
.links i{ padding:0 5px;}
.footer a:hover{ color:#222f5b!important;}

.dialog{ position:fixed; bottom:10px; left:0; right:0; z-index:888; display:none;}
.dialog .w{ background:#001946FF; border-radius:6px; padding:15px 25px; position:relative;}
.dialog h3{ font-size:16px; color:#fff;font-weight: 700;}
.dialog .txt{ font-size:14px; color:#fff; padding-right:300px; margin-top:5px;}
.dialog .txt a{ color:#fff;}
.buts{ position:absolute; right:20px; width:270px; bottom:15px;}
.buts button{ border:none; color:#fff; background:#0069ff; font-size:14px; width:125px; text-align:center; cursor:pointer; line-height:40px; transition:all 0.6s;}
.buts button#disagree{ background:#eaeff2; color:#333;}
.buts button:hover{ opacity:.9;}

.com_pop{ position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.5); z-index:889; display:none; backdrop-filter:saturate(97%) blur(41px);}
.com_popc{ position:fixed; left:0; right:0; bottom:0; top:0;}
.com_pop .txt{ background:#fff; border-radius:5px; text-align:center; padding:15px; font-size:14px; border:5px solid rgba(0,0,0,.1);}
.com_pop .txt font{ color:#f00;}

/*右侧浮窗 style*********************************************************************/
.right-menu{ position:fixed; right:0; bottom:100px; z-index:877; box-shadow:-8px 0px 35px 0px rgb(181 181 181 / 32%); background:#fff; border-radius:5px 0 0 5px;}
.right-menu .btn{ width:50px; height:50px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; cursor:pointer; position:relative;}
.right-menu .btn:hover{ background:#222f5b;}
.right-menu p{ display:none;}
.right-menu .btn i{ font-size:22px;}
.right-menu .btn:hover i{ color:#fff;}
.right-menu .btn-wx .pic{ position:absolute; right:100%; top:-45px; display:none; width:140px; height:140px; box-shadow:0 1px 3px rgba(2, 2, 2, 0.26);}
.right-menu .btn-com .txt{ background:#222f5b; position:absolute; width:68px; right:100%; line-height:50px; color:#fff; font-size:16px; text-align:right; display:none; top:0; border-radius:1000px 0 0 1000px;}
.right-menu .btn-top .txt{ width:88px;}

.search_w{ background:url(../images/sbg.png) #fff top center no-repeat; background-size:100%; border-radius:5px; width:630px; padding:40px; position:relative;}
.s_logo{ width:28%; margin:0 auto;}
.s_logo img{ display:block; width:100%;}
.search_w p{ text-align:center; font-size:18px; color:#bcbcbc; font-weight:200; margin:30px 0;}
.search_c{ display:block; width:100%;}
.s_intxt{ width:100%; border-radius:5px; font-size:16px; background:#F5F6F7; padding:16px; border:none;}
.s_inbut{ display:block; width:120px; text-align:center; margin:20px auto 0 auto; background:#0021fc; border:none; cursor:pointer; color:#fff; font-size:16px; line-height:2.75; border-radius:5px; transition:all 0.6s;}
.s_inbut:hover{ opacity:.9;}
.close-button{ position:absolute; right:10px; top:5px; line-height:1; font-size:35px; display:block; cursor:pointer; color:#b2bac2; transition:all 0.6s; z-index:77;}
.close-button:hover{ transform: rotate(180deg);color:#333;}

.kf_con{ width:580px; border-radius:5px; overflow:hidden; background:#fff; box-shadow:0 0 10px 0px rgba(0,0,0,.15); border:1px solid #222f5b; position:relative;}
.kf_tit{ color:#fff; background:#222f5b; padding:10px; font-size:18px; font-weight:bold;}
.kf_con .close-button:hover{ color:#fff;}
.kf_top{ width:100%; padding:20px 20px 0 20px;}
.lf_list{ width:36%;}
.lf_list li{ margin-bottom:18px;}
.lf_list li:last-child{ margin-bottom:0;}
.lf_list li a{ font-size:14px; border-radius:5px; border:1px solid #D6D6D6; background:#F4F7F6; padding:5px;}
.lf_list li span{ width:42px; margin-right:5px;}
.lf_list li svg{ width:32px; margin:0 auto; display:block;}
.lf_list li:nth-child(1) svg{ fill:#0084B4;}
.lf_list li:nth-child(2) svg{ fill:#09757A;}
.lf_list li:nth-child(3) svg{ fill:#00A4A6; width:24px;}
.ewm_list{ text-align:center; width:60%;}
.ewm_list li{ max-width:150px; width:48%; font-size:14px; font-weight:bold;}
.ewm_list li em{ display:block; border:1px solid #d6d6d6;}
.ewm_list li em img{ width:100%;}
.ue_coupon_code{ position:relative; width:100%; line-height:30px;}
.copy_input-wrapper{ overflow:hidden;width:1px;height:1px;opacity:0;position:absolute;top:0;left:0;}
.copy_text{ display:inline-block; cursor:pointer;}
.copy_succes{ display:none; padding:0 10px;}
.copy_succes a{ color:#fff;}
.uc-is-copied .copy_text{ display:none;}
.uc-is-copied .copy_succes{ display:inline-block;}
#copy_wx{ color:#22AC38;}
#copy_qq{ color:#00A4A6;}
#copy_wx .copy_succes{ background:#22AC38;}
#copy_qq .copy_succes{ background:#00A4A6;}
.kf_time{ padding:15px 20px 20px 20px; font-size:14px; color:#999;}

.case_dt_c{ background:#fff; border-radius:5px; position:relative; padding:15px; box-shadow:0 0 10px 0px rgba(0,0,0,.15);}
.case_dt_c .pic{ width:45%; border:1px solid #eee; border-radius:5px; padding:10px;}
.case_dt_c .pic img{ display:block; width:100%;}
.case_dt_c .case_show{ width:calc(55% - 15px);}
.case_dt_c .txtc{ font-size:16px; max-height:65vh;}
.c_tit{ font-size:20px; font-weight:bold; padding:15px 0;}
.dt_top{ position:relative; margin-bottom:10px;}
.dt_top h3{ font-weight:bold; font-size:32px;}
.dt_top em{ position:absolute; right:1rem; top:0; bottom:0; font-size:16px; line-height:2.125;}
.dt_top em a{ box-shadow: 0 4px 9px rgba(0,0,0,.047), 0 1.54074px 2.86667px rgba(0,0,0,.073), 0 0.325926px 0.733333px #0000001f; border: 1px solid #0000001a; border-radius:5px; padding:0 20px; margin-right:15px;}
.dt_top em a:last-child{ background:#000; border-color:#000; color:#fff;}
.dt_top em a:hover{ opacity:.9;}


/* 隐藏二维码弹出层 */
.qr-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-radius: 10px;
  z-index: 1000;
}

.qr-content {
  position: relative;
}

.qr-content img {
  max-width: 100%;
  height: auto;
}

.close-buttonz {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #000;
}


.zz_con{position:relative; padding:30px 18px; background:#fff; border-radius:5px; overflow:hidden;}
.zz_conc{ max-height:calc(100vh - 80px); width:100%;}
.zz_con img{ display:block; width:100%;}