@font-face {
  font-family: "L";
  src: url("../font/Poppins-Light.woff2") format("woff2"),
  url("../font/Poppins-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "N";
  src: url("../font/Poppins-Medium.woff2") format("woff2"),
  url("../font/Poppins-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "B";
  src: url("../font/Poppins-Regular.woff2") format("woff2"),
  url("../font/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "st";
  src: url("../font/Poppins-SemiBold.woff2") format("woff2"),
  url("../font/Poppins-SemiBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bigtit";
  src: url("../font/impact.woff2") format("woff2"),
  url("../font/impact.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "othetit";
  src: url("../font/hatten.woff2") format("woff2"),
  url("../font/hatten.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*{margin: 0;padding: 0;list-style: none; font-family:L !important;}
html {font-size:100%; scroll-behavior: smooth; scroll-timeline: smooth-scroll block;}
/** 重置表格元素 **/
table, form, fieldset, legend, button, input, textarea, th, td { border-collapse: collapse; border-spacing: 0; margin: 0;padding: 0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:L;}
body {background:#fff; font-family:L; color:#000; scroll-behavior: smooth; scroll-snap-type: none;}
em{font-style:normal}
li{list-style:none}
img {transition: all 0.3s linear 0s;}
img:hover {transition: all 0.3s linear 0s;}
a,figcaption {color:#333; transition: all 0.3s linear 0s !important; text-decoration:none !important;}
a:hover,figcaption:hover {color:#004189; transition: all 0.3s linear 0s !important;}
input,textarea {background:none; border-radius:0 !important; outline:none;}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}
textarea,button {background:none}
select::-ms-expand {display: none;}
legend {color: #000;}
fieldset, img {border: 0;}
dl {margin:0px; padding:0px;}
ul, ol { list-style: none; }
address, cite, dfn, em, var { font-style: normal; }
h1, h2, h3, h4, h5, h6,strong {font-weight: normal}
button {cursor: pointer !important}
/*不换行对齐方式*/
.Left {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.Center {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.Right {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
.Justify {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}

.Left_t {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.Center_t {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-start; align-content:flex-start;}
.Right_t {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:flex-start; align-content:flex-start;}
.Justify_t {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}

/*换行对齐方式*/
.Left_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.Center_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Right_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.Justify_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}

.Left_ht {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.Center_ht {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start;}
.Right_ht {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:flex-start;}
.Justify_ht {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}

/*侧边栏*/
.sidebar {width: clamp(90px,calc(120 / 2560 * 100vw),120px); position: fixed; right: 1%; top: 20%; z-index: 50}
.sidebar a {width: clamp(90px,calc(120 / 2560 * 100vw),120px); overflow: hidden; height: clamp(90px,calc(120 / 2560 * 100vw),120px); text-align: center; display: block; background: #071752; margin-top: 2%; margin-bottom: 2%}
.sidebar a i {width:100%; overflow: hidden; text-align: center; line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); font-size: clamp(30px,calc(38 / 2560 * 100vw),38px); color: #fff; display: block}
.sidebar a span {width:100%; overflow: hidden; text-align: center; line-height: clamp(18px,calc(22 / 2560 * 100vw),22px); font-size: clamp(14px,calc(16 / 2560 * 100vw),16px); display: block; color: #fff; font-family: N !important}
.sidebar a:hover {width: clamp(90px,calc(120 / 2560 * 100vw),120px); overflow: hidden; height: clamp(90px,calc(120 / 2560 * 100vw),120px); text-align: center; display: block; background: #f1a600 !important; margin-top: 2%; margin-bottom: 2%}
.sidebar a:hover i {width:100%; overflow: hidden; text-align: center; line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); font-size: clamp(30px,calc(38 / 2560 * 100vw),38px); color: #fff; display: block}
.sidebar a:hover span {width:100%; overflow: hidden; text-align: center; line-height: clamp(18px,calc(22 / 2560 * 100vw),22px); font-size: clamp(14px,calc(16 / 2560 * 100vw),16px); display: block; color: #fff; font-family: N !important}

.sidebar_wp {animation: wp 3s infinite;}
.sidebar_yj {animation: yj 3s infinite;}
.sidebar_xj {animation: xj 3s infinite;}
@keyframes wp {
  0% { transform: scale(1); background: #071752; color: #fff}
  5% { transform: scale(1.08); background: #f1a600; color: #fff}
  10% { transform: scale(1); background: #071752; color: #fff}
  100% { transform: scale(1); background: #071752; color: #fff}
}
@keyframes yj {
  0% { transform: scale(1); background: #071752; color: #fff}
  10% { transform: scale(1.08); background: #f1a600; color: #fff}
  15% { transform: scale(1); background: #071752; color: #fff}
  100% { transform: scale(1); background: #071752; color: #fff}
}
@keyframes xj {
  0% { transform: scale(1); background: #071752; color: #fff}
  15% { transform: scale(1.08); background: #f1a600; color: #fff}
  20% { transform: scale(1); background: #071752; color: #fff}
  100% { transform: scale(1); background: #071752; color: #fff}
}

.inquiry-wrapper {position: fixed; left: 0px; bottom: 0px; z-index: 9999; font-family: Arial, sans-serif;}
.quote-trigger {padding: 16px 30px; background: #03134e; color: #fff; border-radius: 0px 15px 0px 0px; font-size: 1.2rem; white-space: nowrap; cursor: pointer; user-select: none; box-shadow: 0 2px 10px rgba(0,102,204,0.2); transition: all 0.3s ease; animation: guideBounce 3s infinite ease-in-out;}
.quote-trigger:hover {background: #005bb5 !important;}

@keyframes guideBounce {
  0% {
    transform: scale(1) rotate(0deg);
    background: #03134e;
  }
  5% {
    transform: scale(1.03) rotate(-1.5deg);
    background: #f1a600; /* 晃动时变成醒目橙色 */
  }
  10% {
    transform: scale(1.03) rotate(1.5deg);
    background: #f1a600;
  }
  15% {
    transform: scale(1.03) rotate(-1.5deg);
    background: #f1a600;
  }
  20% {
    transform: scale(1) rotate(0deg);
    background: #03134e;
  }
  100% {
    transform: scale(1) rotate(0deg);
    background: #03134e;
  }
}

/* 询盘表单 */
.quote-form {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 300px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9) translateY(20px);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.quote-form.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(0);
}

.quote-header {
  background: #0066cc;
  color: #fff;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
}
.zxclose-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  line-height: 1;
}

.quote-body {
  padding: 16px;
}
.quote-body input,
.quote-body textarea {
  width: 100%;
  padding: 9px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}
.quote-body textarea {
  min-height: 120px;
  resize: vertical;
}
.submit-btn {
  width: 100%;
  padding: 10px;
  background: #0066cc;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}
.submit-btn:hover {
  background: #005bb5;
}



/*搜索*/
.search {width:100%; overflow: hidden; height: 100%; position: fixed; top: -100%; left: 0px; z-index: 9999999; background: rgba(255,255,255,1); transition: all 0.1s linear 0s !important;}
.search i {width:50px; overflow: hidden; height: 50px; text-align: center; line-height: 50px; color: #031451; display: block; font-size: 42px; position: absolute; right: 2%; top: 4%; cursor: pointer}
.search div.m {width:60%; min-width: 700px;}
.search div.m dl {width:100%; overflow: hidden; padding-bottom: 2%; border-bottom: 2px solid #031451}
.search div.m dl dt {width:5%}
.search div.m dl dt button {width:100%; overflow: hidden; height: 50px; text-align: left; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); border: 0px;}
.search div.m dl dd {width:95%}
.search div.m dl dd input {width:100%; overflow: hidden; height: 60px; text-align: left; line-height: 60px; font-size: 28px; color: #031451; border: 0px;} 
.search div.m dl dd input::placeholder {color: #031451}
.search div.m div.tag {width: 100%; margin-top: 2%}
.search div.m div.tag a {width:auto; text-align: left; padding-right: 1%; padding-left: 1%; display: block}

main {width:100%;}

/* ========== PC 电脑（≥1024px） ========== */
.mobilenav {display: none}
.mobilesearch {display: none}
header.mobile {display: none}
.productheader {background: #081957 !important; opacity: 1 !important;}
header.pc {width:100%; height:clamp(80px,calc(100 / 2560 * 100vw),100px); background: #000b19; position: fixed; top: 0px; left: 0px; z-index: 999999; opacity: 0.9;}
header.pc div.m {width:90%; margin:0px auto; min-width: 1200px; height:clamp(80px,calc(100 / 2560 * 100vw),100px); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; position: relative}
header.pc div.m div.logo {width:13%; overflow:hidden;}
header.pc div.m div.logo a {width:100%; overflow: hidden; height:clamp(80px,calc(100 / 2560 * 100vw),100px); text-align: left;}
header.pc div.m div.logo a img {width:76%; overflow: hidden; height: auto; display: block}

header.pc div.m div.navigation {width:68%; height:clamp(80px,calc(100 / 2560 * 100vw),100px);}
header.pc div.m div.navigation ul {width:100%; height:clamp(80px,calc(100 / 2560 * 100vw),100px);}
header.pc div.m div.navigation ul li {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); padding-left:0.8%; padding-right:0.8%; transition: all 0.2s linear 0s !important;}
header.pc div.m div.navigation ul li a {width:100%; overflow: hidden; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); color: #FFF;}
header.pc div.m div.navigation ul li a span {width:auto; display: block; font-size: clamp(15px,calc(20 / 2560 * 100vw),20px);}
header.pc div.m div.navigation ul li a i {width:20px; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(82px,calc(102 / 2560 * 100vw),102px); overflow: hidden; text-align: right; font-size: 10px; color: #fff; display: block}
header.pc div.m div.navigation ul li div.z {width:70%; overflow: hidden; padding:15%; padding-top:0%; padding-bottom:0%; background:#0a1c5e; position: absolute; left:0px; top:clamp(80px,calc(100 / 2560 * 100vw),100px); z-index: 10; height: 0px;}
header.pc div.m div.navigation ul li div.z a.submenu {width:auto; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size:clamp(14px,calc(18 / 2560 * 100vw),18px); color:#fff; padding: 1.5%; padding-top: 0.5%; padding-bottom: 0.5%; font-family: N !important}
header.pc div.m div.navigation ul li div.z a.submenu:hover {width:auto; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size:clamp(14px,calc(18 / 2560 * 100vw),18px); color:#000; padding:1.5%; padding-top: 0.5%; padding-bottom: 0.5%; background:#f1a600; font-family: N !important}

header.pc div.m div.navigation ul li:hover {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); padding-left:0.8%; padding-right:0.8%; background:#0a1c5e; transition: all 0.2s linear 0s !important;}
header.pc div.m div.navigation ul li:hover a {width:100%; overflow: hidden; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); color: #FFF;}
header.pc div.m div.navigation ul li:hover a span {width:auto; display: block; font-size: clamp(15px,calc(20 / 2560 * 100vw),20px);}
header.pc div.m div.navigation ul li:hover a i {width:20px; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(82px,calc(102 / 2560 * 100vw),102px); overflow: hidden; text-align: right; font-size: 10px; color: #fff; display: block}
header.pc div.m div.navigation ul li:hover div.z {width:70%; overflow: hidden; padding:15%; padding-top:1%; padding-bottom:1%; background:#0a1c5e; position: absolute; left:0px; top:clamp(80px,calc(100 / 2560 * 100vw),100px); z-index: 10; height: auto;}
header.pc div.m div.navigation ul li:hover div.z a.submenu {width:auto; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size:clamp(14px,calc(18 / 2560 * 100vw),18px); color:#fff; padding: 1.5%; padding-top: 0.5%; padding-bottom: 0.5%; font-family: N !important}
header.pc div.m div.navigation ul li:hover div.z a.submenu:hover {width:auto; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size:clamp(14px,calc(18 / 2560 * 100vw),18px); color:#000; padding:1.5%; padding-top: 0.5%; padding-bottom: 0.5%; background:#f1a600; font-family: N !important}

header.pc div.m div.navigation ul li.ahover {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); padding-left:0.8%; padding-right:0.8%;}
header.pc div.m div.navigation ul li.ahover a {width:100%; overflow: hidden; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #f1a600;}
header.pc div.m div.navigation ul li.ahover a span {width:auto; display: block; font-family: N !important}
header.pc div.m div.navigation ul li.ahover a i {width:20px; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(82px,calc(102 / 2560 * 100vw),102px); overflow: hidden; text-align: right; font-size: 10px; color: #f1a600; display: block}


header.pc div.m div.other {width:9%; overflow:hidden;}
header.pc div.m div.other a {width:clamp(30px,calc(50 / 2560 * 100vw),50px); overflow: hidden; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); text-align: center; color: #fff; display: block; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-left:5%}
header.pc div.m div.other i {width:clamp(30px,calc(50 / 2560 * 100vw),50px); overflow: hidden; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); text-align: center; color: #fff; display: block; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-left:5%; cursor: pointer}

header.pc div.m div.language {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); position: relative; padding-left: 1%}
header.pc div.m div.language i {width:24px; overflow: hidden; height:24px; text-align: left; padding-right: 5%}
header.pc div.m div.language i img {width:100%; overflow: hidden; height:auto; border: 1px solid #fff; display: block}
header.pc div.m div.language a {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); color: #fff;}
header.pc div.m div.language a span {width:auto; display: block; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px);}
header.pc div.m div.language a em {width:20px; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(82px,calc(102 / 2560 * 100vw),102px); overflow: hidden; text-align: right; font-size: 10px; color: #fff; display: block}
header.pc div.m div.language div.multilingual {width:100%; overflow:hidden; padding: 0%; background:#0a1c5e; position: absolute; top:clamp(80px,calc(100 / 2560 * 100vw),100px); left: 0px; z-index: 10; line-height:auto; height: 0px;}
header.pc div.m div.language div.multilingual a.dyy {width:100%; height: clamp(26px,calc(30 / 2560 * 100vw),30px); line-height: clamp(26px,calc(30 / 2560 * 100vw),30px); color:#fff; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px); margin-left: 5%; margin-right: 5%; text-align: left; display: block}
header.pc div.m div.language div.multilingual a.dyy:hover {width:100%; height: clamp(26px,calc(30 / 2560 * 100vw),30px); line-height: clamp(26px,calc(30 / 2560 * 100vw),30px); color:#f1a600; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px); margin-left: 5%; margin-right: 5%; text-align: left; display: block}

header.pc div.m div.language:hover {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); position: relative; padding-left: 1%; background:#0a1c5e;}
header.pc div.m div.language:hover i {width:24px; overflow: hidden; height:24px; text-align: left; padding-right: 5%}
header.pc div.m div.language:hover i img {width:100%; overflow: hidden; height:auto; border: 1px solid #fff; display: block}
header.pc div.m div.language:hover a {width:auto; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(80px,calc(100 / 2560 * 100vw),100px); color: #fff;}
header.pc div.m div.language:hover a span {width:auto; display: block; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px);}
header.pc div.m div.language:hover a em {width:20px; height:clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(82px,calc(102 / 2560 * 100vw),102px); overflow: hidden; text-align: right; font-size: 10px; color: #fff; display: block}
header.pc div.m div.language:hover div.multilingual {width:100%; overflow:hidden; padding: 8%; background:#0a1c5e; position: absolute; top:clamp(80px,calc(100 / 2560 * 100vw),100px); left: 0px; z-index: 1; line-height:auto; height: auto}
header.pc div.m div.language:hover div.multilingual a.dyy {width:100%; height: clamp(26px,calc(30 / 2560 * 100vw),30px); line-height: clamp(26px,calc(30 / 2560 * 100vw),30px); color:#fff; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px); margin-left: 5%; margin-right: 5%; text-align: left; display: block}
header.pc div.m div.language:hover div.multilingual a.dyy:hover {width:100%; height: clamp(26px,calc(30 / 2560 * 100vw),30px); line-height: clamp(26px,calc(30 / 2560 * 100vw),30px); color:#f1a600; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px); margin-left: 5%; margin-right: 5%; text-align: left; display: block}
.whatsapp {animation: mbinquiry 2.5s infinite;}
.email {animation: mbinquiry 8s infinite;}
.phone {animation: mbinquiry 9s infinite;}

/*carousel*/
.carousel {width:100%; overflow: hidden; position: relative; z-index: 1}
.carousel div.indexbanner {width:auto}
.carousel div.indexbanner div.swiper-wrapper {width:auto}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide {width:auto}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a {width:100%; height: 100%; display: block; position: relative}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a img {width:100%; overflow: hidden; height: auto; display: block}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub {width: 80%; min-width: 1200px; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h1 {width:40%; overflow: hidden; text-align: left; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); color: #fff; font-weight: normal; font-family: bigtit !important;}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub p {width:45%; overflow: hidden; display: block; padding-right: 55%; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); line-height: clamp(24px,calc(36 / 2560 * 100vw),36px); color: #fff;  text-align: justify !important; word-break: keep-all !important; overflow-wrap: break-word !important; margin-top: 1%}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span {width:auto; overflow: auto; padding: 3%; padding-top: 0.6%; padding-bottom: 0.6%; border-radius: 100px; background: #f1a600; margin-top: 2%; animation: Getaquote 1.5s infinite; color: #fff;}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span:hover {width:auto; overflow: auto; padding: 3%; padding-top: 0.6%; padding-bottom: 0.6%; border-radius: 100px; background: #cc8d00; margin-top: 2%; animation: Getaquote 1.5s infinite; color: #fff;}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span i {width:40px; height:clamp(30px,calc(36 / 2560 * 100vw),36px); line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); overflow: hidden; text-align: left; font-size: clamp(24px,calc(34 / 2560 * 100vw),34px); display: block}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span b {width:auto; overflow: hidden; font-size: clamp(18px,calc(26 / 2560 * 100vw),26px); display: block; font-weight: normalno}

.carousel div.indexbanner div.indexbannerpagination {width:100%; position: absolute; left: 0px; bottom: 10%; z-index: 999; text-align: center}
.carousel div.indexbanner div.indexbannerpagination span.swiper-pagination-bullet {width: 18px; overflow: hidden; height: 18px; background: none; border: 2px solid #fff; opacity: 1}
.carousel div.indexbanner div.indexbannerpagination span.swiper-pagination-bullet-active {width: 18px; overflow: hidden; height: 18px; background: none; border: 2px solid #f1a600; opacity: 1}

@keyframes Getaquote {
  0% { transform: scale(1); background: #f1a600; color: #fff}
  15% { transform: scale(1.08); background: #fff; color: #000}
  30% { transform: scale(1); background: #f1a600; color: #fff}
  45% { transform: scale(1.08); background: #fff; color: #000}
  60% { transform: scale(1); background: #f1a600; color: #fff}
}


.index_num1 {width:80%; margin: 0px auto; min-width: 1200px; padding-left: 8%; padding-right: 8%; position: relative; z-index: 2; margin-top: -4%}
.index_num1 i.l {width: 20%; overflow: hidden; position: absolute; left: 2%; top: 50%; transform: translate(0%, -60%); z-index: 1; display: block}
.index_num1 i.l img {width:100%; overflow: hidden; height: auto; display: block}
.index_num1 i.r {width: 20%; overflow: hidden; position: absolute; right: 2%; top: 50%; transform: translate(0%, -60%); z-index: 1; display: block}
.index_num1 i.r img {width:100%; overflow: hidden; height: auto; display: block}

.index_num1 div.sub {width:94%; overflow: hidden; padding: 3%; background: #f3f3f3; position: relative; z-index: 3; display:grid; display: -webkit-grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.index_num1 div.sub a {width:auto; overflow: hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-bottom: 0%; margin-bottom: 0%; border-bottom: 0px solid #ddd}
.index_num1 div.sub a i {width:100%; overflow: hidden; text-align: center; font-size: clamp(80px,calc(120 / 2560 * 100vw),120px); color: #da9600}
.index_num1 div.sub a div.wz {width:100%;}
.index_num1 div.sub a div.wz h2 {width:100%; overflow: hidden; text-align: center; font-weight: normal; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start;}
.index_num1 div.sub a div.wz h2 span {width:auto; text-align: center; font-size: clamp(60px,calc(80 / 2560 * 100vw),80px); color: #da9600; font-family: bigtit !important; padding-right: 5%; display: block}
.index_num1 div.sub a div.wz h2 p {width:auto; overflow: hidden; text-align: left; font-size: clamp(18px,calc(24 / 2560 * 100vw),24px); color: #333; display: block}
.index_num1 div.sub a div.wz h2 p em {width:100%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(30 / 2560 * 100vw),30px); color: #da9600; margin-top: 10%; display: block}
.index_num1 div.sub a div.wz h2 p strong {width:100%; overflow: hidden; font-weight: normal; font-family: N !important;}
.index_num1 div.sub a div.wz h3 {width:100%; overflow: hidden; margin: 0px auto; line-height: clamp(24px,calc(28 / 2560 * 100vw),28px); font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #333; font-weight: normal; text-align: center !important; word-break: keep-all !important; overflow-wrap: break-word !important;}


.index_num2 {width:100%; overflow: hidden; min-width: 1200px; padding-top: 5%; padding-bottom: 5%; background: url("../images/p_bg.png") center bottom no-repeat; background-size: 90%; position: relative}
.index_num2 h2 {width:80%; margin: 0px auto; min-height: clamp(120px,calc(150 / 2560 * 100vw),150px); min-width: 1200px; position: relative; display: block; height: auto}
.index_num2 h2 strong {width:auto; overflow: hidden; text-align: center; font-size: clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(90px,calc(110 / 2560 * 100vw),110px); height: clamp(90px,calc(110 / 2560 * 100vw),110px); position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #0a1c5e, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num2 h2 span {width:auto; overflow: hidden; text-align: center; font-size: clamp(60px,calc(80 / 2560 * 100vw),80px); position: absolute; left: 50%; top: 26px; transform: translateX(-50%); z-index: 2; color: #0a1c5e; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num2 h3 {width:30%; min-width: 400px; overflow: hidden; margin: 0px auto; text-align: center}
.index_num2 h3 strong {width:100%; overflow: hidden; display: inline-block; text-align: center; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #333; font-family: L !important}
.index_num2 h3 span {width:140px; overflow: hidden; height: 10px; border-radius: 100px; background: #0a1c5e; display: inline-block}

.index_num2 div.myproduct {width:80%; overflow: hidden; margin: 0px auto; margin-top: 4%}
.index_num2 div.myproduct div.swiper-wrapper {width:auto}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide {width:auto}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a {width:100%; overflow: hidden; display: block; background: #f6f6f6}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; height: auto; display: block;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1)}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a figure figcaption {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-family: othetit !important; color: #333; display: block; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); padding-top: 3%}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h4 {width:90%; overflow: hidden; margin: 0px auto; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top: 2%; text-align: justify; color: #333}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h5 {width:90%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h5 i {width:30px; overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%; background: #f6f6f6}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}

.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover {width:100%; overflow: hidden; display: block; background: #f6f6f6}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover figure {width:100%; overflow: hidden; height: auto; display: block;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover figure img {width:100%; overflow: hidden; height: auto; display: block; transform: rotate(1.2deg) scale(1.02)}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover figure figcaption {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-family: othetit !important; color: #f1a600; display: block; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); padding-top: 3%}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover h4 {width:90%; overflow: hidden; margin: 0px auto; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top: 2%; text-align: justify; color: #333}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover h5 {width:90%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover h5 i {width:30px; overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a:hover h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry:hover {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%; background: #f6f6f6}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry:hover a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry:hover a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}

.index_num2 div.product-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: 3%; top: 50%; transform: translateY(160%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}
.index_num2 div.product-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: 3%; top: 50%; transform: translateY(160%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}



@keyframes inquiry {
  0% { transform: scale(1); background: #f1a600; color: #fff}
  15% { transform: scale(1.08); background: #f17700; color: #fff}
  30% { transform: scale(1); background: #f1a600; color: #fff}
  45% { transform: scale(1.08); background: #f17700; color: #fff}
  60% { transform: scale(1); background: #f1a600; color: #fff}
}

@keyframes mbinquiry {
  0% { transform: scale(1); color: #fff}
  15% { transform: scale(1.4); color: #f1a600}
  30% { transform: scale(1); color: #fff}
  45% { transform: scale(1.4); color: #f1a600}
  60% { transform: scale(1); color: #fff}
}

.index_num3 {width:100%; margin: 0px auto; min-width: 1200px; padding-bottom: 4%; padding-top: 1%; background: #f3f3f3}
.index_num3 dl:nth-child(odd) {width:80%; overflow: hidden; margin: 0px auto; padding-top: 3%; position: relative}
.index_num3 dl:nth-child(odd) dt {width:60%; overflow: hidden; float: left}
.index_num3 dl:nth-child(odd) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.index_num3 dl:nth-child(odd) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.index_num3 dl:nth-child(odd) dd {width: clamp(40%, calc(40% + (100vw - 1400px) / 100), 50%); overflow: hidden; padding: 5%; padding-left: 3%; padding-right: 3%; background: #fff; opacity: 0.9; position: absolute; right: 0px; top: 55%; transform: translateY(-50%); border-radius: 35px}
.index_num3 dl:nth-child(odd) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%}
.index_num3 dl:nth-child(odd) dd h2 i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; text-align: left; line-height: clamp(50px,calc(60 / 2560 * 100vw),60px); color: #f1a600; font-size: clamp(38px,calc(50 / 2560 * 100vw),50px)}
.index_num3 dl:nth-child(odd) dd h2 strong  {width: auto; text-align: left; font-size: clamp(30px,calc(42 / 2560 * 100vw),42px); color: #333; font-family: othetit  !important}
.index_num3 dl:nth-child(odd) dd h3 {width:auto; overflow: hidden; padding-left: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333;}
.index_num3 dl:nth-child(odd) dd h3 p {width:100%; overflow: hidden; text-align: left; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-size: clamp(18px,calc(24 / 2560 * 100vw),24px); color: #333; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}

.index_num3 dl:nth-child(even) {width:80%; overflow: hidden; margin: 0px auto; padding-top: 3%; position: relative}
.index_num3 dl:nth-child(even) dt {width:60%; overflow: hidden; float: right}
.index_num3 dl:nth-child(even) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.index_num3 dl:nth-child(even) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.index_num3 dl:nth-child(even) dd {width: clamp(40%, calc(40% + (100vw - 1400px) / 100), 50%); overflow: hidden; padding: 5%; padding-left: 3%; padding-right: 3%; background: #fff; opacity: 0.9; position: absolute; left: 0px; top: 55%; transform: translateY(-50%); border-radius: 35px}
.index_num3 dl:nth-child(even) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%}
.index_num3 dl:nth-child(even) dd h2 i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; text-align: left; line-height: clamp(50px,calc(60 / 2560 * 100vw),60px); color: #f1a600; font-size: clamp(38px,calc(50 / 2560 * 100vw),50px)}
.index_num3 dl:nth-child(even) dd h2 strong  {width: auto; text-align: left; font-size: clamp(30px,calc(42 / 2560 * 100vw),42px); color: #333; font-family: othetit  !important}
.index_num3 dl:nth-child(even) dd h3 {width:auto; overflow: hidden; padding-left: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333;}
.index_num3 dl:nth-child(even) dd h3 p {width:100%; overflow: hidden; text-align: left; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-size: clamp(18px,calc(24 / 2560 * 100vw),24px); color: #333; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}




.index_num4 {width:100%; overflow: hidden; min-width: 1200px; padding-top: 5%; padding-bottom: 3%; position: relative}
.index_num4 h2 {width:80%; margin: 0px auto; min-height: clamp(120px,calc(150 / 2560 * 100vw),150px); min-width: 1200px; position: relative; display: block; height: auto}
.index_num4 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(90px,calc(110 / 2560 * 100vw),110px); height: clamp(90px,calc(110 / 2560 * 100vw),110px); position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #0a1c5e, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num4 h2 span {width:auto; overflow: hidden; text-align: center; font-size: clamp(60px,calc(80 / 2560 * 100vw),80px); position: absolute; left: 50%; top: 26px; transform: translateX(-50%); z-index: 2; color: #0a1c5e; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num4 h3 {width:40%; min-width: 700px; overflow: hidden; margin: 0px auto; text-align: center}
.index_num4 h3 strong {width:100%; overflow: hidden; display: inline-block; text-align: center; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #333; font-family: L !important}
.index_num4 h3 span {width:140px; overflow: hidden; height: 10px; border-radius: 100px; background: #0a1c5e; display: inline-block}
.index_num4 div.sub {width:82%; overflow: hidden; margin: 0px auto; margin-top: 2%;}
.index_num4 div.sub div.list {width: 31.333333333333333333333%; overflow: hidden; margin-left: 1%; margin-right: 1%; margin-top: 2%; background: #f3f3f3; transition: all 0.2s linear 0s !important;}
.index_num4 div.sub div.list a {width:100%; overflow: hidden; display: block;}
.index_num4 div.sub div.list a figure {width:100%; overflow: hidden; height: auto; display: block;}
.index_num4 div.sub div.list a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 10px solid #0a1c5e; transform: rotate(0deg) scale(1)}
.index_num4 div.sub div.list a figure figcaption {width:auto; overflow: hidden; padding: 5%; padding-top: 3%; padding-bottom: 3%; font-size: clamp(30px,calc(36 / 2560 * 100vw),36px); line-height: clamp(34px,calc(44 / 2560 * 100vw),44px); color: #0a1c5e; font-family: othetit !important}
.index_num4 div.sub div.list dl {width:90%; overflow: hidden; padding: 5%; padding-top: 0%; padding-bottom: 0px;}
.index_num4 div.sub div.list dl dt {width:100%; overflow: hidden;}
.index_num4 div.sub div.list dl dt i {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); color: #f1a600; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px);}
.index_num4 div.sub div.list dl dt span  {width: auto; text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); color: #333; font-family: N !important}
.index_num4 div.sub div.list dl dd {width:auto; overflow: hidden; padding-left: clamp(24px,calc(30 / 2560 * 100vw),30px); text-align: left; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); min-height: clamp(88px,calc(106 / 2560 * 100vw),104px); color: #333; padding-top: 4px; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px);}
.index_num4 div.sub div.list div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%; padding-top: 4%;}
.index_num4 div.sub div.list div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.index_num4 div.sub div.list div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}

.index_num4 div.sub div.list:hover {width: 31.333333333333333333333%; overflow: hidden; margin-left: 1%; margin-right: 1%; margin-top: 2%; background: #0a1c5e; transition: all 0.2s linear 0s !important;}
.index_num4 div.sub div.list:hover a {width:100%; overflow: hidden; display: block;}
.index_num4 div.sub div.list:hover a figure {width:100%; overflow: hidden; height: auto; display: block;}
.index_num4 div.sub div.list:hover a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 10px solid #0a1c5e; transform: rotate(0.6deg) scale(1.02)}
.index_num4 div.sub div.list:hover a figure figcaption {width:auto; overflow: hidden; padding: 5%; padding-top: 3%; padding-bottom: 3%; font-size: clamp(30px,calc(36 / 2560 * 100vw),36px); line-height: clamp(34px,calc(44 / 2560 * 100vw),44px); color: #f1a600; font-family: othetit !important}
.index_num4 div.sub div.list:hover dl {width:90%; overflow: hidden; padding: 5%; padding-top: 0%; padding-bottom: 0px;}
.index_num4 div.sub div.list:hover dl dt {width:100%; overflow: hidden;}
.index_num4 div.sub div.list:hover dl dt i {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); color: #fff; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px);}
.index_num4 div.sub div.list:hover dl dt span  {width: auto; text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); color: #fff; font-family: N !important}
.index_num4 div.sub div.list:hover dl dd {width:auto; overflow: hidden; padding-left: clamp(24px,calc(30 / 2560 * 100vw),30px); text-align: left; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #fff; padding-top: 4px; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px);}
.index_num4 div.sub div.list:hover div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%; padding-top: 4%;}
.index_num4 div.sub div.list:hover div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.index_num4 div.sub div.list:hover div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}

@media (max-width: 1700px) {
.index_num4 div.sub div.list {width: 48%;}
.index_num4 div.sub div.list:hover {width: 48%;}
}

.index_num4 div.more {width:80%; overflow: hidden; margin: 0px auto; background: #f3f3f3; margin-top: 2%; padding-top: 1%; padding-bottom: 1%; transition: all 0.2s linear 0s !important;}
.index_num4 div.more a {width:100%; overflow: hidden; height: auto; text-align: center; font-size: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #333}
.index_num4 div.more a em {width: clamp(30px,calc(40 / 2560 * 100vw),40px); overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); color: #333; font-size: clamp(20px,calc(30 / 2560 * 100vw),30px); transition: all 0.2s linear 0s !important;}
.index_num4 div.more:hover {width:80%; overflow: hidden; margin: 0px auto; background: #f1a600; margin-top: 2%; padding-top: 1%; padding-bottom: 1%}
.index_num4 div.more:hover a {width:100%; overflow: hidden; height: auto; text-align: center; font-size: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #fff; transition: all 0.2s linear 0s !important;}
.index_num4 div.more:hover a em {width: clamp(30px,calc(40 / 2560 * 100vw),40px); overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); color: #fff; font-size: clamp(20px,calc(30 / 2560 * 100vw),30px); transition: all 0.2s linear 0s !important;}


.indexmb_num5 {display:none}
.index_num5 {width:100%; overflow: hidden; min-width: 1200px; padding-top: 5%; position: relative; background: #0a1c5e; z-index: 1; padding-bottom: 35%;}
.index_num5 h2 {width:80%; overflow: hidden; margin: 0px auto}
.index_num5 h2 p {width:70%; overflow: hidden;}
.index_num5 h2 p i {width:clamp(90px,calc(110 / 2560 * 100vw),110px); overflow: hidden; height: clamp(60px,calc(80 / 2560 * 100vw),80px); line-height: clamp(60px,calc(80 / 2560 * 100vw),80px); font-size: clamp(60px,calc(80 / 2560 * 100vw),80px); color: #fff; display: block; text-align: left}
.index_num5 h2 p strong {width:auto; overflow: hidden; font-size: clamp(30px,calc(42 / 2560 * 100vw),42px); color: #fff; font-family: st !important; line-height: clamp(30px,calc(46 / 2560 * 100vw),46px)}
.index_num5 h2 p strong b {width:100%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); font-family: N !important; font-weight: normal;}
.index_num5 h2 a {width:26%; overflow: hidden; height: clamp(60px,calc(70 / 2560 * 100vw),70px); background: #f1a600; border-radius: 100px; animation: xunpan 1.5s 3s infinite; color: #fff;}
.index_num5 h2 a em {width: clamp(40px,calc(60 / 2560 * 100vw),60px); overflow: hidden; text-align: left; line-height: clamp(36px,calc(50 / 2560 * 100vw),50px); font-size: clamp(26px,calc(38 / 2560 * 100vw),38px); display: block}
.index_num5 h2 a span {width:auto; overflow: hidden; text-align: left; line-height: clamp(22px,calc(32 / 2560 * 100vw),32px) !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px); display: block}

.index_num5 h2 a:hover {width:26%; overflow: hidden; height: clamp(60px,calc(70 / 2560 * 100vw),70px); background: #d5560a; border-radius: 100px; animation: xunpan 0s 0s infinite; color: #fff;}
.index_num5 h2 a:hover em {width: clamp(40px,calc(60 / 2560 * 100vw),60px); overflow: hidden; text-align: left; line-height: clamp(36px,calc(50 / 2560 * 100vw),50px); font-size: clamp(26px,calc(38 / 2560 * 100vw),38px); display: block}
.index_num5 h2 a:hover span {width:auto; overflow: hidden; text-align: left; line-height: clamp(22px,calc(32 / 2560 * 100vw),32px) !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px); display: block}


@keyframes xunpan {
  0% { transform: scale(1); background: #f1a600; color: #fff}
  15% { transform: scale(0.98); background: #fff; color: #000}
  30% { transform: scale(1); background: #f1a600; color: #fff}
  45% { transform: scale(0.98); background: #fff; color: #000}
  60% { transform: scale(1); background: #f1a600; color: #fff}
}

.index_num5 div.oemodm {width:80%; overflow: hidden; margin: 0px auto; margin-top: 3%}
.index_num5 div.oemodm div.dz {width:100%; overflow: hidden;}
.index_num5 div.oemodm div.dz dl {width:21%; overflow: hidden; padding: 3%; border: 4px solid #fff; border-radius: 25px; color: #fff;}
.index_num5 div.oemodm div.dz dl dt {width:100%; overflow: hidden; text-align: center; line-height: clamp(80px,calc(140 / 2560 * 100vw),140px); font-size: clamp(80px,calc(130 / 2560 * 100vw),130px);}
.index_num5 div.oemodm div.dz dl dd {width:100%; overflow: hidden; text-align: center; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-family: st !important}
.index_num5 div.oemodm div.dz dl dd p {width:100%; overflow: hidden; text-align: center; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-family: st !important}
.index_num5 div.oemodm div.dz dl dd p strong {width:100%; display: block; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); font-family: L !important; margin-top: 2%}
.index_num5 div.oemodm div.dz i {width:8%; overflow: hidden; height: auto; text-align: center; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #fff; display: block}
.index_num5 div.oemodm div.dz div.lcx {width:28%; overflow: hidden; margin-top: 2%; margin-bottom: 2%;}
.index_num5 div.oemodm div.dz div.lcx em {width:50%; overflow: hidden; height: auto; text-align: center; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #fff; display: block}

@keyframes OEM {
  0% {border: 4px solid #fff; color: #fff;}
  50% {border: 4px solid #f1a600; color: #f1a600;}
  100% {border: 4px solid #fff; color: #fff;}
}
@keyframes ODM {
  0% {color: #fff;}
  50% {color: #f1a600;}
  100% {color: #fff;}
}
.lc_1 { animation: OEM 5.5s infinite 0s; }
.lc_2 { animation: ODM 5.5s infinite 0.5s; }
.lc_3 { animation: OEM 5.5s infinite 1s; }
.lc_4 { animation: ODM 5.5s infinite 1.5s; }
.lc_5 { animation: OEM 5.5s infinite 2s; }
.lc_6 { animation: ODM 5.5s infinite 2.5s; }
.lc_7 { animation: OEM 5.5s infinite 3s; }
.lc_8 { animation: ODM 5.5s infinite 3.5s; }
.lc_9 { animation: OEM 5.5s infinite 4s; }
.lc_10 { animation: ODM 5.5s infinite 4.5s; }
.lc_11 { animation: OEM 5.5s infinite 5s; }

.customizedcase {width:100%; position: relative}
.mycaserbanner {width:80%; overflow: hidden; margin: 0px auto; position: relative; z-index: 2; margin-top: -30%;}
.mycaserbanner div.swiper-wrapper {width:auto}
.mycaserbanner div.swiper-wrapper div.swiper-slide {width:auto;}
.mycaserbanner div.swiper-wrapper div.swiper-slide a {width:100%; overflow: hidden; height: auto; display: block; position: relative}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; display: block}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow: hidden; height: auto; display: block}

.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption {width:100%; overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 3;}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption p {width:62%; overflow: hidden; padding: 4%; padding-top: 1.5%; padding-bottom: 1.5%; text-align: left; background: #0a1c5e; opacity: 0.9; color: #fff; font-size: clamp(24px,calc(40 / 2560 * 100vw),40px); font-family: N !important}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption span {width:30%; overflow: hidden; background: #f1a600; padding-top: 1.5%; padding-bottom: 1.5%; text-align: center; color: #fff; font-size: clamp(24px,calc(40 / 2560 * 100vw),40px); font-family: N !important; animation: ODMZX 3s infinite;}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption span em {width:clamp(36px,calc(60 / 2560 * 100vw),60px); overflow: hidden; text-align: left; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); display: block}



.customizedcase div.caserbanner-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: 3%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #fff; line-height: 80px; cursor: pointer}
.customizedcase div.caserbanner-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: 3%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #fff; line-height: 80px; cursor: pointer}

@keyframes ODMZX {
  0%, 90% {background: #f1a600;}
  92% {background: #de6300;}
  94% {background: #f1a600;}
  96% {background: #de6300;}
  98% {background: #f1a600;}
  100% {background: #f1a600;}
}


.index_num6 {width:100%; overflow: hidden; background: #eff6ff; position: relative; z-index: 1; margin-top: -10%; padding-top: 14%; text-align: center}
.index_num6 div.sub {width:80%; overflow: hidden; margin: 0px auto;position: relative; display:grid; display: -webkit-grid; grid-template-columns:46% 54%; gap: 2%;}
.index_num6 div.sub div.l {width:auto}
.index_num6 div.sub div.l h3 {width:100%; overflow: hidden; text-align: left; font-size: clamp(30px,calc(40 / 2560 * 100vw),40px); color: #293669; font-family: N !important}
.index_num6 div.sub div.l h2 {width:100%; overflow: hidden; text-align: left; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #293669; font-family: othetit !important; line-height: clamp(40px,calc(60 / 2560 * 100vw),60px); margin-top: 2%}
.index_num6 div.sub div.l p {width:100%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; font-family: L !important; margin-top: 3%; display: block; line-height: clamp(26px,calc(34 / 2560 * 100vw),34px)}
.index_num6 div.sub div.l a {width:auto; overflow: hidden; padding: 4%; padding-top: 1.5%; padding-bottom: 1.5%; color: #fff; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); background: #0a1c5e; margin-top: 4%}
.index_num6 div.sub div.l a i {width:clamp(36px,calc(46 / 2560 * 100vw),46px); overflow: hidden; display: block; text-align: right; font-size: clamp(30px,calc(40 / 2560 * 100vw),40px)}
.index_num6 div.sub div.l a:hover {width:auto; overflow: hidden; padding: 4%; padding-top: 1.5%; padding-bottom: 1.5%; color: #fff; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); background: #f1a600; margin-top: 4%}
.index_num6 div.sub div.l a:hover i {width:clamp(36px,calc(46 / 2560 * 100vw),46px); overflow: hidden; display: block; text-align: right; font-size: clamp(30px,calc(40 / 2560 * 100vw),40px)}

.index_num6 div.sub div.r {width:auto}
.index_num6 div.sub div.r em {width:100%; overflow: hidden; height: auto; display: block; position: relative; background: #000; cursor:pointer}
.index_num6 div.sub div.r em img {width:140%; overflow: hidden; height: auto; display: block; opacity: 0.8; margin-left: -20%}
.index_num6 div.sub div.r em i {width:clamp(140px,calc(200 / 2560 * 100vw),200px); overflow: hidden; height: clamp(140px,calc(200 / 2560 * 100vw),200px); line-height: clamp(140px,calc(200 / 2560 * 100vw),200px); font-size: clamp(60px,calc(160 / 2560 * 100vw),160px); color: #fff; position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 5; text-align: center}

.index_num6 div.sub div.hot {width:94%; overflow: hidden; padding: 1.5%; padding-right: 0px; background: rgba(255,255,255,0.9); position: absolute; left: 0px; bottom: 0px; z-index: 5}
.index_num6 div.sub div.hot dl {width:50%; overflow: hidden}
.index_num6 div.sub div.hot dl dt {width:20%; overflow: hidden; text-align: left; font-size: clamp(100px,calc(180 / 2560 * 100vw),180px); color: #f1a600; display: block}
.index_num6 div.sub div.hot dl dd {width:72%; overflow: hidden; padding-right: 5%; text-align: left; line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); font-size: clamp(16px,calc(20 / 2560 * 100vw),20px)}
.index_num6 div.sub div.hot dl dd h3 {width:100%; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); padding-bottom: 2%; font-family: N !important}

/* video */
.video-modal {display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 99999999; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.3, 0, 0.2, 1);}
.video-modal.show {opacity: 1; visibility: visible;}
.video-box {position: relative; width: 90%; transform: scale(0.9); transition: transform 0.4s cubic-bezier(0.3, 0, 0.2, 1);}
.close-btn {position: absolute; top: -40px; right: 0; color: #fff; font-size: 24px; cursor: pointer; background: none; border: none;}
video {width: 100%; display: block;}

.index_num6 div.gcsl {width:100%; overflow: hidden; padding-bottom: 2%; padding-top: 2%; background: #e3e9f1; margin-top: 5%}
.index_num6 div.gcsl div.nr {width:80%; overflow: hidden; margin: 0px auto}
.index_num6 div.gcsl div.nr dl {width: 19%; overflow: hidden}
.index_num6 div.gcsl div.nr dl dt {width:100%; overflow: hidden; text-align: center; padding-top: 1%; padding-bottom: 1%; border-radius: 100px; background: #d8e0ea; color: #0a1c5e; font-size: clamp(14px,calc(16 / 2560 * 100vw),16px)}
.index_num6 div.gcsl div.nr dl dd {width:100%; overflow: hidden; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #0a1c5e}
.index_num6 div.gcsl div.nr dl dd strong {width:100%; overflow: hidden; text-align: center; font-size: clamp(50px,calc(60 / 2560 * 100vw),60px); line-height: clamp(60px,calc(80 / 2560 * 100vw),80px); font-family: bigtit !important; color: #0a1c5e; margin-top: 5%; margin-bottom: 3.5%}
.index_num6 div.gcsl div.nr dl dd p {width:100%; overflow: hidden; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #0a1c5e}



.index_num7 {width:100%; overflow: hidden; background:url("../images/why_bg.jpg") right bottom no-repeat; position: relative; z-index: 1; padding-top: 5%; padding-bottom: 5%; text-align: center}
.index_num7 h2 {width:80%; overflow: hidden; margin: 0px auto; text-align: left; color: #000; font-size: clamp(48px,calc(68 / 2560 * 100vw),68px); font-family: bigtit !important;}
.index_num7 h2 span {color:#f1a600; font-family: bigtit !important;}
.index_num7 h3 {width:80%; overflow: hidden; margin: 0px auto; text-align: left; color: #333; font-size: clamp(22px,calc(26 / 2560 * 100vw),26px); font-family: B !important;}
.index_num7 div.sub {width:80%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.index_num7 div.sub dl {width:32%; overflow: hidden; background: #ebebeb; margin-top: 2%}
.index_num7 div.sub dl dt {width:40%; overflow: hidden; height: auto;}
.index_num7 div.sub dl dt img {width:100%; overflow: hidden; height: 100%; display: block}
.index_num7 div.sub dl dd {width:52%; overflow: hidden; font-size: clamp(14px,calc(20 / 2560 * 100vw),20px); padding-right: 4%; line-height: clamp(18px,calc(24 / 2560 * 100vw),24px); text-align:justify}
.index_num7 div.sub dl dd h4 {width:100%; overflow: hidden; padding-bottom: 3%; font-size: clamp(18px,calc(24 / 2560 * 100vw),24px); font-family: st !important; text-align: left !important}
.index_num7 div.more {width:80%; overflow: hidden; margin: 0px auto; margin-top: 5%; margin-bottom: 3%;}
.index_num7 div.more a {width:30%; overflow: hidden; height: clamp(70px,calc(80 / 2560 * 100vw),80px); background: #f1a600; border-radius: 100px; animation: xunpan 1.5s 3s infinite; color: #fff;}
.index_num7 div.more a em {width:clamp(42px,calc(50 / 2560 * 100vw),50px); overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px); font-size: clamp(26px,calc(38 / 2560 * 100vw),38px); display: block}
.index_num7 div.more a span {width:auto; overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px) !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px); display: block}
.index_num7 div.more a:hover {width:30%; overflow: hidden; height: clamp(70px,calc(80 / 2560 * 100vw),80px); background: #d5560a; border-radius: 100px; animation: xunpan 0s 0s infinite; color: #fff;}
.index_num7 div.more a:hover em {width:clamp(36px,calc(50 / 2560 * 100vw),50px); overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px); font-size: clamp(26px,calc(38 / 2560 * 100vw),38px); display: block}
.index_num7 div.more h2 a:hover span {width:auto; overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px) !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px); display: block}




.index_num8 {width:100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; background: #f7f7f7}
.index_num8 div.tit {width:80%; overflow: hidden; margin: 0px auto}
.index_num8 div.tit h2 {width:76%; overflow: hidden}
.index_num8 div.tit h2 i {width:clamp(80px,calc(100 / 2560 * 100vw),100px); text-align: left; line-height: clamp(80px,calc(120 / 2560 * 100vw),120px); overflow: hidden; font-size: clamp(60px,calc(70 / 2560 * 100vw),70px); color: #333}
.index_num8 div.tit h2 strong {width:auto; overflow: hidden; text-align: left; font-size: clamp(36px,calc(46 / 2560 * 100vw),46px); line-height: clamp(30px,calc(44 / 2560 * 100vw),44px); font-weight: normal; font-family: bigtit !important;}
.index_num8 div.tit h2 strong span {width:100%; overflow: hidden; text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px)}

.index_num8 div.tit a {width:24%; overflow: hidden; height: clamp(70px,calc(80 / 2560 * 100vw),80px); background: #0a1c5e; border-radius: 100px; animation: casexp 6s infinite; color: #fff;}
.index_num8 div.tit a em {width:clamp(42px,calc(50 / 2560 * 100vw),50px); overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px); font-size: clamp(26px,calc(38 / 2560 * 100vw),38px); display: block}
.index_num8 div.tit a span {width:auto; overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px) !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px); display: block}
.index_num8 div.tit a:hover {width:24%; overflow: hidden; height: clamp(70px,calc(80 / 2560 * 100vw),80px); background: #d5560a; border-radius: 100px; animation: xunpan 0s 0s infinite; color: #fff;}
.index_num8 div.tit a:hover em {width:clamp(36px,calc(50 / 2560 * 100vw),50px); overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px); font-size: clamp(26px,calc(38 / 2560 * 100vw),38px); display: block}
.index_num8 div.tit a:hover span {width:auto; overflow: hidden; text-align: left; line-height: clamp(36px,calc(46 / 2560 * 100vw),46px) !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px); display: block}

@keyframes casexp {
  0%, 90% {background: #0a1c5e; transform: scale(1);}
  92% {background: #f1a600; transform: scale(1);}
  94% {background: #0a1c5e; transform: scale(0.98);}
  96% {background: #f1a600; transform: scale(1);}
  98% {background: #0a1c5e; transform: scale(0.98);}
  100% {background: #f1a600; transform: scale(1);}
}

.index_num8 div.caselb {width:80%; margin: 0px auto; position: relative; margin-top: 3%}
.index_num8 div.caselb div.mycasecenter {width:auto; overflow: hidden;}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper {width:auto;}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide {width:auto;}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a {width:100%; overflow: hidden; display: block; background: #e9e9e9}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; display: block}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 8px solid #f1a600}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure figcaption {width:auto; overflow: hidden; padding: 5%; display: block; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure figcaption h2 {width:100%; overflow: hidden; text-align: left; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); font-family: bigtit !important; padding-bottom: 2%; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px)}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure figcaption p {width:100%; overflow: hidden; text-align: justify; display: block; font-size: clamp(15px,calc(18 / 2560 * 100vw),18px)}

.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a:hover {width:100%; overflow: hidden; display: block; background: #0a1c5e}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a:hover figure {width:100%; overflow: hidden; display: block}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a:hover figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 8px solid #f1a600}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a:hover figure figcaption {width:auto; overflow: hidden; padding: 5%; display: block; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #fff}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a:hover figure figcaption h2 {width:100%; overflow: hidden; text-align: left; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); font-family: bigtit !important; padding-bottom: 2%; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px)}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a:hover figure figcaption p {width:100%; overflow: hidden; text-align: justify; display: block; font-size: clamp(15px,calc(18 / 2560 * 100vw),18px)}

.index_num8 div.caselb div.casecenter-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: -7%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}
.index_num8 div.caselb div.casecenter-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: -7%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}

.index_num8 h3 {width:100%; overflow: hidden; text-align: center; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); color: #333; padding-bottom: 3%; padding-top: 3%; font-family: bigtit !important}
.index_num8 div.Customer {width:81%; overflow: hidden; margin: 0px auto;}
.index_num8 div.Customer figure {width:19%; overflow: hidden; margin-left: 0.5%; margin-right: 0.5%; background: #fff; display: block; margin-bottom: 1%} 
.index_num8 div.Customer figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1);}
.index_num8 div.Customer figure:hover {width:19%; overflow: hidden; margin-left: 0.5%; margin-right: 0.5%; background: #fff; display: block; margin-bottom: 1%} 
.index_num8 div.Customer figure:hover img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1.05);}


.index_num9 {width:100%; overflow: hidden; min-width: 1200px; padding-top: 5%; padding-bottom: 3%; position: relative}
.index_num9 h2 {width:80%; margin: 0px auto; min-height: clamp(120px,calc(150 / 2560 * 100vw),150px); min-width: 1200px; position: relative; display: block; height: auto}
.index_num9 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(90px,calc(110 / 2560 * 100vw),110px); height: clamp(90px,calc(110 / 2560 * 100vw),110px); position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #0a1c5e, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num9 h2 span {width:auto; overflow: hidden; text-align: center; font-size: clamp(60px,calc(80 / 2560 * 100vw),80px); position: absolute; left: 50%; top: 26px; transform: translateX(-50%); z-index: 2; color: #0a1c5e; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num9 h3 {width:40%; min-width: 700px; overflow: hidden; margin: 0px auto; text-align: center}
.index_num9 h3 strong {width:100%; overflow: hidden; display: inline-block; text-align: center; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #333; font-family: L !important}
.index_num9 h3 span {width:140px; overflow: hidden; height: 10px; border-radius: 100px; background: #0a1c5e; display: inline-block}


.index_num9 div.reviews {width:80%; margin: 0px auto; position: relative; margin-top: 3%}
.index_num9 div.reviews div.myreviews {width:auto; overflow: hidden;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper {width:auto; display: flex; align-items: stretch;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide {width:auto; background: #e9e9e9; height: auto !important; align-self: stretch; display: flex; transition: all 0.3s linear 0s !important;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a {width:90%; overflow: hidden; display: block; padding: 5%; border-top: 10px solid #f1a600; text-align: justify; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); color: #333; position: relative}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a em {width: clamp(30px,calc(40 / 2560 * 100vw),40px); overflow: hidden; height: clamp(30px,calc(40 / 2560 * 100vw),40px); line-height: clamp(30px,calc(40 / 2560 * 100vw),40px); text-align: left; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); color:#0a1c5e; position: absolute; top: 3%; right: 0.8%; z-index: 9}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; height: auto; padding-bottom: 5%}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure img {width:30%; overflow: hidden; border-radius: 100px; display: block; height: auto}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption {width:64%; overflow: hidden;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption strong {width:100%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #0a1c5e; font-family:st !important}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption span {width:100%; overflow: hidden; height: clamp(20px,calc(24 / 2560 * 100vw),24px); line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); text-align: left; font-size: clamp(18px,calc(24 / 2560 * 100vw),24px); color:#f1a600}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption span i {width: clamp(20px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(20px,calc(24 / 2560 * 100vw),24px); line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color:#f1a600}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption p {width:100%; overflow: hidden; display: block; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333}

.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide:hover {width:auto; background: #0a1c5e; height: auto !important; align-self: stretch; display: flex; transition: all 0.3s linear 0s !important;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover {width:90%; overflow: hidden; display: block; padding: 5%; border-top: 10px solid #0a1c5e; text-align: justify; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); color: #fff; position: relative}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover em {width: clamp(30px,calc(40 / 2560 * 100vw),40px); overflow: hidden; height: clamp(30px,calc(40 / 2560 * 100vw),40px); line-height: clamp(30px,calc(40 / 2560 * 100vw),40px); text-align: left; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); color:#fff; position: absolute; top: 3%; right: 0.8%; z-index: 9}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure {width:100%; overflow: hidden; height: auto; padding-bottom: 5%}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure img {width:30%; overflow: hidden; border-radius: 100px; display: block; height: auto}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure figcaption {width:64%; overflow: hidden;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure figcaption strong {width:100%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #fff; font-family:st !important}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure figcaption span {width:100%; overflow: hidden;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure figcaption span i {width: clamp(20px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(20px,calc(24 / 2560 * 100vw),24px); line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color:#f1a600}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a:hover figure figcaption p {width:100%; overflow: hidden; display: block; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #fff}


.index_num9 div.reviews div.reviews-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: -7%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}
.index_num9 div.reviews div.reviews-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: -7%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}



.index_num9 h4 {width:100%; overflow: hidden; text-align: center; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); color: #333; padding-bottom: 3%; padding-top: 3%; font-family: bigtit !important}
.index_num9 div.certificate {width:100%; overflow: hidden; background: url("../images/zsbg.jpg") center bottom no-repeat; background-size: 80%; padding-bottom: 7%}
.marquee-container {width: 70%; margin: 0px auto; overflow: hidden;}
.marquee-content {display: flex; width: max-content; gap: 30px; animation: scroll 20s linear infinite;}
.marquee-container:hover .marquee-content {animation-play-state: paused;}
@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}
.item {width: clamp(120px,calc(300 / 2560 * 100vw),300px); height: auto; overflow: hidden; border: 2px solid #ddd; padding: 3px; background: #fff; flex-shrink: 0; display: flex;}
.item img {width:100%; overflow: hidden; height: auto; display: block}






.index_num10 {width:100%; overflow: hidden; min-width: 1200px; padding-top: 5%; padding-bottom: 0%; position: relative; background:url("../images/faqbg.png") left bottom no-repeat #0a1c5e; background-size: 40%}
.index_num10 h2 {width:80%; margin: 0px auto; min-height: clamp(120px,calc(150 / 2560 * 100vw),150px); min-width: 1200px; position: relative; display: block; height: auto}
.index_num10 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: clamp(80px,calc(100 / 2560 * 100vw),100px); line-height: clamp(90px,calc(110 / 2560 * 100vw),110px); height: clamp(90px,calc(110 / 2560 * 100vw),110px); position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #fff, #0a1c5e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num10 h2 span {width:auto; overflow: hidden; text-align: center; font-size: clamp(60px,calc(80 / 2560 * 100vw),80px); position: absolute; left: 50%; top: 26px; transform: translateX(-50%); z-index: 2; color: #fff; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num10 h3 {width:40%; min-width: 700px; overflow: hidden; margin: 0px auto; text-align: center; color: #fff}
.index_num10 h3 strong {width:100%; overflow: hidden; display: inline-block; text-align: center; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); color: #fff; font-family: L !important}
.index_num10 h3 span {width:140px; overflow: hidden; height: 10px; border-radius: 100px; background: #fff; display: inline-block}

.faq {width: 76%; overflow: hidden; margin: 0px auto; padding: 2%; background: #03124b; margin-top: 3%}
.faq-item {width:100%; border-bottom: 1px solid #0c237b}
.faq-question {width:100%; cursor: pointer; line-height: clamp(46px,calc(60 / 2560 * 100vw),60px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); user-select: none; -webkit-tap-highlight-color: transparent; color: #fff}
.faq-question em {font-family: bigtit !important; width: auto; display: inline-block; font-size: clamp(22px,calc(26 / 2560 * 100vw),26px);}
/* 箭头 */
.faq-question::after {content: ">"; font-size: clamp(30px,calc(40 / 2560 * 100vw),40px); transition: transform 0.3s ease; float: right}
.faq-question.active::after {transform: rotate(90deg); float: right}

/* 超级兼容 + 丝滑动画 */
.faq-answer {overflow: hidden; height: 0; transition: height 0.35s ease;}
.faq-answer-inner {padding: 2%; background: #0c237b; line-height: clamp(22px,calc(28 / 2560 * 100vw),28px); font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #fff}



.index_num11 {width:100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; background:url("../images/contact_bg.jpg") left bottom no-repeat #fff; background-size: 46%}
.index_num11 div.sub {width:80%; overflow: hidden; margin: 0px auto; display:grid; display: -webkit-grid; grid-template-columns:40% 60%; gap: 2%;}
.index_num11 div.sub div.contact {width:auto; overflow: hidden; height: auto; padding: 5%; padding-bottom: 8%; background: rgba(222,222,222,0.9); border-radius: 15px}
.index_num11 div.sub div.contact h2 {width:100%; overflow: hidden; text-align: left; font-family: bigtit !important; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #0a1c5e}
.index_num11 div.sub div.contact h3 {width:100%; overflow: hidden; text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; margin-top: 1%; padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px solid #aeaeae}
.index_num11 div.sub div.contact h4 {width:100%; overflow: hidden; text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; font-family: st !important}
.index_num11 div.sub div.contact p {width:100%; overflow: hidden; text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; margin-top: 2%; display: block;}
.index_num11 div.sub div.contact dl {width:100%; overflow: hidden; margin-top: 3%}
.index_num11 div.sub div.contact dl dt {width:clamp(56px,calc(70 / 2560 * 100vw),70px); overflow: hidden; line-height: clamp(46px,calc(74 / 2560 * 100vw),74px); font-size: clamp(46px,calc(64 / 2560 * 100vw),64px); text-align: left; color: #000}
.index_num11 div.sub div.contact dl dd {width:84%; overflow: hidden; text-align: left; line-height: clamp(24px,calc(32 / 2560 * 100vw),32px); font-size:clamp(18px,calc(24 / 2560 * 100vw),24px); padding-left: 2%}
.index_num11 div.sub div.contact dl dd strong {font-family: st !important}
 
.index_num11 div.sub div.InquiryForm {width:auto; overflow: hidden}
.index_num11 div.sub div.InquiryForm h2 {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(44 / 2560 * 100vw),44px); font-size: clamp(24px,calc(32 / 2560 * 100vw),32px); color: #333; padding-bottom: 2%; margin-top: 2%; font-family: N !important}
.index_num11 div.sub div.InquiryForm form {width:100%; overflow: hidden; padding-bottom: 3%}
.index_num11 div.sub div.InquiryForm form label.bd {width:48%; overflow: hidden; display: block; margin-top: 1.5%}
.index_num11 div.sub div.InquiryForm form label.bd span {width:100%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); margin-top: 1%; display: block}
.index_num11 div.sub div.InquiryForm form label.bd select {width:100%; overflow: hidden; border: 0px; border-bottom: 1px solid #666; line-height: clamp(34px,calc(44 / 2560 * 100vw),44px); text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); background: url("../images/x.png") right no-repeat; margin-top: 1%}
.index_num11 div.sub div.InquiryForm form label.bd input {width:100%; overflow: hidden; border: 0px; border-bottom: 1px solid #666; line-height: clamp(34px,calc(44 / 2560 * 100vw),44px); text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); margin-top: 1%}

.index_num11 div.sub div.InquiryForm form label.message {width:100%; overflow: hidden; display: block; margin-top: 1.5%}
.index_num11 div.sub div.InquiryForm form label.message span {width:100%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); margin-top: 1%; display: block}
.index_num11 div.sub div.InquiryForm form label.message textarea {width:100%; overflow: hidden; min-height: 200px; border: 0px; border-bottom: 1px solid #666; line-height: clamp(34px,calc(44 / 2560 * 100vw),44px); text-align: left; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); margin-top: 1%}

.index_num11 div.sub div.InquiryForm form label.anniu {width:100%; overflow: hidden; margin-top: 3%}
.index_num11 div.sub div.InquiryForm form label.anniu button.tj {width:34%; overflow: hidden; padding-top: 1.2%; padding-bottom: 1.2%; border-radius: 100px; text-align: center; border: 0px; background: #0a1c5e; color: #fff; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); cursor: pointer; transition: all 0.2s linear 0s !important;}
.index_num11 div.sub div.InquiryForm form label.anniu button.tj:hover {width:34%; overflow: hidden; padding-top: 1.2%; padding-bottom: 1.2%; border-radius: 100px; text-align: center; border: 0px; background: #f1a600; color: #fff; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); cursor: pointer; transition: all 0.2s linear 0s !important;}

.index_num11 div.sub div.InquiryForm form label.anniu a.zx {width:40%; overflow: hidden; padding-top: 1.2%; padding-bottom: 1.2%; border-radius: 100px; text-align: center; border: 0px; background: #f1a600; color: #fff; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); cursor: pointer; transition: all 0.2s linear 0s !important; margin-left: 3%; animation: btxp 3s infinite;}
.index_num11 div.sub div.InquiryForm form label.anniu a.zx i {width:clamp(30px,calc(44 / 2560 * 100vw),44px); text-align: left; font-size: clamp(26px,calc(40 / 2560 * 100vw),340px)}
.index_num11 div.sub div.InquiryForm form label.anniu a.zx:hover {width:40%; overflow: hidden; padding-top: 1.2%; padding-bottom: 1.2%; border-radius: 100px; text-align: center; border: 0px; background: #ca5f00; color: #fff; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); cursor: pointer; transition: all 0.2s linear 0s !important;}
.index_num11 div.sub div.InquiryForm form label.anniu a.zx:hover i {width:clamp(30px,calc(44 / 2560 * 100vw),44px); text-align: left; font-size: clamp(26px,calc(40 / 2560 * 100vw),340px)}


@keyframes btxp {
  0%, 70% {background: #f1a600; transform: scale(1); color: #fff}
  72% {background: #fff; transform: scale(0.98); color: #000}
  76% {background: #f1a600; transform: scale(1); color: #fff}
  84% {background: #fff; transform: scale(0.98); color: #000}
  90% {background: #f1a600; transform: scale(1); color: #fff}
  95% {background: #fff; transform: scale(0.98); color: #000}
}



footer {width:100%; overflow:hidden; padding-top:3%; padding-bottom:3%; background:#031041}
footer div.botmenu {width:80%; overflow:hidden; margin:0px auto;}
footer div.botmenu div.logo {width:15%; overflow:hidden; height:auto;}
footer div.botmenu div.logo a {width:90%; overflow:hidden; display:block}
footer div.botmenu div.logo a figure {width:100%; overflow:hidden; height:auto; display:block}
footer div.botmenu div.logo a figure img {width:100%; overflow:hidden; height:auto; display:block}

footer div.botmenu div.zycd {width:83%; overflow:hidden;}
footer div.botmenu div.zycd dl {width:22%;}
footer div.botmenu div.zycd dl dt {width:100%; overflow:hidden}
footer div.botmenu div.zycd dl dt a {width:100%; overflow:hidden; text-align:left; display:block; line-height:clamp(30px,calc(36 / 2560 * 100vw),36px); font-size:clamp(26px,calc(36 / 2560 * 100vw),36px); font-family:st !important; color:#FFF; padding-bottom:3%}
footer div.botmenu div.zycd dl dt a:hover {width:100%; overflow:hidden; text-align:left; display:block; line-height:clamp(30px,calc(36 / 2560 * 100vw),36px); font-size:clamp(26px,calc(36 / 2560 * 100vw),36px); font-family:st !important; color:#f1a600; padding-bottom:3%}
footer div.botmenu div.zycd dl dd {width:100; overflow:hidden; text-align:left;}
footer div.botmenu div.zycd dl dd a {width:100%; overflow:hidden; text-align:left; display:block; line-height:clamp(22px,calc(30 / 2560 * 100vw),30px); font-size:clamp(18px,calc(24 / 2560 * 100vw),24px); font-family:L !important; color:#FFF; padding-top:2%; padding-bottom:2%;}
footer div.botmenu div.zycd dl dd a:hover {width:100%; overflow:hidden; text-align:left; display:block; line-height:clamp(22px,calc(30 / 2560 * 100vw),30px); font-size:clamp(18px,calc(24 / 2560 * 100vw),24px); font-family:L !important; color:#f1a600; padding-top:2%; padding-bottom:2%;}
footer div.botmenu div.zycd dl dd span {width:100%; overflow:hidden; text-align:left; display:block; line-height:clamp(22px,calc(30 / 2560 * 100vw),30px); font-size:clamp(18px,calc(24 / 2560 * 100vw),24px); font-family:L !important; color:#FFF; padding-top:2%; padding-bottom:2%;}

footer div.botmenu div.zycd dl p {width:100%; margin-top:5%}
footer div.botmenu div.zycd dl p a {width:clamp(30px,calc(40 / 2560 * 100vw),40px); height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); font-size:clamp(24px,calc(32 / 2560 * 100vw),32px); color:#FFF; margin:0px; padding:0px; margin-left:2%;  transform: scale(1); transition: all 0.1s linear 0s !important;}
footer div.botmenu div.zycd dl p a:hover {width:clamp(30px,calc(40 / 2560 * 100vw),40px); height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); font-size:clamp(24px,calc(32 / 2560 * 100vw),32px); color:#f1a600; margin:0px; padding:0px; margin-left:2%;  transform: scale(1.3); transition: all 0.1s linear 0s !important;}


footer div.copyright {width:80%; overflow:hidden; margin:0px auto; padding-top:3%; border-top:1px solid #051b6d; margin-top:5%; color:#FFF; text-align:center; font-size:clamp(16px,calc(18 / 2560 * 100vw),18px)}
footer div.copyright a {color:#fff}
footer div.copyright a:hover {color:#f1a600}



/***************page css******************/
.globalcontext {background: #f7f8fc}

.Generalclassification {width:100%; overflow:hidden; padding-top:3%; padding-bottom:3%; display: block}
.Generalclassification nav {width:80%; overflow:hidden; margin:0px auto}
.Generalclassification nav a {width:auto; overflow:hidden; padding-left:1%; padding-right:1%; font-size:clamp(18px,calc(22 / 2560 * 100vw),22px); color:#333; font-family:st !important}
.Generalclassification nav a:hover {width:auto; overflow:hidden; padding-left:1%; padding-right:1%; font-size:clamp(18px,calc(22 / 2560 * 100vw),22px); color:#f1a600; font-family:st !important}
.Generalclassification nav a.ahover {width:auto; overflow:hidden; padding-left:1%; padding-right:1%; font-size:clamp(18px,calc(22 / 2560 * 100vw),22px); color:#f1a600; font-family:st !important}


.pagination {width:100%; overflow:hidden; margin-top:5%}
.pagination ul {width:100%; list-style:none; margin:0 auto; padding:0; vertical-align:bottom}
.pagination ul li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px; background:#fff; margin-left:0.5%; margin-right:0.5%}
.pagination ul li a {color:#333;padding:clamp(16px,calc(30 / 2560 * 100vw),30px);line-height:4px;display:block; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px)}
.pagination ul li:hover {display:inline-block!important;border:solid 1px #15204d;border-radius:4px; background:#15204d; margin-left:0.5%; margin-right:0.5%}
.pagination ul li:hover a {color:#fff;padding:clamp(16px,calc(30 / 2560 * 100vw),30px);line-height:4px;display:block; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px)}
.pagination ul li.active {display:inline-block!important;border:solid 1px #15204d;border-radius:4px; background:#15204d; margin-left:0.5%; margin-right:0.5%}
.pagination ul li.active a {color:#fff;padding:clamp(16px,calc(30 / 2560 * 100vw),30px);line-height:4px;display:block; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px)}

.pclocation {width:80%; overflow: hidden; padding: 10%; padding-top: 1%; padding-bottom: 1%; background: #f3f3f3; border-bottom: 1px solid #ddd; display: flex; text-align: left; font-size: 1rem; color: #333333; margin-top: clamp(80px,calc(100 / 2560 * 100vw),100px)}
.pclocation i {width: clamp(30px,calc(40 / 2560 * 100vw),40px); height: clamp(40px,calc(50 / 2560 * 100vw),50px); line-height: clamp(40px,calc(50 / 2560 * 100vw),50px); font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; display: block}
.pclocation span {width:auto; overflow: hidden; display: block; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px);}
.pclocation span a {color:#333;}
.pclocation span a:hover {color:#f1a600;}

.mbtopbanner_num1,.mblocation,.mbCategories {display: none}
.topbanner_num1 {width:100%; overflow: hidden; position: relative; display: block}
.topbanner_num1 img {width:100%; overflow: hidden; height: auto; display: block}
.topbanner_num1 div.sub {width:80%; overflow: hidden; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 5; color: #fff}
.topbanner_num1 div.sub h1 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.topbanner_num1 div.sub strong {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.topbanner_num1 div.sub nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #fff}
.topbanner_num1 div.sub nav.location i {width:clamp(30px,calc(42 / 2560 * 100vw),42px); height: clamp(30px,calc(42 / 2560 * 100vw),42px); line-height: clamp(30px,calc(42 / 2560 * 100vw),42px); font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #fff}
.topbanner_num1 div.sub nav.location span {width:auto; display: block}
.topbanner_num1 div.sub nav.location span a {color:#fff;}
.topbanner_num1 div.sub nav.location span a:hover {color:#f1a600;}
.topbanner_num1 div.sub h2 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(30px,calc(50 / 2560 * 100vw),50px); font-size: clamp(22px,calc(34 / 2560 * 100vw),34px); font-family: N !important; color: #fff; margin-top: 2%}
.topbanner_num1 div.sub h3 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); font-family: l !important; color: #fff; margin-top: 0%}
.topbanner_num1 div.sub em {width:6%; overflow: hidden; height: 8px; border-radius: 100px; margin: 0px auto; display: block; background: #fff; margin-top: 1%}


.topbanner_num2 {width:100%; overflow: hidden; position: relative; display: block}
.topbanner_num2 em {width:100%; overflow:hidden; height:100%; display:block; position:absolute; left:0px; top:0px; z-index:1; background:rgba(0,0,0,0.7)}
.topbanner_num2 img {width:100%; overflow: hidden; height: auto; display: block}
.topbanner_num2 div.sub {width:80%; overflow: hidden; position: absolute; left: 10%; top: 55%; transform: translateY(-50%); z-index: 5; color: #fff}
.topbanner_num2 div.sub h1 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.topbanner_num2 div.sub strong {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.topbanner_num2 div.sub nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #fff}
.topbanner_num2 div.sub nav.location i {width:clamp(30px,calc(42 / 2560 * 100vw),42px); height: clamp(30px,calc(42 / 2560 * 100vw),42px); line-height: clamp(30px,calc(42 / 2560 * 100vw),42px); font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #fff}
.topbanner_num2 div.sub nav.location span {width:auto; display: block}
.topbanner_num2 div.sub nav.location span a {color:#fff;}
.topbanner_num2 div.sub nav.location span a:hover {color:#f1a600;}


.topbanner_num3 {width:100%; position: relative; display: block}
.topbanner_num3 img {width:100%; overflow: hidden; height: auto; display: block}
.topbanner_num3 div.sub {width:80%; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 5; color: #fff}
.topbanner_num3 div.sub h1 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.topbanner_num3 div.sub strong {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.topbanner_num3 div.sub nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #fff}
.topbanner_num3 div.sub nav.location i {width:clamp(30px,calc(42 / 2560 * 100vw),42px); height: clamp(30px,calc(42 / 2560 * 100vw),42px); line-height: clamp(30px,calc(42 / 2560 * 100vw),42px); font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #fff}
.topbanner_num3 div.sub nav.location span {width:auto; display: block}
.topbanner_num3 div.sub nav.location span a {color:#fff;}
.topbanner_num3 div.sub nav.location span a:hover {color:#f1a600;}
.topbanner_num3 div.sub h2 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(30px,calc(50 / 2560 * 100vw),50px); font-size: clamp(22px,calc(34 / 2560 * 100vw),34px); font-family: N !important; color: #fff; margin-top: 2%}
.topbanner_num3 div.sub h3 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); font-family: l !important; color: #fff; margin-top: 0%}
.topbanner_num3 div.sub em {width:6%; overflow: hidden; height: 8px; border-radius: 100px; margin: 0px auto; display: block; background: #fff; margin-top: 1%}

.topbanner_num3 div.sub div.form-group {width:100%;}
.topbanner_num3 div.sub div.form-group a.xp {width:auto; padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 2%; font-family: N !important; animation: formxp 3s infinite;}
.topbanner_num3 div.sub div.form-group a.xp i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.topbanner_num3 div.sub div.form-group a.lx {width:auto; padding: 3%; padding-top: 0.7%; padding-bottom: 0.7%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; margin-left: 2%}
.topbanner_num3 div.sub div.form-group a.lx i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: clamp(50px,calc(70 / 2560 * 100vw),70px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #fff;}






.Productsmain {width:100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; background: #f7f8fc}
.Productsmain div.subite {width:80%; overflow: hidden; margin: 0px auto;}
.Productsmain div.subite div.left {width:28%; overflow: hidden;}
.Productsmain div.subite div.left h2 {width:90%; overflow: hidden; padding: 5%; padding-top: clamp(15px,calc(20 / 2560 * 100vw),20px); padding-bottom: clamp(15px,calc(20 / 2560 * 100vw),20px); border-radius: 10px 10px 0px 0px; background: #0a1c5e}
.Productsmain div.subite div.left h2 i {width: clamp(40px,calc(50 / 2560 * 100vw),50px); overflow: hidden; text-align: left; line-height: clamp(40px,calc(50 / 2560 * 100vw),50px); font-size: clamp(24px,calc(32 / 2560 * 100vw),32px); color: #fff}
.Productsmain div.subite div.left h2 strong {width: auto; text-align: left; color: #fff; font-size: clamp(16px,calc(26 / 2560 * 100vw),26px); font-family: N !important}
.Productsmain div.subite div.left dl {width:90%; overflow: hidden; padding: 5%; padding-top: 5%; padding-bottom: 8%; background: #fff; border-radius: 0 0 10px 10px}
.Productsmain div.subite div.left dl a {width:100%; overflow: hidden; height: auto; margin-top: clamp(12px,calc(15 / 2560 * 100vw),15px); margin-bottom: clamp(12px,calc(15 / 2560 * 100vw),15px);}
.Productsmain div.subite div.left dl a dt {width: clamp(18px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(18px,calc(24 / 2560 * 100vw),24px); border: 2px solid #cfcfcf; background: none; border-radius: 5px; margin-right: 2%; text-align: center;}
.Productsmain div.subite div.left dl a dd {width: 92%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); line-height: clamp(18px,calc(30 / 2560 * 100vw),30px); font-family: l !important;}
.Productsmain div.subite div.left dl a:hover {width:100%; overflow: hidden; height: auto; margin-top: clamp(12px,calc(15 / 2560 * 100vw),15px); margin-bottom: clamp(12px,calc(15 / 2560 * 100vw),15px);}
.Productsmain div.subite div.left dl a:hover dt {width: clamp(18px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(18px,calc(24 / 2560 * 100vw),24px); border: 2px solid #f1a600; background: #f1a600; border-radius: 5px; margin-right: 2%; text-align: center;}
.Productsmain div.subite div.left dl a:hover dd {width: 92%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); line-height: clamp(18px,calc(30 / 2560 * 100vw),30px); font-family: N !important; color: #f1a600}
.Productsmain div.subite div.left dl a.ahover {width:100%; overflow: hidden; height: auto; margin-top: clamp(12px,calc(15 / 2560 * 100vw),15px); margin-bottom: clamp(12px,calc(15 / 2560 * 100vw),15px);}
.Productsmain div.subite div.left dl a.ahover dt {width: clamp(18px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(18px,calc(24 / 2560 * 100vw),24px); border: 2px solid #f1a600; background: #f1a600; border-radius: 5px; margin-right: 2%; text-align: center;}
.Productsmain div.subite div.left dl a.ahover dd {width: 92%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); line-height: clamp(18px,calc(30 / 2560 * 100vw),30px); font-family: N !important; color: #f1a600}

.Productsmain div.subite div.hotlist {width:90%; overflow: hidden; padding: 5%; padding-top: 5%; padding-bottom: 8%; background: #fff; border-radius: 0 0 10px 10px}
.Productsmain div.subite div.hotlist a {width:100%; overflow: hidden; display: block; border-bottom:1px dotted #666; padding-bottom:3%; margin-bottom:3%;}
.Productsmain div.subite div.hotlist a figure {width:100%; overflow: hidden; display: block}
.Productsmain div.subite div.hotlist a figure img {width:99%; overflow: hidden; height: auto; display: block; border: 1px solid #ddd}
.Productsmain div.subite div.hotlist a figure figcaption {width:100%; overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(24px,calc(36 / 2560 * 100vw),36px); color: #333; font-family: bigtit !important; margin-top: 5%}
.Productsmain div.subite div.hotlist a p {width:100%; overflow:hidden; display:block; padding-top:3%; text-align:justify; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #666}
.Productsmain div.subite div.hotlist a h5 {width:100%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.Productsmain div.subite div.hotlist a h5 i {width:clamp(24px,calc(32 / 2560 * 100vw),32px); overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.Productsmain div.subite div.hotlist a h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}
.Productsmain div.subite div.hotlist a:hover {width:100%; overflow: hidden; display: block; border-bottom:1px dotted #666; padding-bottom:3%; margin-bottom:3%;}
.Productsmain div.subite div.hotlist a:hover figure {width:100%; overflow: hidden; display: block}
.Productsmain div.subite div.hotlist a:hover figure img {width:99%; overflow: hidden; height: auto; display: block; border: 1px solid #ddd}
.Productsmain div.subite div.hotlist a:hover figure figcaption {width:100%; overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(24px,calc(36 / 2560 * 100vw),36px); color: #f1a600; font-family: bigtit !important; margin-top: 5%}
.Productsmain div.subite div.hotlist a:hover p {width:100%; overflow:hidden; display:block; padding-top:3%; text-align:justify; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #666}
.Productsmain div.subite div.hotlist a:hover h5 {width:100%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.Productsmain div.subite div.hotlist a:hover h5 i {width:clamp(24px,calc(32 / 2560 * 100vw),32px); overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.Productsmain div.subite div.hotlist a:hover h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}



.Productsmain div.subite div.right {width:70%; overflow: hidden}
.Productsmain div.subite div.right h2 {width:100%; overflow:hidden; background:url(../images/hx.jpg) bottom repeat-x; align-items:flex-end !important; align-content:flex-end !important; margin-bottom:3%}
.Productsmain div.subite div.right h2 strong {width:auto; overflow:hidden; text-align:left; line-height: clamp(56px,calc(70 / 2560 * 100vw),70px); font-size:clamp(22px,calc(28 / 2560 * 100vw),28px); color:#333; display:inline-block; font-family:st !important; padding-top:1%; padding-bottom:0.9%; position:relative}
.Productsmain div.subite div.right h2 strong em {width:100%; overflow:hidden; height:1px; background:#333; position:absolute; left:0px; bottom:0px; z-index:5; display:block}
.Productsmain div.subite div.right h2 a {width:30%; overflow:hidden; display:inline-block;}
.Productsmain div.subite div.right h2 a img {width:100%; overflow:hidden; height:auto; display:block;}
.Productsmain div.subite div.right div.Productslist {width:100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.Productsmain div.subite div.right div.Productslist article {background:#fff; border-radius:12px;}
.Productsmain div.subite div.right div.Productslist article a {width:100%; overflow: hidden; display: block;}
.Productsmain div.subite div.right div.Productslist article a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Productsmain div.subite div.right div.Productslist article a figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1); border-radius:12px 12px 0px 0px;}
.Productsmain div.subite div.right div.Productslist article a figure figcaption {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-family: othetit !important; color: #333; display: block; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); padding-top: 3%}
.Productsmain div.subite div.right div.Productslist article a h4 {width:90%; overflow: hidden; margin: 0px auto; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top: 2%; text-align: justify; color: #333}
.Productsmain div.subite div.right div.Productslist article a:hover {width:100%; overflow: hidden; display: block;}
.Productsmain div.subite div.right div.Productslist article a:hover figure {width:100%; overflow: hidden; height: auto; display: block;}
.Productsmain div.subite div.right div.Productslist article a:hover figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1.05); border-radius:12px 12px 0px 0px;}
.Productsmain div.subite div.right div.Productslist article a:hover figure figcaption {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-family: othetit !important; color: #f1a600; display: block; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); padding-top: 3%}
.Productsmain div.subite div.right div.Productslist article a:hover h4 {width:90%; overflow: hidden; margin: 0px auto; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top: 2%; text-align: justify; color: #333}

.Productsmain div.subite div.right div.Productslist article div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%;}
.Productsmain div.subite div.right div.Productslist article div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.Productsmain div.subite div.right div.Productslist article div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}



.Productshow {width:100%; overflow:hidden; background:#fcfcfc}
.Productshow div.m {width:74%; overflow:hidden; min-width:1200px; padding:3%; background:#fff; margin:0px auto}
.Productshow div.m div.top {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.Productshow div.m div.top .l {width:40%; display:flex; gap:0%; position:relative; z-index: 10}
.ptimg {width:100%; position: relative;}
.main-img {width: 100%; aspect-ratio: 1/1; border: 1px solid #eee; position: relative; overflow: hidden;}
.cpitem {display: none; width: 100%; height: 100%; }
.cpitem.active {display: block;}
.cpitem img {width: 100%; height: 100%; object-fit: cover;} 
.fdj {width: 50%; height: 50%; background: rgba(255,255,255,0.3); position: absolute; display: none; pointer-events: none; z-index: 10}
.zoom {width: 100%; aspect-ratio: 1/1; border: 1px solid #eee; position: absolute; left: 100%; top: 0; overflow: hidden; display: none; background: #fff;}
.zoomImg {width: 200%; height: 200%; position: absolute; transition: all 0s linear 0s !important}
.prev, .next {display:none}
.thumb-wrap {position: relative; margin-top: 2%;}
.thumbs {display: flex; gap:1%; overflow: hidden; scroll-behavior: smooth; margin-left:5%; margin-right:5%}
.thumb {width: 18.5%; overflow:hidden; aspect-ratio: 1/1; flex-shrink: 0; cursor: pointer; border: 2px solid transparent;}
.thumb.active {border:2px solid #d68f05; padding:2px;}
.thumb img {width: 100%; height: 100%; object-fit: cover;}
.thumb-prev, .thumb-next {position: absolute; top: 50%; margin-top:-20px; width:40px; height:40px; border:0px; background:none; cursor: pointer; z-index: 11; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px)}
.thumb-prev {left:0px; text-align:left}
.thumb-next {right:0px; text-align:right}

.Productshow div.m div.top div.r {width:56%;}
.Productshow div.m div.top div.r h1 {width:100%; overflow: hidden; margin-bottom: 2%; text-align: left; line-height: clamp(36px,calc(50 / 2560 * 100vw),50px); font-size: clamp(30px,calc(40 / 2560 * 100vw),40px); font-family: bigtit !important; color: #000}
.Productshow div.m div.top div.r h2 {width:100%; overflow: hidden; margin-bottom: 2%; text-align: left; line-height: clamp(26px,calc(40 / 2560 * 100vw),40px); font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); font-family: N !important; color: #333}
.Productshow div.m div.top div.r h3 {width:100%; overflow: hidden; margin-bottom: 2%; text-align: left; line-height: clamp(22px,calc(28 / 2560 * 100vw),28px); font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); font-family: l !important; color: #666; padding-bottom: 3%; border-bottom: 1px dotted #777}
.Productshow div.m div.top div.r p {width:100%; overflow: hidden; margin-bottom: 2%; text-align: left; line-height: clamp(22px,calc(28 / 2560 * 100vw),28px); font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); font-family: l !important; color: #333;}
.Productshow div.m div.top div.r p strong {font-family: N !important}
 
.Productshow div.m div.top div.r div.form-group {width:100%; position: relative; z-index: 1; margin-top: 6%}
.Productshow div.m div.top div.r div.form-group a.xp {width:auto; height: clamp(50px,calc(70 / 2560 * 100vw),70px); padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 10%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 2%; font-family: N !important; animation: formxp 3s infinite;}
.Productshow div.m div.top div.r div.form-group a.xp i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.Productshow div.m div.top div.r div.form-group a.lx {width:auto; height: clamp(50px,calc(70 / 2560 * 100vw),70px); padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; margin-left: 2%}
.Productshow div.m div.top div.r div.form-group a.lx i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: clamp(50px,calc(70 / 2560 * 100vw),70px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #fff;}
 
 
 
.Productshow div.m div.shows {width:100%; overflow:hidden; margin-top:8%;}
.tab-nav {width:100%; overflow:hidden; height:clamp(50px,calc(60 / 2560 * 100vw),60px); border-bottom:1px solid #0a1c5e; background:#FCFCFC}
.tab-nav-item {width:auto; overflow:hidden; height:clamp(50px,calc(60 / 2560 * 100vw),60px); line-height:clamp(50px,calc(60 / 2560 * 100vw),60px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); padding-left:2%; padding-right:2%; color:#333; font-family:N !important; cursor:pointer; background:#eee}
.tab-nav-item.active { background:#0a1c5e; color:#FFF; font-family:N !important; cursor:pointer}
.Productshow div.m div.shows div.myproductshows {width:auto; padding-bottom: 5%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite {width:auto; overflow:hidden; padding-top:3%; padding-bottom:3%; text-align:left; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px) !important; line-height:clamp(24px,calc(30 / 2560 * 100vw),30px) !important; font-family:L !important}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite p {display:block; margin-bottom:0.5% !important; margin-top:0.5% !important}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite strong {display:block; font-family:st !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite figure {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important; margin-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite figure figcaption {width:100%; overflow: hidden; text-align: center; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); padding-bottom: 2%; padding-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite img {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite table {width:100%; margin:0px auto; border:1px solid #ddd; border-bottom:0px; border-right:0px; margin-bottom:30px; margin-top:1.5%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite tr td {width:auto; height:auto; min-height:40px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:40px; padding:8px;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite th {width:auto; height:auto; min-height:40px; border: 0px; border-right:1px solid #ddd; background:#ececec; line-height:40px; padding:8px;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service {width:80%; overflow:hidden; margin:0px auto; margin-top:5%;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service h2 {width:100%; overflow:hidden; text-align:center; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px); color:#000; line-height:clamp(34px,calc(46 / 2560 * 100vw),46px); font-family:st !important; font-weight:normal}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service h3 {width:100%; overflow:hidden; text-align:center; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px); color:#000; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); font-family:B !important; font-weight:normal; margin-top:2%; padding-bottom:3%; border-bottom:1px solid #ddd}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service h4 {width:100%; overflow:hidden; text-align:left; font-size:clamp(20px,calc(24 / 2560 * 100vw),24px); color:#000; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); font-family:st !important; font-weight:normal; margin-top:2%;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service p {width:100%; overflow:hidden; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px) !important; line-height:clamp(24px,calc(30 / 2560 * 100vw),30px) !important; font-family:L !important; display:block; margin-bottom:1% !important; margin-top:1% !important; text-align:left}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service p strong {display:block; font-family:st !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service figure {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important; margin-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service figure figcaption {width:100%; overflow: hidden; text-align: center; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); padding-bottom: 2%; padding-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service img {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case {width:100%; display:grid; display: -webkit-grid; grid-template-columns:1fr 1fr 1fr; gap: 3%; margin-top:2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl {width:auto; padding:3% !important; background:#eee}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a {width:100%; overflow:hidden; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dt {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dd {width:auto; padding:3%; text-align:left; line-height:clamp(20px,calc(22 / 2560 * 100vw),22px); font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); font-family:L !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dd b {line-height:clamp(22px,calc(24 / 2560 * 100vw),24px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); font-family:N !important; margin-top:2% !important; display:block; margin-bottom:2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a:hover {width:100%; overflow:hidden; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a:hover dt {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a:hover dd {width:auto; padding:3%; text-align:left; line-height:clamp(20px,calc(22 / 2560 * 100vw),22px); font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); font-family:L !important; color:#333}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a:hover dd b {line-height:clamp(22px,calc(24 / 2560 * 100vw),24px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); font-family:N !important; margin-top:2% !important; display:block; margin-bottom:2%; color:#F30}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.anniu {width:100%; margin:0px auto; margin-top:6%; display:grid; display: -webkit-grid; grid-template-columns:1fr 1fr 1fr; gap: 2%;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.anniu a {width:auto; overflow:hidden; display:block; padding:5%; padding-top:7%; padding-bottom:7%; border-radius:8px; text-align:center; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#FFF; font-family:B !important; line-height:clamp(20px,calc(22 / 2560 * 100vw),22px)}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.anniu a:hover {width:auto; overflow:hidden; display:block; padding:5%; padding-top:7%; padding-bottom:7%; border-radius:8px; text-align:center; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#FFF; font-family:B !important; background:#be861a !important; line-height:clamp(20px,calc(22 / 2560 * 100vw),22px)}


.Productshow div.m div.shows nav.cp-nav {width:98%; overflow: hidden; padding: 2%; padding-top: 1%; padding-bottom: 1%; background: #efefef}
.Productshow div.m div.shows nav.cp-nav div.prev-post {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #0a1c5e; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Productshow div.m div.shows nav.cp-nav div.prev-post span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Productshow div.m div.shows nav.cp-nav div.prev-post a {color: #0a1c5e;font-family: N !important}
.Productshow div.m div.shows  nav.cp-nav div.prev-post a span {color: #0a1c5e;font-family: N !important}
.Productshow div.m div.shows nav.cp-nav div.prev-post:hover {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #333; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Productshow div.m div.shows nav.cp-nav div.prev-post:hover span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Productshow div.m div.shows nav.cp-nav div.prev-post:hover a {color: #333;font-family: N !important}
.Productshow div.m div.shows nav.cp-nav div.prev-post:hover a span {color: #333;font-family: N !important}

.Productshow div.m div.shows nav.cp-nav div.next-post {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #0a1c5e; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Productshow div.m div.shows nav.cp-nav div.next-post span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Productshow div.m div.shows nav.cp-nav div.next-post a {color: #0a1c5e;font-family: N !important}
.Productshow div.m div.shows nav.cp-nav div.next-post a span {color: #0a1c5e;font-family: N !important}
.Productshow div.m div.shows nav.cp-nav div.next-post:hover {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #333; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Productshow div.m div.shows nav.cp-nav div.next-post:hover span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Productshow div.m div.shows nav.cp-nav div.next-post:hover a {color: #333;font-family: N !important}
.Productshow div.m div.shows nav.cp-nav div.next-post:hover a span {color: #333;font-family: N !important}


.Productshow div.m div.shows div.cp-share {width:100%; overflow: hidden; margin-top: 2%}
.Productshow div.m div.shows div.cp-share span.share-label {width:auto; overflow: hidden; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px)}
.Productshow div.m div.shows div.cp-share a {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; height: clamp(24px,calc(30 / 2560 * 100vw),30px); line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); display: block; margin-left: 0.3%; transform: scale(1);}
.Productshow div.m div.shows div.cp-share a:hover {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; height: clamp(24px,calc(30 / 2560 * 100vw),30px); line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #f1a600; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); display: block; margin-left: 0.3%; transform: scale(1.1);}

.Productshow div.m div.shows div.cp-tags {width:100%; overflow: hidden; margin-top: 1%}
.Productshow div.m div.shows div.cp-tags span.tags-label {width:auto; overflow: hidden; display: block; line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); font-family: N !important}
.Productshow div.m div.shows div.cp-tags ul {width:100%; overflow: hidden; padding-left: 1%}
.Productshow div.m div.shows div.cp-tags ul li {width:auto; padding-right: 1%}
.Productshow div.m div.shows div.cp-tags ul li a {width:auto; line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: inline-block;}

.Productshow div.m div.shows section.inquiry-form {width:94%; padding: 3%; background: #efefef; margin-top: 3%}
.Productshow div.m div.shows section.inquiry-form h2 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(24px,calc(32 / 2560 * 100vw),32px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Productshow div.m div.shows section.inquiry-form p {width:100%; overflow: hidden; display: block; padding-bottom: 2%; text-align: left; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(30px,calc(36 / 2560 * 100vw),36px)}
.Productshow div.m div.shows section.inquiry-form form {width:100%; display: block}
.Productshow div.m div.shows section.inquiry-form form div.form-group {width:100%;}
.Productshow div.m div.shows section.inquiry-form form div.form-group label {width:49%; overflow: hidden; display: block; margin-bottom: 1%}
.Productshow div.m div.shows section.inquiry-form form div.form-group input {width:95%; overflow: hidden; border: 1px solid #d1d1d1; background: #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.Productshow div.m div.shows section.inquiry-form form div.form-group input:hover {width:95%; overflow: hidden; border: 1px solid #333; background: #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.Productshow div.m div.shows section.inquiry-form form div.form-group select {width:99%; overflow: hidden; border: 1px solid #d1d1d1; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.Productshow div.m div.shows section.inquiry-form form div.form-group select:hover {width:99%; overflow: hidden; border: 1px solid #333; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.Productshow div.m div.shows section.inquiry-form form div.form-group textarea {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #d1d1d1; background: #fff; padding-left: 1%; padding-right: 1%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.Productshow div.m div.shows section.inquiry-form form div.form-group textarea:hover {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #333; background: #fff; padding-left: 1%; padding-right: 1%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.Productshow div.m div.shows section.inquiry-form form div.form-group button.xp {width:auto; padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 2%; font-family: N !important; animation: formxp 3s infinite;}
.Productshow div.m div.shows section.inquiry-form form div.form-group button.xp em {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.Productshow div.m div.shows section.inquiry-form form div.form-group a.lx {width:auto; padding: 3%; padding-top: 0.7%; padding-bottom: 0.7%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; margin-left: 2%}
.Productshow div.m div.shows section.inquiry-form form div.form-group a.lx i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: clamp(50px,calc(70 / 2560 * 100vw),70px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; font-size: clamp(40px,calc(50 / 2560 * 100vw),50px); color: #fff;}





 










/***************Blog******************/
.Bloglist {width:100%; overflow:hidden; margin:0px auto; background:#f7f8fc; padding-bottom:5%}
.Bloglist div.list {width:80%; margin:0px auto;}
.Bloglist div.list ul {width:100%; margin:0px auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2%; padding-bottom:4%}
.Bloglist div.list ul li {background:#fff; border-radius:25px; padding-bottom:7%;}
.Bloglist div.list ul li article {width:100%; display:block;}
.Bloglist div.list ul li article a {width:100%; height:auto; display:block;}
.Bloglist div.list ul li article a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Bloglist div.list ul li article a figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1); border-radius:25px 25px 0px 0px;}
.Bloglist div.list ul li article a h3 {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); font-family:st !important; line-height: clamp(30px,calc(38 / 2560 * 100vw),38px); text-align:justify; color:#333}
.Bloglist div.list ul li article a span {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; font-weight:normal !important; padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #777; color:#666}
.Bloglist div.list ul li article a span i {width: clamp(26px,calc(32 / 2560 * 100vw),32px); overflow:hidden; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); display:block; text-align:left; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); color:#666}
.Bloglist div.list ul li article a span b {width:auto; display:block; font-weight:normal; padding-right:2%; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color:#666}
.Bloglist div.list ul li article a p {width:90%; overflow:hidden; margin:0px auto; display:block; text-align:justify; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color:#666}

.Bloglist div.list ul li article a:hover {width:100%; height:auto; display:block;}
.Bloglist div.list ul li article a:hover figure {width:100%; overflow: hidden; height: auto; display: block;}
.Bloglist div.list ul li article a:hover figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1.03); border-radius:25px 25px 0px 0px;}
.Bloglist div.list ul li article a:hover h3 {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); font-family:st !important; line-height: clamp(30px,calc(38 / 2560 * 100vw),38px); text-align:justify; color:#f1a600}
.Bloglist div.list ul li article a:hover span {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; font-weight:normal !important; padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #777; color:#666}
.Bloglist div.list ul li article a:hover span i {width: clamp(26px,calc(32 / 2560 * 100vw),32px); overflow:hidden; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); display:block; text-align:left; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); color:#666}
.Bloglist div.list ul li article a:hover span b {width:auto; display:block; font-weight:normal; padding-right:2%; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color:#666}
.Bloglist div.list ul li article a:hover p {width:90%; overflow:hidden; margin:0px auto; display:block; text-align:justify; line-height: clamp(22px,calc(26 / 2560 * 100vw),26px); font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color:#666}



.Blogshow {width:100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; background: #f7f8fc}
.Blogshow div.subite {width:80%; overflow: hidden; margin: 0px auto;}
.Blogshow div.subite div.left {width:24%; overflow: hidden;}
.Blogshow div.subite div.left h2 {width:90%; overflow: hidden; padding: 5%; padding-top: clamp(15px,calc(20 / 2560 * 100vw),20px); padding-bottom: clamp(15px,calc(20 / 2560 * 100vw),20px); border-radius: 10px 10px 0px 0px; background: #0a1c5e}
.Blogshow div.subite div.left h2 i {width: clamp(40px,calc(50 / 2560 * 100vw),50px); overflow: hidden; text-align: left; line-height: clamp(40px,calc(50 / 2560 * 100vw),50px); font-size: clamp(24px,calc(32 / 2560 * 100vw),32px); color: #fff}
.Blogshow div.subite div.left h2 strong {width: auto; text-align: left; color: #fff; font-size: clamp(16px,calc(26 / 2560 * 100vw),26px); font-family: N !important}
.Blogshow div.subite div.left dl {width:90%; overflow: hidden; padding: 5%; padding-top: 5%; padding-bottom: 8%; background: #fff; border-radius: 0 0 10px 10px}
.Blogshow div.subite div.left dl a {width:100%; overflow: hidden; height: auto; margin-top: clamp(12px,calc(15 / 2560 * 100vw),15px); margin-bottom: clamp(12px,calc(15 / 2560 * 100vw),15px);}
.Blogshow div.subite div.left dl a dt {width: clamp(18px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(18px,calc(24 / 2560 * 100vw),24px); border: 2px solid #cfcfcf; background: none; border-radius: 5px; margin-right: 2%; text-align: center;}
.Blogshow div.subite div.left dl a dd {width: 92%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); line-height: clamp(18px,calc(30 / 2560 * 100vw),30px); font-family: l !important;}
.Blogshow div.subite div.left dl a:hover {width:100%; overflow: hidden; height: auto; margin-top: clamp(12px,calc(15 / 2560 * 100vw),15px); margin-bottom: clamp(12px,calc(15 / 2560 * 100vw),15px);}
.Blogshow div.subite div.left dl a:hover dt {width: clamp(18px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(18px,calc(24 / 2560 * 100vw),24px); border: 2px solid #f1a600; background: #f1a600; border-radius: 5px; margin-right: 2%; text-align: center;}
.Blogshow div.subite div.left dl a:hover dd {width: 92%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); line-height: clamp(18px,calc(30 / 2560 * 100vw),30px); font-family: N !important; color: #f1a600}
.Blogshow div.subite div.left dl a.ahover {width:100%; overflow: hidden; height: auto; margin-top: clamp(12px,calc(15 / 2560 * 100vw),15px); margin-bottom: clamp(12px,calc(15 / 2560 * 100vw),15px);}
.Blogshow div.subite div.left dl a.ahover dt {width: clamp(18px,calc(24 / 2560 * 100vw),24px); overflow: hidden; height: clamp(18px,calc(24 / 2560 * 100vw),24px); border: 2px solid #f1a600; background: #f1a600; border-radius: 5px; margin-right: 2%; text-align: center;}
.Blogshow div.subite div.left dl a.ahover dd {width: 92%; overflow: hidden; text-align: left; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); line-height: clamp(18px,calc(30 / 2560 * 100vw),30px); font-family: N !important; color: #f1a600}

.Blogshow div.subite div.hotlist {width:90%; overflow: hidden; padding: 5%; padding-top: 5%; padding-bottom: 8%; background: #fff; border-radius: 0 0 10px 10px}
.Blogshow div.subite div.hotlist a {width:100%; overflow: hidden; display: block; border-bottom:1px dotted #666; padding-bottom:5%; margin-bottom:5%;}
.Blogshow div.subite div.hotlist a figure {width:100%; overflow: hidden; display: block}
.Blogshow div.subite div.hotlist a figure img {width:99%; overflow: hidden; height: auto; display: block; border: 1px solid #ddd}
.Blogshow div.subite div.hotlist a figure figcaption {width:100%; overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(24px,calc(36 / 2560 * 100vw),36px); color: #333; font-family: bigtit !important; margin-top: 5%}
.Blogshow div.subite div.hotlist a p {width:100%; overflow:hidden; display:block; padding-top:3%; text-align:justify; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #666}
.Blogshow div.subite div.hotlist a h5 {width:100%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.Blogshow div.subite div.hotlist a h5 i {width:clamp(24px,calc(32 / 2560 * 100vw),32px); overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.Blogshow div.subite div.hotlist a h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}
.Blogshow div.subite div.hotlist a:hover {width:100%; overflow: hidden; display: block; border-bottom:1px dotted #666; padding-bottom:5%; margin-bottom:5%;}
.Blogshow div.subite div.hotlist a:hover figure {width:100%; overflow: hidden; display: block}
.Blogshow div.subite div.hotlist a:hover figure img {width:99%; overflow: hidden; height: auto; display: block; border: 1px solid #ddd}
.Blogshow div.subite div.hotlist a:hover figure figcaption {width:100%; overflow: hidden; text-align: left; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(24px,calc(36 / 2560 * 100vw),36px); color: #f1a600; font-family: bigtit !important; margin-top: 5%}
.Blogshow div.subite div.hotlist a:hover p {width:100%; overflow:hidden; display:block; padding-top:3%; text-align:justify; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #666}
.Blogshow div.subite div.hotlist a:hover h5 {width:100%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.Blogshow div.subite div.hotlist a:hover h5 i {width:clamp(24px,calc(32 / 2560 * 100vw),32px); overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.Blogshow div.subite div.hotlist a:hover h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}


.Blogshow div.subite article {width:73%;}
.Blogshow div.subite article header.blog-header {width:100%; overflow: hidden; padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px dotted #777;}
.Blogshow div.subite article header.blog-header h1 {width:100%; overflow: hidden; font-size: clamp(30px,calc(40 / 2560 * 100vw),40px); text-align: left; line-height: clamp(40px,calc(50 / 2560 * 100vw),50px); font-family: bigtit !important; color: #0a1c5e}
.Blogshow div.subite article header.blog-header div.blog-meta {width:100%; overflow: hidden; padding-top: 1%; text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px)}
.Blogshow div.subite article header.blog-header div.blog-meta i {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; height: clamp(24px,calc(30 / 2560 * 100vw),30px); line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #333; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); display: block}
.Blogshow div.subite article header.blog-header div.blog-meta span.meta-divider {display: block; padding-left: 1%; padding-right: 1%}
.Blogshow div.subite article header.blog-header div.blog-meta span {display: block;}

.Blogshow div.subite article section.blog-content {width:100%; overflow: hidden; text-align: justify; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(30px,calc(36 / 2560 * 100vw),36px)}
.Blogshow div.subite article section.blog-content p {width:100%; overflow: hidden; display: block; padding-bottom: 2%}
.Blogshow div.subite article section.blog-content strong {font-family:st  !important}
.Blogshow div.subite article section.blog-content h2 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(24px,calc(32 / 2560 * 100vw),32px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Blogshow div.subite article section.blog-content h3 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(22px,calc(30 / 2560 * 100vw),30px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Blogshow div.subite article section.blog-content h4 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(20px,calc(28 / 2560 * 100vw),28px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Blogshow div.subite article section.blog-content h5 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(20px,calc(28 / 2560 * 100vw),28px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Blogshow div.subite article section.blog-content h6 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(20px,calc(28 / 2560 * 100vw),28px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Blogshow div.subite article section.blog-content figure {width:auto !important; max-width: 100% !important; margin: 0px auto !important; overflow: hidden !important; display: block !important; padding-bottom: 2% !important}
.Blogshow div.subite article section.blog-content figure img {width:auto !important; max-width: 100% !important; margin: 0px auto !important; overflow: hidden !important; height: auto !important; display: block !important}
.Blogshow div.subite article section.blog-content figure figcaption {width:100%; overflow: hidden; text-align: center; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); padding-top: 1.5%}
.Blogshow div.subite article section.blog-content img {width:auto !important; max-width: 100% !important; margin: 0px auto !important; overflow: hidden !important; height: auto !important; display: block !important}

.Blogshow div.subite article nav.blog-nav {width:98%; overflow: hidden; padding: 2%; padding-top: 1%; padding-bottom: 1%; background: #efefef}
.Blogshow div.subite article nav.blog-nav div.prev-post {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #0a1c5e; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Blogshow div.subite article nav.blog-nav div.prev-post span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Blogshow div.subite article nav.blog-nav div.prev-post a {color: #0a1c5e;font-family: N !important}
.Blogshow div.subite article nav.blog-nav div.prev-post a span {color: #0a1c5e;font-family: N !important}
.Blogshow div.subite article nav.blog-nav div.prev-post:hover {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #333; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Blogshow div.subite article nav.blog-nav div.prev-post:hover span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Blogshow div.subite article nav.blog-nav div.prev-post:hover a {color: #333;font-family: N !important}
.Blogshow div.subite article nav.blog-nav div.prev-post:hover a span {color: #333;font-family: N !important}

.Blogshow div.subite article nav.blog-nav div.next-post {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #0a1c5e; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Blogshow div.subite article nav.blog-nav div.next-post span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Blogshow div.subite article nav.blog-nav div.next-post a {color: #0a1c5e;font-family: N !important}
.Blogshow div.subite article nav.blog-nav div.next-post a span {color: #0a1c5e;font-family: N !important}
.Blogshow div.subite article nav.blog-nav div.next-post:hover {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); color: #333; font-family: N !important; margin-top: 0.5%; margin-bottom: 0.5%}
.Blogshow div.subite article nav.blog-nav div.next-post:hover span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Blogshow div.subite article nav.blog-nav div.next-post:hover a {color: #333;font-family: N !important}
.Blogshow div.subite article nav.blog-nav div.next-post:hover a span {color: #333;font-family: N !important}


.Blogshow div.subite article div.blog-share {width:100%; overflow: hidden; margin-top: 2%}
.Blogshow div.subite article div.blog-share span.share-label {width:auto; overflow: hidden; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px)}
.Blogshow div.subite article div.blog-share a {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; height: clamp(24px,calc(30 / 2560 * 100vw),30px); line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); display: block; margin-left: 0.3%; transform: scale(1);}
.Blogshow div.subite article div.blog-share a:hover {width: clamp(24px,calc(30 / 2560 * 100vw),30px); overflow: hidden; height: clamp(24px,calc(30 / 2560 * 100vw),30px); line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #f1a600; font-size: clamp(20px,calc(26 / 2560 * 100vw),26px); display: block; margin-left: 0.3%; transform: scale(1.1);}

.Blogshow div.subite article div.blog-tags {width:100%; overflow: hidden; margin-top: 1%}
.Blogshow div.subite article div.blog-tags span.tags-label {width:auto; overflow: hidden; display: block; line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); font-family: N !important}
.Blogshow div.subite article div.blog-tags ul {width:100%; overflow: hidden; padding-left: 1%}
.Blogshow div.subite article div.blog-tags ul li {width:auto; padding-right: 1%}
.Blogshow div.subite article div.blog-tags ul li a {width:auto; line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: inline-block;}

.Blogshow div.subite article section.inquiry-form {width:94%; padding: 3%; background: #efefef; margin-top: 3%}
.Blogshow div.subite article section.inquiry-form h2 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1% !important; font-family: st !important; font-size: clamp(24px,calc(32 / 2560 * 100vw),32px) !important; line-height: clamp(32px,calc(40 / 2560 * 100vw),40px)}
.Blogshow div.subite article section.inquiry-form p {width:100%; overflow: hidden; display: block; padding-bottom: 2%; text-align: left; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); line-height: clamp(30px,calc(36 / 2560 * 100vw),36px)}
.Blogshow div.subite article section.inquiry-form form {width:100%; display: block}
.Blogshow div.subite article section.inquiry-form form div.form-group {width:100%;}
.Blogshow div.subite article section.inquiry-form form div.form-group label {width:49%; overflow: hidden; display: block; margin-bottom: 1%}
.Blogshow div.subite article section.inquiry-form form div.form-group input {width:95%; overflow: hidden; border: 1px solid #d1d1d1; background: #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.Blogshow div.subite article section.inquiry-form form div.form-group input:hover {width:95%; overflow: hidden; border: 1px solid #333; background: #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.Blogshow div.subite article section.inquiry-form form div.form-group select {width:99%; overflow: hidden; border: 1px solid #d1d1d1; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.Blogshow div.subite article section.inquiry-form form div.form-group select:hover {width:99%; overflow: hidden; border: 1px solid #333; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.Blogshow div.subite article section.inquiry-form form div.form-group textarea {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #d1d1d1; background: #fff; padding-left: 1%; padding-right: 1%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.Blogshow div.subite article section.inquiry-form form div.form-group textarea:hover {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #333; background: #fff; padding-left: 1%; padding-right: 1%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.Blogshow div.subite article section.inquiry-form form div.form-group button.xp {width:auto; padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 8%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 2%; font-family: N !important; animation: formxp 3s infinite;}
.Blogshow div.subite article section.inquiry-form form div.form-group button.xp em {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.Blogshow div.subite article section.inquiry-form form div.form-group a.lx {width:auto; padding: 3%; padding-top: 0.7%; padding-bottom: 0.7%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; margin-left: 2%}
.Blogshow div.subite article section.inquiry-form form div.form-group a.lx i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: clamp(50px,calc(70 / 2560 * 100vw),70px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; font-size: clamp(40px,calc(50 / 2560 * 100vw),50px); color: #fff;}


@keyframes formxp {
  0%,70% {background: linear-gradient(to right, #f1a600, #ff7c18); transform: scale(1);}
  78% {background: linear-gradient(to right, #c78a03, #d55f05); transform: scale(1.1);}
  84% {background: linear-gradient(to right, #f1a600, #ff7c18); transform: scale(1);}
  92% {background: linear-gradient(to right, #c78a03, #d55f05); transform: scale(1.1);}
  100% {background: linear-gradient(to right, #f1a600, #ff7c18); transform: scale(1);}
}
@keyframes formlx {
  0%,80% {background: linear-gradient(to right, #3f5093, #293873); transform: scale(1); color: #fff}
  84% {background: linear-gradient(to right, #fff, #fff); transform: scale(0.95); color: #000}
  90% {background: linear-gradient(to right, #3f5093, #293873); transform: scale(1); color: #fff}
  94% {background: linear-gradient(to right, #fff, #fff); transform: scale(0.95); color: #000}
  100% {background: linear-gradient(to right, #3f5093, #293873); transform: scale(1); color: #fff}
}


.aboutmian {width:100%; overflow: hidden; position: relative}
.aboutmian figure {width:100%; overflow: hidden; height: 100%; background: #000}
.aboutmian figure img {width:100%; overflow: hidden; height: auto; display: block; opacity: 0.2}

.aboutmian article {width:80%; overflow: hidden; position: absolute; left: 10%; top: 35%; transform: translateY(-50%); z-index: 5; display: block}
.aboutmian article header {width:100%; overflow: hidden; color: #fff}
.aboutmian article header h1 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.aboutmian article header nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #fff}
.aboutmian article header nav.location i {width:clamp(30px,calc(42 / 2560 * 100vw),42px); height: clamp(30px,calc(42 / 2560 * 100vw),42px); line-height: clamp(30px,calc(42 / 2560 * 100vw),42px); font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #fff}
.aboutmian article header nav.location span {width:auto; display: block}
.aboutmian article header nav.location span a {color:#fff;}
.aboutmian article header nav.location span a:hover {color:#f1a600;}
.aboutmian article header h2 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(30px,calc(50 / 2560 * 100vw),50px); font-size: clamp(22px,calc(34 / 2560 * 100vw),34px); font-family: N !important; color: #fff; margin-top: 2%}
.aboutmian article header h3 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(26px,calc(32 / 2560 * 100vw),32px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); font-family: l !important; color: #fff; margin-top: 0%}
.aboutmian article section.strength {width:100%; overflow: hidden; margin: 0px auto; margin-top: 4%}
.aboutmian article section.strength dl {width: 19%; overflow: hidden}
.aboutmian article section.strength dl dt {width:100%; overflow: hidden; text-align: center; padding-top: 2%; padding-bottom: 2%; border-radius: 100px; background: #d8e0ea; color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px)}
.aboutmian article section.strength dl dd {width:100%; overflow: hidden; text-align: center; line-height: clamp(20px,calc(24 / 2560 * 100vw),24px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #d8e0ea}
.aboutmian article section.strength dl dd strong {width:100%; overflow: hidden; text-align: center; font-size: clamp(50px,calc(60 / 2560 * 100vw),60px); line-height: clamp(60px,calc(80 / 2560 * 100vw),80px); font-family: bigtit !important; color: #d8e0ea; margin-top: 5%; margin-bottom: 3.5%; display: block}


.aboutsub {width:76%; overflow: hidden; padding: 2%; border-radius: 20px; background: #f7f8fc; margin: 0px auto; margin-top: -20%; position: relative; z-index: 5}
.aboutsub div.video {width:46%}
.aboutsub div.video em {width:100%; overflow: hidden; height: auto; display: block; position: relative; background: #000; cursor:pointer}
.aboutsub div.video em figure {width:100%; overflow: hidden; display: block}
.aboutsub div.video em figure img {width:100%; overflow: hidden; height: auto; display: block; opacity: 0.8}
.aboutsub div.video em i {width:clamp(140px,calc(200 / 2560 * 100vw),200px); overflow: hidden; height: clamp(140px,calc(200 / 2560 * 100vw),200px); line-height: clamp(140px,calc(200 / 2560 * 100vw),200px); font-size: clamp(60px,calc(160 / 2560 * 100vw),160px); color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; text-align: center}

.aboutsub div.CompanyIntroduction {width:52%; overflow: hidden;}
.aboutsub div.CompanyIntroduction h3 {width:100%; overflow: hidden; text-align: left; font-size: clamp(30px,calc(40 / 2560 * 100vw),40px); color: #293669; font-family: N !important}
.aboutsub div.CompanyIntroduction h2 {width:100%; overflow: hidden; text-align: left; font-size: clamp(40px,calc(60 / 2560 * 100vw),60px); color: #293669; font-family: othetit !important; line-height: clamp(40px,calc(60 / 2560 * 100vw),60px); margin-top: 2%}
.aboutsub div.CompanyIntroduction article {width:100; overflow: hidden; margin-top: 2%; display: block; overflow-y: auto; height: clamp(290px,calc(490 / 2560 * 100vw),490px);}
.aboutsub div.CompanyIntroduction article p {width:100%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; font-family: L !important; margin-top: 3%; display: block; line-height: clamp(26px,calc(34 / 2560 * 100vw),34px)}

.aboutsub div.hot {width:96%; overflow: hidden; padding: 2%; background: #fff; margin-top: 3%}
.aboutsub div.hot dl {width:50%; overflow: hidden}
.aboutsub div.hot dl dt {width:20%; overflow: hidden; text-align: left; font-size: clamp(100px,calc(180 / 2560 * 100vw),180px); color: #f1a600; display: block}
.aboutsub div.hot dl dd {width:72%; overflow: hidden; padding-right: 5%; text-align: left; line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); font-size: clamp(16px,calc(20 / 2560 * 100vw),20px)}
.aboutsub div.hot dl dd h3 {width:100%; font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); line-height: clamp(30px,calc(38 / 2560 * 100vw),38px); padding-bottom: 2%; font-family: N !important}



.contactustop {width:100%; overflow: hidden; position: relative}
.contactustop header {width:80%; overflow: hidden; height: auto; position: absolute; left: 10%; top: 40%; transform: translateY(-50%); z-index: 10}
.contactustop header h1 {width: 100%; overflow: hidden; text-align: center; line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); font-size: clamp(44px,calc(70 / 2560 * 100vw),70px); font-family: bigtit !important; color: #fff}
.contactustop header nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(18px,calc(20 / 2560 * 100vw),20px); color: #fff}
.contactustop header nav.location i {width:clamp(30px,calc(42 / 2560 * 100vw),42px); height: clamp(30px,calc(42 / 2560 * 100vw),42px); line-height: clamp(30px,calc(42 / 2560 * 100vw),42px); font-size: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #fff}
.contactustop header nav.location span {width:auto; display: block}
.contactustop header nav.location span a {color:#fff;}
.contactustop header nav.location span a:hover {color:#f1a600;}

.contactustop em {width:100%; overflow: hidden; height: 100%; position: absolute; background: rgba(0,0,0,0.8); left: 0px; top: 0px; z-index: 2}
.contactustop figure {width:100%; overflow: hidden; height: auto; display: block}
.contactustop figure img {width:100%; overflow: hidden; height: auto; display: block}

.contactusbot {width:60%; overflow: hidden; min-width: 1200px; padding: 2%; background: #f7f8fc; border-radius: 15px; margin: 0px auto; margin-top: -10%; position: relative; z-index: 10;  margin-bottom: 3%;}
.contactusbot h2 {width:100%; overflow: hidden}
.contactusbot h2 i {width:clamp(100px,calc(110 / 2560 * 100vw),110px); overflow: hidden; text-align: left; line-height: clamp(100px,calc(110 / 2560 * 100vw),110px); font-size: clamp(90px,calc(100 / 2560 * 100vw),100px); color: #0a1c5e}
.contactusbot h2 strong {width:auto; overflow: hidden; padding-left: 1%; text-align: left; font-family: bigtit !important; font-size: clamp(40px,calc(50 / 2560 * 100vw),50px); color: #0a1c5e; display: block}
.contactusbot h2 strong span {width:100%; font-family: bigtit !important; color: #f39800; display: block}
.contactusbot h3 {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(24px,calc(28 / 2560 * 100vw),28px); line-height: clamp(20px,calc(30 / 2560 * 100vw),30px); font-family: N !important}
.contactusbot h4 {width:100%; overflow: hidden; margin-top: 3%; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); font-family: N !important}
.contactusbot p {width:100%; overflow: hidden; margin-top: 1%; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); display: block; padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px dotted #0a1c5e}

.contactusbot dl {width:100%; overflow: hidden; margin-top: 0.5%}
.contactusbot dl dt {width: clamp(40px,calc(70 / 2560 * 100vw),70px); overflow: hidden; text-align: left; line-height: clamp(50px,calc(60 / 2560 * 100vw),60px); font-size: clamp(30px,calc(46 / 2560 * 100vw),46px); color: #333}
.contactusbot dl dd {width:96%; overflow: hidden; text-align: left; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #333; line-height: clamp(24px,calc(30 / 2560 * 100vw),30px)}
.contactusbot dl dd strong {font-family: N !important}

.contactusbot form {width:100%; margin-top: 2%}
.contactusbot form div.form-group {width:100%;}
.contactusbot form div.form-group label {width:49%; overflow: hidden; display: block; margin-bottom: 1%}
.contactusbot form div.form-group input {width:95%; overflow: hidden; border: 1px solid #d1d1d1; background: #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.contactusbot form div.form-group input:hover {width:95%; overflow: hidden; border: 1px solid #333; background: #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: lamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.contactusbot form div.form-group select {width:99%; overflow: hidden; border: 1px solid #d1d1d1; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: lamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.contactusbot form div.form-group select:hover {width:99%; overflow: hidden; border: 1px solid #333; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: lamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.contactusbot form div.form-group textarea {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #d1d1d1; background: #fff; padding-left: 1%; padding-right: 1%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: lamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}
.contactusbot form div.form-group textarea:hover {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #333; background: #fff; padding-left: 1%; padding-right: 1%; height: clamp(40px,calc(46 / 2560 * 100vw),46px); line-height: clamp(40px,calc(46 / 2560 * 100vw),46px); color: #0a1c5e; font-size: lamp(16px,calc(18 / 2560 * 100vw),18px); display: block;}

.contactusbot form div.form-group button.xp {width:auto; padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 8%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 2%; font-family: N !important; animation: formxp 3s infinite;}
.contactusbot form div.form-group button.xp em {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.contactusbot form div.form-group a.lx {width:auto; padding: 3%; padding-top: 0.7%; padding-bottom: 0.7%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; margin-left: 2%}
.contactusbot form div.form-group a.lx i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: clamp(50px,calc(70 / 2560 * 100vw),70px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; font-size: clamp(40px,calc(50 / 2560 * 100vw),50px); color: #fff;}





.customization {width:74%; overflow: hidden; margin: 0px auto; margin-top: -10%; position: relative; z-index: 5; background: #f7f8fc; border-radius: 15px; padding: 3%; padding-top: 2%}
.customization dl {width:24%; overflow: hidden}
.customization dl dt {width:100%; margin: 0px auto}
.customization dl dt figure {width:40%; overflow: hidden; margin: 0px auto; display: block}
.customization dl dt figure img {width:100%; overflow: hidden; height: auto; display: block}
.customization dl dd {width:80%; margin: 0px auto;overflow: hidden; text-align: center; line-height: clamp(22px,calc(32 / 2560 * 100vw),32px); min-height: clamp(66px,calc(96 / 2560 * 100vw),96px); font-size: clamp(18px,calc(24 / 2560 * 100vw),24px); margin-top: 3%}

.Applicationscenarios {width:80%; overflow: hidden; margin:0px auto; margin-top: 3%;}
.Applicationscenarios h2 {width:100%; overflow: hidden; text-align: center; font-family: bigtit !important; font-size: clamp(40px,calc(50 / 2560 * 100vw),50px); color: #0a1c5e; display: block}
.Applicationscenarios ul {width:100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1%; margin-top: 3%; padding-bottom: 5%}
.Applicationscenarios ul li {background: #293873; margin-bottom: 3%}
.Applicationscenarios ul li a {width:100%; display: block}
.Applicationscenarios ul li a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Applicationscenarios ul li a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 6px solid #f1a600}
.Applicationscenarios ul li a figure figcaption {width:94%; overflow: hidden; padding: 3%; text-align: center; line-height: clamp(26px,calc(36 / 2560 * 100vw),36px); font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #fff}
.Applicationscenarios ul li:hover {background: #010a2a; margin-bottom: 3%}
.Applicationscenarios ul li:hover a {width:100%; display: block}
.Applicationscenarios ul li:hover a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Applicationscenarios ul li:hover a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 6px solid #f1a600}
.Applicationscenarios ul li:hover a figure figcaption {width:94%; overflow: hidden; padding: 3%; text-align: center; line-height: clamp(26px,calc(36 / 2560 * 100vw),36px); font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); color: #fff}

.globalsales {width:100%; overflow: hidden; position: relative;}
.globalsales figure {width:100%; overflow: hidden; height: auto; display: block; margin-top: 7%}
.globalsales figure img {width:100%; overflow: hidden; height: auto; display: block}
.globalsales figure span.circle {display: none}
.globalsales div.subite {width:80%; overflow: hidden; height: 100%; position: absolute; left: 10%; top: 0%; z-index: 10}
.globalsales div.subite div.tit {width:100%; overflow: hidden; margin: 0px auto;}
.globalsales div.subite div.tit h2 {width:50%; overflow: hidden; padding: 3%; background: #f1a600; color: #fff; text-align: left; line-height: clamp(26px,calc(40 / 2560 * 100vw),40px); font-size: clamp(24px,calc(32 / 2560 * 100vw),32px)}
.globalsales div.subite div.tit h2 strong {font-family: bigtit !important; font-size: clamp(44px,calc(52 / 2560 * 100vw),52px); line-height: clamp(46px,calc(60 / 2560 * 100vw),60px);  width: 100%; display: block; padding-bottom: 2%}

.globalsales div.subite div.tit a {width:24%; padding-top: 0.7%; padding-bottom: 0.7%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; line-height: clamp(30px,calc(40 / 2560 * 100vw),40px);}
.globalsales div.subite div.tit a i {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: clamp(50px,calc(70 / 2560 * 100vw),70px); line-height: clamp(50px,calc(70 / 2560 * 100vw),70px); text-align: left; font-size: clamp(40px,calc(50 / 2560 * 100vw),50px); color: #fff; margin-right: 0%}

.globalsales div.subite div.position {width:100%; margin: 0px auto; position: relative}
.globalsales div.subite div.position span.circle {width: clamp(50px,calc(60 / 2560 * 100vw),60px); height: clamp(50px,calc(60 / 2560 * 100vw),60px); line-height: clamp(50px,calc(60 / 2560 * 100vw),60px); color: #fff; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); display: block; background: #0a1c5e; border-radius: 100px; text-align: center; position:absolute; z-index: 1}
.globalsales div.subite div.position dl {width:auto; overflow: hidden; position: absolute}
.globalsales div.subite div.position dl dt {width:100%; overflow: hidden; line-height: clamp(80px,calc(90 / 2560 * 100vw),90px); text-align: center; font-size: clamp(50px,calc(60 / 2560 * 100vw),60px); color: #f1a600}
.globalsales div.subite div.position dl dd {width:100%; overflow: hidden; line-height: clamp(22px,calc(28 / 2560 * 100vw),28px); text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #333}
.globalsales div.subite div.position dl dd strong {font-family: N !important; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); display: block}


@media (min-width: 1200px) {
.mapheight {height:64%;}
}

@media (min-width: 1440px) {
.mapheight {height:74.6%;}
}

@media (min-width: 1920px) {
.mapheight {height:76%;}
}
/* 三层波纹 */
.globalsales div.subite div.position span.circle::before,
.globalsales div.subite div.position span.circle::after,
.globalsales div.subite div.position span.circle i {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(10,28,94,0.3);
  animation: wave 2.5s infinite linear;
  z-index: -1;
}

.globalsales div.subite div.position span.circle::after {
  animation-delay: 0.8s;
}
.globalsales div.subite div.position span.circle i {
  animation-delay: 1.6s;
}

@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}










/* ==========大屏手机 / 小平板（≤767px） ========== */
@media (max-width: 767px) {
header.pc {display: none}
header.mobile {width: 94%; padding-left: 4%; padding-right: 4%; overflow: hidden; height: 64px; background: #0a1c5e; position: fixed; top: 0px; left: 0px; z-index: 999999; display: block}
header.mobile div.logo {width:30%; overflow: hidden; height: 64px; float: left}
header.mobile div.logo a {width: 100%; overflow: hidden; height: 100%;}
header.mobile div.logo a img {width: 100%; overflow: auto; height: auto; display: block}
header.mobile div.navigation {width:70%; overflow: hidden; height: 64px; float: right}
header.mobile div.navigation a {width:40px; overflow: hidden; height: 64px; display: block; text-align: center; line-height: 64px; font-size: 1.6rem; color: #fff}
header.mobile div.navigation i {width:40px; overflow: hidden; height: 64px; display: block; text-align: center; line-height: 64px; font-size: 1.6rem; color: #fff}
.mobilenav {width:100%; overflow: hidden; height: 100%; position: fixed; top: -100%; right: 0px; z-index: 9999999; background: #fff; display: block; transition: all 0.1s linear 0s !important; opacity: 0}
.mobilenav em {width:40px; overflow: hidden; height: 40px; text-align: center; line-height: 40px; font-size: 2rem; color: #0a1c5e; position: absolute; top: 1.5%; right: 2%; z-index: 99999999; display: block}
.mobilenav div.logo {width: 94%; padding-left: 4%; padding-right: 4%; overflow: hidden; height: 64px;}
.mobilenav div.logo a {width: 30%; overflow: hidden; height: 100%;}
.mobilenav div.logo a img {width: 100%; overflow: auto; height: auto; display: block}
.mobilenav div.mbnav {width:80%; overflow: hidden; margin: 0px auto; margin-top: 5%; height: 60%; overflow-y: auto; overflow-x: hidden; padding-right: 5%}
.mobilenav div.mbnav dl {width:100%; overflow: hidden; padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px solid #ddd}
.mobilenav div.mbnav dl dt {width:100%; text-align: left; line-height: 35px; font-size: 1.2rem; font-weight: bold}
.mobilenav div.mbnav dl dd {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-size: 1rem;}
.mobilenav div.mbnav dl dd a {width:100%; overflow: hidden; display: block; line-height: 22px; padding-bottom: 1%; padding-top: 1%}
.mobilenav div.mbnav dl dd a.ahover {color: #f1a600}
.mobilenav div.ico {width:80%; overflow: hidden; height: 64px; margin: 0px auto; padding-right: 5%}
.mobilenav div.ico a {width:40px; overflow: hidden; height: 64px; display: block; text-align: center; line-height: 64px; font-size: 1.6rem; color: #0a1c5e}
.mobilenav div.ico i {width:40px; overflow: hidden; height: 64px; display: block; text-align: center; line-height: 64px; font-size: 1.6rem; color: #0a1c5e}
.mobilesearch {width:100%; overflow: hidden; height: 100%; position: fixed; top: -100%; right: 0px; z-index: 99999999; background: #fff; display: block; transition: all 0.1s linear 0s !important; opacity: 1}
.mobilesearch em {width:40px; overflow: hidden; height: 40px; text-align: center; line-height: 40px; font-size: 2rem; color: #0a1c5e; position: absolute; top: 1.5%; right: 2%; z-index: 99999999; display: block}
.mobilesearch div.logo {width: 94%; padding-left: 4%; padding-right: 4%; overflow: hidden; height: 64px;}
.mobilesearch div.logo a {width: 30%; overflow: hidden; height: 100%;}
.mobilesearch div.logo a img {width: 100%; overflow: auto; height: auto; display: block}
.mobilesearch div.so {width:90%; margin: 0px auto}
.mobilesearch div.so dl {width:100%; overflow: hidden; padding-bottom: 0.2%; border-bottom: 2px solid #031451}
.mobilesearch div.so dl dt {width:8%}
.mobilesearch div.so dl dt button {width:100%; overflow: hidden; height: 50px; line-height: 50px; text-align: left; font-size: 1.4rem; border: 0px;}
.mobilesearch div.so dl dd {width:92%}
.mobilesearch div.so dl dd input {width:100%; overflow: hidden; height: 50px; text-align: left; font-size: 1.2rem; color: #031451; border: 0px;} 
.mobilesearch div.so dl dd input::placeholder {color: #031451; line-height: 70px;}
.mobilesearch div.so div.tag {width: 100%; margin-top: 5%}
.mobilesearch div.so div.tag a {width:auto; text-align: left; padding-right: 1%; padding-left: 1%; display: block; font-size: 1rem}
.whatsapp {animation: mbinquiry 2.5s infinite;}

main {width:100%;}

.carousel {width:100%; overflow: hidden; position: relative; z-index: 1; margin-top: 64px;}
.carousel div.indexbanner {width:auto}
.carousel div.indexbanner div.swiper-wrapper {width:auto}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide {width:auto}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a {width:100%; height: 100%; display: block; position: relative}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a img {width:100%; overflow: hidden; height: auto; display: block}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub {width: 90%; min-width: 90%; position:absolute; left: 5%; top: 6%; transform: translate(0%, 0%); z-index: 10}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h1 {width:100%; overflow: hidden; text-align: left; font-size: 1.4rem; line-height: 1.6rem; color: #fff; font-weight: normal; font-family: bigtit !important;}

.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub p {width:60%; overflow: hidden; display: block; font-size: 0.8rem; line-height: 1rem; color: #fff;  text-align: justify !important; word-break: keep-all !important; overflow-wrap: break-word !important; margin-top: 1%; padding-right: 40%}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span {width:auto; overflow: auto; padding: 3%; padding-top: 0.6%; padding-bottom: 0.6%; border-radius: 100px; background: #f1a600; margin-top: 2%; animation: Getaquote 1.5s infinite; color: #fff;}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span i {width:30px; height:2rem; line-height: 2rem; overflow: hidden; text-align: left; font-size: 1.4rem; display: block}
.carousel div.indexbanner div.swiper-wrapper div.swiper-slide a div.sub span b {width:auto; overflow: hidden; font-size: 1rem; display: block; font-weight: normalno}

.carousel div.indexbanner div.indexbannerpagination {width:100%; position: absolute; left: 0px; bottom: 4%; z-index: 999; text-align: center}
.carousel div.indexbanner div.indexbannerpagination span.swiper-pagination-bullet {width: 10px; overflow: hidden; height: 10px; background: none; border: 2px solid #fff; opacity: 1}
.carousel div.indexbanner div.indexbannerpagination span.swiper-pagination-bullet-active {width: 10px; overflow: hidden; height: 10px; background: none; border: 2px solid #f1a600; opacity: 1}

.index_num1 {width:100%; margin: 0px auto; min-width: 100%; padding: 0%; position: relative; z-index: 2; margin-top: 0%}
.index_num1 i.l {width: 20%; overflow: hidden; position: absolute; left: 2%; top: 50%; transform: translate(0%, -60%); z-index: 1; display: none}
.index_num1 i.l img {width:100%; overflow: hidden; height: auto; display: block}
.index_num1 i.r {width: 20%; overflow: hidden; position: absolute; right: 2%; top: 50%; transform: translate(0%, -60%); z-index: 1; display: none}
.index_num1 i.r img {width:100%; overflow: hidden; height: auto; display: block}

.index_num1 div.sub {width:90%; overflow: hidden; padding: 5%; background: #f3f3f3; position: relative; z-index: 3; display:grid; display: -webkit-grid; grid-template-columns: repeat(1, 1fr); gap: 0px;}
.index_num1 div.sub a {width:auto; overflow: hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px solid #ddd}
.index_num1 div.sub a i {width:30%; overflow: hidden; text-align: left; font-size: 5rem; color: #da9600}
.index_num1 div.sub a div.wz {width:70%;}
.index_num1 div.sub a div.wz h2 {width:100%; overflow: hidden; text-align: left; font-weight: normal; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.index_num1 div.sub a div.wz h2 span {width:auto; text-align: left; font-size: 3rem; color: #da9600; font-family: bigtit !important; padding-right: 5%; display: block}
.index_num1 div.sub a div.wz h2 p {width:auto; overflow: hidden; text-align: left; font-size: 1.2rem; color: #333; display: block}
.index_num1 div.sub a div.wz h2 p em {width:100%; overflow: hidden; text-align: left; font-size: 1.2rem; color: #da9600; margin-top: 10%; display: block}
.index_num1 div.sub a div.wz h2 p strong {width:100%; overflow: hidden; font-weight: normal; font-family: N !important;}
.index_num1 div.sub a div.wz h3 {width:100%; overflow: hidden; margin: 0px auto; line-height: 1.4rem; font-size: 1rem; color: #333; font-weight: normal; text-align: left !important; word-break: keep-all !important; overflow-wrap: break-word !important;}





.index_num2 {width:100%; overflow: hidden; min-width: 100%; min-height: auto; padding-top: 5%; padding-bottom: 5%; background: none; background-size: 0%; position: relative}
.index_num2 h2 {width:100%; margin: 0px auto; min-height: 4rem; min-width: 100%; position: relative; display: block; height: auto}
.index_num2 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: 2.8rem; line-height: 3rem; height: 3rem; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #0a1c5e, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num2 h2 span {width:100%; overflow: hidden; text-align: center; font-size: 2.4rem; position: absolute; left: 50%; top: 0.6rem; transform: translateX(-50%); z-index: 2; color: #0a1c5e; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num2 h3 {width:90%; min-width: 90%; overflow: hidden; margin: 0px auto; text-align: center}
.index_num2 h3 strong {width:100%; overflow: hidden; display: block; text-align: center; font-size: 1rem; line-height: 1.2rem; color: #333; font-family: L !important}
.index_num2 h3 span {width:6rem; overflow: hidden; margin: 0px auto; height: 0.5rem; border-radius: 100px; background: #0a1c5e; margin-top: 0.6rem; display: block}

.index_num2 div.myproduct {width:90%; overflow: hidden; margin: 0px auto; margin-top: 4%}
.index_num2 div.myproduct div.swiper-wrapper {width:auto}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide {width:auto}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a {width:100%; overflow: hidden; display: block; background: #f6f6f6}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; height: auto; display: block;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1)}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a figure figcaption {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-family: othetit !important; color: #333; display: block; font-size: clamp(26px,calc(36 / 2560 * 100vw),36px); padding-top: 3%}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h4 {width:90%; overflow: hidden; margin: 0px auto; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); line-height: clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top: 2%; text-align: justify; color: #333}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h5 {width:90%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h5 i {width:30px; overflow: hidden; height: 30px; text-align: left; line-height: 30px; font-size: clamp(16px,calc(20 / 2560 * 100vw),20px); color: #333}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide a h5 b {width:auto; overflow: hidden; text-align: left; font-size: clamp(14px,calc(18 / 2560 * 100vw),18px); color: #333; font-weight: normal; font-family: N !important;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%; background: #f6f6f6}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: 1rem; background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.index_num2 div.myproduct div.swiper-wrapper div.swiper-slide div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: 1rem; background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}

.index_num2 div.product-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: -300%; top: 50%; transform: translateY(160%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}
.index_num2 div.product-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: -300%; top: 50%; transform: translateY(160%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}



.index_num3 {width:100%; margin: 0px auto; min-width: 100%; padding-bottom: 4%; padding-top: 1%; background: #f3f3f3}
.index_num3 dl:nth-child(odd) {width:90%; overflow: hidden; margin: 0px auto; padding-top: 3%; position: relative}
.index_num3 dl:nth-child(odd) dt {width:100%; overflow: hidden; float: none}
.index_num3 dl:nth-child(odd) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 0px}
.index_num3 dl:nth-child(odd) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.index_num3 dl:nth-child(odd) dd {width: 90%; overflow: hidden; padding: 5%; padding-left: 5%; padding-right: 5%; background: #fff; opacity: 1; position: static; right: 0px; top: 0%; transform: translateY(0%); border-radius: 0px}
.index_num3 dl:nth-child(odd) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 1%}
.index_num3 dl:nth-child(odd) dd h2 i {width: 50px; overflow: hidden; text-align: left; line-height: 50px; color: #f1a600; font-size: 2.4rem}
.index_num3 dl:nth-child(odd) dd h2 strong  {width: auto; text-align: left; font-size: clamp(30px,calc(42 / 2560 * 100vw),42px); color: #333; font-family: othetit  !important}
.index_num3 dl:nth-child(odd) dd h3 {width:auto; overflow: hidden; padding-left: 50px; text-align: left; line-height: 1.2rem; font-size: 1rem; color: #333;}
.index_num3 dl:nth-child(odd) dd h3 p {width:100%; overflow: hidden; text-align: left; line-height: 1.2rem; font-size: 1rem; color: #333; padding-top: 0.3rem; padding-bottom: 0.3rem; display: block}

.index_num3 dl:nth-child(even) {width:90%; overflow: hidden; margin: 0px auto; padding-top: 3%; position: relative}
.index_num3 dl:nth-child(even) dt {width:100%; overflow: hidden; float: none}
.index_num3 dl:nth-child(even) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 0px}
.index_num3 dl:nth-child(even) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.index_num3 dl:nth-child(even) dd {width: 90%; overflow: hidden; padding: 5%; padding-left: 5%; padding-right: 5%; background: #fff; opacity: 1; position: static; right: 0px; top: 0%; transform: translateY(0%); border-radius: 0px}
.index_num3 dl:nth-child(even) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 1%}
.index_num3 dl:nth-child(even) dd h2 i {width: 50px; overflow: hidden; text-align: left; line-height: 50px; color: #f1a600; font-size: 2.4rem}
.index_num3 dl:nth-child(even) dd h2 strong  {width: auto; text-align: left; font-size: clamp(30px,calc(42 / 2560 * 100vw),42px); color: #333; font-family: othetit  !important}
.index_num3 dl:nth-child(even) dd h3 {width:auto; overflow: hidden; padding-left: 50px; text-align: left; line-height: 1.2rem; font-size: 1rem; color: #333;}
.index_num3 dl:nth-child(even) dd h3 p {width:100%; overflow: hidden; text-align: left; line-height: 1.2rem; font-size: 1rem; color: #333; padding-top: 0.3rem; padding-bottom: 0.3rem; display: block}




.index_num4 {width:100%; overflow: hidden; min-width: 100%; padding-top: 5%; padding-bottom: 5%; background: none; background-size: 0%; position: relative}
.index_num4 h2 {width:100%; margin: 0px auto; min-height: 4rem; min-width: 100%; position: relative; display: block; height: auto}
.index_num4 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: 2.8rem; line-height: 3rem; height: 3rem; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #0a1c5e, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num4 h2 span {width:100%; overflow: hidden; text-align: center; font-size: 2.4rem; position: absolute; left: 50%; top: 0.6rem; transform: translateX(-50%); z-index: 2; color: #0a1c5e; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num4 h3 {width:90%; min-width: 90%; overflow: hidden; margin: 0px auto; text-align: center}
.index_num4 h3 strong {width:100%; overflow: hidden; display: block; text-align: center; font-size: 1rem; line-height: 1.2rem; color: #333; font-family: L !important}
.index_num4 h3 span {width:6rem; overflow: hidden; margin: 0px auto; height: 0.5rem; border-radius: 100px; background: #0a1c5e; margin-top: 0.6rem; display: block}

.index_num4 div.sub {width:90%; overflow: hidden; margin: 0px auto; margin-top: 3%;}
.index_num4 div.sub div.list {width: 100%; overflow: hidden; margin-left: 0%; margin-right: 0%; margin-top: 2%; background: #f3f3f3; transition: all 0.2s linear 0s !important;}
.index_num4 div.sub div.list a {width:100%; overflow: hidden; display: block;}
.index_num4 div.sub div.list a figure {width:100%; overflow: hidden; height: auto; display: block;}
.index_num4 div.sub div.list a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 10px solid #0a1c5e; transform: rotate(0deg) scale(1)}
.index_num4 div.sub div.list a figure figcaption {width:auto; overflow: hidden; padding: 5%; padding-top: 3%; padding-bottom: 3%; font-size: 1.8rem; line-height: 2rem; color: #0a1c5e; font-family: othetit !important}
.index_num4 div.sub div.list dl {width:90%; overflow: hidden; padding: 5%; padding-top: 0%; padding-bottom: 0px;}
.index_num4 div.sub div.list dl dt {width:100%; overflow: hidden;}
.index_num4 div.sub div.list dl dt i {width: 50px; overflow: hidden; text-align: left; line-height: 50px; color: #f1a600; font-size: 2rem;}
.index_num4 div.sub div.list dl dt span  {width: auto; text-align: left; font-size: 1.2rem; line-height: 50px; color: #333; font-family: N !important}
.index_num4 div.sub div.list dl dd {width:auto; overflow: hidden; padding-left: 50px; text-align: left; line-height: 1.4rem; color: #333; padding-top: 0px; font-size: 1rem;}
.index_num4 div.sub div.list div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%; padding-top: 4%;}
.index_num4 div.sub div.list div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: 1rem; background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.index_num4 div.sub div.list div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: 1rem; background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}



.index_num4 div.more {width:90%; overflow: hidden; margin: 0px auto; background: #f3f3f3; margin-top: 2%; padding-top: 3%; padding-bottom: 3%; transition: all 0.2s linear 0s !important;}
.index_num4 div.more a {width:100%; overflow: hidden; height: auto; text-align: center; font-size: 1.2rem; color: #333}
.index_num4 div.more a em {width: 40px; overflow: hidden; text-align: left; line-height: 1.8rem; color: #333; font-size: 1.6rem; transition: all 0.2s linear 0s !important;}



.index_num5 {display: none}
.indexmb_num5 {width:100%; overflow: hidden; min-width: 100%; padding-top: 5%; min-height: auto; position: relative; background: #0a1c5e; z-index: 1; padding-bottom: 8%; display: block}
.indexmb_num5 h2 {width:90%; overflow: hidden; margin: 0px auto}
.indexmb_num5 h2 p {width:100%; overflow: hidden;}
.indexmb_num5 h2 p i {width: 160px; overflow: hidden; height: 80px; line-height: 76px; font-size: 4rem; color: #fff; display: block; text-align: left}
.indexmb_num5 h2 p strong {width:auto; overflow: hidden; font-size: 1.4rem; color: #fff; font-family: st !important; line-height: 1.6rem}
.indexmb_num5 h2 p strong b {width:100%; overflow: hidden; text-align: left; font-size: 0.8rem; font-family: N !important; font-weight: normal;}
.indexmb_num5 h2 a {width:100%; overflow: hidden; height: 3.6rem; background: #f1a600; border-radius: 100px; animation: xunpan 1.5s 3s infinite; color: #fff; margin-top: 5%}
.indexmb_num5 h2 a em {width:50px; overflow: hidden; text-align: left; line-height: 50px; font-size: 2.2rem; display: block}
.indexmb_num5 h2 a span {width:auto; overflow: hidden; text-align: left; line-height: 50px !important; font-size: 1.4rem; display: block}

.indexmb_num5 div.oemodm {width:90%; overflow: hidden; margin: 0px auto; margin-top: 5%}
.indexmb_num5 div.oemodm div.dz {width:100%; overflow: hidden; flex-wrap:wrap !important;}
.indexmb_num5 div.oemodm div.dz dl {width:95%; overflow: hidden; padding: 3%; padding-top: 5%; padding-bottom: 8%; border: 4px solid #fff; border-radius: 25px; color: #fff;}
.indexmb_num5 div.oemodm div.dz dl dt {width:100%; overflow: hidden; text-align: center; line-height: 6rem; font-size: 5rem;}
.indexmb_num5 div.oemodm div.dz dl dd {width:100%; overflow: hidden; text-align: center; font-size: 1.2rem; line-height: 1.2rem; margin-top: 3%; font-family: st !important}
.indexmb_num5 div.oemodm div.dz dl dd p {width:100%; overflow: hidden; text-align: center; font-size: 1.2rem; line-height: 1.2rem; margin-top: 3%; font-family: st !important}
.indexmb_num5 div.oemodm div.dz dl dd p strong {width:100%; display: block; font-size: 1rem; font-family: L !important; margin-top: 2%}
.indexmb_num5 div.oemodm div.dz i {width:50%; overflow: hidden; margin: 0px auto; margin-bottom: 3%; margin-top: 3%; height: auto; text-align: center; font-size: 3rem; color: #fff; display: block}


.lc_1 { animation: OEM 5.5s infinite 0s; }
.lc_2 { animation: ODM 5.5s infinite 0.5s; }
.lc_3 { animation: OEM 5.5s infinite 1s; }
.lc_4 { animation: ODM 5.5s infinite 1.5s; }
.lc_5 { animation: OEM 5.5s infinite 2s; }
.lc_6 { animation: ODM 5.5s infinite 2.5s; }
.lc_7 { animation: OEM 5.5s infinite 3s; }
.lc_8 { animation: ODM 5.5s infinite 3.5s; }
.lc_9 { animation: OEM 5.5s infinite 4s; }
.lc_10 { animation: ODM 5.5s infinite 4.5s; }
.lc_11 { animation: OEM 5.5s infinite 5s; }

.customizedcase {width:100%; position: relative}
.mycaserbanner {width:100%; overflow: hidden; margin: 0px auto; position: relative; z-index: 2; margin-top: 0%;}
.mycaserbanner div.swiper-wrapper {width:auto}
.mycaserbanner div.swiper-wrapper div.swiper-slide {width:auto;}
.mycaserbanner div.swiper-wrapper div.swiper-slide a {width:100%; overflow: hidden; height: auto; display: block; position: relative}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; display: block}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow: hidden; height: auto; display: block}

.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption {width:100%; overflow: hidden; position: static; left: 0px; bottom: 0px; z-index: 3; flex-wrap:wrap !important;}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption p {width:100%; overflow: hidden; padding: 4%; padding-top: 3%; padding-bottom: 3%; text-align: center; background: #0a1c5e; opacity: 0.9; color: #fff; font-size: 1.2rem; font-family: N !important}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption span {width:100%; overflow: hidden; background: #f1a600; padding-top: 3%; padding-bottom: 3%; text-align: center; color: #fff; font-size: 1.4rem; font-family: N !important; animation: ODMZX 3s infinite;}
.mycaserbanner div.swiper-wrapper div.swiper-slide a figure figcaption span em {width:50px; overflow: hidden; text-align: left; font-size: 2.4rem; display: block}

.customizedcase div.caserbanner-button-next {display: none}
.customizedcase div.caserbanner-button-prev {display: none}



.index_num6 {width:100%; overflow: hidden; min-height: auto; background: #eff6ff; position: relative; z-index: 1; margin-top: 0%; padding-top: 6%; text-align: center}
.index_num6 div.sub {width:90%; overflow: hidden; margin: 0px auto;position: relative; display:grid; display: -webkit-grid; grid-template-columns:1fr; gap: 0%;}
.index_num6 div.sub div.l {width:auto}
.index_num6 div.sub div.l h3 {width:100%; overflow: hidden; text-align: left; font-size: 1rem; color: #293669; font-family: N !important}
.index_num6 div.sub div.l h2 {width:100%; overflow: hidden; text-align: left; font-size: 2rem; color: #293669; font-family: othetit !important; line-height: 2.2rem; margin-top: 2%}
.index_num6 div.sub div.l p {width:100%; overflow: hidden; text-align: left; font-size: 1.2rem; color: #333; font-family: L !important; margin-top: 3%; display: block; line-height: 1.6rem}
.index_num6 div.sub div.l a {width:auto; overflow: hidden; padding:8%; padding-top: 2%; padding-bottom: 2%; color: #fff; font-size: 1.2rem; background: #0a1c5e; margin-top: 6%}
.index_num6 div.sub div.l a i {width:40px; overflow: hidden; display: block; text-align: right; font-size: 2rem}


.index_num6 div.sub div.r {width:auto; margin-top: 4%}
.index_num6 div.sub div.r em {width:100%; overflow: hidden; height: auto; display: block; position: relative; background: #000}
.index_num6 div.sub div.r em img {width:100%; overflow: hidden; height: auto; display: block; opacity: 0.8}
.index_num6 div.sub div.r em i {width:6rem; overflow: hidden; height: 6rem; line-height: 6rem; font-size: 6rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; text-align: center}

.index_num6 div.sub div.hot {width:100%; overflow: hidden; padding: 0%; background: #fff; position: static; left: 0px; bottom: 0px; z-index: 5; flex-wrap:wrap !important; padding-top: 5%}
.index_num6 div.sub div.hot dl {width:90%; padding: 5%; padding-top: 0%; overflow: hidden; flex-wrap:nowrap !important;}
.index_num6 div.sub div.hot dl dt {width:40%; overflow: hidden; text-align: center; font-size: 5rem; color: #f1a600; display: none}
.index_num6 div.sub div.hot dl dd {width:100%; overflow: hidden; padding-right: 5%; text-align: left; line-height: 1.3rem; font-size: 1rem}
.index_num6 div.sub div.hot dl dd h3 {width:100%; font-size: 1.4rem; padding-bottom: 2%; font-family: N !important}

/* video */
.video-modal {display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 99999999; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.3, 0, 0.2, 1);}
.video-modal.show {opacity: 1; visibility: visible;}
.video-box {position: relative; width: 90%; transform: scale(0.9); transition: transform 0.4s cubic-bezier(0.3, 0, 0.2, 1);}
.close-btn {position: absolute; top: -40px; right: 0; color: #fff; font-size: 24px; cursor: pointer; background: none; border: none;}
video {width: 100%; display: block;}

.index_num6 div.gcsl {width:100%; overflow: hidden; padding-bottom: 2%; padding-top: 2%; background: #e3e9f1; margin-top: 5%}
.index_num6 div.gcsl div.nr {width:90%; overflow: hidden; margin: 0px auto}
.index_num6 div.gcsl div.nr dl {width: 100%; overflow: hidden; margin-top: 3%}
.index_num6 div.gcsl div.nr dl dt {width:100%; overflow: hidden; text-align: center; padding-top: 2%; padding-bottom: 2%; border-radius: 100px; background: #d8e0ea; color: #0a1c5e; font-size: 1rem}
.index_num6 div.gcsl div.nr dl dd {width:100%; overflow: hidden; text-align: center; line-height: 1.4rem; font-size: 1.2rem; color: #0a1c5e; margin-bottom: 3%}
.index_num6 div.gcsl div.nr dl dd strong {width:100%; overflow: hidden; text-align: center; font-size: 4rem; line-height: 4rem; font-family: bigtit !important; color: #0a1c5e; margin-top: 5%; margin-bottom: 3.5%}
.index_num6 div.gcsl div.nr dl dd p {width:100%; overflow: hidden; text-align: center; line-height: 1.4rem; font-size: 1.2rem; color: #0a1c5e; margin-bottom: 3%}



.index_num7 {width:100%; overflow: hidden; min-height: auto; background:#fff; position: relative; z-index: 1; padding-top: 5%; padding-bottom: 5%; text-align: center}
.index_num7 h2 {width:90%; overflow: hidden; margin: 0px auto; text-align: left; color: #000; font-size: 3rem; line-height: 3rem; font-family: bigtit !important;}
.index_num7 h2 span {color:#f1a600; font-family: bigtit !important;}
.index_num7 h3 {width:90%; overflow: hidden; margin: 0px auto; text-align: left; color: #333; font-size: 1.2rem; line-height: 1.4rem; font-family: B !important; margin-top: 3%}
.index_num7 div.sub {width:90%; overflow: hidden; margin: 0px auto; margin-top: 2%}
.index_num7 div.sub dl {width:100%; overflow: hidden; background: #ebebeb; margin-top: 4%; flex-wrap:wrap !important;}
.index_num7 div.sub dl dt {width:100%; overflow: hidden; height: auto;}
.index_num7 div.sub dl dt img {width:100%; overflow: hidden; height: 100%; display: block}
.index_num7 div.sub dl dd {width:90%; overflow: hidden; padding: 5%; font-size: 1rem; line-height: 1.4rem; text-align:justify}
.index_num7 div.sub dl dd h4 {width:100%; overflow: hidden; padding-bottom: 3%; font-size: 1.6rem; font-family: st !important; text-align: left !important}
.index_num7 div.more {width:90%; overflow: hidden; margin: 0px auto; margin-top: 5%; margin-bottom: 3%;}
.index_num7 div.more a {width:100%; overflow: hidden; height: 3rem; background: #f1a600; border-radius: 100px; animation: xunpan 1.5s 3s infinite; color: #fff; display: block}
.index_num7 div.more a em {width:50px; overflow: hidden; text-align: left; line-height: 50px; font-size: 2rem; display: block; display: none}
.index_num7 div.more a span {width:auto; overflow: hidden; text-align: center; line-height: 50px !important; font-size: 1.4rem; font-family: st !important; display: block}





.index_num8 {width:100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; background: #f7f7f7}
.index_num8 div.tit {width:90%; overflow: hidden; margin: 0px auto; flex-wrap:wrap !important;}
.index_num8 div.tit h2 {width:100%; overflow: hidden}
.index_num8 div.tit h2 i {width:100px; text-align: left; line-height: 70px; overflow: hidden; font-size: 3rem; color: #333}
.index_num8 div.tit h2 strong {width:auto; overflow: hidden; text-align: left; font-size: 2.4rem; font-weight: normal; font-family: bigtit !important; margin-top: 1%}
.index_num8 div.tit h2 strong span {width:100%; overflow: hidden; text-align: left; font-size: 0.8rem; font-family: N !important; line-height: 1.6rem; margin-top: 1%}

.index_num8 div.tit a {width:100%; overflow: hidden; height: 4rem; background: #0a1c5e; border-radius: 100px; animation: casexp 6s infinite; color: #fff; margin-top: 4%}
.index_num8 div.tit a em {width:50px; overflow: hidden; text-align: left; line-height: 50px; font-size: 2.2rem; display: block}
.index_num8 div.tit a span {width:auto; overflow: hidden; text-align: left; line-height: 50px !important; font-size: 1.4rem; display: block}



.index_num8 div.caselb {width:90%; margin: 0px auto; position: relative; margin-top: 5%}
.index_num8 div.caselb div.mycasecenter {width:auto; overflow: hidden;}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper {width:auto;}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide {width:auto;}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a {width:100%; overflow: hidden; display: block; background: #e9e9e9}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; display: block}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 8px solid #f1a600}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure figcaption {width:auto; overflow: hidden; padding: 5%; display: block; line-height: 1.4rem; color: #333}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure figcaption h2 {width:100%; overflow: hidden; text-align: left; font-size: 1.6rem; font-family: bigtit !important; padding-bottom: 2%; line-height: 2rem}
.index_num8 div.caselb div.mycasecenter div.swiper-wrapper div.swiper-slide a figure figcaption p {width:100%; overflow: hidden; text-align: justify; display: block; font-size: 1rem}


.index_num8 div.caselb div.casecenter-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: -300%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}
.index_num8 div.caselb div.casecenter-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: -300%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}

.index_num8 h3 {width:100%; overflow: hidden; text-align: center; font-size: 2rem; color: #333; padding-bottom: 5%; padding-top: 5%; font-family: bigtit !important}
.index_num8 div.Customer {width:90%; overflow: hidden; margin: 0px auto;}
.index_num8 div.Customer figure {width:48%; overflow: hidden; margin-left: 1%; margin-right: 1%; background: #fff; display: block; margin-bottom: 2%} 
.index_num8 div.Customer figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1);}



.index_num9 {width:100%; overflow: hidden; min-width: 100%; padding-top: 5%; padding-bottom: 5%; background: none; background-size: 0%; position: relative}
.index_num9 h2 {width:100%; margin: 0px auto; min-height: 3.6rem; min-width: 100%; position: relative; display: block; height: auto}
.index_num9 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: 2.6rem; line-height: 3rem; height: 3rem; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #0a1c5e, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num9 h2 span {width:100%; overflow: hidden; text-align: center; font-size: 2.2rem; position: absolute; left: 50%; top: 0.6rem; transform: translateX(-50%); z-index: 2; color: #0a1c5e; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num9 h3 {width:90%; min-width: 90%; overflow: hidden; margin: 0px auto; text-align: center}
.index_num9 h3 strong {width:100%; overflow: hidden; display: block; text-align: center; font-size: 1rem; line-height: 1.2rem; color: #333; font-family: L !important}
.index_num9 h3 span {width:6rem; overflow: hidden; margin: 0px auto; height: 0.5rem; border-radius: 100px; background: #0a1c5e; margin-top: 0.6rem; display: block}


.index_num9 div.reviews {width:90%; margin: 0px auto; position: relative; margin-top: 3%}
.index_num9 div.reviews div.myreviews {width:auto; overflow: hidden;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper {width:auto; display: flex; align-items: stretch;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide {width:auto; background: #e9e9e9; height: auto !important; align-self: stretch; display: flex; transition: all 0.3s linear 0s !important;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a {width:90%; overflow: hidden; display: block; padding: 5%; border-top: 10px solid #f1a600; text-align: justify; font-size: 1rem; line-height: 1.6rem; color: #333; position: relative}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a em {width: 45px; overflow: hidden; height: 45px; line-height: 45px; text-align: left; font-size: 2rem; color:#0a1c5e; position: absolute; top: 3%; right: 0.8%; z-index: 9}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow: hidden; height: auto; padding-bottom: 5%}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure img {width:30%; overflow: hidden; border-radius: 100px; display: block; height: auto}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption {width:64%; overflow: hidden;}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption strong {width:100%; overflow: hidden; text-align: left; font-size: 1.4rem; color: #0a1c5e; font-family:st !important}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption span {width:100%; overflow: hidden; height: 25px; line-height: 25px; text-align: left; font-size: 1rem; color:#f1a600}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption span i {width: 22px; overflow: hidden; height: 25px; line-height: 25px; text-align: left; font-size: 1rem; color:#f1a600}
.index_num9 div.reviews div.myreviews div.swiper-wrapper div.swiper-slide a figure figcaption p {width:100%; overflow: hidden; display: block; text-align: left; font-size: 0.8rem; color: #333}


.index_num9 div.reviews div.reviews-button-next {width:80px; overflow: hidden; height: 80px; position: absolute; left: -300%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}
.index_num9 div.reviews div.reviews-button-prev {width:80px; overflow: hidden; height: 80px; position: absolute; right: -300%; top: 50%; transform: translateY(-50%); z-index: 10; text-align: center; font-size: clamp(36px,calc(50 / 2560 * 100vw),50px); color: #333; line-height: 80px; cursor: pointer}



.index_num9 h4 {width:100%; overflow: hidden; text-align: center; font-size: 1.6rem; line-height: 1.8rem; color: #333; padding-bottom: 8%; padding-top: 8%; font-family: bigtit !important}
.index_num9 div.certificate {width:100%; overflow: hidden; background: url("../images/zsbg.jpg") center bottom no-repeat; background-size: 150%; padding-bottom: 14%}
.marquee-container {width: 90%; margin: 0px auto; overflow: hidden;}
.marquee-content {display: flex; width: max-content; gap: 10px; animation: scroll 20s linear infinite;}
.marquee-container:hover .marquee-content {animation-play-state: paused;}
.item {width: 180px; height: auto; overflow: hidden; border: 2px solid #ddd; padding: 3px; background: #fff; flex-shrink: 0; display: flex;}
.item img {width:100%; overflow: hidden; height: auto; display: block}




.index_num10 {width:100%; overflow: hidden; min-width: 100%; padding-top: 5%; padding-bottom: 0%; background: #0a1c5e; background-size: 0%; position: relative}
.index_num10 h2 {width:100%; margin: 0px auto; min-height: 4rem; min-width: 100%; position: relative; display: block; height: auto}
.index_num10 h2 strong {width:100%; overflow: hidden; text-align: center; font-size: 2.8rem; line-height: 3rem; height: 3rem; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 1; color: #333; background: linear-gradient(to bottom, #fff, #0a1c5e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; font-family: bigtit !important; text-transform: uppercase; display: block; opacity: 0.4}
.index_num10 h2 span {width:100%; overflow: hidden; text-align: center; font-size: 2.4rem; position: absolute; left: 50%; top: 0.6rem; transform: translateX(-50%); z-index: 2; color: #fff; font-weight: normal; font-family: bigtit !important; text-transform: uppercase; display: block}
.index_num10 h3 {width:90%; min-width: 90%; overflow: hidden; margin: 0px auto; text-align: center}
.index_num10 h3 strong {width:100%; overflow: hidden; display: block; text-align: center; font-size: 1rem; line-height: 1.2rem; color: #fff; font-family: L !important}
.index_num10 h3 span {width:6rem; overflow: hidden; margin: 0px auto; height: 0.5rem; border-radius: 100px; background: #fff; margin-top: 0.6rem; display: block}



.faq {width: 90%; overflow: hidden; margin: 0px auto; padding: 5%; background: #03124b; margin-top: 6%}
.faq-item {width:100%; border-bottom: 1px solid #0c237b}
.faq-question {width:100%; cursor: pointer; line-height: 1.6rem; margin-bottom: 0.5rem; margin-top: 0.5rem; font-size: 1.1rem; user-select: none; -webkit-tap-highlight-color: transparent; color: #fff}
.faq-question em {font-family: bigtit !important; width: auto; display: inline-block; font-size: 1.3rem;}
/* 箭头 */
.faq-question::after {content: ">"; font-size: 1.8rem; transition: transform 0.3s ease; float: right}
.faq-question.active::after {transform: rotate(90deg); float: right}

/* 超级兼容 + 丝滑动画 */
.faq-answer {overflow: hidden; height: 0; transition: height 0.35s ease;}
.faq-answer-inner {padding: 5%; background: #0c237b; line-height: 1.4rem; font-size: 1rem; color: #fff;}



.index_num11 {width:100%; overflow: hidden; padding-top: 5%; padding-bottom: 5%; background:#fff;}
.index_num11 div.sub {width:90%; overflow: hidden; margin: 0px auto; display:block;}
.index_num11 div.sub div.contact {width:auto; overflow: hidden; height: auto; padding: 5%; padding-bottom: 8%; background: #f3f3f3; border-radius: 15px}
.index_num11 div.sub div.contact h2 {width:100%; overflow: hidden; text-align: left; font-family: bigtit !important; font-size: 2.4rem; color: #0a1c5e}
.index_num11 div.sub div.contact h3 {width:100%; overflow: hidden; font-size: 1.1rem; line-height: 1.25rem; color: #333; margin-top: 1%; padding-bottom: 3%; margin-bottom: 3%; text-align: justify; border-bottom: 1px solid #aeaeae}
.index_num11 div.sub div.contact h4 {width:100%; overflow: hidden; text-align: left; font-size: 1.2rem; line-height: 1.4rem; color: #333; font-family: st !important}
.index_num11 div.sub div.contact p {width:100%; overflow: hidden; text-align:justify; font-size: 1rem; line-height: 1.2rem; color: #333; margin-top: 2%; display: block;}
.index_num11 div.sub div.contact dl {width:100%; overflow: hidden; margin-top: 3%}
.index_num11 div.sub div.contact dl dt {width:60px; overflow: hidden; line-height: 60px; font-size: 3rem; text-align: left; color: #000}
.index_num11 div.sub div.contact dl dd {width:84%; overflow: hidden; text-align: left; line-height: 1.6rem; font-size: 1.1rem; padding-left: 2%}
.index_num11 div.sub div.contact dl dd strong {font-family: st !important}
 
.index_num11 div.sub div.InquiryForm {width:auto; overflow: hidden; margin-top: 4%}
.index_num11 div.sub div.InquiryForm h2 {width:100%; overflow: hidden; text-align: left; line-height: 1.4rem; font-size: 1.2rem; color: #333; padding-bottom: 2%; margin-top: 2%; font-family: N !important}
.index_num11 div.sub div.InquiryForm form {width:100%; overflow: hidden; padding-bottom: 3%}
.index_num11 div.sub div.InquiryForm form label.bd {width:100%; overflow: hidden; display: block; margin-top: 1.5%}
.index_num11 div.sub div.InquiryForm form label.bd span {width:100%; overflow: hidden; text-align: left; font-size: 1rem; margin-top: 4%; display: block}
.index_num11 div.sub div.InquiryForm form label.bd select {width:100%; overflow: hidden; border: 0px; border-bottom: 1px solid #666; line-height: 2.4rem; text-align: left; font-size: 1.2rem; background: url("../images/x.png") right no-repeat; margin-top: 0%}
.index_num11 div.sub div.InquiryForm form label.bd input {width:100%; overflow: hidden; border: 0px; border-bottom: 1px solid #666; line-height: 2.4rem; text-align: left; font-size: 1.2rem; margin-top: 0%}

.index_num11 div.sub div.InquiryForm form label.message {width:100%; overflow: hidden; display: block; margin-top: 1.5%}
.index_num11 div.sub div.InquiryForm form label.message span {width:100%; overflow: hidden; text-align: left; font-size: 1rem; margin-top: 1%; display: block}
.index_num11 div.sub div.InquiryForm form label.message textarea {width:100%; overflow: hidden; min-height: 200px; border: 0px; border-bottom: 1px solid #666; line-height: 1.5rem; text-align: left; font-size: 1.2rem; margin-top: 1%}

.index_num11 div.sub div.InquiryForm form label.anniu {width:100%; overflow: hidden; margin-top: 3%; flex-wrap:wrap !important;}
.index_num11 div.sub div.InquiryForm form label.anniu button.tj {width:100%; overflow: hidden; padding-top: 2%; padding-bottom: 2%; border-radius: 100px; text-align: center; border: 0px; background: #0a1c5e; color: #fff; font-size: 1.4rem; cursor: pointer; transition: all 0.2s linear 0s !important; margin-top: 2%}


.index_num11 div.sub div.InquiryForm form label.anniu a.zx {width:100%; overflow: hidden; padding-top: 2%; padding-bottom: 2%; border-radius: 100px; text-align: center; border: 0px; background: #f1a600; color: #fff; font-size: 1.4rem; cursor: pointer; transition: all 0.2s linear 0s !important; margin-left: 0%; animation: btxp 3s infinite; margin-top: 3%}
.index_num11 div.sub div.InquiryForm form label.anniu a.zx i {width:40px; text-align: left; font-size: 2rem}





footer {width:100%; overflow:hidden; padding-top:10%; padding-bottom:10%; background:#0a1c5e}
footer div.botmenu {width:80%; overflow:hidden; margin:0px auto; flex-wrap:wrap !important;}
footer div.botmenu div.logo {width:100%; overflow:hidden; height:auto;}
footer div.botmenu div.logo a {width:100%; overflow:hidden; display:block}
footer div.botmenu div.logo a figure {width:100%; overflow:hidden; height:auto; display:block}
footer div.botmenu div.logo a figure img {width:40%; overflow:hidden; height:auto; display:block}

footer div.botmenu div.zycd {width:100%; overflow:hidden; flex-wrap:wrap !important; margin-top: 3%}
footer div.botmenu div.zycd dl {width:100%; border-bottom: 1px dotted #fff; padding-bottom: 5%}
footer div.botmenu div.zycd dl dt {width:100%; overflow:hidden; margin-top: 6%}
footer div.botmenu div.zycd dl dt a {width:100%; overflow:hidden; text-align:left; display:block; line-height:1.5rem; font-size:1.4rem; font-family:st !important; color:#FFF; padding-bottom:2%}

footer div.botmenu div.zycd dl dd {width:100; overflow:hidden; text-align:left;}
footer div.botmenu div.zycd dl dd a {width:100%; overflow:hidden; text-align:left; display:block; line-height:1rem; font-size:1rem; font-family:L !important; color:#FFF; padding-top:2%; padding-bottom:2%;}
footer div.botmenu div.zycd dl dd span {width:100%; overflow:hidden; text-align:left; display:block; line-height:clamp(22px,calc(30 / 2560 * 100vw),30px); font-size:clamp(18px,calc(24 / 2560 * 100vw),24px); font-family:L !important; color:#FFF; padding-top:2%; padding-bottom:2%;}

footer div.botmenu div.zycd dl p {width:100%; margin-top:5%}
footer div.botmenu div.zycd dl p a {width:clamp(30px,calc(40 / 2560 * 100vw),40px); height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); font-size:clamp(24px,calc(32 / 2560 * 100vw),32px); color:#FFF; margin:0px; padding:0px; margin-left:2%;  transform: scale(1); transition: all 0.1s linear 0s !important;}
footer div.botmenu div.zycd dl p a:hover {width:clamp(30px,calc(40 / 2560 * 100vw),40px); height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); font-size:clamp(24px,calc(32 / 2560 * 100vw),32px); color:#f1a600; margin:0px; padding:0px; margin-left:2%;  transform: scale(1.3); transition: all 0.1s linear 0s !important;}


footer div.copyright {width:80%; overflow:hidden; margin:0px auto; padding-top:3%; border-top:0px solid #122878; margin-top:5%; color:#FFF; text-align:center; font-size:1rem; line-height: 1.5rem}
footer div.copyright a {color:#fff}
footer div.copyright a:hover {color:#f1a600}



/***************page css******************/
.topbanner_num1,.topbanner_num2,.topbanner_num3 {display:none}
.mbtopbanner_num1 {width:100%; overflow: hidden; position: relative; display: block; margin-top: 64px;}
.mbtopbanner_num1 div.sub {width:90%; overflow: hidden; position: absolute; left: 5%; top: 45%; transform: translateY(-50%); z-index: 5; color: #fff}
.mbtopbanner_num1 div.sub h1 {width: 100%; overflow: hidden; text-align: center; line-height: 3rem; font-size: 3rem; font-family: bigtit !important; color: #fff}
.mbtopbanner_num1 div.sub strong {width: 100%; overflow: hidden; text-align: center; line-height: 3rem; font-size: 3rem; font-family: bigtit !important; color: #fff; display: block}
.mbtopbanner_num1 div.sub h2 {width: 100%; overflow: hidden; text-align: center; line-height: 1.2rem; font-size: 1.2rem; font-family: N !important; color: #fff; margin-top: 4%}
.mbtopbanner_num1 div.sub h3 {width: 100%; overflow: hidden; text-align: center; line-height: 1.1rem; font-size: 0.8rem; font-family: l !important; color: #fff; margin-top: 2%}
.mbtopbanner_num1 div.sub em {width:6%; overflow: hidden; height: 8px; border-radius: 100px; margin: 0px auto; display: block; background: #fff; margin-top: 1%}
.mbtopbanner_num1 i {width:100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: rgba(0,0,0,0.7); display: block}
.mbtopbanner_num1 img {width:100%; overflow: hidden; height: auto; display: block}

.mblocation {width:94%; overflow: hidden; padding: 3%; padding-top: 1.5%; padding-bottom: 1.5%; background: #f3f3f3; border-bottom: 1px solid #ddd; display: flex; text-align: left; font-size: 1rem; color: #333333}
.mblocation i {width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #333; display: block}
.mblocation span {width:auto; overflow: hidden; display: block}
.mblocation span a {color:#333;}
.mblocation span a:hover {color:#f1a600;}
.pclocation {display:none}

.mbCategories {width:92%; overflow: hidden; height: 60px; padding-left: 4%; padding-right: 4%; border-bottom: 1px solid #ddd; background: #fff; display: flex; position: relative}
.mbCategories div.Categories {width:100%; overflow: hidden; height: 60px;}
.mbCategories div.Categories select {width:100%; overflow: hidden; height: 60px; border: 0px; text-align: left; line-height: 60px; font-size: 1rem; font-family: N !important; color: #0a1c5e; display: block; position: relative; z-index: 5}
.mbCategories i {width:50px; overflow: hidden; height: 60px; text-align: right;  line-height: 60px; font-size: 1.4rem; color: #0a1c5e; display: block; position: absolute; top: 0px; right: 4%; z-index: 1}
.Generalclassification {display:none}


.Productsmain {width:100%; overflow: hidden; background: #f7f8fc}
.Productsmain div.subite {width:90%; overflow: hidden; margin: 0px auto;}
.Productsmain div.subite div.left {width:28%; overflow: hidden; display: none}
.Productsmain div.subite div.right {width:100%; overflow: hidden}
.Productsmain div.subite div.right h2 {width:100%; overflow:hidden; background:url(../images/hx.jpg) bottom repeat-x; align-items:flex-end !important; align-content:flex-end !important; margin-bottom:3%; display: none}
.Productsmain div.subite div.right div.Productslist {width:100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px;}
.Productsmain div.subite div.right div.Productslist article {background:#fff; border-radius:12px;}
.Productsmain div.subite div.right div.Productslist article a {width:100%; overflow: hidden; display: block;}
.Productsmain div.subite div.right div.Productslist article a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Productsmain div.subite div.right div.Productslist article a figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1); border-radius:12px 12px 0px 0px;}
.Productsmain div.subite div.right div.Productslist article a figure figcaption {width:90%; overflow: hidden; margin: 0px auto; text-align: left; font-family: othetit !important; color: #333; display: block; font-size: 1.8rem; padding-top: 3%}
.Productsmain div.subite div.right div.Productslist article a h4 {width:90%; overflow: hidden; margin: 0px auto; font-size: 1rem; line-height: 1.4rem; margin-top: 2%; text-align: justify; color: #333}


.Productsmain div.subite div.right div.Productslist article div.inquiry {width:90%; overflow: hidden; padding: 5%; padding-bottom: 7%;}
.Productsmain div.subite div.right div.Productslist article div.inquiry a.Getaquote {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: 1rem; background: #f1a600; color: #fff; font-family: N !important; animation: inquiry 2.5s infinite;}
.Productsmain div.subite div.right div.Productslist article div.inquiry a.Learnmore {width:auto; overflow: hidden; display: block; border-radius: 100px; padding: 6%; padding-bottom: 2%; padding-top: 2%; text-align: center; font-size: 1rem; background: #d2d2d2; color: #333; font-family: N !important; margin-left: 3%}


.Productshow {width:94%; overflow:hidden; margin: 0px auto; background:#fcfcfc; margin-top: 4%}
.Productshow div.m {width:100%; overflow:hidden; min-width:100%; padding:0%; background:#fff; margin:0px auto}
.Productshow div.m div.top {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.Productshow div.m div.top .l {width:100%; display:flex; gap:0%; position:relative; z-index: 10}
.ptimg {width:100%; position: relative;}
.main-img {width: 99%; aspect-ratio: 1/1; border: 1px solid #eee; position: relative; overflow: hidden;}
.cpitem {display: none; width: 100%; height: 100%; }
.cpitem.active {display: block;}
.cpitem img {width: 100%; height: 100%; object-fit: cover;} 
.fdj {width: 50%; height: 50%; background: rgba(255,255,255,0.3); position: absolute; display: none; pointer-events: none; z-index: 10}
.zoom {width: 100%; aspect-ratio: 1/1; border: 1px solid #eee; position: absolute; left: 100%; top: 0; overflow: hidden; display: none; background: #fff;}
.zoomImg {width: 200%; height: 200%; position: absolute; transition: all 0s linear 0s !important}
.prev, .next {display:none}
.thumb-wrap {position: relative; margin-top: 2%;}
.thumbs {display: flex; gap:1%; overflow: hidden; scroll-behavior: smooth; margin-left:5%; margin-right:5%}
.thumb {width: 18%; overflow:hidden; aspect-ratio: 1/1; flex-shrink: 0; cursor: pointer; border: 2px solid transparent;}
.thumb.active {border:2px solid #d68f05; padding:2px;}
.thumb img {width: 100%; height: 100%; object-fit: cover;}
.thumb-prev, .thumb-next {position: absolute; top: 50%; margin-top:-20px; width:40px; height:40px; border:0px; background:none; cursor: pointer; z-index: 11; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px)}
.thumb-prev {left:0px; text-align:left}
.thumb-next {right:0px; text-align:right}

.Productshow div.m div.top div.r {width:100%; margin-top: 5%}
.Productshow div.m div.top div.r h1 {width:100%; overflow: hidden; margin-bottom: 3%; text-align: left; line-height: 2rem; font-size: 1.8rem; font-family: bigtit !important; color: #000}
.Productshow div.m div.top div.r h2 {width:100%; overflow: hidden; margin-bottom: 3%; line-height: 1.6rem; font-size: 1.2rem; text-align: justify; font-family: N !important; color: #333}
.Productshow div.m div.top div.r h3 {width:100%; overflow: hidden; margin-bottom: 3%; line-height: 1.4rem; font-size: 1.1rem; text-align: justify; font-family: l !important; color: #666; padding-bottom: 3%; border-bottom: 1px dotted #777}
.Productshow div.m div.top div.r p {width:100%; overflow: hidden; margin-bottom: 2%; text-align: left; line-height: 1.4rem; font-size: 1rem; font-family: l !important; color: #333;}
.Productshow div.m div.top div.r p strong {font-family: N !important}
 
.Productshow div.m div.top div.r div.form-group {width:100%; position: relative; z-index: 1; margin-top: 6%}
.Productshow div.m div.top div.r div.form-group a.xp {width:100%; height: 4rem; padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 10%; border-radius: 8px; text-align: center; position: relative; font-size: 1.6rem; color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 2%; font-family: N !important; animation: formxp 3s infinite;}
.Productshow div.m div.top div.r div.form-group a.xp i {width: 4rem; overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 180%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.Productshow div.m div.top div.r div.form-group a.lx {width:100%; height: 4rem; padding: 3%; padding-top: 1%; padding-bottom: 1%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: 1.6rem; color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 2%; font-family: N !important; animation: formlx 3s infinite; margin-left: 0%}
.Productshow div.m div.top div.r div.form-group a.lx i {width: 4rem; overflow: hidden; height: 4rem; line-height: 4rem; text-align: left; font-size: 2.6rem; color: #fff;}
 
 
 
.Productshow div.m div.shows {width:100%; overflow:hidden; margin-top:8%;}
.tab-nav {width:100%; overflow:hidden; height:auto; border-bottom:0px; background:none; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.tab-nav-item {width:49%; overflow:hidden; line-height: 1.3rem; height: 3.2rem; font-size: 1.2rem; padding-left:0%; padding-right:0%; color:#333; font-family:N !important; cursor:pointer; background:#eee; text-align: center; align-items:center; align-content:center; margin-top: 2%; padding-top: 1%; padding-bottom: 1%; border-radius: 5px}
.tab-nav-item.active { background:#0a1c5e; color:#FFF; font-family:N !important; cursor:pointer}

.Productshow div.m div.shows div.myproductshows {width:auto; padding-bottom: 0px;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite {width:auto; overflow:hidden; padding-top:3%; padding-bottom:3%; font-size:1.1rem !important; line-height:1.8rem !important; font-family:L !important; text-align: justify}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite p {display:block; margin-bottom:4% !important; margin-top:4% !important}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite strong {display:block; font-family:st !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite figure {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important; margin-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite figure figcaption {width:100%; overflow: hidden; text-align: center; font-size: 1.2rem; padding-bottom: 2%; padding-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite img {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite table {width:100%; margin:0px auto; border:1px solid #ddd; border-bottom:0px; border-right:0px; margin-bottom:30px; margin-top:1%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite tr td {width:auto; height:auto; min-height:40px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:40px; padding:8px;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.subite th {width:auto; height:auto; min-height:40px;  border: 0px; border-right:1px solid #ddd; background:#ececec; line-height:40px; padding:8px;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service {width:100%; overflow:hidden; margin:0px auto; margin-top:5%;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service h2 {width:100%; overflow:hidden; text-align:center; font-size:1.2rem; color:#000; line-height:1.5rem; font-family:st !important; font-weight:normal}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service h3 {width:100%; overflow:hidden; text-align:center; font-size:1.1renm; color:#000; line-height:1.3rem; font-family:B !important; font-weight:normal; margin-top:2%; padding-bottom:3%; border-bottom:1px solid #ddd}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service h4 {width:100%; overflow:hidden; text-align:left; font-size:1rem; color:#000; line-height:1.2rem; font-family:st !important; font-weight:normal; margin-top:2%;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service p {width:100%; overflow:hidden; font-size:1rem !important; line-height:1.5rem !important; font-family:L !important; display:block; margin-bottom:1% !important; margin-top:1% !important; text-align:left}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service p strong {display:block; font-family:st !important; font-weight:normal}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service figure {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important; margin-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service figure figcaption {width:100%; overflow: hidden; text-align: center; font-size: 1.2rem; padding-bottom: 2%; padding-top: 2%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service img {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service img {width:auto !important; overflow:hidden !important; display:block !important; margin:0px auto !important; max-width:100% !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case {width:100%; display:block; margin-top:4%; margin-bottom: 4%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl {width:94%; padding:3% !important; background:#eee; margin-bottom: 3%}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a {width:100%; overflow:hidden; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dt {width:auto}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dd {width:auto; padding:3%; text-align:left; line-height:1.4rem; font-size:1rem; font-family:L !important;}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.case dl a dd b {line-height:1.4rem; font-size:1.2rem; font-family:N !important; margin-top:2% !important; display:block; margin-bottom:2%}

.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.anniu {width:100%; margin:0px auto; margin-top:6%; display:block}
.Productshow div.m div.shows div.myproductshows div.swiper-wrapper div.swiper-slide div.Service div.anniu a {width:100; overflow:hidden; display:block; padding:5%; padding-top:3%; padding-bottom:3%; border-radius:8px; text-align:center; font-size:1.4rem; color:#FFF; font-family:B !important; line-height:1.7rem; margin-bottom: 3%}





.Productshow div.m div.shows nav.cp-nav {width:92%; overflow: hidden; padding: 4%; padding-top: 4%; padding-bottom: 4%; background: #efefef}
.Productshow div.m div.shows nav.cp-nav div.prev-post {width:100%; overflow: hidden; text-align: left; line-height: 1.4rem; font-size: 1.1rem; color: #0a1c5e; font-family: L !important; margin-top: 1%; margin-bottom: 01%}
.Productshow div.m div.shows nav.cp-nav div.prev-post span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Productshow div.m div.shows nav.cp-nav div.prev-post a {color: #0a1c5e;font-family: L !important}
.Productshow div.m div.shows nav.cp-nav div.prev-post a span {color: #0a1c5e;font-family: L !important}


.Productshow div.m div.shows nav.cp-nav div.next-post {width:100%; overflow: hidden; text-align: left; line-height: 1.4rem; font-size: 1.1rem; color: #0a1c5e; font-family: L !important; margin-top: 1%; margin-bottom: 1%}
.Productshow div.m div.shows nav.cp-nav div.next-post span.nav-label {width:auto; display: block; font-family: st !important; padding-right: 1%}
.Productshow div.m div.shows nav.cp-nav div.next-post a {color: #0a1c5e;font-family: L !important}
.Productshow div.m div.shows nav.cp-nav div.next-post a span {color: #0a1c5e;font-family: L !important}



.Productshow div.m div.shows div.cp-share {width:100%; overflow: hidden; margin-top: 4%}
.Productshow div.m div.shows div.cp-share span.share-label {width:auto; overflow: hidden; font-size: 1rem}
.Productshow div.m div.shows div.cp-share a {width: 2rem; overflow: hidden; height: 2rem; line-height: 2rem; color: #0a1c5e; font-size: 2rem; display: block; margin-left: 0.3%; transform: scale(1);}

.Productshow div.m div.shows div.cp-tags {width:100%; overflow: hidden; margin-top: 4%}
.Productshow div.m div.shows div.cp-tags span.tags-label {width:auto; overflow: hidden; display: block; line-height: clamp(24px,calc(30 / 2560 * 100vw),30px); color: #0a1c5e; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); font-family: N !important}
.Productshow div.m div.shows div.cp-tags ul {width:100%; overflow: hidden; padding-left: 1%}
.Productshow div.m div.shows div.cp-tags ul li {width:auto; padding-right: 1%}
.Productshow div.m div.shows div.cp-tags ul li a {width:auto; line-height: 1.4rem; color: #0a1c5e; font-size: 1rem; display: inline-block;}

.Productshow div.m div.shows section.inquiry-form {width:94%; padding: 3%; background: #efefef; margin-top: 4%}
.Productshow div.m div.shows section.inquiry-form h2 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 3% !important; font-family: st !important; font-size: 1.4rem !important; line-height: 1.6rem}
.Productshow div.m div.shows section.inquiry-form p {width:100%; overflow: hidden; display: block; padding-bottom: 3%; text-align: left; font-size: 1rem; line-height: 1.4rem}
.Productshow div.m div.shows section.inquiry-form form {width:100%; display: block}
.Productshow div.m div.shows section.inquiry-form form div.form-group {width:100%;}
.Productshow div.m div.shows section.inquiry-form form div.form-group label {width:100%; overflow: hidden; display: block; margin-bottom: 2%}
.Productshow div.m div.shows section.inquiry-form form div.form-group input {width:95%; overflow: hidden; border: 1px solid #d1d1d1; background: #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1.1rem; display: block;}
.Productshow div.m div.shows section.inquiry-form form div.form-group input:hover {width:95%; overflow: hidden; border: 1px solid #333; background: #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1.1rem;  display: block;}

.Productshow div.m div.shows section.inquiry-form form div.form-group select {width:99%; overflow: hidden; border: 1px solid #d1d1d1; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1.1rem;  display: block;}
.Productshow div.m div.shows section.inquiry-form form div.form-group select:hover {width:99%; overflow: hidden; border: 1px solid #333; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1.1rem;  display: block;}

.Productshow div.m div.shows section.inquiry-form form div.form-group textarea {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #d1d1d1; background: #fff; padding-left: 1%; padding-right: 1%; line-height: 3rem; color: #0a1c5e; font-size: 1.1rem;  display: block;}
.Productshow div.m div.shows section.inquiry-form form div.form-group textarea:hover {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #333; background: #fff; padding-left: 1%; padding-right: 1%; line-height: 3rem; color: #0a1c5e; font-size: 1.1rem; display: block;}

.Productshow div.m div.shows section.inquiry-form form div.form-group button.xp {width:100%; padding: 3%; padding-top: 4%; padding-bottom: 4%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: 1.4rem; color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 4%; font-family: N !important; animation: formxp 3s infinite;}
.Productshow div.m div.shows section.inquiry-form form div.form-group button.xp em {width: clamp(50px,calc(70 / 2560 * 100vw),70px); overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.Productshow div.m div.shows section.inquiry-form form div.form-group a.lx {width:100%; padding: 3%; padding-top: 3%; padding-bottom: 3%; padding-right: 5%; border-radius: 8px; text-align: center; position: relative; font-size: 1.4rem; color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 4%; font-family: N !important; animation: formlx 3s infinite; margin-left: 0%}
.Productshow div.m div.shows section.inquiry-form form div.form-group a.lx i {width: 3rem; overflow: hidden; height: 3rem; line-height: 3rem; text-align: left; font-size: 2.4rem; color: #fff;}





/***************Blog******************/
.Bloglist {width:100%; overflow:hidden; margin:0px auto; background:#f7f8fc; padding-bottom:10%}
.Bloglist div.list {width:92%; margin:0px auto; padding-top: 5%}
.Bloglist div.list ul {width:100%; margin:0px auto; display:block; padding-bottom: 0px;}
.Bloglist div.list ul li {background:#fff; border-radius:25px; padding-bottom:5%; margin-bottom: 4%}
.Bloglist div.list ul li article {width:100%; display:block;}
.Bloglist div.list ul li article a {width:100%; height:auto; display:block;}
.Bloglist div.list ul li article a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Bloglist div.list ul li article a figure img {width:100%; overflow: hidden; height: auto; display: block; transform: scale(1); border-radius:25px 25px 0px 0px;}
.Bloglist div.list ul li article a h3 {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; font-size: 1.4rem; font-family:st !important; line-height: 1.8rem; text-align:justify; color:#333; padding-top: 2%}
.Bloglist div.list ul li article a span {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; font-weight:normal !important; padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #777; color:#666}
.Bloglist div.list ul li article a span i {width: 1.6rem; overflow:hidden; line-height: 2rem; display:block; text-align:left; font-size: 1.2rem; color:#666}
.Bloglist div.list ul li article a span b {width:auto; display:block; font-weight:normal; padding-right:5%; font-size: 1rem; color:#666}
.Bloglist div.list ul li article a p {width:90%; overflow:hidden; margin:0px auto; display:block; text-align:justify; line-height: 1.4rem; font-size: 1rem; color:#666}



.Blogshow {width:100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; background: #f7f8fc}
.Blogshow div.subite {width:90%; overflow: hidden; margin: 0px auto;}
.Blogshow div.subite div.left {width:24%; overflow: hidden; display: none}


.Blogshow div.subite article {width:100%;}
.Blogshow div.subite article header.blog-header {width:100%; overflow: hidden; padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px dotted #777;}
.Blogshow div.subite article header.blog-header h1 {width:100%; overflow: hidden; font-size: 2.2rem; text-align: left; line-height: 2.4rem; font-family: st !important; color: #0a1c5e}
.Blogshow div.subite article header.blog-header div.blog-meta {width:100%; overflow: hidden; padding-top: 5%; text-align: left; font-size: 0.8rem}
.Blogshow div.subite article header.blog-header div.blog-meta i {width: 2rem; overflow: hidden; height: 2.8rem; line-height: 2.8rem; color: #333; font-size: 1.2rem; display: none}
.Blogshow div.subite article header.blog-header div.blog-meta span.meta-divider {display: block; padding-left: 0.6rem; padding-right: 0.6rem}
.Blogshow div.subite article header.blog-header div.blog-meta span {display: block;}

.Blogshow div.subite article section.blog-content {width:100%; overflow: hidden; text-align: justify; font-size: 1.2rem; line-height: 1.8rem}
.Blogshow div.subite article section.blog-content p {width:100%; overflow: hidden; display: block; padding-bottom: 1.4rem}
.Blogshow div.subite article section.blog-content strong {font-family:st !important}
.Blogshow div.subite article section.blog-content h2 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1.4rem !important; font-family: st !important; font-size: 1.6rem !important; line-height: 1.8rem}
.Blogshow div.subite article section.blog-content h3 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1.4rem !important; font-family: st !important; font-size: 1.4rem !important; line-height: 1.6rem}
.Blogshow div.subite article section.blog-content h4 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1.4rem !important; font-family: st !important; font-size: 1.2rem !important; line-height: 1.4rem}
.Blogshow div.subite article section.blog-content h5 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1.4rem !important; font-family: st !important; font-size: 1.2rem !important; line-height: 1.4rem}
.Blogshow div.subite article section.blog-content h6 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 1.4rem !important; font-family: st !important; font-size: 1.2rem !important; line-height: 1.4rem}
.Blogshow div.subite article section.blog-content figure {width:auto !important; max-width: 100% !important; margin: 0px auto !important; overflow: hidden !important; display: block !important; padding-bottom: 1.4rem !important}
.Blogshow div.subite article section.blog-content figure img {width:auto !important; max-width: 100% !important; margin: 0px auto !important; overflow: hidden !important; height: auto !important; display: block !important}
.Blogshow div.subite article section.blog-content figure figcaption {width:100%; overflow: hidden; text-align: center; font-size: 1rem; line-height: 1.2rem; padding-top: 1.2rem}
.Blogshow div.subite article section.blog-content img {width:auto !important; max-width: 100% !important; margin: 0px auto !important; overflow: hidden !important; height: auto !important; display: block !important}

.Blogshow div.subite article nav.blog-nav {width:92%; overflow: hidden; padding: 4%; padding-top: 2%; padding-bottom: 2%; background: #efefef}
.Blogshow div.subite article nav.blog-nav div.prev-post {width:100%; overflow: hidden; text-align: left; line-height: 1.2rem; font-size: 1rem; color: #0a1c5e; font-family: N !important; margin-top: 1.5%; margin-bottom: 1.5%}
.Blogshow div.subite article nav.blog-nav div.prev-post span.nav-label {width:100%; display: block; font-family: st !important; padding-right: 1%}
.Blogshow div.subite article nav.blog-nav div.prev-post a {color: #0a1c5e;font-family: L !important}
.Blogshow div.subite article nav.blog-nav div.prev-post a span {color: #0a1c5e;font-family: L !important}

.Blogshow div.subite article nav.blog-nav div.next-post {width:100%; overflow: hidden; text-align: left; line-height: 1.2rem; font-size: 1rem; color: #0a1c5e; font-family: N !important; margin-top: 1.5%; margin-bottom: 1.5%}
.Blogshow div.subite article nav.blog-nav div.next-post span.nav-label {width:100%; display: block; font-family: st !important; padding-right: 1%}
.Blogshow div.subite article nav.blog-nav div.next-post a {color: #0a1c5e;font-family: L !important}
.Blogshow div.subite article nav.blog-nav div.next-post a span {color: #0a1c5e;font-family: L !important}



.Blogshow div.subite article div.blog-share {width:100%; overflow: hidden; margin-top: 5%}
.Blogshow div.subite article div.blog-share span.share-label {width:auto; overflow: hidden; font-size: 1.2rem; display: none}
.Blogshow div.subite article div.blog-share a {width: 2.3rem; overflow: hidden; height: 2rem; line-height: 2rem; color: #0a1c5e; font-size: 2rem; display: block; margin-left: 0.3%; transform: scale(1);}

.Blogshow div.subite article div.blog-tags {width:100%; overflow: hidden; margin-top: 3%}
.Blogshow div.subite article div.blog-tags span.tags-label {width:auto; overflow: hidden; display: block; line-height: 1.4rem; color: #0a1c5e; font-size: 1rem; font-family: N !important}
.Blogshow div.subite article div.blog-tags ul {width:100%; overflow: hidden; padding-left: 1%}
.Blogshow div.subite article div.blog-tags ul li {width:auto; padding-right: 35%}
.Blogshow div.subite article div.blog-tags ul li a {width:auto; line-height: 1.4rem; color: #0a1c5e; font-size: 1rem; display: inline-block;}

.Blogshow div.subite article section.inquiry-form {width:92%; padding: 4%; padding-bottom: 5%; background: #efefef; margin-top: 3%}
.Blogshow div.subite article section.inquiry-form h2 {width:100% !important; overflow: hidden !important; display: block !important; padding-bottom: 4% !important; font-family: st !important; font-size: 1.4rem; line-height: 1.8rem}
.Blogshow div.subite article section.inquiry-form p {width:100%; overflow: hidden; display: block; padding-bottom: 5%; text-align: left; font-size: 1rem; line-height: 1.3rem}
.Blogshow div.subite article section.inquiry-form form {width:100%; display: block}
.Blogshow div.subite article section.inquiry-form form div.form-group {width:100%;}
.Blogshow div.subite article section.inquiry-form form div.form-group label {width:100%; overflow: hidden; display: block; margin-bottom: 3%}
.Blogshow div.subite article section.inquiry-form form div.form-group input {width:95%; overflow: hidden; border: 1px solid #d1d1d1; background: #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}
.Blogshow div.subite article section.inquiry-form form div.form-group input:hover {width:95%; overflow: hidden; border: 1px solid #333; background: #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}

.Blogshow div.subite article section.inquiry-form form div.form-group select {width:99%; overflow: hidden; border: 1px solid #d1d1d1; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}
.Blogshow div.subite article section.inquiry-form form div.form-group select:hover {width:99%; overflow: hidden; border: 1px solid #333; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}

.Blogshow div.subite article section.inquiry-form form div.form-group textarea {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #d1d1d1; background: #fff; padding-left: 1%; padding-right: 1%; height: auto; line-height: 1.3rem; color: #0a1c5e; font-size: 1rem; display: block; padding-top: 0.5rem}
.Blogshow div.subite article section.inquiry-form form div.form-group textarea:hover {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #333; background: #fff; padding-left: 1%; padding-right: 1%; height: auto; line-height: 1.3rem; color: #0a1c5e; font-size: 1rem; display: block; padding-top: 0.5rem}

.Blogshow div.subite article section.inquiry-form form div.form-group button.xp {width:100%; padding: 3%; padding-top: 3%; padding-bottom: 3%; padding-right: 0%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 5%; font-family: N !important; animation: formxp 3s infinite;}
.Blogshow div.subite article section.inquiry-form form div.form-group button.xp em {width: 3rem; overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.Blogshow div.subite article section.inquiry-form form div.form-group a.lx {width:100%; padding: 3%; padding-top: 3%; padding-bottom: 3%; padding-right: 0%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 5%; font-family: N !important; animation: formlx 3s infinite; margin-left: 0%}
.Blogshow div.subite article section.inquiry-form form div.form-group a.lx i {width: 3rem; overflow: hidden; height: 3rem; line-height: 3rem; text-align: left; font-size: 2.4rem; color: #fff;}


.aboutmian {width:100%; overflow: hidden; position: relative}
.aboutmian figure {width:100%; overflow: hidden; height:auto; position: absolute; left: 0px; top: 0px; z-index: 1; background: #000}
.aboutmian figure img {width:134%; overflow: hidden; margin-left: -17%; height: auto; display: block; opacity: 0.2}

.aboutmian article {width:90%; overflow: hidden; margin: 0px auto; min-height: 160vh; position: relative; top: 90px; left: 0px; transform: translateY(0%);  z-index: 5; display: block}
.aboutmian article header {width:100%; overflow: hidden; color: #fff}
.aboutmian article header h1 {width: 100%; overflow: hidden; text-align: center; line-height: 3.6rem; font-size: 3rem; font-family: bigtit !important; color: #fff}
.aboutmian article header nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: 1rem; color: #fff}
.aboutmian article header nav.location i {width:2rem; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #fff}
.aboutmian article header nav.location span {width:auto; display: block}
.aboutmian article header nav.location span a {color:#fff;}
.aboutmian article header nav.location span a:hover {color:#f1a600;}
.aboutmian article header h2 {width: 100%; overflow: hidden; text-align: center; line-height: 1.6rem; font-size: 1.2rem; font-family: N !important; color: #fff; margin-top: 4%}
.aboutmian article header h3 {width: 100%; overflow: hidden; text-align: center; line-height: 1.2rem; font-size: 1rem; font-family: l !important; color: #fff; margin-top: 3%}
.aboutmian article section.strength {width:100%; overflow: hidden; margin: 0px auto; margin-top: 17%}
.aboutmian article section.strength dl {width: 100%; overflow: hidden}
.aboutmian article section.strength dl dt {width:100%; overflow: hidden; text-align: center; padding-top: 2%; padding-bottom: 2%; border-radius: 100px; background: #0a1c5e; color: #d8e0ea; font-size: 1.2rem}
.aboutmian article section.strength dl dd {width:100%; overflow: hidden; text-align: center; line-height: 1.2rem; font-size: 1rem; color: #0a1c5e; padding-bottom: 8%}
.aboutmian article section.strength dl dd strong {width:100%; overflow: hidden; text-align: center; font-size: 3.6rem; line-height: 3.8rem; font-family: bigtit !important; color: #0a1c5e; margin-top: 5%; margin-bottom: 3.5%; display: block}


.aboutsub {width:100%; overflow: hidden; padding: 0%; border-radius: 0px; background: #f7f8fc; margin: 0px auto; margin-top: 5%; position: relative; z-index: 5}
.aboutsub div.video {width:100%}
.aboutsub div.video em {width:100%; overflow: hidden; height: auto; display: block; position: relative; background: #000}
.aboutsub div.video em figure {width:100%; overflow: hidden; display: block}
.aboutsub div.video em figure img {width:100%; overflow: hidden; height: auto; display: block; opacity: 0.8}
.aboutsub div.video em i {width:6rem; overflow: hidden; height: 6rem; line-height: 6rem; font-size: 6rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; text-align: center}

.aboutsub div.CompanyIntroduction {width:90%; overflow: hidden; margin: 0px auto; margin-top: 4%}
.aboutsub div.CompanyIntroduction h3 {width:100%; overflow: hidden; text-align: left; font-size: 1.2rem; color: #293669; font-family: N !important}
.aboutsub div.CompanyIntroduction h2 {width:100%; overflow: hidden; text-align: left; font-size: 1.8rem; color: #293669; font-family: othetit !important; line-height: 2rem; margin-top: 2%}
.aboutsub div.CompanyIntroduction article {width:100; overflow: hidden; margin-top: 2%; display: block;  height: auto; text-align: justify}
.aboutsub div.CompanyIntroduction article p {width:100%; overflow: hidden; font-size: 1.2rem; color: #333; font-family: L !important; margin-top: 3%; display: block; line-height: 1.8rem; text-align: justify}

.aboutsub div.hot {width:90%; overflow: hidden; margin: 0px auto; padding: 2%; background: #fff; margin-top: 3%; margin-bottom: 3%; padding-bottom: 5%}
.aboutsub div.hot dl {width:100%; overflow: hidden; margin-top: 5%}
.aboutsub div.hot dl dt {width:100%; overflow: hidden; text-align: center; font-size: 6rem; color: #f1a600; display: block}
.aboutsub div.hot dl dd {width:100%; overflow: hidden; padding-right: 0%; text-align: center; line-height: 1.4rem; font-size: 1rem}
.aboutsub div.hot dl dd h3 {width:100%; font-size: 1.6rem; line-height: 2.2rem; padding-bottom: 3%; margin-top: 5%; font-family: N !important}



.contactustop {width:100%; overflow: hidden; position: relative}
.contactustop header {width:90%; overflow: hidden; height: auto; position: absolute; left: 5%; top: 55%; transform: translateY(-50%); z-index: 10}
.contactustop header h1 {width: 100%; overflow: hidden; text-align: center; line-height: 4rem; font-size: 2.8rem; font-family: bigtit !important; color: #fff}
.contactustop header nav.location {width:100%; overflow: hidden; margin-top: 1%; font-size: 1rem; color: #fff}
.contactustop header nav.location i {width:2rem; height: 2.6rem; line-height: 2.6rem; font-size: 1.4rem; color: #fff}
.contactustop header nav.location span {width:auto; display: block}
.contactustop header nav.location span a {color:#fff;}
.contactustop header nav.location span a:hover {color:#f1a600;}

.contactustop em {width:100%; overflow: hidden; height: 100%; position: absolute; background: rgba(0,0,0,0.8); left: 0px; top: 0px; z-index: 2}
.contactustop figure {width:100%; overflow: hidden; height: auto; display: block}
.contactustop figure img {width:220%; overflow: hidden; margin-left: -60%; height: auto; display: block}

.contactusbot {width:90%; overflow: hidden; min-width: 90%; padding: 5%; background: #f7f8fc; border-radius: 0px; margin: 0px auto; margin-top: 0%; position: relative; z-index: 10;  margin-bottom: 3%;}
.contactusbot h2 {width:100%; overflow: hidden}
.contactusbot h2 i {display: none}
.contactusbot h2 strong {width:auto; overflow: hidden; padding-left: 1%; text-align: left; font-family: bigtit !important; font-size: 2rem; color: #0a1c5e; display: block}
.contactusbot h2 strong span {width:100%; font-family: bigtit !important; color: #f39800; display: block}
.contactusbot h3 {width:100%; overflow: hidden; margin-top: 2%; font-size: 1.2rem; line-height: 1.4rem; font-family: N !important}
.contactusbot h4 {width:100%; overflow: hidden; margin-top: 3%; font-size: 1.2rem; font-family: N !important}
.contactusbot p {width:100%; overflow: hidden; margin-top: 1%; font-size: 1.1rem; line-height: 1.4rem; display: block; padding-bottom: 4%; margin-bottom: 4%; border-bottom: 1px dotted #0a1c5e; text-align: justify}

.contactusbot dl {width:100%; overflow: hidden; margin-top: 2%}
.contactusbot dl dt {width: 3.6rem; overflow: hidden; text-align: left; line-height: 3rem; font-size: 2.6rem; color: #333}
.contactusbot dl dd {width:92%; overflow: hidden; text-align: left; font-size: 1.1rem; color: #333; line-height: 1.4rem}
.contactusbot dl dd strong {font-family: N !important}

.contactusbot form {width:100%; margin-top: 5%}
.contactusbot form div.form-group {width:100%;}
.contactusbot form div.form-group label {width:100%; overflow: hidden; display: block; margin-bottom: 3%}
.contactusbot form div.form-group input {width:95%; overflow: hidden; border: 1px solid #d1d1d1; background: #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}
.contactusbot form div.form-group input:hover {width:95%; overflow: hidden; border: 1px solid #333; background: #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}

.contactusbot form div.form-group select {width:99%; overflow: hidden; border: 1px solid #d1d1d1; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}
.contactusbot form div.form-group select:hover {width:99%; overflow: hidden; border: 1px solid #333; background:url("../images/news/xl.png") right no-repeat #fff; padding-left: 2%; padding-right: 2%; height: 3rem; line-height: 3rem; color: #0a1c5e; font-size: 1rem; display: block;}

.contactusbot form div.form-group textarea {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #d1d1d1; background: #fff; padding-left: 1%; padding-right: 1%; height: auto; line-height: 1.3rem; color: #0a1c5e; font-size: 1rem; display: block; padding-top: 0.5rem}
.contactusbot form div.form-group textarea:hover {width:97.6%; overflow: hidden; min-height: 300px; border: 1px solid #333; background: #fff; padding-left: 1%; padding-right: 1%; height: auto; line-height: 1.3rem; color: #0a1c5e; font-size: 1rem; display: block; padding-top: 0.5rem}

.contactusbot form div.form-group button.xp {width:100%; padding: 3%; padding-top: 3%; padding-bottom: 3%; padding-right: 0%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #f1a600, #ff7c18); border: 0px; margin-top: 5%; font-family: N !important; animation: formxp 3s infinite;}
.contactusbot form div.form-group button.xp em {width: 4rem; overflow: hidden; height: 100%; background:url("../images/news/an.png") no-repeat center left; background-size: 160%; position: absolute; top: 0px; right: 0px; border-radius: 0px 8px 0px 0px;}

.contactusbot form div.form-group a.lx {width:100%; padding: 3%; padding-top: 3%; padding-bottom: 3%; padding-right: 0%; border-radius: 8px; text-align: center; position: relative; font-size: clamp(26px,calc(34 / 2560 * 100vw),34px); color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 5%; font-family: N !important; animation: formlx 3s infinite; margin-left: 0%}
.contactusbot form div.form-group a.lx i {width: 3rem; overflow: hidden; height: 3rem; line-height: 3rem; text-align: left; font-size: 2.4rem; color: #fff;}








.customization {width:94%; overflow: hidden; margin: 0px auto; margin-top: 0%; position: relative; z-index: 5; background: #f7f8fc; border-radius: 0px; padding: 3%; padding-top: 2%}
.customization dl {width:100%; overflow: hidden; display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; margin-top: 1%; margin-bottom: 1%}
.customization dl dt {width:20%; margin: 0px auto}
.customization dl dt figure {width:100%; overflow: hidden; margin: 0px auto; display: block}
.customization dl dt figure img {width:100%; overflow: hidden; height: auto; display: block}
.customization dl dd {width:66%; margin: 0px auto;overflow: hidden; text-align: left; line-height: 1.6rem; min-height: auto; font-size: 1.2rem; margin-top: 3%}

.Applicationscenarios {width:94%; overflow: hidden; margin:0px auto; margin-top: 5%;}
.Applicationscenarios h2 {width:100%; overflow: hidden; text-align: center; font-family: bigtit !important; font-size: 2rem; color: #0a1c5e; display: block}
.Applicationscenarios ul {width:100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 0.1%; margin-top: 5%; padding-bottom: 5%}
.Applicationscenarios ul li {background: #293873; margin-bottom: 3%}
.Applicationscenarios ul li a {width:100%; display: block}
.Applicationscenarios ul li a figure {width:100%; overflow: hidden; height: auto; display: block;}
.Applicationscenarios ul li a figure img {width:100%; overflow: hidden; height: auto; display: block; border-bottom: 6px solid #f1a600}
.Applicationscenarios ul li a figure figcaption {width:94%; overflow: hidden; padding: 3%; padding-top: 4%; padding-bottom: 4%; text-align: center; line-height: 1.4rem; font-size: 1.1rem; color: #fff}


.globalsales {width:100%; overflow: hidden; position: relative;}
.globalsales figure {width:100%; overflow: hidden; height: auto; display: block; margin-top: 0%; position: relative}
.globalsales figure img {width:100%; overflow: hidden; height: auto; display: block}

.globalsales figure span.circle {width: 1.3rem; height: 1.3rem; line-height: 1.4rem; color: #fff; font-size: 0.6rem; display: block; background: #0a1c5e; border-radius: 100px; text-align: center; position:absolute; z-index: 1}
/* 三层波纹 */
.globalsales figure span.circle::before,
.globalsales figure span.circle::after,
.globalsales figure span.circle i {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(10,28,94,0.3);
  animation: wave 2.5s infinite linear;
  z-index: -1;
}

.globalsales figure span.circle::after {
  animation-delay: 0.8s;
}
.globalsales figure span.circle i {
  animation-delay: 1.6s;
}

.globalsales div.subite {width:100%; overflow: hidden; height: auto; position:static; left: 10%; top: 0%; z-index: 10}
.globalsales div.subite div.tit {width:100%; overflow: hidden; margin: 0px auto; display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.globalsales div.subite div.tit h2 {width:100%; overflow: hidden; padding: 3%; background: #f1a600; color: #fff; text-align: left; line-height: 1.8rem; font-size: 1.2rem}
.globalsales div.subite div.tit h2 strong {font-family: bigtit !important; font-size: 3rem; line-height: 3.2rem;  width: 100%; display: block; padding-bottom: 2%}

.globalsales div.subite div.tit a {width:100%; padding-top: 5%; padding-bottom: 5%; border-radius: 0px; text-align: center; position: relative; font-size: 2rem; color: #fff; background: linear-gradient(to right, #3f5093, #293873); border: 0px; margin-top: 0%; font-family: N !important; animation: formlx 3s infinite; line-height: 3rem;}
.globalsales div.subite div.tit a i {width: 3.6rem; overflow: hidden; height: 3rem; line-height: 3rem; text-align: left; font-size: 3rem; color: #fff; margin-right: 0%}

.globalsales div.subite div.position {width:100%; height: 100%; margin: 0px auto; position: relative; display: none}
.globalsales div.subite div.position span.circle {width: clamp(50px,calc(60 / 2560 * 100vw),60px); height: clamp(50px,calc(60 / 2560 * 100vw),60px); line-height: clamp(50px,calc(60 / 2560 * 100vw),60px); color: #fff; font-size: clamp(20px,calc(24 / 2560 * 100vw),24px); display: block; background: #0a1c5e; border-radius: 100px; text-align: center; position:absolute; z-index: 1}
.globalsales div.subite div.position dl {width:auto; overflow: hidden; position: absolute}
.globalsales div.subite div.position dl dt {width:100%; overflow: hidden; line-height: clamp(80px,calc(90 / 2560 * 100vw),90px); text-align: center; font-size: clamp(50px,calc(60 / 2560 * 100vw),60px); color: #f1a600}
.globalsales div.subite div.position dl dd {width:100%; overflow: hidden; line-height: clamp(22px,calc(28 / 2560 * 100vw),28px); text-align: left; font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #333}
.globalsales div.subite div.position dl dd strong {font-family: N !important; font-size: clamp(18px,calc(22 / 2560 * 100vw),22px); display: block}



.sidebar,.inquiry-wrapper {display:none}




























}