﻿#banner #swiper1 .swiper-slide img{width:100%;animation:banner 30s;animation-iteration-count:infinite;-webkit-animation:banner 30s;-webkit-animation-iteration-count:infinite}
#banner{position:relative;overflow:hidden;margin-top:98px;background:#e7edf7}
.home-hero-title{position:absolute;top:24px;left:50%;z-index:4;max-width:calc(100% - 120px);margin:0;padding:7px 18px;border-radius:2px;background:rgba(0,38,91,.42);color:#fff;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:.04em;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.35);white-space:nowrap;transform:translateX(-50%);pointer-events:none}
#banner #swiper1,#banner #swiper1 .swiper-wrapper,#banner #swiper1 .swiper-slide{width:100%}
#banner #swiper1 .swiper-slide{overflow:hidden}
#banner #swiper1 .swiper-slide img{display:block;width:100%;height:auto;transform:scale(1.001);transform-origin:center center;animation:none;-webkit-animation:none;transition:transform 6.5s cubic-bezier(.18,.7,.2,1);will-change:transform;backface-visibility:hidden}
#banner #swiper1 .swiper-slide-active img{transform:scale(1.08)}
#banner #swiper1 .swiper-slide .swipertext{position:absolute;top:22.5%;left:13.75%;z-index:1;padding-right:46px}
#banner #swiper1 .swiper-slide .swipertext h1{color:#fff;font-weight:700;font-size:60px;line-height:normal}
#banner #swiper1 .swiper-slide .swipertext h1 span{font-weight:400}
#banner #swiper1 .swiper-slide .swipertext h2{margin-top:40px;margin-bottom:104px;color:#fff;font-weight:inherit;font-size:25px}
#banner #swiper1 .swiper-slide .swipertext a{padding:17px 59px;background-color:rgba(0,0,0,.6);color:#fff;font-size:14px;transition:all .5s}
#banner #swiper1 .swiper-slide .swipertext a:hover{background-color:rgba(255,255,255,.4)}
#swiper1 #sb1{top:auto;right:0;bottom:20px;left:0;z-index:3;width:100%;line-height:1}
#swiper1 .swiper-pagination-bullet{box-sizing:border-box;margin:0 5px;width:9px;height:9px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.35);opacity:1;transition:transform .25s ease,background-color .25s ease}
#swiper1 .swiper-pagination-bullet:hover{background:rgba(255,255,255,.72)}
#swiper1 .swiper-pagination-bullet-active{margin:0 5px;width:9px;height:9px;background:#fff;transform:scale(1.16)}
#swiper1 .banner-arrow{position:absolute;top:50%;z-index:3;width:52px;height:72px;margin:0;padding:0;border:0;background:rgba(0,43,105,.08);color:#fff;cursor:pointer;transform:translateY(-50%);transition:background-color .25s ease,opacity .25s ease;appearance:none}
#swiper1 .banner-arrow--prev{left:0}
#swiper1 .banner-arrow--next{right:0}
#swiper1 .banner-arrow span{position:absolute;top:50%;left:50%;width:16px;height:16px;border-top:2px solid currentColor;border-right:2px solid currentColor}
#swiper1 .banner-arrow--prev span{transform:translate(-35%,-50%) rotate(-135deg)}
#swiper1 .banner-arrow--next span{transform:translate(-65%,-50%) rotate(45deg)}
#swiper1 .banner-arrow:hover{background:rgba(0,43,105,.28)}
#swiper1 .banner-arrow:active{background:rgba(0,43,105,.4)}
#swiper1 .banner-arrow:focus-visible{outline:2px solid #fff;outline-offset:-5px}
#swiper1 .banner-arrow.swiper-button-disabled{opacity:.3;cursor:default}
.hot-keywords{box-sizing:border-box;clear:both;background:#f6f6f6;color:#777}
.hot-keywords__inner{box-sizing:border-box;display:flex;align-items:flex-start;width:calc(100% - 48px);max-width:1404px;min-height:86px;margin:0 auto;padding:14px 0 13px;font-size:13px;line-height:30px}
.hot-keywords__title{flex:0 0 auto;margin-right:20px;color:#666;font-size:14px;font-weight:700;white-space:nowrap}
.hot-keywords__list{display:flex;min-width:0;flex:1;flex-wrap:wrap;column-gap:28px;row-gap:0}
.hot-keywords__list a,.hot-keywords__list span{color:#777;white-space:nowrap}
.hot-keywords__list a{transition:color .2s ease}
.hot-keywords__list a:hover{color:#004098}
.hot-keywords__list a:focus-visible{outline:2px solid #3153aa;outline-offset:3px}
@media only screen and (max-width:768px){
  .hot-keywords__inner{width:calc(100% - 30px);min-height:0;padding:12px 0 14px;line-height:27px}
  .hot-keywords__title{margin-right:12px;font-size:14px}
  .hot-keywords__list{column-gap:18px}
}
@media only screen and (max-width:480px){
  .hot-keywords__inner{display:block}
  .hot-keywords__title{display:block;margin:0 0 2px}
  .hot-keywords__list{column-gap:16px}
}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
/*.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}*/
.content {width:75%;margin: auto;}
.left{ float:left;}
.right{ float:right;}
/*img {max-width: 100%; max-height: 100%;}*/

.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.section .content {}

.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #004098;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #004098;}
.title-style .line {width: 80px;height: 4px;background: #004098;margin: 10px 0;}

.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: 100%!important;}


.index-products-center {padding: 3%;overflow: hidden;}
.index-products-center .top{width: 85%;margin: auto;padding: 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom3{}
.index-products-center .bottom3 a{position: relative;display: block;overflow: hidden;float: left;width: 33.22%;}
.index-products-center .bottom3 a .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 33;text-align: center;}
.index-products-center .bottom3 a .text h2{font-size: 30px;color: #fff;line-height: 36px;margin: 0;text-transform: uppercase;}
.index-products-center .bottom3 a .text .line{width: 80px;height: 4px;background: #004098;margin: 15px auto;}
.index-products-center .bottom3 a .text p{width:80%; margin:10px auto; line-height: 24px;}
.index-products-center .bottom3 a .text h6{border: 1px solid rgba(255,255,255,.5);padding: 0px 20px;display: inline-block;font-size: 0;margin-top:20px;height: 49px;line-height: 49px;opacity: 0;}
.index-products-center .bottom3 a .text h6 span{font-size: 14px;color: #fff;opacity: .5;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-products-center .bottom3 a .text h6 i{width: 14px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;opacity: .5;}
.index-products-center .bottom3 a .img{position: relative;overflow: hidden;}
.index-products-center .bottom3 a .img img{width: 100%;display: block;height: auto;}
.index-products-center .bottom3 a .img img.img-center {opacity: .5;}
.index-products-center .bottom3 a .text h6:hover span,.index-products-center .bottom3 a .text h6:hover i{opacity: 1;color: #fff;}
.index-products-center .bottom3 a .text h6:hover i {background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;}
.index-products-center .bottom3 a .text h6:hover {background: #004098;border: 1px solid #004098; opacity: 1;}
.index-products-center .bottom3 a:hover .text h6{height: 49px;line-height: 49px;opacity: 1;}
.index-products-center .bottom3 a:hover img.img-center{opacity: 1;transform: scale(1.1);}
.index-products-center .bottom3 a:hover .text p{color:#e8e8e8;}

/* Home: application fields */
.application-fields{position:relative;clear:both;overflow:hidden;padding:82px 0 76px;background:#fff}
.application-fields__inner{box-sizing:border-box;width:84%;max-width:1440px;margin:0 auto}
.application-fields__intro{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:60px}
.application-fields__heading{min-width:0}
.application-fields__intro h2{display:flex;align-items:center;gap:36px;margin:0 0 8px;color:#456caf;font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-1px}
.application-fields__intro h2 span{position:relative;width:30px;height:18px;flex:0 0 auto}
.application-fields__intro h2 span::before,.application-fields__intro h2 span::after{position:absolute;left:0;height:3px;border-radius:2px;background:#214f9f;content:""}
.application-fields__intro h2 span::before{top:2px;width:30px}
.application-fields__intro h2 span::after{bottom:2px;width:19px}
.application-fields__intro p{max-width:650px;margin:0;color:#5d626a;font-size:17px;line-height:1.65}
.application-fields__intro>a{display:inline-flex;align-items:center;gap:1px;margin-top:7px;color:#171717;font-size:15px;line-height:1.5;white-space:nowrap;transition:color .25s ease}
.application-fields__intro>a span{color:#174b9b;font-size:17px}
.application-fields__intro>a:hover{color:#315fb0}
.application-fields__intro>a:focus-visible,.application-field:focus-visible{outline:2px solid #315fb0;outline-offset:4px}
.application-fields__slider{box-sizing:border-box;overflow:hidden;padding:14px 0 46px}
.application-fields__items{align-items:stretch}
.application-fields__slide{box-sizing:border-box;height:auto;padding:0 1px}
.application-field{display:flex;height:100%;flex-direction:column;background:#f2f2f2;box-shadow:0 0 0 rgba(35,74,139,0);transform:translateY(0) scale(1);transform-origin:center bottom;transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease}
.application-field__photo{display:block;overflow:hidden;width:100%;aspect-ratio:1.3;background:#e8ebef}
.application-field__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;transform:scale(1.001);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.application-field__caption{box-sizing:border-box;display:flex;min-height:116px;flex:1;flex-direction:column;align-items:center;justify-content:center;background:#f2f2f2;color:#111;transition:background-color .32s ease,color .32s ease}
.application-field strong{display:block;font-size:17px;font-weight:400;line-height:1.4}
.application-field__caption i{display:block;width:20px;height:2px;margin-top:12px;background:#315fb0;transition:background-color .32s ease,width .32s ease}
.application-field:hover,.application-field:focus-visible{box-shadow:0 15px 24px rgba(32,67,127,.22);transform:translateY(-12px) scale(.975)}
.application-field:hover .application-field__caption,.application-field:focus-visible .application-field__caption{background:#5176b9;color:#fff}
.application-field:hover .application-field__caption i,.application-field:focus-visible .application-field__caption i{width:22px;background:#fff}
.application-field:hover .application-field__photo img,.application-field:focus-visible .application-field__photo img{transform:scale(1.045)}
.application-fields__pagination{position:absolute;right:0;bottom:0;left:0;z-index:2;text-align:center;line-height:1}
.application-fields__pagination .swiper-pagination-bullet{width:13px;height:13px;margin:0 5px;background:#c9c9c9;opacity:1;transition:background-color .25s ease,transform .25s ease}
.application-fields__pagination .swiper-pagination-bullet-active{background:#416caf;transform:scale(1.04)}

@media only screen and (max-width:1200px){
  .application-fields{padding:64px 0 58px}
  .application-fields__inner{width:90%}
  .application-fields__intro{margin-bottom:42px}
  .application-fields__intro h2{font-size:32px}
  .application-field__caption{min-height:104px}
}
@media only screen and (max-width:680px){
  .application-fields{padding:42px 0 38px}
  .application-fields__inner{width:calc(100% - 32px)}
  .application-fields__intro{align-items:flex-end;margin-bottom:24px}
  .application-fields__intro h2{gap:18px;margin-bottom:6px;font-size:25px;letter-spacing:-.5px}
  .application-fields__intro h2 span{width:24px;height:15px}
  .application-fields__intro h2 span::before{width:24px}
  .application-fields__intro h2 span::after{width:15px}
  .application-fields__intro p{font-size:13px;line-height:1.6}
  .application-fields__intro>a{margin:0 0 2px 15px;font-size:13px}
  .application-fields__slider{overflow:visible;padding-top:12px}
  .application-field__caption{min-height:88px}
  .application-field strong{font-size:15px}
  .application-field:hover,.application-field:focus-visible{transform:translateY(-8px) scale(.98)}
}

@media (prefers-reduced-motion:reduce){
  .application-field,.application-field__photo img,.application-field__caption,.application-field__caption i{transition-duration:.01ms}
}


.index-about {position: relative;}
.index-about .title-style {text-align: center;width: 100%;padding-bottom: 50px;}
.index-about .title-style h2 {color: #fff;}
.index-about .title-style .line {margin: 20px auto auto;}
.index-about .title-style h6 {font-size: 16px;line-height: 24px;color: #fff;padding: 20px 0;margin: 0;font-weight: normal;overflow: hidden;opacity: .6;}
.index-about .about-item {position: absolute;top:0;left: 12.5%;width: 75%;height: 100%;z-index: 3;}
.index-about .about-item .content {width: 100%;border: 1px solid rgba(255,255,255,.3);overflow: hidden;background: rgba(0,0,0,0.2)}/*height: 470px;*/
.index-about .about-item .aboutleft{padding: 5% 3% 0 5%;overflow: hidden;width:43%;height: 90%; position: relative;float: left;}
/*.index-about .about-item .aboutleft::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .3;}*/
.index-about .about-item .aboutleft .title{overflow: hidden;}
.index-about .about-item .aboutleft .title h2{font-size: 34px;text-transform: uppercase;margin: 0;color: #fff;}
.index-about .about-item .aboutleft .title .line{width: 80px;height: 4px;background: #5d92fe;margin: 15px 0;}
.index-about .about-item .aboutleft .text{font-size: 16px;line-height: 36px;color: #fff;}
.index-about .about-item .aboutleft .play {display: inline-block;margin-top:30px;}
.index-about .about-item .aboutleft .play a{display: block;overflow: hidden;background: #004098;border: 1px solid #004098;padding: 15px 20px;font-size: 0;}
.index-about .about-item .aboutleft .play i{width: 13px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/play.png")/*tpa=/themes/default/images/play.png*/ center no-repeat;background-size: 100%; }
.index-about .about-item .aboutleft .play span{font-size: 14px;color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-about .about-item .aboutleft .play a:hover {background: #5d92fe;border: 1px solid #5d92fe;}
.index-about .about-item .aboutleft .play a:hover span,.index-about .about-item .aboutleft .play a:hover i{opacity: 1;}
.index-about .about-item .aboutright {overflow: hidden;width:49%;position: relative; float: right;}
.index-about .about-item .aboutright::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -0.5px;opacity: .3;}
.index-about .about-item .aboutright .item {position: relative;float: left;width: 33.3333333%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-about .about-item .aboutright .item:hover {background: #004098;}
.index-about .about-item .aboutright .item li {color:#fff;list-style: none;position: absolute;left: 0;top: 0;width:80%;padding:20% 10% 0 10%;height:80%;}
.index-about .about-item .aboutright .item li h2{font-weight: normal;margin: 0; line-height: 60px;}
.index-about .about-item .aboutright .item li h2 strong{font-size: 60px;}
.index-about .about-item .aboutright .item li h2 span{font-size: 18px;font-weight: normal;margin-left: 5px;}
.index-about .about-item .aboutright .item li h6{font-weight: normal;margin: 0;font-size: 14px;line-height: 24px;opacity: .7;}
.index-about .about-item .aboutright .item .img img{display: block;width: 100%;height: auto;opacity: 0;}
.index-about .about-item .aboutright .item::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .3;}
.index-about .about-item .aboutright .item:last-child::after,.index-about .about-item .aboutright .item:nth-child(3)::after {display: none;}
.index-about .img{}
.index-about .img img{display: block;width: 100%;height: auto;}

.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}
.popup-close {z-index:1;width: 30px; height:30px;background: url("../images/xx.png")/*tpa=/themes/default/images/xx.png*/ center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:1%; display:block; top:30px;cursor: pointer;}


@media screen and (max-width: 1680px) {

	.index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;}
	.index-about .about-item,.about-global .top {left: 10%;width: 80%;}
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .aboutleft {padding: 3% 3% 1.6% 5%;}
	.index-about .about-item .aboutleft .text,.index-about .title-style h6,.index-interesting .title h6,.contact-section .title-style .text  {font-size: 14px;    line-height: 36px;}
	.index-about .title-style {padding: 0px 0 10px 0;}
}
@media screen and (max-width: 1440px) {

	.index-about .about-item {left: 5%;width: 90%;}
	.index-about .about-item .aboutleft {padding: 5% 3% 4% 5%;position: absolute;}
	.about-item .title-style h2 {font-size: 40px;line-height:50px;}

	.index-about .about-item .aboutright .item li h2 strong {font-size: 50px;}
	.index-about .about-item .content {width: 90%;}
	.index-about .about-item .aboutleft .text {font-size: 12px;line-height: 22px;}
	.index-products-center .bottom3 a .text h6 {display: none;}
	.index-products-center .bottom3 a:hover .text h6 {display: inline-block;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;}

}
@media screen and (max-width: 1366px) {
	.index-products-center .top {width: 100%;}
	.index-about .about-item .aboutleft .title h2,.index-about .about-item .aboutright .item li h2 strong {font-size:30px;}
	.index-about .about-item .aboutright .item li h6,.index-about .about-item .aboutleft .text,.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;}
	.index-about .about-item .aboutleft .play a{padding: 5px 20px;}
	.index-about .about-item .aboutleft {padding: 3.5% 3% 3% 5%;}
	.index-interesting {width: 90%;}
	.index-about .about-item .aboutright {width: 45%;}
	.index-about .about-item .aboutleft {width: 47%;height: 90%;}
	.title-style h2 {line-height: 40px;}
}
@media screen and (max-width: 1280px) {
	.index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;}
	.index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;}
	.title-style h2 {line-height: 40px; font-size: 40px;}
}
@media screen and (max-width: 414px){
	.index-products-center .bottom3 a{width:100%; height: 250px;}
	.index-products-center .bottom3 a .text h6{display: block;height: 49px;line-height: 49px;opacity: 1; width: 120px; margin: 0 auto;}
	.index-about .about-item .aboutright {width: 100%; position: relative; border-top:1px solid rgba(255,255,255,.3)}
	.index-about .about-item .aboutleft {width: 92%;height: 90%; position: relative;}
	.index-about .about-item .aboutleft::after{width: 0}
	.index-about .about-item .aboutright .item li h2{line-height: 30px;}
	.index-about .img img{width: auto;}
	.index-about .about-item .aboutleft .title h2, .index-about .about-item .aboutright .item li h2 strong {font-size: 20px;}

}


/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .cleft {width: 100%;}
.contact-section .content .cleft .content-way{overflow: hidden;}
.contact-section .content .cleft .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .cleft .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .cleft .content-way li:last-child::after {display: none;}
.contact-section .content .cleft .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
/*.contact-section .content .cleft .content-way li:last-child {width: 99%;}*/
.contact-section .content .cleft .content-way li i.c1 {background: url("../images/c1.png")/*tpa=/themes/default/images/c1.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c2 {background: url("../images/c2.png")/*tpa=/themes/default/images/c2.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c3 {background: url("../images/c3.png")/*tpa=/themes/default/images/c3.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c4 {background: url("../images/c4.png")/*tpa=/themes/default/images/c4.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .cleft .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .cleft .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .cleft .content-way li span h5 a{color: #004098;}
.contact-section .content .cleft .content-way li:hover span h5{color: #004098;}
.contact-section .content .cleft .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;}
.contact-section .content .cleft .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .cleft .content-map iframe #watermark {display: none;}
.contact-section .content .cleft .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}


/* Home: product center */
#product.product-center{display:block;clear:both;overflow:hidden;padding:92px 0 104px;background:#fff}
.product-center__inner{box-sizing:border-box;width:85%;max-width:1392px;margin:0 auto}
.product-center__top{display:grid;grid-template-columns:460px minmax(0,1fr);align-items:start;column-gap:42px;margin-bottom:58px}
.product-center__heading{position:relative;padding-right:54px}
.product-center__heading:after{position:absolute;top:35px;left:200px;width:29px;height:4px;border-radius:2px;background:#315aaa;box-shadow:0 9px 0 -1px #315aaa;content:""}
.product-center__eyebrow{margin:0 0 7px;color:#8b96aa;font-family:Arial,sans-serif;font-size:13px;line-height:1;letter-spacing:2.2px}
.product-center__heading h2{margin:0;color:#4169b3;font-size:38px;font-weight:400;line-height:1.12;letter-spacing:1px}
.product-center__description{margin:8px 0 0;color:#555f6d;font-size:16px;line-height:1.7;white-space:nowrap}
.product-center__categories{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:0;margin-top:20px;overflow-x:auto;scrollbar-width:none}
.product-center__categories::-webkit-scrollbar{display:none}
.product-center__category{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 20px;border:0;background:transparent;color:#222;font-family:inherit;font-size:16px;line-height:22px;white-space:nowrap;cursor:pointer;transition:color .25s ease}
.product-center__category:not(:last-child):after{position:absolute;top:50%;right:0;color:#b9b9b9;content:"/";font-size:13px;transform:translateY(-50%)}
.product-center__category:before{position:absolute;right:20px;bottom:0;left:20px;height:2px;background:#315aaa;content:"";transform:scaleX(0);transition:transform .3s ease}
.product-center__category:hover,.product-center__category:focus-visible,.product-center__category.is-active{color:#315aaa}
.product-center__category.is-active:before{transform:scaleX(1)}
.product-center__category:focus-visible,.product-center__more:focus-visible,.product-center__card a:focus-visible{outline:2px solid #315aaa;outline-offset:3px}
.product-center__more{display:none}
.product-center__more:hover{color:#173f9c}
.product-center__more-arrow{font-family:Arial,sans-serif;font-size:25px;font-weight:300;line-height:1;transition:transform .25s ease}
.product-center__more:hover .product-center__more-arrow{transform:translateX(4px)}
#product .product-center__products{position:relative;margin:0;overflow:visible}
.product-center__grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:28px 14px;height:clamp(490px,38vw,610px)}
#product .product-center__card{position:relative;min-width:0;overflow:hidden;background:#dfe5ec}
#product .product-center__card[hidden]{display:none}
#product .product-center__card.is-featured{grid-row:span 2}
#product .product-center__card>a{position:absolute;inset:0;display:block;overflow:hidden;background:#e4e8ed;text-align:center}
.product-center__image{display:block;width:100%;height:100%;overflow:hidden;background:#e4e8ed}
#product .product-center__image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;background:#e4e8ed;transform:scale(1.001);transition:transform .8s cubic-bezier(.2,.65,.25,1)}
.product-center__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:42px;background:rgba(45,83,160,.79);opacity:0;transition:opacity .42s ease}
.product-center__content{position:relative;z-index:2;display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;color:#fff;opacity:0;transform:translateY(15px);transition:opacity .35s ease .14s,transform .45s cubic-bezier(.2,.65,.25,1) .14s}
.product-center__name{display:block;max-width:94%;overflow:hidden;color:#fff;font-size:clamp(17px,1.35vw,26px);font-weight:500;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.product-center__type{display:block;margin-top:13px;color:rgba(255,255,255,.94);font-size:15px;line-height:1.4}
.product-center__icon{position:relative;display:block;width:48px;height:48px;margin-top:26px;border:1px solid rgba(255,255,255,.95);border-radius:50%;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.product-center__icon:before,.product-center__icon:after{position:absolute;top:21px;width:14px;height:1px;background:#fff;content:""}
.product-center__icon:before{left:12px;transform:rotate(45deg)}
.product-center__icon:after{right:12px;transform:rotate(-45deg)}
.product-center__icon i{position:absolute;top:12px;left:50%;width:1px;height:16px;background:#fff;transform:translateX(-50%)}
.product-center__border{position:absolute;z-index:1;background:rgba(255,255,255,.92);transition:transform .55s cubic-bezier(.65,0,.35,1)}
.product-center__border--top,.product-center__border--bottom{right:16px;left:16px;height:1px;transform:scaleX(0)}
.product-center__border--top{top:16px;transform-origin:left center}
.product-center__border--bottom{bottom:16px;transform-origin:right center;transition-delay:.18s}
.product-center__border--right,.product-center__border--left{top:16px;bottom:16px;width:1px;transform:scaleY(0)}
.product-center__border--right{right:16px;transform-origin:center top;transition-delay:.09s}
.product-center__border--left{left:16px;transform-origin:center bottom;transition-delay:.27s}
#product .product-center__card a:hover .product-center__image img,#product .product-center__card a:focus-visible .product-center__image img{transform:scale(1.055)}
#product .product-center__card a:hover .product-center__overlay,#product .product-center__card a:focus-visible .product-center__overlay{opacity:1}
#product .product-center__card a:hover .product-center__content,#product .product-center__card a:focus-visible .product-center__content{opacity:1;transform:translateY(0)}
#product .product-center__card a:hover .product-center__border,#product .product-center__card a:focus-visible .product-center__border{transform:scale(1)}
#product .product-center__card a:hover .product-center__icon,#product .product-center__card a:focus-visible .product-center__icon{transform:rotate(360deg)}
@media only screen and (max-width:1440px){
  .product-center__inner{width:90%}
  .product-center__top{grid-template-columns:360px minmax(0,1fr);column-gap:25px}
  .product-center__description{font-size:15px;white-space:normal}
  .product-center__category{padding-right:13px;padding-left:13px;font-size:15px}
  .product-center__category:before{right:13px;left:13px}
  .product-center__grid{gap:18px 12px}
}
@media only screen and (max-width:1100px){
  #product.product-center{padding-top:70px;padding-bottom:75px}
  .product-center__top{grid-template-columns:1fr;row-gap:25px;margin-bottom:38px}
  .product-center__categories{grid-column:1/-1;grid-row:2;justify-content:flex-start;margin-top:0;padding-bottom:4px}
  .product-center__grid{height:500px}
  .product-center__overlay{padding:28px}
  .product-center__border--top,.product-center__border--bottom{right:12px;left:12px}
  .product-center__border--top{top:12px}.product-center__border--bottom{bottom:12px}
  .product-center__border--right,.product-center__border--left{top:12px;bottom:12px}
  .product-center__border--right{right:12px}.product-center__border--left{left:12px}
}
@media only screen and (max-width:768px){
  #product.product-center{padding:52px 0 58px}
  .product-center__inner{width:90%}
  .product-center__top{column-gap:18px;row-gap:22px;margin-bottom:28px}
  .product-center__heading{padding-right:45px}
  .product-center__heading:after{width:25px;height:3px}
  .product-center__eyebrow{margin-bottom:7px;font-size:11px}
  .product-center__heading h2{font-size:30px}
  .product-center__description{max-width:calc(100% - 20px);margin-top:7px;font-size:14px;white-space:normal}
  .product-center__more{font-size:14px}
  .product-center__category{min-height:34px;padding:6px 12px;font-size:14px}
  .product-center__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;height:auto;gap:12px}
  #product .product-center__card,#product .product-center__card.is-featured{grid-row:auto;aspect-ratio:1/1}
  #product .product-center__card.is-featured{grid-column:1/-1;aspect-ratio:16/10}
  .product-center__name{font-size:17px}
  .product-center__type{margin-top:8px;font-size:13px}
  .product-center__icon{width:42px;height:42px;margin-top:17px}
  .product-center__icon:before,.product-center__icon:after{top:18px;width:12px}
  .product-center__icon:before{left:10px}.product-center__icon:after{right:10px}
  .product-center__icon i{top:10px;height:15px}
}
@media only screen and (max-width:480px){
  .product-center__heading{padding-right:38px}
  .product-center__heading h2{font-size:27px}
  .product-center__more-arrow{font-size:23px}
  .product-center__grid{grid-template-columns:1fr}
  #product .product-center__card,#product .product-center__card.is-featured{grid-column:auto;aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){
  #product .product-center__image img,.product-center__overlay,.product-center__content,.product-center__border,.product-center__icon{transition-duration:.01ms!important;transition-delay:0s!important}
}
#news{display:flex;background:#f7f7f7;flex-direction:column;justify-content:center}
#news .title{margin:0 auto;padding:104px 0 64px}
#news .newsin{display:flex;margin:0 auto 104px;width:85%; max-width: 1392px; flex-wrap:wrap;justify-content:space-between}
#news .newsbox{width:32%}
#news .newsbox:hover>.lin{width:100%}
#news .lin{margin-bottom:24px;width:32px;height:5px;background-color:#054686;transition:all .5s}
#news img{width: 100%; margin-bottom: 10px;}
#news a{display:inline-block;margin-top:40px;width:40px;height:40px;background-image:url("../images/arrow.png")/*tpa=/themes/default/images/arrow.png*/}
#news a:hover{background-image:url("../images/arrowb.png")/*tpa=/themes/default/images/arrowb.png*/}
#contact{height:100%;background-image:url("../images/m4.jpg")/*tpa=/themes/default/images/m4.jpg*/}
#contact .contactin{padding:90px 0 90px 8%}
#contact .contactin h1{color:#fff;font-size:36px}
#contact .tit {margin-top: 50px;color: #85acfa;font-size: 60px; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';  letter-spacing: 0.1rem; position: relative; z-index: 2;}
#contact .line{ content: '';display: block;height: 1px;  width: 92px;background: #fff;  z-index: 2;}
#contact .desc{color:#fff; font-size: 20px; height: 30px; line-height: 30px; margin:30px 0;}
#contact .contact_box{background: rgba(255,255,255,0.2); padding: 30px; width: 500px; margin-bottom: 100px;}
#contact .contactin p{margin:20px 0 70px;color:#fff;font-size:14px}
#contact .contactin a{padding:17px 59px;background-color:rgba(5,70,134,1);color:#fff;font-size:14px;transition:all .5s}
#contact .contactin a:hover{background-color:rgba(255,255,255,.6)}

@media only screen and (max-width:1440px){#banner #swiper1 .swiper-slide .swipertext h2{margin-bottom:65px}
#about .aboutin{margin-left:118px}
#about .top{left:118px}
#about .about,#about .honor{flex-basis:50%}
#product #bt1,#product #bt2{display:none}
#contact .contactin{padding-left:118px}
}
@media only screen and (max-width:1180px){#banner{margin-top:55px}
.home-hero-title{top:16px;max-width:calc(100% - 80px);font-size:16px}
#banner #swiper1 .swiper-slide .swipertext h1{font-size:4vw}
#banner #swiper1 .swiper-slide .swipertext h2{margin:3.5vh 0;font-size:1.5vw}
#banner #swiper1 .swiper-slide .swipertext a{display:none}
#about .down{flex-wrap:wrap}
#about .about,#about .honor{flex-basis:100%}
#about .aboutin{margin:60px 9vw}
#about .honorin{margin:60px 9vw}
#about .top{position:static}
.newsin div:last-child{display:none}
#news .newsbox{width:40vw}
#contact .contactin{padding:90px 9vw}
#contact .contactin p{margin:5vw 0}
}
@media only screen and (max-width:768px){
.home-hero-title{top:10px;max-width:calc(100% - 44px);padding:5px 10px;font-size:12px;letter-spacing:0;white-space:normal}
#swiper1 #sb1{bottom:10px}
#swiper1 .banner-arrow{width:38px;height:54px;background:rgba(0,43,105,.14)}
#swiper1 .banner-arrow span{width:12px;height:12px}
#contact .contactin h1{ font-size:30px}
}
@media only screen and (max-width:700px){#about .honor{background-image:none}
}
@media only screen and (max-width:840px){#about .top{display:none}
}
@media only screen and (max-width:425px){
#contact .tit{font-size: 30px; margin-top: 0px;}
#contact .desc{font-size: 14px; height: auto;}
#contact .contact_box{width:auto;}
#contact .contactin a{padding: 10px 30px; margin-top: 20px;}
.fright{display: none;}
#product .productbunner{margin-bottom: 50px;}
}
@media only screen and (max-width:320px){
#about .aboutin h1{font-size:22px}
}
@media (prefers-reduced-motion:reduce){#banner #swiper1 .swiper-slide img{transform:none;transition:none}}
.index_con5{position:relative;padding:0 0 70px}
.con5_zong{position:relative;font-size:0}
.con5_right{position:static;top:0;right:0;display:inline-block;width:45%;vertical-align:top}
.con5_right img{width:100%}
.con5_left{position:relative;top:150px;z-index:2;display:inline-block;box-sizing:border-box;padding-right:70px;width:55%;background:#fff;vertical-align:top}
.con5_left p{color:#333;font-size:16px;line-height:25px}

/* Home: advantages */
.home-advantages{position:relative;clear:both;overflow:hidden;padding:52px 5% 58px;background:#07162b url("../images/in_wmdysbg.jpg") center/cover no-repeat;color:#fff}
.home-advantages:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,14,30,.14),rgba(3,17,37,.04) 46%,rgba(2,14,29,.3));content:"";pointer-events:none}
.home-advantages__inner{position:relative;z-index:1;width:100%;max-width:1340px;margin:0 auto}
.home-advantages__header{text-align:center}
.home-advantages__header h2{margin:0;color:#fff;font-size:36px;font-weight:500;line-height:1.3;letter-spacing:-.02em;text-wrap:balance}
.home-advantages__header p{margin:6px auto 0;color:rgba(255,255,255,.94);font-size:17px;line-height:1.6;text-wrap:balance}
.home-advantages__body{position:relative;margin-top:60px}
.home-advantages__panel{display:grid;grid-template-columns:minmax(0,610px) minmax(0,1fr);gap:54px;min-height:450px;animation:advantage-panel-in .55s cubic-bezier(.22,.7,.25,1) both}
.home-advantages__panel[hidden]{display:none}
.home-advantages__media{height:450px;overflow:hidden;background:#0c2038}
.home-advantages__media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.001);animation:advantage-image-in .8s cubic-bezier(.22,.7,.25,1) both}
.home-advantages__copy{box-sizing:border-box;min-width:0;padding:0 0 170px}
.home-advantages__number{display:block;margin:-8px 0 11px;color:rgba(255,255,255,.8);font-family:Arial,sans-serif;font-size:60px;font-style:italic;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-3px}
.home-advantages__copy h3{margin:0;color:#fff;font-size:24px;font-weight:600;line-height:1.45;text-wrap:balance}
.home-advantages__subtitle{margin:8px 0 0;color:rgba(255,255,255,.95);font-family:Arial,sans-serif;font-size:14px;line-height:1.55;text-transform:uppercase}
.home-advantages__description{max-width:650px;margin:23px 0 0;color:rgba(255,255,255,.95);font-size:16px;line-height:1.75;text-align:justify;text-wrap:pretty}
.home-advantages__tabs{position:absolute;left:calc(610px + 54px);bottom:4px;display:flex;align-items:flex-start;gap:20px}
.home-advantages__tab{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:55px;height:148px;padding:18px 15px;border:0;border-radius:0 0 28px 28px;background:#fff;color:#121923;font-family:inherit;font-size:18px;line-height:1.25;letter-spacing:2px;writing-mode:vertical-rl;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .25s ease}
.home-advantages__tab:hover,.home-advantages__tab:focus-visible{transform:translateY(-5px)}
.home-advantages__tab.is-active{border-radius:0;background:#d55c21;color:#fff;transform:translateY(0)}
.home-advantages__tab:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes advantage-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes advantage-image-in{from{transform:scale(1.035)}to{transform:scale(1.001)}}
@media only screen and (max-width:1200px){
.home-advantages__panel{grid-template-columns:minmax(0,48%) minmax(0,1fr);gap:40px}
.home-advantages__tabs{left:calc(48% + 40px)}
.home-advantages__description{font-size:15px}
}
@media only screen and (max-width:900px){
.home-advantages{padding-top:46px;padding-bottom:52px}
.home-advantages__body{margin-top:38px}
.home-advantages__panel{grid-template-columns:1fr;gap:30px;min-height:0}
.home-advantages__media{height:auto;aspect-ratio:16/10}
.home-advantages__copy{padding:0}
.home-advantages__number{font-size:48px}
.home-advantages__tabs{position:relative;left:auto;bottom:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:28px}
.home-advantages__tab{width:100%;height:50px;padding:8px 10px;border-radius:0;background:rgba(255,255,255,.94);font-size:15px;letter-spacing:0;writing-mode:horizontal-tb}
.home-advantages__tab:hover,.home-advantages__tab:focus-visible{transform:translateY(-2px)}
.home-advantages__tab.is-active{background:#d55c21;transform:none}
}
@media only screen and (max-width:600px){
.home-advantages{padding:38px 5% 44px}
.home-advantages__header h2{font-size:28px}
.home-advantages__header p{font-size:14px}
.home-advantages__body{margin-top:30px}
.home-advantages__panel{gap:24px}
.home-advantages__number{margin-bottom:8px;font-size:40px}
.home-advantages__copy h3{font-size:21px}
.home-advantages__subtitle{font-size:12px}
.home-advantages__description{margin-top:16px;font-size:14px;line-height:1.7;text-align:left}
.home-advantages__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-advantages__tab{height:44px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
.home-advantages__panel,.home-advantages__media img{animation:none}
.home-advantages__tab{transition:none}
}

/* Home: about us */
.home-about{position:relative;clear:both;overflow:hidden;padding:64px 5.4% 88px;background:#f7f8fa}
.home-about__backdrop{position:absolute;inset:0 0 auto;height:392px;background:#071735 url(../images/home-about-bg.jpg) center/cover no-repeat}
.home-about__backdrop::after{position:absolute;inset:0;background:rgba(3,15,42,.16);content:""}
.home-about__intro{position:relative;z-index:1;max-width:1500px;margin:0 auto;color:#fff;text-align:center}
.home-about__intro h2{display:inline-flex;align-items:center;gap:18px;margin:0;color:#fff;font-size:38px;font-weight:600;line-height:1.25;letter-spacing:.03em}
.home-about__intro h2 img{display:block;width:29px;height:auto;object-fit:contain}
.home-about__intro>div{margin:14px auto 0;font-size:16px;line-height:1.7;text-wrap:balance}
.home-about__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1400px;min-height:440px;margin:40px auto 0;background:#fff;box-shadow:0 18px 38px rgba(11,28,55,.2)}
.home-about__media{position:relative;overflow:hidden;min-height:440px;background:#dfe6ee}
.home-about__media>img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.home-about__media:hover>img{transform:scale(1.065)}
.home-about__content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:52px 8% 48px;color:#353c46}
.home-about__quote{position:absolute;top:53px;right:8%;width:52px;height:auto}
.home-about__content h3{max-width:80%;margin:0;color:#3768c0;font-size:24px;font-weight:500;line-height:1.35}
.home-about__company-en{margin:2px 0 24px;color:#8b919a;font-family:Arial,sans-serif;font-size:13px;line-height:1.4;letter-spacing:.02em}
.home-about__description{display:-webkit-box;overflow:hidden;max-width:680px;color:#515a65;font-size:14px;line-height:2;text-align:justify;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.home-about__more{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;margin-top:34px;color:#1d2734;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.4;transition:color .25s ease,transform .25s ease}
.home-about__more:hover{color:#3768c0;transform:translateX(5px)}
.home-about__more:active{transform:translateY(0)}
.home-about__more:focus-visible{outline:3px solid rgba(49,91,180,.3);outline-offset:4px}
.home-about__arrow{font-family:Arial,sans-serif;font-size:19px;line-height:1;transition:transform .25s ease}
.home-about__more:hover .home-about__arrow{transform:translateX(4px)}

@media only screen and (max-width:1180px){
.home-about{padding-right:5%;padding-left:5%}
.home-about__inner{min-height:390px}
.home-about__media,.home-about__media>img{min-height:390px}
.home-about__content{padding:42px 7%}
.home-about__quote{top:44px;right:7%;width:45px}
.home-about__content h3{font-size:21px}
.home-about__description{line-height:1.85;-webkit-line-clamp:6}
}

@media only screen and (max-width:425px){
  #product.product-center .product-center__products{margin-bottom:0}
}
@media only screen and (max-width:768px){
.home-about{padding:46px 5% 56px}
.home-about__backdrop{height:310px}
.home-about__intro h2{font-size:29px}
.home-about__intro>div{font-size:14px}
.home-about__inner{grid-template-columns:1fr;min-height:0;margin-top:30px}
.home-about__media,.home-about__media>img{min-height:0;aspect-ratio:16/10}
.home-about__content{padding:38px 7% 40px}
.home-about__quote{top:39px;width:38px}
.home-about__content h3{font-size:20px}
.home-about__description{line-height:1.8;text-align:left;-webkit-line-clamp:7}
.home-about__more{margin-top:26px}
}
@media only screen and (max-width:425px){
.home-about{padding-top:38px;padding-bottom:46px}
.home-about__intro h2{gap:12px;font-size:26px}
.home-about__intro h2 img{width:24px}
.home-about__intro>div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-about__content{padding:32px 6% 36px}
.home-about__quote{top:32px;right:6%;width:32px}
.home-about__content h3{font-size:18px}
}
.con5_left span{display:block;display:none;margin-bottom:40px;color:#333;text-align:right}
.con5_left span img{display:none;transform:translateX(50px)}
.con5_left a{position:relative;left:0;display:block;margin-top:50px;width:205px;height:50px;background:#5d92fe;text-align:center;line-height:50px}
.con5_left a img{width:auto;transition:.3s ease-in-out}
.con5_left a:hover img{transform:translateX(10px)}
.index_con5 .index_con3_list{position:relative;top:125px;z-index:3}
.title{text-align:left}
.title h1{color:#014099;text-transform:uppercase;letter-spacing:2px;font-size:30px;font-family:ziti;line-height:30px}
.title h2{margin-top:5px;color:#5d92fe;font-size:40px}
.divBox{margin:0 auto;padding:0 3%;}
.index_con7{padding:100px 0}
.index_con7 .swiper-slide{padding:15px 0 50px}
.icon7_swier{position:relative;margin-top:40px}
.con7_list{position:relative;box-sizing:border-box;padding:90px 40px;border:2px solid #b8b8b8}
.con7_list_ls{position:absolute;top:-10px;display:inline-block;padding:12px 10px;background:#014099;text-align:center;transition:.3s ease-in-out}
.con7_list_ls font{display:block;color:#fff;font-weight:700;font-size:20px;font-family:ziti}
.con7_list_ls time{color:#fff;font-family:ziti}
.con7_list h1{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eee;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.con7_list h1:before{display:inline-block;width:0;height:1px;background:#787878;content:'';vertical-align:middle;transition:.3s ease-in-out}
.con7_list p{margin-top:20px;color:#6e6e6e;font-size:14px;line-height:22px}
.con_spans{position:absolute;bottom:-27px;left:50%;display:block;width:54px;height:54px;border-radius:50%;background:#bbb;text-align:center;line-height:52px;transform:translateX(-50%)}
.con_spans i{position:relative;z-index:2;display:inline-block;color:#fff;font-size:30px;transition:.4s ease-in-out}
.con_spans:after{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+'; font-size:50px; padding-top: 12px; transition:.4s ease-in-out .1s}
.con_spans:before{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+';font-size:50px; padding-top: 12px; transition:.4s ease-in-out;transform:scale(0)}
.index_con7 .swiper-slide:hover .con_spans:after{background:rgba(93,146,254,.1);opacity:0;transform:scale(1.5)}
.index_con7 .swiper-slide:hover .con_spans:before{background:rgba(93,146,254,.1);opacity:1;transform:scale(1)}
.index_con7 .swiper-slide:hover .con_spans{background:#5d92fe}
.index_con7 .swiper-slide:hover .con7_list_ls{background:#5d92fe}
.index_con7 .swiper-slide:hover h1:before{margin-right:5px;width:35px}
.icon7_swier .swiper-button-next,.icon7_swier .swiper-button-prev{top:-100px;width:70px;height:35px;background-color:#5d92fe;background-size:10px;text-align:center;line-height:32px;transition:.3s ease-in-out}
.icon7_swier .swiper-button-prev{right:75px;left:auto}
.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color:#5d92fe}
@media only screen and (max-width:1550px){.index_con7{padding:55px 0}
}
.more1{display: block;margin: 0 auto;text-align: center;width: 125px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #666666;
border-radius: 50px;font-size: 14px;color: #666;position: relative;overflow: hidden;margin-top: 50px;}
.more1:before{content: '';display: block;width: 0%;height: 100%;background: #787878;position: absolute;left: 0;top: 0;z-index: -1;transition: 0.3s ease-in-out;}
.more1:hover:before{width: 100%;}
.more1:hover{color: white;}

/* Home: equipment showcase */
.home-equipment{clear:both;overflow:hidden;padding:20px 5.4% 84px;background:#f7f8fa}
.home-equipment__inner{width:100%;max-width:1400px;margin:0 auto}
.home-equipment__tabs-wrap{position:relative;display:flex;justify-content:center;border-bottom:1px solid #d9dee5}
.home-equipment__tabs{display:flex;align-items:stretch;justify-content:center}
.home-equipment__tab{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;min-width:220px;min-height:62px;padding:14px 28px;border:0;background:#a5a6a8;color:#fff;font-family:inherit;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .25s ease,transform .25s ease}
.home-equipment__tab:hover,.home-equipment__tab:focus-visible,.home-equipment__tab.is-active{background:#4d72b8;color:#fff}
.home-equipment__tab:active{transform:translateY(1px)}
.home-equipment__tab:focus-visible{position:relative;z-index:2;outline:3px solid rgba(65,107,196,.28);outline-offset:3px}
.home-equipment__tab-icon{display:block;width:29px;height:29px;object-fit:contain}
.home-equipment__viewport{overflow:hidden;margin-top:38px;padding:14px 2px 22px}
.home-equipment__track{display:flex;gap:18px;will-change:transform;transition:transform .52s cubic-bezier(.2,.7,.2,1)}
.home-equipment__slide{box-sizing:border-box;flex:0 0 calc((100% - 54px)/4);min-width:0}
.home-equipment__card{display:block;width:100%;margin:0;padding:0;border:1px solid #dfe3e8;background:#fff;color:#1d2632;text-align:left;cursor:zoom-in;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.home-equipment__photo{display:block;overflow:hidden;width:100%;aspect-ratio:1.42/1;background:#e6e9ed}
.home-equipment__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-equipment__caption{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:13px 16px 13px 18px}
.home-equipment__caption strong{display:block;overflow:hidden;font-size:17px;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.home-equipment__caption i{display:flex;flex:0 0 29px;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#f0f1f3;color:#afb4ba;font-family:Arial,sans-serif;font-size:25px;font-style:normal;font-weight:300;line-height:1;transition:background-color .25s ease,color .25s ease,transform .25s ease}
.home-equipment__card:hover,.home-equipment__card:focus-visible{border-color:transparent;box-shadow:0 12px 22px rgba(21,39,68,.18);transform:translateY(-8px)}
.home-equipment__card:hover .home-equipment__photo img,.home-equipment__card:focus-visible .home-equipment__photo img{transform:scale(1.045)}
.home-equipment__card:hover .home-equipment__caption i,.home-equipment__card:focus-visible .home-equipment__caption i{background:#4d72b8;color:#fff;transform:translateX(2px)}
.home-equipment__card:focus-visible{outline:3px solid rgba(65,107,196,.3);outline-offset:3px}
.home-equipment__controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:3px}
.home-equipment__arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:1px solid #cbd1d9;border-radius:50%;background:#fff;color:#4e5968;font-family:Arial,sans-serif;font-size:24px;line-height:1;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.home-equipment__arrow:hover,.home-equipment__arrow:focus-visible{border-color:#4d72b8;background:#4d72b8;color:#fff}
.home-equipment__arrow:disabled{opacity:.35;cursor:default}
.home-equipment__status{min-width:52px;color:#6f7884;font-family:Arial,sans-serif;font-size:13px;text-align:center;font-variant-numeric:tabular-nums}

/* Shared image lightbox */
.factory-lightbox{position:fixed;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;padding:70px 9% 58px;background:rgba(10,13,18,.92);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.factory-lightbox.is-open{opacity:1;visibility:visible}
.factory-lightbox__stage{display:flex;align-items:center;justify-content:center;width:min(74vw,1200px);height:calc(100vh - 142px);margin:0}
.factory-lightbox__stage img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.3))}
.factory-lightbox__counter{position:absolute;top:19px;left:50%;min-width:90px;padding:8px 14px;border-radius:3px;background:rgba(255,255,255,.08);color:#fff;font-family:Arial,sans-serif;font-size:14px;text-align:center;transform:translateX(-50%);font-variant-numeric:tabular-nums}
.factory-lightbox__caption{position:absolute;left:4%;right:4%;bottom:19px;overflow:hidden;color:#fff;font-size:15px;font-weight:500;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.factory-lightbox__close,.factory-lightbox__prev,.factory-lightbox__next{position:absolute;z-index:2;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.factory-lightbox__close{top:22px;right:24px;width:28px;height:28px}
.factory-lightbox__close:before,.factory-lightbox__close:after{position:absolute;top:13px;left:1px;width:27px;height:1px;background:#fff;content:""}
.factory-lightbox__close:before{transform:rotate(45deg)}
.factory-lightbox__close:after{transform:rotate(-45deg)}
.factory-lightbox__prev,.factory-lightbox__next{top:50%;width:32px;height:55px;transform:translateY(-50%)}
.factory-lightbox__prev{left:27px}
.factory-lightbox__next{right:27px}
.factory-lightbox__prev:before,.factory-lightbox__next:before{position:absolute;top:11px;width:30px;height:30px;border-top:1px solid #fff;border-left:1px solid #fff;content:""}
.factory-lightbox__prev:before{left:8px;transform:rotate(-45deg)}
.factory-lightbox__next:before{right:8px;transform:rotate(135deg)}
.factory-lightbox__close:focus-visible,.factory-lightbox__prev:focus-visible,.factory-lightbox__next:focus-visible{outline:2px solid #fff;outline-offset:5px}
body.factory-lightbox-open{overflow:hidden}
@media only screen and (max-width:1100px){
.home-equipment__slide{flex-basis:calc((100% - 36px)/3)}
}
@media only screen and (max-width:768px){
.home-equipment{padding:10px 5% 58px}
.home-equipment__tabs-wrap{overflow-x:auto;justify-content:flex-start}
.home-equipment__tabs{min-width:100%}
.home-equipment__tab{flex:1 0 auto;min-width:175px;min-height:54px;padding:11px 18px;font-size:15px}
.home-equipment__tab-icon{width:25px;height:25px}
.home-equipment__viewport{margin-top:24px}
.home-equipment__slide{flex-basis:calc((100% - 18px)/2)}
.home-equipment__caption{min-height:58px;padding:11px 12px}
.home-equipment__caption strong{font-size:15px}
.factory-lightbox{padding:58px 15px}
.factory-lightbox__stage{width:calc(100vw - 70px);height:calc(100vh - 130px)}
.factory-lightbox__prev{left:8px}
.factory-lightbox__next{right:8px}
.factory-lightbox__close{top:18px;right:17px}
}
@media only screen and (max-width:480px){
.home-equipment__slide{flex-basis:100%}
.home-equipment__card:hover,.home-equipment__card:focus-visible{transform:translateY(-4px)}
}
@media (prefers-reduced-motion:reduce){
.home-about__media>img,.home-about__more,.home-equipment__track,.home-equipment__card,.home-equipment__photo img,.factory-lightbox{transition:none}
}

.home-news{clear:both;overflow:hidden;padding:90px 5.4% 96px;background:#fff}
.home-news__inner{width:100%;max-width:1400px;margin:0 auto}
.home-news__top{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;margin-bottom:48px}
.home-news__heading{min-width:0}
.home-news__heading h2{display:flex;align-items:center;gap:17px;margin:0;color:#4d72b8;font-size:42px;font-weight:500;line-height:1.18;letter-spacing:-1.5px}
.home-news__title-mark{display:block;width:29px;height:15px;margin-top:5px;object-fit:contain}
.home-news__heading p{margin:12px 0 0;color:#747b84;font-size:21px;line-height:1.5}
.home-news__categories{display:flex;align-items:center;gap:0;margin-top:8px;white-space:nowrap}
.home-news__category{position:relative;color:#1d2632;font-size:18px;line-height:1.5;transition:color .25s ease}
.home-news__category+.home-news__category{margin-left:22px;padding-left:27px}
.home-news__category+.home-news__category:before{position:absolute;top:50%;left:0;color:#315b98;content:"/";transform:translateY(-50%)}
.home-news__category:hover,.home-news__category:focus-visible{color:#315ba9}
.home-news__category:focus-visible{outline:2px solid rgba(65,107,196,.35);outline-offset:5px}
.home-news__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:12px 2px 22px}
.home-news__card{min-width:0}
.home-news__card-link{box-sizing:border-box;display:flex;height:100%;flex-direction:column;border:1px solid #dfe3e8;background:#fff;color:#1d2632;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.home-news__image{display:block;overflow:hidden;width:100%;aspect-ratio:1.42/1;background:#e6e9ed}
.home-news__image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-news__card-body{box-sizing:border-box;display:flex;min-height:230px;flex:1;flex-direction:column;padding:20px 20px 18px}
.home-news__card time{display:block;color:#8b929b;font-family:Arial,sans-serif;font-size:13px;line-height:1.4;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.home-news__card strong{display:-webkit-box;overflow:hidden;margin-top:9px;color:#303944;font-size:18px;font-weight:600;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news__description{display:-webkit-box;overflow:hidden;margin-top:9px;color:#8b929b;font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news__card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;color:#7b838d;font-size:14px}
.home-news__card-footer i{display:flex;flex:0 0 29px;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#f0f1f3;color:#afb4ba;font-family:Arial,sans-serif;font-size:25px;font-style:normal;font-weight:300;line-height:1;transition:background-color .25s ease,color .25s ease,transform .25s ease}
.home-news__card-link:hover,.home-news__card-link:focus-visible{border-color:transparent;color:#1d2632;box-shadow:0 12px 22px rgba(21,39,68,.18);transform:translateY(-8px)}
.home-news__card-link:hover .home-news__image img,.home-news__card-link:focus-visible .home-news__image img{transform:scale(1.045)}
.home-news__card-link:hover .home-news__card-footer,.home-news__card-link:focus-visible .home-news__card-footer{color:#315ba9}
.home-news__card-link:hover .home-news__card-footer i,.home-news__card-link:focus-visible .home-news__card-footer i{background:#4d72b8;color:#fff;transform:translateX(2px)}
.home-news__card-link:focus-visible{outline:3px solid rgba(65,107,196,.3);outline-offset:3px}

@media only screen and (max-width:1440px){
.home-news{padding-right:5%;padding-left:5%}
}
@media only screen and (max-width:1100px){
.home-news{padding-top:70px;padding-bottom:70px}
.home-news__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media only screen and (max-width:768px){
.home-news{padding:52px 5% 58px}
.home-news__top{display:block;margin-bottom:28px}
.home-news__heading h2{gap:12px;font-size:31px;letter-spacing:-1px}
.home-news__title-mark{width:29px;height:15px;margin-top:3px}
.home-news__heading p{margin-top:8px;font-size:15px}
.home-news__categories{margin-top:20px}
.home-news__category{font-size:15px}
.home-news__category+.home-news__category{margin-left:16px;padding-left:21px}
.home-news__card-body{min-height:210px}
}
@media only screen and (max-width:520px){
.home-news__grid{grid-template-columns:1fr;gap:22px}
.home-news__card-link:hover,.home-news__card-link:focus-visible{transform:translateY(-4px)}
}
@media (prefers-reduced-motion:reduce){
.home-news__card-link,.home-news__image img,.home-news__card-footer i{transition:none}
}

@media(max-width: 768px){
    .index_con5 .index_con3_list{top:40px;}
	.con5_left{width:100%; padding-right: 0px; top: 58px;}
	.con5_right{width:100%; margin-top: 68px;}
	#news .newsbox{width:100vw}
	#news a{margin-top: 10px; margin-bottom: 10px;}
	.con7_list{padding:90px 20px 40px;}
	.icon7_swier .swiper-button-next, .icon7_swier .swiper-button-prev{top:-64px;}
	#navpart .position{padding: 10px 4%;}
	#navpart .column{padding: 10px 4% 10px;    width: 100%;}
	#navpart .column ul li{padding: 0 15px;margin-bottom: 15px;}
}

