/* --------------------------------------- */
/* 全局样式 | Global styles
/* --------------------------------------- */

@font-face {
    font-family: 'CenturyGothic';
    src: url('/fonts/CenturyGothic.TTF') format('truetype'),
         url('/fonts/CenturyGothic.woff') format('woff'),
         url('/fonts/CenturyGothic.otf') format('otf'),
         url('/fonts/CenturyGothic.svg') format('svg'),
         url('/fonts/CenturyGothicBlod.TTF') format('truetype'),
         url('/fonts/CenturyGothicBlod.woff') format('woff'),
         url('/fonts/CenturyGothicBlod.otf') format('otf'),
         url('/fonts/CenturyGothicBlod.svg') format('svg');
}
@font-face {
    font-family: 'Neutraface2Text-Titling';
    src: url("/fonts/Neutraface2Text-Titling.ttf") format('truetype'),
    url('/font/Neutraface2Text-Titling.woff') format('woff'),
    url('/font/Neutraface2Text-Titling.otf') format('wtf'),
    url('/font/Neutraface2Text-Titling.svg') format('wtf');
}

body{
    font-family: 'CenturyGothic','Century Gothic', 'Arial','Poppins', 'sans-serif',"Microsoft YaHei", 微软雅黑,MicrosoftJhengHei, 华文细黑, STHeiti,MingLiu;
    background: #f8f8f8;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
}
::-webkit-scrollbar { height: 0; width: 0; color: transparent; }
a,span,p {color: rgb(50,50,50); color: inherit; text-decoration: none; margin: 0; padding: 0; outline: none;}
a {cursor: pointer; }
a:visited{
    text-decoration: none;
}
a:hover{
    color: rgb(255,130,20);
    outline: none;
    text-decoration: none;
}
a:focus{
    outline: none;
    text-decoration: none;
}
ul,li{list-style: none; padding-inline-start:0;}
a, input , textarea , button {outline: none; padding: 5px; resize: none; border:none; color: #666;}

h2, aside h5 {font-family: 'Neutraface2Text-Titling','Century Gothic', 'Arial','Poppins', 'sans-serif',"Microsoft YaHei", '微软雅黑', 'MicrosoftJhengHei', '华文细黑', 'STHeiti', 'MingLiu' !important; }
table th , table td { padding: .75rem; vertical-align: center !important; border: 1px solid #dee2e6 !important;}

small { color: rgba(50,50,50,0.4);}


/* 公用按钮 | Boutton Styles  */
/* btn1 */
.btn1 { background: rgb(230,231,232);}
.btn1:hover {background: rgb(255,130,20,0.75); color: white;}
.active .btn1, .btn1.active  {background: rgb(255,130,20); color: white;}
/* btn2 */
.btn2 { background: rgb(255,130,20,1); color: white !important; border: 1px solid transparent;}
.btn2:hover {background: rgb(255,130,20,0.75); border: 1px solid transparent;}

/* 缩略图列表 */
.linkimg > a {width: 100%; text-align: center; padding: 10px;  background: rgb(240,240,240); border-bottom: 1px solid rgb(230,235,240); display: flex; justify-content: center; box-sizing: border-box; overflow: hidden;}
.linkimg:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease;}


/* 海报 轮播图 | carousel */
/* .HomeBanner {width: 100%;} */
.Banner {margin-top: 100px;} /* Banner的向上偏移度，和 .navbar-light .container的高度保持一致*/

.homeBanner {background: rgb(255,255,255); overflow: hidden; position: relative;}
.homeBanner .swiper-slide , .swiper-slide  {max-height:600px; overflow:hidden;}
.homeBanner .swiper-slide a {display: flex; justify-content: center; align-items: center;}
.homeBanner .swiper-slide img {width: 100%;margin: auto;}
.homeBanner .swiper-container .swiper-button-white {--swiper-navigation-color: rgba(255,255,255,0.5) !important; display: none; margin: 0 30px;}
.homeBanner .swiper-container:hover .swiper-button-white {display: block; }
.homeBanner .swiper-pagination-white {margin: 20px;}
.homeBanner .swiper-pagination-white span { width:40px; margin: 0 8px !important; border-radius: 0px;  background: rgba(200,200,200,0.5) ;}
.homeBanner .swiper-button-prev , .homeBanner .swiper-button-next {margin-top: 0%;}
.homeBanner .swiper-button-prev::after , .homeBanner .swiper-button-next::after {color: rgba(255, 255, 255,0.5);}
.swiper-button {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; bottom: 0;}
.homeBanner a {padding: 0 !important; }
.homeBanner .swiper-pagination {bottom: 1.5rem;}
.homeBanner .swiper-pagination span { margin:0.5rem !important; background: rgba(255,255,255,0.5);}



/* --------------------------------------- */
/* 全局 引用样式覆盖 | Reference style override
/* --------------------------------------- */
.container {max-width: 1920px; padding: 20px 80px ; box-sizing: border-box;}
.container img {max-width: 100%;}

/* 分页器 */
.page-link { padding: 0.65rem 1rem; color: rgb(100,100,100);}
.page-link:hover {background: white; border:1px solid rgba(255, 130, 20, 1); color: rgba(255, 130, 20, 1);}
.page-item.active .page-link {background: rgba(255, 130, 20, 1); border:1px solid rgba(255, 130, 20, 1); color: white;}
.page-link:focus {box-shadow:0 0 0 0.2rem rgb(255 130 20 / 25%) !important;}

/* 导航选项卡 */
.nav-tabs li a:hover {background: rgb(255,130,20,0.75); color: white;}
.nav-tabs li.active a , .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: rgb(255,130,20) ; color: white; }
.NavList p {margin-bottom: auto !important;}
.itemTitle {border-bottom:1px solid #dee2e6; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.itemTitle a {padding: 0; display: block;}



/* --------------------------------------- */
/* 全局导航栏 | Global Navbar
/* --------------------------------------- */

/* 导航栏 引用样式覆盖 | Global Navbar Reference style override*/
.navbar {width: 100%; height: 100px; padding: 0 !important;  transition:height 0.3s; -moz-transition:height 0.3s; /* Firefox 4 */ -webkit-transition:height 0.3s; /* Safari and Chrome */ -o-transition:height 0.3s; /* Opera */}
.navbar-light .container { height: 100%; padding: 0 !important;} /* 导航栏专用通用容器 */
.navbar-light {background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.98),rgba(255,255,255,0.85)) ;}
.navbar-light .navbar-brand { margin-left: 50px; }
.navbar-light .navbar-brand img {max-height: 48px; min-width: 50px;}
.navbar-light .navbar-right {margin-right: 50px;}
.navbar-light .navbar-nav .nav-link {font-size: 18px; padding-left: 1rem; padding-right: 1rem;}
.navbar #navbar_dropDown .dropdown-menu { text-align: center; left: 50%; margin-left: -7.5rem; width: 15rem; background: rgba(255,255,255,0.9) !important;}
.dropdown-item {padding: 0.25rem 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.navbar #navbar_dropDown ul li {position: relative;}
.navbar #navbar_dropDown ul li.active {border-bottom:3px solid rgb(255,130,20); color: rgb(255,130,20);}
.navbar #navbar_dropDown ul li.active > a , .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgb(255 130 20) !important; }
.dropdown-item:hover, .dropdown-item:focus { background: rgba(255, 130, 20, 0.5); color: white;}
.dropdown-item.active, .dropdown-item:active {background: rgba(255, 130, 20, 1); color: white;}
.dropdown:hover .dropdown-menu {display:block;}


/* 导航栏 自定义样式 | Global Navbar Custom style */
.navbar.sticky {height: 50px; transition:height 1s; -moz-transition:height 1s; /* Firefox 4 */ -webkit-transition:height 1s; /* Safari and Chrome */ -o-transition:height 1s; /* Opera */}
.navbar-right ul li {margin-left: 10px; display: flex; align-items: center; justify-content: center; }
.navbar-right ul li a { width: 40px; height: 40px; font-size: 14px; }
.navBtn {width: 40px; height: 40px; line-height: 40px; font-style: normal; color: #666; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.btnSearch {background: url(/images/icon_Search.png) no-repeat center;}
.navBtn_ {background: url(/images/icon_.png) no-repeat center;}
.btnLanguage { border: 1px solid rgba(0,0,0,.3); border-radius: 50%; }
.SearchWarp { margin: auto 0; right: 0; position: relative; }
.SearchWarp > div {transform: translateX(50%) translateY(0%) scale(0.1);  opacity: 0; transition: all 0.5s ; display: flex; align-items: center; justify-content: center; position: absolute; background: rgba(255,255,255,0.75); padding: 0.5rem; right: 0; border-radius: 0.3rem; z-index: 9999;}
.SearchWarp > div .keySearch { height: 40px; line-height: 32px; padding: 0px 30px 0px 5px; border: 1px solid rgba(100,100,100,0.5); border-radius: 3px; position: relative;}
.SearchWarp > div .btnSearch {position: absolute;  right: 2px;}
.SearchWarp > .show { transform: translateX(5%) translateY(100%) scale(1); opacity: 1; transition: all 0.5s ;}
.navbar-right .navbar-toggler {margin-left: 30px; }




/* --------------------------------------- */
/* 全局页脚 | Global Footer
/* --------------------------------------- */
/* 全局页脚 引用样式覆盖 | Global Footer Reference style override*/
.input-group {min-width: 280px !important; height: 48px; }
.input-group input { height: 100%; border: 1px solid transparent;}
.input-group .btn { width: 120px; height: 100%; color: white; background: rgba(255, 130, 20,1); outline: 0; border: 1px solid transparent}
.footer .col-auto {margin-left: 0px; margin-right: 30px;}
.form-control:focus ,.btn-primary.focus, .btn-primary:focus  {background: rgba(255, 130, 20,1); border-color: rgba(255, 130, 20,1); box-shadow: 0 0 0 0.2rem rgb(255 130 20 / 25%);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background: rgba(255, 130, 20,1); border-color: rgba(255, 130, 20,1); color: white;}

/* 全局页脚 自定义样式 | Global Footer Custom style */
footer hr {background: rgba(255,255,255,0.2);}




/* --------------------------------------- */
/* 各页面样式 | Separate page styles
/* --------------------------------------- */

/* ------------------- */
/* 首页 | HOME
/* ------------------- */
/* 首页关于 */
.AboutCont .card {border: none;}
.AboutCont .card-body { max-height: 500px; height: auto; overflow: hidden; box-sizing: border-box; }
.AboutCont .card-body > .card-text { max-height: 200px; height:auto; line-height: 34px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; overflow-y: auto;}
.AboutCont .card-body img {width: auto; height: 100%; margin: auto; justify-content: center; ;}
/* 首页的产品 */
.tabPanel > li {display: none;}
.tabPanel > li.active {display: block;}
/* 首页产品应用 */
.HomeApplied ul a {position: relative;}
.HomeApplied .itemTitle {width: 100%; height: 50%; bottom: 0; color: white; position: absolute; display: flex; align-items: flex-end; background: linear-gradient(0deg,rgba(0,0,0,0.65),rgba(0,0,0,0));}


/* ------------------- */
/* 关于 | ABOUT US
/* ------------------- */
/* .nav-pills li a { background: rgb(230,231,232);}
.nav-pills li a:hover {background: rgb(255,130,20,0.75); color: white;}
.nav-pills li.active a {background: rgb(255,130,20); color: white;} */
.AboutPage .card-body > .card-text { max-height: 500px; line-height: 40px; font-size: 18px; }
.TabCont > li {display: none;}
.TabCont > li.active {display: block;}



/* 公司图轮播 */
.companyImgSwiper { position: relative;}
.companyImgSwiper .swiper-container {width: 100%; overflow: hidden;}
.companyImgSwiper .swiper-pagination {position: absolute; bottom: -10% !important;}
.companyImgSwiper .swiper-pagination span { margin: auto 10px !important;}
.companyImgSwiper .swiper-pagination-bullet { background:rgba(255, 130, 20,0) !important; border: 1px solid rgba(255, 130, 20, 1) !important; opacity: 1 !important; }
.companyImgSwiper .swiper-pagination-bullet-active {background:rgba(255, 130, 20,1) !important; border: 1px solid rgba(255, 130, 20,1); }
.companyImgSwiper .swiper-button-prev::after , .companyImgSwiper .swiper-button-next::after {color: rgba(255, 255, 255,0.5);}


/* ------------------- */
/* 产品 | PRODUCT
/* ------------------- */
.ProductCenter .nav-tabs { padding:10px 5px; border: 1px solid #dee2e6; border-width: 1px 0; }
.prodDetail .nav-tabs {  border-bottom: 1px solid rgba(255, 130, 20,1); border-width: 1px 0; }
.prodDetail table:first-child td { padding: 10px;}
.zoomPic {border: 1px solid #dee2e6;}
.slider li { height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #dee2e6; box-sizing: border-box; overflow: hidden;}
.slider li:hover , .slider li.active {border: 2px solid rgba(255, 130, 20,1);}
.slider img {width: 100%; margin: auto;}
.prodDetail > div {padding: 0 !important;}

/* ------------------- */
/* 应用 | APPLICATION
/* ------------------- */


/* ------------------- */
/* 支持与服务 | SERVICE&SUPPORT
/* ------------------- */
/* Recruitmentt */
.Recruitmentt .card-body ul li small { height: 28px; line-height:28px; padding: 3px; margin-right: 3px; border: 1px solid rgba(100,100,100,0.2); border-radius: 3px; }
/* Download */
/* .Download ul li {margin:  10px auto !important;} */
.Download img {width: 80px; height: 80px; min-width: 80px; min-height: 80px; overflow: hidden; box-sizing: border-box;}
/* .listimg img {max-width: 100%; max-height: 100%; object-fit: cover; margin: auto; } */


/* ------------------- */
/* 新闻 | NEWS
/* ------------------- */
.NewsCenter .linkimg > a , .NewsDetail .linkimg > a , .Applied .linkimg > a { padding: 0 !important;}
.NewsDetail .blockquote { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgba(150,150,150,0.1); border-radius: .3rem;}
.NewsDetail small { color: rgba(50,50,50,1);}


/* ------------------- */
/* 联系我们 | CONTACT US
/* ------------------- */





/* ————————— 从大屏向小屏适配 ——————————— */


/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
/* `xxl`适用于x-大型设备（大型台式机，小于1400px） */
@media (max-width: 1399.98px) {  

    /* 【 通用 】 */
    .container  {padding: 20px 50px !important; }

    /* 【 导航栏 】 */
    .navbar-light .navbar-brand { margin-left: 50px; }
    .navbar-light .navbar-right {margin-right: 50px;}
    
}

/* `xl` applies to large devices (desktops, less than 1200px) */
/* 'xl'适用于大型设备（台式机，小于1200px） */
@media (max-width: 1199.98px) { 

    /* 【 通用 】 */
    .container { padding: 10px 20px !important; } /* 全局通用容器 */

    /* 【 导航栏 】*/
    .navbar {height: 80px;}
    .navbar-light .navbar-nav .nav-link {font-size: 14px; }

    /* 【 Banner 】*/
    .Banner {margin-top: 80px;} 

    /* 【 首页 】 */
    /* 关于 */
    .homeAbout .card-body > .card-text { height: auto; line-height: 28px;}
    .AboutPage .card-body > .card-text { max-height: 480px; line-height: 28px; font-size: 16px;}
    
    /* 【 关于我们 】 */
    /* 公司图轮播 */
    .swiper-pagination { bottom: -20% !important;}

}

/* `lg` applies to medium devices (tablets, less than 992px) */
/* `lg` 适用于中型设备（平板电脑，小于992px） */
@media (max-width: 991.98px) {  
    /* 【 导航栏 】*/
    /* #navbar_dropDown {display: none; height: auto !important;} */
    .navbar #navbar_dropDown > ul > li.d-flex {width: 100%; text-align: center; display: block !important;} 
    .navbar #navbar_dropDown .dropdown-menu { width: auto; margin: auto; text-align: center; border: 1px solid rgba(255,255,255,0.3); border-style:solid none ; background: rgba(255,255,255,0) !important;}
    .navbar #navbar_dropDown { width: 100%; height: 0px; transition: height 0.3s; position: absolute; background: rgba(0,0,0,0.85); top: 100%; padding: 0 10px;}
    .navbar #navbar_dropDown ul li a {line-height: 40px; color: rgba(255,255,255,0.5);}
    .navbar #navbar_dropDown ul li a:hover {color: rgba(255,255,255,1) !important; background: rgba(255,130,20,0.5);  }
    .navbar #navbar_dropDown ul li.active a {font-size: 18px; color: rgba(255,255,255,1) !important; position: relative;}
    .navbar #navbar_dropDown.show {display: block; height: auto !important; transition: height 0.3s; }

    /* 【 关于我们 】*/
    .AboutCont .card-body {max-height:none;}


}


/* `md` applies to small devices (landscape phones, less than 768px) */
/* `md`适用于小型设备（横向电话，小于768px） */
@media (max-width: 767.98px) {  


}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
/* `sm` 适用于x-small设备（竖屏手机，小于576px） */
@media (max-width: 575.98px) {
    /* 【 通用 】*/
    .container  {padding: 10px 15px !important; } /* 全局通用容器 */

    /* 导航栏 */
    .navbar {height: 60px;}
    .navbar-light .navbar-brand { margin-left: 15px; }
    .navbar-light .navbar-brand img {max-height: 40px; min-width: 40px;}
    .navbar-light .navbar-right {margin-right: 15px;}
    .navbar-light .navbar-right ul li a { width: 32px; height: 32px; font-size: 12px; }
    .navbar-light .navbar-toggler {font-size: 0.8rem;}
    .SearchWarp > .show { transform: translateX(55%) translateY(80%) scale(1); opacity: 1; transition: all 0.5s; }

    /* Banner */
    .Banner {margin-top: 60px;} 


    /* 【 关于我们 】 */
    /* 公司图轮播 */
    .swiper-pagination { bottom: -25% !important;}

}

/*
     FILE ARCHIVED ON 17:34:24 Jul 14, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:54:16 Apr 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.425
  captures_list: 0.723
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.007
  esindex: 0.012
  cdx.remote: 68.11
  LoadShardBlock: 99.382 (3)
  PetaboxLoader3.datanode: 160.247 (5)
  PetaboxLoader3.resolve: 50.063 (2)
  load_resource: 167.014
  loaddict: 68.355
*/