#banner #swiper1 .swiper-slide img{width:100%;animation:banner 30s;animation-iteration-count:infinite;-webkit-animation:banner 30s;-webkit-animation-iteration-count:infinite}
@keyframes banner{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}
@-webkit-keyframes banner{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}
#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:81.7%;left:-34.3%}
#swiper1 .swiper-pagination-bullet-active{margin:0 7px;width:16px;height:16px;background-color:#fff}
#swiper1 .swiper-pagination-bullet{margin:0 7px;width:16px;height:16px;border:1px solid #fff}
.pc{display: block}
.mobile{display: none;}
@media (max-width:768px){
.pc{display: none}
.mobile{display: block;}	
}


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


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


#product {display: flex;flex-direction: column;justify-content: center;}
#product .title{margin:0 auto;padding:104px 0 64px}

#product .productbunner{position:relative;margin-bottom:100px}
#product .swiper-slide a{display:inline-block;background-color:#f6f6f7;text-align:center; border:1px solid #e8e8e8;}
#product .swiper-slide a img{overflow:hidden;max-width:100%;transition:all .5s;background-color:#FFFFFF;}
#product .swiper-slide a:hover>img{transform:scale(1.1)}
#product .swiper-slide p{padding:0px 5%; margin:20px 0; color:#333; width:90%; height: 40px; line-height: 40px; overflow: hidden;}
#product #bt1,#product #bt2{top:42%;width:40px;height:75px;outline:0;background-size:40px 75px}
#product #bt1{left:1vw;background-image:url("../images/prev.png")/*tpa=/themes/default/images/prev.png*/;transition:all .5s; opacity: 0.1;}
#product #bt1:hover{background-image:url("../images/prev.png")/*tpa=/themes/default/images/prev.png*/;opacity: 0.5;}
#product #bt2{right:1vw;background-image:url("../images/next.png")/*tpa=/themes/default/images/next.png*/;transition:all .5s;opacity: 0.1;}
#product #bt2:hover{background-image:url("../images/next.png")/*tpa=/themes/default/images/next.png*/;opacity: 0.5;}
#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,#swiper1 #sb1{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}
#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}
.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;}

/* Homepage news center */
.home-news{--news-accent:#f4772b;--news-ink:#292b2e;--news-muted:#767a80;--news-line:#ececee;padding:clamp(64px,7vw,108px) 4% clamp(70px,7.5vw,118px);background:#fff}
.home-news *{box-sizing:border-box}
.home-news__inner{width:min(1540px,100%);margin:0 auto}
.home-news__header{margin-bottom:clamp(34px,4vw,58px);text-align:center}
.home-news__eyebrow{display:block;margin-bottom:6px;color:var(--news-accent);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.home-news__header h2{margin:0;color:var(--news-ink);font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:-.045em;line-height:1.18}
.home-news__header p{max-width:720px;margin:12px auto 0;color:#9b9ea3;font-size:15px;line-height:1.75;text-wrap:balance}
.home-news__layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,.94fr) minmax(360px,1.12fr);gap:clamp(18px,2vw,30px);align-items:stretch}
.home-news-card,.home-news-list{overflow:hidden;border:1px solid rgba(36,39,43,.06);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(63,68,76,.07);transform:translateZ(0);transition:border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.75,.25,1)}
.home-news-card:hover,.home-news-card:focus-within,.home-news-list:hover,.home-news-list:focus-within{border-color:rgba(244,119,43,.2);box-shadow:0 24px 48px rgba(83,69,58,.13);transform:translateY(-8px)}
.home-news-card__link{display:flex;height:100%;min-height:560px;flex-direction:column;color:inherit}
.home-news-card__media{display:block;overflow:hidden;height:255px;background:#f2f3f4}
.home-news-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.home-news-card:hover .home-news-card__media img,.home-news-card:focus-within .home-news-card__media img{transform:scale(1.08)}
.home-news-card__content{display:flex;min-height:0;padding:clamp(24px,2.1vw,34px);flex:1;flex-direction:column}
.home-news-card__date{display:flex;align-items:flex-end;gap:10px;color:var(--news-muted);font-variant-numeric:tabular-nums}
.home-news-card__date strong{color:var(--news-ink);font-size:25px;font-weight:500;line-height:1}
.home-news-card__date time{font-size:13px;line-height:1.2}
.home-news-card__date--line{align-items:center}
.home-news-card__date--line::before{width:28px;height:2px;background:var(--news-accent);content:""}
.home-news-card__date--line time{color:#656970;font-size:14px}
.home-news-card__title{display:-webkit-box;overflow:hidden;margin-top:24px;color:var(--news-ink);font-size:clamp(19px,1.45vw,24px);font-weight:600;line-height:1.45;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-card__description{display:-webkit-box;overflow:hidden;margin-top:18px;color:var(--news-muted);font-size:14px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-news__more{display:inline-flex;margin-top:auto;padding-top:22px;align-items:center;gap:10px;color:#95999e;font-size:14px;transition:color .25s ease}
.home-news__more i{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--news-accent);color:#fff;font-size:13px;font-style:normal;transition:transform .25s ease}
.home-news-card:hover .home-news__more,.home-news-card:focus-within .home-news__more,.home-news-list__item:hover .home-news__more,.home-news-list__item:focus-within .home-news__more{color:var(--news-accent)}
.home-news-card:hover .home-news__more i,.home-news-card:focus-within .home-news__more i,.home-news-list__item:hover .home-news__more i,.home-news-list__item:focus-within .home-news__more i{transform:translateX(3px)}
.home-news-card--secondary .home-news-card__media{height:225px;margin:0 clamp(24px,2.1vw,34px) clamp(24px,2.1vw,34px);border-radius:12px}
.home-news-list{display:flex;padding:16px 34px;flex-direction:column}
.home-news-list__item{display:flex;min-height:0;flex:1;border-bottom:1px solid var(--news-line)}
.home-news-list__item:last-child{border-bottom:0}
.home-news-list__item>a{display:grid;width:100%;padding:24px 0;grid-template-columns:86px minmax(0,1fr);gap:24px;align-items:center;color:inherit}
.home-news-list__date{display:flex;min-height:78px;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--news-line);color:#777b80;font-variant-numeric:tabular-nums}
.home-news-list__date strong{color:#62666a;font-size:42px;font-weight:650;letter-spacing:-.05em;line-height:1}
.home-news-list__date time{margin-top:8px;font-size:13px}
.home-news-list__content{display:flex;min-width:0;flex-direction:column}
.home-news-list__content>strong{overflow:hidden;color:var(--news-ink);font-size:18px;font-weight:600;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.home-news-list__content>span:not(.home-news__more){display:-webkit-box;overflow:hidden;margin-top:7px;color:var(--news-muted);font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-list__content .home-news__more{margin-top:7px;padding-top:0;font-size:13px}
.home-news-list__content .home-news__more i{width:18px;height:18px;font-size:11px}
.home-news__all{display:flex;width:max-content;margin:34px auto 0;padding:11px 4px;align-items:center;gap:12px;border-bottom:1px solid #aeb1b5;color:#55595e;font-size:14px;transition:border-color .25s ease,color .25s ease,gap .25s ease}
.home-news__all:hover,.home-news__all:focus-visible{gap:18px;border-color:var(--news-accent);color:var(--news-accent);outline:none}
.home-news a:focus-visible{outline:2px solid var(--news-accent);outline-offset:4px}
@media only screen and (max-width:1180px){.home-news__layout{grid-template-columns:repeat(2,minmax(0,1fr))}.home-news-list{grid-column:1/-1}.home-news-list__item>a{grid-template-columns:100px minmax(0,1fr)}}
@media only screen and (max-width:700px){.home-news{padding-right:5%;padding-left:5%}.home-news__layout{grid-template-columns:1fr}.home-news-card__link{min-height:0}.home-news-card__media{height:clamp(220px,62vw,340px)}.home-news-card__content{min-height:285px}.home-news-card--secondary .home-news-card__media{height:clamp(190px,54vw,300px)}.home-news-list{grid-column:auto;padding:8px 20px}.home-news-list__item>a{padding:20px 0;grid-template-columns:72px minmax(0,1fr);gap:16px}.home-news-list__date strong{font-size:34px}.home-news-list__content>strong{font-size:16px}.home-news-card:hover,.home-news-card:focus-within,.home-news-list:hover,.home-news-list:focus-within{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.home-news-card,.home-news-list,.home-news-card__media img,.home-news__more i,.home-news__all{transition-duration:.01ms}}

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

/* Homepage hero carousel */
#banner {
	position: relative;
	margin-top: 90px;
	overflow: hidden;
	background: #111;
}

#banner #swiper1,
#banner #swiper1-mobile {
	overflow: hidden;
}

#banner .hero-swiper--mobile {
	display: none;
}

#banner #swiper1 .swiper-slide img,
#banner #swiper1-mobile .swiper-slide img {
	display: block;
	width: 100%;
}

#swiper1 #sb1,
#swiper1-mobile #sb1-mobile {
	top: auto;
	right: 0;
	bottom: 28px;
	left: 0;
	width: 100%;
}

#swiper1 .swiper-pagination-bullet,
#swiper1-mobile .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	margin: 0 5px;
	border: 0;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
	transition: width 0.25s ease, background-color 0.25s ease, border-radius 0.25s ease;
}

#swiper1 .swiper-pagination-bullet-active,
#swiper1-mobile .swiper-pagination-bullet-active {
	width: 28px;
	border-radius: 5px;
	background: #fff;
}

#banner .banner-control {
	top: 50%;
	width: 48px;
	height: 48px;
	margin-top: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.62);
	background-image: none;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-50%) scale(0.9);
	transition: opacity 0.22s ease, transform 0.22s ease, background-color 0.22s ease;
}

#banner .banner-control::after {
	display: none;
}

#banner .banner-control span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	margin: 0;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
}

#banner .swiper-button-prev {
	left: clamp(20px, 7.5vw, 154px);
}

#banner .swiper-button-prev span {
	transform: translate(-50%, -50%) rotate(-135deg);
}

#banner .swiper-button-next {
	right: clamp(20px, 5vw, 102px);
}

#banner .swiper-button-next span {
	transform: translate(-50%, -50%) rotate(45deg);
}

#banner:hover .banner-control,
#banner:focus-within .banner-control {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) scale(1);
}

#banner .banner-control:hover,
#banner .banner-control:focus-visible {
	background: rgba(255, 255, 255, 0.78);
	outline: 2px solid rgba(255, 255, 255, 0.7);
	outline-offset: 3px;
}

#banner .banner-control:active {
	transform: translateY(-50%) scale(0.94);
}

@media only screen and (max-width: 1040px) {
	#banner { margin-top: 80px; }
}

@media only screen and (max-width: 768px) {
	#banner { margin-top: 68px; }
	#banner .hero-swiper--desktop { display: none; }
	#banner .hero-swiper--mobile { display: block; }
	#swiper1-mobile #sb1-mobile { bottom: 14px; }
	#banner .banner-control { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	#banner #swiper1 .swiper-slide img,
	#banner #swiper1-mobile .swiper-slide img {
		animation: none;
		-webkit-animation: none;
	}

	#banner .banner-control,
	#swiper1 .swiper-pagination-bullet,
	#swiper1-mobile .swiper-pagination-bullet {
		transition-duration: 0.01ms;
	}
}

/* Compact homepage engineering cases */
.home-cases{--case-accent:#f4772b;--case-ink:#292b2e;--case-muted:#9a9da2;padding:clamp(52px,5vw,78px) 4% clamp(58px,5.5vw,88px);background:#fff}
.home-cases__inner{width:min(1400px,100%);margin:0 auto}
.home-cases__header{margin-bottom:clamp(30px,3.4vw,48px);text-align:center}
.home-cases__header h2{margin:0;color:var(--case-ink);font-size:clamp(30px,3vw,42px);font-weight:700;letter-spacing:-.04em;line-height:1.18}
.home-cases__header p{max-width:720px;margin:12px auto 0;color:var(--case-muted);font-size:15px;line-height:1.75;text-wrap:balance}
.home-cases__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,1.7vw,26px)}
.home-case-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #e9eaec;border-radius:16px;background:#fff;color:var(--case-ink);transform:translateZ(0);transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.home-case-card__media{display:block;overflow:hidden;aspect-ratio:4/3;background:#f1f2f3}
.home-case-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.75,.25,1)}
.home-case-card__title{display:flex;min-height:66px;box-sizing:border-box;align-items:center;justify-content:center;padding:14px 18px;background:#fff;color:#70747a;font-size:16px;font-weight:400;line-height:1.45;text-align:center;transition:background-color .28s ease,color .28s ease}
.home-case-card:hover{border-color:var(--case-accent);box-shadow:0 14px 30px rgba(109,83,64,.1);transform:translateY(-3px)}
.home-case-card:hover .home-case-card__title{background:var(--case-accent);color:#fff}
.home-case-card:hover .home-case-card__media img{transform:scale(1.025)}
@media only screen and (max-width:980px){.home-cases__inner{width:min(720px,100%)}.home-cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media only screen and (max-width:560px){.home-cases{padding-right:5%;padding-left:5%}.home-cases__inner{width:min(360px,100%)}.home-cases__grid{grid-template-columns:1fr;gap:16px}.home-case-card__title{min-height:60px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.home-case-card,.home-case-card__media img,.home-case-card__title{transition-duration:.01ms}}

/* Homepage company profile and enterprise data */
.home-company{--company-accent:#f4772b;--company-ink:#2b2d30;--company-muted:#777c82;padding:clamp(38px,4.2vw,64px) 4% clamp(46px,5vw,72px);background:#f7f7f8}
.home-company__inner{width:min(1540px,100%);margin:0 auto}
.home-company__header{text-align:center}
.home-company__header h2{margin:0;color:var(--company-ink);font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:-.045em;line-height:1.18}
.home-company__header p{max-width:760px;margin:12px auto 0;color:#a0a3a7;font-size:15px;line-height:1.75;text-wrap:balance}
.home-company__profile{max-width:1460px;margin:clamp(28px,3vw,44px) auto 0;color:var(--company-muted);font-size:clamp(14px,1vw,16px);line-height:1.9;text-align:left}
.home-company__profile p{margin:0 0 14px;text-indent:2em}
.home-company__profile p:last-child{margin-bottom:0}
.home-company__stats{display:grid;margin:clamp(36px,4vw,58px) 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.home-company__stat{position:relative;min-width:0;padding:0 clamp(24px,3vw,54px);text-align:center}
.home-company__stat:not(:last-child)::after{position:absolute;top:20px;right:0;width:1px;height:74px;background:#e5e5e7;content:""}
.home-company__stat dt{margin-bottom:14px;color:#696d72;font-size:15px;line-height:1.5}
.home-company__stat dd{display:flex;margin:0;align-items:baseline;justify-content:center;color:var(--company-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.home-company__stat strong{min-width:2.15ch;font-size:clamp(48px,4.6vw,76px);font-weight:700;letter-spacing:-.055em;line-height:1}
.home-company__stat span{margin-left:7px;font-size:15px}
.home-company__stat sup{position:relative;top:-.25em;font-size:.7em}
@media only screen and (max-width:900px){.home-company__profile{max-width:760px}.home-company__stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}.home-company__stat:nth-child(2)::after{display:none}}
@media only screen and (max-width:560px){.home-company{padding-top:34px;padding-right:5%;padding-bottom:44px;padding-left:5%}.home-company__header p{font-size:14px}.home-company__profile{margin-top:26px;font-size:14px;line-height:1.82}.home-company__stats{margin-top:32px;grid-template-columns:1fr;row-gap:0}.home-company__stat{display:block;padding:18px 2px;border-bottom:1px solid #e5e5e7;text-align:center}.home-company__stat:first-child{border-top:1px solid #e5e5e7}.home-company__stat::after{display:none}.home-company__stat dt{margin:0 0 8px}.home-company__stat strong{font-size:50px}.home-company__stat span{margin-left:5px}}

/* Compact homepage product showcase */
.home-products{--product-accent:#f4772b;--product-ink:#25282c;--product-muted:#7d8187;background:#f5f6f7;padding:clamp(40px,4vw,62px) 2% clamp(46px,4.5vw,72px)}
.home-products__inner{width:min(1520px,100%);margin:0 auto}
.home-products__header{margin-bottom:clamp(24px,2.4vw,38px);text-align:center}
.home-products__header h2{margin:0;color:var(--product-ink);font-size:clamp(30px,3vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.15}
.home-products__header p{max-width:640px;margin:12px auto 0;color:#9a9da2;font-size:15px;line-height:1.7}
.home-products__showcase{display:grid;grid-template-columns:84px minmax(0,1fr);gap:clamp(24px,2.8vw,46px);align-items:stretch}
.home-products__categories{position:relative;display:flex;min-height:424px;flex-direction:column;align-items:center;justify-content:space-evenly}
.home-products__rail{position:absolute;top:12px;bottom:12px;left:50%;border-left:1px dashed #cdd0d3;transform:translateX(-50%)}
.home-products__category{position:relative;z-index:1;display:grid;width:60px;height:60px;padding:0;place-items:center;border:8px solid #f5f6f7;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(244,119,43,.12);cursor:pointer;transition:width .28s ease,height .28s ease,border-color .28s ease,box-shadow .28s ease,transform .2s ease}
.home-products__category:hover,.home-products__category:focus-visible{box-shadow:0 0 0 2px rgba(244,119,43,.34),0 10px 25px rgba(103,72,52,.12);outline:none;transform:translateY(-2px)}
.home-products__category:active{transform:scale(.96)}
.home-products__category.is-active{width:76px;height:76px;border-color:#ffd4b8;box-shadow:0 0 0 1px rgba(244,119,43,.26),0 12px 28px rgba(151,84,42,.14)}
.home-products__category-name{position:absolute;top:50%;left:calc(100% + 13px);width:max-content;max-width:150px;padding:5px 8px;border-radius:4px;background:var(--product-ink);color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translate(4px,-50%);transition:opacity .2s ease,transform .2s ease}
.home-products__category:hover .home-products__category-name,.home-products__category:focus-visible .home-products__category-name{opacity:1;transform:translate(0,-50%)}
.product-sprite{display:inline-block;flex:0 0 auto;background-image:url("../images/product-icons.png");background-repeat:no-repeat;background-size:193px 320px}
.product-sprite--category{width:39px;height:42px;background-position:-60px -7px;transform:scale(.8);transition:transform .28s ease}
.home-products__category.is-active .product-sprite--category{transform:scale(1)}
.product-sprite--arrow{width:52px;height:52px;background-position:0 0}
.home-products__panels{min-width:0}
.home-products__panel{display:none;grid-template-columns:minmax(250px,.64fr) minmax(0,1.75fr);gap:clamp(28px,3vw,50px);align-items:center}
.home-products__panel.is-active{display:grid;animation:product-panel-in .48s cubic-bezier(.2,.7,.2,1) both}
@keyframes product-panel-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
.home-products__intro{position:relative;padding:8px 0 14px}
.home-products__intro h3{margin:0;color:var(--product-ink);font-size:clamp(24px,2.2vw,34px);line-height:1.28}
.home-products__intro>p{display:-webkit-box;overflow:hidden;max-width:440px;min-height:78px;margin:18px 0 24px;color:#666b71;font-size:15px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-products__more{display:inline-flex;align-items:center;gap:12px;color:#3d4146;font-size:14px;transition:color .22s ease,transform .22s ease}
.home-products__more:hover,.home-products__more:focus-visible{color:var(--product-accent);outline:none;transform:translateX(4px)}
.home-products__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.home-product-card{position:relative;display:block;overflow:hidden;min-height:390px;border:1px solid #ececee;border-radius:20px;background:#fff;box-shadow:0 15px 35px rgba(62,65,71,.04);transform:translateZ(0);transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease,border-color .38s ease}
.home-product-card:hover,.home-product-card:focus-visible{border-color:rgba(244,119,43,.28);box-shadow:0 24px 50px rgba(78,65,57,.14);outline:none;transform:translateY(-9px) scale(1.025)}
.home-product-card:active{transform:translateY(-4px) scale(.99)}
.home-product-card__badge{position:absolute;top:0;left:0;z-index:2;min-width:112px;padding:11px 22px 11px 18px;background:var(--product-accent);color:#fff;font-size:13px;clip-path:polygon(0 0,84% 0,100% 100%,0 100%)}
.home-product-card__media{display:block;overflow:hidden;height:265px;background:#fff}
.home-product-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .62s cubic-bezier(.2,.75,.25,1)}
.home-product-card:hover .home-product-card__media img,.home-product-card:focus-visible .home-product-card__media img{transform:scale(1.075)}
.home-product-card__body{display:block;padding:21px 20px 23px;text-align:center}
.home-product-card__body strong{display:block;overflow:hidden;color:var(--product-ink);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.home-product-card__meta{display:flex!important;margin-top:10px!important;align-items:center;justify-content:center;gap:14px!important;color:#a1a4a8;font-size:13px}
.home-product-card__meta>span{display:inline-flex;align-items:center;gap:6px}
.home-product-card__category{position:relative;z-index:3;padding-left:14px;border-left:1px solid #dedfe1;color:#85898e;cursor:pointer;transition:color .22s ease,transform .22s ease}
.home-product-card__category:hover,.home-product-card__category:focus-visible{color:var(--product-accent);outline:none;transform:translateX(2px)}
.home-product-card__body i{font-style:normal;transition:transform .22s ease}
.home-product-card:hover .home-product-card__body i{transform:translateX(4px)}
@media only screen and (max-width:980px){.home-products__panel{grid-template-columns:1fr;gap:26px}.home-products__intro{padding-bottom:0}.home-products__intro>p{min-height:0;margin:14px 0 20px}}
@media only screen and (max-width:700px){.home-products{padding-right:5%;padding-left:5%}.home-products__showcase{display:block}.home-products__categories{min-height:0;margin-bottom:28px;flex-direction:row;justify-content:flex-start;gap:12px;overflow-x:auto;padding:8px 4px 14px;scrollbar-width:none}.home-products__categories::-webkit-scrollbar{display:none}.home-products__rail{top:50%;right:0;bottom:auto;left:0;border-top:1px dashed #cdd0d3;border-left:0;transform:none}.home-products__category,.home-products__category.is-active{flex:0 0 auto;width:62px;height:62px}.home-products__category-name{display:none}.home-products__cards{gap:12px}.home-product-card{min-height:0;border-radius:14px}.home-product-card__media{height:clamp(150px,38vw,220px)}.home-product-card__badge{min-width:88px;padding:8px 16px 8px 12px;font-size:11px}}
@media only screen and (max-width:480px){.home-products__cards{grid-template-columns:1fr}.home-product-card__media{height:240px}}
@media (prefers-reduced-motion:reduce){.home-products__panel.is-active{animation:none}.home-product-card,.home-product-card__media img,.home-products__category,.home-products__more{transition-duration:.01ms}}

/* Homepage brand welding categories */
.brand-welding{--brand-accent:#f4772b;position:relative;isolation:isolate;min-height:clamp(580px,50vw,760px);overflow:hidden;background:#101820;color:#fff}
.brand-welding__backgrounds{position:absolute;inset:0;z-index:-3;overflow:hidden;opacity:.68}
.brand-welding__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 6s ease}
.brand-welding__background--fallback{opacity:1;transform:none}
.brand-welding__background.is-active{opacity:1;transform:scale(1)}
.brand-welding__header{position:relative;z-index:3;padding:clamp(26px,2.6vw,40px) 5% 18px;text-align:center;pointer-events:none}
.brand-welding__header h2{margin:0;color:#fff;font-size:clamp(26px,2.35vw,36px);font-weight:700;letter-spacing:-.035em;line-height:1.18}
.brand-welding__header p{max-width:680px;margin:8px auto 0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.65}
.brand-welding__stage{position:absolute;inset:0;z-index:1}
.brand-welding__swiper{height:100%;overflow:hidden}
.brand-welding__swiper .swiper-wrapper{position:relative;z-index:1;height:100%}
.brand-welding__highlight{position:absolute;top:0;bottom:0;left:0;z-index:0;width:var(--brand-highlight-width,25%);background:linear-gradient(180deg,rgba(244,119,43,0) 0%,rgba(244,119,43,.08) 28%,rgba(244,112,36,.48) 54%,rgba(244,104,30,.9) 78%,rgba(244,104,30,.98) 100%);opacity:0;pointer-events:none;transform:translate3d(var(--brand-highlight-x,0),0,0);transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .3s ease}
.brand-welding.is-ready .brand-welding__highlight{opacity:1}
.brand-welding__item{display:flex;height:100%;box-sizing:border-box;align-items:flex-end;border-right:1px solid rgba(255,255,255,.16);cursor:default}
.brand-welding__content{display:flex;width:100%;min-height:430px;box-sizing:border-box;padding:clamp(154px,15vw,230px) clamp(24px,3vw,64px) clamp(36px,4vw,64px);flex-direction:column;align-items:center;text-align:center}
.brand-welding__icon{display:flex;width:86px;height:86px;align-items:center;justify-content:center;margin-bottom:20px}
.brand-welding__icon img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1);transition:transform .42s cubic-bezier(.16,1,.3,1)}
.brand-welding__item h3{margin:0;color:#fff;font-size:clamp(22px,1.8vw,30px);font-weight:650;line-height:1.3}
.brand-welding__rule{width:38px;height:3px;margin:22px 0 23px;background:#fff;transition:width .36s ease}
.brand-welding__item p{display:-webkit-box;overflow:hidden;width:100%;max-width:420px;min-height:52px;margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.brand-welding__more{display:flex;width:154px;height:52px;align-items:center;justify-content:center;margin-top:28px;border-radius:28px;background:#fff;color:var(--brand-accent);font-size:14px;font-weight:500;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .36s cubic-bezier(.16,1,.3,1),background-color .2s ease,color .2s ease}
.brand-welding__item.is-active .brand-welding__more{opacity:1;pointer-events:auto;transform:translateY(0)}
.brand-welding__item.is-active .brand-welding__icon img{transform:scale(1.08)}
.brand-welding__item.is-active .brand-welding__rule{width:52px}
.brand-welding__more:hover,.brand-welding__more:focus-visible{background:#18222b;color:#fff;outline:2px solid rgba(255,255,255,.75);outline-offset:3px}
.brand-welding__more:active{transform:scale(.97)}
.brand-welding__item:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:-3px}
.brand-welding__control{position:absolute;top:54%;z-index:4;display:flex;width:48px;height:48px;padding:0;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(11,20,27,.42);color:#fff;cursor:pointer;transition:background-color .22s ease,opacity .22s ease,transform .22s ease}
.brand-welding__control span{font-size:36px;font-weight:300;line-height:1;transform:translateY(-2px)}
.brand-welding__control--prev{left:22px}
.brand-welding__control--next{right:22px}
.brand-welding__control:hover,.brand-welding__control:focus-visible{background:var(--brand-accent);outline:2px solid rgba(255,255,255,.72);outline-offset:3px;transform:scale(1.06)}
.brand-welding__control:active{transform:scale(.96)}
.brand-welding__control.swiper-button-disabled{opacity:.25;pointer-events:none}
.brand-welding__control.swiper-button-lock{display:none}
@media only screen and (max-width:1100px){.brand-welding__content{padding-right:38px;padding-left:38px}}
@media only screen and (max-width:768px){.brand-welding{min-height:620px}.brand-welding__header{padding:24px 12% 14px}.brand-welding__content{min-height:450px;padding-top:176px;padding-right:30px;padding-left:30px}.brand-welding__control{top:auto;bottom:22px;width:42px;height:42px}.brand-welding__control--prev{left:calc(50% - 52px)}.brand-welding__control--next{right:calc(50% - 52px)}.brand-welding__item p{max-width:340px}.brand-welding__more{opacity:1;pointer-events:auto;transform:none}}
@media (prefers-reduced-motion:reduce){.brand-welding__background,.brand-welding__highlight,.brand-welding__icon img,.brand-welding__rule,.brand-welding__more,.brand-welding__control{transition-duration:.01ms}}