.wow {
	opacity: 0;
}
.mobile {
	width: 100%;
}
.mobile-inner {
	margin-right: auto;
	margin-left: auto;
 background-color:;
	position: relative;
}
.mobile-inner img {
}
.mobile-inner p {
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin: 0px;
}
.mobile-inner-header {
	width: 100%;
	height: 50px;
	position: relative;
	top: 0px;
	z-index: 666;
	left: 0px;
	background: #fff;
	-webkit-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	-o-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	-ms-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
}
.mobile-inner-header-icon {
	color: #ffffff;
	height: 50px;
	font-size: 25px;
	text-align: center;
	float: right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover {
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span {
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: #3f9aff;
}
.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-header-icon-click span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
 @keyframes clickfirst {
 0% {
 transform: translateY(4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond {
 0% {
 transform: translateY(-4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
.mobile-inner-header-icon-out span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}
 @keyframes outfirst {
 0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-4px) rotate(0deg);
}
}
 @keyframes outsecond {
 0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(4px) rotate(0deg);
}
}
.mobile-inner-nav {
	overflow: auto;
	height: 100vh;
	padding-top: 50px;
}
.mobile-inner-nav {
	background: linear-gradient(270deg, #0866b1c9, #076cc3);
	width: 100%;
	position: absolute;
	top: 0;
	padding-bottom: 0%;
	display: none;
	z-index: 444;
}
.mobile-inner-nav a {
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	color: #fff;
	transition: all 0.5s;
}
.mobile-inner-nav dl {
	display: none;
}
.mobile-inner-nav dl dd {
	line-height: 33px;
	text-decoration: none;
	text-indent: 3em;
	font-size: 16px;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight: 300;
	font-size: 14px;
}
.mobile-inner-nav li {
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	line-height: 53px;
	text-indent: 20px;
}
.mobile-inner-nav h2.h2tit {
	line-height: 50px;
	text-decoration: none;
	text-indent: 2em;
	font-size: 16px;
	color: #FFFFFF;
	/* border-bottom:solid 1px rgba(255,255,255,0.3);*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight: 300;
}
.mobile-inner-nav h2.h2tit a {
	color: #FFFFFF;
	font-size: 22px;
}
.mobile-inner-nav a {
	border-bottom: none;
}
.mobile-inner-nav li {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}
 @-webkit-keyframes resize {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale(5, 5);
 transform: scale(5, 5);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
 @keyframes resize {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale(5, 5);
 transform: scale(5, 5);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
 @-webkit-keyframes returnToNormal {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes returnToNormal {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.mobile-inner-nav li:last-child h2.h2tit {
	border-bottom: none;
}
.mobile-inner-nav li .h3tit {
	height: 50px;
	position: relative;
	background: url(../images/51_icon_search@2x.png) no-repeat 30px center;
	background-size: 17px;
}
.mobile-inner-nav li .words {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	text-indent: 60px;
	font-size: 15px;
	color: #fff;
	background: url(../images/search2.png) no-repeat 30px center;
	background-size: 20px;
}
.mobile-inner-nav li:last-child {
	border-bottom: none;
}
.mobile-inner-nav li form {
	display: block;
	width: 100%;
	height: 100%;
}
 @charset "utf-8";
@charset "UTF-8";
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.animated.infinite {
	animation-iteration-count: infinite;
}
.animated.hinge {
	animation-duration: 2s;
}
.fadeInUp {
	animation-duration: 1.76s;
	animation-name: fadeInUp;
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate3d(0, 40px, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
* {
	font-family: 'Teko';
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
}
body {
 font-size: calc(14/1920*100vw);
}
html, body {
	/*-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;*/
}
body {
	font-family: "Microsoft YaHei" ! important;
	color: #000000;
	background: #fff;
	margin: 0 auto;
	padding: 0px;
}
body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
select {
	cursor: pointer;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
	-webkit-appearance: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	cursor: pointer;
}
input {
	-webkit-appearance: none;
}
input {
	-webkit-appearance: none!important;
	border-radius: 0;
}
button {
	cursor: pointer;
}
textarea {
	-webkit-appearance: none;
}
a {
	text-decoration: none;
	color: #235aa7;
	outline: none;
}
a:active {
 star: expression(this.onFocus=this.blur());
}
img {
	border: 0px;
	vertical-align: middle;
}
li {
	list-style: none;
}
* {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999;
}
.loadingfa {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 29px;
	color: #1f8adf;
	position: absolute;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	top: 50%;
}
html {
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: none;
}
html {
	-webkit-tap-highlight-color: transparent;
}
body {
	-webkit-overflow-scrolling: touch;
	line-height: 1;
}
* {
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*user-select: none;*/
}
 @keyframes rotate {
 from {
 -webkit-transform: rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
 @-webkit-keyframes rotate {
 from {
 -webkit-transform: rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
 @-moz-keyframes rotate {
 from {
 -moz-transform: rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
 @-ms-keyframes rotate {
 from {
 -ms-transform: rotate(0deg)
}
to {
	-ms-transform: rotate(360deg)
}
}
 @-o-keyframes rotate {
 from {
 -o-transform: rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}
.xuanzhuan {
	animation: 2s linear 0s normal forwards infinite rotate;
	-webkit-animation: 2s linear 0s normal forwards infinite rotate;
	-moz-animation: 2s linear 0s normal forwards infinite rotate;
	-o-animation: 2s linear 0s normal forwards infinite rotate;
}
.xuanzhuan img {
	display: block;
	width: 100%;
}
.pc {
	display: block;
}
.wap {
	display: none;
}
.clearflex:after {
	content: "";
	display: table;
	clear: both;
}
.moveAni {
	animation: move .8s infinite;
	-moz-animation: move .8s infinite;
	-webkit-animation: move .8s infinite;
	-o-animation: move .8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
	-webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
.tadaAni {
	animation: tada 2s infinite;
}
.pulseAni {
	animation: pulse 1s infinite;
}
.bounceInAni {
	animation: bounceIn 2s infinite;
}
.flashInAni {
	animation: flash 2s infinite;
}
.swingAni {
	animation: swing 2s infinite;
	transform-origin: right top;
}
.rubberBandAni {
	animation: rubberBand 1s infinite;
}
.bounceAni {
	animation: bounce 1s infinite;
}
.tdAni {
	animation: td .4s infinite;
	-moz-animation: td .4s infinite;
	-webkit-animation: td .4s infinite;
	-o-animation: td .4s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
	-webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
.heartbeatAni {
	animation: heartbeat 1.4s infinite;
	-moz-animation: heartbeat 1.4s infinite;
	-webkit-animation: heartbeat 1.4s infinite;
	-o-animation: heartbeat 1.4s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
	-webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
.shing {
	animation: shing 1s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
}
 @keyframes shing {
 0% {
 opacity: 1;
}
 100% {
 opacity: .6;
}
}
 @keyframes move2 {
 0% {
 transform: translate(0%, 0px);
}
 100% {
 transform: translate(0%, 10px);
}
}
.moveAni2 {
	animation: move2 1s infinite;
}
.moveAni {
	animation: move .8s infinite;
	-moz-animation: move .8s infinite;
	-webkit-animation: move .8s infinite;
	-o-animation: move .8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
	-webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
 @keyframes move {
 from {
 -o-transform: translate(0%, 0%);
 -webkit-transform: translate(0%, 0%);
 -moz-transform: translate(0%, 0%);
 -ms-transform: translate(0%, 0%);
 transform: translate(0%, 0%);
}
to {
	-o-transform: translate(0%, 30px);
	-webkit-transform: translate(0%, 30px);
	-moz-transform: translate(0%, 30px);
	-ms-transform: translate(0%, 30px);
	transform: translate(0%, 30px);
}
}
 @keyframes td {
 from {
 -o-transform: translate(0%, 0%);
 -webkit-transform: translate(0%, 0%);
 -moz-transform: translate(0%, 0%);
 -ms-transform: translate(0%, 0%);
 transform: translate(0%, 0%);
}
to {
	-o-transform: translate(0%, 20px);
	-webkit-transform: translate(0%, 20px);
	-moz-transform: translate(0%, 20px);
	-ms-transform: translate(0%, 20px);
	transform: translate(0%, 20px);
}
}
 @keyframes heartbeat {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 14% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 28% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 42% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes moveAni2 {
 0% {
 transform: translate(0%, 0px);
}
 100% {
 transform: translate(100vw, 0px);
}
}
.moveAni2 {
	animation: moveAni2 5.5s linear infinite;
}
 @keyframes scrollAni1 {
 0% {
 transform: translate(0%, 0px) rotate(0);
}
 100% {
 transform: translate(-100%, 0px) rotate(-360deg);
}
}
.scrollAni1 {
	animation: scrollAni1 1.8s infinite;
	-moz-animation: scrollAni1 1.8s infinite;
	-webkit-animation: scrollAni1 1.8s infinite;
	-o-animation: scrollAni1 1.8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
}
 @keyframes scrollAni2 {
 0% {
 transform: translate(30%, 0px) rotate(0);
}
 100% {
 transform: translate(0%, 0px);
}
}
.scrollAni2 {
	animation: scrollAni2 1.8s infinite;
	-moz-animation: scrollAni2 1.8s infinite;
	-webkit-animation: scrollAni2 1.8s infinite;
	-o-animation: scrollAni2 1.8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: linear;
}
 @keyframes scrollAni3 {
 0% {
 transform: translate(0%, -20px);
}
 100% {
 transform: translate(0%, 0%);
}
}
.scrollAni3 {
	animation: scrollAni3 1.8s infinite;
	-moz-animation: scrollAni3 1.8s infinite;
	-webkit-animation: scrollAni3 1.8s infinite;
	-o-animation: scrollAni3 1.8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: linear;
}
 @keyframes scrollAni4 {
 0% {
 transform: translate(0%, 10px);
}
 100% {
 transform: translate(0%, 0%);
}
}
.scrollAni4 {
	animation: scrollAni4 1.8s infinite;
	-moz-animation: scrollAni4 1.8s infinite;
	-webkit-animation: scrollAni4 1.8s infinite;
	-o-animation: scrollAni4 1.8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: linear;
}
 @keyframes scrollAni5 {
 0% {
 transform: none;
}
 100% {
 transform: scale(1.35, 1.35);
}
}
.scrollAni5 {
	animation: scrollAni5 1.8s infinite;
	-moz-animation: scrollAni5 1.8s infinite;
	-webkit-animation: scrollAni5 1.8s infinite;
	-o-animation: scrollAni5 1.8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: linear;
}
 @keyframes scrollAni6 {
 0% {
 transform: scale(1.05, 1.05);
}
 100% {
 transform: none;
}
}
.scrollAni6 {
	animation: scrollAni6 1.8s infinite;
	-moz-animation: scrollAni6 1.8s infinite;
	-webkit-animation: scrollAni6 1.8s infinite;
	-o-animation: scrollAni6 1.8s infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-timing-function: linear;
}
 @keyframes bubbleMover3 {
 0% {
 -webkit-transform: translateY(0px) translateX(0) rotate(0);
 transform: translateY(0px) translateX(0) rotate(0);
}
 30% {
 transform: translateY(5px) translateX(4px) rotate(9deg);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 50% {
 transform: translateY(-3px) translateX(1px) rotate(-6deg);
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
}
 80% {
 transform: translateY(-1px) translateX(-5px) rotate(-2deg);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}
 100% {
 -webkit-transform: translateY(0px) translateX(0) rotate(0);
 transform: translateY(0px) translateX(0) rotate(0);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
}
 @keyframes bubbleMover2 {
 0% {
 -webkit-transform: translateY(0px) translateX(0) rotate(0);
 transform: translateY(0px) translateX(0) rotate(0);
}
 30% {
 transform: translateY(5px) translateX(4px) rotate(5deg);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 50% {
 transform: translateY(-4px) translateX(2px) rotate(-3deg);
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
}
 80% {
 transform: translateY(-3px) translateX(-3px) rotate(-3deg);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}
 100% {
 -webkit-transform: translateY(0px) translateX(0) rotate(0);
 transform: translateY(0px) translateX(0) rotate(0);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
}
 @keyframes bubbleMover {
 0% {
 transform: translateY(0px) translateX(0) rotate(0);
}
 30% {
 transform: translateY(3px) translateX(5px) rotate(5deg);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 50% {
 transform: translateY(5px) translateX(10px) rotate(10deg);
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
}
 80% {
 transform: translateY(3px) translateX(5px) rotate(4deg);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}
 100% {
 transform: translateY(0px) translateX(0) rotate(0);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
}
 @keyframes rotateAni {
 0% {
 transform: none;
}
 100% {
 transform: rotateY(180deg);
}
}
.rotateAni {
	-webkit-animation: rotateAni linear infinite 2s;
	-moz-animation: rotateAni linear infinite 2s;
	-o-animation: rotateAni linear infinite 2s;
	animation: rotateAni linear infinite 2s;
}
.pfAni1 {
	-webkit-animation: bubbleMover linear infinite 5s;
	-moz-animation: bubbleMover linear infinite 5s;
	-o-animation: bubbleMover linear infinite 5s;
	animation: bubbleMover linear infinite 5s;
}
.pfAni2 {
	-webkit-animation: bubbleMover2 linear infinite 5s;
	-moz-animation: bubbleMover2 linear infinite 5s;
	-o-animation: bubbleMover2 linear infinite 5s;
	animation: bubbleMover2 linear infinite 5s;
}
.pfAni3 {
	-webkit-animation: bubbleMover3 linear infinite 5s;
	-moz-animation: bubbleMover3 linear infinite 5s;
	-o-animation: bubbleMover3 linear infinite 5s;
	animation: bubbleMover3 linear infinite 5s;
}
 @keyframes scalc {
 0% {
 -webkit-transform: scale(2.05, 2.05);
 -o-transform: scale(2.05, 2.05);
 -moz-transform: scale(2.05, 2.05);
 -ms-transform: scale(2.05, 2.05);
 transform: scale(2.05, 2.05);
}
 100% {
 -webkit-transform: none;
 -o-transform: none;
 -moz-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.sclani {
	animation: scalc 7s forwards;
	animation-timing-function: ease-out;
}
 @keyframes scalc2 {
 0% {
 transform: scale(1.2, 1.2);
}
 100% {
 -webkit-transform: none;
 -o-transform: none;
 -moz-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.sclani2 {
	animation: scalc2 7s forwards;
	animation-timing-function: ease-out;
}
 @keyframes clipAni {
 0% {
 clip: rect(auto,0,auto,auto);
}
 100% {
 clip: rect(auto,300px,auto,auto);
}
}
.txtModel i {
	animation: clipAni ease-out infinite 2s alternate;
}
.swingAni {
	transform-origin: top center;
	animation: swing 3s infinite ease-in-out;
}
 @keyframes swing {
 0% {
 transform: rotate(-6deg);
}
 50% {
 transform: rotate(6deg);
}
 100% {
 transform: rotate(-6deg);
}
}
.swingAni2 {
	-webkit-animation-name: routate;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	animation-name: routate;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
 @keyframes routate {
 0% {
 -webkit-transform: rotate(7deg);
 -ms-transform: rotate(7deg);
 transform: rotate(7deg);
}
 50% {
 -webkit-transform: rotate(-7deg);
 -ms-transform: rotate(-7deg);
 transform: rotate(-7deg);
}
 100% {
 -webkit-transform: rotate(7deg);
 -ms-transform: rotate(7deg);
 transform: rotate(7deg);
}
}
.bouncing-ball {
	-webkit-mask: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, black 20.1%, black 75%, black 100%);
	mask: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, black 20.1%, black 75%, black 100%);
	-webkit-animation: bouncing-ball 1.5s linear infinite;
	animation: bouncing-ball 1.5s linear infinite;
}
 @keyframes bouncing-ball {
 0% {
 transform: scale(1, 1) translateY(-80%);
}
 25% {
 transform: scale(1, 1.1) translateY(-45%);
}
 50% {
 transform: scale(1, 1.5) translateY(10%);
}
 66% {
 transform: scale(2, 0.75) translateY(25%);
}
 75% {
 transform: scale(1, 1.25) translateY(10%);
}
 100% {
 transform: scale(1, 1) translateY(-80%);
}
}
.small_Big {
	-webkit-animation: scaleCircles 2s infinite cubic-bezier(0.55, 0.15, 0.45, 0.85) alternate;
	animation: scaleCircles 2s infinite cubic-bezier(0.55, 0.15, 0.45, 0.85) alternate;
}
 @keyframes scaleCircles {
 0% {
 z-index: 1;
 transform: scale3d(0, 0, 0);
}
 100% {
 z-index: 2;
 transform: scale3d(1, 1, 1);
}
}
.index * {
	opacity: 1;
}
.index {
	overflow: hidden;
}
.wrap:after {
	content: "";
	display: table;
	clear: both;
}
.fadeInUpGroup.animated {
	animation-fill-mode: both;
	animation-name: fadeInLeft3;
	opacity: 0;
}
.fadeInUpGroup.animated:nth-child(1) {
	animation-duration: .5s !important;
	animation-delay: .1s !important;
}
.fadeInUpGroup.animated:nth-child(2) {
	animation-duration: 1s !important;
	animation-delay: .6s !important;
}
.fadeInUpGroup.animated:nth-child(3) {
	animation-duration: 1.5s !important;
	animation-delay: .9s !important;
}
.fadeInUpGroup.animated:nth-child(4) {
	animation-duration: 2s !important;
	animation-delay: 1.1s !important
}
.fadeInUpGroup.animated:nth-child(5) {
	animation-duration: 1.5s !important;
	animation-delay: 1.6s !important;
}
/* 容器：1440px */
.container {
 width: calc(1440 / 1920 * 100vw);
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
/* ================= Top Bar ================= */
.top-bar {
	background-color: #191B1C;
	color: #fff;
 height: calc(57 / 1920 * 100vw);
	display: flex;
	align-items: center;
 border-bottom: calc(6 / 1920 * 100vw) solid #0261AD;
	/* 底部蓝线 */
	position: relative;
	z-index: 9999;
}
.top-bar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.top-left {
	display: flex;
	align-items: center;
 gap: calc(68 / 1920 * 100vw);
}
.contact-item img {
 width: calc(33/ 1920 * 100vw);
}
.top-left .contact-item img {
 height: calc(17 / 1920 * 100vw);
	width: auto;
}
.contact-item {
 font-size: calc(16 / 1920 * 100vw);
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
}
.text-orange {
	color: #ff6600;
}
.btn-quote {
	background-color: #FF5200;
	color: #fff;
 font-size: calc(14 / 1920 * 100vw);
	font-weight: bold;
 width: calc(142 / 1920 * 100vw);
 border-radius: calc(15 / 1920 * 100vw);
 line-height: calc(33/ 1920 * 100vw);
	text-align: center;
	font-family: Montserrat;
}
.top-right {
	display: flex;
	align-items: center;
 gap: calc(10 / 1920 * 100vw);
}
.lang-switch .h2tit {
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 100%;
	color: #666666;
 font-size: calc(12 / 1920 * 100vw);
	font-weight: normal;
	width: 100%;
 padding-left: calc(13 / 1920 * 100vw);
 gap: calc(8/ 1920 * 100vw);
	font-family: Montserrat;
}
.lang-switch .h2tit img {
}
.lang-switch:hover dl {
	visibility: visible;
	opacity: 1;
	z-index: 45;
 top: calc(27/ 1920 * 100vw);
	border-radius: 7px;
}
.lang-switch dl {
	position: absolute;
	width: 100%;
	left: 0;
 top: calc(31/ 1920 * 100vw);
	background: #fff;
 border-radius: calc(3/ 1920 * 100vw);
	-webkit-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	-o-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	-ms-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.09);
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.lang-switch dl dd a {
	display: block;
	color: #000;
	line-height: 2;
padding: 0px calc(11/ 1920 * 100vw);
font-size: calc(12/ 1920 * 100vw);
	font-family: Montserrat;
}
.lang-switch {
	background-color: #fff;
 border-radius: calc(45 / 1920 * 100vw);
 font-size: calc(12 / 1920 * 100vw);
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
 width: calc(105 / 1920 * 100vw);
 height: calc(21/ 1920 * 100vw);
	position: relative;
	background: url(../images/down.png) no-repeat 92% center #fff;
 background-size: calc(8/ 1920 * 100vw);
}
.flag {
 width: calc(20 / 1920 * 100vw);
	height: auto;
}
.search-box {
	display: flex;
 border-radius: calc(15 / 1920 * 100vw);
	overflow: hidden;
	align-items: center;
 gap: calc(10 / 1920 * 100vw);
}
.search-box input {
	border: none;
	padding-left: 10px;
 font-size: calc(12 / 1920 * 100vw);
 width: calc(164 / 1920 * 100vw);
 height: calc(21/ 1920 * 100vw);
	border-radius: 300px;
	font-family: Montserrat;
}
.search-box button img {
 width: calc(15 / 1920 * 100vw);
}
.search-box button {
	background: none;
	border: none;
}
/* ================= Header ================= */
.header {
	background-color: #fff;
 height: calc(100 / 1920 * 100vw);
	display: flex;
	align-items: center;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.header-inner .logo a span {
	font-family: Impact;
	font-weight: 400;
 font-size: calc(26/ 1920 * 100vw);
	color: #222222;
}
.header-inner .logo a {
	display: flex;
	align-items: center;
}
.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo img {
 height: calc(70 / 1920 * 100vw);
	width: auto;
}
.nav div:hover dl {
 top: calc(54 / 1920 * 100vw);
	visibility: visible;
	opacity: 1;
	z-index: 5;
}
.nav div dl {
 width: calc(251/ 1920 * 100vw);
	background: #FFFFFF;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.34);
	border-radius: 10px;
 padding: calc(20 / 1920 * 100vw) 0;
	left: 0;
	position: absolute;
 top: calc(64 / 1920 * 100vw);
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.nav div dl dd a:hover {
	color: #0261AD;
}
.nav div dl dd a {
	display: block;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(14 / 1920 * 100vw);
	color: #000000;
	line-height: 2.3;
 padding-left: calc(23/ 1920 * 100vw);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nav div {
	position: relative;
}
.nav {
	display: flex;
 gap: calc(10 / 1920 * 100vw);
}
.nav-item {
 font-size: calc(18 / 1920 * 100vw);
	color: #000;
	font-weight: 600;
	transition: color 0.3s;
 line-height: calc(46 / 1920 * 100vw);
 border-radius: calc(10 / 1920 * 100vw);
 padding: 0px calc(35 / 1920 * 100vw);
	font-family: Montserrat;
	display: block;
}
.nav div:hover .nav-item, .nav-item.active {
	/* 激活蓝 */
    /* active 状态可以用 background-color:#0056b3;color:#fff;padding... 还原设计图 */
	background-color: #0261AD;
	color: #fff;
}
/* 其他非 active 的不加背景 */
.nav-item:not(.active) {
}
.mobile-menu-btn {
	display: none;
	font-size: 24px;
}
/* ================= Hero Section ================= */
.hero {
}
.hero img {
	width: 100%;
}
/* ================= About Section ================= */
.about-section {
	padding: 0;
	background-color: #fff;
	overflow: hidden;
    /* 防止水印溢出 */
    padding-top: calc(26/ 1920 * 100vw);
 padding-bottom: calc(95/ 1920 * 100vw);
}
/* --- 上部图文 --- */
.about-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
    /* 垂直居中，或者 flex-start 顶部对齐 */
    margin-bottom: calc(80 / 1920 * 100vw);
	position: relative;
}
/* 左侧文字 */
.about-text {
 width: calc(634/ 1920 * 100vw);
	position: relative;
	z-index: 2;
 padding-top: calc(39/ 1920 * 100vw);
}
/* 水印文字 */
.watermark-text {
	position: absolute;
	left: 0;
 font-size: calc(180 / 1920 * 100vw);
	font-weight: 900;
	color: #000;
	/* 极淡灰色 */
	z-index: -1;
	line-height: 1;
	white-space: nowrap;
	opacity: .06;
	font-family: Teko;
 top: calc(2/ 1920 * 100vw);
}
.sub-title {
 font-size: calc(24/ 1920 * 100vw);
	color: #FF5200;
    /* 橙色 */
    margin-bottom: calc(25/ 1920 * 100vw);
	font-weight: 600;
	font-family: Poppins;
	font-weight: 400;
	line-height: 1;
}
.main-title {
 font-size: calc(48 / 1920 * 100vw);
	color: #222;
	font-weight: 900;
	text-transform: uppercase;
 margin-bottom: calc(18 / 1920 * 100vw);
	line-height: 1.1;
	font-family: Teko;
	font-family: Teko;
	font-weight: bold;
 font-size: calc(48 / 1920 * 100vw);
	color: #222222;
}
.desc p {
	font-family: inherit;
}
.company-name {
 margin-bottom: calc(23/ 1920 * 100vw);
	font-family: Montserrat;
	font-weight: bold;
 font-size: calc(24 / 1920 * 100vw);
	color: #222222;
}
.desc {
 font-size: calc(16 / 1920 * 100vw);
	color: #666;
	line-height: 1.6;
 margin-bottom: calc(90 / 1920 * 100vw);
	font-family: Poppins;
}
.btn-orange {
	display: inline-block;
	background-color: #FF5200;
	color: #fff;
 font-size: calc(16 / 1920 * 100vw);
	font-weight: 700;
 border-radius: calc(6 / 1920 * 100vw);
	transition: background 0.3s;
 width: calc(256/ 1920 * 100vw);
 line-height: calc(57/ 1920 * 100vw);
	text-align: center;
 border: calc(2/ 1920 * 100vw) solid #F59628;
	font-family: Montserrat;
}
.btn-orange:hover {
	background-color: #e04e00;
}
/* 右侧图片 */
.about-img-box {
 width: calc(707/ 1920 * 100vw);
	position: relative;/* 给右下角的蓝块留点位置 */
}
.about-img-box img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: 2;/* 可选边框 */
}
/* --- 下部数据统计 --- */
.stats-row {
	display: flex;
	justify-content: space-between;
 gap: calc(53/ 1920 * 100vw);
}
.stat-card {
	flex: 1;
	background-color: #4190e6;
	/* 亮蓝色背景 */
	display: flex;
	align-items: center;
	color: #fff;
	/* 简单的悬停效果 */
	transition: transform 0.3s;
 height: calc(189/ 1920 * 100vw);
 padding-left: calc(38/ 1920 * 100vw);
}
.stat-card:hover {
	transform: translateY(-5px);
}
.stat-icon {
 width: calc(73/ 1920 * 100vw);
	/* 圆形 */
    /* 或者菱形 */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
/* 如果是菱形图标容器 */
.stat-icon img {
	width: 100%;
}
.stat-icon i {
	transform: rotate(-45deg);
	/* 图标转回来 */
	color: #4A90E2;
 font-size: calc(24 / 1920 * 100vw);
}
.stat-info {
	display: flex;
	flex-direction: column;
 padding-left: calc(28/ 1920 * 100vw);
}
.stat-info .num {
 font-size: calc(46 / 1920 * 100vw);
	font-weight: 900;
	line-height: 1;
 margin-bottom: calc(15 / 1920 * 100vw);
	/* 硬朗字体 */
	font-family: Teko;
}
.stat-info .text {
 font-size: calc(15 / 1920 * 100vw);
	line-height: 1.4;
	text-transform: uppercase;
	font-family: Montserrat;
	color: #fff;
}
/* ================= Products Section ================= */
.products-section {
 padding: calc(70 / 1920 * 100vw) 0;
	background-color: #0161AD;
	/* 深蓝色背景 */
	overflow: hidden;
 padding-bottom: calc(86/ 1920 * 100vw);
}
/* --- 头部 --- */
.prod-header {
	text-align: center;
	position: relative;
 margin-bottom: calc(60 / 1920 * 100vw);
}
.prod-watermark {
	position: absolute;
 top: calc(-35 / 1920 * 100vw);
	left: 50%;
	transform: translateX(-50%);
 font-size: calc(182/ 1920 * 100vw);
	font-weight: 900;
	color: rgba(0,0,0,0.1);
	/* 深色背景上的深色水印，或者是半透明白色 */
	color: rgb(0 0 0 / 13%);
	/* 试一下淡白色 */
	z-index: -1;
	white-space: nowrap;
	line-height: 1;
	font-family: Teko;
}
/* 复用之前的 .sub-title 和 .main-title，但需要白色变体 */
.sub-title.white {
	color: #fff;
	opacity: 0.9;
}
.main-title.white {
	color: #fff;
}
/* --- 产品网格 --- */
.prod-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    /* 3列 */
    gap: calc(53/ 1920 * 100vw);
    /* 卡片间距 */
    row-gap: calc(35/ 1920 * 100vw);
}
.prod-card {
	background-color: #fff;
 padding: calc(21/ 1920 * 100vw) calc(23/ 1920 * 100vw);
	/* 核心：让卡片内容垂直分布，按钮沉底 */
	display: flex;
	flex-direction: column;
	transition: transform 0.3s;
}
.prod-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.prod-title {
 font-size: calc(18/ 1920 * 100vw);
	font-weight: 700;
	color: #000;
 margin-bottom: calc(14/ 1920 * 100vw);
	/* 限制标题行数 (可选) */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Montserrat;
	line-height: 1.5;
}
.prod-img {
	width: 100%;
    /* 固定图片高度 */
    margin-bottom: calc(20 / 1920 * 100vw);
	overflow: hidden;
}
.prod-img img {
	width: 100%;
 height: calc(300/ 1920 * 100vw);
	object-fit: cover;
	transition: transform 0.5s;
	display: block;
}
.prod-card:hover .prod-img img {
	transform: scale(1.05);
}
.prod-desc {
	color: #333;
	line-height: 1.6;
 margin-bottom: calc(30 / 1920 * 100vw);
	/* 让描述撑开剩余空间，把按钮顶下去 */
	flex: 1;
	/* 限制行数，防止太长 */
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* 显示4行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
 height: calc(124 / 1920 * 100vw);
 font-size: calc(14 / 1920 * 100vw);
	font-family: Poppins;
}
.btn-card-orange {
	background-color: #FF5200;
	color: #fff;
 font-size: calc(16 / 1920 * 100vw);
	font-weight: 700;
 border-radius: calc(6 / 1920 * 100vw);
	transition: background 0.3s;
 line-height: calc(57 / 1920 * 100vw);
	text-align: center;
 border: calc(2 / 1920 * 100vw) solid #F59628;
	width: 100%;
	padding: 0;
	font-family: Poppins;
}
.btn-card-orange:hover {
	background-color: #e04e00;
}
/* ================= Exhibition Section ================= */
.exhibition-section {
 padding: calc(60 / 1920 * 100vw) 0;
	background-color: #fff;
}
.exhibition-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
    /* 底部对齐，或者 stretch 拉伸 */
    gap: calc(40 / 1920 * 100vw);
}
/* --- 左侧 --- */
.exh-left {
 width: calc(600/ 1920 * 100vw);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* 标题在上，图在下 */
	height: 100%;
}
.sub-title.black {
	color: #000;
}
.main-title.black {
	margin: 0;
}
.main-title .blue {
	color: #0161AD;
}
.exh-big-img {
	width: 100%;
	/* 高度可以自适应，或者定高 */
    /* 蓝色边框 */
	overflow: hidden;
 margin-top: calc(53/ 1920 * 100vw);
}
.exh-big-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.exh-big-img:hover img {
	transform: scale(1.05);
}
/* --- 右侧 --- */
.exh-right {
	/* 右侧高度如果想和左侧图片对齐，可以不用设高度，靠内容撑开 */
	flex: 1;
}
.exh-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
 gap: calc(16/ 1920 * 100vw);
/* 设定总高度，或者让格子自适应 */
    /* 假设和左图等高 */
}
.exh-small-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.exh-small-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.exh-small-img:hover img {
	transform: scale(1.05);
}
/* ================= Factory Section ================= */
.factory-section {
	position: relative;
 padding: calc(110 / 1920 * 100vw) 0;
	/* 主深蓝 */
	overflow: hidden;
 padding-bottom: calc(85/ 1920 * 100vw);
}
/* 半透明背景图纹理 */
.factory-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg1.jpg) no-repeat center center;
	/* 替换为你的背景图 */
	background-size: cover;
	/* 极淡 */
	z-index: 1;
}
.relative-z {
	position: relative;
	z-index: 2;
}
/* 确保内容在背景之上 */
.factory-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
 gap: calc(43/ 1920 * 100vw);
	justify-content: space-between;
}
/* --- 左侧文字 --- */
.fact-text {
 width: calc(600/ 1920 * 100vw);
	color: #fff;
}
.sub-title.orange {
	color: #FF5700;
}
.fact-intro {
 font-size: calc(23 / 1920 * 100vw);
	font-weight: 700;
	line-height: 1.4;
 margin-bottom: calc(30 / 1920 * 100vw);
 padding-top: calc(14/ 1920 * 100vw);
}
.fact-divider {
	width: 100%;
	height: 1px;
	border-top: 2px dashed rgba(255,255,255,0.5);
    /* 半透明虚线 */
    margin-bottom: calc(34 / 1920 * 100vw);
}
.fact-desc p {
 font-size: calc(18 / 1920 * 100vw);
	line-height: 1.6;
	opacity: 0.9;
	text-align: justify;
	font-family: Poppins;
}
.mt-40 {
 margin-top: calc(40 / 1920 * 100vw);
}
/* --- 右侧四宫格 --- */
.fact-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
 gap: calc(28 / 1920 * 100vw);
	flex: 1;
}
.fact-img-box {
	width: 100%;
    /* 固定高度 */
    border-radius: calc(10 / 1920 * 100vw);
	overflow: hidden;
	border: 2px solid rgba(255,255,255,0.2);
    /* 可选：细白边框增加质感 */
    width: calc(385 / 1920 * 100vw);
}
.fact-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.fact-img-box:hover img {
	transform: scale(1.1);
}
/* ================= Certification Section ================= */
.cert-section {
 padding: calc(80 / 1920 * 100vw) 0 calc(90 / 1920 * 100vw);
	background-color: #B1D9F9;
	/* 浅蓝背景 */
	overflow: hidden;
	text-align: center;
}
/* --- 头部 --- */
.cert-header {
	position: relative;
 margin-bottom: calc(60 / 1920 * 100vw);
	z-index: 1;
}
.cert-watermark {
	/* 超大水印 */
	color: rgba(0,0,0,0.05);
	/* 半透明黑 */
	position: absolute;
 top: calc(-35 / 1920 * 100vw);
	left: 50%;
	transform: translateX(-50%);
 font-size: calc(182 / 1920 * 100vw);
	font-weight: 900;
	z-index: -1;
	white-space: nowrap;
	line-height: 1;
	font-family: Teko;
}
/* --- 轮播区域 --- */
.cert-slider-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cert-list {
	display: flex;
	justify-content: space-between;
 gap: calc(30 / 1920 * 100vw);
	width: 90%;
	/* 留出空间给箭头 */
	overflow: hidden;/* 如果是真的轮播，这里hidden */
}
.cert-item {
	flex: 1;
	min-width: 0;/* 防止flex子项溢出 */
}
.cert-img-box {
	width: 100%;
    /* 保持证书比例，比如 3:4 */
    height: calc(400 / 1920 * 100vw);
 border: calc(4 / 1920 * 100vw) solid #005FAB;
	/* 蓝色边框 */
	background-color: #fff;
 padding: calc(10 / 1920 * 100vw);
	/* 边框和图片之间的白边 */
	box-sizing: border-box;
	transition: transform 0.3s;
}
.cert-img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* 证书通常要看全，不用cover */
	display: block;
}
.cert-img-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
/* --- 箭头按钮 --- */
.arrow-btn {
 width: calc(50 / 1920 * 100vw);
 height: calc(50 / 1920 * 100vw);
	border-radius: 50%;
	border: none;
	cursor: pointer;
 font-size: calc(20 / 1920 * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s;
}
.arrow-btn.prev {
	background-color: #FF5700;
	/* 橙色左箭头 */
	color: #fff;
 margin-right: calc(20 / 1920 * 100vw);
}
.arrow-btn.next {
	background-color: rgba(255,255,255,0.5);
	/* 半透明右箭头 */
	color: #005FAB;
 margin-left: calc(20 / 1920 * 100vw);
}
.arrow-btn:hover {
	opacity: 0.8;
}
/* ================= News Section ================= */
.news-section {
 padding: calc(30 / 1920 * 100vw) 0;
	background-color: #fff;
	overflow: hidden;
 padding-bottom: calc(116/ 1920 * 100vw);
}
/* --- 头部 --- */
.news-header {
	text-align: center;
	position: relative;
 margin-bottom: calc(31/ 1920 * 100vw);
}
.news-watermark {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
 font-size: calc(120 / 1920 * 100vw);
	font-weight: 900;
	color: #F2F2F2;
	/* 浅灰 */
	z-index: -1;
	line-height: 1;
 letter-spacing: calc(10/ 1920 * 100vw);
}
/* --- 新闻网格 --- */
.news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
 gap: calc(78/ 1920 * 100vw);
}
.news-card {
	transition: transform 0.3s;
}
.news-card:hover {
	transform: translateY(-5px);
}
.news-img {
	width: 100%;
 height: calc(272 / 1920 * 100vw);
 border-radius: calc(16 / 1920 * 100vw);
	/* 大圆角 */
	overflow: hidden;
 margin-bottom: calc(25 / 1920 * 100vw);
}
.news-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.news-card:hover .news-img img {
	transform: scale(1.05);
}
.news-content {
/* 稍微缩进一点文字 */
}
.news-title {
 font-size: calc(18 / 1920 * 100vw);
	font-weight: 700;
	color: #000;
 margin-bottom: calc(15 / 1920 * 100vw);
	line-height: 1.4;
	font-family: Montserrat;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-desc {
 font-size: calc(16 / 1920 * 100vw);
	color: #333;
	line-height: 1.6;
 margin-bottom: calc(20 / 1920 * 100vw);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: Montserrat;
}
.news-more {
	display: inline-flex;
	align-items: center;
 gap: calc(10 / 1920 * 100vw);
	font-weight: 700;
	color: #000;
	transition: color 0.3s;
	float: right;
	font-family: Montserrat;
	font-weight: 500;
 font-size: calc(18 / 1920 * 100vw);
	color: #000000;
}
/* 激活或悬停状态 */
.news-card.active .news-more, .news-card:hover .news-more {
	color: #FF5700;/* 橙色 */
}
/* ================= Footer Section ================= */
.footer-section {
	position: relative;
 padding-top: calc(51/ 1920 * 100vw);
	/* 底部留给版权条 */
	color: #fff;
	background-color: #333;
}
/* 背景图层 */
.footer-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 替换背景图 */
	background-size: cover;
	background-position: center;
	z-index: 0;
}
/* 遮罩层 */
.footer-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 深蓝灰色半透明 */
	z-index: 1;
	background: url(../images/footer.jpg) no-repeat center center;
	background-size: cover;
}
/* --- Top Contacts --- */
.footer-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
 margin-bottom: calc(50 / 1920 * 100vw);
 padding-right: calc(70 / 1920 * 100vw);
}
.footer-logo img {
 height: calc(142/ 1920 * 100vw);
	width: auto;
}
.footer-contacts {
	display: flex;
 gap: calc(87 / 1920 * 100vw);
}
.footer-contacts .contact-item {
 gap: calc(15/ 1920 * 100vw);
}
.contact-item {
	display: flex;
	align-items: center;
    /* 垂直居中图标 */
    gap: calc(8/ 1920 * 100vw);
	font-family: Montserrat;
}
.contact-item i {
 font-size: calc(24 / 1920 * 100vw);
	color: #fff;
}
.c-info {
	display: flex;
	flex-direction: column;
}
.c-info .label {
 font-size: calc(16 / 1920 * 100vw);
	color: #FF5200;
	/* 橙色标签 */
	font-weight: normal;
 margin-bottom: calc(5 / 1920 * 100vw);
	font-family: Montserrat;
	line-height: 1;
}
.c-info .val {
 font-size: calc(14 / 1920 * 100vw);
	line-height: 1.4;
	color: #fff;
	font-family: Montserrat;
}
/* 分割线 */
.footer-divider {
	width: 100%;
	height: 1px;
	background-color: #fff;
 margin-bottom: calc(59 / 1920 * 100vw);
	opacity: .5;
}
/* --- Links Row --- */
.footer-links-row {
	display: flex;
 margin-bottom: calc(75/ 1920 * 100vw);
	justify-content: space-between;
}
.link-col {
    /* flex:1;*/
    /* 默认均分 */
    margin-right: calc(123/ 1920 * 100vw);
}
.col-about {
 width: calc(329/ 1920 * 100vw);
	margin-right: 0;
}
.col-sub {
	margin-right: 0;
 width: calc(348/ 1920 * 100vw);
 margin-right: calc(33/ 1920 * 100vw);
}
.link-col h4 {
 margin-bottom: calc(26 / 1920 * 100vw);
	font-weight: 600;
	font-family: Montserrat;
	font-weight: 400;
 font-size: calc(22/ 1920 * 100vw);
	color: #FFFFFF;
}
.link-col p {
	/* opacity: 0.8; */
	font-family: Montserrat;
	font-weight: 300;
	color: #FFFFFF;
	font-family: Montserrat;
	font-weight: 300;
 font-size: calc(14/ 1920 * 100vw);
	color: #FFFFFF;
 line-height: calc(27/ 1920 * 100vw);
}
.link-col ul li {
}
.link-col ul li a {
	transition: opacity 0.3s;
	font-family: Montserrat;
	font-weight: 300;
 font-size: calc(14/ 1920 * 100vw);
	color: #FFFFFF;
 line-height: calc(30/ 1920 * 100vw);
}
.link-col ul li a:hover {
	opacity: 1;
	text-decoration: underline;
}
/* 订阅表单 */
.sub-form {
	display: flex;
	overflow: hidden;
 margin-bottom: calc(20 / 1920 * 100vw);
 height: calc(56/ 1920 * 100vw);
	border: 1px solid rgba(255,255,255,0.4);
 border-radius: calc(6 / 1920 * 100vw);
}
.sub-form input {
	flex: 1;
	background: transparent;
	border: none;
	color: #fff;
 font-size: calc(14 / 1920 * 100vw);
	outline: none;
	height: 100%;
    /* border:1px solid rgba(255,255,255,0.4);*/
    /* border-radius:calc(6 / 1920 * 100vw);*/
    padding: 0px calc(14 / 1920 * 100vw);
 font-size: calc(18 / 1920 * 100vw);
}
.sub-form button {
	background: transparent;
	border: none;
 width: calc(30/ 1920 * 100vw);
	cursor: pointer;
 font-size: calc(16 / 1920 * 100vw);
	background: url(../images/send.png) no-repeat center center;
	background-size: 100%;
 margin-right: calc(22/ 1920 * 100vw);
}
/* --- 底部版权 --- */
.copyright-bar {
	background: #095A9A;
	/* 亮深蓝 */
	text-align: center;
 padding: calc(26 / 1920 * 100vw) 0;
	position: relative;
	z-index: 2;
}
.copyright-bar p {
 font-size: calc(16 / 1920 * 100vw);
	margin: 0;
	font-family: Montserrat;
}
@font-face {
	font-family: 'Teko';
	src: url('../fonts/Teko-Medium-3.ttf')
}
.cert-section .list {
	position: relative;
 padding-left: calc(78 / 1920 * 100vw);
 padding-right: calc(78 / 1920 * 100vw);
}
.cert-section .list img {
	width: 100%;
}
.cert-section .swiper-button-next:hover {
	background: url(../images/rihover.png) no-repeat center center;
	background-size: 100%;
}
.cert-section .swiper-button-prev:hover {
	background: url(../images/lfhover.png) no-repeat center center;
	background-size: 100%;
}
.cert-section .swiper-button-next {
 width: calc(29/ 1920 * 100vw);
 height: calc(29/ 1920 * 100vw);
	background: url(../images/ri.png) no-repeat center center;
	background-size: 100%;
}
.cert-section .swiper-button-prev {
 width: calc(29 / 1920 * 100vw);
 height: calc(29 / 1920 * 100vw);
	background: url(../images/lf.png) no-repeat center center;
	background-size: 100%;
}
/* ================= Page Header (内页 Banner) ================= */
.page-header {
	position: relative;
	width: 100%;
    /* 高度通常比首页 Banner 矮一点 */
    height: calc(450 / 1920 * 100vw);
	overflow: hidden;
	display: flex;
	align-items: center;/* 垂直居中内容 */
}
/* 背景图 */
.ph-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.ph-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1
}
/* 蓝色渐变遮罩 (左实右虚) */
.ph-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;/* 核心渐变：左侧 #005FAB 纯色，中间渐变到透明 */
    /* background:linear-gradient(to right,#005FAB 30%,rgba(0,95,171,0) 70%);*/
}
.ph-content {
	position: relative;
	z-index: 2;
	/* 在遮罩之上 */
	color: #fff;/* 如果设计图是靠左的，这里不用动；如果是居中的，text-align:center */
    
    /* 稍微往右一点，不要贴边 */
}
.ph-title {
 font-size: calc(60 / 1920 * 100vw);
	font-weight: 900;
	text-transform: uppercase;
 margin-bottom: calc(51/ 1920 * 100vw);
 letter-spacing: calc(2 / 1920 * 100vw);
}
.ph-line {
 width: calc(65 / 1920 * 100vw);
 height: calc(5 / 1920 * 100vw);
	background-color: #EFEFEF;
 border-radius: calc(3 / 1920 * 100vw);
}
/* ================= Product List Section ================= */
.prod-list-section {
 padding: calc(53/ 1920 * 100vw) 0;
	background-color: #fff;
 padding-bottom: calc(64/ 1920 * 100vw);
}
/* --- Category Filter --- */
.cat-filter {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
 gap: calc(44/ 1920 * 100vw);
 margin-bottom: calc(74/ 1920 * 100vw);
 row-gap: calc(27/ 1920 * 100vw);
}
.cat-item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #E8E8E8;
	/* 浅灰背景 */
	color: #000;
 height: calc(71/ 1920 * 100vw);
 font-size: calc(20/ 1920 * 100vw);
	font-weight: 500;
	transition: all 0.3s;
	font-family: Poppins;
}
.cat-item:hover, .cat-item.active {
	background-color: #FF5700;
	/* 橙色激活 */
	color: #fff;
}
/* --- Product Grid 4 Cols --- */
.prod-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
 gap: calc(50 / 1920 * 100vw);
 margin-bottom: calc(64 / 1920 * 100vw);
}
.prod-item {
	/* border:1px solid #AAAAAA;*/
    /* 默认灰边框 */
	transition: all 0.3s;
}
.prod-item a {
	display: block;
	height: 100%;
}
/* 悬停/激活态：橙色边框 */
.prod-item:hover, .prod-item.active {
/* border-color:#FF5200;*/
}
.pi-img {
	width: 100%;
	/* 保持正方形或固定比例 */
	aspect-ratio: 1 / 1;
 padding: calc(20 / 1920 * 100vw);
	/* 图片内边距 */
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #aaa;
 height: calc(321/ 1920 * 100vw);
	position: relative;
}
.pi-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.pi-title {
	background-color: #F5F5F5;
    /* 标题底色 */
    line-height: calc(67/ 1920 * 100vw);
	text-align: center;
	font-weight: 700;
	color: #000;
	border: 1px solid #aaa;
	/* 标题只显示一行或两行 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-top: none;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(16 / 1920 * 100vw);
	color: #000000;
}
/* --- Pagination --- */
.pagination {
	display: flex;
	justify-content: center;
 gap: calc(6 / 1920 * 100vw);
}
.page-num.active, .page-num:hover {
	color: #fff;
	background: #FF5200;
	border-color: #FF5200
}
.page-num {
 width: calc(35/ 1920 * 100vw);
 line-height: calc(35/ 1920 * 100vw);
	border: 1px solid #C9CACA;
	display: flex;
	align-items: center;
	justify-content: center;
 font-size: calc(16 / 1920 * 100vw);
	transition: all 0.3s;
	color: #898989;
	font-family: Microsoft YaHei;
}
.prod-item:hover .pi-img {
	border-color: #FF5200;
}
.type2 .cat-filter {
	margin-bottom: 0;
}
/* ================= Product Detail Section ================= */
.prod-detail-section {
	background-color: #fff;
 padding-bottom: calc(131/ 1920 * 100vw);
}
.pd-wrapper {
	display: flex;
	justify-content: space-between;
}
/* --- Left Gallery --- */
.pd-gallery {
 width: calc(543 / 1920 * 100vw);
/* 左侧占比 */
}
.pd-main-img {
	width: 100%;
    /* 正方形大图 */
    height: calc(630 / 1920 * 100vw);
	border: 1px solid #ddd;
 margin-bottom: calc(20 / 1920 * 100vw);
 padding: calc(20 / 1920 * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pd-main-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
/* 缩略图区域 */
.pd-thumbs-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pd-thumbs-list {
	display: flex;
 gap: calc(15 / 1920 * 100vw);
 width: calc(560 / 1920 * 100vw);
	/* 限制宽度 */
	overflow: hidden;/* 真实轮播需要隐藏溢出 */
}
.thumb-item {
 width: calc(100 / 1920 * 100vw);
 height: calc(100 / 1920 * 100vw);
	border: 1px solid #ddd;
	cursor: pointer;
 padding: calc(5 / 1920 * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.thumb-item img {
	max-width: 100%;
	max-height: 100%;
}
/* 激活态：橙色框 */
.thumb-item.active, .thumb-item:hover {
	border: 2px solid #FF5700;
}
.thumb-arrow {
 width: calc(30 / 1920 * 100vw);
 height: calc(30 / 1920 * 100vw);
	border-radius: 50%;
	background-color: #ccc;
	color: #fff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
 font-size: calc(14 / 1920 * 100vw);
}
.thumb-arrow.next {
	background-color: #005FAB;/* 右箭头蓝色 */
}
/* --- Right Info --- */
.pd-info {
 width: calc(821/ 1920 * 100vw);
    /* 右侧占比 */
    padding-top: calc(16/ 1920 * 100vw);
}
.pd-title {
	color: #FF5700;
	font-weight: 700;
 margin-bottom: calc(30 / 1920 * 100vw);
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(30 / 1920 * 100vw);
	color: #FF5200;
}
.pd-divider {
	width: 100%;
	height: 2px;
	background-color: #FF5700;
 margin-bottom: calc(53/ 1920 * 100vw);
}
.pd-desc {
 font-size: calc(16 / 1920 * 100vw);
	color: #666;
	line-height: 1.8;
}
.pd-desc p {
 margin-bottom: calc(20 / 1920 * 100vw);
	font-family: Poppins;
 font-size: calc(16/ 1920 * 100vw);
}
.pd-features {
	list-style: none;/* 去掉默认圆点，用伪元素自定义 */
}
.pd-features li {
	position: relative;
 padding-left: calc(20 / 1920 * 100vw);
 margin-bottom: calc(10 / 1920 * 100vw);
	font-family: Poppins;
 font-size: calc(16 / 1920 * 100vw);
}
.pd-features li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: #666;
	/* 或者 #FF5700 */
	font-weight: bold;
}
/* ================= Product Tabs Section ================= */
.prod-tabs-section {
 padding-bottom: calc(57/ 1920 * 100vw);
	background-color: #fff;
}
/* --- Tabs Header --- */
.tabs-header {
	display: flex;
	border: 1px solid #c3c3c3;/* 可选：为了视觉分割 */
}
.tab-btn {
    /* 按钮宽度可以固定，或者根据字数撑开 */
    width: calc(174/ 1920 * 100vw);
 height: calc(64 / 1920 * 100vw);
	background-color: #F5F5F5;
	/* 未激活浅灰 */
	border: none;
	border-right: 1px solid #ddd;
    /* 按钮之间的分割线 */
    font-size: calc(20/ 1920 * 100vw);
	color: #333;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s;
	font-family: Poppins;
	border-right: #b4b4b4 1px solid;
}
/* 激活态 */
.tab-btn.active, .tab-btn:hover {
	background-color: #FF5200;
	color: #fff;
}
/* 填充条 */
.tab-filler {
	flex: 1;
	/* 占满剩余空间 */
	background-color: #F5F5F5;
 height: calc(64 / 1920 * 100vw);
	border-bottom: 1px solid #ddd;/* 保持边框一致 */
}
/* --- Tabs Body --- */
.tabs-body {
	border: 1px solid #dbdbdb;
	border-top: none;
    /* 去掉上边框，因为header已经有了 */
    min-height: calc(80/ 1920 * 100vw);
    /* 最小高度 */
    padding: calc(20 / 1920 * 100vw);
	border-top: none;
}
.relativeItem {
}
.relativeItem .title {
	text-align: center;
	font-family: Teko;
	font-weight: bold;
 font-size: calc(48/ 1920 * 100vw);
	color: #222222;
 margin-bottom: calc(24/ 1920 * 100vw);
}
.pd-gallery .gallery-thumbs .swiper-slide.current {
	border: 3px solid #FF5200;
}
.pd-gallery .gallery-thumbs .swiper-slide.swiper-slide-active img {
}
.pd-gallery .gallery-thumbs .swiper-slide {
	border: 2px solid #ccc;
 height: calc(88/ 1920 * 100vw);
	position: relative;
}
.pd-gallery .gallery-thumbs img {
	object-fit: contain;
	width: 80%;
	height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pd-gallery img {
	width: 100%;
}
.gallery-top .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 62%;
	max-height: 100%;
	object-fit: contain;
}
.gallery-top .swiper-slide {
 height: calc(543 / 1920 * 100vw);
	position: relative;
}
.gallery-top {
	border: 1px solid #aaa;
}
.bottomslider .swiper-button-next {
	right: 0;
 width: calc(27/ 1920 * 100vw);
 height: calc(27/ 1920 * 100vw);
	background: url(../images/rthover.png) no-repeat center center;
	background-size: 100%;
 top: calc(54/ 1920 * 100vw);
}
.bottomslider .swiper-button-prev {
	left: 0;
 width: calc(27 / 1920 * 100vw);
 height: calc(27 / 1920 * 100vw);
	background: url(../images/lhover.png) no-repeat center center;
	background-size: 100%;
 top: calc(54/ 1920 * 100vw);
}
.bottomslider {
	position: relative;
 margin-top: calc(25/ 1920 * 100vw);
 padding-left: calc(34/ 1920 * 100vw);
 padding-right: calc(34/ 1920 * 100vw);
}
.gallery-thumbs .swiper-slide {
	width: 20%;
	height: 100%;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
/* ================= Company Profile Section ================= */
.profile-section {
 padding: calc(136/ 1920 * 100vw) 0 calc(84/ 1920 * 100vw);
	background-color: #fff;
}
/* --- Top Area --- */
.profile-top {
	display: flex;
	justify-content: space-between;
 margin-bottom: calc(52/ 1920 * 100vw);
 gap: calc(101/ 1920 * 100vw);
	align-items: end;
}
.prof-text {
	width: 60%;/* 文字占宽一点 */
}
/* 复用 .main-title.black 和 .company-name */
.prof-divider {
 width: calc(51/ 1920 * 100vw);
	height: 4px;
	background-color: #F59628;
 margin-bottom: calc(30 / 1920 * 100vw);
}
.prof-desc p {
 font-size: calc(16 / 1920 * 100vw);
	line-height: 1.8;
	color: #666;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(20 / 1920 * 100vw);
	color: #333333;
 line-height: calc(37/ 1920 * 100vw);
}
/* 右侧数据 */
.prof-stats {
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
 gap: calc(56/ 1920 * 100vw);
}
.p-stat-item {
	display: flex;
	flex-direction: column;
}
.p-num {
 font-size: calc(60 / 1920 * 100vw);
	font-weight: 900;
	color: #005FAB;
	/* 蓝色 */
	line-height: 1;
	font-family: 'Impact', sans-serif;
	font-family: Teko;
	font-weight: bold;
 font-size: calc(94/ 1920 * 100vw);
	color: #0261AD;
}
.p-label {
 font-size: calc(14 / 1920 * 100vw);
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(18/ 1920 * 100vw);
	color: #000000;
}
/* --- Bottom Gallery --- */
.profile-gallery {
	display: flex;
	justify-content: space-between;
 gap: calc(42 / 1920 * 100vw);
}
.prof-img-box {
	flex: 1;
	/* 高度自适应，或者定高 */
    /* 蓝色边框 */
	overflow: hidden;
}
.prof-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.prof-img-box:hover img {
	transform: scale(1.05);
}
.sectionVideo {
 height: calc(450 / 1920 * 100vw);
	position: relative;
	background: url(../images/videobg.jpg) no-repeat center center;
	background-size: cover;
}
.sectionVideo .play {
	background: url(../images/playbtn.png) no-repeat center center;
	background-size: 170px;
	height: 100%;
	cursor: pointer;
}
/* ===== Section 1 ===== */
.sectionWhy {
 padding: calc(88/1920*100vw) 0;
 padding-bottom: calc(93/1920*100vw);
}
.factory {
	display: flex;
 gap: calc(84/1920*100vw);
	align-items: flex-start;
	align-items: center;
}
.factory-left {
 width: calc(812/1920*100vw);
}
.factory-left img {
	width: 100%;
	object-fit: cover;
}
.factory-right {
 width: calc(620/1920*100vw);
}
.titleall {
 font-size: calc(42/1920*100vw);
	font-weight: 800;
 margin-bottom: calc(18/1920*100vw);
	font-family: Teko;
	font-weight: bold;
 font-size: calc(48/1920*100vw);
	color: #222222;
}
.title-line {
 width: calc(51/1920*100vw);
 height: calc(4/1920*100vw);
	background: #ff6a00;
 margin-bottom: calc(37/1920*100vw);
}
.text {
 font-size: calc(18/1920*100vw);
 line-height: calc(30/1920*100vw);
	color: #555;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(20/1920*100vw);
	color: #333333;
 line-height: calc(38/1920*100vw);
}
/* ===== Section 2 ===== */
.why {
	display: flex;
 gap: calc(153/1920*100vw);
 margin-top: calc(50/1920*100vw);
	align-items: center;
}
.why-left {
 width: calc(540/1920*100vw);
}
.why-right {
 width: calc(747/1920*100vw);
}
.why-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review {
	grid-column: 2/3;
	grid-row: 2/3;
}
.certTitle {
	font-family: Teko;
	font-weight: bold;
 font-size: calc(48/ 1920 * 100vw);
	color: #222222;
	text-transform: uppercase;
}
.lines1 {
 width: calc(51/ 1920 * 100vw);
 height: calc(4/ 1920 * 100vw);
	background: #0261AD;
	border-radius: 1px 1px 1px 1px;
	border: NaNpx solid #0261AD;
	margin: auto;
 margin-top: calc(28/ 1920 * 100vw);
 margin-bottom: calc(54/ 1920 * 100vw);
}
/* ================= News Tabs Section ================= */
.news-tabs-section {
 padding: calc(53/ 1920 * 100vw) 0 calc(43/ 1920 * 100vw);
	background-color: #fff;
}
.news-tabs-header {
	display: flex;
	justify-content: center;
    /* 居中 */
    gap: calc(14 / 1920 * 100vw);
/* 按钮间距 */
}
.n-tab-btn {
	display: flex;
	align-items: center;
	justify-content: center;
 width: calc(230 / 1920 * 100vw);
 height: calc(70 / 1920 * 100vw);
 font-size: calc(18 / 1920 * 100vw);
	font-weight: 500;
	border: 2px solid #FF5200;
	/* 默认橙色边框 */
	transition: all 0.3s;
	background-color: #fff;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc( 20 / 1920 * 100vw);
	color: #FF5200;
}
/* 激活态 / 悬停态 */
.n-tab-btn.active, .n-tab-btn:hover {
	background-color: #FF5700;
	color: #fff;
}
.h64 {
 height: calc(64 / 1920 * 100vw);
}
.news-detail {
	margin: 0 auto;
 padding-top: calc(60 / 1920 * 100vw);
	text-align: center;
}
.news-detail h1 {
 font-size: calc(32 / 1920 * 100vw);
	font-weight: 600;
	color: #222;
 margin-bottom: calc(20 / 1920 * 100vw);
	font-family: Poppins;
	font-weight: 500;
 font-size: calc(24/ 1920 * 100vw);
	color: #222222;
	line-height: 1.5;
}
.news-date {
	display: flex;
	justify-content: center;
	align-items: center;
 gap: calc(8 / 1920 * 100vw);
 margin-bottom: calc(20 / 1920 * 100vw);
}
.news-date span {
	font-family: SourceHanSansCN;
	font-weight: 400;
 font-size: calc(20 / 1920 * 100vw);
	color: #848484;
}
.news-date img {
 width: calc(25/ 1920 * 100vw);
}
.news-cover {
}
.news-cover img {
	width: 100%;
	display: block;
}
.news-content {
	margin: 0 auto;
	text-align: left;
}
.news-content p {
 margin-bottom: calc(20 / 1920 * 100vw);
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(16/ 1920 * 100vw);
	color: #333333;
	line-height: 1.8;
}
.news-pagination>* {
 width: calc(375/ 1920 * 100vw)
}
.news-pagination {
 margin: calc(83/ 1920 * 100vw) auto 0;
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.news-pagination span {
	color: #666;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(20/ 1920 * 100vw);
	color: #333333;
 line-height: calc(32/ 1920 * 100vw);
}
.news-pagination a {
	display: block;
 margin-top: calc(6 / 1920 * 100vw);
 font-size: calc(20/ 1920 * 100vw);
	color: #0261AD;
	font-family: Poppins;
	font-weight: 400;
 line-height: calc(32 / 1920 * 100vw);
}
.related-title {
	text-align: center;
	font-weight: 700;
 margin-top: calc(105 / 1920 * 100vw);
 letter-spacing: calc(1 / 1920 * 100vw);
	font-family: Teko;
	font-weight: bold;
 font-size: calc(48 / 1920 * 100vw);
	color: #222222;
 margin-bottom: calc(10 / 1920 * 100vw);
}
.news-section.type2 {
 padding-bottom: calc(60 / 1920 * 100vw);
}
/* ===== CONTACT SECTION ===== */
.contact-section {
 padding: calc(86/1920*100vw) 0 calc(120/1920*100vw);
	background: #ffffff;
}
.contact-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
 gap: calc(32/ 1920 * 100vw);
}
/* ===== LEFT SIDE ===== */
.contact-left {
 width: calc(940/1920*100vw);
}
.contact-banner {
	position: relative;
	width: 100%;
 height: calc(366/1920*100vw);
	overflow: hidden;
}
.contact-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contact-info {
	position: absolute;
	top: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	left: 0;
 padding-left: calc(70/1920*100vw);
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contact-info h2 {
 font-size: calc(28/1920*100vw);
 margin-bottom: calc(66/1920*100vw);
	font-family: Impact;
	font-weight: normal;
}
.contact-info ul {
	list-style: none;
}
.contact-info li {
	display: flex;
	align-items: center;
 margin-bottom: calc(18/1920*100vw);
}
.contact-info .icon {
 width: calc(18/1920*100vw);
 margin-right: calc(8/1920*100vw);
}
.contact-info .icon img {
	width: 100%;
}
.contact-info p {
 font-size: calc(18/1920*100vw);
 line-height: calc(28/1920*100vw);
	font-family: Poppins;
}
.contact-desc {
 margin-top: calc(80/1920*100vw);
 padding-left: calc(35/1920*100vw);
 padding-right: calc(35/1920*100vw);
	text-align: center;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(20/1920*100vw);
	color: #000000;
 line-height: calc(38/1920*100vw);
}
/* ===== RIGHT FORM ===== */
.contact-form-box {
 width: calc(474/1920*100vw);
	background: #EBF2FA;
 padding: calc(30/1920*100vw) calc(30/1920*100vw);
}
.contact-form-box h3 {
 margin-bottom: calc(17/1920*100vw);
	font-family: Impact;
	font-weight: 400;
 font-size: calc(36/1920*100vw);
	color: #EF6F32;
 line-height: calc(58/1920*100vw);
 padding-left: calc(17/1920*100vw);
 border-left: #EF6F32 calc(6/1920*100vw) solid;
}
.contact-form {
	display: flex;
	flex-direction: column;
 gap: calc(10/1920*100vw);
}
.contact-form input, .contact-form textarea {
	width: 100%;
 padding: 0 calc(16/1920*100vw);
 border: calc(2/1920*100vw) solid #ff6a00;
 font-size: calc(16/1920*100vw);
	outline: none;
	background: #fff;
 height: calc(41/1920*100vw);
	background: #FFFFFF;
	border: 1px solid #EF6F32;
	font-family: Poppins;
	font-weight: 400;
 font-size: calc(14/1920*100vw);
	color: #666666;
}
.contact-form textarea {
 height: calc(123/1920*100vw);
 padding-top: calc(14/1920*100vw);
	resize: none;
}
.contact-form button {
	background: #ff6a00;
	color: #fff;
 font-size: calc(18/1920*100vw);
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: 0.3s;
 height: calc(57/1920*100vw);
	background: #FF5200;
	border: 2px solid #F59628;
 border-radius: calc(8/1920*100vw);
	font-family: Montserrat;
	font-weight: 500;
 font-size: calc(16/1920*100vw);
	color: #FFFFFF;
}
.contact-form button:hover {
	background: #e65c00;
}
header.cur2.cur1 {
	position: fixed;
	-o-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
header.cur2 {
	position: fixed;
	-o-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
header.cur1 {
	-o-transform: translate(0%, -150%);
	-webkit-transform: translate(0%, -150%);
	-moz-transform: translate(0%, -150%);
	-ms-transform: translate(0%, -150%);
	transform: translate(0%, -150%);
}
header, header * {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
header {
	background: #fff;
	width: 100%;
	z-index: 66;
	left: 0;
	position: relative;
	top: 0;
}
.inquiry-box .btn-form{
    background: #ff6a00;
    color: #fff;
    font-size: calc(18 / 1920* 100vw)!important;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: 0.3s;
	width: 100%!important;
    height: calc(57 / 1920* 100vw)!important;
    background: #FF5200!important;
    border: 2px solid #F59628;
    border-radius: calc(8 / 1920* 100vw)!important;
	font-family: Montserrat;
    font-weight: 500;
    font-size: calc(16 / 1920* 100vw);
    color: #FFFFFF;
}
.inquiry-box .btn-form:hover {
	background: #e65c00!important;;
}
.inquiry-box .wpforms-container .wpforms-field, .inquiry-box .wp-core-ui div.wpforms-container .wpforms-field{
	padding: 5px 0!important;;
}
.inquiry-box .wpforms-field-large, .inquiry-box .wpforms-field-medium{
	border: 1px solid #EF6F32!important;
}
.inquiry-box .wpforms-field-large:focus, .inquiry-box .wpforms-field-medium:focus{
	box-shadow: 0 0 0 1px #EF6F32, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}

.gt_float_switcher{
	/*border-radius: 15px!important;*/
}
.gt_float_switcher .gt-selected .gt-current-lang{
	padding: 1px 15px!important;	
}
.gt-current-lang, .gt_options{
	font-size: 16px!important;
}
.gt_float_switcher img{
	width: 22px!important;
}
@media screen and (max-width: 768px) {
	.lang{
		padding-top: 5px;
	}
	.prod-card{
		overflow: hidden;
	}
}