#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;background:#e7edf7}
#banner #swiper1,#banner #swiper1 .swiper-wrapper,#banner #swiper1 .swiper-slide{width:100%}
#banner #swiper1 .swiper-slide{overflow:hidden}
#banner #swiper1 .swiper-slide img{width:100%;height:auto;transform:none;animation:none;-webkit-animation:none}
#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:18px;left:0;width:100%;line-height:1}
#swiper1 .swiper-pagination-bullet{margin:0 4px;width:8px;height:8px;border:0;border-radius:999px;background:#fff;opacity:.48;transition:width .25s ease,background-color .25s ease,opacity .25s ease}
#swiper1 .swiper-pagination-bullet-active{width:22px;background:#fff;opacity:1}
.home-banner__arrow{position:absolute;z-index:5;top:50%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:-25px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(8,30,61,.18);color:#283444;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .22s ease,transform .22s ease,background-color .22s ease}
.home-banner__arrow--prev{left:16px}
.home-banner__arrow--next{right:16px}
.home-banner__arrow span{display:block;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.home-banner__arrow--prev span{margin-left:4px;transform:rotate(-135deg)}
.home-banner__arrow--next span{margin-right:4px;transform:rotate(45deg)}
#banner:hover .home-banner__arrow,#banner:focus-within .home-banner__arrow{opacity:1;pointer-events:auto;transform:scale(1)}
.home-banner__arrow:hover{background:#fff;color:#1f61bd}
.home-banner__arrow:active{transform:scale(.96)}
.home-banner__arrow:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:3px}
.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,.application-fields *{box-sizing:border-box}
.application-fields{position:relative;clear:both;overflow:hidden;padding:72px 3% 54px;background:#fff;color:#17191d}
.application-fields__inner{width:100%;max-width:1600px;margin:0 auto}
.application-fields__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}
.application-fields__heading h2{margin:0;color:#17191d;font-size:30px;font-weight:700;line-height:1.22;letter-spacing:-.02em}
.application-fields__heading p{margin:4px 0 0;color:#17191d;font-family:Arial,sans-serif;font-size:13px;line-height:1.3;letter-spacing:.01em}
.application-fields__more{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:92px;height:36px;margin-bottom:7px;padding:0 18px;border:1px solid #e4e7eb;border-radius:20px;background:#fff;color:#3f454d;font-size:13px;line-height:1;transition:border-color .25s ease,color .25s ease,transform .25s ease}
.application-fields__more:hover{border-color:#3464eb;color:#3464eb;transform:translateY(-2px)}
.application-fields__more:active{transform:translateY(0) scale(.98)}
.application-fields__more:focus-visible,.application-field>a:focus-visible{outline:3px solid rgba(52,100,235,.28);outline-offset:3px}
.application-fields__slider{overflow:hidden;padding:0 0 48px}
.application-fields__items{align-items:stretch}
.application-field{height:auto;padding:0 0 46px}
.application-field>a{position:relative;display:block;height:100%;color:inherit}
.application-field__photo{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1.05/1;border-radius:11px;background:#e9ebef}
.application-field__photo::after{content:"";position:absolute;z-index:1;inset:0;background:rgba(12,22,46,.27);opacity:0;transition:opacity .42s ease}
.application-field__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;transform:scale(1);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.application-field__content{position:absolute;z-index:2;right:6%;bottom:0;left:6%;display:block;min-height:92px;padding:22px 56px 17px 25px;border-radius:9px;background:#fff;box-shadow:0 9px 24px rgba(24,40,72,.1);color:#17191d;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease,transform .35s ease}
.application-field__content strong{display:block;overflow:hidden;margin:0;color:inherit;font-size:17px;font-weight:700;line-height:24px;text-overflow:ellipsis;white-space:nowrap}
.application-field__description{display:block;overflow:hidden;margin-top:4px;color:#858a93;font-size:14px;line-height:21px;text-overflow:ellipsis;white-space:nowrap;transition:color .35s ease}
.application-field__arrow{position:absolute;top:50%;right:20px;color:#3464eb;font-size:18px;font-weight:700;line-height:1;transform:translateY(-50%);transition:color .35s ease,transform .35s ease}
.application-field:hover .application-field__photo::after,.application-field>a:focus-visible .application-field__photo::after{opacity:1}
.application-field:hover .application-field__photo img,.application-field>a:focus-visible .application-field__photo img{transform:scale(1.075)}
.application-field:hover .application-field__content,.application-field>a:focus-visible .application-field__content{background:#3464eb;box-shadow:0 13px 28px rgba(52,100,235,.25);color:#fff;transform:translateY(-2px)}
.application-field:hover .application-field__description,.application-field>a:focus-visible .application-field__description{color:rgba(255,255,255,.88)}
.application-field:hover .application-field__arrow,.application-field>a:focus-visible .application-field__arrow{color:#fff;transform:translate(4px,-50%)}
.application-fields__pagination{bottom:0!important;line-height:8px}
.application-fields__pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px!important;border-radius:99px;background:#c7c9ce;opacity:1;transition:width .25s ease,background-color .25s ease}
.application-fields__pagination .swiper-pagination-bullet-active{width:30px;background:#3464eb}

@media only screen and (max-width:1200px){
  .application-fields{padding:58px 4% 46px}
  .application-field__content{right:5%;left:5%;padding-right:50px}
}
@media only screen and (max-width:680px){
  .application-fields{padding:40px 15px 34px}
  .application-fields__header{align-items:center;margin-bottom:18px}
  .application-fields__heading h2{font-size:24px}
  .application-fields__heading p{font-size:11px}
  .application-fields__more{min-width:80px;height:34px;margin:0;padding:0 14px;font-size:12px}
  .application-fields__slider{padding-bottom:40px}
  .application-field{padding-bottom:42px}
  .application-field__photo{aspect-ratio:1.12/1}
  .application-field__content{right:4%;left:4%;min-height:84px;padding:18px 48px 14px 20px}
  .application-field__content strong{font-size:16px;line-height:23px}
  .application-field__description{font-size:13px;line-height:20px}
  .application-field__arrow{right:17px}
}
@media (prefers-reduced-motion:reduce){.application-fields__more,.application-field__photo::after,.application-field__photo img,.application-field__content,.application-field__description,.application-field__arrow{transition:none}}


.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:64px 3.6% 54px;background:#f5f7f9}
.product-center__inner{width:100%;max-width:1600px;margin:0 auto}
.product-center__top{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:end;column-gap:56px;margin-bottom:26px}
.product-center__heading{align-self:end}
.product-center__eyebrow{margin:7px 0 0;color:#222;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1;letter-spacing:.2px}
.product-center__heading h2{margin:0;color:#111b26;font-size:30px;font-weight:700;line-height:1.15;letter-spacing:1px}
.product-center__categories{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 28px;min-width:0;padding-bottom:2px}
.product-center__category{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:28px;padding:2px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#202831;font-family:inherit;font-size:15px;line-height:22px;white-space:nowrap;cursor:pointer;transition:border-color .25s ease,color .25s ease}
.product-center__category:hover,.product-center__category:focus-visible,.product-center__category.is-active{border-bottom-color:#3159c8;background:transparent;color:#3159c8}
.product-center__category:focus-visible,.product-center__more:focus-visible,.product-center__card a:focus-visible{outline:2px solid #3159c8;outline-offset:3px}
.product-center__more{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;min-width:88px;height:34px;margin:42px auto 0;padding:0 17px;border:1px solid #e0e5ea;border-radius:18px;background:#fff;color:#68717a;font-size:12px;transition:border-color .25s ease,color .25s ease,transform .25s ease}
.product-center__more:hover{border-color:#3159c8;background:#fff;color:#3159c8;transform:translateY(-2px)}
.product-center__more-arrow{font-family:Arial,sans-serif;font-size:14px;font-weight:400;line-height:1}
#product .product-center__products{position:relative;margin:0;overflow:visible}
#product .product-center__slider{overflow:hidden;padding:12px 10px 14px;margin:-12px -10px -14px;cursor:grab}
#product .product-center__slider:active{cursor:grabbing}
#product .product-center__card{height:auto;background:transparent;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
#product .product-center__card>a{display:flex;overflow:hidden;height:100%;min-height:480px;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(35,52,70,.08);text-align:left;flex-direction:column;transition:box-shadow .35s ease}
.product-center__image{display:block;overflow:hidden;width:100%;aspect-ratio:1/1;background:#fff}
#product .product-center__image img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:#fff;transform:scale(1);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.product-center__body{box-sizing:border-box;display:flex;min-height:164px;padding:16px 17px 15px;flex:1;flex-direction:column;transition:background-color .35s ease,color .35s ease}
.product-center__name{display:block;overflow:hidden;color:#111820;font-size:17px;font-weight:700;line-height:25px;text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:color .35s ease}
.product-center__description{display:-webkit-box;overflow:hidden;margin-top:8px;color:#9a9fa5;font-size:14px;line-height:24px;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .35s ease}
.product-center__card-more{box-sizing:border-box;display:flex;align-items:center;align-self:flex-start;justify-content:center;min-width:68px;height:31px;margin-top:auto;padding:0 10px;border:1px solid #e2e5e8;border-radius:16px;color:#5d6770;font-size:12px;line-height:1;transition:border-color .35s ease,color .35s ease}
.product-center__card-more i{margin-left:3px;font-style:normal}
#product .product-center__card:hover{transform:scale(.975)}
#product .product-center__card:hover>a{box-shadow:0 13px 30px rgba(35,52,70,.14)}
#product .product-center__card:hover .product-center__image img{transform:scale(1.1)}
#product .product-center__card:hover .product-center__body{background:#3159dd}
#product .product-center__card:hover .product-center__name,#product .product-center__card:hover .product-center__description{color:#fff}
#product .product-center__card:hover .product-center__description{color:rgba(255,255,255,.9)}
#product .product-center__card:hover .product-center__card-more{border-color:rgba(255,255,255,.8);color:#fff}
@media only screen and (max-width:1440px){
  #product.product-center{padding-right:3.6%;padding-left:3.6%}
  .product-center__top{grid-template-columns:220px minmax(0,1fr);column-gap:28px}
  .product-center__categories{gap:14px}
  .product-center__category{font-size:14px}
  #product .product-center__card>a{min-height:440px}
}
@media only screen and (max-width:1180px){
  #product.product-center{padding-right:6%;padding-left:6%}
}
@media only screen and (max-width:1100px){
  #product.product-center{padding:60px 6% 66px}
  .product-center__top{grid-template-columns:1fr;row-gap:22px;margin-bottom:30px}
  .product-center__categories{justify-content:flex-start;overflow-x:auto;padding-bottom:5px;flex-wrap:nowrap}
  #product .product-center__card>a{min-height:420px}
}
@media only screen and (max-width:768px){
  #product.product-center{padding:48px 6% 56px}
  .product-center__top{grid-template-columns:1fr;row-gap:20px;margin-bottom:24px}
  .product-center__eyebrow{margin-top:7px;font-size:12px}
  .product-center__heading h2{font-size:30px}
  .product-center__categories{gap:10px}
  .product-center__category{min-height:32px;padding:4px 0;font-size:14px}
  .product-center__body{min-height:164px;padding:16px}
  .product-center__name{font-size:15px;line-height:22px}
  #product .product-center__card>a{min-height:0}
  .product-center__more{margin-top:32px}
}
@media only screen and (max-width:480px){
  #product.product-center{padding-right:5%;padding-left:5%}
  .product-center__more{min-width:84px}
}
#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:9vw}
#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){#banner{margin-top:10vw}
#swiper1 #sb1{bottom:10px}
.home-banner__arrow{width:42px;height:42px;margin-top:-21px}
.home-banner__arrow--prev{left:10px}
.home-banner__arrow--next{right:10px}
#contact .contactin h1{ font-size:30px}
}
@media (hover:none),(pointer:coarse){.home-banner__arrow{display:none}}
@media (prefers-reduced-motion:reduce){.home-banner__arrow,#swiper1 .swiper-pagination-bullet{transition:none}}
@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){#banner{margin-top:14vw}
#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:0}
}
@media only screen and (max-width:320px){#banner{margin-top:16vw}
#about .aboutin h1{font-size:22px}
}
.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: about us */
.home-about{position:relative;clear:both;overflow:hidden;padding:62px 3.6% 70px;background:#f7f9fc}
.home-about::after{content:"";position:absolute;right:-160px;top:50%;width:340px;height:340px;border:1px solid rgba(0,64,152,.055);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 36px rgba(0,64,152,.018),0 0 0 76px rgba(0,64,152,.012);pointer-events:none}
.home-about__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:stretch;gap:clamp(36px,4vw,64px);max-width:1600px;margin:0 auto}
.home-about__media{position:relative;align-self:stretch;overflow:hidden;min-height:100%;border-radius:14px;background:#dfe7f1;box-shadow:0 22px 48px rgba(35,64,105,.12)}
.home-about__video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#dfe7f1;object-fit:cover}
.home-about__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:78px;height:78px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(18,51,102,.18),inset 0 0 0 7px rgba(255,255,255,.28);transform:translate(-50%,-50%);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.home-about__play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 16px 42px rgba(18,51,102,.24)}
.home-about__play:active{transform:translate(-50%,-50%) scale(.98)}
.home-about__play:focus-visible{outline:3px solid rgba(37,105,211,.42);outline-offset:4px}
.home-about__media.is-playing .home-about__play{opacity:0;pointer-events:none}
.home-about__play-icon{display:block;position:relative;width:0;height:0;margin-left:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #315bb4}
.home-about__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:34px 40px 30px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 20px 48px rgba(35,64,105,.075)}
.home-about__header{display:flex;flex-direction:column;align-items:flex-start}
.home-about__eyebrow{order:2;margin:5px 0 0;color:#315bb4;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.11em}
.home-about__heading-link{display:inline-block;color:#171d27}
.home-about__content h2{margin:0;color:#171d27;font-size:36px;font-weight:700;line-height:1.22;letter-spacing:-.035em}
.home-about__subtitle{margin:13px 0 0;color:#344253;font-size:20px;font-weight:500;line-height:1.5;text-wrap:balance}
.home-about__line{display:block;width:48px;height:2px;margin:16px 0 20px;background:#315bb4}
.home-about__description{max-width:760px;color:#606c7b;font-size:15px;line-height:1.8;text-align:justify;text-wrap:pretty}
.home-about__stats{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #e7ebf1}
.home-about__stat{min-width:0}
.home-about__stat dt{display:flex;align-items:baseline;gap:5px;margin:0;color:#315bb4;line-height:1}
.home-about__stat dt strong{font-family:Consolas,"DIN Alternate",Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.home-about__stat dt span{font-size:13px;font-weight:500}
.home-about__stat dd{margin:5px 0 0;color:#536071;font-size:13px;line-height:1.45}
.home-about__more{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:132px;height:44px;margin-top:auto;padding:0 20px;border:1px solid #d8dee7;border-radius:24px;background:#fff;color:#344253;font-size:14px;transition:border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.home-about__stats+.home-about__more{margin-top:20px}
.home-about__more:hover{border-color:#315bb4;color:#315bb4;transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,73,147,.12)}
.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-size:22px;font-weight:300;line-height:1;transform:translateY(-1px);transition:transform .25s ease}
.home-about__more:hover .home-about__arrow{transform:translate(3px,-1px)}

@media only screen and (max-width:1180px){
.home-about{padding:60px 6% 68px}
.home-about__inner{gap:5%}
.home-about__content{padding:34px 34px 32px}
.home-about__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 30px}
.home-about__content h2{font-size:34px}
.home-about__subtitle{font-size:19px}
.home-about__description{font-size:15px;line-height:1.85}
}

@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:20px 2% 56px}
.home-about__inner{grid-template-columns:1fr;gap:34px}
.home-about__media{min-height:0;aspect-ratio:16/10;border-radius:10px}
.home-about__video{position:absolute;min-height:0}
.home-about__content{padding:32px 30px;border-radius:10px}
.home-about__content h2{font-size:30px}
.home-about__subtitle{font-size:17px}
.home-about__line{margin:20px 0 24px}
.home-about__description{font-size:14px;line-height:1.8;text-align:left}
.home-about__more{min-width:156px;height:50px;margin-top:30px}
.home-about__play{width:66px;height:66px}
}
@media only screen and (max-width:425px){
.home-about{padding:38px 5% 46px}
.home-about__inner{gap:28px}
.home-about__content{padding:28px 22px}
.home-about__content h2{font-size:27px}
.home-about__eyebrow{font-size:14px}
.home-about__subtitle{font-size:16px}
.home-about__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.home-about__stats{gap:16px 18px;margin-top:24px;padding-top:21px}
.home-about__stat dt strong{font-size:27px}
}
.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: news center */
.factory-environment{clear:both;overflow:hidden;padding:45px 5.4% 56px;background:#fff}
.factory-environment__inner{width:100%;max-width:1600px;margin:0 auto}
.factory-environment__header{text-align:center;color:#24282d}
.factory-environment__header>p{margin:0 0 8px;font-family:Arial,sans-serif;font-size:20px;line-height:1.2}
.factory-environment__header h2{margin:0;color:#3c67ca;font-size:38px;font-weight:700;line-height:1.25;letter-spacing:-1px}
.factory-environment__header>span{display:block;width:50px;height:1px;margin:8px auto 13px;background:#333}
.factory-environment__header>div{font-size:18px;line-height:1.7}
.factory-environment__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,300px);gap:20px;margin-top:48px}
.factory-environment__photo{position:relative;display:block;overflow:hidden;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:12px;background:#eee;box-shadow:0 8px 24px rgba(20,45,78,.1);cursor:zoom-in}
.factory-environment__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s ease}
.factory-environment__photo:after{position:absolute;right:0;bottom:0;left:0;height:52%;background:linear-gradient(to top,rgba(5,18,35,.78),rgba(5,18,35,0));content:"";pointer-events:none}
.factory-environment__photo-title{position:absolute;z-index:1;right:20px;bottom:17px;left:20px;overflow:hidden;color:#fff;font-size:18px;font-weight:600;line-height:1.4;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.35);pointer-events:none}
.factory-environment__photo:hover img,.factory-environment__photo:focus-visible img{transform:scale(1.035)}
.factory-environment__photo:focus-visible{outline:3px solid #3c67ca;outline-offset:3px}
.factory-lightbox{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:34px 9%;background:rgba(0,0,0,.88);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.factory-lightbox.is-open{opacity:1;visibility:visible}
.factory-lightbox__stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0}
.factory-lightbox__stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.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:1200px){
.factory-environment{padding-top:55px;padding-bottom:55px}
.factory-environment__gallery{grid-template-rows:240px 240px;gap:15px;margin-top:38px}
}
@media only screen and (max-width:768px){
.factory-environment{padding:42px 5% 48px}
.factory-environment__header>p{font-size:15px}
.factory-environment__header h2{font-size:28px}
.factory-environment__header>div{font-size:14px;line-height:1.65}
.factory-environment__gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;margin-top:30px}
.factory-environment__photo{height:auto;aspect-ratio:1.4/1}
.factory-environment__photo-title{right:14px;bottom:12px;left:14px;font-size:15px}
.factory-lightbox{padding:58px 15px}
.factory-lightbox__prev{left:8px}
.factory-lightbox__next{right:8px}
.factory-lightbox__close{top:18px;right:17px}
}
@media (prefers-reduced-motion:reduce){
.factory-environment__photo img,.factory-lightbox{transition:none}
}

.home-news{clear:both;overflow:hidden;padding:55px 3.2% 22px;background:#f5f6f8}
.home-news__inner{width:100%;max-width:1654px;margin:0 auto}
.home-news__heading{margin-bottom:21px}
.home-news__heading h2{margin:0;color:#171d27;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-1px}
.home-news__eyebrow{margin:1px 0 0;color:#171d27;font-size:14px;line-height:1.45}
.home-news__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.home-news__card{overflow:hidden;min-width:0;height:180px;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(31,42,56,.08)}
.home-news__card>a{display:grid;width:100%;height:100%;grid-template-columns:33.34% minmax(0,1fr);color:#121820}
.home-news__image{display:block;overflow:hidden;width:100%;height:100%;background:#eceff2}
.home-news__image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .45s ease}
.home-news__content{box-sizing:border-box;position:relative;display:block;overflow:hidden;height:100%;padding:17px 21px 18px;background:#fff;transition:background-color .28s ease,color .28s ease}
.home-news__title{display:block;overflow:hidden;color:#05070a;font-size:18px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;transition:color .28s ease}
.home-news__meta{display:flex;align-items:center;gap:13px;margin-top:2px;color:#616a75;font-size:13px;line-height:20px;transition:color .28s ease}
.home-news__meta time,.home-news__views{display:flex;align-items:center;gap:4px;white-space:nowrap}
.home-news__meta svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.home-news__views svg{width:14px}
.home-news__description{display:-webkit-box;overflow:hidden;margin-top:4px;color:#202832;font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;transition:color .28s ease}
.home-news__card-more{position:absolute;right:20px;bottom:17px;color:#244eff;font-size:12px;line-height:18px;transition:color .28s ease}
.home-news__card-more i{font-style:normal}
.home-news__card:hover .home-news__content{background:#3963e8;color:#fff}
.home-news__card:hover .home-news__title,.home-news__card:hover .home-news__meta,.home-news__card:hover .home-news__description,.home-news__card:hover .home-news__card-more{color:#fff}
.home-news__card:hover .home-news__image img{transform:scale(1.08)}
.home-news__card>a:focus-visible{outline:2px solid #244eff;outline-offset:-2px}
.home-news__more{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:95px;height:37px;margin:40px auto 0;border:1px solid #e1e4e8;border-radius:20px;background:#fff;color:#4b5159;font-size:14px;line-height:1;transition:border-color .25s ease,color .25s ease}
.home-news__more:hover{border-color:#244eff;color:#244eff}
.home-news__more span{margin-left:3px}

@media only screen and (max-width:1100px){
.home-news__grid{grid-template-columns:1fr}
}
@media only screen and (max-width:768px){
.home-news{padding:44px 5% 40px}
.home-news__heading{margin-bottom:20px}
.home-news__heading h2{font-size:28px}
.home-news__eyebrow{font-size:13px}
.home-news__grid{gap:16px}
.home-news__card{height:164px}
.home-news__card>a{grid-template-columns:38% minmax(0,1fr)}
.home-news__content{padding:14px 15px}
.home-news__title{font-size:16px}
.home-news__meta{gap:8px;font-size:12px}
.home-news__description{font-size:13px;line-height:1.55;-webkit-line-clamp:2}
.home-news__card-more{right:15px;bottom:13px}
.home-news__more{margin-top:28px}
}
@media only screen and (max-width:480px){
.home-news__card{height:278px}
.home-news__card>a{display:block}
.home-news__image{height:145px}
.home-news__content{height:133px}
.home-news__description{-webkit-line-clamp:1}
}
@media (prefers-reduced-motion:reduce){
.home-news__image img,.home-news__content{transition:none}
}

/* Home: quick contact */
.home-quick-contact{box-sizing:border-box;clear:both;min-height:314px;padding:66px 7.65% 91px;background:#25282d;color:#fff}
.home-quick-contact__inner{width:100%;max-width:1614px;margin:0 auto}
.home-quick-contact__heading{text-align:center}
.home-quick-contact__heading h2{margin:0;color:#fff;font-size:36px;font-weight:700;line-height:1.4}
.home-quick-contact__heading p{margin:4px 0 0;color:#9da1a6;font-size:20px;line-height:1.5}
.home-quick-contact__form{display:grid;grid-template-columns:1fr 1fr 1.9fr 1fr;gap:20px;margin-top:31px}
.home-quick-contact__label{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}
.home-quick-contact__input,.home-quick-contact__submit{box-sizing:border-box;width:100%;height:40px;margin:0;border-radius:5px;font-family:"Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:40px}
.home-quick-contact__input{min-width:0;padding:0 16px;border:1px solid #dedede;background:#fff;color:#25282d;outline:0}
.home-quick-contact__input::placeholder{color:#a7a7a7;opacity:1}
.home-quick-contact__input:focus{border-color:#3763e8;box-shadow:0 0 0 2px rgba(55,99,232,.22)}
.home-quick-contact__submit{padding:0 20px;border:1px solid #3763e8;background:#3763e8;color:#fff;font-weight:700;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.home-quick-contact__submit:hover{border-color:#2f57cf;background:#2f57cf}
.home-quick-contact__submit:focus-visible{outline:3px solid rgba(255,255,255,.65);outline-offset:3px}
.home-quick-contact__submit:active{background:#284dbd}

@media only screen and (max-width:1000px){
.home-quick-contact{padding-right:5%;padding-left:5%}
.home-quick-contact__form{grid-template-columns:1fr 1fr}
.home-quick-contact__input--message{grid-column:1/2}
}
@media only screen and (max-width:600px){
.home-quick-contact{padding:48px 5% 54px}
.home-quick-contact__heading h2{font-size:26px;line-height:1.45}
.home-quick-contact__heading p{margin-top:5px;font-size:15px}
.home-quick-contact__form{grid-template-columns:1fr;gap:12px;margin-top:26px}
.home-quick-contact__input--message{grid-column:auto}
.home-quick-contact__input,.home-quick-contact__submit{height:42px;line-height:42px}
}

@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;}
}