@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
.fred{color: #D90F19;}
.fmain{color: var(--primary-color);}
.w100{width: 100%;}
h2,h3,h1{font-weight: var(--font-weight__m);}
.f20{font-size: var(--font-size__20);}
.f32{font-size: var(--font-size__32);}
.f36{font-size: var(--font-size__36);}
.l12{line-height: 1.2;}
:root{
--max-width: 1600;
--background-cover: no-repeat center center / cover;
--background-contain: no-repeat center center / contain;
--default-color__rgb: 31, 42, 68; /*#1F2A44*/
--default-color: rgba(var(--default-color__rgb), 1);
--primary-color__rgb: 10, 91, 171;/*#0A5BAB*/
--primary-deep: #0A5C8E;/*#0A5BAB*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 7, 173, 205/*#07adcd*/;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: 'hm', sans-serif;
--font-family__en: 'Montserrat', 'hm', sans-serif;
--white-color__rgb: 255,255,255; /*#FFFFFF*/
--white-color: rgba(var(--white-color__rgb), 1);
--black-color__rgb: 0,0,0; /*#000000*/
--black-color: rgba(var(--black-color__rgb), 1);
--main_line_height: 1;
--button_height: 0.7rem;
--font-weight__l: 500;
--font-weight__r: 500;
--font-weight__m: 500;
--font-weight__sb: 600;
--font-weight__b: 700;
--ttf:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition: 1s var(--ttf);
--ttf-bouce:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--itemhover:	transform: translate3d(0, -4px, 0);
--header_height: 1rem;
--border:1px solid #ededed;
--bg-color:#edf2f7;
--gray-border:#edf2f7;
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
/* html{font-size: 100px;}
main{max-width: 1920px;margin: 0 auto;}
@media (max-width: 1400px) {
html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 560 * 100vw);}
} */

html{
	-webkit-text-size-adjust:100%;
	font-size:100px !important;; 
	overflow-x: hidden;
}
html{font-size:5.2083334vw !important;}
@media (min-width:769px) and (max-width:1024px) {
	html{font-size: calc((100 / 1200) * 100vw) !important;} 
}
@media (max-width:768px) {
	html{font-size: calc((100 / 992) * 100vw) !important;} 
	:root{
		--main_line_height: 1.5;
	}
}
@media (max-width:480px){
    html{font-size:calc(100 / 480 * 100vw) !important;}
}


body{font-size: var(--font-size__16); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--default-color);}

.container {width: 87.6%;margin: 0 auto;max-width: 15.75rem;}
@media (max-width: 1024px) {
.container { width: 92%;}
:root{
  --header_height: 0.65rem;
}
}

.view.editor{line-height: 1.8;}

/* 引导页 s */
.default-page{height: 100vh;position: relative;width: 100%;}
.default-page:before{background-color: rgba(var(--black-color__rgb), 0.15);content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;z-index: 10;}
.default-page figure{padding-bottom: 100vh;}
.default-page .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;color: #fff;text-align: center;padding-bottom: var(--padding-margin__100);width: 87%;text-shadow: 0 0.04rem 0.49rem rgba(12,69,104,0.5);}
.default-page .info .font-fadeIn{overflow: visible;}
.default-page .info h1{font-size:var(--font-size__68);margin-bottom: var(--padding-margin__60);justify-content: center;}
.default-page .info h2{font-size:var(--font-size__30);margin-bottom: var(--padding-margin__60);font-weight: var(--font-weight__m);justify-content: center;}
.default-page .enter{display: inline-block;text-align: center;min-width: 2.52rem;font-size: var(--font-size__22);color: #fff;background-color: var(--primary-color);border-radius: 0.7rem;position: relative;line-height: 0.7rem;overflow: hidden;}
.default-page .enter span{position: relative;z-index: 10;margin-right: 0.27rem;transition: all 0.5s ease-in-out;}
.default-page .enter em{display: inline-block;vertical-align: middle;width: 0.18rem;height: 0.18rem;border-radius: 50%;background-color: rgba(var(--white-color__rgb), 0.2);position: absolute;transition: all 0.65s ease-in-out;right: -0.44rem;top: 50%;transform: translateY(-50%);}
.default-page .enter em:after{width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: var(--white-color);content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 1s ease-in-out;}
.default-page .enter:hover span{margin-right: 0;display: block;}
.default-page .enter:hover em{position: absolute;width: 3rem;height:3rem;right: 0;margin: 0;}
.default-page .enter:hover em:after{position: absolute;width: 3rem;height: 3rem;right: 0;margin: 0;background-color: rgba(var(--white-color__rgb), 0.05);}

.default-page .web{position: absolute;z-index: 11;bottom: var(--padding-margin__100);color: #fff;width: 87%;left: 50%;transform: translateX(-50%);}
.default-page .web li{flex: 1;position: relative;padding: 0 var(--padding-margin__60);}
.default-page .web span{font-size: var(--font-size__26);font-weight: var(--font-weight__m);}
.default-page .web .go{border-radius: 0.52rem;border:2px solid rgba(var(--white-color__rgb), 0.5);line-height: 0.48rem;min-width: 1.64rem;padding: 0 0.2rem;text-align: center;transition: all 0.5s ease-in-out;}
.default-page .web .go:hover{background-color:var(--white-color);color: var(--primary-color);}
@media(max-width:1440px){
  .default-page .web li{padding: 0 var(--padding-margin__20);}
  .default-page .web .go{min-width: 1.4rem;}
}
@media(min-width:1025px){
.default-page .web li:first-child{padding-left: 0;}
.default-page .web li:last-child{padding-right: 0;}
.default-page .web li:not(:last-child):after{position: absolute;right: 0;top: 50%;width: 1px;height: 0.4rem;margin-top: -0.2rem;background-color: rgba(var(--white-color__rgb), 0.3);content: "";}
}
@media(max-width:1024px){
  .default-page .web li{padding-top: 0.2rem;}
}
/* 引导页 end */


/* btn */
.more{display: inline-block;text-align: center;width: 1.8rem;color: #fff;background-color: var(--primary-color);border-radius: 0.6rem;position: relative;line-height: 0.56rem;overflow: hidden;border: 0.02rem solid var(--primary-color);font-weight: var(--font-weight__l);z-index: 10;cursor: pointer;padding: 0;}
.more span{position: relative;z-index: 10;margin-right: 0.24rem;transition: all 0.5s ease-in-out;}
.more em{display: inline-block;vertical-align: middle;width: 0.14rem;height: 0.14rem;border-radius: 50%;background-color: rgba(var(--white-color__rgb), 0.2);position: absolute;transition: all 0.65s ease-in-out;right: -0.37rem;top: 50%;transform: translateY(-50%);}
.more em:after{width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: var(--white-color);content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 1s ease-in-out;}
.more:hover{color: #fff;}
.more:hover span{margin-right: 0;display: block;}
.more:hover em{position: absolute;width: 3rem;height:3rem;right: 0;margin: 0;z-index: -1;}
.more:hover em:after{position: absolute;width: 3rem;height: 3rem;right: 0;margin: 0;background-color: rgba(var(--white-color__rgb), 0.05);}
.more.white{border-color:rgba(var(--white-color__rgb), 0.3);background-color: transparent;}
.more.white:hover {color: #fff;border-color: var(--primary-color);}
.more.white:hover em{background-color: rgba(var(--primary-color__rgb), 0.5);}
.more.white:hover em:after{background-color: var(--primary-color);}
.more.white2{border-color:rgba(var(--white-color__rgb), 1);background-color: rgba(var(--white-color__rgb), 1);color: var(--primary-color);}
.more.white2:hover {color: #fff;border-color: transparent;}
.more.white2 em{background-color: rgba(var(--primary-color__rgb), 0.2);}
.more.white2 em:after{background-color: var(--primary-color);}

.more-detail{color: #999999;display: flex;align-items: center;font-weight: var(--font-weight__l);}
.more-detail:after{width: 0.07rem;height: 0.14rem;content: "";background: url(../images/arr_r_dark.svg) no-repeat center center/contain;margin-left: var(--padding-margin__30);transition: var(--transition);}
.item:hover .more-detail{color: var(--primary-color);}
.item:hover .more-detail:after{background-image: url(../images/arr_r_blue2.svg);margin-left: var(--padding-margin__20);}

@media(max-width:480px){
  .more{width: 1.5rem;border-radius: 0.46rem;line-height: 0.44rem;}
}

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100; transition: var(--transition);--max-width:1600;border-bottom: 1px solid transparent;background-color: transparent !important;border-bottom: 0 !important;}
header.dark-style{background-color: var(--white-color) !important;border-bottom-color: #ededed !important;box-shadow: 0 0.08rem 0.2rem rgba(219,219,219,0.3);}
header.dark-style.up{ box-shadow: 0 0.08rem 0.2rem rgba(219,219,219,0.3);}
header .logo a{display: flex;align-items: center;}
header .logo img{ height: 0.56rem;}
@media (max-width:480px) {
header .logo img{ height: 0.28rem;}
}
header.light-style .logo img{filter: brightness(0) invert(1);}
header .container{height: var(--header_height);}
.light-style .main-nav li > span,
.light-style .main-nav li span a{display: block;}
.main-nav li span a{line-height: var(--header_height);position: relative;display: block;}
.main-nav li span a::before{position: absolute; content:''; left: 50%; bottom: 0.2rem; height: 0.04rem; transform: translateX(-50%);opacity: 0;width: 0; transition: var(--transition);border-radius: 0.05rem;}
.light-style .main-nav li span a::before{background-color: var(--white-color); }
.dark-style .main-nav li span a::before{background-color: var(--primary-color); }

.h-lang{margin-left: 0.49rem;position: relative;font-size: var(--font-size__16);}
.h-lang dt{width: 0.8rem;border-radius: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;border-radius: 0.4rem;}
.h-lang dt:after{content: "";width: 7px;height: 4px;opacity: 0.8;background: url(../images/arr_b_white.svg) no-repeat;}
.h-lang dd{position: absolute;left: 0;top: 100%;width: 100%;}
.light-style .h-lang dt{border:1px solid rgba(var(--white-color__rgb), 0.5);}
.dark-style .h-lang dt{border:1px solid rgba(var(--black-color__rgb), 0.2);}
.dark-style .h-lang dt:after{background-image: url(../images/arr_b_dark.svg);}
.h-lang a{margin-right: 0.13rem;}
.light-style .h-lang a{color: #fff;}
.h-lang a:hover{color: #777777;}

.open-search{display: block;width: 0.22rem; height: 0.22rem; background: var(--background-contain);cursor: pointer;}
.light-style .open-search{background-image: url(../images/search.svg);}
.dark-style .open-search{background-image: url(../images/search-dark.svg);}
.search-show .light-style .open-search{background-image: url(../images/close.svg);}
.search-show .dark-style .open-search{background-image: url(../images/close-dark.svg);}

.top-search{position: absolute; top: 100%; left: 0;width: 100%;padding: 0.2rem 0; background-color: rgba(var(--black-color__rgb),0.3);display: flex;justify-content: center; transform: translateY(0.2rem); opacity: 0; transition: var(--transition); visibility: hidden;}
.top-search .inner{position: relative;border-radius: 0.05rem;max-width: 6rem;width: 90%;background-color: var(--white-color);padding: 0 0.2rem 0 0;}
.top-search .form-input{padding: 0 0.2rem; line-height: 0.52rem;height: 0.52rem;flex: 1;}
.top-search .btn{ width: 0.4rem;height: 0.4rem;background: url(../images/search-dark.svg) var(--background-contain); margin-left: 0.2rem; flex-shrink: 0; background-size: auto 60%;}
.search-show .top-search{transform: translateY(0); opacity: 1; visibility: visible;}

.main-nav li{margin: 0 0.22rem 0 0.21rem;position: relative;z-index: 99;}
/* .main-nav li:nth-child(3),.main-nav li:nth-child(4),.main-nav li:nth-child(5),.main-nav li:nth-child(6){position: static;} */
.main-nav .sub{transition: 0.5s;}
.main-nav .sub .left dd:not(:last-child){margin-bottom:0.3rem;}
.main-nav .sub .p-menu dd{line-height: calc(30 / 22);}
.main-nav .sub .p-menu dd:not(:last-child){margin-bottom:0.22rem;}
.main-nav .sub:not(.sub-projects) .p-menu dd{text-align: center;}
.main-nav .sub:not(.sub-projects) .p-menu dd a{font-weight: var(--font-weight__l);color: #666666;}
.main-nav .sub:not(.sub-projects) .p-menu dd:hover a{color: var(--primary-color);font-weight:var(--font-weight__r);}
.main-nav .sub-projects{display: flex;justify-content: center;background-color: #f6f9fa;}
.main-nav .sub-projects .sub-inner{max-width: 16rem; width: 100%;padding: var(--padding-margin__60) 0;}
.main-nav .sub .right figure{padding-bottom: calc(268 / 432 * 100%);border-radius: 0.14rem;}
.main-nav .sub .left dd.active a{color: var(--primary-color);}
.main-nav .sub .mid dl:not(.active){position: absolute;visibility: hidden;opacity: 0;z-index: -1;}
.main-nav .sub .mid dd{ font-weight: var(--font-weight__l); line-height: 0.28rem; transform: translateY(0.1rem); transition:all 0.5s ease-in-out; opacity: 0; transition-delay: var(--s);padding-bottom: 0.11rem;color: #666;position: relative;}
.main-nav .sub .mid dd:before{position: absolute;right: 0.2rem;width: 0.16rem;height: 0.11rem;top: 0.08rem;content: "";background: url(../images/arr_r_blue.svg) no-repeat center center/contain;opacity: 0;transition: var(--transition);}
.main-nav .sub .mid dd:after{left: 0;width: 0;bottom: 0; transition:all 0.5s ease-in-out;height: 1px;content: "";position: absolute;background-color: var(--primary-color);}
.main-nav .sub .mid dl.active dd{transform: translateY(0); opacity: 1;}
.main-nav .sub .mid dd.active{color: var(--primary-color);}
.main-nav .sub .mid dd.active:before{right: 0;opacity: 1;}
.main-nav .sub .mid dd.active:after{width: 100%;}
.main-nav .sub .mid dd:not(last-child){margin-bottom: 0.14rem;}

@media (min-width:1025px) {
.home-ban {padding-top: 1.3rem;}
header{height: 1.3rem;border-bottom: 1px solid #d4dadf !important;}
header :where(.logo,.h-right){width: calc(200 / var(--max-width) * 100%);}
.light-style .main-nav li span a{color: var(--white-color); }
.main-nav li.aon span a{color: var(--primary-color);}
.main-nav li.aon span a::before{width: 0.2rem; opacity: 1;}
.main-nav .sub-projects:after{width: 5.22rem;left: 0;top: 0;height: 100%;content: "";position: absolute;background-color: #f1f6f9;}
.main-nav .sub{position: absolute; top: 100%;left: 0;width: 100%;opacity: 0;}
.main-nav .sub:not(.sub-projects){
	position: absolute;
	    top: 100%;
	    left: 0;
	    background: #ffffff;
	    min-width: 2rem;
	    border-radius: 0.2rem;
	    box-shadow: 0 0.2rem 0.35rem -0.1rem rgba(0, 0, 0, 0.12);
	    padding: 0.12rem 0;
	    opacity: 0;
	    visibility: hidden;
	    transform: translateY(0.12rem);
	    transition: all 0.25s ease;
	    z-index: 200;
	    border: 1px solid #eef2f0;
	    list-style: none;
}
.main-nav .sub:not(.sub-projects) .p-menu dd {
    text-align: left;
    margin-bottom: 0;
    white-space: nowrap;
    display: block;
    padding: 0.08rem 0.2rem;
    font-weight: 500;
    color: #2c3e36;
    background: transparent;
    border-left: 2px solid transparent;
    transition: all 0.2s;
	line-height: 1.5;
}
.main-nav li{
	margin: 0 0.38rem;
}
.main-nav .sub:not(.sub-projects) .p-menu dd:hover{
	background: #eaf5fd;
	color: var(--primary-color);
	border-left-color:var(--primary-color);
	padding-left: 0.24rem;
}
/* .main-nav .sub:not(.sub-projects) .p-menu{background-color: var(--white-color);margin-top: 0.1rem;padding: 0.25rem 0.2rem;border-radius: 0.1rem;} */
.main-nav .sub-projects .p-menu a{font-size: var(--font-size__22);color: #666666;}
.main-nav .show .sub{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.main-nav .sub .p-menu dd a:hover::after,
.main-nav .sub .p-menu dd.active a::after{transform: translateX(0); opacity: 1; }
.main-nav .sub .thead{width: calc(362 / 1600 * 100%);flex-shrink: 0;position: relative;z-index: 1;font-size:var(--font-size__32);color: #222222;padding-left: var(--padding-margin__80);}
.main-nav .sub .thead img{display: block;margin-bottom: var(--padding-margin__40);height: 0.5rem;}
.main-nav .sub .left{width: calc(245 / 1600 * 100%);flex-shrink: 0;position: relative;z-index: 1;padding-left: var(--padding-margin__30);}
.main-nav .sub .left:after{position: absolute;right: 0;top: 0.02rem;content: "";background-color: #e2e9ee;height: calc(100% - 0.09rem);width: 1px;}
.main-nav .sub .mid{width: calc(487 / 1600 * 100%);flex-shrink: 0; transition-delay: 0.5s;position: relative;z-index: 1;padding: 0 var(--padding-margin__70);}
.main-nav .sub .right{width:27%;transition-delay: 0.7s;position: relative;z-index: 1;margin-left: auto;margin-right: var(--padding-margin__80);}
}

@media (max-width:1024px) {
.main-nav{position: fixed; top: var(--header_height); width: 3.5rem;bottom: 0;background: rgba(var(--white-color__rgb), 0.95); left: -100%;transform: translateX(-100%); transition: 0.5s ease-in-out;}
.menu-show .main-nav{ left: 0; transform: translateX(0);}
.main-nav ul{overflow: auto; padding: 0 0.2rem;}
.main-nav .sub{display: none; }
.main-nav .sub:not(.sub-projects){padding: 0.2rem 0;}
.main-nav .p-menu dd{padding-left: 0.2rem;font-size: var(--font-size__24);}
.main-nav li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);}
.main-nav li span{position: relative;z-index: 1;overflow: hidden;display: block;;}
.main-nav li span a{line-height: 3;font-size: var(--font-size__30)}
.wap-op{position: absolute;right: 0; width: 0.5rem; height: 100%;z-index: 10; background: url(../images/arr_xjt_gray.svg) no-repeat center center; background-size: auto 0.5em; top: 0; transition: 0.3s; will-change: transform;}
.main-nav li.wap-show .wap-op{transform: rotate(-180deg);}
.main-nav .sub{transition: all 0s;}
.main-nav .sub .thead{display: none;}
.main-nav .sub .right{display: none;}
.main-nav .sub .left .p-menu{display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.main-nav .sub .left .p-menu::-webkit-scrollbar {display: none;}
.main-nav .sub .left dd{position: relative;z-index: 1;margin-right: 0.2rem;flex: 0 0 auto;padding-left: 0;}
.main-nav .sub .left dd:before{position: absolute; left: 0;top:0;width: 100%;height: 100%;z-index: 10;content: '';}

.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.4rem; height: 0.35rem; background: var(--primary-color); padding: 0.08rem 0; margin-left: 0.4rem;}
.open-menu i{display: block; width: 60%; height: 2px;background-color: var(--white-color);transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-moz-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-ms-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-o-transform: translate(0, 0.08rem) rotate(45deg) !important;
	transform: translate(0, 0.08rem) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}
}

@media screen and (min-width:1025px){
	header .container{
		flex-direction: column;
		height: auto;
		padding-top: 0.1rem;
	}
	.main-nav li span a{
		line-height: 0.62rem;
	}
	.main-nav li span a::before{
		bottom: 0;
	}
}
.main-nav #m4 dd a::before{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f1c1";
	margin-right: 0.08rem;
}
@media screen and (max-width:1024px){
	.main-nav .sub:not(.sub-projects) .p-menu dd{
		text-align: left;
	}
}

/* banner */
[class*=home-]{position: relative;overflow: hidden;z-index: 2;}
.home-main .edit-info{text-align: justify;font-weight: var(--font-weight__l);}

/* banner s */
.controls-area{position: absolute;left: 0;top: 50%;z-index: 10;width: 100%;transform: translate(0, -50%);}
.controls-area .arr{transition: all 0.3s ease;width: var(--padding-margin__60);height: var(--padding-margin__60);border-radius: 50%;background-position: center center;background-repeat: no-repeat;cursor: pointer;background-size: cover;}
.controls-area .arrow-prev{background-image: url(../images/arrowLeft.png);}
.controls-area .arrow-next{background-image: url(../images/arrowRight.png);}
.controls-area .arrow-prev:hover{background-image: url(../images/arrowLeftHover.png);}
.controls-area .arrow-next:hover{background-image: url(../images/arrowRightHover.png);}
.controls-area .pause-play-btn {width: 0.4rem;height: 0.4rem;border: 1px solid var(--white-color);border-radius: 50%;margin-left: 0.18rem;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center;}
.controls-area .pause-play-btn.pause::after {content: '❚❚';font-size: 12px;}
.controls-area .pause-play-btn.play::after {content: '▶';font-size: 12px;}
.controls-page{display: flex;align-items: center; justify-content: center;position: relative;padding: 0 0.1rem;}
.controls-page span{width: 0.31rem;height: 0.31rem;position: relative;background-color: transparent;opacity: 1;}
.controls-page span:not(:last-child){margin-right: 0.1rem;}
.controls-page span:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.1rem;background-color: rgba(var(--white-color__rgb), 0.4);content: "";border-radius: 50%;}
.controls-page span:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";border-radius: 50%;background: url(../images/ban_dot.png) no-repeat center center/contain;opacity: 0;}
.controls-page .swiper-pagination-bullet-active:after{background-color: rgba(var(--white-color__rgb), 1);}
.controls-page .swiper-pagination-bullet-active:before{opacity: 1;animation: turn 3s linear infinite;}

.home-ban{position: relative;z-index: 1; top: 0; }
.home-ban .ispic{padding-bottom: 100vh;}
.home-ban .swiper{height: auto;
background-image: url(../images/bannerBg.jpg);
background-size: cover;
}
.home-ban .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;}
.home-ban .info h1{max-width: 70%;font-size: var(--font-size__56);line-height: calc(78 / 56);margin: 0 0 0.27rem;}
.home-ban .info pre{max-width: 6.2rem;font-size: var(--font-size__20);line-height: calc(36 / 20);margin-bottom: var(--padding-margin__50);}
.home-ban .swiper-slide-active .ispic img{animation:fadeInscale 5s .3s ease both;-webkit-animation:fadeInscale 5s .3s ease both;-moz-animation:fadeInscale 5s .3s ease both;}
/* .home-ban .swiper-slide-active h1{animation:fadeInUpSmall 1s .4s ease both;-webkit-animation:fadeInUpSmall 1s .4s ease both;-moz-animation:fadeInUpSmall 1s .4s ease both;} */
.home-ban .swiper-slide-active pre{animation:fadeInUpSmall 1s .6s ease both;-webkit-animation:fadeInUpSmall 1s .6s ease both;-moz-animation:fadeInUpSmall 1s .6s ease both;}
.home-ban .swiper-slide-active .more{animation:fadeInUpSmall 1s .8s ease both;-webkit-animation:fadeInUpSmall 1s .8s ease both;-moz-animation:fadeInUpSmall 1s .8s ease both;}

.ban-outside { width: 100%; will-change: height; position: absolute; left: 0;  top: -20vh;  transform: skewY(-8deg);  overflow: hidden; height: calc(100% + 40vh);}
.home-ban .swiper-slide.in {  opacity: 1!important}
.home-ban .swiper-slide.out,.home-ban .swiper-slide.on { opacity: 1!important; z-index: 10}
.ban-inside {background-color: var(--black-color);background-position: 50%; background-repeat: no-repeat; background-size: cover;  width: 100vw; height: var(--banh); position: absolute; left: 0; top: 20vh; transform: skewY(8deg);}
.home-ban .arrows-prev{left:3%;}
.home-ban .arrows-next{right:3%;}
@media(max-width:1024px){
  .home-ban .info h1{max-width: 100%;}
}

/* about s */
.titHead{padding-bottom: var(--padding-margin__70);position: relative;}
.titHead .tit{margin:0;font-size: var(--font-size__20);color: var(--primary-color);margin:0 0 var(--padding-margin__25);font-weight: var(--font-weight__l);}
.titHead h2{font-size: var(--font-size__48);color: #222222;line-height: calc(70 / 48);;font-weight: var(--font-weight__m);margin: 0;}
.titHead h2 span{color: #afafaf;}
.titHead.tc .tit{justify-content: center;}

/* footer */
footer{background-color:#333333;padding-top:var(--padding-margin__65);padding-bottom:var(--padding-margin__35)}
footer .footerTop .rightBox{flex:1;padding-left:var(--padding-margin__50)}
footer .footerTop dt{font-size:var(--font-size__20);margin-bottom:var(--padding-margin__25)}
footer .footerTop dd{margin-bottom:var(--padding-margin__15);color:#e2e2e2;line-height:1.8}
footer .footerTop dd a{color:inherit;transition:color 0.2s}
footer .footerTop dd i{margin-right:var(--padding-margin__15)}
footer .footerBottom{border-top:1px solid rgba(255,255,255,0.15);padding-top:var(--padding-margin__35);text-align:center}
footer .footerBottom a{color:#e2e2e2;margin-left:var(--padding-margin__10);transition:color 0.2s}
footer .footerBottom a:hover,footer .footerTop dd a:hover{color:#fff}
@media screen and (max-width:1024px){
	footer .footerTop{flex-direction:column}
	footer .footerTop .rightBox{padding-left:0;margin-top:var(--padding-margin__35)}
}
@media screen and (max-width:768px){
	footer .footerTop .rightBox{flex-direction:column}
	footer .footerTop .rightBox dl{display:flex;flex-wrap:wrap;margin-bottom:var(--padding-margin__35)}
	footer .footerTop .rightBox dl dt{width:100%}
	footer .footerTop dd{margin:0 0.04rem}
}

/* home-ban */
.home-ban .swiper{padding-top:var(--padding-margin__100);padding-bottom:var(--padding-margin__100)}
.home-ban .swiper-slide-con{height:100%;position:relative}
.home-ban .leftBox{flex:1;padding-right:var(--padding-margin__20);height:100%}
.home-ban .rightBox{width:7.55rem;max-width:50%}
.home-ban .rightBox .imgbox{padding-top:66.226%;border-radius:var(--padding-margin__40)}
.home-ban .badge{min-width:1.42rem;height:0.32rem;background:#DAEBF4;border-radius:0.16rem;color:var(--primary-color);display:flex;justify-content:center;align-items:center}
.home-ban .badge i{margin-right:var(--padding-margin__10)}
.home-ban .btn-primary{position:absolute;left:0;bottom:0;opacity:0;transform:translate3d(0,2rem,0);transition:transform 1s ease;transition-delay:0.6s;z-index:2}
.home-ban .title{margin-top:var(--padding-margin__30);margin-bottom:var(--padding-margin__35)}
.home-ban .badgeBox{transform:translateX(16rem);transition:transform 1s ease;opacity:0;display:flex}
.home-ban .titleBox{transform:translateX(16rem);transition:transform 1.2s ease;opacity:0}
.home-ban .descBox{transform:translateX(16rem);transition:transform 1.4s ease;opacity:0}
.home-ban .rightBox{transform:translate3d(10rem,0,0);transition:transform 1.4s ease;opacity:0;transition-delay:0.2s}
.home-ban .swiper-slide-active .badgeBox,.home-ban .swiper-slide-active .titleBox,.home-ban .swiper-slide-active .descBox,.home-ban .swiper-slide-active .rightBox,.home-ban .swiper-slide-active .btn-primary{opacity:1;transform:translate3d(0,0,0)}
.controls-area .container{position:absolute;left:0;top:50%;z-index:10;width:100%;transform:translate(0,-50%);max-width:100%;padding-left:var(--padding-margin__35);padding-right:var(--padding-margin__35)}
@media screen and (min-width:1025px){
	.home-ban .descBox{width:6.7rem}
}
@media screen and (max-width:1024px){
	.home-ban{padding-top:var(--header_height)}
	.home-ban .btn-primary{position:static;margin-top:var(--padding-margin__35)}
	.home-ban .title{font-size:var(--font-size__20)}
	.home-ban .swiper-slide-con{padding-left:var(--padding-margin__80);padding-right:var(--padding-margin__80)}
	.home-ban .swiper-slide-con{flex-direction: column-reverse;}
	.home-ban .rightBox{width: 100%;max-width: 100%;margin-bottom: 0.2rem;}
	.home-ban .rightBox{transition-delay: 0.4s;width: 100%;}
	.home-ban .badgeBox{transition-delay: 0.6s;width: 100%;display: flex;justify-content: center;text-align: center;}
	.home-ban .titleBox{transition-delay: 0.8s;width: 100%;display: flex;justify-content: center;text-align: center;}
	.home-ban .descBox{transition-delay: 0.9s;width: 100%;display: flex;justify-content: center;text-align: center;}
	.home-ban .btn-primary{transition-delay: 1.3s;margin: var(--padding-margin__35) auto;}
}

/* homeWhy */
.homeWhy .leftBox{width:6.96rem;max-width:50%}
.homeWhy .rightBox{flex:1;padding-left:var(--padding-margin__120)}
.homeWhy .ispic{border-radius:var(--padding-margin__40)}
.homeWhy .btn-play{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;cursor:pointer}
.homeWhy .btn-play .play{position:absolute;left:50%;top:50%;z-index:10;width:var(--padding-margin__70);height:var(--padding-margin__70);border-radius:50%;transform:translate(-50%,-50%)}
.homeWhy .btn-play .play span{position:absolute;left:0%;top:0%;width:100%;height:100%;background:url(../images/play.png) no-repeat center center;border-radius:50%;background-size:cover;transition:all 0.3s}
.homeWhy .btn-play .play span:hover{transform:scale(1.05)}
.homeWhy .ispic img{border-radius:0.15rem}
.homeWhy .iconBox{width:var(--padding-margin__55);height:var(--padding-margin__55);background:#E2EEF5;border-radius:50%;margin-right:var(--padding-margin__20);display:flex;justify-content:center;align-items:center}
.homeWhy .iconBox img{min-width:var(--padding-margin__25);max-width:var(--padding-margin__30)}
.homeWhy .iconBox:hover{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
.homeWhy .fontBox{flex:1}
@media screen and (max-width:1024px){
	.homeWhy .rightBox{padding-left:var(--padding-margin__20)}
}
@media screen and (max-width:768px){
	.homeWhy .leftBox{width: 100%;max-width: 100%;}
	.homeWhy .rightBox{padding-left: 0;margin-top: var(--padding-margin__45);}
}

/* homePoster */
.homePoster img{display:block}
.homePosterList{line-height:1.5}
.homePosterList .item{width:calc(25% - 0.225rem);margin-right:0.3rem}
.homePosterList .item:nth-child(4n){margin-right:0}
.homePosterList .item .itemCon{background:white;text-align:center;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.02);border:1px solid #E9EDF2;transition:all 0.25s;border-radius:var(--padding-margin__35);padding:var(--padding-margin__32) var(--padding-margin__25);width:100%}
.homePosterList .icon{margin-bottom:var(--padding-margin__20)}
.homePosterList .item:hover .itemCon{transform:translateY(-5px);box-shadow:0 30px 35px -16px rgba(6,70,99,0.15);border-color:transparent}
@media screen and (max-width:768px){
	.homePosterList .ul{justify-content:space-between}
	.homePosterList .item{width:calc(50% - 0.1rem);margin-right:0;margin:0.1rem 0}
}

/* homeMore */
.homeMore .desc{max-width: 8.48rem;text-align: center;}

/* homeNews */
.homeNews{line-height:1.5}
.homeNews .badge{
	line-height:1.5
	display:inline-block;background:#eef2ff;padding:0.04rem 0.14rem;border-radius:var(--padding-margin__40);font-weight:600;color:var(--primary-color);letter-spacing:0.3px;display:flex;align-items:center;justify-content:center
}
.homeNews .item{width:calc(50% - 0.2rem)}
.homeNews .item .itemCon{background:white;border-radius:var(--padding-margin__28);padding:var(--padding-margin__32);border:1px solid var(--gray-border);transition:all 0.25s;display:flex;flex-direction:column}
.homeNews .item:hover .itemCon{transform:translateY(-5px);box-shadow:0 30px 35px -16px rgba(6,70,99,0.15);border-color:transparent}
@media screen and (max-width:480px){
	.homeNews .item{width:100%;margin-bottom:0.2rem}
	.homeNews .item:last-child{margin-bottom:0}
}

/* homeApplication */
.homeApplication{background-color:#f8fafe}
.homeApplication .container{position:relative}
.homeApplication .titleH{position:absolute;left:0;top:1.6rem}
.homeApplication .leftBox{flex:1;padding-right:var(--padding-margin__160);padding-top:2.36rem}
.homeApplication .rightBox{width:8.68rem;max-width:56%}
.homeApplication .rightBox .imgbox{padding-top:76.729%}
.homeApplication .desc{max-height: var(--padding-margin__100);overflow-y: auto;}

.homeApplication .slick-current.slick-active .title{animation:fadeInUpSmall 1s .4s ease both;-webkit-animation:fadeInUpSmall 1s .4s ease both;-moz-animation:fadeInUpSmall 1s .4s ease both}
.homeApplication .slick-current.slick-active .desc{animation:fadeInUpSmall 1s .6s ease both;-webkit-animation:fadeInUpSmall 1s .6s ease both;-moz-animation:fadeInUpSmall 1s .6s ease both}
@media screen and (min-width:1025px){
	.homeApplication .slick-arrow{transform:translate(0,0)}
	.homeApplication .slick-prev{left:0;top:4.42rem}
	.homeApplication .slick-next{right:auto;left:var(--padding-margin__100);top:4.42rem}
}
@media screen and (max-width:1024px){
	.homeApplication .leftBox{
		padding-right: var(--padding-margin__20);
	}
	.homeApplication .titleH{top:1rem}
	.homeApplication .leftBox{padding-top: 1.6rem;}
	.homeApplication .slick-prev,
	.homeApplication .slick-next{top: 3.4rem;}
}
@media screen and (max-width:768px){
	.homeApplication .titleH{position: static;}
	.homeApplication{
		padding-top: var(--padding-margin__100);
		padding-bottom: var(--padding-margin__100);
	}
	.homeApplication .itemCon{
		flex-direction: column;
	}
	.homeApplication .leftBox{
		padding-top: var(--padding-margin__35);
		margin-bottom: var(--padding-margin__35);
	}
	.homeApplication .desc{
		max-height: none;
	}
	.homeApplication .rightBox{
		width: 100%;
		max-width: 100%;
		padding-left: var(--padding-margin__80);
		padding-right: var(--padding-margin__80);
	}
	.homeApplication .slick-prev{
		left: 0;
	}
	.homeApplication .slick-next{
		right: 0;
	}
}

/* caseCategory */
.caseCategory{line-height:1.5}
.caseCategory .ul{gap:0.12rem;border-bottom:1px solid #e2edf2;padding-bottom:var(--padding-margin__15)}
.caseCategory .item{background:transparent;border:none;padding:0.08rem 0.2rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;color:#2c3e50;background-color:#f1f5f9;border-radius:var(--padding-margin__40)}
.caseCategory .item:hover,.caseCategory .item.on{background-color:var(--primary-color);color:#fff}
@media screen and (max-width:480px){
	.caseCategory .ul{gap:0;justify-content:space-between}
	/* .caseCategory .ul .item:nth-child(1){width:100%} */
	.caseCategory .ul .item{width:calc(50% - 0.1rem);margin-bottom:0.1rem;margin-top:0.1rem;justify-content:center;display:flex;align-items:center;text-align:center}
}

/* caseList */
.caseList{line-height:1.5}
.caseList .item{width:calc(25% - 0.27rem);margin-bottom:var(--padding-margin__35);margin-right:0.36rem;background:#ffffff;overflow:visible}
.caseList .item:nth-child(4n){margin-right:0}
.caseList .item .itemCon{border:1px solid #eef2f6;overflow:hidden;border-radius:var(--padding-margin__30);width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:all 0.3s ease;transition:transform 0.25s ease,box-shadow 0.3s ease;box-shadow:0 8px 20px rgba(0,0,0,0.02),0 2px 6px rgba(0,0,0,0.05)}
.caseList .item:hover .itemCon{transform:translateY(-6px);box-shadow:0 24px 36px -12px rgba(0,0,0,0.12);border-color:#cbdde9}
.caseList .item .fontBox{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--padding-margin__25)}
.caseDetailIntro .badge,
.caseList .item .badge{line-height: 1.5; display:inline-block;background:#eef2ff;padding:0.04rem 0.14rem;border-radius:var(--padding-margin__40);font-weight:600;color:var(--primary-color);margin-bottom:var(--padding-margin__15);letter-spacing:0.3px;display:flex;align-items:center;justify-content:center}
.caseList .item .imgbox{width:100%;padding-top:54.252%}
.caseList .item .imgbox img{transition:all 0.3s ease}
.caseList .item:hover .imgbox img{transform:scale(1.05)}
@media screen and (max-width:1024px){
	.caseList .container{justify-content:space-between}
	.caseList .item{width:calc(50% - 0.1rem);margin-right:0}
}
@media screen and (max-width:480px){
	.caseList .item{width:100%}
	.caseCategory .ul .item{font-size: var(--font-size__20);}
}

/* caseDetailPoster */
.caseDetailPoster .imgbox{padding-top:56%;border-radius:var(--padding-margin__25)}
.caseDetailPoster .item{background-color:#eef2f6;border-radius:var(--padding-margin__25)}

/* caseDetailIntro */
.caseDetailIntro{line-height:1.5}
.caseDetailIntro .container{background:#ffffff;border-radius:var(--padding-margin__32);padding:var(--padding-margin__32);box-shadow:0 8px 30px rgba(0,0,0,0.04);border:1px solid #ecf3f0}
.caseDetailIntro .caseMeta{gap:0.12rem;flex-wrap:wrap;padding-bottom:var(--padding-margin__15);border-bottom:1px solid #e2e8f0;width:100%}
.case-navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #eef2f6;line-height:1.5}
.nav-case-btn{background:#ffffff;border:1px solid #dce5e2;border-radius:var(--padding-margin__60);padding:var(--padding-margin__15) var(--padding-margin__30);display:inline-flex;align-items:center;gap:0.12rem;font-weight:600;color:#0a5bab;cursor:pointer;transition:all 0.25s;box-shadow:0 2px 5px rgba(0,0,0,0.02)}
.nav-case-btn:hover{background:var(--primary-color);color:#fff}
.case-index{background:#f1f5f9;padding:0.06rem var(--padding-margin__20);border-radius:var(--padding-margin__40);font-weight:500;color:#0a5bab}

/* newsList */
.newsList .item{width:calc(100% / 3 - 0.2rem);margin-right:0.3rem;margin-bottom:var(--padding-margin__50)}
.newsList .item:nth-child(3n){margin-right:0}
.newsList .imgbox{padding-top:61.164%}
.newsList .imgbox img{transition:all 0.3s ease}
.newsList .item:hover img{transform:scale(1.05)}
@media screen and (max-width:480px){
	.newsList .item{width: 100%;margin-right: 0;}
}

/* news-details */
.news-details .container{max-width:13rem}
.news-details .titleBox{border-bottom:1px solid #e2edf2;padding-bottom:var(--padding-margin__15)}
.news-page .container{border-top:1px dashed #e2edf2;max-width:13rem}
.news-page .btn{width:calc(50% - 0.15rem);background:#EEEEEE;border-radius:var(--padding-margin__10);display:flex;justify-content:center;align-items:center;color:#000;padding-top:var(--padding-margin__20);padding-bottom:var(--padding-margin__20);line-height:1;transition:all 0.3s ease}
.news-page .btn:hover{background:var(--primary-color);color:#fff}

/* about */
.about{
	background-image: url(../images/aboutBg.jpg);
	background-size: cover;
	min-height: 11.76rem;
}

/* aboutList */
.aboutList{
	background-color: #f7f7f7;
}
.aboutList .item{
	width: 23%;
}
.aboutList .item img{
	height:  var(--padding-margin__70);
	transition: all 0.5s ease;
}
.aboutList .item:hover img{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@media screen and (max-width:1024px){
	.aboutList .item{
		width: 31%;
		margin: 0.15rem auto;
	}
}
@media screen and (max-width:480px){
	.aboutList .item{
		width: 100%;
	}
}

/* about */
.about .container{
	max-width: 11.72rem;
}
.about .intro{
	width: 6.64rem;
	letter-spacing: -0.007rem;
}
.about .intro p{
	margin-top: 0;
	margin-bottom: 0;
}
.about .leftBox{
	width: 5.56rem;
	max-width: 47.44%;
}
.about .leftBox .imgbox{
	padding-top: 138.853%;
}
.about .rightBox{
	flex: 1;
	padding-left: var(--padding-margin__90);
}
.about .rightBox .intro{
	width: 100%;
}
@media screen and (max-width:1024px){
	.about .rightBox{
		padding-left: var(--padding-margin__20);
	}
}
@media screen and (max-width:768px){
	.about .leftBox{
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.3rem;
	}
	.about .rightBox{
		padding-left: 0;
	}
	.about .intro{
		width: 100%;
	}
}


.contact-section{background:#f8fafc;border-top:1px solid #e2edf2}
.contact-section .container{max-width:12.8rem}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:0.48rem;line-height:1.5}
.info-card{background:white;border-radius:var(--padding-margin__32);padding:var(--padding-margin__32) var(--padding-margin__30);box-shadow:0 20px 35px -12px rgba(0,0,0,0.05);border:1px solid #eef2f6;transition:all 0.2s}
.info-title{font-size:var(--font-size__28);font-weight:700;margin-bottom:var(--padding-margin__20);color:#0f2b1e;display:flex;align-items:center;gap:0.1rem}
.info-title i{color:#0a5bac;font-size:var(--font-size__28)}
.direct-contact{background:#f8fafe;padding:var(--padding-margin__20);border-radius:var(--padding-margin__25);margin:var(--padding-margin__30) 0;border-left:5px solid #0a5bac}
.phone-big{font-size:var(--font-size__28);font-weight:700;color:#0a5bac;letter-spacing:-0.3px;margin:0.12rem 0 0.18rem}
.phone-big i{font-size:var(--font-size__26);margin-right:0.12rem;color:#0a5bac}
.contact-detail-item{display:flex;align-items:center;gap:0.15rem;margin:var(--padding-margin__20) 0;font-size:var(--font-size__18)}
.contact-detail-item i{width:var(--padding-margin__35);height:var(--padding-margin__35);background:#eef3ef;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0a5bac;font-size:var(--font-size__18)}
.social-note{margin-top:var(--padding-margin__30);padding-top:var(--padding-margin__20);border-top:1px dashed #dce5dc;font-size:var(--font-size__14);color:#5f6c7a}
.global-network{background:#f9fbf9;border-radius:var(--padding-margin__20);padding:var(--padding-margin__20);margin-top:var(--padding-margin__25);text-align:center;font-weight:500}
.form-card{background:white;border-radius:var(--padding-margin__32);padding:var(--padding-margin__32) var(--padding-margin__32) var(--padding-margin__40);box-shadow:0 20px 35px -12px rgba(0,0,0,0.08);border:1px solid #eef2f6}
.form-card h3{font-size:var(--font-size__28);font-weight:600;color:#0e2a1f}
.form-card .form-sub{color:#5b6e4a;margin-bottom:var(--padding-margin__25);font-size:var(--font-size__14);border-left:3px solid #cbdcd0;padding-left:0.12rem}
.input-group{margin-bottom:var(--padding-margin__25)}
.input-group label{display:block;font-weight:600;margin-bottom:0.08rem;font-size:var(--font-size__14);color:#1e2f2a}
.required-star{color:#e03a3a;margin-left:0.03rem}
.contact-section input,.contact-section select,.contact-section textarea{width:100%;padding:var(--padding-margin__10) var(--padding-margin__15);border:1px solid #b1d0e5;border-radius:var(--padding-margin__20);font-family:'Inter',sans-serif;transition:0.2s;background-color:#fff}
.contact-section input:focus,.contact-section textarea:focus{outline:none;border-color:#0a5bab;box-shadow:0 0 0 3px rgba(31,110,67,0.1)}
.contact-section textarea{resize:vertical;min-height:var(--padding-margin__110)}
.btn-submit{background:linear-gradient(105deg,#0a5bab,#135634);border:none;color:white;padding:var(--padding-margin__15) var(--padding-margin__30);font-weight:600;font-size:var(--font-size__18);border-radius:var(--padding-margin__40);cursor:pointer;width:100%;transition:0.25s;box-shadow:0 8px 18px rgba(31,110,67,0.2);display:flex;align-items:center;justify-content:center;gap:10px}
.btn-submit:hover{background:linear-gradient(105deg,#0a5bab,#0a5bab);transform:translateY(-2px);box-shadow:0 12px 22px rgba(31,110,67,0.25)}
.form-note{font-size:var(--font-size__14);color:#7b8a7b;text-align:center;margin-top:var(--padding-margin__20)}
.toast-msg{position:fixed;bottom:var(--padding-margin__30);left:50%;transform:translateX(-50%);background:#1f6e43;color:white;padding:var(--padding-margin__10) var(--padding-margin__25);border-radius:var(--padding-margin__40);font-weight:500;box-shadow:0 10px 20px rgba(0,0,0,0.2);z-index:1000;opacity:0;transition:0.25s;pointer-events:none}
@media screen and (max-width:1024px){
	.contact-grid{gap: 0.2rem;}
}
@media screen and (max-width:768px){
	.contact-section .contact-grid{flex-direction: column;display: flex;}
}

@media screen and (min-width:1025px){
	.main-nav li span{
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.wap-op{
		opacity: 1;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		transition: transform 0.25s;
		margin-left: 0.08rem;
	}
	.wap-op::before{
		content: "\f078";
	}
	.main-nav li:hover .wap-op{
		transform: rotate(180deg);
		color: var(--primary-color);
	}
}
@media screen and (min-width:1025px){
	footer .leftBox .core2{
		max-width: 4.2rem;
		line-height: 1.6;
	}
}

.product{line-height:1.5}
.productPage .product .container{background:#ffffff;border-radius:var(--padding-margin__32);box-shadow:0 12px 35px rgba(0,0,0,0.05);border:1px solid #e9f0ec;overflow:hidden;margin-bottom:var(--padding-margin__30)}
.product .container .productHeader{padding:var(--padding-margin__32) var(--padding-margin__32) var(--padding-margin__15) var(--padding-margin__32);border-bottom:1px solid #edf3ef}
.product .container .row{padding:var(--padding-margin__25) var(--padding-margin__32) var(--padding-margin__32) var(--padding-margin__32)}
.product .container .row .rightBox,.product .container .row .leftBox{width:calc(50% - 0.3rem)}
.product .container .subTitle{border-left:0.04rem solid var(--primary-color);padding-left:0.12rem;margin-top:var(--padding-margin__15)}
.product .container .feature-list{margin-top:var(--padding-margin__15)}
.product .container .feature-list span,.product .container .feature-list i{color:var(--primary-color);margin-right:0.12rem}
.product .container .feature-list li{margin-bottom:0.12rem}
.product .container .row .rightBox{padding:var(--padding-margin__20);border-radius:var(--padding-margin__20);background:#fbfbfb;border:1px solid #e6e6e6}
.specs-section{padding:0 var(--padding-margin__32) 1.5rem var(--padding-margin__32);width:50%}
.specs-title{font-weight:700;font-size:var(--font-size__18)
            margin-bottom:var(--padding-margin__15);color:#333}
.spec-table{width:100%;border-collapse:collapse;background:#ffffff;border-radius:var(--padding-margin__20);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.spec-table th,.spec-table td{border:1px solid #e6e6e6;padding:var(--padding-margin__10);text-align:left;vertical-align:top;border:1px solid #e6e6e6}
.spec-table th{background-color:#fbfbfb;font-weight:600;color:#333}
.product .container .imgbox{padding-top:66.1%;border-radius:var(--padding-margin__30);margin-bottom:var(--padding-margin__20)}
@media screen and (max-width:768px){
	.product .container .row {
		flex-wrap: wrap;
	}
	.product .container .row .rightBox,
	 .product .container .row .leftBox{
		width: 100%;
	}
		 .product .container .row .leftBox{
			 margin-bottom: var(--padding-margin__35);
		 }
		 .product .container .feature-list{
			 margin-top: 0.15rem;
		 }
}
@media screen and (max-width:1024px){
	.about .intro{
		font-weight: normal;
		text-align: justify;
	}
}
@media screen and (max-width:480px){
	.home-ban.subBan img{
		min-height: 2rem;
		object-fit: cover;
	}
	
}
/* @media screen and (min-width: 1921px){
	.container,
	.main-nav .sub-projects .sub-inner,
	.news-page .container,
	.news-details .container,
	.contact-section .container,
	.productPage .caseCategory .container,
	.productPage .product .container{max-width:11.72rem;}
	
	.container .case-navigation,
	.caseDetailIntro  .container,
	.caseDetailPoster .container{max-width: 11rem;}
}
		 */