#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;background:#7e8796;opacity:.5;transition:background-color .25s ease,opacity .25s ease}
#swiper1 .swiper-pagination-bullet-active{margin:0 4px;width:8px;height:8px;background:#2476ef;opacity:1}
.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;height:clamp(741px,calc(28.2vw + 316px),857px);background:#edf6fb url("../images/application-fields-bg.jpg") center/100% 100% no-repeat}
.application-fields__inner{position:relative;box-sizing:border-box;width:89.2%;max-width:1600px;height:100%;margin:0 auto}
.application-fields__intro{position:absolute;z-index:3;top:4.3%;left:0;color:#2a2d31}
.application-fields__intro h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.25;letter-spacing:0}
.application-fields__intro h2 span{width:0;height:0;margin-top:5px;border-top:9px solid #3153aa;border-right:8px solid transparent;border-left:8px solid transparent}
.application-fields__intro p{max-width:440px;margin:0;color:#3e4247;font-size:14px;line-height:23px}
.application-fields__intro>a{display:flex;align-items:center;justify-content:center;width:111px;height:40px;margin-top:11px;border-radius:22px;background:#3153aa;color:#fff;font-size:14px;line-height:1;transition:background-color .25s ease}
.application-fields__intro>a:hover{background:#244797;color:#fff}
.application-fields__intro>a:focus-visible,.application-field:focus-visible{outline:2px solid #3153aa;outline-offset:4px}
.application-fields__items{position:absolute;inset:0}
.application-field{position:absolute;z-index:2;display:block;text-align:center}
.application-field__photo{box-sizing:border-box;display:block;overflow:hidden;width:100%;aspect-ratio:1;border:1px solid #acd7f2;border-radius:50%;background:#fff;box-shadow:0 10px 18px rgba(85,112,132,.18);transition:border-color .2s ease}
.application-field:hover .application-field__photo,.application-field:focus-visible .application-field__photo{border-color:#3153aa}
.application-field__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;transform:scale(1);transition:transform .5s ease}
.application-field:hover .application-field__photo img,.application-field:focus-visible .application-field__photo img{transform:scale(1.08)}
.application-field strong{display:block;margin-top:16px;color:#626a73;font-size:16px;font-weight:700;line-height:22px}
.application-field:nth-child(1){top:41%;left:1.6%;width:13.5%}
.application-field:nth-child(2){top:46%;left:22%;width:19.8%}
.application-field:nth-child(3){top:5.8%;left:44.7%;width:13.5%}
.application-field:nth-child(4){top:26.7%;left:63.6%;width:13.5%}
.application-field:nth-child(5){top:56.7%;left:49.7%;width:13.5%}
.application-field:nth-child(6){top:46%;left:78.8%;width:19.8%}

@media only screen and (max-width:1200px){
  .application-fields{height:auto;min-height:680px;padding:42px 4% 55px;background-position:center bottom}
  .application-fields__inner{width:100%;height:auto;max-width:1050px}
  .application-fields__intro{position:relative;top:auto;left:auto}
  .application-fields__items{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:42px 5%;margin-top:45px}
  .application-field{position:relative;top:auto;left:auto;width:min(100%,230px);margin:0 auto}
}
@media only screen and (max-width:680px){
  .application-fields{min-height:0;padding:18px 0 30px;background-size:auto 100%}
  .application-fields__inner{max-width:none}
  .application-fields__intro{padding:0 10px}
  .application-fields__intro h2{gap:7px;margin-bottom:8px;font-size:22px;line-height:1.3}
  .application-fields__intro h2 span{margin-top:3px;border-top-width:8px;border-right-width:7px;border-left-width:7px}
  .application-fields__intro p{max-width:none;font-size:14px;line-height:22px}
  .application-fields__intro p br{display:none}
  .application-fields__intro>a{width:103px;height:37px;margin-top:9px;font-size:14px}
  .application-fields__items{grid-template-columns:repeat(3,28vw);justify-content:space-between;gap:20px 0;margin-top:18px;padding:0 1px}
  .application-fields__items .application-field{top:auto;left:auto;width:100%}
  .application-field__photo{box-shadow:0 8px 15px rgba(85,112,132,.18)}
  .application-field strong{margin-top:10px;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}
}


.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:98px 5.4% 97px;background:#edf4f8}
.product-center__inner{width:100%;max-width:1600px;margin:0 auto}
.product-center__top{display:grid;grid-template-columns:215px minmax(0,1fr) 180px;align-items:center;column-gap:44px;margin-bottom:44px}
.product-center__heading{align-self:start}
.product-center__eyebrow{margin:0 0 10px;color:#222;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1}
.product-center__heading h2{margin:0;color:#222;font-size:38px;font-weight:700;line-height:1.15;letter-spacing:1px}
.product-center__categories{display:flex;align-items:center;justify-content:flex-start;gap:30px;min-width:0}
.product-center__category{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 24px;border:0;border-radius:5px;background:transparent;color:#8b9298;font-family:inherit;font-size:18px;line-height:22px;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.product-center__category:hover,.product-center__category:focus-visible,.product-center__category.is-active{background:#416bc4;color:#fff}
.product-center__category:focus-visible,.product-center__more:focus-visible,.product-center__card a:focus-visible{outline:2px solid #173f9c;outline-offset:3px}
.product-center__more{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:180px;height:56px;border-radius:3px;background:#3153aa;color:#fff;font-size:16px;transition:background-color .25s ease}
.product-center__more:hover{background:#244797;color:#fff}
.product-center__more-arrow{font-family:Arial,sans-serif;font-size:28px;font-weight:300;line-height:1;transform:translateY(-1px)}
#product .product-center__products{position:relative;margin:0;overflow:visible}
#product .product-center__slider{overflow:hidden;cursor:grab}
#product .product-center__slider:active{cursor:grabbing}
#product .product-center__card{height:auto;background:transparent}
#product .product-center__card>a{display:block;background:transparent;text-align:center}
.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:cover;background:#fff;transform:scale(1);transition:transform .5s ease}
#product .product-center__card a:hover .product-center__image img{transform:scale(1.08)}
.product-center__name{display:block;overflow:hidden;margin-top:20px;padding:0 5px;color:#858585;font-size:18px;line-height:26px;text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:color .25s ease}
#product .product-center__card a:hover .product-center__name{color:#3153aa}
@media only screen and (max-width:1440px){
  #product.product-center{padding-right:5%;padding-left:5%}
  .product-center__top{grid-template-columns:190px minmax(0,1fr) 160px;column-gap:28px}
  .product-center__categories{gap:14px}
  .product-center__category{padding-right:16px;padding-left:16px;font-size:16px}
  .product-center__more{width:160px}
}
@media only screen and (max-width:1100px){
  #product.product-center{padding-top:70px;padding-bottom:75px}
  .product-center__top{grid-template-columns:1fr auto;row-gap:28px;margin-bottom:35px}
  .product-center__categories{grid-column:1/-1;grid-row:2;overflow-x:auto;padding-bottom:4px}
  .product-center__more{grid-column:2;grid-row:1}
}
@media only screen and (max-width:768px){
  #product.product-center{padding:52px 5% 58px}
  .product-center__top{grid-template-columns:1fr auto;column-gap:18px;row-gap:24px;margin-bottom:28px}
  .product-center__eyebrow{margin-bottom:8px;font-size:13px}
  .product-center__heading h2{font-size:30px}
  .product-center__more{width:124px;height:44px;font-size:14px}
  .product-center__categories{gap:10px}
  .product-center__category{min-height:34px;padding:6px 14px;font-size:14px}
  .product-center__name{margin-top:14px;font-size:15px;line-height:22px}
}
@media only screen and (max-width:480px){
  .product-center__more{width:106px}
  .product-center__more-arrow{font-size:23px}
}
#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}
#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){#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: 50px;}
}
@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:72px 5.4% 78px;background:#fff}
.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,1.05fr) minmax(0,1.2fr);align-items:center;gap:7.2%;max-width:1580px;margin:0 auto}
.home-about__media{position:relative;overflow:hidden;min-height:405px;background:#e7edf5}
.home-about__media>img{display:block;width:100%;height:100%;min-height:405px;object-fit:cover;transition:transform .6s ease}
.home-about__media:hover>img{transform:scale(1.025)}
.home-about__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:78px;height:78px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 12px 35px rgba(18,51,102,.16);transform:translate(-50%,-50%);cursor:pointer;transition:transform .25s ease,box-shadow .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__play-icon{display:block;width:25px;height:25px;border:2px solid #3268ca;border-radius:50%;position:relative}
.home-about__play-icon::after{content:"";position:absolute;left:9px;top:6px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #3268ca}
.home-about__eyebrow{margin:0 0 10px;color:#335273;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.4;letter-spacing:.02em}
.home-about__heading-link{display:inline-block;color:#171d27}
.home-about__content h2{margin:0;color:#171d27;font-size:38px;font-weight:700;line-height:1.25;letter-spacing:-.04em}
.home-about__subtitle{margin:8px 0 0;color:#4c5663;font-size:22px;line-height:1.55;text-wrap:balance}
.home-about__line{display:block;width:50px;height:2px;margin:25px 0 35px;background:#1f4f9f}
.home-about__description{max-width:780px;color:#7b8796;font-size:16px;line-height:1.95;text-align:justify;text-wrap:pretty}
.home-about__more{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:180px;height:56px;margin-top:40px;background:#315bb4;color:#fff;font-size:15px;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}
.home-about__more:hover{background:#174993;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,73,147,.18)}
.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:25px;font-weight:300;line-height:1;transform:translateY(-1px)}

@media only screen and (max-width:1180px){
.home-about{padding:60px 6% 68px}
.home-about__inner{gap:5%}
.home-about__media,.home-about__media>img{min-height:350px}
.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:48px 6% 56px}
.home-about__inner{grid-template-columns:1fr;gap:34px}
.home-about__media,.home-about__media>img{min-height:0;aspect-ratio:16/10}
.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 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}
}
.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:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:20px;margin-top:48px}
.factory-environment__photo{display:block;overflow:hidden;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#eee;cursor:zoom-in}
.factory-environment__photo--main{grid-row:1/3}
.factory-environment__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s ease}
.factory-environment__photo:hover img,.factory-environment__photo:focus-visible img{transform:scale(1.018)}
.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:210px 210px;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.5/1}
.factory-environment__photo--main{grid-column:1/3;grid-row:auto;aspect-ratio:1.5/1}
.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:96px 5.4% 82px;background:#fff}
.home-news__inner{width:100%;max-width:1600px;margin:0 auto}
.home-news__top{display:grid;grid-template-columns:215px minmax(0,1fr) 180px;align-items:center;column-gap:44px;margin-bottom:44px}
.home-news__heading{align-self:start}
.home-news__eyebrow{margin:0 0 10px;color:#20252c;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1}
.home-news__heading h2{margin:0;color:#20252c;font-size:38px;font-weight:700;line-height:1.15;letter-spacing:-1px}
.home-news__categories{display:flex;align-items:center;gap:30px;min-width:0}
.home-news__category{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:120px;min-height:35px;padding:7px 22px;border-radius:5px;color:#9aa1aa;font-size:18px;line-height:21px;white-space:nowrap;transition:background-color .25s ease,color .25s ease}
.home-news__category:hover,.home-news__category.is-active{background:#416bc4;color:#fff}
.home-news__more{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:11px;width:180px;height:55px;border-radius:3px;background:linear-gradient(110deg,#304ba5,#3e73cc);color:#fff;font-size:16px;transition:opacity .25s ease}
.home-news__more:hover{color:#fff;opacity:.9}
.home-news__more-arrow{font-family:Arial,sans-serif;font-size:25px;font-weight:300;line-height:1;transform:translateY(-1px)}
.home-news__grid{display:grid;grid-template-columns:minmax(0,1.945fr) minmax(330px,1fr);gap:42px}
.home-news__featured{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(0,1fr);gap:42px}
.home-news__feature{min-width:0}
.home-news__image{display:block;overflow:hidden;width:100%;height:335px;background:#f2f2f2}
.home-news__feature:nth-child(2){padding-top:15px}
.home-news__feature:nth-child(2) .home-news__image{height:306px}
.home-news__image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .45s ease}
.home-news__image:hover img{transform:scale(1.025)}
.home-news h3{margin:0;color:#62666a;font-weight:700}
.home-news h3 a{display:block;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}
.home-news h3 a:hover{color:#315bb4}
.home-news__feature h3{margin-top:25px;font-size:21px;line-height:1.4}
.home-news p{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:#9ba1a8;font-size:16px;line-height:1.55;-webkit-box-orient:vertical;text-overflow:ellipsis}
.home-news__feature p{-webkit-line-clamp:2}
.home-news time{display:block;margin-top:16px;color:#9299a2;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.4;letter-spacing:.02em}
.home-news__list{min-width:0;padding-top:7px}
.home-news__item{box-sizing:border-box;min-height:166px;padding:3px 0 20px;border-bottom:1px solid #aeb4ba}
.home-news__item:first-child{min-height:142px}
.home-news__item+.home-news__item{padding-top:18px}
.home-news__item h3{font-size:20px;line-height:1.4}
.home-news__item p{margin-top:8px;-webkit-line-clamp:2}
.home-news__item time{margin-top:15px}

@media only screen and (max-width:1440px){
.home-news{padding-right:5%;padding-left:5%}
.home-news__top{grid-template-columns:190px minmax(0,1fr) 160px;column-gap:28px}
.home-news__categories{gap:14px}
.home-news__more{width:160px}
.home-news__grid,.home-news__featured{gap:32px}
.home-news__image{height:285px}
.home-news__feature:nth-child(2) .home-news__image{height:270px}
}
@media only screen and (max-width:1100px){
.home-news{padding-top:70px;padding-bottom:70px}
.home-news__top{grid-template-columns:1fr auto;row-gap:28px;margin-bottom:35px}
.home-news__categories{grid-column:1/-1;grid-row:2}
.home-news__more{grid-column:2;grid-row:1}
.home-news__grid{grid-template-columns:1fr}
.home-news__image{height:auto;aspect-ratio:1.6/1}
.home-news__feature:nth-child(2){padding-top:0}
.home-news__feature:nth-child(2) .home-news__image{height:auto}
.home-news__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-news__item,.home-news__item:first-child,.home-news__item+.home-news__item{min-height:0;padding:0 0 18px}
}
@media only screen and (max-width:768px){
.home-news{padding:52px 5% 58px}
.home-news__top{column-gap:18px;row-gap:24px;margin-bottom:28px}
.home-news__eyebrow{margin-bottom:8px;font-size:13px}
.home-news__heading h2{font-size:30px}
.home-news__more{width:124px;height:44px;font-size:14px}
.home-news__categories{overflow-x:auto;padding-bottom:4px}
.home-news__category{min-width:auto;min-height:34px;padding:6px 14px;font-size:14px}
.home-news__featured,.home-news__list{grid-template-columns:1fr;gap:30px}
.home-news__feature h3{margin-top:18px;font-size:19px}
.home-news__item h3{font-size:18px}
.home-news p{font-size:14px}
.home-news time{font-size:15px}
}

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