@font-face {
  font-family: 'Swiss';
  src: url('../fonts/Swiss721BT-BlackCondensed.eot');
  src: url('../fonts/Swiss721BT-BlackCondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/Swiss721BT-BlackCondensed.woff2') format('woff2'), url('../fonts/Swiss721BT-BlackCondensed.woff') format('woff'), url('../fonts/Swiss721BT-BlackCondensed.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trap';
  src: url('../fonts/Trap-Bold.eot');
  src: url('../fonts/Trap-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Trap-Bold.woff2') format('woff2'), url('../fonts/Trap-Bold.woff') format('woff'), url('../fonts/Trap-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trap';
  src: url('../fonts/Trap-SemiBold.eot');
  src: url('../fonts/Trap-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Trap-SemiBold.woff2') format('woff2'), url('../fonts/Trap-SemiBold.woff') format('woff'), url('../fonts/Trap-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tamil';
  src: url('../fonts/TamilGranthaBrahmiSangamMN-Bold.eot');
  src: url('../fonts/TamilGranthaBrahmiSangamMN-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TamilGranthaBrahmiSangamMN-Bold.woff2') format('woff2'), url('../fonts/TamilGranthaBrahmiSangamMN-Bold.woff') format('woff'), url('../fonts/TamilGranthaBrahmiSangamMN-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tamil';
  src: url('../fonts/TamilGranthaBrahmiSangamMN-Regular.eot');
  src: url('../fonts/TamilGranthaBrahmiSangamMN-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/TamilGranthaBrahmiSangamMN-Regular.woff2') format('woff2'), url('../fonts/TamilGranthaBrahmiSangamMN-Regular.woff') format('woff'), url('../fonts/TamilGranthaBrahmiSangamMN-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.ta {
  font-family: 'Tamil';
}
.tr {
  font-family: 'Trap';
}
.sw,
.title {
  font-family: 'Swiss';
}
html,
body {
  position: relative;
  max-width: 1920px;
  margin: auto;
  /*scroll-behavior: smooth;*/
}
body {
  overflow-x: hidden;
  position: relative;
  font-family: 'Tamil';
  font-weight: 400;
  margin: 0 auto;
  color: #333;
  font-size: 16px;
  height: auto;
  --color: #004092;
  --color1: #f90639;
}
.col {
  color: var(--color);
}
.colf9 {
  color: var(--color1);
}
.col2d {
  color: #2d2d2d;
}
.col3 {
  color: #333;
}
.col6 {
  color: #666;
}
.colfe {
  color: #fefefe;
}
.colf8 {
  color: #f8f8f8;
}
.container {
  width: 1630px;
  padding: 0 15px;
}
@keyframes ks2 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes pxl_grid_fall {
  0% {
    top: 100%;
  }
  100% {
    top: -100%;
  }
}
.stroke {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
  line-height: 0.8;
  font-weight: 600;
  display: block;
  color: transparent;
}
.stroke em {
  line-height: 0.8;
  display: block;
}
.Hbtn,
.inner-page .Hbtn {
  padding-top: 7px;
  padding-bottom: 5px;
  background-color: var(--color);
}
.Hbtn:hover,
.inner-page .Hbtn:hover {
  background-color: var(--color1);
}
.bannerDown {
  width: auto;
  height: auto;
}
.minTitl {
  letter-spacing: 4px;
}
.swiperBtns .btns {
  width: var(--px52);
  height: var(--px52);
  min-width: 35px;
  min-height: 35px;
  border-radius: 50%;
  background-color: #333333;
}
.swiperBtns .btns:hover {
  background-color: var(--color);
}
#header {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 18;
}
#header a {
  display: block;
}
#header img {
  display: block;
  width: 100%;
}
#header > .nav {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  background-color: var(--color);
  border-bottom: 1px solid rgba(220, 220, 220, 0);
}
#header > .nav > .menu {
  height: 60px;
}
#header > .nav > .menu .menu-box {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#header > .nav > .menu .menu-box .left {
  position: relative;
}
#header > .nav > .menu .menu-box .left .logo {
  position: relative;
  display: block;
  z-index: 1;
}
#header > .nav > .menu .menu-box .left .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}
#header > .nav > .menu .menu-box .menu_c {
  text-align: center;
  z-index: 2;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container {
  z-index: 2;
  width: 100%;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.active > a {
  color: var(--color1);
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:first-child {
  margin-right: 0;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > a::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > .sub-menu {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  line-height: 2;
  padding: 9px 0 4px 0;
  text-align: right;
  line-height: 1.2;
  position: relative;
  text-transform: uppercase;
  color: #fff;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a i {
  font-size: 12px;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2px;
  right: 0;
  background-color: #fff;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 150px;
  width: auto;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 2px;
  background-color: #f7f7f7;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item {
  color: #000;
  position: relative;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item a {
  white-space: nowrap;
  font-size: 16px;
  padding: 8px 12px;
  text-align: right;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(189, 189, 189, 0);
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover > a {
  background-color: var(--color);
  color: #fff;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item .sub-menu {
  right: 100%;
  top: 0;
  min-width: 120px;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover > .sub-menu {
  transform: rotate3d(0, 0, 0, -90deg);
  -webkit-transform: rotate3d(0, 0, 0, -90deg);
  -moz-transform: rotate3d(0, 0, 0, -90deg);
  -ms-transform: rotate3d(0, 0, 0, -90deg);
  -o-transform: rotate3d(0, 0, 0, -90deg);
  opacity: 1;
}
#header > .nav > .menu .menu-box .right {
  position: relative;
  z-index: 1;
}
#header > .nav > .menu .menu-box .right .search {
  cursor: pointer;
  width: 23px;
  height: 22px;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont {
  border-radius: 50%;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC {
  color: #fff;
  text-transform: capitalize;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC .img {
  width: 30px;
  height: 18px;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC .down {
  width: 9px;
  height: 3px;
}
#header > .nav > .menu .menu-box .right .lang_cont .lang {
  padding-top: 5px;
}
#header > .nav > .menu .menu-box .right .formBtn {
  background-color: var(--color);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
#header > .nav > .menu .menu-box .right .formBtn:hover {
  background-color: var(--color1);
}
#header > .nav .lang_cont {
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
#header > .nav .lang_cont:hover .lang {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
#header > .nav .lang_cont .lang {
  overflow-y: auto;
  max-height: 400px;
  width: 150px;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -o-transition: opacity 0.3s, -o-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  border-bottom: 3px solid #333333;
}
#header > .nav .lang_cont .lang li a {
  display: block;
  background: #f7f7f7;
  padding: 5px 10px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  text-align: right;
}
#header > .nav .lang_cont .lang li a:hover {
  background-color: var(--color);
  color: #fff;
}
#header > .nav .lang_cont .lang li a:hover em {
  color: #fff;
}
#header > .nav .lang_cont .lang li a img {
  display: inline;
  width: 20%;
  margin-top: 4px;
}
#header > .nav .lang_cont .lang li a em {
  display: inline;
  font-size: 16px;
  margin-right: 10px;
  color: #000;
}
#header.active > .nav {
  border-bottom: 1px solid rgba(220, 220, 220, 0.4);
}
#banner {
  padding-top: 61px;
  position: relative;
}
#banner .swiper ul li img.pcImg,
#banner .swiper ul li img.phoneImg {
  min-height: 350px;
  object-fit: cover;
  object-position: center;
}
#banner .swiper ul li .container {
  position: absolute;
  z-index: 2;
  right: 50%;
  bottom: var(--px200);
  transform: translateX(50.0%);
}
#banner .bannerDown {
  color: #fff;
  position: absolute;
  right: 50%;
  bottom: var(--px30);
  z-index: 3;
}
#banner .bannerDown .line {
  position: relative;
  width: 2px;
  height: var(--px100);
  margin-bottom: -7px;
  overflow: hidden;
}
#banner .bannerDown .line p {
  position: absolute;
  right: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(to bottom, #9ea1a7 0%, rgba(158, 161, 167, 0) 100%);
  -webkit-animation: pxl_grid_fall 3s linear infinite;
  -khtml-animation: pxl_grid_fall 3s linear infinite;
  -moz-animation: pxl_grid_fall 3s linear infinite;
  -ms-animation: pxl_grid_fall 3s linear infinite;
  -o-animation: pxl_grid_fall 3s linear infinite;
  animation: pxl_grid_fall 3s linear infinite;
}
#banner .bannerDown i {
  display: block;
}
#index-body {
  position: relative;
  z-index: 2;
}
#index-body .init_1 .listBox {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
#index-body .init_1 .listBox li {
  border-left: 1px solid #e8e8e8;
}
#index-body .init_1 .listBox li .list .iconBox {
  height: var(--px51);
  min-height: 35px;
}
#index-body .init_1 .listBox li .list .iconBox img {
  max-height: 100%;
}
#index-body .init_1 .listBox li:nth-child(1) {
  padding-right: 0;
  width: 22%;
}
#index-body .init_1 .listBox li:nth-child(2) {
  width: 28%;
}
#index-body .init_1 .listBox li:nth-child(3) {
  width: 29%;
}
#index-body .init_1 .listBox li:last-child {
  width: 21%;
  padding-left: 0;
  border-left: none;
}
#index-body .init_2 .swiper ul li {
  height: auto;
}
#index-body .init_2 .swiper ul li .list {
  width: 100%;
  height: 30.104166vw;
  min-height: 400px;
}
#index-body .init_2 .swiper ul li .list .box {
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
#index-body .init_2 .swiper ul li .list .box .top {
  padding-bottom: 20px;
  transform: translateY(20px);
}
#index-body .init_2 .swiper ul li .list .box .title {
  font-size: var(--px26);
  line-height: 1.15;
  min-height: calc(var(--px26) * 1.15 * 2);
}
#index-body .init_2 .swiper ul li .list .box .textBox {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#index-body .init_2 .swiper ul li .list::before,
#index-body .init_2 .swiper ul li .list::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
#index-body .init_2 .swiper ul li .list::before {
  background-color: rgba(0, 0, 0, 0.4);
}
#index-body .init_2 .swiper ul li .list::after {
  background: linear-gradient(to top, rgba(23, 52, 108, 0.7) 0%, rgba(23, 52, 108, 0.3) 25%, rgba(23, 52, 108, 0) 100%);
  opacity: 0;
}
#index-body .init_2 .swiper ul li .list .btnA:hover i {
  transform: translateX(-5.0px);
}
#index-body .init_2 .swiper ul li .list:hover::before {
  opacity: 0;
}
#index-body .init_2 .swiper ul li .list:hover::after {
  opacity: 1;
}
#index-body .init_2 .swiper ul li .list:hover .box .top {
  padding-bottom: 0;
  transform: translateY(0);
}
#index-body .init_2 .swiper ul li .list:hover .box .textBox {
  height: auto;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#index-body .init_3 .txt {
  max-width: 1070px;
}
#index-body .init_4 .top .titleBox {
  width: 60%;
}
#index-body .init_4 .bot {
  margin: 0 var(--npx20);
}
#index-body .init_4 .bot .item {
  padding: 0 var(--px20);
}
#index-body .init_4 .bot .item .box {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#index-body .init_4 .bot .item .box .imgBox::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#index-body .init_4 .bot .item .box .imgBox .mor {
  z-index: 2;
  opacity: 0;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50.0%,-50%);
}
#index-body .init_4 .bot .item .box .imgBox .mor .iconBox {
  width: var(--px61);
  height: var(--px61);
  background-color: #fff;
  min-width: 35px;
  min-height: 35px;
  border-radius: 50%;
  margin: 0 auto;
}
#index-body .init_4 .bot .item .box .txt {
  line-height: 1.75;
  opacity: 0;
}
#index-body .init_4 .bot .item .box:hover {
  background-color: #f7f7f7;
}
#index-body .init_4 .bot .item .box:hover .imgBox::before {
  opacity: 1;
}
#index-body .init_4 .bot .item .box:hover .imgBox .mor {
  opacity: 1;
}
#index-body .init_4 .bot .item .box:hover .txt {
  opacity: 0.8;
}
#index-body .init_5 {
  background-color: #f8f8f8;
}
#index-body .init_5 .top .left {
  width: 45%;
}
#index-body .init_5 .top .right {
  width: 51.13%;
}
#index-body .init_5 .bot .swiper {
  width: 100%;
}
#index-body .init_6 .bot .swiper {
  width: 100%;
  z-index: 2;
}
#index-body .init_6 .bot .swiper li {
  height: auto;
}
#index-body .init_6 .bot .swiper li .list {
  width: 100%;
  height: 100%;
}
#index-body .init_6 .bot .swiper li .list .title {
  min-height: 55px;
}
#index-body .init_6 .bot .line {
  width: 1px;
  height: 170px;
  background-color: #e5e5e5;
  right: 50%;
  top: 0;
  transform: translateX(50.0%);
  z-index: 1;
}
#index-body .init_7 .swiper ul {
  transition-timing-function: linear !important;
}
#index-body .init_7 ul li {
  width: var(--px139);
  min-width: 100px;
}
#index-body .init_7 ul li .list {
  width: 100%;
  height: 100%;
  border: 1px solid #d6d6d6;
}
#index-body .init_7 .swiper1,
#index-body .init_7 .swiper2 {
  width: 91.667vw;
}
#index-body .init_7 .swiper1 {
  margin-right: auto;
}
#index-body .init_7 .swiper2 {
  margin-left: auto;
  /*transform: scaleX(-1);*/
}
/*#index-body .init_7 .swiper2 ul li {
  transform: scaleX(-1);
}*/
#footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -o-background-size: cover;
  background-size: cover;
  background-color: #1c1c1c;
}
#footer .top {
  border-bottom: 1px solid var(--color1);
}
#footer .top .txt {
  width: 100%;
  max-width: 1060px;
}
#footer .top form {
  width: 100%;
  max-width: 1490px;
}
#footer .top form input {
  /*background-color: transparent;*/
  border: solid 1px #ffffff;
  height: 44px;
  color:#000;
}
#footer .top form input::placeholder {
  opacity: 0.3;
}
#footer .top form input.name {
  width: 12.1%;
}
#footer .top form input.mail {
  width: 22.5%;
}
#footer .top form input.cont {
  width: calc(64.1% - 170px);
}
#footer .top form input.inquery {
  width: 160px;
  border: none;
  background-color: var(--color1);
  line-height: 1;
}
#footer .top form input.inquery:hover {
  background-color: var(--color);
}
#footer .center {
  border-bottom: 1px solid #5c5c5c;
}
#footer .center .p.linkH {
  line-height: 1.75;
}
#footer .center .p.linkH a {
  display: inline-block;
}
#footer .center .contQr {
  width: 117px;
  height: 118px;
  background-color: #fff;
  padding: 6px;
}
#footer .center .contQr * {
  width: 100%;
  height: 100%;
}
#footer .copyright {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  color: #525252;
}
#footer .copyright .container {
  padding-top: 32px;
  padding-bottom: 32px;
}
#footer .copyright .container svg {
  height: 28px;
  width: auto;
  fill: rgba(239, 239, 239, 0.5);
  position: relative;
  top: 4px;
}
#footer .copyright .container a img {
  margin-top: 8px;
  height: 16px;
}
#footer .copyright .container .left {
  position: relative;
  top: 0;
  color: rgba(239, 239, 239, 0.5);
  margin-left: 10px;
}
#footer .copyright .container .share li a {
  width: 28px;
  height: 28px;
  border: 1px solid #fff;
  border-radius: 5px;
}
#footer .copyright .container .share li a:hover {
  transform: translateY(-5px);
}
@media (max-width: 1450px) {
  #index-body .init_1 .listBox li {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1250px) {
  #banner {
    padding-top: 0;
  }
  #footer .top form input.name,
  #footer .top form input.mail {
    width: 49.5%;
  }
  #footer .top form input.cont {
    width: calc(99% - 160px);
  }
  #footer .center .item2 {
    width: 25%;
  }
}
@media (max-width: 1000px) {
  #banner .swiper ul li img.phoneImg {
    display: block;
  }
  #index-body .init_1 .listBox li:nth-child(1),
  #index-body .init_1 .listBox li:nth-child(2),
  #index-body .init_1 .listBox li:nth-child(3),
  #index-body .init_1 .listBox li:last-child {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-left: none;
  }
  #index-body .init_4 .bot {
    padding: 0;
  }
  #index-body .init_4 .bot .item {
    width: 100%;
    padding: 5px 0;
  }
  #index-body .init_4 .bot .item .box .imgBox .mor {
    opacity: 1;
  }
  #index-body .init_4 .bot .item .box .txt {
    opacity: 0.8;
  }
  #footer .center .item1 {
    width: calc(100% - 125px);
  }
}
@media (max-width: 700px) {
  #index-body .init_1 .listBox li:nth-child(1),
  #index-body .init_1 .listBox li:nth-child(2),
  #index-body .init_1 .listBox li:nth-child(3),
  #index-body .init_1 .listBox li:last-child {
    padding-right: 5px;
    padding-left: 5px;
  }
  #index-body .init_6 .top {
    padding: var(--px50);
  }
  #index-body .init_6 .top .titleBox {
    width: 100%;
  }
  #index-body .init_7 .swiper1 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  #index-body .init_7 .swiper2 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  #footer .top form input.name,
  #footer .top form input.mail {
    width: 100%;
  }
  #footer .top form input.cont {
    width: 100%;
  }
}
@media (max-width: 500px) {
  #footer .center .item1 {
    width: 100%;
  }
}
.project-page ul {
  margin: -15px;
}

.project-page ul li {
  padding: 15px;
}

.project-page ul li .t1:hover {
  color: var(--color);
}

.project-page ul li p {
  font-size: var(--px18);
  text-align: center;
  padding: 5px 10px;
  line-height: 2;
}
.jectdet-page .sidebar-box .content .category a {
  padding: 0 5px;
  margin-right: 4px;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--color);
  border: 1px solid var(--color);
  -webkit-transform: skewX(-10deg) skewY(0);
  -moz-transform: skewX(-10deg) skewY(0);
  -ms-transform: skewX(-10deg) skewY(0);
  transform: skewX(-10deg) skewY(0);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.jectdet-page .sidebar-box .content .category a span {
  display: inline-block;
  -webkit-transform: skewX(10deg) skewY(0);
  -moz-transform: skewX(10deg) skewY(0);
  -ms-transform: skewX(10deg) skewY(0);
  transform: skewX(10deg) skewY(0);
}

.jectdet-page .sidebar-box .content .left img {
  border-radius: 20px;
}

.jectdet-page .sidebar-box .content .right .cont {
  max-height: 280px;
  overflow-y: auto
}

@media screen and (max-width: 1000px) {
  .jectdet-page .sidebar-box .content .right .cont {
    height: 200px;
  }
}
.news-page .list li {
  padding: 14% 7% 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
}

.newdet-page .sideBarRight hr {
  background-image: -webkit-linear-gradient(left, black 0, black 5px, transparent 5px, transparent 10px);
  background-image: -moz-linear-gradient(left, black 0, black 5px, transparent 5px, transparent 10px);
  background-image: linear-gradient(to right, black 0, black 5px, transparent 5px, transparent 10px);
  background-size: 10px auto;
  background-color: transparent;
}

.newdet-page .sideBarRight .text {
  line-height: 1.8;
}

.newdet-page .newdet-2 {
  background-color: #f6f6f6;
}
.newdet-page .wpulike.wpulike-default {
  display: inline-block;
}
#innerMobileBanner {
  margin-top: 60px;
}
.inner-banner {
  background-size: cover;
  padding-top: 100px;
  position: relative;
}

.inner-banner .container {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 20px;
}

.inner-banner::after {
  position: absolute;
  content: '';
  bottom: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background: #d6d6d6;
}

.inner-banner .mbx {
  font-weight: 500;
  font-size: var(--px18);
  color: #666;
}

.product_left {
  width: 30%;
  position: sticky;
  top: 100px;
}

.product_left .search_cont {
  position: relative;
}

.product_left .search_cont .text {
  width: 100%;
  border-radius: var(--px72);
  border: 1px solid #eee;
  padding: var(--px20) var(--px30);
  padding-left: 70px;
  color: #333;
  line-height: 1;
}

.product_left .search_cont .btn {
  width: var(--px62);
  height: var(--px62);
  min-width: 45px;
  left: 1px;
  position: absolute;
  top: 1px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.product_left .item {
  margin-top: var(--px35);
  border: 1px solid #d6d6d6;
  padding: var(--px40);
}

.product_left .item .tips {
  font-weight: bold;
}

.product_left .item .nav_cont {
  margin-top: var(--px26);
}

.product_left .item .nav_cont li {
  margin-top: 10px;
}

.product_left .item .nav_cont li:first-child {
  margin-top: 0;
}

.product_left .item .nav_cont li a {
  display: block;
  padding: var(--px18) var(--px20) var(--px18) var(--px45);
  background: #e5e5e5;
  font-size: var(--px18);
  color: #7a7777;
  line-height: 1.77;
  position: relative;
  overflow: hidden;
}

.product_left .item .nav_cont li a i {
  position: absolute;
  left: var(--px20);
  top: var(--px20);
  display: inline-block;
  z-index: 3;
}

.product_left .item .nav_cont li a span,
.product_left .item .nav_cont li a span {
  z-index: 3;
  position: relative;
}

.product_left .item .nav_cont li a i.active {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product_left .item .nav_cont li a::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--color);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}

.product_left .item .nav_cont li a:hover,
.product_left .item .nav_cont li a.active {
  color: #fff;
}

.product_left .item .nav_cont li a:hover::after,
.product_left .item .nav_cont li a.active::after {
  clip-path: inset(0 0 0 0);
}

.product_left .item .nav_cont li .nav_cont_item {
  /*display: none;*/
  padding-right: var(--px20);
}

.product_left .item .nav_cont li .nav_cont_item.active {
  display: block;
}

.product_left .item .nav_cont li .nav_cont_item li {
  margin-top: 10px;
}

.product_left .item .nav_cont li .nav_cont_item li a {
  padding: 6px var(--px20);
}
.product_left .item .nav_cont li .nav_cont_item li a .por {
  z-index: 3;
}
.product_left .item .contact_cont {
  margin-top: var(--px35);
}

.product_left .item .contact_cont li {
  margin-top: var(--px20);
  padding: var(--px20);
  -webkit-box-shadow: 0 0 var(--px20) 0 rgba(61, 40, 40, 0.05);
  box-shadow: 0 0 var(--px20) 0 rgba(61, 40, 40, 0.05);
  background: #e5e5e5;
}

.product_left .item .contact_cont li .img {
  width: 34px;
  height: 34px;
}

.product_left .item .contact_cont li .text {
  width: -webkit-calc(66%);
  width: -moz-calc(66%);
  width: calc(100% - 34px);
  padding-right: 15px;
  margin-top: 4px;
}

.product_left .item .contact_cont li:first-child {
  margin-top: 0;
}

.product2-page .container .product_right {
  width: 70%;
  padding-right: var(--px60);
}

.product2-page .container .product_right .top {
  padding: var(--px20);
  position: relative;
  color: white;
}

.product2-page .container .product_right .top:before {
  content: '';
  width: 120%;
  height: 100%;
  border-radius: 0 10px 10px 0;
  z-index: -1;
  background-image: linear-gradient(to right, black, var(--color));
  position: absolute;
  right: 0;
  top: 0;
}

.product2-page .container .product_right .cat_name {
  font-weight: bold;
}

.product2-page .container .product_right .cat_des {
  margin: var(--px20) 0;
  color: rgba(0, 0, 0, 0.7);
}

.product2-page .container .product_right .content ul {
  margin: 0 -10px;
}

.product2-page .container .product_right .content ul>p {
  font-size: 16px;
  letter-spacing: 0;
  margin-top: var(--px20);
}

.product2-page .container .product_right .content ul li {
  padding: 0 10px;
  margin-top: var(--px40);
}

.product2-page .container .product_right .content ul li .box {
  border: 1px solid #eee;
}

.product2-page .container .product_right .content ul li .box a {
  display: block;
  position: relative;
}

.product2-page .container .product_right .content ul li .box a .img-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 4;
  top: 0;
  right: 0;
}

.product2-page .container .product_right .content ul li .box:hover a .img-bg {
  opacity: 1;
}

.product2-page .container .product_right .content ul li .box:hover a .img-img {
  opacity: 0;
}

.product2-page .container .product_right .content ul li .box a img {
  width: 100%;
  display: block;
}

.product2-page .container .product_right .content ul li .box .img img {
  width: 100%;
  background: #fff;
  border: 1px solid #dcdcdc;
}

.product2-page .container .product_right .content ul li .box .cont {
  position: relative;
  border-top: 1px solid #eee;
  padding: 15px 15px var(--px20);
}

.product2-page .container .product_right .content ul li .box .cont .title {
  font-weight: 600;
  text-transform: capitalize;
}

.product2-page .container .product_right .content ul li .box .cont .des {
  margin-top: 10px;
}

.product2-page .container .product_right .content ul li .box .cont .line {
  width: 20px;
  height: 1px;
  background: #333;
  margin-top: 4px;
}

.product2-page .container .product_right .content ul li .box:hover .cont {
  background-color: var(--color);
  color: #fff;
}

.product2-page .container .product_right .content ul li .box:hover .cont .line {
  background-color: #fff;
}
@media screen and (max-width: 1250px) {
  .product2-page .container .product_right {
    width: 100%;
    padding-right: 0;
  }

  .product_left {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .product2-page {
    padding-top: 0;
  }

  .product2-page .container .product_right .cat_name {
    margin-bottom: var(--px40);
  }

  .product2-page .container .product_right .content ul {
    margin: 0;
  }

  .product2-page .container .product_right .content ul li {
    padding: 5px;
    margin-top: 15px;
  }
  .product2-page .container .product_right .content ul li .box .cont {
    padding: 8px 8px 10px } .product2-page .container .product_right .content ul li .box .cont .des { margin-top: 4px;
  }
}
@media screen and (max-width: 500px) {
  .product2-page .container .product_right .content ul li .box .cont .des {
    font-size: 14px;
    line-height: 2;
  }
}

.m-page {
  text-align: center;
}

.m-page a,
.m-page span {
  display: inline-block;
  text-align: center;
  width: 45px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  border-radius: 5px;
  font-weight: 500;
  -o-box-shadow: 0px 2px 10px 0 #d8dde6;
  -webkit-box-shadow: 0px 2px 10px 0 #d8dde6;
  box-shadow: 0px 2px 10px 0 #d8dde6;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: 5px;
}

.m-page a:hover,
.m-page span.current {
  color: #fff;
  background-color: var(--color);
}
@media screen and (max-width: 500px) {
  .m-page a,
  .m-page span {
    zoom: 0.7;
  }
}
/*start*/
.null-hide {
  display: none !important;
}
.bl_pro_s-page .ps-h {
  font-weight: bold;
  font-size: var(--px46);
  color: var(--color);
  line-height: 1.4;
}

.bl_pro_s-page .ps-h span {
  font-size: var(--px24);
  font-weight: 400;
}

.bl_pro_s-page .ps-1 {
  padding-top: var(--px40);
  padding-bottom: var(--px60);
}

.bl_pro_s-page .ps-1 .ps1-m {
  display: flex;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-l {
  width: 50%;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-l .swiper-isbig {
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-l .swiper-issmall .swiper-slide {
  background: #fff;
}
.bl_pro_s-page .ps-1 .ps1-m .ps1-l .swiper-issmall .swiper-slide img {
  border: 1px solid #ccc;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-l .swiper-issmall {
  margin-top: 8px;
  overflow: hidden;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r {
  width: 50%;
  padding-right: var(--px48);
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1r-h {
  font-weight: bold;
  font-size: var(--px46);
  color: #333333;
  line-height: 1.1;
  margin-bottom: 16px;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1r-p {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.56;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1r-p p {
  margin-bottom: 8px;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1rv {
  margin-top: var(--px46);
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1rv .ps1rv_l .Auxil-through a {
  font-weight: 400;
  font-size: 16px;
  color: #323334;
}

.bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1rv .ps1rv_l .Auxil-through a:hover {
  color: var(--color);
}

.bl_pro_s-page .ps2-t {
  background: #fff;
  display: flex;
}

.bl_pro_s-page .ps2-t .ps2tc {
  font-weight: 400;
  font-size: var(--px18);
  color: #333333;
  padding: var(--px34) var(--px32);
  display: flex;
  align-items: center;
  border-radius: 0 0 0 30px;
  cursor: pointer;
}

.bl_pro_s-page .ps2-t .ps2tc.active {
  background: var(--color);
  color: #fff;
}

.bl_pro_s-page .ps2-t .ps2tc.active span {
  background: #fff;
}

.bl_pro_s-page .ps2-t .ps2tc span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color);
  margin-left: 12px;
}

.bl_pro_s-page .ps2-b {
  padding-top: var(--px40);
  padding-bottom: var(--px40);
}

.bl_pro_s-page .ps2-b .ps2-bc {
  display: none;
}

.bl_pro_s-page .ps2-b .ps2-bc:first-child {
  display: block;
}

.bl_pro_s-page .ps-3 {
  /*padding-top: var(--px120);*/
  padding-bottom: var(--px60);
  /*background: var(--color);*/
}

.bl_pro_s-page .ps-3 .ps3-m .img {
  margin-top: var(--px18);
  display: flex;
  justify-content: center;
}

.bl_pro_s-page .ps-3 .ps3-m .ps3m-h {
  font-weight: bold;
  font-size: var(--px46);
  color: #FFFFFF;
  line-height: 1.2;
}

.bl_pro_s-page .ps-3 .ps3-m .ps3m-p1 {
  font-weight: bold;
  font-size: var(--px18);
  color: #FFFFFF;
  line-height: 1.67;
  margin-top: var(--px44);
  margin-bottom: var(--px34);
}

.bl_pro_s-page .ps-3 .ps3-m .ps3m-p2 {
  font-weight: 400;
  font-size: var(--px18);
  color: #FFFFFF;
  line-height: 1.67;
  opacity: 0.6;
}

.bl_pro_s-page .ps-4 {
  padding-top: var(--px100);
  padding-bottom: var(--px100);
}

.ps4-m .ps4-m-h {
  font-weight: bold;
  font-size: var(--px46);
  color: var(--color);
  line-height: 1.2;
}

.ps4-m .ps4-m-p {
  font-weight: 400;
  font-size: var(--px24);
  color: #666666;
}

.ps4-m .ps4-m-p-img {
  display: flex;
  justify-content: space-between;
  margin-top: var(--px36);
}

.ps4-m .ps4-m-p-img img {
  width: 49.8%;
}

.bl_pro_s-page .ps-5 {
  /*padding-bottom: var(--px100);*/
  margin-bottom: var(--px100);
}

.ps5-m {
  display: flex;
  align-items: center;
}

.ps5-m>div {
  width: 50%;
}

.ps5m-r {
  flex: 1;
}

.ps5-m .ps5m-r .ps5m-r-h {
  font-weight: bold;
  font-size: var(--px46);
  color: var(--color);
  line-height: 1.4;
}

.ps5-m .ps5m-r .ps5m-r-p {
  margin-top: var(--px36);
  margin-bottom: var(--px46);
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
}

.bl_pro_s-page .ps-6 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E2E2E2 52%);
  box-shadow: 28px 10px 27px 11px rgba(142, 142, 142, 0.09);
  border-radius: var(--px120);
  padding-top: var(--px44);
  padding-bottom: calc(5.75vw + 17px);
}

.bl_pro_s-page .ps-6 .ps6m .ps6mc {
  display: flex;
  align-items: center;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mc>div {
  width: 50%;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mc .ps6mr {
  display: flex;
  justify-content: end;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mc .ps6ml .ps6h {
  font-weight: bold;
  font-size: var(--px46);
  color: var(--color);
  line-height: 1.2;
  padding-left: var(--px140);
  margin-bottom: var(--px50);
}

.bl_pro_s-page .ps-6 .ps6m .ps6mc .ps6ml .ps6p {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mv {
  margin-top: calc(3.0225vw + 14px);
  display: flex;
  align-items: center;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mv>div {
  width: 50%;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mv .ps6mvr {
  padding-right: var(--px24);
}

.bl_pro_s-page .ps-6 .ps6m .ps6mv .ps6mvr .ps6mvr-p1 {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
}

.bl_pro_s-page .ps-6 .ps6m .ps6mv .ps6mvr .ps6mvr-p {
  margin: 0 auto var(--px44);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  max-width: 726px;
  padding: 9px;
  background: var(--color);
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
}

.bl_pro_s-page .ps-7 {
  padding-top: calc(5.21vw + 17px);
  padding-bottom: calc(5.75vw + 17px);
}

.bl_pro_s-page .ps-7 .ps7m .ps7t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tl {
  width: 50%;
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tr {
  flex: 1;
  padding-right: 1.4vw;
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tr .ps7tr-p {
  margin-top: var(--px38);
  margin-bottom: var(--px40);
  font-weight: 400;
  font-size: var(--px18);
  color: #333333;
  line-height: 1.67;
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tr .ps-h {
  margin-bottom: var(--px20)
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tr .ps7tr-dp {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
  /*margin-bottom: var(--px20);*/
  display: flex;
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tr .ps7tr-dp:last-child {
  margin-bottom: 0;
}

.bl_pro_s-page .ps-7 .ps7m .ps7t .ps7tr .ps7tr-dp span {
  width: 8px;
  margin-top: 11px;
  height: 8px;
  background: #00366A;
  border-radius: 50%;
  flex: 0 0 8px;
  margin-left: 9px;
}

.bl_pro_s-page .ps-7 .ps7m .ps7b {
  margin-top: var(--px110);
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.bl_pro_s-page .ps-7 .ps7m .ps7b .ps7bl {
  width: 45%;
}

.bl_pro_s-page .ps-7 .ps7m .ps7b .ps7bl .ps7bl-p {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
  padding-left: 12px;
  margin-top: var(--px48);
}

.bl_pro_s-page .ps-7 .ps7m .ps7b .ps7br {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.bl_pro_s-page .ps-8 .ps8m .ps8t {
  display: flex;
  justify-content: space-between;
}

.bl_pro_s-page .ps-8 .ps8m .ps8m-p {
  margin-top: var(--px34);
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
}

.bl_pro_s-page .ps-9 {
  padding-top: var(--px60);
  padding-bottom: var(--px60);
}

.bl_pro_s-page .ps-9 .ps9m .ps9h1 {
  width: 86%;
}

.bl_pro_s-page .ps-9 .ps9m .ps9-table {
  margin-top: var(--px20);
  margin-bottom: calc(3.0225vw + 10px);
}

.bl_pro_s-page .ps-9 .ps9m .ps9v {
  display: flex;
  align-items: center;
}

.bl_pro_s-page .ps-9 .ps9m .ps9v>div {
  width: 50%;
}

.bl_pro_s-page .ps-9 .ps9m .ps9v .ps-h {
  margin-top: var(--px32);
  margin-bottom: var(--px38);
}

.bl_pro_s-page .ps-9 .ps9m .ps9v .ps9-p {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
  width: 95%;
}

.bl_pro_s-page .ps-9 .ps9m .ps9v .ps9vr {
  display: flex;
  justify-content: end;
}

.bl_pro_s-page .ps-10 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E2E2E2 52%);
  box-shadow: 28px 10px 27px 11px rgba(142, 142, 142, 0.09);
  border-radius: var(--px120);
  padding-top: calc(3.0725vw + 14px);
  padding-bottom: var(--px50);
}

.bl_pro_s-page .ps-10 .ps10m-p1 {
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  margin-bottom: var(--px32);
}

.bl_pro_s-page .ps-10 .ps-h {
  margin-top: var(--px30);
  margin-bottom: 10px;
}

.bl_pro_s-page .ps-10 .ps10m-p2 {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
}

.bl_pro_s-page .ps-10 .ps10m-p2 p {
  margin-bottom: var(--px20);
}

.bl_pro_s-page .ps-10 .ps10mt {
  display: flex;
  align-items: center;
}

.bl_pro_s-page .ps-10 .ps10mt > div {
  width: 50%;
}

.bl_pro_s-page .ps-11 {
  padding-top: calc(5.75vw + 19px);
  padding-bottom: calc(3.959vw + 12px);
}

.bl_pro_s-page .ps-11 .ps11m {
  display: flex;
  align-items: center;
}

.bl_pro_s-page .ps-11 .ps11m>div {
  width: 50%;
}

.bl_pro_s-page .ps-11 .ps11m .ps-h {
  margin-top: var(--px24);
  margin-bottom: var(--px32);
  width: 89%;
}

.bl_pro_s-page .ps-11 .ps11m .ps11mp {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
}

.bl_pro_s-page .ps-12 {
  padding-top: calc(5.75vw + 18px);
  padding-bottom: var(--px120);
  background: var(--color);
}

.bl_pro_s-page .ps-12 .ps12m {
  display: flex;
  align-items: center;
}

.bl_pro_s-page .ps-12 .ps12m>div {
  width: 50%;
}

.bl_pro_s-page .ps-12 .ps12m .ps12mr {
  display: flex;
  justify-content: end;
}

.bl_pro_s-page .ps-12 .ps12m .ps-h {
  color: #f7f7f7;
  margin-bottom: var(--px46);
}

.bl_pro_s-page .ps-12 .ps12m .ps12mp {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  font-size: var(--px18);
  color: rgba(255, 255, 255, 0.79);
  line-height: 1.67;
  margin-bottom: 14px;
}

.bl_pro_s-page .ps-12 .ps12m .ps12mp .ps12mp-p {
  width: 89%;
}

.bl_pro_s-page .ps-12 .ps12m .ps12mp .ps12mp-icon {
  flex: 0 0 27px;
  display: flex;
  justify-content: start;
  margin-left: 14px;
  margin-top: 5px;
}

.bl_pro_s-page .ps-12 .ps12m .ps12mp .ps12mp-icon img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.ps5-m .ps5m-l {
  padding-left: var(--px40);
}

.ps10mt:nth-of-type(1) .ps10mtl {
  padding-left: var(--px30);
}

.ps10mt:nth-of-type(2) .ps10mtl {
  padding-right: var(--px30);
}

@media screen and (max-width: 1800px) {
  .bl_pro_s-page .ps-8 .ps8m .ps8t>img {
    width: 49%;
  }
}

.ps11ml {
  padding-left: var(--px30);
}

@media screen and (max-width: 1000px) {
  .bl_pro_s-page .ps-10 .ps10mt:nth-of-type(2) {
    flex-wrap: wrap-reverse;
  }

  .bl_pro_s-page .ps-10 .ps10mt {
    flex-wrap: wrap;
  }

  .bl_pro_s-page .ps-10 .ps10mt>div {
    width: 100%;
    padding: 0 !important;
    margin-bottom: var(--px44);
  }

  .bl_pro_s-page .ps-7 .ps7m .ps7b .ps7br {
    margin-top: var(--px40);
  }

  .bl_pro_s-page .ps-6 .ps6m .ps6mv .ps6mvr .ps6mvr-p {
    border-radius: 90px;
  }

  .bl_pro_s-page .ps-6 .ps6m .ps6mv .ps6mvr {
    padding: 0;
    margin-top: var(--px46);
  }

  .bl_pro_s-page .ps-6 .ps6m .ps6mc .ps6ml .ps6h {
    padding: 0;
  }

  .bl_pro_s-page .ps-6 .ps6m .ps6mc,
  .bl_pro_s-page .ps-6 .ps6m .ps6mv,
  .bl_pro_s-page .ps-7 .ps7m .ps7t,
  .bl_pro_s-page .ps-7 .ps7m .ps7b,
  .bl_pro_s-page .ps-12 .ps12m {
    flex-wrap: wrap;
  }

  .bl_pro_s-page .ps-6 .ps6m .ps6mc>div,
  .bl_pro_s-page .ps-6 .ps6m .ps6mv>div,
  .bl_pro_s-page .ps-7 .ps7m .ps7t>div,
  .bl_pro_s-page .ps-7 .ps7m .ps7b>div,
  .bl_pro_s-page .ps-12 .ps12m>div {
    width: 100% !important;
  }

  .ps4-m .ps4-m-p-img {
    flex-wrap: wrap;
  }

  .ps4-m .ps4-m-p-img>img {
    width: 100%;
  }

  .ps2-bm .ps2-bm_r {
    justify-content: start;
    margin-top: var(--px36);
  }

  .ps2-bm {
    flex-wrap: wrap;
  }

  .ps2-bm>div {
    width: 100%;
  }

  .swiper-isbig img {
    width: 100% !important;
  }

  .bl_pro_s-page .ps-1 .ps1-m {
    flex-wrap: wrap;
  }

  .bl_pro_s-page .ps-1 .ps1-m>div {
    width: 100% !important;
  }

  .bl_pro_s-page .ps-1 .ps1-m .ps1-r {
    padding: 0;
    margin-top: var(--px38);
  }
  .ps5-m {
    flex-wrap: wrap;
  }
  .ps5-m > div {
    width: 100%;
    margin: 10px 0;
  }
}

@media screen and (max-width: 1450px) {
  .ps2-bm .ps2-bm_r img {
    object-fit: contain;
  }
}

@media screen and (max-width: 700px) {
  .bl_tap {
    border-radius: 90px;
  }

  .ps11mr {
    margin-top: var(--px36);
  }

  .bl_pro_s-page .ps-9 .ps9m .ps9h1 {
    width: 100%;
  }

  .ps9vl .bl_tap {
    border-radius: 90px;
  }

  .bl_pro_s-page .ps-9 .ps9m .ps9v,
  .bl_pro_s-page .ps-11 .ps11m {
    flex-wrap: wrap;
  }

  .bl_pro_s-page .ps-9 .ps9m .ps9v>div,
  .bl_pro_s-page .ps-11 .ps11m>div {
    width: 100% !important;
  }

  .bl_pro_s-page .ps-8 .ps8m .ps8t {
    flex-wrap: wrap;
  }

  .bl_pro_s-page .ps-8 .ps8m .ps8t>img {
    width: 100%;
  }

  .ps5-m .ps5m-l {
    padding: 0;
    margin-bottom: var(--px38);
  }

  

  .ps5-m>div {
    width: 100% !important;
  }

  .bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1rv {
    flex-wrap: wrap;
  }

  .bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1rv>div {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .bl_pro_s-page .ps2-t .ps2tc span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color);
    margin-left: 6px;
  }
}
.bl_pro_s-page .ps-9 .ps9m .ps9h1:last-child {
  width: 100%;
  margin-top: var(--px40)
}

.bl_pro_s-page .ps-5 table tbody {
  max-width: none !important;
  min-width: 100% !important;
  /*white-space: wrap !important;*/
}
.ps-1 img,
.ps-2 img,
.ps-3 img,
.ps-4 img,
.ps-5 img,
.ps-6 img,
.ps-7 img,
.ps-8 img,
.ps-9 img {
  object-fit: contain !important;
}
.ps2-bm_l {
  padding-left: var(--px32);
}

.ps2-bm {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ps2-bm .ps2-bm_l {
  flex: 1;
}
.ps2-bm .ps2-bm_l .ps2-bm_l_h {
  padding-top: var(--px26);
  font-weight: bold;
  font-size: var(--px46);
  color: var(--color);
  line-height: 1.5;
}
.ps2-bm .ps2-bm_l .ps2-bm_l_p {
  margin-top: var(--px26);
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
  margin-bottom: var(--px20);
}
.ps2-bm .ps2-bm_r {
  max-width: 50%;
}
.ps-1 ul,
.ps-1 li {
  list-style-type: disc;
}

.ps-1 ul {
  padding-right: var(--px40);
  margin-bottom: var(--px18);
}

.ps-1 table tbody td,
.ps-1 table tbody th {
  width: 50% !important;
}
.ps2-bm_l_p89 {
  display: flex;
  flex-wrap: wrap;
}

.ps2-bm_l_p89>p {
  width: 50%;
}
.ps2-bm-l-img .ps2-bm_r {
  justify-content: flex-start;
  padding-left: 1.42vw;
}
@media screen and (max-width: 1250px) {
  .bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1r-p table tbody {
    min-width: unset;
  }
  .ps-1 table tbody td,
  .ps-1 table tbody th {
    /*white-space: normal;*/
  }
}
@media screen and (max-width: 1000px) {
  .ps2-bm-top-line {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: calc(6.25vw + 20px);
    margin-top: calc(6.25vw + 20px);
  }
  .ps2-bm .ps2-bm_r {
    max-width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .bl_pro_s-page .ps-1 .ps1-m .ps1-r .ps1rv .ps1rv_r {
    margin-top: 10px;
  }
  .ps2-bm_l_p89>p {
    width: 100%;
  }
}
/*end*/
/*start*/
.bl_a2_page .a1 {
  padding-top: var(--px60);
  background-size: cover;
}

.a1-w ul {
  display: flex;
  justify-content: space-between;
}

.a1-w ul li div {
  font-weight: 400;
  font-size: var(--px20);
  color: #fff;
}

.a1-w ul li p {
  font-weight: 600;
  font-size: calc(3.0225vw + 13px);
  color: #fff;
  line-height: 1.1;
}

.a1-w ul li p sub {
  font-weight: bold;
  font-size: calc(0.729vw + 13px);
  color: #fff;
  vertical-align: baseline;
}

.bl_a2_page .a1 .container .a1-m {
  display: block !important;
}

.bl_a2_page .a1 .container .a1-l {
  height: fit-content;
  width: 100% !important;
}

.bl_a2_page .a1 .container .a1-l .a1-h1 {
  font-weight: bold;
  font-size: var(--px46);
  color: #01366A;
  line-height: 1.1;
  margin-top: var(--px26);
  transform: translateX(-30.0px);
}

.bl_a2_page .a1 .container .a1-l .a1-h2 {
  font-weight: 400;
  font-size: var(--px46);
  color: #01366A;
  line-height: 1.1;
  margin-top: var(--px20);
  margin-bottom: var(--px24);
  position: relative;
  padding-right: calc(6.25vw + 6px);
  transform: translateX(-70.0px);
}

.bl_a2_page .a1 .container .a1-l .a1-h3 {
  font-weight: 400;
  font-size: var(--px46);
  color: #01366A;
  line-height: 1.1;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: calc(6.25vw + 6px);
  transform: translateX(30.0px);
}

.bl_a2_page .a1 .container .a1-l .a1-h3 .play {
  position: relative;
  margin: 10px var(--px40) 0 var(--px20);
  cursor: pointer;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: var(--color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bl_a2_page .a1 .container .a1-l .a1-h3 .play .img {
  width: 26px;
  height: 26px;
  position: relative;
  background: url(../images/about_2.png) no-repeat center;
  -o-background-size: contain;
  background-size: contain;
}

.bl_a2_page .a1 .container .a1-l .a1-h3 .play .ling {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: var(--color);
  border-radius: 50%;
  -webkit-animation: ks 3s linear infinite;
  -moz-animation: ks 3s linear infinite;
  -o-animation: ks 3s linear infinite;
  animation: ks 3s linear infinite;
}

.bl_a2_page .a1 .container .a1-l .a1-h3 .play .ling:first-child {
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}

.bl_a2_page .a1 .container .a1-r {
  width: 100% !important;
}

.bl_a2_page .a1 .container .a1-r .a1r-p {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.56;
  overflow-y: auto;
  padding-left: 10px;
  margin-top: var(--px38);
}

.bl_a2_page .a3 {
  padding-top: calc(6.77vw + 20px);
  padding-bottom: calc(6.77vw + 27px);
  background: url(../images/i2-bg.jpg) no-repeat center;
  background-size: cover;
}

.bl_a2_page .a3 .container .bl_tap {
  margin: 0 auto var(--px20);
}

.bl_a2_page .a3 .container .a3-m {
  margin-top: calc(2.0835vw + 14px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3vw;
  padding: 0 16vw;
}

.bl_a2_page .a3 .container .a3-m .a3-c {
  position: relative;

}

.a3c-bg1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  padding: var(--px60) var(--px34);
  line-height: 1.1;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}

.a3c-bg1-p1 {
  font-size: var(--px24);
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
}

.a3c-bg1-p2 {
  font-weight: 100;
  font-size: calc(0.2vw + 14px);
  color: #fff;
  text-transform: uppercase;
}

.a3c-bg1-p3 {
  font-weight: 100;
  font-size: calc(0.1vw + 14px);
  color: #fff;
  text-transform: uppercase;
  line-height: 1.4;
}

.a3c-bg1-p4 {
  font-weight: 100;
  font-size: var(--px20);
  color: #fff;
  text-transform: uppercase;
}

.a3c-bg1-p5 {
  font-weight: 100;
  font-size: var(--px36);
  color: #fff;
  text-transform: uppercase;
}

.a3-c .img {
  position: relative;
}

.a3c-bg2 {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: left;
  width: 100%;
  padding: var(--px60) var(--px34);
  line-height: 1.1;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}

.a3c-bg2-p1 {
  font-weight: 100;
  /*font-size: var(--px30);*/
  font-size: var(--px24);
}

.a3c-bg2-p2 {
  font-weight: 100;
  /*font-size: var(--px46);*/
  font-size: var(--px36);
}

.a3c-bg2-p3 {
  font-weight: 100;
  /*font-size: var(--px30);*/
  font-size: var(--px24);
}

.bl_a2_page .a3 .container .a3-m .a3-c .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bl_a2_page .a3 .container .a3-m .a3-c .a3-t {
  background: #fff;
  padding: var(--px34) var(--px44);
}

.a3-t1 {
  margin-top: var(--px20);
  background: #221815;
  font-weight: 600;
  font-size: var(--px24);
  color: #fff;
  text-align: center;
  padding: 10px;
}

.bl_a2_page .a3 .container .a3-m .a3-c .a3-t .a3-h {
  font-weight: bold;
  font-size: var(--px24);
  color: #333333;
  margin-bottom: 14px;
}

.bl_a2_page .a3 .container .a3-m .a3-c .a3-t .a3-p {
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.56;
  min-height: 56px;
}

.bl_a2_page .a4 {
  padding-top: calc(6.77vw + 20px);
  padding-bottom: calc(6.77vw + 20px);
  /*padding-bottom: var(--px100);*/
  background: url(../images/i3-bg.jpg) no-repeat center;
  background-size: cover;
}

.bl_a2_page .a4 img {
  /*margin-left: var(--px120);*/
  display: block;
  width: 65vw;
  margin: 0 auto;
}

.bl_a2_page .a5 {
  padding-top: var(--px100);
  padding-bottom: var(--px100);
  background: url(../images/i2-bg.jpg) no-repeat center;
  background-size: cover;
}

.bl_a2_page .a5 .bl_tap {
  margin: 0 auto var(--px20);
}

.bl_a2_page .a5 .swiper-a5 {
  overflow: hidden;
  margin-top: var(--px44);
}
.bl_a2_page .container {
  position: relative;
}

.bl_a2_page .container .a1-bg {
  position: absolute;
  top: 0;
  right: 0;
}
.a1-wmm {
  background: rgba(20, 53, 105, 1);
  padding-top: calc(3.2405vw + 14px);
  padding-bottom: calc(3.0225vw + 12px);
  margin-top: calc(2.2385vw + 14px);
}
.maincl {
  color: var(--color) !important;
}
.bl_a1_pp {
  overflow: hidden;
  padding-top: calc(3.0225vw + 14px);
  padding-bottom: calc(4.65vw + 20px);
}

.bl_a1_pp .cas-1 {
  position: relative;
  z-index: 2;
}

.bl_a1_pp .cas-1.cas-2 {
  margin-top: var(--px50);
}

.bl_a1_pp .cas-1.cas-2 .container {
  align-items: start;
}

.bl_a1_pp .cas-1.cas-2 .container .cas1-l {
  padding-top: var(--px30);
  padding-right: var(--px50);
  padding-left: 0;
}

.bl_a1_pp .cas-1 .container {
  display: flex;
  align-items: center;
}

.bl_a1_pp .cas-1 .container .cas1-r {
  width: 43.6%;
}

.bl_a1_pp .cas-1 .container .cas1-l {
  padding-left: var(--px60);
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
  width: 56.4%;
}

.bl_a1_pp .cas-1 .container .cas1-l p {
  margin-bottom: var(--px18);
}

.bl_a1_pp .cas-1 .container .cas1-l p:last-child {
  margin-bottom: 0;
}

.bl_a1_pp .cas-3 {
  margin-top: calc(-4.11vw - 4px);
  text-transform: uppercase;
  background: #143569;
  padding-top: var(--px18);
  padding-bottom: var(--px18);
}

.bl_a1_pp .cas-3 .cas-3-s {
  font-weight: bold;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.05);
  line-height: 1;
  white-space: nowrap;
  animation: lz6 20s linear infinite;
}

@-webkit-keyframes lz {
  from {
    -webkit-transform: translateY(-50%) translateX(-10%);
    transform: translateY(-50%) translateX(-10%);
  }

  to {
    -webkit-transform: translateY(-50%) translateX(-60%);
    transform: translateY(-50%) translateX(-60%);
  }
}

@-moz-keyframes lz {
  from {
    -moz-transform: translateY(-50%) translateX(-10%);
    transform: translateY(-50%) translateX(-10%);
  }

  to {
    -moz-transform: translateY(-50%) translateX(-60%);
    transform: translateY(-50%) translateX(-60%);
  }
}

@keyframes lz {
  from {
    -webkit-transform: translateY(-50%) translateX(-10%);
    -moz-transform: translateY(-50%) translateX(-10%);
    transform: translateY(-50%) translateX(-10%);
  }

  to {
    -webkit-transform: translateY(-50%) translateX(-60%);
    -moz-transform: translateY(-50%) translateX(-60%);
    transform: translateY(-50%) translateX(-60%);
  }
}

.bl_a2_page .a1 {
  position: relative;
}

.bl_a2_page .a1 .a11-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.bl_a2_page .a1 .container .a1-r .a1r-p {
  margin-top: 47.4vw;
}

.bl_tap_99 {
  margin: 0 auto var(--px26);
  background: var(--color);
  color: #fff;
  border: 1px solid var(--color);
}
.show-700 {
  display: none;
}

.bl_a2_page .a4 img.show-700 {
  display: none !important;
  width: 90%;
  margin: 0 auto;
}
.bl_tap {
  padding: 0 var(--px20);
  height: 31px;
  background: rgba(255, 255, 255, 0);
  border-radius: 16px;
  border: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-weight: 400;
  font-size: var(--px16);
  color: #999;
}
.bl_tap_99{
  margin: 0 auto var(--px26);
  background: var(--color);
  color: #fff;
  border:1px solid  var(--color); 
}
@keyframes lz6 {
  from {
    -webkit-transform: translateX(10.0%);
    -moz-transform: translateX(10.0%);
    transform: translateX(10.0%);
  }

  to {
    -webkit-transform: translateX(60.0%);
    -moz-transform: translateX(60.0%);
    transform: translateX(60.0%);
  }
}

.cas-66 {
  overflow: hidden;
  padding-bottom: calc(7.8vw + 20px);
}

.cas-66 .container {
  display: flex;
  align-items: center;
}

.cas-66 .container .cas66-l {
  width: 56.4%;
  padding-left: var(--px46);
}

.cas-66 .container .cas66-l .cas66l1 {
  font-family: LexendDeca;
  font-weight: 400;
  font-size: var(--px18);
  color: #666666;
  line-height: 1.67;
  margin-bottom: var(--px50);
}

.about-page .about-3 {
  position: relative;
}

.about-page .about-3:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 8px;
  right: 0;
  z-index: 0;
}

.about-page .about-3 .list {
  padding-left: 29%;
  margin-left: -10%;
  overflow: hidden;
  font-size: 0;
}

.about-page .about-3 .list li {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.about-page .about-3 .list .slick-list {
  overflow: unset;
}

.about-page .about-3 .list span.h2 {
  /*line-height: .8;*/
  -webkit-text-stroke: 1px #fff;
  color: transparent;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  opacity: 0.4;
  font-weight: 100;
}

.about-page .about-3 .list i.dots {
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background-color: #fff;
}

.about-page .about-3 .list .text {
  margin-bottom: auto;
  color: #fff;
}

.about-page .about-3 .list .text>div {
  color: #fff !important;
}

.about-page .about-3 .list .slick-current span.h2 {
  color: #fff;
  opacity: 1;
  font-weight: 500;
}

.about-page .about-3 ol li {
  padding: 0 !important;
}

.about-page .about-3 ol {
  padding: 0 !important;
}

.about-page .about-3 .list .text {
  height: 140px;
  overflow-y: auto;
}

@media screen and (max-width: 1800px) {
  .bl_a1_pp .cas-1 .container .cas1-l {
    height: 300px;
    overflow-y: auto;
  }
}
@media (max-width: 1450px) {
  .bl_a2_page .a4 img {
    margin: 0;
    width: 100%;
  }
  .bl_a1_pp .cas-1 .container .cas1-l {
    height: 240px;
    overflow-y: auto;
  }
}

@media (max-width: 1250px) {
  .bl_a2_page .a1 .container .a1-r {
    width: 54.98%;
  }
  .bl_a1_pp .cas-1.cas-2 .container {
    flex-wrap: wrap-reverse;
  }

  .bl_a1_pp .cas-1 .container .cas1-l {
    padding: 0 !important;
    margin-bottom: var(--px38);
  }

  .bl_a1_pp .cas-1 .container .cas1-l {
    height: auto;
    overflow-y: unset;
  }

  .bl_a1_pp .cas-3 {
    margin-top: var(--px50);
  }

  .bl_a1_pp .cas-1 .container {
    flex-wrap: wrap;
  }

  .bl_a1_pp .cas-1 .container>div {
    width: 100% !important;
  }
  .bl_a1_pp .cas-3 .cas-3-s {
    font-size: calc(2.6067vw + 20px);
  }
}

@media (max-width: 1000px) {
  .a1-w ul {
    flex-wrap: wrap;
  }

  .a1-w ul li {
    width: 50%;
  }

  .bl_a2_page .a1 .container .a1-m {
    flex-wrap: wrap;
  }

  .bl_a2_page .a1 .container .a1-m>div {
    width: 100% !important;
  }

  .bl_a2_page .a1 .container .a1-m .a1-r {
    margin-top: var(--px35);
  }
  .bl_a2_page .a3 .container .a3-m {
    padding: 0;
  }
  .cas-66 .container {
    flex-wrap: wrap;
  }

  .cas-66 .container>div {
    padding: 0 !important;
    width: 100% !important;
    margin-bottom: var(--px38);
  }
}

@media (max-width: 768px) {

  .bl_a2_page .a1 .container .a1-l .a1-h1,
  .bl_a2_page .a1 .container .a1-l .a1-h2,
  .bl_a2_page .a1 .container .a1-l .a1-h3 {
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  .bl_a2_page .a1 .container .a1-r .a1r-p {
    margin-top: 0;
  }
  .bl_a2_page .a3 .container .bl_tap,
  .bl_a2_page .a5 .bl_tap,
  .bl_tap_99,
  .bl_a3_page .a31-1 .bl_tap {
    margin: 0 !important 6px auto;
  }
  .show-700 {
    display: block !important;
  }

  .hide-700 {
    display: none !important;
  }
  .bl_a2_page .a4 img.show-700 {
    display: block !important;
  }
  .bl_a2_page .a4 img.hide-700 {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .bl_a2_page .a3 .container .a3-m {
    grid-template-columns: 1fr;
  }
  .a3c-bg2-p1 {
    font-size: 14px;
  }

  .a3c-bg2-p2 {
    font-size: 14px;
  }

  .a3c-bg2-p3 {
    font-size: 14px;
  }

  .a3-t1 {
    padding: 5px;
  }

  .a3c-bg1,
  .a3c-bg2 {
    padding: 6px;
  }

  .a3-t1 {
    font-size: 14px;
  }

  .a3c-bg1-p1 {
    font-size: 14px;
  }

  .a3c-bg1-p2 {
    font-size: 14px;
  }

  .a3c-bg1-p3 {
    font-size: 14px;
  }

  .a3c-bg1-p4 {
    font-size: 14px;
  }

  .a3c-bg1-p5 {
    font-size: 14px;
  }

  .a1-w ul li div {
    font-size: 14px;
  }

  .bl_a2_page .a3 .container .a3-m {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .bl_a2_page .a1 .a11-bg {
    top: 100px;
  }
}
/* end */

.honor-page .list li {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 1em;
}

.honor-page .list li span.h6 {
  padding: .3em;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.honor-page .list li:hover span.h6 {
  color: white;
  background-color: var(--color);
} 
@media screen and (max-width: 700px) {
  .honor-page .list li span.h6 {
    display: none;
  }
}
.faq-page span.h6 {
  background-color: #f7f7f7;
  border-radius: 3em;
  max-width: calc(100% - 3em);
}

.faq-page span.h6 i {
  width: 3em;
  height: 3em;
  border-radius: 100%;
  background-color: black;
  color: white;
  cursor: pointer;
  cursor: hand;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.faq-page span.h6 i:before {
  font-size: 1.4em;
}

.faq-page .text {
  color: #333;
}

.faq-page li.active span.h6 i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 500px) {
  .faq-page span.h6 i {
    zoom: .7;
  }
}








.contact-page {
  padding-top: 6%;
  background: #f6f6f6;
}

.contact-page .contact-1 .header .con {
  font-size: 16px;
  line-height: 30px;
  max-width: 820px;
  color: #4B4B4B;
}

.contact-page .contact-1 .content {
  margin-top: var(--px64);
}

.contact-page .contact-1 .content ul {
  margin: -15px;
}

.contact-page .contact-1 .content ul li {
  padding: 15px;
}

.contact-page .contact-1 .content ul li .ig {
  background-color: #fff;
  position: relative;
  cursor: pointer;
  font-size: var(--px18);
  line-height: 1.6;
  border-radius: 15px;
  min-height: 250px;
  padding: 0 var(--px40) 0 var(--px30);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.contact-page .contact-1 .content ul li .ig .info {
  padding: var(--px35) 0 var(--px35);
  font-size: var(--px18);
}

.contact-page .contact-1 .content ul li .ig .iconBox {
  display: block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  background-color: var(--color);
}

.contact-page .contact-1 .content ul li .ig:hover {
  background: var(--color);
  color: #fff;
}

.contact-page .contact-1 .content ul li .ig:hover .iconBox {
  background-color: #333;
}

.contact-page .contact-1 .content ul li:nth-child(2) .ig::after {
  background-image: url(../images/contact-icon2.png);
}

.contact-page .contact-1 .content ul li:nth-child(3) .ig::after {
  background-image: url(../images/contact-icon3.png);
}

.contact-page .contact-2 {
  padding-top: 6%;
}



.contact-page .contact-3 {
  padding-top: 6%;
}

.contact-page .contact-3 iframe {
  height: 630px;
  display: block;
  border: 0;
}
.contact-page .contact-2 .box {
  background: #fff;
  padding: var(--px20);
  border-radius: 10px;
}

.contact-page .contact-2 .box .form {
  margin-top: var(--px42);
}

.contact-page .contact-2 .box .form ul {
  margin: -13px var(--npx25);
}

.contact-page .contact-2 .box .form ul li {
  padding: 13px var(--px25);
}

.contact-page .contact-2 .box .form ul li label {
  display: block;
  line-height: 2;
  font-size: var(--px18);
  margin-bottom: 6px;
}

.contact-page .contact-2 .box .form ul li input,
.contact-page .contact-2 .box .form ul li textarea {
  width: 100%;
  height: 50px;
  border-radius: var(--px25);
  background: #f6f6f6;
  font-size: 14px;
  line-height: 2;
  border: 0;
  padding: 4px 3% 4px 3%;
}

.contact-page .contact-2 .box .form ul li textarea {
  padding: 10px 1.5% 10px 1.5%;
  height: 200px;
}

.contact-page .contact-2 .box .form ul li button {
  border: 0;
}

.contact-page .contact-2 .box .form ul li.wid-100 {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .contact-page .contact-1 .header .i-title {
    width: 100%;
  }

  .contact-page .contact-1 .header .con {
    max-width: 100%;
  }

  .contact-page .contact-1 .content {
    margin-top: var(--px20);
  }

  .contact-page .contact-1 .content ul li {
    width: 50%;
  }

  .contact-page .contact-3 iframe {
    height: 400px;
  }
}
@media screen and (max-width: 700px) {
  .contact-page .contact-2 .box .form {
    margin-top: 5px;
  }

  .contact-page .contact-2 .box .form ul {
    margin: -6px -12px;
  }

  .contact-page .contact-2 .box .form ul li {
    padding: 6px 12px;
    width: 100%;
  }
  .contact-page .contact-1 .header .con {
    max-width: 100%;
    margin-top: var(--px20);
  }

  .contact-page .contact-1 .content ul {
    margin: -7px;
  }

  .contact-page .contact-1 .content ul li {
    padding: 7px;
  }
}
@media screen and (max-width: 500px) {
  .contact-page .contact-1 .content ul li {
    width: 100%;
  }

  .contact-page .contact-1 .content ul li .ig {
    min-height: 160px;
  }

  .contact-page .contact-2 .form ul li textarea {
    height: 130px;
  }

  .contact-page .contact-3 iframe {
    height: 300px;
  }
}