@import url("base.css");
:root {
	--pad-lr: 4%;
	--pad-tb: 4%;
	--pad-tb5: 5%;
	--pad-tb6: 6%;
	--mar-top5: 50px;
	--mar-top6: 60px;
	--a-color:#000;
	--hover-nav:#2851b3;
	--hover-color:#2f53ac;
	--wrap-width: 1560px;
	
	--tis-fs: 48px;
	--tis-pad: 6%;
	--tis-color: #000;
	--tis30-fs: 30px;
	--itis-fs: 36px;
	--ntis-fs: 36px;

	--glys: #ad2e32;
	--blue: #214fb9;
	--text-lh: 2;
	--text-color: #454545;
	--text-gray: #999;
	
	--fs16: 16px;
	--lh17: 1.7;
	--lh18: 1.8;
	--lh19: 1.9;
	--editorc-fs: 16px;
	--editorc-lh: 2;

	--header-height: 90px;
}
* {
	transition-delay: 0;
	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: width,height,margin,padding,box-shadow,border,background-color,background-image,opacity,transform,rectangle;
}
@font-face {
	font-family: "PuHuiTi";
	src: url("../fonts/AlibabaPuHuiTi-3-45-Light.woff2") format("woff2"),
		 url("../fonts/AlibabaPuHuiTi-3-45-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PuHuiTi";
	src: url("../fonts/AlibabaPuHuiTi-3-55-Regular.woff2") format("woff2"),
		 url("../fonts/AlibabaPuHuiTi-3-55-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
body {margin:0 auto;font-family: PuHuiTi, "微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#333;font-size:16px;overflow-x:hidden;}
input,select,button,textarea {font-family: "微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#222;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#000;text-decoration:none;}
a:hover {color:#2f53ac;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-center {display:flex;align-items:center;justify-content:center;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
.no-select {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}

/*===================================================================================*/

.header-pad {height: var(--header-height);}
.header {position: fixed; top: 0; left: 0; right: 0; z-index: 99; height: var(--header-height); color:#fff;}
.header::after {position: absolute; bottom: 0; left: 0; right: 0; z-index: -2; height: 1px; background-color: rgba(255,255,255,0.15); content: '';}
.header > div {display: flex; align-items: center; height: 100%;}
.header .logo {display:flex; align-items: center; margin-right: auto; height:61px; font-size:0;}
.header .logo img {max-height:100%;}
.header .logo img:nth-child(1) {display: none;}
.header .rsl {display: flex; align-items: center;}
.header .search {position: relative;}
.header .search .icon {font-size: 18px; cursor: pointer;}
.header .search .srk {display: none; align-items: center; column-gap: 10px; position: absolute; top: 50%; right: 0; margin-top: -20px; width: 400px; height: 40px;}
.header .search .srk input {flex: 1; height: 100%; color:#fff; border: none; border-bottom: 1px solid #ddd; background:none;}
.header .search .srk i {flex: 0 0 auto; color:#ddd; cursor: pointer;}
.header .search .srk i.icon-search {font-size: 18px;}
.header .search.show .icon {visibility: hidden;}
.header .search.show .srk {display: flex;}
.header .line {margin-left: 20px; margin-right: 20px; width: 1px; height: 12px; background-color: rgba(255,255,255,0.5);}
.header .lang {flex: 0 0 auto; position: relative; height: 60px;}
.header .lang p {color:#fff;}
.header .lang span {position: absolute; top: 100%; left: 50%; margin-left: -60px; width: 120px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: 200ms ease-out; background-color:#fff; border-radius: 0 0 8px 8px; border-top: 5px solid #2851b3;}
.header .lang span::before {position: absolute; top: -17px; left: 0; right: 0; display: block; margin: 0 auto; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #2851b3; content: '';}
.header .lang span a {display: block; line-height: 40px; text-align: center;}
.header .lang span a:last-child {border-radius: 0 0 8px 8px;}
.header .lang span a:hover {color:#fff; background-color:#2851b3;}
.header .lang:hover span {opacity: 1; visibility: visible; transform: translateY(0);}
.header .cd {display: none;}

.header .nav {display: flex; column-gap: 35px; margin-right: 90px; height: 100%;}
.header .nav.hide {display: none;}
.header .nav li {flex: 0 0 auto; height: 100%;}
.header .nav li > a {display: flex; align-items: center; position: relative; padding: 0 10px; height: 100%; color:#fff; font-size: 16px;}
.header .nav li > a:after {position: absolute; bottom: 0; left: 50%; display: block; margin-left: -24px; width: 48px; height: 2px; background-color:#fff; content: ''; visibility: hidden; opacity: 0; transform: scaleX(0); transition: 350ms; transform-origin: center center;}
.header .nav li.curt > a:after, .header .nav li:hover > a:after {visibility: visible; opacity: 1; transform: scaleX(1);}
.header .nav li:hover .nav-menu {animation-delay: 1s; visibility: visible; opacity: 1; transform: rotateX(0);}

.header.on {color:#282828; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.header.on .logo img:nth-child(1) {display: initial;}
.header.on .logo img:nth-child(2) {display: none;}
.header.on .search .srk i {color:#222;}
.header.on .search .srk input {color:#fff;}
.header.on .search i:hover {color: var(--hover-nav);}
.header.on .line {background-color:#b3b3b3;}
.header.on .lang p {color:#282828;}
.header.on .nav li > a {color:#000;}
.header.on .nav li > a:after {background-color: var(--hover-nav);}
.header.on .nav li.curt > a, .header.on .nav li:hover > a {color: var(--hover-nav);}

.header.hon {color:#282828; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.header.hon .logo img:nth-child(1) {display: initial;}
.header.hon .logo img:nth-child(2) {display: none;}
.header.hon .search .srk i {color:#888;}
.header.hon .search .srk input {color:#222;}
.header.hon .search i:hover {color: var(--hover-nav);}
.header.hon .line {background-color:#b3b3b3;}
.header.hon .lang p {color:#282828;}

.header.fd {color:#282828; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.header.fd .logo img:nth-child(1) {display: initial;}
.header.fd .logo img:nth-child(2) {display: none;}
.header.fd .search .srk i {color:#888;}
.header.fd .search .srk input {color:#222;}
.header.fd .search i:hover {color: var(--hover-nav);}
.header.fd .line {background-color:#b3b3b3;}
.header.fd .lang p {color:#282828;}
.header.fd .nav li > a {color:#000;}
.header.fd .nav li > a:after {background-color: var(--hover-nav);}
.header.fd .nav li.curt > a {color: var(--hover-nav);}

.nav-menu {position: absolute; top: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; box-shadow: 0 4px 5px rgba(50, 50, 50, 0.1); background-color: rgba(255,255,255,0.9); transition: all 0.3s ease-out;transform: rotateX(-90deg); transform-origin: 0 0;}
.nav-menu .pad1 {padding-top: 80px; padding-bottom: 80px;}
.nav-menu .pad2 {padding-top: 50px; padding-bottom: 50px;}
.nav-menu .cont {display: grid; row-gap: 50px; box-sizing: border-box;}
.nav-menu .cont-cols {box-sizing: border-box;}
.nav-menu .cont .items {width: 100%; box-sizing: border-box;}
.nav-menu .cont .items .name {position: relative; display: flex; align-items: flex-start; justify-content: flex-start; height: 50px; color:#000; box-sizing: border-box; border-bottom: 2px solid #eaeaea;}
.nav-menu .cont .items .name::after {position: absolute; bottom: -2px; left: 0; display: block; width: 42px; height: 2px; background-color:#214fb9; content: ''; transition: width 400ms ease-out;}
.nav-menu .cont .items .name div {display: flex; align-items: center; justify-content: space-between; min-width: 205px;}
.nav-menu .cont .items .name h2 {font-size: 20px; font-weight: normal;}
.nav-menu .cont .items .name i {margin-left: 20px; font-size: 14px;}
.nav-menu .cont .items .name:hover {color:#214fb9;}
.nav-menu .cont .items .name:hover::after {width: 100%;}
.nav-menu .cont .items .text {margin-top: 25px; color:#4e4e4e; font-size: 16px; line-height: 1.6;}
.nav-menu .cont .items .list {padding-top: 10px;}
.nav-menu .cont .items .list dd {margin-top: 15px;}
.nav-menu .cont .items .list dd a {display: flex; align-items: flex-start; column-gap: 12px; color:#4e4e4e; font-size: 18px; line-height: 1.6;}
.nav-menu .cont .items .list dd a i {flex: 0 0 auto; margin-top: 7px; font-size: 13px; line-height: 1;}
.nav-menu .cont .items .list dd a:hover {color:#214fb9;}

.nav-menu .col2 {grid-template-columns: 1fr 1fr;}
.nav-menu .col2 .cont-cols {display: flex; justify-content: center;}
.nav-menu .col2 .cont-cols:nth-child(even) {border-left: 2px solid #d2d2d2;}
.nav-menu .col2 .items {max-width: 460px;}
.nav-menu .col2 .items .name {width: 320px;}
.nav-menu .col2 .items .list {display: grid; grid-template-columns: 1fr 1fr;}

.nav-menu .col3 {grid-template-columns: 21.5% 39.7% 21.5%; justify-content: space-between; padding-right: 50px;}
.nav-menu .col3 .cont-cols {display: flex; justify-content: center;}
.nav-menu .col3 .cont-cols:nth-child(3n-1) {border-left: 2px solid #d2d2d2; border-right: 2px solid #d2d2d2;}
.nav-menu .col3 .items {max-width: 325px;}

.nav-menu .col4 {grid-template-columns: 22.4% 22.4% 22.4% 205px; justify-content: space-between;}
.nav-menu .col4 .cont-cols:not(:last-child) {border-right: 2px solid #d2d2d2;}
.nav-menu .col4 .items {width: 205px;}

.menu {display:none;}
.wrap {margin-left:auto;margin-right:auto;width:1560px;box-sizing:border-box;}
.footer {color:rgba(255,255,255,0.8); background-color:#414141;}
.footer a {color:rgba(255,255,255,0.8);}
.footer a:hover {color: #fff;}
.footer .info {display: flex; padding-top: 60px; padding-bottom: 50px;}
.footer .fnav {flex: 1; display: flex;}
.footer .fnav li {flex: 1 1 auto; min-width: 125px;}
.footer .fnav h2 {position: relative; height: 43px; color:#fff; font-size: 20px; font-weight: normal; line-height: 1; border-bottom: 2px solid rgba(90,90,90,0.6);}
.footer .fnav h2::after {position: absolute; bottom: -2px; left: 0; display: block; width: 38px; height: 2px; background-color:#2a69d9; content: '';}
.footer .fnav dl {margin-top: 25px;}
.footer .fnav dl dd:not(:first-child) {margin-top: 15px;}
.footer .lxs {flex: 0 0 auto; margin-left: 80px; width: 390px;}
.footer .lxs .logo {font-size: 0;}
.footer .lxs .logo img {max-width: 100%;}
.footer .lxs .tel {margin-top: 35px; font-size: 14px;}
.footer .lxs .tel h2 {color:#fff; font-size: 36px; font-weight: normal;}
.footer .lxs .tel a {color:#fff;}
.footer .lxs .address {margin-top: 30px;}
.footer .lxs .address p {line-height: 1.6;}
.footer .lxs .address p:not(:first-child) {margin-top: 10px;}
.footer .copyright {padding-top: 30px; padding-bottom: 30px; line-height: 1.8; border-top: 2px solid rgba(90,90,90,0.6);}

.fos {position: fixed; top: 50%; right: 15px; z-index: 90; padding: 8px; border-radius: 100px; box-shadow: 0 0 20px rgba(0,0,0,0.15); background-color:#fff; transform: translateY(-50%);}
.fos > li {position: relative; padding: 15px 0;}
.fos > li:first-child {padding-top: 0;}
.fos > li:last-child {padding-bottom: 0;}
.fos > li:not(:last-child)::after {position: absolute; bottom: 0; left: 12px; right: 12px; height: 1px; background-color:#e5e5e5; content: '';}
.fos .icon {display: block; width: 64px; height: 64px; border-radius: 50%; cursor: pointer;}
.fos .icon i {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
.fos .icon i:nth-child(2) {display: none;}
.fos .icon:hover {background-color:#2851b3;}
.fos .icon:hover i:nth-child(1) {display: none;}
.fos .icon:hover i:nth-child(2) {display: flex;}
.fos .lxs .icon i:nth-child(1) {background-image: url(../images/fos_icon1.png);}
.fos .lxs .icon i:nth-child(2) {background-image: url(../images/fos_icon1_white.png);}
.fos .tel .icon i:nth-child(1) {background-image: url(../images/fos_tel.png);}
.fos .tel .icon i:nth-child(2) {background-image: url(../images/fos_tel_white.png);}
.fos .top .icon i:nth-child(1) {background-image: url(../images/fos_top.png);}
.fos .top .icon i:nth-child(2) {background-image: url(../images/fos_top_white.png);}
.fos .tel:hover .info {display: block;}

.fos .tel .info {position: absolute; top: -110px; right: 100%; display: none; margin-right: 18px; padding: 10px 25px;border-radius: 5px; box-sizing: border-box; box-shadow: 0 0 20px rgba(0,0,0,0.15); background-color:#fff;}
.fos .tel .info li {display: flex; flex-direction: column; row-gap: 5px; padding-top: 20px; padding-bottom: 20px; color:#3e3e3e;}
.fos .tel .info li:not(:first-child) {border-top: 1px solid #e5e5e5;}
.fos .tel .info li h2 {font-size: 24px; font-weight: normal; line-height: 1; white-space: nowrap; word-break: keep-all; margin-top: 3px;}
.fos .tel .info li h3 {font-size: 14px; font-weight: normal; line-height: 1; white-space: nowrap; word-break: keep-all;}
.fos .tel .info li p {font-family: "微软雅黑", "Microsoft YaHei";}
.fos .tel .info li span {font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; color:#2851b3;}

@-webkit-keyframes scale2 {
	0% {transform: scale(1);}
	50% {transform: scale(1.05);}
	75% {transform: scale(1);}
	100% {transform: scale(1);}
}
@keyframes scale2 {
	0% {transform: scale(1);}
	50% {transform: scale(1.05);}
	75% {transform: scale(1);}
	100% {transform: scale(1);}
}

@-webkit-keyframes zoom2 {
	0% {transform: scale(1);}
	50% {transform: scale(2.2);}
	100% {transform: scale(1);}
}
@keyframes zoom2 {
	0% {transform: scale(1);}
	50% {transform: scale(2.2);}
	100% {transform: scale(1);}
}

@-webkit-keyframes rotate2 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes rotate2 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes bannerTime {
	0% {stroke-dasharray: 0, 157;}
	100% {stroke-dasharray: 157, 0;}
}
@keyframes bannerTime {
	0% {stroke-dasharray: 0, 157;}
	100% {stroke-dasharray: 157, 0;}
}
/*===================================================================================*/

.ibanner {position: relative;}
.ibanner .swiper-slide {position: relative; height: 100vh; transition: none;}
.ibanner .swiper-slide::after {position: absolute; inset: 0; z-index: 1; display: block; background: url(../images/banner-mask.png) no-repeat center center/cover; content: '';}
.ibanner .swiper-slide video {width: 100%; height: 100%; object-fit: cover;}
.ibanner .swiper-slide video::-webkit-media-controls {display: none !important;}
.ibanner .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.ibanner .swiper-slide-active .text h2, .ibanner .swiper-slide-active .text h3 {opacity: 1; transform: translateX(0);}
.ibanner .swiper-pagination {bottom: 55px; left: auto; right: 50%; z-index: 10; display: flex; align-items: center; column-gap: 30px; margin-right: -780px; width:auto; height: auto;}
.ibanner .swiper-pagination span {position: relative; margin: 0; width: auto; height: auto; font-family: "微软雅黑", "Microsoft YaHei", Verdana, Arial; color:rgba(255,255,255,0.6); font-size: 24px; opacity:1; background: none;}
.ibanner .swiper-pagination span i {position: absolute; top: 50%; right: -30px; display: block; margin-top: -1px; width: 30px; height: 2px;}
.ibanner .swiper-pagination span i::after {position: absolute; top: 50%; left: 50%; display: none; width: 8px; height: 2px; background-color:#fff; content: ''; transform: translate(-50%,-50%);}
.ibanner .swiper-pagination span:last-child i {display: none;}
.ibanner .swiper-pagination span.swiper-pagination-bullet {margin: 0;}
.ibanner .swiper-pagination span.swiper-pagination-bullet-active {color:#fff; font-weight: bold; background: none;}
.ibanner .swiper-pagination span.swiper-pagination-bullet-active i::after {display: block;}
.ibanner .swiper-button {position: absolute; bottom: 55px; left: 50%; margin-left: -780px; z-index: 10; display: flex; align-items: center; column-gap: 30px;}
.ibanner .swiper-button i {position: absolute; inset: 0; color:rgba(255,255,255,0.6); font-size: 20px;}
.ibanner .swiper-button svg {position: absolute; inset: 0;}
.ibanner .swiper-button .circle1 circle {fill: transparent; stroke-width: 2px; stroke:rgba(255,255,255,0.6);}
.ibanner .swiper-button .circle2 circle {fill: transparent; stroke-width: 2px; stroke:#fff; stroke-dasharray: 0, 157;}
.ibanner .swiper-button .circle2 {z-index: 10;}
.ibanner .swiper-button .start .circle2 circle {stroke-dashoffset: 43; animation: bannerTime 6s linear;}
.ibanner .swiper-prev, .ibanner .swiper-next {position: relative; width: 50px; height: 50px; cursor: pointer;}
.ibanner .swiper-prev:hover i, .ibanner .swiper-next:hover i {color:#fff;}
.ibanner .text {position: absolute; inset: 0; z-index: 2; padding-top: 90px; box-sizing: border-box;}
.ibanner .text > div {display: flex; flex-direction: column; align-items: flex-end; justify-content: center; height: 100%; color:#fff;}
.ibanner .text h2 {font-size: 3.125vw; opacity: 0; transform: translateX(100px); transition: 1s 500ms ease;}
.ibanner .text h3 {margin-top: 15px; font-size: 2.864vw; font-weight: normal; opacity: 0; transform: translateX(100px); transition: 1s 500ms ease;}

.itis h2 {position: relative; padding-left: 25px; color:#000; font-size: var(--itis-fs); line-height: 1;}
.itis h2::before {position: absolute; top: 0; left: 0; display: block; width: 15px; height: 39px; background: url(../images/icon1.png) no-repeat; background-size: contain; content: '';}
.itis h3 {margin-top: 15px; color:#000; font-size: 32px; font-weight: normal;}
.itis p {margin-top: 8px; color:#757575; font-size: 18px; line-height: 1.6;}

.iys > div {padding-top: 120px; padding-bottom: 70px;}
.iys .cont {display: grid; grid-template-columns: repeat(4,1fr); gap: 42px; position: relative; margin-top: var(--mar-top6); margin-left: 1px; margin-right: 1px;}
.iys .cont a {position: relative; min-height: 487px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); transition: 400ms ease; overflow: hidden;}
.iys .cont a:nth-child(1) .desc .text {background-image: url(../images/01.png);}
.iys .cont a:nth-child(2) .desc .text {background-image: url(../images/02.png);}
.iys .cont a:nth-child(3) .desc .text {background-image: url(../images/03.png);}
.iys .cont a:nth-child(4) .desc .text {background-image: url(../images/04.png);}
.iys .cont a:hover {border-radius: 100px 10px 10px 10px;}
.iys .cont a:hover .desc {visibility: hidden;}
.iys .cont a:hover .mask {visibility: visible;}
.iys .cont a:hover .mask .btn-zoom::before {opacity: 1; transform: scale(1);}
.iys .cont a:hover .mask .btn-zoom::after {opacity: 1; transform: scale(1);}
.iys .cont a:hover .mask .btn-zoom i {opacity: 1;}
.iys .cont .pics {/*padding-top: 136.03%; z-index: -1; border-radius: 0 0 12px 12px; overflow: hidden;*/}
.iys .cont .desc {/*position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column;*/}
.iys .cont .desc .imgs img {position: absolute; top: 0; left: 0; width: 100%; height: auto;}
.iys .cont .desc .text {background-repeat: no-repeat; background-position: right 10px top 25px; background-color:#fff;}
.iys .cont .imgs {flex: 0 0 auto; padding-top: 78.212%; position: relative; overflow: hidden;}
.iys .cont .text {flex: 1 1 auto; padding: 35px 10px 10px 20px; box-sizing: border-box;}
.iys .cont .text i {margin-bottom: 15px; width: 32px; height: 32px; color:#fff; font-size: 15px; border-radius: 50%; background-color:#2f53ac;}
.iys .cont .text h2 {color:#000; font-size: 17px; font-weight: normal;}
.iys .cont .text p {margin-top: 8px; color:#525252; line-height: 1.6;}
.iys .cont .mask {position: absolute; inset: 0; z-index: 10; visibility: hidden;}
.iys .cont .mask img {z-index: -2;}
.iys .cont .mask::after {position: absolute; inset: 0; z-index: -1; display: block; content: ''; background-image:-webkit-linear-gradient(0deg,#2f53ac,transparent 60%); background-image:linear-gradient(0deg,#2f53ac,transparent 60%);}
.iys .cont .mask .icon {position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; padding-top: 140px;}
.iys .cont .mask .text i {opacity: 0;}
.iys .cont .mask .text h2 {color:#fff;}
.iys .cont .mask .text p {color:#fff;}
.iys .bar {display: grid; grid-template-columns: repeat(4,1fr); column-gap: 42px; position: relative; margin-top: var(--mar-top6); height: 2px; background-color:#efefef;}
.iys .bar li {position: relative; height: 100%;}
.iys .bar span {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color:#2f53ac; transition: 500ms ease-out;}

.iabout {display: flex; min-height: 980px; color:#fff; background: url(../images/iabout_bg.jpg) no-repeat center center/cover;}
.iabout > div {display: flex; flex-direction: column; justify-content: space-between; padding-top: 135px; padding-bottom: 120px;}
.iabout .itis h2 {color:#fff;}
.iabout .itis h2::before {background-image: url(../images/icon3.png);}
.iabout .itis h3 {color:#fefefe; padding-right: 200px;}
.iabout .text {position: relative; width: 73%;}
.iabout .text .editorc {margin-top: 55px; color:rgba(255,255,255,0.8); font-size: 18px;}
.iabout .text .abtn {position: absolute; top: 40px; right: 0;}
.iabout .list {display: grid; row-gap: 30px; width: 670px;}
.iabout .list li {display: flex; align-items: center; justify-content: space-between; position: relative; padding: 25px 0; color:rgba(255,255,255,0.8); font-size: 20px; line-height: 1.6; border-bottom: 2px solid rgba(255,255,255,0.4);}
.iabout .list li::after {position: absolute; bottom: -2px; left: 0; display: block; width: 120px; height: 2px; background-color:#2a63e5; content: ''; transition: 500ms ease;}
.iabout .list li i {flex: 0 0 auto; margin-left: 80px; width: 32px; height: 32px; border-radius: 50%; background-color:rgba(50,101,223,0.3);}
.iabout .list li i::after {width: 6px; height: 6px; border-radius: 50%; background-color:#fff; content: '';}
.iabout .list li:hover {color:#fff;}
.iabout .list li:hover::after {width: 100%;}
.iabout .list li:hover i {background-color:#3265df;}
.iabout .list li:hover i::after {animation: zoom2 2s ease-out infinite;}

.ipros {background: url(../images/ipros_bg.jpg) no-repeat center center/cover;}
.ipros > div {padding-top: 130px; padding-bottom: 130px;}
.ipros .conts {position: relative; margin-top: var(--mar-top6); padding-top: 40.384%;}
.ipros .cont {display: flex; justify-content: space-between; position: absolute; inset: 0;}
.ipros .cont .items {position: relative; width: 38.46%; border-radius: 10px; overflow: hidden; transition-duration: 500ms;}
.ipros .cont .items img {width: 100%; height: 100%; object-fit: cover;}
.ipros .cont .desc {position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 45px 20px 45px; color:#fff; opacity: 1; visibility: visible; box-sizing: border-box; background-image:-webkit-linear-gradient(0deg,#2c58bd 5%,transparent 60%); background-image:linear-gradient(0deg,#2c58bd 5%,transparent 60%);}
.ipros .cont .desc .name {display: flex; align-items: flex-end; justify-content: space-between; transition-duration: 300ms;}
.ipros .cont .desc .name h2 {font-size: 30px; font-weight: normal;}
.ipros .cont .desc .name span {flex: 0 0 auto; display: flex; align-items: center; margin-bottom: 3px; margin-left: 50px;}
.ipros .cont .desc .name i {flex: 0 0 auto; margin-left: 12px; font-size: 14px;}
.ipros .cont .desc p {margin-top: 10px; height: 90px; line-height: 30px; color: rgba(255,255,255,0.8); font-size: 16px; -webkit-line-clamp: 3; transition-duration: 300ms;}
.ipros .cont .mask {position: absolute; inset: 0; z-index: 10; display: flex; flex-direction: column; padding: 60px 50px 90px 50px; color:#fff; opacity: 0; box-sizing: border-box; background-image:-webkit-linear-gradient(180deg,#2c58bd 5%,transparent); background-image:linear-gradient(180deg,#2c58bd 5%,transparent);}
.ipros .cont .mask .text {transform: translateX(100px);}
.ipros .cont .mask .text h2 {font-size: 30px; font-weight: normal;}
.ipros .cont .mask .text p {margin-top: 25px; color: rgba(255,255,255,0.8); font-size: 16px; line-height: 2; -webkit-line-clamp: 5;}
.ipros .cont .mask .list {margin-top: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; transform: translateX(100px);}
.ipros .cont .mask .list li {display: flex;}
.ipros .cont .mask .list li a {display: flex; align-items: center; column-gap: 20px; color:#fff; font-size: 18px;}
.ipros .cont .mask .list li a i {flex: 0 0 auto; width: 34px; height: 34px; color:var(--blue); font-size: 14px; font-weight: bold; border-radius: 50%; background-color:rgba(255,255,2550,0.4);}
.ipros .cont .mask .list li a:hover i {color:#fff; font-weight: normal; background-color: var(--blue);}
.ipros .cont .mask .abtn {margin-top: 65px; transform: translateX(100px);}
.ipros .cont .on {width: 58.65%;}
.ipros .cont .on .desc {opacity: 0;}
.ipros .cont .on .desc .name {transform: translateX(100%);}
.ipros .cont .on .desc p {transform: translateX(100%);}
.ipros .cont .on .mask {opacity: 1; visibility: visible;}
.ipros .cont .on .mask .text, .ipros .cont .on .mask .list, .ipros .cont .on .mask .abtn {transform: translateX(0);}

.ifas {position: relative; padding-top: 43.75%; overflow: hidden;}
.ifas .conts, .ifas .cont {position: absolute; inset: 0;}
.ifas .imgs {position: absolute; inset: 0; z-index: -1; font-size: 0;}
.ifas .imgs img {visibility: hidden;}
.ifas .imgs img:nth-child(1) {visibility: visible;}
.ifas .cont {z-index: 10; color:#fff;}
.ifas .cont > div {display: flex; height: 100%;}
.ifas .cont .info {flex: 1 1 auto; position: relative; margin-right: 8%;}
.ifas .cont .intro {display: flex; flex-direction: column; position: absolute; inset: 0; padding-top: 130px; padding-bottom: 130px; box-sizing: border-box; opacity: 0; visibility: hidden; transition-property: all;}
.ifas .cont .intro:nth-child(1) {opacity: 1; visibility: visible;}
.ifas .cont .intro h2 {font-size: 48px; font-weight: normal;}
.ifas .cont .intro p {margin-top: 30px; color:rgba(255,255,255,0.7); font-size: 24px; line-height: 1.7;}
.ifas .cont .intro ul {margin-top: 70px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 24px;}
.ifas .cont .intro li a {display: flex; align-items: center; column-gap: 20px; color:#fff; font-size: 24px;}
.ifas .cont .intro li a i {flex: 0 0 auto; width: 34px; height: 34px; color:var(--blue); font-size: 14px; font-weight: bold; border-radius: 50%; background-color:rgba(255,255,2550,0.4);}
.ifas .cont .intro li a:hover i {color:#fff; font-weight: normal; background-color: var(--blue);}
.ifas .cont .intro .abtn {margin-top: auto;}

.ifas .cont .list {flex: 0 0 auto; width: 42.628%; display: flex; flex-direction: column; background-color: rgba(0,0,0,0.45);}
.ifas .cont .list a {flex: 1 1 auto; display: flex; align-items: center; column-gap: 90px; padding: 20px 50px; transition: none; overflow: hidden;}
.ifas .cont .list a:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,0.6);}
.ifas .cont .list a.on {background-color:rgba(255,255,255,0.8);}
.ifas .cont .list a.on .text h2 {color: var(--blue);}
.ifas .cont .list a.on .text p {color:#000;}
.ifas .cont .list a.on .icon {color:#fff; background-color: var(--blue);}
.ifas .cont .list .text h2 {color:#fff; font-size: 24px; font-weight: normal;}
.ifas .cont .list .text p {margin-top: 10px; color:rgba(255,255,255,0.7); line-height: 1.6; -webkit-line-clamp: 5;}
.ifas .cont .list .icon {flex: 0 0 auto; width: 50px; height: 50px; color: var(--blue); font-size: 18px; font-weight: bold; border-radius: 50%; background-color:#fff; transition: none;}

.ifas-m {display: none;}
/*===================================================================================*/

.tmar {margin-top: 100px;}
.tpad {padding-top: 100px;}
.bpad {padding-bottom: 100px;}
.ipad {padding-top: 120px; padding-bottom: 120px;}
.cpad {padding-top: 100px; padding-bottom: 100px;}
.cdw {position: absolute; top: -180px;}
.awm-pic {font-size: 0; text-align: center;}
.awm-pic img {max-width: 100%;}
.awf-pic {font-size: 0;}
.awf-pic img {width: 100%;}
.aof-pic {position: relative; display: block; padding-top: 50%; overflow: hidden;}
.aof-pic > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.aof-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.imgs-scale {transition: all 500ms ease-out;}
.imgs-scale:hover {transform: scale(1.05);}
.tag-number {position: relative; width: 100px; height: 110px; border-radius: 0 0 55px 55px; background-color:#d5ddee;}
.tag-number::after {position: absolute; top: 0; right: 10px; bottom: 10px; left: 10px; display: block; border-radius: 0 0 40px 40px; background-color:#2f53ac; content: '';}
.tag-number span {position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 10; width: 60px; height: 60px; color:#2f53ac; font-size: 34px; font-weight: bold; border-radius: 50%; background-color:#fff;}

.btn-learn {display: flex;}
.btn-learn a {display: flex; align-items: center; column-gap: 25px; padding: 6px 12px 6px 18px; color:#000; border-radius: 100px; background-color:rgba(255,255,255,0.9);}
.btn-learn a i {flex: 0 0 auto; width: 34px; height: 34px; color:#fff; font-size: 14px; font-weight: bold; border-radius: 50%; background-color: var(--blue);}
.btn-learn a:hover, .btn-learn .on {color:#fff; background-color:#2f53ac;}
.btn-learn a:hover i, .btn-learn .on i {color: var(--blue); background-color:#fff;}

.btn-zoom {position: relative; width: 80px; height: 80px;}
.btn-zoom::before {position: absolute; inset: 0; z-index: -2; display: block; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); content: ''; opacity: 0; transform: scale(2); transition: 500ms ease;}
.btn-zoom::after {position: absolute; inset: 10px; z-index: -1; display: block; border-radius: 50%; background-color:rgba(255,255,255,0.9); content: ''; opacity: 0; transform: scale(2); transition: 500ms ease;}
.btn-zoom i {width: 32px; height: 32px; color:#fff; font-size: 14px; border-radius: 50%; background-color:#2f53ac; opacity: 0;}

.ntis {text-align: center;}
.ntis h2 {color: var(--tis-color); font-size: var(--ntis-fs); line-height: 1;}
.ntis h2.white {color:#fff;}
.ntis h2.lh {line-height: 1.4;}

.banner {position: relative; z-index: 1; height: 700px; overflow: hidden;}
.banner > img {width: 100%; height: 100%; object-fit: cover; animation: scale2 10s 2s ease infinite;}
.banner .intro {position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; color:#fefefe; box-sizing: border-box;}
.banner .intro.center {align-items: center; text-align: center;}
.banner .intro h1, .banner .intro h2 {font-size: 48px; line-height: 1;}
.banner .intro h3 {font-size: 40px; line-height: 1;}
.banner .intro .en {margin-top: 30px; font-size: 36px; font-weight: normal; line-height: 1; text-transform: uppercase;}
.banner .intro .enpad {padding-bottom: 10px;}
.banner .intro .tis {margin-top: 10px; font-size: 30px; font-weight: normal; line-height: 1.6;}
.banner .intro .desc {margin-top: 20px; font-size: 16px; line-height: 2; width: 50%;}
.banner .intro .desc2 {margin-top: 35px; font-size: 18px; line-height: 2; padding-left: 7.7%; padding-right: 7.7%;}
.banner .intro .jrwm-tis {margin-top: 30px; font-size: 48px; line-height: 1.6;}
.banner .intro .jrwm-desc {margin-top: 20px; font-size: 24px; line-height: 1.8; color:#f4f4f4;}

.bnav {position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; height: 90px; color:rgba(255,255,255,0.8); background-color: rgba(0,0,0,0.5);}
.bnav > div {display: flex; align-items: center; height: 100%;}
.bnav a {color:rgba(255,255,255,0.8);}
.bnav a:hover {color:#fff;}
.bnav .btext {margin-right: 100px; color:rgba(255,255,255,0.8);}
.bnav .btext a {color:rgba(255,255,255,0.8);}
.bnav .btext a:hover {color:#fff;}
.bnav .btext i {background-image: url(../images/icon-location.png);}
.bnav .btext strong {color:#fff;}
.bnavs {padding-top: 35px; padding-bottom: 35px;}
.btext {display: flex; align-items: center; flex-wrap: wrap; color:#808080;}
.btext a {color:#808080;}
.btext a:hover {color:#000;}
.btext i {flex: 0 0 auto; margin-right: 15px; width: 17px; height: 25px; opacity: 0.7; background: url(../images/icon-location2.png) no-repeat;}
.btext span {margin-left: 8px; margin-right: 8px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px;}
.btext strong {color:#000; font-weight: normal;}

.bmenu {display: flex; column-gap: 80px; margin-left: auto; height: 100%;}
.bmenu a {display: flex; align-items: center; justify-content: center; position: relative; min-width: 128px; height: 100%; font-size: 20px;}
.bmenu a::after {position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; visibility: hidden; opacity: 0; background-color:#fff; content: ''; transform: translateX(-50%); transition: 300ms ease-out;}
.bmenu a.curt, .bmenu a:hover {color:#fff;}
.bmenu a.curt::after, .bmenu a:hover::after {width: 48px; opacity: 1; visibility: visible;}

.bnav-m {display:none; padding:8px 4%; color:#999; font-size:12px; background-color:#f2f2f2;}
.bnav-m a {color:#999;}
.bnav-m i {margin:0px 6px; font-size:10px;}
.bnav-m strong {color: var(--hover-color); font-weight:normal;}
.bname-m {position:relative; display:none; background-color: var(--blue)/*#3364c3*/; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); overflow:hidden;}
.bname-m h2 {padding:12px 60px 12px 4%; color:#fff; font-size:18px;}
.bname-m span {position:absolute; top:50%; right:4%; margin-top:-4px; display:block; border:8px solid transparent; border-top-color:#fff; transition:none;}
.bname-m span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;}
.bmenu-m {display:none; width:100%; transition:none; background-color:#3364c3;}
.bmenu-m a {display:flex; align-items: center; padding:11px var(--pad-lr) 11px 4.2%; color:#fff; font-size:14px; border-top:1px solid rgba(255,255,255,0.15);}
.bmenu-m a:first-child {border-top: none;}
.bmenu-m a:before {margin-right:10px; width:4px; height:4px; border-radius:50%; background-color:#fff; content:"";}
.bmenu-m a span {margin-right: 4%;}
.bmenu-m a i {margin-left: auto; font-size:14px;}
.bmenu-m a.curt {}
.bmenu-m a.subs {padding-left:8%;}
.bmenu-m a.subs:before {display:none;}
.bmenu-m a.thds {padding-left:14%;}
.bmenu-m a.thds:before {display:none;}

.sfls {display: flex; justify-content: space-evenly; height: 85px; background-color:#ebeef4;}
.sfls a {display: flex; align-items: center; justify-content: center; position: relative; height: 100%; color:#000; font-size: 22px;}
.sfls a::after {position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; visibility: hidden; opacity: 0; background-color: var(--blue); content: ''; transform: translateX(-50%); transition: 300ms ease-out;}
.sfls a:hover, .sfls a.curt {color: var(--blue);}
.sfls a.curt::after, .sfls a:hover::after {width: 48px; opacity: 1; visibility: visible;}

/*===================================================================================*/

.nodata {padding: 100px 0; color:#999; font-size:16px; text-align:center;}
.nodata p {margin-top: 10px; line-height: 1.8;}
.input-mig {width: 0; height: 0; opacity: 0; visibility: hidden; display: none;}
.input-text {padding:0px 8px;width:280px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input-area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;}
.input-select {padding:0 0 0 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input-radio {position:relative;top:1px;}
.input-checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input-radio {position:relative;top:3px;width:15px;height:15px;}
	.input-checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:150px;height:40px;color:#fff;font-size:16px;box-sizing:border-box;border:none;background-color:#333;cursor:pointer;}
.button:hover {background-color:#ff0000;}

.editorc-nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc-box {padding-top:2.5%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {font-size: var(--editorc-fs); line-height: var(--editorc-lh);}
.editorc::after {display:block;width:100%;clear:both;content:'';}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0;font-weight:bold;line-height:1.4;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0;}
.editorc table.border {margin-bottom:20px;border-collapse:collapse;border:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0;}
.editorc table.border td p {margin:0;padding:0;}
.editorc table.border th p {margin:0;padding:0;}
/*
.editorc h1 {font-size: 32px;}
.editorc h2 {font-size: 24px;}
.editorc h3 {font-size: 18px;}
.editorc h4 {font-size: 16px;}
.editorc h5 {font-size: 13px;}
.editorc h6 {font-size: 12px;}
*/
.editorc-tbe table {margin-bottom:20px;border-collapse:collapse;border:1px solid #ddd;}
.editorc-tbe td, .editorc-tbe th {padding:6px 5px;border:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0;}
.editorc-tbe td p,.editorc-tbe th p {margin:0;padding:0;}
.editorc-tbe table.no-border {border:none;}
.editorc-tbe table.no-border table {border:none;}
.editorc-tbe table.no-border td {border:none;padding:0;}
.editorc-tbe table.no-border th {border:none;padding:0;}

.pnas {position: relative; display: flex; margin-top: 4%; padding-top: 45px; border-top: 1px solid #dcdcdc;}
.pnas .prev, .pnas .next {display: flex; align-items: center; justify-content: center; column-gap: 20px; width: 200px; height: 60px; color:#484848; font-size: 18px; border-radius: 30px; border: 1px solid #a6b9e3; background-color:#fff;}
.pnas .prev i, .pnas .next i {color: var(--blue); font-size: 22px;}
.pnas .prev:hover, .pnas .next:hover {color:#fff; border-color: var(--blue); background-color: var(--blue);}
.pnas .prev:hover i, .pnas .next:hover i {color:#fff;}
.pnas .next {position: absolute; top: 45px; right: 0;}
.pnas .back {position: absolute; top: -1px; left: 50%; margin-left: -62px; width: 124px; display: flex; flex-direction: column; align-items: center; row-gap: 10px; color:#484848; text-align: center; background-color:#fff;}
.pnas .back i {width: 46px; height: 46px; color: var(--blue); font-size: 24px; border-radius: 50%; border: 1px solid var(--blue);}
.pnas .back i:hover {color:#fff; background-color: var(--blue);}

/*===================================================================================*/
/* 产品 */

.pros {background-color:#ebeef4;}
.pros > div {padding-top: 1px; padding-bottom: 100px; position: relative;}
.pros .sfls {margin-top: 70px; border-radius: 10px; background-color:#fff;}
.pros .ssjg {display: flex; align-items: center; justify-content: center; margin-top: 70px; height: 85px; color:#000; font-size: 18px; border-radius: 10px; background-color:#fff;}

.pros .list {display: grid; grid-template-columns: repeat(3,1fr); gap: 50px 37px; margin-top: 80px;}
.pros .list a {position: relative; border-radius: 10px; background-color:#fff; overflow: hidden;}
.pros .list a:hover .desc {opacity: 0;}
.pros .list a:hover .mask {opacity: 1; visibility: visible;}
.pros .list a:hover .mask .btn-zoom::before {opacity: 1; transform: scale(1);}
.pros .list a:hover .mask .btn-zoom::after {opacity: 1; transform: scale(1);}
.pros .list a:hover .mask .btn-zoom i {opacity: 1;}
.pros .list .imgs {padding-top: 74.1%;}
.pros .list .text {padding: 30px 40px;}
.pros .list .text h2 {color:#000; font-size: 24px; font-weight: normal;}
.pros .list .text p {margin-top: 15px; color:#484848; font-size: 18px; line-height: 1.8;}
.pros .list .icon {position: absolute; inset: 0;}
.pros .list .mask {position: absolute; inset: 0; z-index: 10; opacity: 0; visibility: hidden;}
.pros .list .mask::after {position: absolute; inset: 0; z-index: -1; display: block; content: ''; background-image:-webkit-linear-gradient(0deg,#2f53ac 15%,transparent 110%); background-image:linear-gradient(0deg,#2f53ac 15%,transparent 110%);}
.pros .list .mask .imgs {z-index: 11;}
.pros .list .mask .text h2 {color:#fff;}
.pros .list .mask .text p {color:#ebebeb;}

.pros .list-fl {display: grid; grid-template-columns: 1fr 1fr; gap: 60px 52px; margin-top: 100px;}
.pros .list-fl li {position: relative; overflow: hidden;}
.pros .list-fl li:hover .name h2::after {width: 100%; background-color:#fff;}
.pros .list-fl .imgs {padding-top: 63.311%;}
.pros .list-fl .mask {display: flex; flex-direction: column; position: absolute; inset: 0; padding: 50px 40px; box-sizing: border-box;}
.pros .list-fl .mask a {color:#fff;}
.pros .list-fl .name {display: flex; justify-content: flex-start;}
.pros .list-fl .name h2 {position: relative; padding-bottom: 20px; min-width: 360px; font-size: 24px; font-weight: normal; border-bottom: 1px solid rgba(255,255,255,0.2);}
.pros .list-fl .name h2::after {position: absolute; bottom: -1px; left: 0; display: block; width: 45px; height: 1px; background-color: rgba(255,255,255,0.5); content: ''; transition: 500ms ease;}
.pros .list-fl .tfls {display: grid; grid-template-columns: 1fr 1fr; gap: 20px 30px; justify-items: start; margin-top: 50px; width: 425px;}
.pros .list-fl .tfls a {display: flex; column-gap: 12px; color:#e2e2e2; font-size: 18px;}
.pros .list-fl .tfls a i {flex: 0 0 auto; margin-top: 3px; width: 16px; height: 16px; color:#e2e2e2; font-size: 8px; border-radius: 50%; border: 1px solid #e2e2e2; transition: transform 300ms ease-out;}
.pros .list-fl .tfls a:hover {color:#fff;}
.pros .list-fl .tfls a:hover i {color:var(--blue); font-weight: bold; border-color:#fff; background-color:#fff; transform: rotate(90deg);}
.pros .list-fl .abtn {margin-top: auto;}
.pros .list-fl .abtn a {color: var(--blue); background-color:#fff;}
.pros .list-fl .abtn a i {color:#fff; background-color:#2f53ac;}

.pros .mpage {display: none;}

.prods .info {background-color:#f5f6f9;}
.prods .info > div {display: flex; flex-wrap: wrap; align-items: flex-start; padding-right: 70px; padding-bottom: 82px; background: url(../images/bg_p2.png) no-repeat right 150px top; background-size: auto 100%;}
.prods .info .btext {padding-top: 35px; padding-bottom: 60px; width: 100%;}
.prods .info .text {padding-right: 150px; width: calc(100% - 552px); box-sizing: border-box;}
.prods .info .name {color:#000; font-size: var(--ntis-fs); font-weight: normal;}
.prods .info .name::before {display: block; margin-bottom: 15px; width: 42px; height: 17px; background: url(../images/bg_p1.png) no-repeat; background-size: contain; content: '';}
.prods .info .tis {margin-top: 15px; color:#2f53ac; font-size: var(--tis30-fs); font-weight: normal;}
.prods .info .editorc {margin-top: 30px; font-size: 18px; line-height: 1.8;}
.prods .info .abtn {display: flex; margin-top: 30px;}
.prods .info .abtn a {display: flex; align-items: center; column-gap: 25px; padding: 6px 10px 6px 18px; color:#fff; border-radius: 100px; background-color:#2f53ac;}
.prods .info .abtn a i {flex: 0 0 auto; width: 34px; height: 34px; color: var(--blue); font-size: 26px; border-radius: 50%; background-color:#fff; transform: rotate(90deg);}
.prods .info .imgs {width: 552px; font-size: 0; border-radius: 10px; background-color:#fff; overflow: hidden;}
.prods .info .imgs img {width: 100%;}
.prods .imgs-m {display: none; font-size: 0; text-align: center; background-color:#fff;}
.prods .imgs-m img {max-width: 100%;}

.prods .gntd .cont {display: grid; grid-template-columns: repeat(3,1fr); gap: 35px 40px; margin-top: var(--mar-top6);}
.prods .gntd .cont li {display: flex; position: relative; top: 0; border-radius: 10px; background-color:#f5f6f9; overflow: hidden; transition: 500ms ease;}
.prods .gntd .cont li:hover {top: -10px; box-shadow: 0 0 20px rgba(0,0,0,0.15); background-color:#fff;}
.prods .gntd .cont .tag-number {flex: 0 0 auto;}
.prods .gntd .cont .text {flex: 1 1 auto; padding: 35px 20px;}
.prods .gntd .cont .text h4 {color:#000; font-size: 24px; font-weight: normal;}
.prods .gntd .cont .text p {margin-top: 15px; color:#585858; font-size: 18px; line-height: 1.7;}

.prods .zyyt {background-color:#f5f6f9;}
.prods .zyyt .cont {display: flex; justify-content: space-between; position: relative; margin-top: var(--mar-top6); height: 558px;}
.prods .zyyt .cont .imgs {display: flex; width: 47.82%; height: 100%; border-radius: 0 10px 10px 0; overflow: hidden;}
.prods .zyyt .cont .imgs span {position: relative; width: 100%; height: 100%; font-size: 0; overflow: hidden;}
.prods .zyyt .cont .text {position: relative; margin-top: 15px; margin-bottom: 15px; padding-right: var(--wrap-margin); width: 50%; box-sizing: border-box;}
.prods .zyyt .cont .bar {position: absolute; top: 0; left: 0; width: 14px; height: 100%;}
.prods .zyyt .cont .bar::before {position: absolute; top: 0; left: 0; display: block; width: 14px; height: 14px; border-radius: 50%; background-color:var(--blue); content: '';}
.prods .zyyt .cont .bar::after {display: block; margin:0 auto; width: 2px; height: 100%; background-color:#dcdcdc; content: '';}
.prods .zyyt .cont .bar .line {position: absolute; top: 0; left: 50%; z-index: 10; margin-left: -1px; width: 2px; height: 30%; background-color:var(--blue); content: ''; transition: 300ms ease;}
.prods .zyyt .cont .desc {display: flex; flex-direction: column; row-gap: 35px; padding-left: 38px; height: 100%; overflow-y: auto;}
.prods .zyyt .cont .desc::-webkit-scrollbar {width: 6px; height: 6px; background-color:#f5f6f9;}
.prods .zyyt .cont .desc::-webkit-scrollbar-track {border-radius: 3px; background-color:#f5f6f9;}
.prods .zyyt .cont .desc::-webkit-scrollbar-thumb {border-radius: 3px; background-color:#f5f6f9;}
.prods .zyyt .cont .desc h4 {color:#000; font-size: 24px; font-weight: normal;}
.prods .zyyt .cont .desc p {margin-top: 10px; color:#585858; font-size: 18px; line-height: 1.7;}

.prods .specs .cont {margin-top: var(--mar-top6); overflow-x: auto;}
.prods .specs .cont table {border-collapse:collapse;}
.prods .specs .cont table tr:nth-child(2n+1) td {border-right:1px solid rgba(255,255,255,0.8); background-color:#dce5f9;}
.prods .specs .cont table tr:nth-child(1) td {color:#fff; font-size: 20px; font-weight: bold; text-align: center; background-color:#214fb9;}
.prods .specs .cont table tr:nth-child(1) td:not(:last-child) {border-right:1px solid rgba(255,255,255,0.8);}
.prods .specs .cont table tr td {padding: 20px; font-size: 18px; border-bottom:1px solid rgba(255,255,255,0.8);}
.prods .specs .cont table tr td:not(:last-child) {border-right:1px solid #e6e6e6;}
.prods .specs .cont table tr:nth-child(2n+1) td {border-right:1px solid rgba(255,255,255,0.8);}
.prods .specs .cont table tr:not(:first-child) td:nth-child(1) {color:#fff; font-size: 20px; font-weight: bold; text-align: center; border-right: none; background-color:#6088e3;}

/*===================================================================================*/
/* 新闻列表 */

.news {background-color:#ebeef4;}
.news .tws {position: relative; margin-bottom: 80px; border-radius: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.2); background-color:#fff; overflow: hidden;}
.news .tws .swiper-slide {display: flex;}
.news .tws .swiper-slide:hover .imgs img {transform: scale(1.05);}
.news .tws .swiper-pagination {bottom: 30px; left: auto; right: 30px; display: flex; align-items: center; column-gap: 14px; width: auto; height: auto;}
.news .tws .swiper-pagination span {display: flex; align-items: center; justify-content: center; margin: 0; width: 16px; height: 16px; opacity: 1; box-sizing: border-box; background-color:#ebeef4;}
.news .tws .swiper-pagination span.swiper-pagination-bullet-active {width: 20px; height: 20px; opacity: 1; border: 1px solid #3265df; background-color:#fff;}
.news .tws .swiper-pagination span.swiper-pagination-bullet-active::after {width: 12px; height: 12px; border-radius: 50%; background-color:#3265df; content: '';}
.news .tws .imgs {flex: 0 0 auto; width: 45.897%;}
.news .tws .imgs span {padding-top: 59.357%;}
.news .tws .imgs img {transition-duration: 500ms; transition-timing-function: ease-out;}
.news .tws .text {flex: 1 1 auto; padding: 50px 60px; min-width: 0; box-sizing: border-box;}
.news .tws .name {font-size: 22px; font-weight: normal;}
.news .tws .date {margin-top: 10px; color:#888;}
.news .tws .desc {margin-top: 30px; color:#454545; line-height: 2; -webkit-line-clamp: 3;}
.news .tws .abtn {display: flex; margin-top: 40px;}
.news .tws .abtn a {display: flex; align-items: center; column-gap: 25px; color:#000;}
.news .tws .abtn i {width: 34px; height: 34px; color:#fff; font-size: 13px; border-radius: 50%; background-color: var(--blue);}

.nlist {display: grid; grid-template-columns: repeat(3,1fr); gap: 74px;}
.nlist a {min-width: 0; border-radius: 10px; background-color:#fff; overflow: hidden;}
.nlist a:hover {background-color:#3265df;}
.nlist a:hover .imgs img {transform: scale(1.05);}
.nlist a:hover .text {color:#fff;}
.nlist a:hover .date {color:#fff;}
.nlist a:hover .name {color:#fff; font-weight: normal;}
.nlist a:hover .abtn i {color:#fff; border-color:#fff; transform: rotate(0deg);}
.nlist .imgs {padding-top: 59.357%;}
.nlist .imgs img {transition: 500ms ease-out;}
.nlist .text {padding: 18px 35px 25px 35px; color: var(--text-color); font-size: 14px;}
.nlist .date {color:#888;}
.nlist .name {margin-top: 5px; color: var(--a-color); font-size: 16px;}
.nlist .desc {margin-top: 10px; line-height: 1.6;}
.nlist .abtn {display: flex; align-items: flex-end; justify-content: space-between; margin-top: 15px; padding-top: 18px; border-top: 1px solid #f2f4f8;}
.nlist .abtn i {width: 18px; height: 18px; color: var(--blue); font-size: 12px; border-radius: 50%; border: 1px solid var(--blue); transform: rotate(-45deg); transition-duration: 300ms;}

.wzds {background-color:#ebeef4;}
.wzds .cont {padding: 0 60px 100px 60px; border-radius: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.1); background-color:#fff;}
.wzds .info {padding-top: 70px; padding-bottom: 35px; text-align: center; border-bottom: 1px solid #dcdcdc;}
.wzds .info h1 {color:#000; font-size: 26px; font-weight: normal; line-height: 1.5;}
.wzds .info p {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 50px; margin-top: 35px; color:#999;}
.wzds .info p i {margin-right: 5px;}
.wzds .editorc {margin-top: 3%;}
.wzds .hots {padding-top: 120px;}
.wzds .hots .nlist {margin-top: var(--mar-top6);}
.wzds .hots .nlist a:nth-child(4) {display: none;}

/*===================================================================================*/
/* 解决方案 */

.jjfa {background-color:#ebeef4;}
.jjfa .list {display: grid; grid-template-columns: 1fr 1fr; gap: 70px;}
.jjfa .list a {position: relative; color:#fff; border-radius: 10px; overflow: hidden;}
.jjfa .list .imgs {padding-top: 68.188%;}
.jjfa .list .imgs img {transition-duration: 500ms;}
.jjfa .list .text {position: absolute; bottom: 35px; left: 40px; right: 40px; z-index: 2;}
.jjfa .list .text .name {display: flex; align-items: flex-end; justify-content: space-between;}
.jjfa .list .text .name h2 {font-size: 26px; font-weight: normal;}
.jjfa .list .text .name i {flex: 0 0 auto; margin-bottom: 3px; width: 24px; height: 24px; margin-left: 80px; color:var(--blue); font-size: 10px; font-weight: bold; border-radius: 50%; background-color:#fff;}
.jjfa .list .text p {margin-top: 8px; color:#f0f0f0; font-size: 18px;}
.jjfa .list .mask {display: flex; flex-direction: column; align-items: center; position: absolute; inset: 0; z-index: 10; padding: 40px; text-align: center; opacity: 0; box-sizing: border-box; background-image:-webkit-linear-gradient(0deg,#214fb9 10%,transparent); background-image:linear-gradient(0deg,#214fb9 10%,transparent);}
.jjfa .list .mask h2 {font-size: 26px; font-weight: normal; opacity: 0; transform: translateY(100px); transition: 300ms ease-out;}
.jjfa .list .mask p {margin-top: 8px; color:#f0f0f0; font-size: 18px; line-height: 1.6; opacity: 0; transform: translateY(100px); transition: 300ms ease-out;}
.jjfa .list .mask .icon {margin-top: 150px; margin-bottom: 15px;}
.jjfa .list a:hover .imgs img {transform: scale(1.05);}
.jjfa .list a:hover .text {opacity: 0;}
.jjfa .list a:hover .mask {opacity: 1;}
.jjfa .list a:hover .mask .icon::before {opacity: 1; transform: scale(1);}
.jjfa .list a:hover .mask .icon::after {opacity: 1; transform: scale(1);}
.jjfa .list a:hover .mask .icon i {opacity: 1;}
.jjfa .list a:hover .mask h2, .jjfa .list a:hover .mask p {opacity: 1; transform: translateY(0);}

.fads-bnav {position: absolute; top: 115px; left: 0;}
.fads-bnav .btext {color:rgba(255,255,255,0.8);}
.fads-bnav .btext a {color:rgba(255,255,255,0.8);}
.fads-bnav .btext a:hover {color:#fff;}
.fads-bnav .btext i {background-image: url(../images/icon-location.png);}
.fads-bnav .btext strong {color:#fff;}

.fads .fajs {display: none;}

.fads .fajz {background-color:#f5f6f9;}
.fads .fajz .cont {display: grid; grid-template-columns: repeat(4,1fr); gap: 50px; margin-top: var(--mar-top6);}
.fads .fajz .cont li {position: relative; top: 0; padding: 0 30px 30px 30px; min-height: 380px; text-align: center; box-sizing: border-box; border-radius: 10px; background-color:#fff; transition: 300ms ease-out;}
.fads .fajz .cont li h4 {margin-top: 40px; color:#000; font-size: 24px; font-weight: normal;}
.fads .fajz .cont li p {margin-top: 40px; color:#585858; font-size: 18px; line-height: 1.6;}
.fads .fajz .cont li:hover {top: -20px; box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.fads .fajz .cont .tag-number {margin: 0 auto;}

.fads .hxsb .cont {margin-top: var(--mar-top6);}
.fads .hxsb .cont li {display: flex; min-height: 540px; background-color:#f5f6f9;}
.fads .hxsb .cont li:not(:first-child) {margin-top: 50px;}
.fads .hxsb .cont li:hover .imgs span {transform: scale(1.05);}
.fads .hxsb .cont .imgs {flex: 0 0 auto; width: 46.795%; font-size: 0; overflow: hidden;}
.fads .hxsb .cont .imgs span {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition-duration: 500ms;}
.fads .hxsb .cont .imgs img {display: none;}
.fads .hxsb .cont .text {padding: 40px 40px 40px 80px;}
.fads .hxsb .cont .name {color:#000; font-size: 24px;}
.fads .hxsb .cont .desc {display: flex; flex-direction: column; row-gap: 20px; margin-top: 35px;}
.fads .hxsb .cont .desc dd {position: relative; padding-left: 35px;}
.fads .hxsb .cont .desc i {position: absolute; top: 3px; left: 0; width: 22px; height: 22px; color:#fff; font-size: 10px; border-radius: 50%; background-color:var(--blue);}
.fads .hxsb .cont .desc h4 {color:#000; font-size: 20px; font-weight: normal;}
.fads .hxsb .cont .desc p {margin-top: 5px; color:#585858; line-height: 1.6;}
.fads .hxsb .cont .abtn {margin-top: 45px;}

/*===================================================================================*/
/* 资料下载 */

.zlxz > div {padding-top: 60px; padding-bottom: 90px;}
.zlxz .cont {margin-top: 60px;}
.zlxz .cont dl {display: flex; align-items: center; column-gap: 40px; padding-top: 20px; padding-bottom: 20px;}
.zlxz .cont dl dd {display: flex; align-items: center; justify-content: center;}
.zlxz .cont dl dd.name {justify-content: flex-start;}
.zlxz .cont .head {color:#fff; font-size: 20px; background-color: var(--blue);}
.zlxz .cont .name {flex: 1 1 auto; padding-left: 45px;}
.zlxz .cont .name i {flex: 0 0 auto; margin-right: 20px; width: 20px; height: 25px; background: url(../images/icon-file.png) no-repeat;}
.zlxz .cont .date {flex: 0 0 auto; width: 170px;}
.zlxz .cont .btn {flex: 0 0 auto; width: 170px;}
.zlxz .cont .btn a {padding-left: 20px; padding-right: 20px; height: 34px; font-size: 16px; border-radius: 18px; border: 1px solid #565656;}
.zlxz .cont .btn a i {flex: 0 0 auto; margin-right: 10px; width: 20px; height: 17px; background: url(../images/icon-download.png) no-repeat;}
.zlxz .list dl {font-size: 18px; border-bottom: 1px solid #dcdcdc;}
.zlxz .list dl:hover {color: var(--blue);}
.zlxz .list dl:hover .name a {color: var(--blue);}
.zlxz .list dl:hover .name i {background-position: right top;}
.zlxz .list dl:hover .btn a {color:#fff; border-color: var(--blue); background-color: var(--blue);}
.zlxz .list dl:hover .btn a i {background-position: right top;}

.video {background-color:#ebeef4;}
.video > div {padding-top: 60px; padding-bottom: 80px;}
.video .list {display: grid; grid-template-columns: repeat(3,1fr); gap: 40px 37px;}
.video .list li {display: flex;}
.video .list a {display: flex; flex-direction: column; width: 100%; color:#000; border-radius: 10px; background-color:#fff; overflow: hidden;}
.video .list a.sj {display: none;}
.video .list a:hover {color:#3265df;}
.video .list a:hover .imgs img {transform: scale(1.05);}
.video .list a:hover .mask {opacity: 1; visibility: visible;}
.video .list a:hover .icon::before {animation: rotate2 2s linear infinite;}
.video .list a:hover .name span {transform: translateY(-10px);}
.video .list .imgs {position: relative; padding-top: 74.15%; font-size: 0; overflow: hidden;}
.video .list .imgs img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.video .list .mask {position: absolute; inset: 0; z-index: 2; opacity: 0; visibility: hidden; background-image:-webkit-linear-gradient(0deg,transparent,#2f53ac 90%); background-image:linear-gradient(0deg,transparent,#2f53ac 90%);}
.video .list .icon {position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; width: 61px; height: 61px;}
.video .list .icon::before {position: absolute; inset: 0; display: block; background: url(../images/icon-play1.png) no-repeat; background-size: contain; content: '';}
.video .list .icon::after {width: 21px; height: 24px; background: url(../images/icon-play2.png) no-repeat; background-size: contain; content: '';}
.video .list .name {display: flex; align-items: center; justify-content: center; padding: 10px 20px; height: 110px; font-size: 24px; text-align: center; box-sizing: border-box;}
.video .list .name span {transition-duration: 300ms;}

.video-play {width:1200px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}

/*===================================================================================*/
/* 关于我们 */

.gywm .gsjj .cont {display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px;}
.gywm .gsjj .cont .text {flex: 1 1 auto; margin-right: 60px;}
.gywm .gsjj .cont .text .name {color:#000; font-size: var(--tis-fs); line-height: 1;}
.gywm .gsjj .cont .text .tis {margin-top: 10px; color:#194ebe; font-size: var(--ntis-fs); font-weight: normal; line-height: 1.6;}
.gywm .gsjj .cont .text .intro {margin-top: 40px; color:#484848; font-size: 18px;}
.gywm .gsjj .cont .imgs {flex: 0 0 auto; width: 49.167%; font-size: 0;}
.gywm .gsjj .cont .imgs img {max-width: 100%;}

.gywm .gys {padding-top: 115px; padding-bottom: 115px; height: 634px; box-sizing: border-box; background: url(../images/gys_bg.jpg) no-repeat center center/cover;}
.gywm .gys .ntis h2 {color:#fff;}
.gywm .gys .cont {position: relative; margin-top: 80px; height: 275px;}
.gywm .gys .cont .swiper {height: 100%;}
.gywm .gys .cont .swiper-pagination {display: none;}
.gywm .gys .cont .items {position: relative; padding-top: 46.8%; border-radius: 8px; background-color: rgba(255,255,255,0.8); overflow: hidden;}
.gywm .gys .cont .items span {position: absolute; inset: 0; font-size: 0; box-sizing: border-box;}
.gywm .gys .cont .items img {max-width: 100%; max-height: 100%;}

.gywm .fwln {padding-top: 140px; padding-bottom: 140px;}
.gywm .fwln .cont {margin-top: 80px;}
.gywm .fwln .rows {position: relative;}
.gywm .fwln .rows:not(:first-child) {margin-top: 80px;}
.gywm .fwln .rows .imgs {display: flex; font-size: 0;}
.gywm .fwln .rows .imgs span {width: 984px; overflow: hidden;}
.gywm .fwln .rows .imgs img {width: 100%; transition: 500ms ease-out;}
.gywm .fwln .rows .text {display: flex; position: absolute; bottom: 0; left: 0; right: 0;}
.gywm .fwln .rows .intro {display: flex; flex-direction: column; justify-content: center; padding: 50px 90px; width: 57.7%; min-height: 515px; box-sizing: border-box; background-color:#fff; transition: background-color 300ms;}
.gywm .fwln .rows .tis {position: relative; padding-bottom: 30px; border-bottom: 1px solid #fff;}
.gywm .fwln .rows .tis::after {position: absolute; bottom: -1px; left: 0; display: block; width: 42px; height: 2px; background-color:#214fb9; content: '';}
.gywm .fwln .rows .tis h3 {color:#000; font-size: var(--ntis-fs); font-weight: normal;}
.gywm .fwln .rows .tis h4 {margin-top: 5px; color:#1a4fbe; font-size: var(--tis30-fs); font-weight: normal;}
.gywm .fwln .rows .desc {margin-top: 30px; color: var(--text-color); font-size: 16px; line-height: 2;}
.gywm .fwln .rows:nth-child(even) .imgs {justify-content: flex-end;}
.gywm .fwln .rows:nth-child(odd) .text {justify-content: flex-end;}
.gywm .fwln .rows:hover .imgs img {transform: scale(1.05);}
.gywm .fwln .rows:hover .intro {background-color:#f8f8f8;}
.gywm .fwln .rows:hover .tis {border-bottom-color:#eaeaea;}


.jrwm > div {padding-top: 80px; padding-bottom: 100px;}
.jrwm .tits {display: flex; align-items: flex-end; justify-content: space-between;}
.jrwm .tits > div {display: flex; flex-direction: column; row-gap: 15px; font-size: 18px; line-height: 1;}
.jrwm .tits .email h2 {color:#000; font-size: var(--ntis-fs);}
.jrwm .tits .phone {color:#000; align-items: flex-end;}
.jrwm .tits .phone h2 {font-size: 24px; font-weight: normal;}
.jrwm .cont {margin-top: 65px;}
.jrwm .head {display: flex; align-items: center; padding: 10px 40px; box-sizing: border-box;}
.jrwm .head .name {flex: 1 1 auto;}
.jrwm .head .number {width: 240px; text-align: center;}
.jrwm .head .date {width: 240px; text-align: center;}
.jrwm .head .arrow {width: 40px; text-align: center;}
.jrwm .head .arrow i {font-size: 12px; transition: none;}
.jrwm .thead {height: 85px; color: var(--blue); font-size: 20px; border: 1px solid #ebeef4; background-color:#ebeef4;}
.jrwm .rhead {height: 78px; font-size: 18px; border: 1px solid #ebeef4; cursor: pointer;}
.jrwm .rhead .name {color:#000;}
.jrwm .list {margin-top: 12px;}
.jrwm .list .rows:not(:first-child) {margin-top: 10px;}
.jrwm .list .text {display: none; padding: 30px 40px; background-color:#f5f6f9; transition: none;}
.jrwm .list .active .rhead {color:#fff; border-color: var(--blue); background-color: var(--blue);}
.jrwm .list .active .rhead .name {color:#fff;}
.jrwm .list .active .rhead .arrow i {transform: rotate(180deg);}

/*===================================================================================*/
/* 联系我们 */

.lxwm > div {display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; padding-top: 120px; padding-bottom: 120px;}
.lxwm .info {font-size: 18px;}
.lxwm .info .intro h2 {color:#000; font-size: var(--tis-fs); line-height: 1.6;}
.lxwm .info .intro p {margin-top: 15px; color:#585858; line-height: 1.8;}
.lxwm .info .tel {display: flex; column-gap: 18px; margin-top: 40px;}
.lxwm .info .tel i {flex: 0 0 auto; width: 52px; height: 52px; color:#fff; font-size: 26px; border-radius: 50%; background-color:#2f53ac;}
.lxwm .info .tel div {display: flex; flex-direction: column; justify-content: space-between; line-height: 1;}
.lxwm .info .tel div span {color:#7c7c7c;}
.lxwm .info .tel div h2 {color:#000; font-size: 26px; font-weight: normal;}
.lxwm .info .lxs {display: flex; flex-direction: column; row-gap: 15px; margin-top: 45px;}
.lxwm .info .lxs p {display: flex; align-items: flex-start;}
.lxwm .info .lxs p i {flex: 0 0 auto; margin-right: 17px; background-repeat: no-repeat;}
.lxwm .info .lxs p span {flex: 0 0 auto;}
.lxwm .info .lxs .email {margin-top: 4px; width: 23px; height: 17px; background-image: url(../images/icon-email.png);}
.lxwm .info .lxs .address {width: 23px; height: 22px; background-image: url(../images/icon-address.png);}
.lxwm .info .qrcode {display: flex; column-gap: 32px; margin-top: 45px;}
.lxwm .info .qrcode li {padding: 8px; width: 195px; font-size: 0; text-align: center; box-sizing: border-box; border-radius: 8px; border: 1px solid #d2d2d2;}
.lxwm .info .qrcode li img {width: 100%;}
.lxwm .info .qrcode li p {padding-top: 3px; padding-bottom: 3px; color:#5c5b5b; font-size: 18px;}

.lxwm .message {position: relative; padding: 40px 60px 45px 60px; color:#5c5b5b; font-size: 16px; border-radius: 10px; border: 1px solid #d6d6d6;}
.lxwm .message .dw {position: absolute; top: -200px; right: 0;}
.lxwm .message .tis h3 {color:#000; font-size: 24px; font-weight: normal; line-height: 1;}
.lxwm .message .tis p {margin-top: 10px; line-height: 1.6;}
.lxwm .message .items {display: flex; margin-top: 50px; min-height: 35px; border-bottom: 1px solid #dbdbdb;}
.lxwm .message .items p {flex: 0 0 auto;}
.lxwm .message .items input {flex: 1 1 auto; font-size: 15px; height: 24px; border: none; background:#fff;}
.lxwm .message .items textarea {flex: 1 1 auto; font-size: 15px; line-height: 1.8; border: none; background:#fff;}
.lxwm .message .mig {display: none;}
.lxwm .message .btn {margin-top: 40px; font-size: 0;}
.lxwm .message .btn button {width: 100%; height: 60px; color:#fff; font-size: 22px; border-radius: 5px; border: none; background-color: var(--hover-color);}

/*===================================================================================*/
/* 技术服务 */

.fw1 {background-color:#ebeef4;}
.fw1 .wxfw .cont {display: grid; grid-template-columns: repeat(4,1fr); gap: 34px; margin-top: var(--mar-top6);}
.fw1 .wxfw .cont li {position: relative; border-radius: 10px; background-color:#2f53ac; overflow: hidden;}
.fw1 .wxfw .cont li:hover .imgs img {opacity: 0;}
.fw1 .wxfw .cont li:hover .mask {transform: translateY(-45px);}
.fw1 .wxfw .cont li:hover .icon {opacity: 1; transform: translateY(0);}
.fw1 .wxfw .cont .imgs {position: relative; padding-top: 144.1%; font-size: 0;}
.fw1 .wxfw .cont .imgs img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: 500ms ease;}
.fw1 .wxfw .cont .mask {position: absolute; bottom: 35px; left: 0; right: 0; z-index: 10; padding-left: 30px; padding-right: 30px; box-sizing: border-box; transition: 500ms ease;}
.fw1 .wxfw .cont .icon {display: flex; align-items: center; margin-bottom: 50px; height: 80px; font-size: 0; opacity: 0; transform: translateY(-100px); transition: 500ms ease;}
.fw1 .wxfw .cont .icon img {max-height: 100%;}
.fw1 .wxfw .cont .text h4 {padding-bottom: 22px; color:#fff; font-size: 20px; font-weight: normal; border-bottom: 1px solid #fff;}
.fw1 .wxfw .cont .text p {margin-top: 25px; min-height: 112px; line-height: 28px; color:#e2e2e2; font-size: 18px; font-weight: 300; -webkit-line-clamp: 4;}

.fw2 .zlfw {padding-top: 100px; padding-bottom: 140px; background-color:#ebeef4;}
.fw2 .zlfw .cont {position: relative; margin-top: 80px;}
.fw2 .zlfw .cont .imgs li {display: none; font-size: 0; overflow: hidden;}
.fw2 .zlfw .cont .imgs li:nth-child(1) {display: flex;}
.fw2 .zlfw .cont .imgs li span {overflow: hidden;}
.fw2 .zlfw .cont .imgs li img {max-width: 100%;}
.fw2 .zlfw .cont .intro {position: absolute; bottom: 35px; right: 0; width: 64.4%; height: 75.4%; border-top: 8px solid var(--blue); background-color:#fff;}
.fw2 .zlfw .cont .intro .text {display: none; padding: 55px 0 0 50px; width: 100%; height: 100%; box-sizing: border-box;}
.fw2 .zlfw .cont .intro .text:nth-child(1) {display: block;}
.fw2 .zlfw .cont .intro .text .number .page {color: var(--blue); font-size: 42px;}
.fw2 .zlfw .cont .intro .text .number .total {color:rgba(0,0,0,0.4); font-size: 20px;}
.fw2 .zlfw .cont .intro .text .name {margin-top: 20px; width: 52%; color: var(--blue); font-size: var(--tis30-fs); font-weight: normal;}
.fw2 .zlfw .cont .intro .text .desc {display: flex; flex-direction: column; row-gap: 20px; margin-top: 25px; padding-right: 10px; width: 52%; height: 62%; font-size: 18px; line-height: 1.8; box-sizing: border-box; overflow-y: auto;}
.fw2 .zlfw .cont .intro .text .desc::-webkit-scrollbar {width: 6px; height: 6px; background-color:#eee;}
.fw2 .zlfw .cont .intro .text .desc::-webkit-scrollbar-track {border-radius: 3px; background-color:#eee;}
.fw2 .zlfw .cont .intro .text .desc::-webkit-scrollbar-thumb {border-radius: 3px; background-color:#666;}
.fw2 .zlfw .cont .list {position: absolute; top: 0; right: 50%; z-index: 10; margin-right: -780px; padding: 10px 40px 40px 40px; width: 350px; box-sizing: border-box; box-shadow: 0 0 25px rgba(22,55,80,0.1); background-color:#fff;}
.fw2 .zlfw .cont .list li {display: flex; align-items: center; column-gap: 14px; height: 70px; color:#666; font-size: 18px; border-bottom: 1px solid #ccc; cursor: pointer;}
.fw2 .zlfw .cont .list li::before {flex: 0 0 auto; width: 6px; height: 6px; background-color:#a3a3a3; content: '';}
.fw2 .zlfw .cont .list li i {flex: 0 0 auto; margin-left: auto; font-size: 18px;}
.fw2 .zlfw .cont .list li.active {color: var(--blue);}
.fw2 .zlfw .cont .list li.active::before {background-color: var(--blue);}
.fw2 .zlfw .cont-pics {display: none; position: relative;}
.fw2 .zlfw .cont-pics .swiper-slide {font-size: 0;}
.fw2 .zlfw .cont-pics .swiper-slide img {width: 100%;}
.fw2 .zlfw .cont-pics .swiper-pagination {bottom: 20px;}
.fw2 .zlfw .cont-pics .swiper-pagination span {margin: 0 5px; width: 12px; height: 12px; opacity: 1; background-color: rgba(0,0,0,0.4);}
.fw2 .zlfw .cont-pics .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1; background-color: var(--blue);}
.fw2 .zlfw .cont-pics .swiper-button {position: absolute; top: 50%; z-index: 10; width: 40px; height: 40px; color:#fff; font-size: 14px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.8); transform: translateY(-50%); cursor: pointer;}
.fw2 .zlfw .cont-pics .swiper-prev {left: var(--pad-lr);}
.fw2 .zlfw .cont-pics .swiper-next {right: var(--pad-lr);}
.fw2 .zlfw .cont-m {display: none;}

.fw3 .pxfw {background-color:#ebeef4;}
.fw3 .pxfw .cont {display: grid; grid-template-columns: repeat(3,1fr); gap: 50px 88px; margin-top: var(--mar-top6);}
.fw3 .pxfw .cont li {display: flex; position: relative; border-radius: 10px; overflow: hidden;}
.fw3 .pxfw .cont li:hover .desc {opacity: 0;}
.fw3 .pxfw .cont li:hover .mask {opacity: 1; visibility: visible;}
.fw3 .pxfw .cont .imgs {padding-top: 63.34%;}
.fw3 .pxfw .cont .text {padding: 28px 35px 20px 35px;}
.fw3 .pxfw .cont .text h4 {color:#000; font-size: 20px; font-weight: normal;}
.fw3 .pxfw .cont .text p {margin-top: 10px; color:#585757; font-size: 18px; line-height: 1.6;}
.fw3 .pxfw .cont .desc {background-color:#fff;}
.fw3 .pxfw .cont .mask {position: absolute; inset: 0; z-index: 10; opacity: 0; visibility: hidden;}
.fw3 .pxfw .cont .mask img {z-index: -2;}
.fw3 .pxfw .cont .mask::after {position: absolute; inset: 0; z-index: -1; display: block; content: ''; background-image:-webkit-linear-gradient(0deg,#2f53ac,transparent); background-image:linear-gradient(0deg,#2f53ac,transparent);}
.fw3 .pxfw .cont .mask .text h4 {color:#fff;}
.fw3 .pxfw .cont .mask .text p {color:#ebebeb;}

.fw3 .xzwm {background-color:#ebeef4;}
.fw3 .xzwm .cont {display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: var(--mar-top6);}
.fw3 .xzwm .cont li {position: relative; top: 0; padding: 35px; padding-right: 150px; border-radius: 10px; background-color:#fff; overflow: hidden; transition: all 500ms ease-out;}
.fw3 .xzwm .cont li h4 {color:#000; font-size: 24px; font-weight: normal;}
.fw3 .xzwm .cont li p {margin-top: 20px; color:#585757; font-size: 18px; line-height: 1.6;}
.fw3 .xzwm .cont li:hover {top: -10px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.fw3 .xzwm .cont .number {position: absolute; top: 50%; right: 0; margin-top: -50px; width: 106px; height: 100px; border-radius: 50px 0 0 50px; background-color:#d5ddee;}
.fw3 .xzwm .cont .number::after {position: absolute; top: 10px; left: 10px; bottom: 10px; right: 0; display: block; border-radius: 40px 0 0 40px; background-color:#2f53ac; content: '';}
.fw3 .xzwm .cont .number span {position: absolute; top: 18px; left: 20px; z-index: 10; width: 64px; height: 64px; color:#2f53ac; font-size: 34px; font-weight: bold; border-radius: 50%; background-color:#fff;}

.fwys {color:#fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.fwys > div {padding-top: 90px; padding-bottom: 80px;}
.fwys .cont {display: grid; margin-top: 50px; height: 440px;}
.fwys .cont li {position: relative; box-sizing: border-box; overflow: hidden;}
.fwys .cont li:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.5);}
.fwys .cont li span {color:rgba(255,255,255,0.25); font-size: 48px; font-weight: bold; font-style: italic; line-height: 1;}
.fwys .cont li h4 {margin-top: 15px; font-size: 24px; font-weight: normal;}
.fwys .cont li p {margin-top: 10px; color: rgba(255,255,255,0.7); font-size: 18px; line-height: 1.8; -webkit-line-clamp: 8;}
.fwys .cont li:hover .text {transform: translateY(80px); opacity: 1; visibility: visible;}
.fwys .cont li:hover .name {transform: translateY(100%);}
.fwys .cont .text {opacity: 0; visibility: hidden; padding: 0 30px; transition: 500ms ease;}
.fwys .cont .text span {color: var(--hover-color);}
.fwys .cont .name {position: absolute; bottom: 0; left: 30px; right: 30px; transition: 200ms ease;}

.fwys1 {background-image: url(../images/fwys1_bg.jpg);}
.fwys1 .cont {grid-template-columns: repeat(5,1fr); margin-left: -30px; margin-right: -30px;}
.fwys2 {background-image: url(../images/fwys2_bg.jpg);}
.fwys3 {background-image: url(../images/fwys3_bg.jpg);}
.fwys2 .cont, .fwys3 .cont {grid-template-columns: repeat(4,1fr); margin-left: -40px; margin-right: -40px;}

/*===================================================================================*/

#win-ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win-loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win-loading-bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background-color:rgba(255,255,255,0);}

#win-fybox-overlay {position: fixed; inset: 0; z-index: 9998; background-color:#000; opacity: 0.8; cursor: pointer;}
#win-fybox {position: fixed; inset: 0; z-index: 9999; margin: auto; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#win-fybox .fybox-loading {width: 100%; height: 100%; min-width: 37px; min-height: 37px; background: url(../images/loading2.gif) no-repeat center center;}
#win-fybox .fybox-wrap {position: relative; cursor: default;}
#win-fybox .fybox-error {padding: 15px; color:#333; font-size: 14px; line-height: 1.8; background-color:#fff;}
#win-fybox .fybox-close {position: absolute; top: -13px; right: -13px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; visibility: hidden; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.5); background-color:#000; overflow: hidden; cursor: pointer;}
#win-fybox .fybox-close:hover {background-color:#ff0000;}
#win-fybox .fybox-close:hover svg {transform: rotate(180deg);}
#win-fybox .fybox-close svg {width: 10px; height: 10px; transition: transform 500ms;}
#win-fybox .fybox-close svg line {stroke:#fff; stroke-width: 2;}

/*===================================================================================*/

.news-page {margin-top:60px; width:100%;}
.pros-page {margin-top:80px; width:100%;}
.fypage {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px;}
.fypage a,.fypage span {display: flex; align-items: center; justify-content: center; width:36px; height:36px; font-size:16px; color:#686868; text-align:center; box-sizing:border-box; border-radius: 50%; overflow:hidden;}
.fypage a:hover {color:#fff; background-color:#3265df;}
.fypage span.fypage-current, .fypage a.fypage-current {color:#fff; background-color:#3265df;}
.fypage .fypage_sl {height:36px; font-size: 16px; font-style:normal;}
.fypage .fypage-prev i,.fypage .fypage-next i {font-size: 16px;}

.news-mpage {display:none; margin-top:6%;}
.pros-mpage {display:none; margin-top:6%;}
.mfypage {width:100%;height:24px;font-size:0;text-align:center;overflow:hidden;}
.mfypage a,.mfypage span {display:inline-block;margin:0 2px;padding:0 8px;height:22px;font-size:12px;line-height:22px;color:#666;border:1px solid #ddd;background-color:#fff;vertical-align:top;overflow:hidden;}
.mfypage a:hover {color:#fff;border-color:#3265df;background-color:#3265df;}
.mfypage-gov {display:inline-block;margin:0px 2px;padding:0px 6px;width:36px;height:24px;color:#777;vertical-align:top;border:1px solid #ddd;background-color:#fff;}
.mfypage-gobtn:hover {color:#fff;border-color:#3265df;background-color:#3265df;}