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

/* 首页关于我们：参考图的居中介绍与四项数据布局 */
.home-about {
	position: relative;
	clear: both;
	padding: clamp(72px, 7.5vw, 132px) 5% clamp(70px, 7vw, 120px);
	background: #fff;
	overflow: hidden;
}
.home-about::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 72px;
	height: 3px;
	background: #004098;
	transform: translateX(-50%);
}
.home-about__inner {position: relative;max-width: 1280px;margin: 0 auto;text-align: center;}
.home-about__heading {display: inline-block;color: inherit;text-decoration: none;}
.home-about__heading h2 {margin: 0;color: #202631;font-size: clamp(40px, 4.4vw, 68px);font-weight: 500;line-height: 1.12;letter-spacing: -.04em;}
.home-about__intro {max-width: 1040px;margin: 42px auto 0;color: #3f4650;font-size: clamp(18px, 1.4vw, 23px);line-height: 2;text-wrap: pretty;}
.home-about__intro p {margin: 0 0 .8em;}
.home-about__intro p:last-child {margin-bottom: 0;}
.home-about__intro h1,
.home-about__intro h2,
.home-about__intro h3,
.home-about__intro h4 {margin: 1em 0 .55em;color: #202631;font-weight: 600;line-height: 1.4;}
.home-about__intro ul,
.home-about__intro ol {display: inline-block;margin: .6em auto;padding-left: 1.5em;text-align: left;}
.home-about__intro li {margin-bottom: .35em;}
.home-about__intro img {max-width: 100%;height: auto;vertical-align: middle;}
.home-about__intro a {color: #004098;text-decoration: underline;text-underline-offset: 3px;}
.home-about__intro table {max-width: 100%;margin: 1em auto;border-collapse: collapse;}
.home-about__intro table td,
.home-about__intro table th {padding: .55em .75em;border: 1px solid #dfe4ea;}
.home-about__stats {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 32px;margin-top: clamp(62px, 7vw, 105px);}
.home-about__stat {position: relative;display: flex;align-items: center;flex-direction: column;min-width: 0;}
.home-about__stat:not(:last-child)::after {content: "";position: absolute;top: 18px;right: -16px;width: 1px;height: 112px;background: #e5e9ee;}
.home-about__icon {display: grid;width: 88px;height: 88px;margin-bottom: 26px;border-radius: 50%;background: #f2f4f7;place-items: center;transition: transform .25s ease, background-color .25s ease;}
.home-about__icon svg {width: 46px;height: 46px;fill: none;stroke: #303844;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;}
.home-about__icon svg path:last-child {stroke: #1261ad;}
.home-about__stat strong {display: block;color: #004098;font-size: 60px;font-weight: 600;line-height: 1;font-variant-numeric: tabular-nums;letter-spacing: -.04em;}
.home-about__number {display: inline-block;min-width: 1ch;}
.home-about__stat strong .home-about__unit {margin-left: 4px;font-size: .38em;font-weight: 600;letter-spacing: 0;}
.home-about__stat > span {margin-top: 15px;color: #4d5560;font-size: 18px;line-height: 1.5;}
.home-about__stat:hover .home-about__icon {background: #e8f0f8;transform: translateY(-5px);}

@media screen and (max-width: 900px) {
	.home-about__intro {max-width: 720px;line-height: 1.85;}
	.home-about__stats {grid-template-columns: repeat(2, minmax(0, 1fr));row-gap: 52px;}
	.home-about__stat:nth-child(2)::after {display: none;}
}
@media screen and (max-width: 520px) {
	.home-about {padding: 58px 6% 70px;}
	.home-about__heading h2 {font-size: 38px;}
	.home-about__intro {margin-top: 28px;font-size: 16px;line-height: 1.85;text-align: left;}
	.home-about__stats {gap: 42px 18px;margin-top: 52px;}
	.home-about__stat:not(:last-child)::after {display: none;}
	.home-about__icon {width: 68px;height: 68px;margin-bottom: 18px;}
	.home-about__icon svg {width: 36px;height: 36px;}
	.home-about__stat strong {font-size: 40px;}
	.home-about__stat > span {margin-top: 10px;font-size: 15px;}
}

/* 首页全球布局 */
.global-layout {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: clamp(590px, 39.0625vw, 750px);
	padding: clamp(72px, 6vw, 112px) 5% clamp(70px, 6vw, 108px);
	background: #fff url("../images/global-layout-map.jpg") center center / cover no-repeat;
	overflow: hidden;
}
.global-layout__content {position: relative;z-index: 1;width: 100%;max-width: 1380px;margin: 0 auto;text-align: center;}
.global-layout__content h2 {margin: 0;color: #252a31;font-size: clamp(44px, 4.2vw, 72px);font-weight: 400;line-height: 1.16;letter-spacing: -.04em;}
.global-layout__content p {max-width: 1280px;margin: clamp(50px, 4.2vw, 76px) auto 0;color: #30353c;font-size: clamp(20px, 1.75vw, 34px);font-weight: 400;line-height: 1.75;letter-spacing: -.025em;text-wrap: balance;}
.global-layout__content p span {color: #004098;font-variant-numeric: tabular-nums;}
.global-layout__more {display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: 168px;height: 74px;margin-top: clamp(58px, 5.5vw, 94px);border: 1px solid #aeb3b8;border-radius: 999px;color: #353a40;font-size: 22px;line-height: 1;text-decoration: none;transition: color .25s ease, border-color .25s ease, background-color .25s ease, transform .25s ease;}
.global-layout__more:hover {border-color: #004098;background: #004098;color: #fff;transform: translateY(-3px);}
.global-layout__more:active {transform: translateY(0) scale(.98);}
.global-layout__more:focus-visible {outline: 3px solid rgba(0, 64, 152, .28);outline-offset: 4px;}

@media screen and (max-width: 900px) {
	.global-layout {min-height: 600px;padding-right: 6%;padding-left: 6%;background-size: auto 100%;}
	.global-layout__content p {max-width: 720px;font-size: 21px;line-height: 1.8;}
	.global-layout__content p br {display: none;}
	.global-layout__more {min-width: 150px;height: 60px;font-size: 18px;}
}
@media screen and (max-width: 520px) {
	.global-layout {min-height: 540px;padding: 64px 7% 72px;background-position: center center;}
	.global-layout__content h2 {font-size: 38px;}
	.global-layout__content p {margin-top: 36px;font-size: 17px;line-height: 1.9;}
	.global-layout__more {min-width: 132px;height: 50px;margin-top: 44px;font-size: 16px;}
}


@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.index-products-center {
	--product-accent: #004098;
	--product-ink: #2d3035;
	position: relative;
	display: block;
	min-height: 780px;
	padding: 0 0 92px;
	overflow: hidden;
	background: #fff url("../images/product-center-bg.png") center top / 100% 100% no-repeat;
}
#product .product-center__heading {
	position: relative;
	z-index: 2;
	width: min(1180px, calc(100% - 48px));
	padding: 72px 0 50px;
	overflow: visible;
}
#product .product-center__heading .title-style h2 {
	color: var(--product-ink);
	font-size: clamp(34px, 3.15vw, 56px);
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: -.04em;
}
#product .product-center__heading > .text {
	max-width: 680px;
	margin: 0 auto;
	padding-top: 14px;
	color: #777a80;
	font-size: 15px;
	line-height: 1.7;
}
#product .product-categories {margin-top: 34px;}
#product .product-categories ul {display:flex;align-items:flex-start;justify-content:space-between;gap:22px;}
#product .product-category__item {flex:1 1 0;min-width:0;text-align:center;}
#product .product-category__item button {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	padding:0;
	border:0;
	color:#383b40;
	background:transparent;
	font-family:inherit;
	font-size:17px;
	line-height:1.3;
	white-space:nowrap;
	cursor:pointer;
}
#product .product-category__icon {
	position:relative;
	display:block;
	width:42px;
	height:42px;
	color:#74777d;
	transition:color 240ms ease, transform 240ms ease;
}
#product .product-category__icon img {
	position:absolute;
	inset:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	transition:filter 240ms ease;
}
#product .product-category__icon img[src=""] {display:none;}
#product .product-category__item button:hover,
#product .product-category__item button:focus-visible,
#product .product-category__item.is-active button {color:var(--product-accent);}
#product .product-category__item button:hover .product-category__icon img,
#product .product-category__item button:focus-visible .product-category__icon img,
#product .product-category__item.is-active .product-category__icon img {filter:brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(2219%) hue-rotate(202deg) brightness(77%) contrast(111%);}
#product .product-category__item button:hover .product-category__icon,
#product .product-category__item button:focus-visible .product-category__icon {transform:translateY(-3px);}
#product .product-category__item button:focus-visible,
#product .product-arrow:focus-visible,
#product .product-card:focus-visible {outline:2px solid var(--product-accent);outline-offset:5px;}
#product .productbunner {position:relative;z-index:2;margin:50px 0 0;overflow:visible;}
#product .product-panel {position:relative;display:none;min-height:410px;}
#product .product-panel.is-active {display:block;animation:productPanelIn 320ms ease both;}
#product .product-swiper {overflow:visible;padding:8px 0 12px;}
#product .product-swiper .swiper-wrapper {align-items:stretch;}
#product .product-swiper .swiper-slide {width:clamp(286px, 26vw, 420px);height:auto;}
@keyframes productPanelIn {
	from {opacity:0;transform:translateY(8px);}
	to {opacity:1;transform:translateY(0);}
}
#product .product-card {
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	color:var(--product-ink);
	background:#fff;
	border:0;
	border-radius:8px;
	box-shadow:0 14px 38px rgba(0, 64, 152, .07);
	transform:translateY(0);
	transition:transform 300ms ease, box-shadow 300ms ease;
}
#product .product-card__media {display:block;aspect-ratio:1 / .92;overflow:hidden;background:#f3f3f3;}
#product .product-card__media img {
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	background:#f3f3f3;
	transform:scale(1.001);
	transition:transform 500ms cubic-bezier(.2,.7,.2,1);
}
#product .product-card__caption {
	display:flex;
	align-items:center;
	min-height:76px;
	padding:0 34px;
	box-sizing:border-box;
	color:var(--product-ink);
	font-size:17px;
	font-weight:500;
	line-height:1.35;
	background:#fff;
	transition:color 240ms ease;
}
#product .product-card:hover .product-card__caption,
#product .product-card:focus-visible .product-card__caption {
	color:#fff;
	background:var(--product-accent) url("../images/product-label-active-blue.png") center / 100% 100% no-repeat;
}
#product .product-card:hover {color:var(--product-ink);transform:translateY(-7px);box-shadow:0 22px 48px rgba(0, 64, 152, .13);}
#product .product-card:hover .product-card__media img {transform:scale(1.045);}
#product .product-arrow {
	position:absolute;
	top:50%;
	z-index:4;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	margin-top:-29px;
	padding:0;
	border:0;
	border-radius:50%;
	outline:0;
	color:#55595d;
	background:#fff !important;
	background-image:none !important;
	box-shadow:0 7px 22px rgba(0, 64, 152, .12);
	cursor:pointer;
	transition:transform 220ms ease, color 220ms ease, box-shadow 220ms ease;
}
#product .product-arrow span {font-size:25px;line-height:1;transform:translateY(-1px);}
#product .product-panel__prev {left:clamp(18px, 8vw, 150px);}
#product .product-panel__next {right:clamp(18px, 8vw, 150px);}
#product .product-arrow:hover {color:var(--product-accent);transform:scale(1.06);box-shadow:0 10px 28px rgba(0,64,152,.18);}
#product .product-arrow:active {transform:scale(.96);}
#product .swiper-button-disabled {opacity:.4;pointer-events:none;}
#product .product-panel.is-empty .product-arrow {display:none;}

/* 首页 · 我们的能力 */
.home-capabilities {
	--capability-accent:#004098;
	--capability-duration:6000ms;
	position:relative;
	min-height:clamp(650px, 56.25vw, 960px);
	overflow:hidden;
	color:#fff;
	background:#0f1f30;
}
.home-capabilities__slides,
.home-capabilities__slide {position:absolute;inset:0;}
.home-capabilities__slide {
	z-index:0;
	opacity:0;
	visibility:hidden;
	transform:scale(1.025);
	transition:opacity 700ms ease, visibility 700ms ease, transform 7s ease-out;
}
.home-capabilities__slide.is-active {z-index:1;opacity:1;visibility:visible;transform:scale(1);}
.home-capabilities__image {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;}
.home-capabilities__shade {
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(5,19,38,.72) 0%,rgba(5,19,38,.47) 46%,rgba(5,19,38,.18) 100%),linear-gradient(0deg,rgba(4,16,34,.46) 0%,transparent 42%);
}
.home-capabilities__content {
	position:relative;
	z-index:2;
	width:min(1120px, calc(100% - 96px));
	margin:0 auto;
	padding-top:clamp(74px, 8vw, 138px);
}
.home-capabilities__eyebrow {margin:0 0 14px;color:rgba(255,255,255,.7);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;}
.home-capabilities__content h2 {margin:0;font-size:clamp(44px, 4.7vw, 78px);font-weight:400;line-height:1.08;letter-spacing:-.05em;}
.home-capabilities__content h3 {margin:clamp(32px, 4vw, 64px) 0 13px;color:var(--capability-accent);font-size:clamp(20px, 1.6vw, 28px);font-weight:500;line-height:1.35;}
.home-capabilities__description {max-width:760px;margin:0;color:rgba(255,255,255,.92);font-size:clamp(16px, 1.35vw, 22px);line-height:1.85;text-wrap:pretty;}
.home-capabilities__navigation {
	position:absolute;
	right:0;
	bottom:clamp(48px, 7.5vw, 105px);
	left:0;
	z-index:3;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
	gap:clamp(22px, 5.4vw, 104px);
	width:min(1120px, calc(100% - 96px));
	margin:0 auto;
}
.home-capabilities__tab {min-width:0;padding:0;color:rgba(255,255,255,.82);font:inherit;text-align:left;background:none;border:0;cursor:pointer;transition:color 250ms ease,transform 250ms ease;}
.home-capabilities__tab-title {display:block;overflow:hidden;margin-bottom:20px;font-size:clamp(15px, 1.15vw, 19px);font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;}
.home-capabilities__track {display:block;height:3px;overflow:hidden;background:rgba(255,255,255,.62);}
.home-capabilities__progress {display:block;width:100%;height:100%;background:var(--capability-accent);transform:scaleX(0);transform-origin:left center;}
.home-capabilities__tab.is-active {color:var(--capability-accent);}
.home-capabilities__tab.is-active .home-capabilities__progress {animation:capabilityProgress var(--capability-duration) linear forwards;}
.home-capabilities__tab:hover {color:#fff;transform:translateY(-2px);}
.home-capabilities__tab:active {transform:translateY(0);}
.home-capabilities__tab:focus-visible {outline:2px solid var(--capability-accent);outline-offset:8px;}
@keyframes capabilityProgress {to {transform:scaleX(1);}}

@media only screen and (max-width:900px) {
	.home-capabilities {min-height:720px;}
	.home-capabilities__content {width:calc(100% - 48px);padding-top:82px;}
	.home-capabilities__navigation {bottom:44px;width:calc(100% - 48px);gap:20px;overflow-x:auto;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,42vw);padding:8px 0 12px;scrollbar-width:none;}
	.home-capabilities__navigation::-webkit-scrollbar {display:none;}
}
@media only screen and (max-width:520px) {
	.home-capabilities {min-height:680px;}
	.home-capabilities__content {width:calc(100% - 36px);padding-top:62px;}
	.home-capabilities__content h3 {margin-top:28px;}
	.home-capabilities__description {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-size:15px;line-height:1.8;}
	.home-capabilities__navigation {bottom:30px;width:calc(100% - 36px);grid-auto-columns:minmax(132px,58vw);}
	.home-capabilities__tab-title {margin-bottom:14px;}
}
@media (prefers-reduced-motion:reduce) {
	.home-capabilities__slide {transition:none;transform:none;}
	.home-capabilities__tab.is-active .home-capabilities__progress {animation:none;transform:scaleX(1);}
}

/* 首页 · 可持续发展 */
.home-sustainability {
	--sustainability-ink:#303238;
	--sustainability-muted:#595d63;
	--sustainability-accent:#004098;
	box-sizing:border-box;
	padding:clamp(68px, 4.5vw, 92px) clamp(32px, 4vw, 82px);
	background:#f4f4f4;
}
.home-sustainability__inner {
	display:grid;
	grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
	align-items:center;
	gap:clamp(62px, 8vw, 164px);
	max-width:1880px;
	margin:0 auto;
}
.home-sustainability__media {
	position:relative;
	min-width:0;
	margin:0;
	overflow:hidden;
	border-radius:18px;
	background:#edf2ec;
	aspect-ratio:.9 / 1;
}
.home-sustainability__media img {
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	object-position:center;
	transition:transform 700ms cubic-bezier(.2,.7,.2,1), filter 300ms ease;
}
.home-sustainability__media:hover img {transform:scale(1.025);filter:saturate(1.04);}
.home-sustainability__content {min-width:0;padding:clamp(8px, 1.4vw, 26px) 0;}
.home-sustainability__content h2 {
	margin:0;
	color:var(--sustainability-ink);
	font-size:clamp(46px, 4vw, 72px);
	font-weight:400;
	line-height:1.12;
	letter-spacing:-.045em;
}
.home-sustainability__intro {
	max-width:840px;
	margin:clamp(38px, 4.2vw, 78px) 0 0;
	color:var(--sustainability-muted);
	font-size:clamp(18px, 1.45vw, 27px);
	font-weight:400;
	line-height:1.85;
	text-wrap:pretty;
}
.home-sustainability__topics {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:clamp(34px, 4.2vw, 68px) clamp(38px, 6vw, 112px);
	max-width:900px;
	margin:clamp(46px, 5vw, 88px) 0 0;
}
.home-sustainability__topic {
	dis:flex;
	align-items:center;
	min-width:0;
	color:#55595f;
	font-size:clamp(16px, 1.05vw, 21px);
	line-height:1.45;
}
.home-sustainability__topic img {
	flex:0 0 auto;
	width:38px;
	height:38px;
	margin-right:18px;
	object-fit:contain;
}
.home-sustainability__more {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:150px;
	height:60px;
	box-sizing:border-box;
	margin-top:clamp(58px, 6vw, 108px);
	padding:0 34px;
	border:1px solid #b8babd;
	border-radius:999px;
	color:#55585d;
	font-size:18px;
	line-height:1;
	transition:color 240ms ease, background-color 240ms ease, border-color 240ms ease, transform 240ms ease;
}
.home-sustainability__more:hover {color:#fff;background:var(--sustainability-accent);border-color:var(--sustainability-accent);transform:translateY(-2px);}
.home-sustainability__more:active {transform:translateY(0);}
.home-sustainability__more:focus-visible {outline:2px solid var(--sustainability-accent);outline-offset:4px;}

@media only screen and (max-width:1100px) {
	.home-sustainability {padding:64px 32px 76px;}
	.home-sustainability__inner {gap:48px;}
	.home-sustainability__content h2 {font-size:48px;}
	.home-sustainability__intro {margin-top:34px;font-size:18px;}
	.home-sustainability__topics {gap:30px 34px;margin-top:42px;}
	.home-sustainability__topic {font-size:15px;}
	.home-sustainability__topic img {width:32px;height:32px;margin-right:13px;}
	.home-sustainability__more {height:54px;margin-top:54px;font-size:16px;}
}
@media only screen and (max-width:760px) {
	.home-sustainability {padding:54px 18px 68px;}
	.home-sustainability__inner {grid-template-columns:1fr;gap:44px;}
	.home-sustainability__media {border-radius:12px;aspect-ratio:1.18 / 1;}
	.home-sustainability__content {padding:0 2px;}
	.home-sustainability__content h2 {font-size:38px;}
	.home-sustainability__intro {margin-top:24px;font-size:16px;line-height:1.8;}
	.home-sustainability__topics {gap:28px 22px;margin-top:38px;}
	.home-sustainability__topic {align-items:flex-start;font-size:14px;}
	.home-sustainability__topic img {width:30px;height:30px;margin-right:11px;}
	.home-sustainability__more {min-width:126px;height:48px;margin-top:46px;padding:0 25px;font-size:14px;}
}
@media only screen and (max-width:420px) {
	.home-sustainability__topics {grid-template-columns:1fr;gap:24px;}
}
@media (prefers-reduced-motion:reduce) {
	.home-sustainability__media img,.home-sustainability__more {transition:none;}
}

@media only screen and (max-width:900px) {
	#product.index-products-center {min-height:680px;padding-bottom:68px;background-size:auto 100%;}
	#product .product-center__heading {padding:58px 0 36px;}
	#product .productbunner {margin-top:38px;}
	#product .product-categories {margin-top:25px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:none;}
	#product .product-categories::-webkit-scrollbar {display:none;}
	#product .product-categories ul {justify-content:flex-start;gap:34px;width:max-content;}
	#product .product-category__item {flex:0 0 auto;}
	#product .product-swiper .swiper-slide {width:min(74vw, 340px);}
	#product .product-arrow {width:48px;height:48px;margin-top:-24px;}
	#product .product-panel__prev {left:12px;}
	#product .product-panel__next {right:12px;}
}
@media only screen and (max-width:520px) {
	#product.index-products-center {min-height:610px;padding-bottom:52px;}
	#product .product-center__heading {width:calc(100% - 32px);padding:44px 0 24px;}
	#product .productbunner {margin-top:30px;}
	#product .product-center__heading > .text {display:none;}
	#product .product-categories {margin-top:22px;}
	#product .product-category__item button {font-size:14px;gap:7px;}
	#product .product-category__icon {width:35px;height:35px;transform:scale(.86);}
	#product .product-swiper .swiper-slide {width:78vw;}
	#product .product-card__caption {min-height:64px;padding:0 22px;font-size:16px;}
	#product .product-arrow {top:46%;width:44px;height:44px;}
}
#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%}
#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;}
}
@media only screen and (max-width:320px){#banner{margin-top:16vw}
#about .aboutin h1{font-size:22px}
}

/* 首页 · 新闻中心 */
.home-news {
	--news-ink:#25272b;
	--news-muted:#9a9da3;
	--news-accent:#014099;
	padding:clamp(78px, 7.3vw, 132px) 0 clamp(86px, 8vw, 146px);
	background:#fff;
}
.home-news__inner {
	width:min(1680px, calc(100% - clamp(48px, 8vw, 160px)));
	margin:0 auto;
}
.home-news__header {margin:0 0 clamp(42px, 4.2vw, 70px);text-align:center;}
.home-news__eyebrow {
	margin:0 0 8px;
	color:var(--news-accent);
	font-size:13px;
	font-weight:600;
	line-height:1.4;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.home-news__eyebrow:empty {display:none;}
.home-news__header h2 {
	margin:0;
	color:var(--news-ink);
	font-size:clamp(36px, 3.2vw, 58px);
	font-weight:400;
	line-height:1.1;
	letter-spacing:-.045em;
}
.home-news__grid {
	display:grid;
	grid-template-columns:minmax(0, 2.08fr) repeat(2, minmax(0, 1fr));
	grid-template-rows:repeat(2, minmax(0, 1fr));
	gap:clamp(30px, 2.1vw, 42px) clamp(24px, 2.1vw, 42px);
}
.home-news__item {min-width:0;}
.home-news__item--featured {grid-row:1 / span 2;}
.home-news__link {display:block;color:inherit;}
.home-news__media {
	position:relative;
	margin:0;
	overflow:hidden;
	border-radius:10px;
	background:#f1f2f3;
}
.home-news__item:not(.home-news__item--featured) .home-news__media {aspect-ratio:1.54 / 1;}
.home-news__item--featured .home-news__media {aspect-ratio:1.5 / 1;}
.home-news__media img {
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	transition:transform 600ms cubic-bezier(.2,.7,.2,1), filter 300ms ease;
}
.home-news__content {padding-top:clamp(12px, 1.1vw, 20px);}
.home-news__content h3 {
	display:-webkit-box;
	overflow:hidden;
	margin:0;
	color:#56595e;
	font-size:clamp(16px, 1.18vw, 21px);
	font-weight:400;
	line-height:1.45;
	letter-spacing:-.012em;
	text-wrap:pretty;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	transition:color 240ms ease;
}
.home-news__item--featured .home-news__content {padding-top:clamp(22px, 1.9vw, 32px);}
.home-news__item--featured .home-news__content h3 {
	font-size:clamp(22px, 1.65vw, 31px);
	line-height:1.4;
}
.home-news__content time {
	display:block;
	margin-top:clamp(8px, .8vw, 14px);
	color:var(--news-muted);
	font-size:clamp(13px, .88vw, 16px);
	font-variant-numeric:tabular-nums;
	letter-spacing:.015em;
}
.home-news__link:hover .home-news__media img {transform:scale(1.035);filter:saturate(1.04);}
.home-news__link:hover .home-news__content h3 {color:var(--news-accent);}
.home-news__link:focus-visible {outline:2px solid var(--news-accent);outline-offset:8px;border-radius:8px;}
.home-news__footer {display:flex;justify-content:center;margin-top:clamp(60px, 6vw, 108px);}
.home-news__more {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-width:132px;
	height:50px;
	padding:0 26px;
	border:1px solid #bbbfc5;
	border-radius:999px;
	color:#55585d;
	font-size:15px;
	line-height:1;
	transition:color 240ms ease, background-color 240ms ease, border-color 240ms ease, transform 240ms ease;
}
.home-news__more svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform 240ms ease;}
.home-news__more:hover {color:#fff;background:var(--news-accent);border-color:var(--news-accent);transform:translateY(-2px);}
.home-news__more:hover svg {transform:translateX(3px);}
.home-news__more:active {transform:translateY(0);}
.home-news__more:focus-visible {outline:2px solid var(--news-accent);outline-offset:4px;}

@media only screen and (max-width:1100px) {
	.home-news__inner {width:calc(100% - 64px);}
	.home-news__grid {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;}
	.home-news__item--featured {grid-column:1 / -1;grid-row:auto;}
	.home-news__item--featured .home-news__media {aspect-ratio:1.8 / 1;}
}
@media only screen and (max-width:640px) {
	.home-news {padding:62px 0 78px;}
	.home-news__inner {width:calc(100% - 36px);}
	.home-news__header {margin-bottom:34px;text-align:left;}
	.home-news__eyebrow {font-size:11px;}
	.home-news__header h2 {font-size:34px;}
	.home-news__grid {display:block;}
	.home-news__item + .home-news__item {margin-top:26px;padding-top:26px;border-top:1px solid #eceef0;}
	.home-news__item:not(.home-news__item--featured) .home-news__link {display:grid;grid-template-columns:minmax(120px, 42%) 1fr;gap:16px;align-items:start;}
	.home-news__item--featured .home-news__media {aspect-ratio:1.46 / 1;}
	.home-news__item:not(.home-news__item--featured) .home-news__media {aspect-ratio:1.25 / 1;border-radius:7px;}
	.home-news__item:not(.home-news__item--featured) .home-news__content {padding-top:1px;}
	.home-news__content h3 {font-size:15px;line-height:1.5;}
	.home-news__item--featured .home-news__content {padding-top:18px;}
	.home-news__item--featured .home-news__content h3 {font-size:21px;}
	.home-news__content time {margin-top:8px;font-size:12px;}
	.home-news__footer {margin-top:48px;justify-content:flex-start;}
	.home-news__more {min-width:120px;height:46px;padding:0 22px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce) {
	.home-news__media img,.home-news__more,.home-news__more svg {transition:none;}
}
.index_con5{position:relative;padding:0 0 70px}
.con5_zong{position:relative;font-size:0}
.con5_right{position:static;top:0;right:0;display:inline-block;width:45%;vertical-align:top}
.con5_right img{width:100%}
.con5_left{position:relative;top:150px;z-index:2;display:inline-block;box-sizing:border-box;padding-right:70px;width:55%;background:#fff;vertical-align:top}
.con5_left p{color:#333;font-size:16px;line-height:25px}
.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;}

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

/* Home banner: desktop and mobile share the same carousel. */
.banner-swiper .banner-image {
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	#banner {
		width: 100%;
		margin-top: 80px;
		overflow: hidden;
		background: #e8ebed;
	}
	.banner-swiper,
	.banner-swiper .swiper-wrapper,
	.banner-swiper .swiper-slide {
		width: 100%;
		height: auto;
		aspect-ratio: 2 / 1;
	}
	.banner-swiper .banner-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

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

@media (prefers-reduced-motion: reduce) {
	#banner .banner-image { animation: none !important; }
}