:root {
 --bs-primary: #001d66;
 --bs-success-rgb: 52, 205, 139;
 --bs-link-color: #666;
 --bs-link-color-rgb: 102, 102, 102;
 --bs-link-hover-color: #333;
 --bs-link-hover-color-rgb: 102, 102, 102;
 --bs-light: #f8f8f8;
 --bs-secondary-rgb: 102, 102, 102;
 --bs-light-rgb: 243, 245, 247;
 --bs-primary-rgb: 0, 39, 56;
 --bs-font-sans-serif: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, "Helvetica Neue",Hiragino Sans GB,Microsoft Sans Serif,Arial;
 }

.text-muted {color: #7E87A0 !important;}
.text-orange {color: #FF6600 !important;}

.text-cyan {color: #00bf86 !important;}
.fs-xl {font-size: calc(var(--bs-body-font-size) * 1.25) !important}
.fs-lg {	font-size: calc(var(--bs-body-font-size) * 1.125) !important}
.fs-base {font-size: 1rem !important}
.fs-sm {font-size: calc(var(--bs-body-font-size) * 0.875) !important}
.fs-xs {	font-size: calc(var(--bs-body-font-size) * 0.75) !important}



body{ color: #26334C; font-size: 16px;}
a {text-decoration: none;}
p { font-size: 16px; margin-bottom: 0.75rem;/* color: #6C7485; */}
/* small, .small {font-size: 0.75em;} */
:focus-visible { outline: none!important;}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none!important;
}

@font-face {
	font-family: 'Techna-Sans-Regular';
	src: url('../fonts/Techna-Sans-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Techna-Sans-Regular-2';
	src: url('../fonts/Techna-Sans-Regular-2.otf');
	font-weight: normal;
	font-style: normal;
}


.navbar {
  --bs-navbar-padding-x: 2rem;
  --bs-navbar-padding-y: 0;
  --bs-navbar-color: rgba(0, 0, 0, 1);
  /* --bs-navbar-hover-color: rgba(1, 139, 214, 1); */
  --bs-navbar-hover-color: rgba(224, 126, 19, 1);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(224, 126, 19, 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar-nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 1.5rem;
  --bs-nav-link-font-weight: ;
}

.header{ border-bottom: 1px solid rgba(255,255,255,.1); transition: all .3s ease-out 0s;}
.header .navbar-brand{ padding: 0; margin-right: 0; overflow: hidden;}
.header .navbar-brand .logo{ display: none;}
.header .navbar-brand .logowhite{ display: inline-block;}
.header.mini .logo, .header:hover .navbar-brand .logo {display: inline-block;}
.header.mini .logowhite, .header:hover .navbar-brand .logowhite {display: none;}


/* .header .nav-link::before{ content: ""; position: absolute; left: 50%; right: 0; bottom: 0px; width: 0; height: 3px; background: #E07E13;
transition: all .8s;}
.header .nav-link:hover::before {left: 0; width: 80%; margin: 0 auto;}
 */
.header .nav-link::before {content: '';width: 0;height: 3px;background: #E07E13;position: absolute;bottom: 0;left: 50%;
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;
}
.header .nav-link:hover::before, .header .nav-link.active::before{ width: 98%;}

.header .nav-link{ position: relative; color: #fff;padding-top: 1.8rem; padding-bottom: 1.8rem; transition: all .3s ease-out 0s;}
.header .nav-link.active, .header.mini .nav-link.active, .header:hover .nav-link.active, .nav-item:hover .nav-link{color: #E07E13; font-weight: 600; }
.header .nav-item .nav-content{ display: none; position: absolute; top:calc( 2.5rem + 2.5rem ); right: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #e6e6e6; z-index: 20;box-shadow: 0 2px 5px rgb(57 47 63 / 6%); transition: all .3s ease-out 0s;}
.header .nav-item:hover .nav-content{ display: block;}

.header .dropdown-menu .dropdown-item {padding: 0.5rem 1rem;}
.header .dropdown-menu[data-bs-popper] {margin-top: 0; }
.btn-close:focus { box-shadow: none;}
.header .navbar-toggler{border: none; color: #fff; padding: 0;}
.header .dropdown-toggle::after{ display: none;}


.header .search{display: inline-block; vertical-align: middle; width: 160px; position: relative;}
.header .search-input{ font-size: 13px; color: #6c757d!important; background: none; border-radius: 0; padding-left: 0; border: none; border-bottom: 1px solid rgba(255,255,255,.3);}
.header .btn-search{ position: absolute;width: 18px; height: 18px;right: 0; top: 20%; z-index: 600; background: url(../images/ss1.png) center center no-repeat;}
.header .search-input:focus { background-color: rgba(255, 255, 255, 0); border-color: rgba(255,255,255,.3); box-shadow: none!important;}

.header.mini, .header:hover {background: rgba(255, 255, 255, 1);border-bottom:none; box-shadow: 0 2px 5px rgb(57 47 63 / 6%); }
.header.mini .nav-link{ padding-top: 1.5rem; padding-bottom: 1.5rem;}
.header.mini .nav-link, .header:hover .nav-link{color: #333;}
.header.mini .nav-item .nav-content{ top:calc( 2.5rem + 1.2rem );}
.header .navbar-toggler-icon{filter: invert(1) grayscale(100%) brightness(200%);}
.header.mini .navbar-toggler-icon{filter: hue-rotate(300deg); }


.header.mini .search-input, .header:hover .search-input{border-bottom: 1px solid rgba(0,0,0,.3);}
.header.mini .btn-search, .header:hover .btn-search{ background: url(../images/ss.png) center center no-repeat;}

.mega-menu h6{font-size: 15px; color: #666;}
.mega-menu .nav a{ font-size: 13px; line-height: 2.2;}
.mega-menu .nav a:hover{ text-decoration: underline; color:var(--bs-navbar-hover-color);}

.header hr{opacity: 0.11;}
@media (prefers-reduced-motion: reduce) {	.header .dropdown-toggle::after {transition: none;}}

@media(min-width: 992px) {
	.navbar-expand-lg .dropdown-menu.show {display: none;}
	.navbar-expand-lg .dropdown:hover>.dropdown-menu {
		display: block;
		top:100%;
		height: auto;
		opacity: 1;
		border-radius: 0 0 6px 6px;
		border: none;
		padding-bottom: 16px;
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(6px);
		box-shadow: 0 6px 6px rgba(0, 0, 0, .05);
	}
	.navbar-expand-lg .dropdown.mega-menu{position: static;}
	
	.navbar-expand-lg .dropdown.mega-menu>.dropdown-menu {
	    width: 100vw;
		 opacity: 1;
		 left: 0;
		 border-radius: 0;
		 /* border-top: 1px solid rgba(0, 0, 0, .1); */
		 padding: 40px 0 60px 0;
		 /* display: block; */
	}
}


/* index-bannera */
.index-bannera {position: relative; overflow: hidden}
.index-bannera .swiper-slide {background: #000;}
.index-bannera .swiper-slide-body{ width: 80%;}
.index-bannera .pcimg{ width: 100%;}
.index-bannera .mbimg{ width: 100%!important;}
.index-bannera .fs-1 { position: relative; padding-bottom: 12px; font-size: 60px;font-weight: bold; transform:translateY(200px); opacity:0; transition:all 0.2s;}
.index-bannera .fs-1::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 35%; height: 2px; background: rgba(255, 255, 255, 0.85);}
.index-bannera .fs-3 {font-size: 24px;padding-top: 10px; line-height: 1.2; transform:translateY(200px);opacity:0;transition:all 0.5s;}
.index-bannera .viewmore-3 {margin-top: 60px;transform:translateY(200px);opacity:0;transition:all 0.9s;}
.index-bannera .swiper-slide-active .fs-1, .index-bannera .swiper-slide-active .fs-3, 
.index-bannera .swiper-slide-active .viewmore-3{transform:translateY(0px);opacity:1;}
.index-bannera .swiper-slide-active .img{animation: bigimgani 5000ms infinite ease-out;}
.index-bannera .index-bannera-pagination {width: 100px;left: auto; right:2%;bottom: 5%;text-align: right;}
.index-bannera .index-bannera-pagination span.swiper-pagination-bullet{background: #fff;border-radius: 0;width: 1px;height:20px;transition:all .4s ease;margin: 0 7px;opacity: 1;}
.index-bannera .index-bannera-pagination span.swiper-pagination-bullet-active {height: 30px;}
.index-bannera-next, .index-bannera-prev {bottom: 4%;top: auto;background: none;z-index: 30;}
.index-bannera-next::after,.index-bannera-prev::after {display: none;}
.index-bannera-next::before,.index-bannera-prev::before {color: #fff;font-size: 14px;letter-spacing: 2px;}
.index-bannera-next::before {content: 'NEXT';}
.index-bannera-prev::before {content: 'PREV';}
.index-bannera-next {left: auto;right: 50%;margin-right: -200px;}
.index-bannera-prev {left: 50%;right: auto;margin-left: -200px;}
.index-bannera-scroll{width: 62px;height: 26px;position: absolute;left: 2%;bottom: 5%;z-index: 20;background: url('../images/scroll.png') center no-repeat;}
.index-bannera-progress-bar {width: 260px;height: 2px;position: absolute;bottom:6%;left: 50%;margin-left: -130px;z-index:20;}
.index-bannera-progress-bar::after {content: '';position: absolute;width: 100%;height: 2px;background: #fff;left: 0;top: 0;opacity: .2;z-index: 5;}
.index-bannera-progress-bar::before {content: '';position: absolute;width: 0;height: 2px;background: #fff;left: 0;top: 0;z-index: 10;-webkit-animation: w100 4800ms infinite ease;animation: w100 4800ms infinite ease;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1);}}
.viewmore-3 {width: 215px;display:block;}
.viewmore-3 a,.viewmore-3 div {display: block;color: #fff;text-align: center;padding: 17px 0 17px 0;overflow: hidden;font-size: 0;border: 1px solid rgba(255,255,255,.2);}
.viewmore-3 span {font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 40px;letter-spacing: 2px;}
.viewmore-3 i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url('../images/jt-r1.png') center no-repeat;}
.viewmore-3 a:hover {border: 1px solid rgba(255,255,255,1);}



.title{}
.subtitle{}

.line { width: 60px;height: 3px;background: #E07E13;margin: 20px auto;}
.line-2 { width: 60px;height: 3px;background: #00d4aa;margin: 20px auto;}
.line-3 { width: 60px;height: 3px;background: #00d4aa;margin: 20px 0;}


/**底部导航**/
footer{ color:#849CA6; background: #002738;}
footer p{color:#849CA6;}
footer a{ color:#849CA6; transition: all .36s ease;}
footer a:hover{ color:rgba(255, 255, 255, 1);}
footer hr{ opacity: 0.075;}
footer .phone-text{ font-family: 'Techna-Sans-Regular';}

footer .link a{ font-size: 12px;}
footer .link, .link a, footer .copyright, footer .beian, footer .beian:hover{font-size: 12px;}
footer .zx{color:rgba(255, 255, 255, 0);}

/*footer .social a{ width: 20px; height: 20px;}*/
/*footer .social a img{ opacity: 0.5;}*/
/*footer .social a:hover img{ opacity: 1;}*/
/*footer .social-showewm{width: 100px;height: 100px;position: absolute;left: 0;top: 100%;z-index: 11;background: #fff;padding: 5px;display: none;}*/
/*footer .social-showewm img{}*/


/**首页产品线**/
.pline{ padding: 3vw 0 6vw; background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto;}
#pline-tab{ display: flex; justify-content: space-between; width: 100%;overflow-x: auto;}

#pline-tab .nav-item{ width: calc(20% - 10px); height: 80px; border-radius: 6px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 100% auto;transition: all .4s ease;}
#pline-tab .nav-item:hover{background-size: 110% auto;}
#pline-tab .nav-link{ display: flex; align-items: center; padding-top: 12px; color: #fff; width: 100%; border-radius: 0; background: rgba(0, 0, 0, 0.3);}
#pline-tab .nav-link:hover{ color: #fff; font-weight: 500;background: rgba(0, 0, 0, 0.1);}
#pline-tab .nav-link-number{ display: inline-block; width: 40%; padding-right: 12px; text-align: right; font-size: 64px; font-family: 'Techna-Sans-Regular'; line-height: 1;}
#pline-tab .nav-link-text{display: inline-block; text-align: left;}
#pline-tab .nav-link-text p{ margin-bottom: 0;}




.line-div{ position: relative; height: 400px; min-width: 1140px; margin: 0 auto; padding: 0; overflow-x: auto;}
.line-div::before{ content: "";position: absolute; height: 3px; width: calc(100% - 14px); left: 7px; right: 7px; top: calc(50% - 9px); background: #008E9C;}
.line-list{ position: absolute; width: 100%; display: flex; justify-content: space-between;}


.line-list .line-list-title { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: absolute; top: 0; width: 16px; margin: 0 2px; height: 200px; font-size: 14px; line-height: 1.1; text-align: center; letter-spacing: 0;vertical-align: bottom!important;}
.line-list .line-list-title-bg{ width: 14px; height: 50px; margin: 8px 3px 0; border-radius: 7px 7px 0 0;}
.line-list a{ position: relative; display: inline-block; width: 16px; margin: 0 2px; padding-top: 210px; font-size: 14px; line-height: 1.2; text-align: center; letter-spacing: 0; word-wrap: break-word; vertical-align: top!important;}
.line-list:last-child :last-child a{ margin-right: 0!important;}
.line-list a::after{ content: ""; position: absolute; width: 20px; height: 20px; top: calc(200px - 18px); left: -2px; background: #fff; border: 2px solid #0077AA; border-radius: 50%;}

#pline0 .line-div{width: 50%;}
#pline0 .line-div::before{background: #008E9C;}
#pline0 .line-list a:hover{color: #008E9C;}
#pline0 .line-list a::after{ border-color: #008E9C;}
#pline0 .line-list div:nth-of-type(1) .line-list-title{ color: #93AE58;}
#pline0 .line-list div:nth-of-type(1) .line-list-title-bg{background: #93AE58;}
#pline0 .line-list div:nth-of-type(2) .line-list-title{ color: #008E9C;}
#pline0 .line-list div:nth-of-type(2) .line-list-title-bg{background: #008E9C;}
#pline0 .line-list div:nth-of-type(3) .line-list-title{ color: #01A8D9;}
#pline0 .line-list div:nth-of-type(3) .line-list-title-bg{background: #01A8D9;}

#pline1 .line-div{width: 50%; min-width: 860px;}
#pline1 .line-div::before{background: #d8b9b3;}
#pline1 .line-list a:hover{color: #d8b9b3;}
#pline1 .line-list a::after{ border-color: #d8b9b3;}
#pline1 .line-list div:nth-of-type(1) .line-list-title{ color: #c23931;}
#pline1 .line-list div:nth-of-type(1) .line-list-title-bg{background: #c23931;}
#pline1 .line-list div:nth-of-type(2) .line-list-title{ color: #d19708;}
#pline1 .line-list div:nth-of-type(2) .line-list-title-bg{background: #d19708;}
#pline1 .line-list div:nth-of-type(3) .line-list-title{ color: #d6abc1;}
#pline1 .line-list div:nth-of-type(3) .line-list-title-bg{background: #d6abc1;}
#pline1 .line-list div:nth-of-type(4) .line-list-title{ color: #93AE58;}
#pline1 .line-list div:nth-of-type(4) .line-list-title-bg{background: #93AE58;}

#pline2 .line-div{width: 100%;}
#pline2 .line-div::before{background: #93ae58;}
#pline2 .line-list a:hover{color: #93ae58;}
#pline2 .line-list a::after{ border-color: #93ae58;}
#pline2 .line-list div:nth-of-type(1) .line-list-title{ color: #93ae58;}
#pline2 .line-list div:nth-of-type(1) .line-list-title-bg{background: #93ae58;}
#pline2 .line-list div:nth-of-type(2) .line-list-title{ color: #e40177;}
#pline2 .line-list div:nth-of-type(2) .line-list-title-bg{background: #e40177;}
#pline2 .line-list div:nth-of-type(3) .line-list-title{ color: #d8b9b3;}
#pline2 .line-list div:nth-of-type(3) .line-list-title-bg{background: #d8b9b3;}
#pline2 .line-list div:nth-of-type(4) .line-list-title{ color: #009693;}
#pline2 .line-list div:nth-of-type(4) .line-list-title-bg{background: #009693;}

#pline3 .line-div{width: 70%;}
#pline3 .line-div::before{background: #ee782e;}
#pline3 .line-list a:hover{color: #ee782e;}
#pline3 .line-list a::after{ border-color: #ee782e;}
#pline3 .line-list div:nth-of-type(1) .line-list-title{ color: #ee782e;}
#pline3 .line-list div:nth-of-type(1) .line-list-title-bg{background: #ee782e;}
#pline3 .line-list div:nth-of-type(2) .line-list-title{ color: #92bf1e;}
#pline3 .line-list div:nth-of-type(2) .line-list-title-bg{background: #92bf1e;}
#pline3 .line-list div:nth-of-type(3) .line-list-title{ color: #d8b9b3;}
#pline3 .line-list div:nth-of-type(3) .line-list-title-bg{background: #d8b9b3;}
#pline3 .line-list div:nth-of-type(4) .line-list-title{ color: #e40177;}
#pline3 .line-list div:nth-of-type(4) .line-list-title-bg{background: #e40177;}
#pline3 .line-list div:nth-of-type(5) .line-list-title{ color: #00a9a9;}
#pline3 .line-list div:nth-of-type(5) .line-list-title-bg{background: #00a9a9;}
#pline3 .line-list div:nth-of-type(6) .line-list-title{ color: #009bc1;}
#pline3 .line-list div:nth-of-type(6) .line-list-title-bg{background: #009bc1;}

#pline4 .line-div{width: 100%;}
#pline4 .line-div::before{background: #00a9a9;}
#pline4 .line-list a:hover{color: #00a9a9;}
#pline4 .line-list a::after{ border-color: #00a9a9;}
#pline4 .line-list div:nth-of-type(1) .line-list-title{ color: #00a9a9;}
#pline4 .line-list div:nth-of-type(1) .line-list-title-bg{background: #00a9a9;}
#pline4 .line-list div:nth-of-type(2) .line-list-title{ color: #92bf1e;}
#pline4 .line-list div:nth-of-type(2) .line-list-title-bg{background: #92bf1e;}
#pline4 .line-list div:nth-of-type(3) .line-list-title{ color: #d8b9b3;}
#pline4 .line-list div:nth-of-type(3) .line-list-title-bg{background: #d8b9b3;}
#pline4 .line-list div:nth-of-type(4) .line-list-title{ color: #e40177;}
#pline4 .line-list div:nth-of-type(4) .line-list-title-bg{background: #e40177;}
#pline4 .line-list div:nth-of-type(5) .line-list-title{ color: #00a9a9;}
#pline4 .line-list div:nth-of-type(5) .line-list-title-bg{background: #00a9a9;}
#pline4 .line-list div:nth-of-type(6) .line-list-title{ color: #009bc1;}
#pline4 .line-list div:nth-of-type(6) .line-list-title-bg{background: #009bc1;}




/**首页公司介绍**/
.index-about-swiper-next, .index-about-swiper-prev{ font-size: 26px; top: calc(50% + 45px);}
.index-about-swiper{ padding-bottom: 30px;}
.index-about-swiper .swiper-scrollbar{ bottom: 0px;}
.index-about-swiper .swiper-scrollbar-drag{ background: #E07E13;}

.index-about{ padding: 6vw 0; background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.index-about .line {background: rgba(255, 255, 255, 0.5);}
.index-about .index-about-body{overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.4);}
.index-about .item{ border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.index-about .item h2{ font-size: 52px; line-height: 1; margin-bottom: 0; font-family: 'Techna-Sans-Regular'; text-transform: uppercase!important;}
.index-about .item .unit, .index-about .item p{ font-size: 16px;}
.index-about .index-about-btn{ display: inline-block; padding: 8px 32px; font-size: 16px; font-weight: 600; color: #fff; background:#E07E13;}
.index-about .index-about-btn:hover{color: #fff; background:#FF7317;}

/**首页新闻**/
.index-news{padding: 6vw 0; /* background: #eff1f4; */}
.index-news .line {margin-left:0;}
.index-news-navtab { --bs-nav-pills-border-radius: 0; --bs-nav-pills-link-active-color: #002738;  --bs-nav-pills-link-active-bg: #fff;}
.index-news-navtab .nav-link { position: relative; font-weight: 600; white-space: nowrap; border-bottom: 2px solid #CCCCCC;}
.index-news-navtab .nav-link:hover { color: #002738}
.index-news-navtab .nav-link.active{border-bottom: 2px solid #E07E13;}


/* 二级页面banner */
.banner{ position: relative; height: 320px; overflow: hidden;}
.banner .text{z-index: 3;}
.banner-title-1{ font-size: 41px; color: #fff; font-weight: 600;font-family: 'Techna-Sans-Regular'; text-transform: uppercase!important;}
.banner-title-2{font-size: 28px;color: #fff;font-family: 'Techna-Sans-Regular'; text-transform: uppercase!important;}
.banner .img{ background-size: cover;background-position: center; height: 100%; /*min-height: 260px; animation: bgimgain 5000ms 1 ease-out; */}
/* @keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}} */
.banner .mask{ position: absolute; left: 0;top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%,  rgba(0, 0, 0, 0) 100%); z-index: 1;}

/* 二级菜单栏 */
.subnav.sticky-top{top: 72px;}
.subnav{ background: #fff; border-bottom: 1px solid #F3F5F7;}
.subnav .nav-item{}
.subnav .nav-link{ position: relative; color: #333;}
.subnav .nav-link::before{ content: ""; position: absolute; left: 50%; right: 0; bottom: 0px; width: 0; height: 3px; background: #E07E13;}
.subnav .nav-link:hover::before {left: 0; width: 100%; margin: 0 auto; transition: all .3s ease-out 0s;}
.subnav .nav-link.active{ color: #E07E13;}
.subnav .nav-link.active::after{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 3px; background: #E07E13;}

/* 面包屑路径 */
.crumb{z-index: 20; }
.breadcrumb {
  --bs-breadcrumb-divider-color: #fff;
  --bs-breadcrumb-item-active-color: #6c757d;
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{font-size: 13px; color: rgba(255, 255, 255, 1); }
.breadcrumb .breadcrumb-item.active{ color: rgba(255, 255, 255, 0.75);}



/**新闻列表**/
.news-li{display: block;overflow: hidden;position: relative;}
.news-li img{transition: all .4s ease;}
.news-li .title{ color: #333; }
.news-li .describe{ height: 42px;overflow: hidden;}
.news-li .more{}

.news-li:hover img{transform: scale(1.1);}
.news-li::before  {content: '';width: 0;height: 2px;background: #E07E13;position: absolute;left: 0;bottom: 0;z-index: 1;transition:all .4s ease}
.news-li::after {content: '';width: 100%;height: 2px;background: #d7d8db;position: absolute;left: 0;bottom: 0;}
.news-li:hover::before {width: 100%;}
.btn-more{}


/* article */
.article{}
.article-header{position: relative;}
.article-header::after, .article-header::before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e5e5e5;}
.article-header::before { width: 140px; background: #E07E13; z-index: 3;}
/* .article-body{ color: #333;} */
.article-body img{ max-width: 100%!important;}
.article-turnpage{overflow: hidden; border-top: 2px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative;}


/* 关于我们 */
.about-top{ padding: 4vw 0; /* background: #F2F4F7 url(../images/aboutbg.jpg) bottom center no-repeat; */}
.about-number{}
.about-number .item h2{ font-size: 40px; line-height: 1; margin-bottom: 0; font-family: 'Techna-Sans-Regular'; text-transform: uppercase!important;}
.about-number .item h2 strong{ color: #E07E13;}
.about-number .item .unit, .about-number .item p{ font-size: 14px;}


/* 企业文化 */
.abouts-culture{ padding: 4vw 0; background: #F3F5F7;}
.abco-pic{width: 26.5%;height: 100%;position: relative;float: left;overflow: hidden;transition: all 1s;}
.abco-pic.on{width: 47%; height: 100%;}
.abco-pic .abco-font{position: absolute;top: 421px;left: 0; padding: 0 22px 0;}
.abco-pic .abco-font h4{font-size: 30px; color: #fff;font-weight: 700;}
.abco-pic .abco-font p{line-height: 30px;color: #fff;margin-top: 16px;}

/* 荣誉证书 */
.honor{ padding: 4vw 0;}
.honor-swiper{ position: relative; padding-bottom: 50px;}
.honor-swiper .swiper-pagination-horizontal{width: 45%; height: 4px; left: 55%; top:auto; bottom: 0;}
.honor-swiper .swiper-pagination-progressbar-fill{ background: #E07E13;}
.honor-swiper .swiper-tip{font-size: 14px; position: absolute; left: 0; bottom: 0; padding-left: 40px;  background: url(../images/mouse.png) 0 no-repeat; }
.honor-box{position: relative; margin-top: 10px; height: 100%; text-align: center; background: #f0f2f7;transition: all .4s ease;}
.honor-box .img { position: relative; padding: 32px; height: 404px; text-align: center; overflow: hidden;}
.honor-box .img a{ display: block; padding: 8px;background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%,  rgba(0, 0, 0, 0.6) 100%);}
.honor-box .img img{ max-height: 100%;}
.honor-box .txt { text-align: center; font-size: 15px; color: #666e80; padding: 20px 0; width: 80%; margin: auto; border-top: 1px solid #e6e8ed; }
.pswp img{padding: 8px;background-image: linear-gradient(150deg, #000 0%, #777 70%, #222 100%);}

/* 荣誉证书 */
.major-swiper{ position: relative; padding-bottom: 100px;}
.major-swiper .swiper-slide{ height: auto;}
.major-swiper .swiper-button-next, 
.major-swiper .swiper-button-prev {left: auto; top: auto; bottom: 0; right: 0; border: 1px solid #e6e8ed; width: 50px; height: 50px; opacity: 1; z-index: 20;}
.major-swiper .swiper-button-next {background: url(../images/jt-r2.png) center no-repeat;}
.major-swiper .swiper-button-prev { right: 51px; background: url(../images/jt-l2.png) center no-repeat;}
.major-swiper .swiper-button-next:after, 
.major-swiper .swiper-rtl .swiper-button-prev:after, 
.major-swiper .swiper-button-prev:after, 
.major-swiper .swiper-rtl .swiper-button-next:after { display: none;}

.major-swiper .swiper-horizontal>.swiper-scrollbar, .major-swiper .swiper-scrollbar.swiper-scrollbar-horizontal{ top: auto!important; right: auto; left: 0; bottom: 0; background: #f0f2f7; width: 90%!important; height: 2px!important;}
.major-swiper .swiper-scrollbar-drag{ width: 100%; background: #E07E13!important; height: 2px!important;}
.major-swiper .swiper-pagination{position: absolute; left: 0; bottom: 3%; color: #a1a7b2; text-align: left;font-family: 'Techna-Sans-Regular';}

.major-box{position: relative; margin-top: 10px; height: 100%; text-align: center; background: #f0f2f7;transition: all .4s ease;}
.major-box .img { position: relative; padding: 32px; height: 404px; text-align: center; overflow: hidden;}
.major-box .img img{ max-height: 100%;}
.major-box .txt { text-align: center; font-size: 15px; color: #666e80; padding: 20px 0; width: 80%; margin: auto; border-top: 1px solid #e6e8ed; }


/* 合作伙伴 */
.partner{ padding: 4vw 0; background: #F3F5F7;}
.partner-li{ padding: 16px 8px; height: 100%; display: flex; justify-content: center; align-items: center; background: #fff;}

/* 加入我们 */
.join{ padding: 4vw 0; background:#F3F5F7;}
.join *{transition:all .4s ease}
.join-box{ position: relative; padding: 30px 40px 16px 40px; height: 100%; background: #fff;transition:all .4s ease;}
.join-box-body{ min-height: 120px;}
.join-box-body p{ color: #999;}
.join-box-footer{ padding-top: 16px;}
.join-box:hover{ box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);}
.join-box:hover p{ color: #333;}
.join-box:hover h5, .join-box:hover .join-box-footer, .join-box:hover .join-box-footer a { color: #E07E13;}
.join-box::after{content: '';height: 2px;background: #F3F5F7;position: absolute;left: 40px; right: 0px; bottom: 50px;}
.join-box::before  {content: '';width: 0;height: 2px;background: #E07E13;position: absolute;left: 40px; right: 0; bottom: 50px; z-index: 1;transition:all .4s ease}
.join-box:hover::before {width: calc(100% - 40px);}

/* 联系我们 */
.banner-contact{ height: 433px;}
.banner-contact .crumb{ bottom: 40px!important;}
.contact-body{ background: #F3F5F7; padding-bottom: 40px;}
.contact-body .container{ position: relative; margin-top: -40px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 40px; z-index: 600;}


/* 产品中心 */

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: none;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: none;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: none;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0.75rem;
  --bs-accordion-active-color: #212529;
  --bs-accordion-active-bg: none;
}
.tab-pane:focus-visible { outline: none!important;}
.accordion-button { font-size: 17px; font-weight: 600;}
.accordion-button:focus {border-color: none; box-shadow: none;}

.sidebar{ width: 230px;}
.sidebar a{transition:all .4s ease}
.sidebar-list-group{display: block; font-size: 16px; padding: 8px 0; color: #212529;}
.sidebar-list-group.active, a.sidebar-list-group:hover{ color: #E07E13; }
.sidebar-list-group-item{ border-left: 1px solid #E6E6E6; margin-top: 4px;}
.sidebar-list-group-item a{ position: relative; display: block; font-size: 14px; color: #999; padding: 8px 0 8px 20px;}
.sidebar-list-group-item a::after{ content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 1px; background: #E6E6E6;}
.sidebar-list-group-item a:hover, .sidebar-list-group-item a.active{ color: #E07E13;}


.product-list{}
.product-li{ position: relative; display: block; background: #fff; overflow: hidden;}
.product-li .product-body{}
.product-li .title{ font-size: 14px; text-align: center; padding: 4px 0 14px;}
.product-li:hover{ }

.product-li-div{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff;  padding: 24px; background: rgba(26, 26, 26, 0.9); backdrop-filter: blur(6px); transition: all .4s ease; opacity: 0;}
.product-li-div p{font-size: 14px; margin-bottom: 0;}
.product-li:hover .product-li-div{  opacity: 1;}
.product-li-div a{ position: absolute; bottom: 24px; left: 24px; color: #fff;}


/* 优势介绍 */
.ysbox{ display: flex; align-items: stretch; margin-bottom: 40px;}
.ysbox-img{ width: 50%;}
.ysbox-body{position: relative; width: 50%; padding-left: 70px; padding-right: 24px; display: flex; flex-direction: column; justify-content: center;}
.ysbox-body::after{ content: ''; position: absolute; top: 0; right: 24px; left: 70px; height: 1px; background: #F3F5F7;}
.ysbox-body h5{ position: relative; padding-right: 25%; padding-bottom: 40px;}
.ysbox-body h5::after{ content: ''; position: absolute; top: 0; right: 0; width: 85px; height: 69px; background: url(../images/ysbox.png) center no-repeat;}
.ysbox:nth-child(odd) { flex-direction: row-reverse;}
.ysbox:nth-child(odd) .ysbox-body { padding-right: 70px; padding-left: 0;}
.ysbox:nth-child(odd) .ysbox-body::after { right: 70px; left: 0;}

/* 下载中心 */
.download-box{position: relative; display: block; padding: 32px; color: #fff; overflow: hidden; background: #313131; transition: all .4s ease;}
.download-box-body{min-height: 300px;}
.download-footer { position: absolute;left: -52px; bottom: 10%; z-index: 12; overflow: hidden; transition: all .4s ease;}
.download-footer span { display: block; opacity: 0; transform: translateX(-60px);transition: all .4s ease;}

.download-box:hover{color: #fff; background: #E07E13;}
.download-box:hover .download-footer { left: 32px;}
.download-box:hover .download-footer span { opacity: 1;  transform: translateX(0);}

.download-box::after { content: ''; position: absolute; width: 195px; height: 255px; bottom: 4%; right: -10%;
 background: url('../images/download-bg.png') right bottom no-repeat;  background-size: 100% 100%; z-index: 1;opacity: 0.01;}
.download-box:hover::after { opacity: 0.1;}






/* 表格 */
.table {
  --bs-table-color: #999;
  --bs-table-bg: #f9fdff;
  --bs-table-border-color: #f0f5f7;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #999;
  --bs-table-striped-bg: rgba(240, 245, 247, 1);
  --bs-table-active-color: rgba(255, 255, 255, 0);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #333;
  --bs-table-hover-bg: inhert;
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 1.25rem 1.25rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table-dark{ font-size: 14px;}
.table-dark th{ color: #ccc;}
.table-download th:nth-child(1){ padding-left: 5%;}
.table-download td:first-child{padding-left: 5%; font-size: 16px; color: #222!important;}
.table-download td:nth-child(2){ font-size: 14px; color: #999;}
.table-download td:last-child{width: 15%;}


.sub-title{}
.title-safety{ position: relative;}
.title-safety::after{ content: ""; position: absolute;bottom:-10px; left: 16px;display:inline-block;width:0;height:0;border-left:12px solid transparent;border-right: 12px solid transparent;border-top:10px solid #018BD6; }

.news-list{}
.contact-body{}

/* page */
.pagination{padding-left:0;margin:20px 0;border-radius:0px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:12px 20px;line-height:1.42857;background-color:#fff;border:1px solid #DEE2E6;margin-left: -1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0px;border-top-left-radius:0px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0px;border-top-right-radius:0px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#E07E13;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#E07E13;border-color:#E07E13;cursor:default}.pagination>.disabled>a,
.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}



@media (max-width: 1399.98px) {
  /*#pline0 .line-list li a{ margin-right: 4.4vw;}*/
  /*#pline1 .line-list li a{ margin-right: 4.4vw;}*/
  /*#pline2 .line-list li a{ margin-right: 4.4vw;}*/
  /*#pline3 .line-list li a{ margin-right: 4.4vw;}*/
  /*#pline4 .line-list li a{ margin-right: 4.4vw;}*/
  
}

@media (max-width: 1140px){/* <=1199的设备 */
	
}


@media (max-width: 991.98px) {
  .header, .header:hover {border-bottom: 1px solid rgba(255,255,255,.1);}
  .header .navbar{ padding: 0!important;}
  .header .navbar-brand{ max-width: 42%; overflow: hidden; margin: 12px 0;}
  .header:hover{ background: none!important;}
  .header.mini:hover{ background: #fff!important;}
  .header:hover .navbar-brand .logo{ display: none;}
  .header:hover .navbar-brand .logowhite{ display: inline-block;}
  .header.mini .navbar-brand .logo {display: inline-block;}
  .header.mini .navbar-brand .logowhite {display: none;}
  .header .offcanvas-title{ max-width: 42%;}
  .header .offcanvas-body{ padding: 40px;}
  .header .offcanvas-body .nav-item{border-bottom: 1px solid rgba(235, 235, 235, 1);}
  .header .dropdown-menu{ background: none; border: none;}
  .header .dropdown-item{ font-size: 15px; color: #333;font-weight: 600; padding: 8px 12px;}
  .header .dropdown-item.active{ color: #fff;}
  .header .navbar .nav-link{padding-top: 1rem; padding-bottom: 1rem; font-weight: 600;}
  .header .nav-link::before{ display: none;}

  
  .header .dropdown:hover .dropdown-toggle::after, .header.mini .dropdown:hover .dropdown-toggle::after {
      transform: auto;
  }
  .header .navbar-toggler{border: none; color: #fff;}
  .header .navbar-toggler:focus{box-shadow:none; border: none;}
  .header.mini .navbar-toggler{border: none; color: #1a1a1a;}
  .header .dropdown-toggle::after {
		position: absolute;
		top: calc( 50% - 0.5rem);
		right: 0;
		 display: block;
		 border: none;
		 flex-shrink: 0;
		 width: 1.25rem;
		 height: 1.25rem;
		 content: "";
		 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		 background-repeat: no-repeat;
		transform: rotate(-90deg);
		 background-size: 1.25rem;
		 transition: transform 0.2s ease-in-out;
	}
	.header .dropdown-toggle.show::after{
		  transform: rotate(0deg);
		  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}

.index-bannera { max-height: 100vh;}
.index-bannera .swiper-slide-body{ width: 85%;}
.index-bannera .fs-0{ font-size:  60px; line-height:  1;}
.index-bannera .fs-1 {font-size: 42px!important;}
.index-bannera .fs-3 {font-size: 24px;}
.index-bannera .swiper-slide-body{ top: 40%!important;}

.p-classify, .index-news, .index-about {padding: 10vw 0;}
.index-about{background-size: auto 100%;}


.subnav.sticky-top{top: 60px;}

.banner{ height: 220px;}
.banner-title-1{ font-size: 28px;}

.about-number .item h2{ font-size: 48px;}
.about-top, .abouts-culture, .honor, .partner{ padding: 8vw 0;}
.abco-pics{height: 350px;}
.abco-pic img{height: 350px;}
.abco-pic .abco-font{top: 188px;}
.abco-pic .abco-font h4 {font-size: 18px;}
.abco-pic .abco-font{padding: 0 10px 0;}
.abco-wrap .abco-pics{height: auto;}
.abco-wrap .abco-pic {height: auto;}
.abco-wrap .abco-pic img{height: auto;}

.honor-box .img{ height: 260px;}

.ysbox-img{ width: 30%;}
.ysbox-body{width: 70%; padding-left: 32px; padding-right: 0;}
.ysbox-body::after{ display: none;}
.ysbox-body h5{ padding-bottom: 20px;}
.ysbox:nth-child(odd) .ysbox-body { padding-right: 24px; padding-left: 0;}
.ysbox:nth-child(odd) .ysbox-body::after { right: 24px; left: 0;}

.download-box-body{min-height: 200px;}

.sidebar{ width: 160px;}

.major-swiper .swiper-horizontal>.swiper-scrollbar, .major-swiper .swiper-scrollbar.swiper-scrollbar-horizontal{ width: 80%!important;}
.major-box .img { padding: 16px; height: 300px;}
.major-box .txt {font-size: 15px;  padding: 10px 0; }


#pline-tab .nav-item{}
#pline-tab .nav-link{padding-left: 0; padding-right: 0;}
#pline-tab .nav-link-number { padding-right: 8px; font-size: 60px;}
/*.pline .line-div{ padding: 0; width: 100%; min-width: 100%;}*/
.pline .line-div{ padding: 0;}
.line-div::before { width: 100%; left: 0%;}


/* 下载表格 */
.table-download tr td:nth-child(2), .table-download tr td:nth-child(3), .table-download tr th:nth-child(2), .table-download tr th:nth-child(3){display: none;}
.table-download tr td:last-child span{ display: none;}


}

@media (max-width: 767px){ /* <=767px的设备 */
	.mega-menu .nav a { line-height: 2.6;	}

	.index-bannera .fs-0{ font-size:  46px; line-height:  1;}
	.index-bannera .fs-1 {font-size: 32px!important;}
	.index-about{background-size: auto 100%;}
	.index-about .item h2{ font-size: 30px; }
	.index-about .item .unit, .index-about .item p{ font-size: 12px;}
	.index-about-swiper-prev { left: -10px; }
	.index-about-swiper-next { right: -10px;}
	
	
	.subnav.sticky-top{top: 58px;}
	.subnav .nav-link{ padding-left: 8px; padding-right: 8px;}
	
	.about-number .item h2{ font-size: 30px;}
	.abco-pics{height: auto;}
	.abco-pic, .abco-pic.on{width: 100%;}
	.honor-box .img{ height: 400px;}
	
	.contact .banner{ height: 340px;}
	.contact .contact-body{ margin-bottom: 0;}
	
	.major-swiper .swiper-horizontal>.swiper-scrollbar, .major-swiper .swiper-scrollbar.swiper-scrollbar-horizontal{ width: 70%!important;}
	.major-box .img { padding: 16px; height: 300px;}
	.major-box .txt {font-size: 15px;  padding: 10px 0; }
	
	/* 优势介绍 */
	.ysbox{ display: block; margin-bottom: 40px;}
	.ysbox-img{ width: 100%;}
	.ysbox-body{ width: 100%; padding: 24px 0 0;}
	.ysbox-body::after{display: none;}
	.ysbox-body h5{ padding-right: 0; padding-bottom: 8px;}
	.ysbox-body h5::after{ display: none;}
	.ysbox:nth-child(odd) .ysbox-body { padding-right: 0; padding-left: 0;}
	.ysbox:nth-child(odd) .ysbox-body::after { right: 0; left: 0;}
	
	
	#pline-tab{ width: 800px;}
	#pline-tab .nav-item{ display: block; width: 150px;}
	
    .pline .line-div{ padding: 0; width: 800px;}

	
	

	.download-box-body{min-height: 120px;}
	.download-box::after { width: 142px; height: 186px; bottom: 0; right: 0%; background-size: 100% 100%;}
}