@charset "utf-8";*{margin:0px;padding:0px}
body{font-family:"Microsoft Yahei",Arial,Verdana,Geneva,sans-serif;color:#1a1a1a;background-color:#fff;line-height:150%;font-size:1rem}
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,hr{margin:0px;padding:0px}  
a{color:#1a1a1a;text-decoration:none}
a:hover{text-decoration:none}
img{border:0;display:inline-block;max-width:100%}
ul{display:block}
ul,ul li{list-style:none}
input,select,textarea{vertical-align:middle;font:1rem "Microsoft Yahei",Arial,Verdana,Geneva,sans-serif;border:1px solid #dedede}
.left{float:left}
.right{float:right}
.mt{margin-top:0.625rem}
.mr{margin-right:0.625rem}
.mb{margin-bottom:0.625rem}
.ml{margin-left:0.625rem}
.mt3{margin-top:1.875rem}
.mb3{margin-bottom:1.875rem}
.mt4{margin-top:2.5rem}
.mb4{margin-bottom:2.5rem}
.mt5{margin-top:50px}
.pt{padding-top:0.625rem}
.pt2{padding-top:1.25rem}
.pt3{padding-top:1.875rem}
.pt4{padding-top:2.5rem}
.pt5{padding-top:3.125rem}
.pt6{padding-top:3.75rem}
.pt7{padding-top:4.375rem}
.pt8{padding-top:5rem}
.pt9{padding-top:5.625rem}
.pt10{padding-top:6.25rem}
.pt25{padding-top:15.625rem}
.pr{padding-right:0.625rem}
.pb{padding-bottom:0.625rem}
.pb2{padding-bottom:1.25rem}
.pb3{padding-bottom:1.875rem}
.pb4{padding-bottom:2.5rem}
.pb5{padding-bottom:3.125rem}
.pb6{padding-bottom:3.75rem}
.pb7{padding-bottom:4.375rem}
.pb8{padding-bottom:5rem}
.pb9{padding-bottom:5.625rem}
.pb10{padding-bottom:6.25rem}
.pb16{padding-bottom:10rem}
.pl{padding-left:0.625rem}
.wp{margin:0px auto;width:1200px}
.wp1380{width:1380px;margin:0px auto}
.wp-box{padding-left:8%;padding-right:8%}
.cls{font-size:0px;height:0px;line-height:0px;clear:both}
.hs{background:#f5f5f5}
.container{padding-right:1.25rem;padding-left:1.25rem}
.container-s{padding:0px 40px}
.row{--bs-gutter-x:2.5rem}
.hidden{display:none;}
.g-0,.gx-0{--bs-gutter-x:0}
h1,h2,h3,h4,h5,h6{position:relative;color:var(--title-color,#1a1a1a);font-weight:600;margin:0;transition:all 500ms ease;line-height:150%}
.h1,h1{font-weight:600}
.f18{font-size:1.125rem;color:#1a1a1a}
.f20{font-size:1.25rem;color:#1a1a1a;}
.f24{font-size:1.5rem;color:#1a1a1a;font-weight:bold;line-height:150%}
.f30{font-size:1.875rem;color:#1a1a1a;font-weight:bold;line-height:150%}
.f32{font-size:2rem;color:#1a1a1a;font-weight:bold;line-height:150%}
.f48{font-size:3rem;line-height:120%;font-weight:bold;color:#1a1a1a}
.ty-flex{display:flex;flex-wrap:wrap}
.ty-flex-zy-lb{justify-content:space-between}
.ty-flex-zy-jz{justify-content:center}
.ty-flex-sx-jz{align-items:center}
.ty-flex-wrap{flex-wrap:wrap}
.centred{text-align:center}
.ty-center{text-align:center}
.zsy-img{width:100%;overflow:hidden;height:100%;position:relative;text-align:center}
.zsy-img img{max-width:100%;display:block}
.zsy-img img.abc{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:block;text-align:center;margin:auto;transition:all 0.36s ease;object-fit:cover}
.zsy-img a:hover img.abc{transform:scale(1.08)}
.hover-img:hover img{transform:scale(1.08)}
.zoom{transition:all 0.36s ease}
.zoom-box{overflow:hidden}
.zoom-box img{max-width:100%}
.zoom-box:hover .zoom{transform:scale(1.08);border-radius:0px}
img.img-fluid{transition:all 0.36s ease}
.x1{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x2{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-moz-box;-moz-line-clamp:2;-moz-box-orient:vertical;word-break:break-word;white-space:normal}
.x3{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-moz-box;-moz-line-clamp:3;-moz-box-orient:vertical;word-wrap:break-word;white-space:normal}
.gap-t4{gap:2.5rem 0rem}
.box-pl10{padding-left:100px}
.box-pr10{padding-right:100px}
:root{--theme-color:#1d2b45;--theme-color2:#D4AF79;--theme-color3:#1a1a1a;--theme-color4:#666666;--theme-color5:#f2f2f2;--divider-color:#e0e0e0;--white-color:#FFF;--title-color:#1a1a1a}
.ty-color{color:var(--theme-color)}
.bs-color{color:#fff}
figure{margin:0rem}
.image-anime{position:relative;overflow:hidden}
.image-anime:after{content:"";position:absolute;width:200%;height:0;left:50%;top:50%;background-color:rgba(255,255,255,0.3);transform:translate(-50%,-50%) rotate(-45deg);z-index:1}
.image-anime:hover:after{height:250%;transition:all 600ms linear;background-color:transparent}
.jddw{position:relative;overflow:hidden}
.cb-cursor:before{background:var(--theme-color)}

@font-face {
  font-family: "iconfont"; /* Project id 5216822 */
  src: url('../font/iconfont.woff2?t=1785226943657') format('woff2'),
       url('../font/iconfont.woff?t=1785226943657') format('woff'),
       url('../font/iconfont.ttf?t=1785226943657') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@font-face{font-family:"Microsoft Yahei";src:url("../font/os/harmonyos-regular.woff2") format("woff2"),url("../font/os/harmonyos-regular.woff") format("woff");font-weight:normal;font-style:normal}

.zt{font-family:'harmonyos-regular';font-size:1.875rem;color:#b2b2b2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.loading-container,.loading{height:150px;position:relative;width:150px;border-radius:100%}
.loading-container{margin:40px auto}
.loading{border:2px solid transparent;border-color:transparent var(--theme-color2) transparent var(--theme-color2);animation:rotate-loading 1.5s linear 0s infinite normal;transform-origin:50% 50%}
.loading-container:hover .loading,.loading-container .loading{transition:all 0.5s ease-in-out}
#loading-icon{position:absolute;top:15%;left:15%;max-width:100px;transform:translate(-0%,-0%)}
@keyframes rotate-loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.ix-header .ix-logo{height:80px;display:flex;align-items:center;justify-content:center}
.ix-header .ix-logo .a2{display:none}
.ix-header .ix-logo img{max-height:50px}
.ix-header.active{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.ix-header.active .ix-nav>ul>li>a{color:#1a1a1a}
.ix-header.active .ix-nav li.top-contact>a{color: #fff;}
.ix-header.active .ix-nav>ul>li>i{color:#666666}
.ix-header.active .ix-logo .a2{display:none}
.ix-header.active .ix-logo .a1{display:block}
.ix-top .ix-header{top:40px;transition:all 0.36s ease}
.ix-top .container .ix-xfnav{width:100%;padding:0px 1.875rem;background:#fff;border-radius:10px;transition:all 0.36s ease}
.ix-top .ix-header.active{top:0px}
.ix-top .ix-header.active .container .ix-xfnav{border-radius:0px;padding:0px 0px}
.ix-nav{line-height:80px}
.ix-nav li{padding:0px 1.5vw;position:relative;color:#666;height:80px}
.ix-nav li.top-contact{padding-right:0rem}
.ix-nav li>a{color:#1a1a1a;font-size:18px;color: var(--theme-color); font-weight: bold;}
.ix-nav li>i{font-size:12px;display:inline-block;padding-left:10px}
.ix-nav li i.yy{padding-left:0px;font-size:1.25rem;vertical-align:middle;padding-right:10px}
.ix-nav li i.mobile-an{cursor:pointer}
.nax-an{display:none}
.ix-nav>ul>li:nth-child(1){display:none}
.ix-nav li .subnav{width:100% !important;left:0 !important;right:0 !important;position:absolute;top:150px;opacity:0;visibility:hidden;transition:all 0.36s ease;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.2);text-align:center;border-radius:6px;overflow:hidden; z-index: 11;}
.ix-nav li:hover .subnav{opacity:1;visibility:visible;top:80px}
.ix-nav li .subnav a{line-height:160%;display:block;font-size:14px;padding:15px 10px;transition:all 0.36s ease}
.ix-nav li .subnav a:hover{background:var(--theme-color);color:#fff}
.ix-nav li.top-contact>a{padding:5px 1.25rem;background:var(--theme-color);line-height:1.875rem;border-radius:6px;color:#fff;transition:all 0.36s ease}
.ix-nav li.top-contact>a:hover{background:var(--theme-color2)}
.ix-nav li.top-contact>a i{transition:all 0.36s ease;font-weight:normal;font-size:1.25rem}
.ix-nav li.top-contact>a:hover i{transform:rotate(45deg)}
.ix-topcon a{padding: 12px 20px;  background: var(--theme-color); color: #fff; font-size: 18px;}
.ix-topcon a i{display: inline-block; margin-left: 10px; transition: all 0.36s ease; font-size: 16px; transition: all 0.36s ease;}
.ix-topcon a:hover{background: var(--theme-color2);}
.ix-topcon a:hover i{transform:rotate(45deg);}

/* 更多按钮 */
.btn-default{text-align:left;position:relative;display:inline-block;overflow:hidden;font-weight:600;line-height:1em;text-transform:uppercase;background:var(--theme-color);color:#fff;border-radius:6px;padding:1.25rem 1.87rem;border:0;transition:all 0.5s ease-in-out;z-index:1;font-weight:normal}
.btn-default::before{content:'';display:block;position:absolute;top:0;bottom:0;left:auto;right:0;width:0;height:100%;background:var(--theme-color2);color: var(--theme-color); border-radius:0;transition:all 0.4s ease-in-out;z-index:-1}
.btn-default:hover::before{width:100%;left:0;right:auto}
.btn-default::after{content:'\e660';margin-left:1rem;font-weight:normal;font-size:1rem;right:1.875rem;font-family:"iconfont";transition:all 0.4s ease-in-out;vertical-align:top; transition: all 0.36s ease; display: inline-block;}
.btn-default:hover:after{transform:rotate(45deg);}
.btn-default-2{text-align:left;position:relative;display:inline-block;font-weight:600;text-transform:uppercase;color:var(--theme-color);border:0;overflow:hidden;transition:all 0.5s ease-in-out;z-index:1;padding:0rem 1rem}
.btn-default-2::after{transform:rotate(-45deg);display:inline-block;content:'\e656';margin-left:1rem;font-weight:normal;font-size:1.3rem;font-family:"iconfont";transition:all 0.36s ease;line-height:100%;vertical-align:text-top}
.btn-default-2:hover{color:var(--theme-color)}
.btn-default-2:hover:after{transform:rotate(0deg)}
.db_xs{width:50px;height:50px;transition:all 0.36s ease;position:fixed;right:1.875rem;bottom:60px;z-index:9999;border-radius:50%;display:none;background:url(../images/xs.png) no-repeat center center;background-color:rgba(0,0,0,0.2);background-size:auto}
.db_xs:hover{background-color:var(--theme-color)}

/*banner*/
.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:rgba(0,0,0,0.2);margin:0px 5px;transition:all 0.36s ease;opacity:1}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.875rem;background:var(--theme-color)}
.swiper-button-next,.swiper-button-prev{width:3.125rem;height:3.125rem;background:rgba(0,0,0,0.5);border-radius:6px;text-align:center;line-height:50px;transition:all 0.36s ease;top:45%}
.swiper-button-next i,.swiper-button-prev i{font-size:0.9rem;color:#fff}
.swiper-button-next{right:0rem}
.swiper-button-prev{left:0rem}
.swiper-button-prev:after,.swiper-button-next:after{display:none}
.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--theme-color)}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1.25rem}
.swiper-notification{display:block}
.ix-banner{position:relative;width:100%;overflow:hidden;}
.ix-banner .sw-box{height:100%;overflow:hidden;}
.ix-banner .ix-ban-bj{width:100%;height:700px;transition:all 0.36s ease;display:table}
.ix-ban-bj .ib-tit{display:table-cell;vertical-align:middle;color:#FFF}
.ix-ban-bj .ib-tit::after{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.0);z-index:-1;content:''}
.ban-tit{width:600px;}
.ban-title{padding-bottom:2.5rem}
.ban-tit .t1{font-size: 24px; padding-bottom: 20px;}
.ban-tit .t2{ font-size:3.8rem;color:#fff;font-weight:bold;line-height:135%;padding-bottom:1rem}
.ban-tit .t2 .t2-a{margin-right:10%;display:inline-block;padding:23px 25px 1.875rem 1.875rem;border-left:9px solid rgba(255,255,255,0.4);background:linear-gradient(90deg,rgba(255,255,255,0.1) 0,rgba(255,255,255,0.1) 100%)}
.ban-tit .t2 .t2-a .t2-a-1{font-size:4rem;font-weight:bold;line-height:150%}
.ban-tit .t2 .t2-a .t2-a-2{font-size:2.5rem;font-weight:bold;line-height:150%}
.ban-tit .t2-b .t2-b-1{font-size:1.25rem;line-height:160%}
.ban-tit p{font-size:1.125rem;font-weight:normal;line-height:160%}
.ban-tit .t1 .row{justify-content:center}
.ban-tit .t2 .row{justify-content:center}
.ix-banner .swiper-button-next,.ix-banner .swiper-button-prev{width:3.125rem;height:3.125rem;background:rgba(0,0,0,0.5);text-align:center;line-height:50px;transition:all 0.36s ease}
.ix-banner .swiper-button-next i,.ix-banner .swiper-button-prev i{font-size:0.9rem;color:#fff}
.ix-banner .swiper-button-next{right:3.75rem}
.ix-banner .swiper-button-prev{left:3.75rem}
.ix-banner .swiper-button-prev:after,.ix-banner .swiper-button-next:after{display:none}
.ix-banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,0.2);margin:0px 5px;transition:all 0.36s ease;opacity:1}
.ix-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.875rem;background:#fff}
.ix-banner .swiper-button-next:hover,.ix-banner .swiper-button-prev:hover{background:var(--theme-color)}


/*搜索*/
.ix-search-box-item{gap: 40px 40px; align-items: flex-end;}
.ix-search-item{width: calc((100% - 160px)/5);}
.ix-search{position:relative; margin-top: -100px;}
.ix-search .container{position:relative;z-index:1}
.ix-search-box{background:#fff;padding:40px; padding-top: 10px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);}
.ix-search-item{text-align:left}
.ix-search-nav{border-bottom: solid 1px #e5e5e5;}
.ix-search-label{color:#999;font-weight:bold;margin-bottom:5px}
.ix-search-sub-label{color:#333;margin-bottom:10px}
.ix-search-item .form-select{padding-top: 0.75rem; padding-bottom: 0.75rem; border-radius: 0px; }
.ix-search-btn{ width:100%;padding:0.75rem 1.25rem;background:var(--theme-color);color:#fff;border:none;cursor:pointer;transition:all 0.36s ease;font-size:16px}
.ix-search-btn i{display:inline-block;margin-left:10px; vertical-align: middle; transition: all 0.36s ease;}
.ix-search-btn:hover{background:var(--theme-color2);color:#fff;}
.ix-search-btn:hover i{transform: rotate(45deg);}
.ix-search-nav-item i{font-size: 28px; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: bold;}
.btn-check{transition: all 0.36s ease;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background: none; color: var(--theme-color);  border-bottom: solid 2px var(--theme-color);}
.btn-secondary{padding: 1rem 1.25rem; background: none; color: var(--theme-color4); border: none; border-radius: 0px; font-weight: bold;}
.btn-check+.btn:hover{background: none; color: var(--theme-color);  border-bottom: solid 2px var(--theme-color);}

/* 通用头部 */
.ix-head .t1{font-weight: bold; color: var(--theme-color);}
.ix-head .t1 i{display: inline-block; padding-right: 10px;}
/*产品展示*/
.pro-list{gap: 40px 30px;}
.pro-li{width: calc((100% - 120px)/5); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);}
.pro-li .zsy-img{height: auto;}
.pro-li .tit{padding: 10px 20px 20px 20px; color: #666; }
.pro-li .tit .t1 a{transition: all 0.36s ease;}
.pro-li .tit .t1, .pro-li .tit .t3{color: var(--theme-color); font-weight: bold; padding-top: 10px; }
.pro-li .tit .t2, .pro-li .tit .t4{padding-top: 5px;}
.pro-li .tit .t1 a:hover{color: var(--theme-color2);}
.pro-bt{position: absolute; right: 10px; top: 10px; background: var(--theme-color2); color: #fff; padding: 2px 10px; z-index: 1;}
/*底部*/
.ix-footer{background:url(../images/foot_bj.jpg) no-repeat center center;background-size:cover;color:rgba(255,255,255,0.8)}
.ix-foot-logo .t1 img{max-height:60px}
.ix-foot-logo .t1{padding-bottom:1.25rem}
.ix-font-nav .ifn-li a{display:block}
.ix-font-nav .ifn-li .t1{font-size:1.5rem;color:#fff;padding-bottom:1.25rem}
.ix-font-nav .ifn-li a{color:rgba(255,255,255,0.8);padding-left:16px;position:relative;padding-bottom:0.625rem;    text-transform: uppercase;}
.ix-font-nav .ifn-li a::before{content:'';position:absolute;left:0;top:11px;bottom:0;background-color:#fff;border-radius:50%;width:6px;height:6px;transition:all 0.3s ease-in-out}
.ix-font-nav .ifn-li a:nth-last-child(1){padding-bottom:0rem}
.ix-font-nav .row{width:100%}
.ix-foot-xx .ifx-t2{line-height:180%}
.ix-foot-xx .ifx-t2 ul li{padding-left:40px;color:#fff;position:relative;padding-bottom:1rem;min-height:1.875rem}
.ix-foot-xx .ifx-t2 ul li i{font-size:1.875rem;color:#fff;display:block;top:0;left:0;position:absolute;transition:all 0.36s ease}
.ix-font-nav .ifn-li a:hover::before{background-color:#fff}
.ix-font-nav .ifn-li a:hover{text-decoration:underline}
.ix-foot-copy{border-top:solid 1px rgba(255,255,255,0.1);padding:15px 0px;color:#fff;position:relative}
.ix-foot-copy a{color:#fff}
.ix-foot-copy a:hover{text-decoration:underline}


 html, body{ min-width: 1380px;} 
 .container{min-width:1340px !important;}
@media (min-width:768px){html{font-size:16px}
}@media (min-width:1380px){.container{max-width:1440px}
}@media (min-width:1680px){.container{max-width:1640px}
}