@charset "utf-8";

:root {
	/* 导航高度 */
	--header-height: 100px;
	/* COLOR */
	--color-active: #013dc7;
	--color-blue-004: #013dc7;
	--color-blue-095: #095cae;
	--color-blue-163: #163494;
	--color-blue-1635: #163595;
	--color-blue-345: #345999;
	--color-red-e41: #e41313;
	--color-white: #fff;
	--color-black: #282828;
	--color-gray-f6: #f6f6f6;
	--color-gray-f4: #f4f4f4;
	--color-gray-eee: #eee;
	--color-gray-ddd: #ddd;
	--color-gray-bbb: #bbb;
	--color-gray-999: #999;
	--color-gray-666: #666;
	--color-gray-444: #444;
	--color-gray-333: #333;
	/* --- font40以下 */
	--font12: clamp(12px, 0.12rem, 12px);
	--font14: clamp(12px, 0.14rem, 14px);
	--font15: clamp(12px, 0.15rem, 15px);
	--font16: clamp(13px, 0.16rem, 16px);
	--font17: clamp(13px, 0.17rem, 17px);
	--font18: clamp(14px, 0.18rem, 18px);
	--font20: clamp(14px, 0.2rem, 20px);
	--font22: clamp(14px, 0.22rem, 22px);
	--font24: clamp(14px, 0.24rem, 24px);
	--font25: clamp(14px, 0.25rem, 25px);
	--font26: clamp(18px, 0.26rem, 26px);
	--font28: clamp(18px, 0.28rem, 28px);
	--font30: clamp(20px, 0.3rem, 30px);
	--font32: clamp(20px, 0.32rem, 32px);
	--font34: clamp(22px, 0.34rem, 34px);
	--font36: clamp(22px, 0.36rem, 36px);
	--font38: clamp(24px, 0.38rem, 38px);
	/* --- font40 */
	--font40: clamp(23px, 0.4rem, 40px);
	--font42: clamp(24px, 0.42rem, 42px);
	--font44: clamp(24px, 0.44rem, 44px);
	--font46: clamp(25px, 0.46rem, 46px);
	--font48: clamp(26px, 0.48rem, 48px);
	/* --- font50 */
	--font50: clamp(28px, 0.5rem, 50px);
	--font52: clamp(28px, 0.52rem, 52px);
	--font54: clamp(28px, 0.54rem, 54px);
	--font56: clamp(28px, 0.56rem, 56px);
	--font58: clamp(29px, 0.58rem, 58px);
	/* --- font60 */
	--font60: clamp(30px, 0.6rem, 60px);
	--font62: clamp(31px, 0.62rem, 62px);
	--font64: clamp(31px, 0.66rem, 64px);
	--font66: clamp(31px, 0.66rem, 66px);
	--font68: clamp(31px, 0.68rem, 68px);
	/* --- font70以及以上 */
	--font70: clamp(32px, 0.7rem, 70px);
	--font72: clamp(32px, 0.72rem, 72px);
	--font74: clamp(32px, 0.74rem, 74px);
	--font80: clamp(32px, 0.8rem, 80px);
	--font84: clamp(32px, 0.84rem, 84px);
	--font100: 1rem;
	--font120: 1.2rem;
	--font140: 1.4rem;
	--font160: 1.6rem;
	--font230: 2.3rem;
}

/* 公共字体 */
.font12 {
	font-size: var(--font12);
}

.font14 {
	font-size: var(--font14);
}

.font15 {
	font-size: var(--font15);
}

.font16 {
	font-size: var(--font16);
}

.font18 {
	font-size: var(--font18);
}

.font20 {
	font-size: var(--font20);
}

.font22 {
	font-size: var(--font22);
}

.font24 {
	font-size: var(--font24);
}

.font26 {
	font-size: var(--font26);
}

.font28 {
	font-size: var(--font28);
}

.font30 {
	font-size: var(--font30);
}

.font32 {
	font-size: var(--font32);
}

.font34 {
	font-size: var(--font34);
}

.font36 {
	font-size: var(--font36);
}

.font38 {
	font-size: var(--font38);
}

.font40 {
	font-size: var(--font40);
}

.font42 {
	font-size: var(--font42);
}

.font44 {
	font-size: var(--font44);
}

.font46 {
	font-size: var(--font46);
}

.font48 {
	font-size: var(--font48);
}

.font50 {
	font-size: var(--font50);
}

.font52 {
	font-size: var(--font52);
}

.font54 {
	font-size: var(--font54);
}

.font56 {
	font-size: var(--font56);
}

.font58 {
	font-size: var(--font58);
}

.font60 {
	font-size: var(--font60);
}

.font62 {
	font-size: var(--font62);
}

.font64 {
	font-size: var(--font64);
}

.font66 {
	font-size: var(--font66);
}

.font68 {
	font-size: var(--font68);
}

.font70 {
	font-size: var(--font70);
}

.font72 {
	font-size: var(--font72);
}

.font72 {
	font-size: var(--font74);
}

.font80 {
	font-size: var(--font80);
}

.font100 {
	font-size: var(--font100);
}

.font120 {
	font-size: var(--font120);
}

.font140 {
	font-size: var(--font140);
}

.font160 {
	font-size: var(--font160);
}

.font230 {
	font-size: var(--font230);
}

html {
	font-size: calc(100vw/19.2);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.w33 {
	width: 33.33% !important;
}

.w50 {
	width: 50%;
}

.mt1 {
	margin-top: 1rem;
}

.mb1 {
	margin-bottom: 1rem;
	text-align: center;
}

.mt2 {
	margin-top: .2rem;
}

.mt3 {
	margin-top: .3rem;
}

.line-10hui {
	width: 100%;
	height: 10px;
	background: #eaeaea;
	display: none;
	margin-top: 0;
}

@media (min-width: 1901px) {
	html {
		font-size: 100px;
	}
}

@media (max-width: 1580px) {
	html {
		font-size: calc(100vw / 21);
	}
}

@media (max-width: 1280px) {
	html {
		font-size: calc(100vw / 19.3);
	}
}

@media (max-width: 767px) {
	html {
		font-size: calc(100vw/15);
	}
}

@media (max-width: 480px) {
	html {
		font-size: calc(100vw/7.5);
	}
}

body {
	font-family: 'Microsoft YaHei', 'Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
	font-size: 16px;
	color: #000;
	background: #fff;
	overflow-x: hidden;
}

html,
body,
div,
span,
iframe,
map,
font,
img,
a img,
samp,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
b,
p,
blockquote,
a,
address,
code,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tr,
td,
th {
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: normal;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	list-style: none;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

html,
body {
	position: relative;
	height: 100%;
}

body::-webkit-scrollbar {
	width: 2px;
}

body::-webkit-scrollbar-track {
	background: rgba(232, 232, 232, 1);
}

body::-webkit-scrollbar-thumb {
	background: #013dc7;
}

img {
	border: 0;
	max-width: 100%;
}

input,
button,
a {
	outline: none;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: red;
}

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

div {
	box-sizing: border-box;
}

.dn {
	display: none;
}

#screen {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.5);
}

/*通用样式*/
.container {
	width: 1600px;
	margin: 0 auto;
	max-width: 92%;
}


.fcc {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.fsc {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
}

/*通用样式*/
.menuBtn {
	display: none;
}

.logo {
	position: relative;
}

.logo img {
	display: block;
	width: clamp(130px, 1.89rem, 189px);
	transition: all 0.5s;
}

.header {
	height: var(--header-height);
	background: #013dc7;
	transition: all 0.5s;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.small-header .header {
	transform: translateY(-100%);
}

.show-header .header {
	transform: translateY(0);
}

.small-header .header {
	height: 80px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.small-header .header .nav li h2 a {
	line-height: 80px;
}

.small-header .header dl {
	top: 80px;
}

.nav>ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav li:last-child {
	margin-right: 0;
}

.nav li h2 {
	position: relative;
}

.nav li h2::after {
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s;
	width: 0;
	background: #ffffff;
}

.nav li:hover h2::after {
	width: 100%;
}

.nav li h2 a {
	transition: all 0.5s;
	line-height: var(--header-height);
	white-space: nowrap;
	font-size: clamp(16px, .24rem, 24px);
	color: #ffffff;
}

.nav li {
	padding: 0 .33rem;
	position: relative;
}

.nav li dl {
	box-sizing: border-box;
	display: none;
	width: calc(100% + 6px);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: var(--header-height);
}

.nav li dt {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	text-align: center;
	font-size: clamp(14px, .18rem, 18px);
	line-height: .55rem;
}

.nav li dt:last-child {
	margin-bottom: 0;
}

.nav li dt a {
	background: #ffffff;
	display: block;
	transition: all 0.3s;
}

.nav li dt:hover>a {
	color: #013dc7;
}

.headerFlex {
	position: relative;
	display: flex;
	justify-content: center;
	width: 1760px;
	max-width: 92%;
	margin: 0 auto;
	align-items: center;
}

.headerFlex .logo {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.searchCont {
	gap: 10px;
	height: 42px;
	padding: 0 .1rem 0 .25rem;
	border-radius: 42px;
	display: flex;
	align-items: center;
	background: #678bdd;
	transition: all .4s;
	position: absolute;
	right: 0;
}

.searchCont button {
	background: url(../images/search.png) center no-repeat;
	width: 17px;
	height: 16px;
	cursor: pointer;
	border: none;
}

.searchCont input {
	color: #ffffff;
	transition: all .4s;
	background: none;
	font-size: var(--font18);
	border: none;
	width: 55px;
}

.searchCont input::placeholder {
	color: #ffffff;
}

.searchCont input:focus {
	width: 150px;
}

/*banner*/
.banner {
	position: relative;
}

.banner img {
	transform: scale(1.1);
	transition: all 8s;
	display: block;
	width: 100%;
	margin: 0px auto;
	max-width: 2560px;
}

.banner .swiper-slide {
	overflow: hidden;
}

.banner .swiper-slide-active img {
	transform: scale(1);
}

.banner .swiper-pagination {
	text-align: left;
	left: 50%;
	bottom: 7.3vw;
	width: 1400px;
	transform: translateX(-50%);
}

.banner .swiper-pagination span {
	opacity: 1;
	transition: all 0.3s;
	box-sizing: border-box;
	border: 2px solid #ffffff;
	background: none;
	outline: none;
	width: 16px;
	height: 16px;
	margin: 0 18px 0 0 !important;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
	background: #ffffff;
}

.bannerText {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.bannerText p {
	font-size: 3.125vw;
	color: #ffffff;
}

/*footer*/
.footer {
	background: #dadada;
}

.footerTop {
	padding: 1.45rem 0 .7rem;
	display: flex;
	justify-content: space-between;
}

.footLink ul {
	display: flex;
}

.footLink li {
	margin-right: .65rem;
}

.footLink p a {
	transition: all .4s;
	font-size: var(--font22);
	color: #767676;
}

.footLink p {
	transition: all 0.3s;
	line-height: .45rem;
}

.footLink li h2 a {
	font-size: var(--font24);
	color: #333333;
}

.footLink p:hover {
	transform: translateX(5px);
	opacity: 1;
}

.footLink p:hover a {
	color: #013dc7;
}

.footLink li h2 {
	line-height: 1;
	margin-bottom: .3rem;
}

.shareLink {
	display: flex;
	align-items: center;
	font-size: var(--font14);
	color: rgba(255, 255, 255, .5);
}

.shareLink a img {
	transition: all .4s;
	display: block;
}

.shareLink a {
	position: relative;
	margin-left: .22rem;
}

.shareLink a:hover>img {
	filter: brightness(0) invert(1);
}

.ewmBox {
	background: #ffffff;
	width: 1.1rem;
	padding: .08rem;
	border-radius: 4px;
}

.ewmBox img {
	display: block;
	width: 100%;
}

.fixEwm {
	opacity: 0;
	visibility: hidden;
	transform-origin: center bottom;
	transition: all .4s;
	border-radius: 4px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #002060;
	text-align: center;
	padding: .12rem .12rem 0;
}

.fixEwm p {
	white-space: nowrap;
	color: #ffffff;
	color: rgba(255, 255, 255, .5);
	font-size: var(--font14);
	line-height: 2.28;
}

.shareLink a .fixEwm {
	width: 1.34rem;
	position: absolute;
	bottom: .25rem;
	left: 50%;
	transform: translateX(-50%) scale(0);
}

.shareLink a:hover .fixEwm {
	transform: translateX(-50%) scale(1);
	opacity: 1;
	visibility: visible;
}

.copyRight {
	margin-top: .7rem;
	border-top: 1px solid #949494;
	line-height: 1.45rem;
	height: 1.45rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contactEwm {
	display: flex;
}

.contactEwm p {
	color: #7e7e7e;
	font-size: var(--font15);
	line-height: 1;
}

.scanBox {
	margin-left: 17px;
}

.scanBox img {
	display: block;
	margin: 0 auto clamp(6px, .12rem, 12px);
}

.contactInfor {
	margin-top: .65rem;
	text-align: right;
}

.contactInfor h2 {
	color: #333333;
	font-size: var(--font24);
	font-weight: bold;
	display: inline-flex;
	align-items: center;
}

.contactInfor h2 img {
	margin-right: 7px;
}

.contactInfor p {
	font-size: var(--font17);
	color: #4b4b4b;
	line-height: calc(1em + .1rem);
}

.menubox {
	display: none;
}

/**/
.homeIntroduce {
	padding: 1.64rem 0 0;
	position: relative;
}

.homeIntroduce .buildImg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;

}

.titleCell h2 {
	font-size: var(--font64);
	line-height: 1;
	position: relative;
	padding-bottom: .4rem;
}

.titleCell h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: clamp(80px, 1.2rem, 120px);
	height: clamp(2px, .05rem, 5px);
	background-image: linear-gradient(to right, #0138d4, #01b024);
}

.introduceText p {
	color: #4d4d4d;
	font-size: var(--font25);
	line-height: 1.8;
}

.introduceText p span {
	font-weight: bold;
}

.introduceFlex {
	margin-top: .75rem;
	display: flex;
	justify-content: space-between;
}

.introduceData {
	width: 28.125%;
	background: #013dc7;
	padding: 1rem 0 6rem 1rem;
	margin-top: -2rem;
}

.introduceData li span {
	display: block;
	line-height: 1.5;
	font-size: var(--font25);
	color: #ffffff;
}

.introduceData li p {
	line-height: 1;
	font-size: var(--font80);
	color: #ffffff;
}

.introduceData li:not(:last-child) {
	margin-bottom: .6rem;
}

.titleCell span {
	color: #0137d5;
}

.titleCell.centerTitle {
	text-align: center;
}

.titleCell.centerTitle h2::after {
	left: 50%;
	transform: translateX(-50%);
}

.develop {
	padding: 2rem 0 .75rem;
}

.devImg {
	position: relative;
	margin-top: .8rem;
}

.devArt {
	position: absolute;
	left: 61.25%;
	top: 50%;
	transform: translateY(-50%);
}

.mobShow {
	display: none;
}

.devArt li {
	font-size: var(--font25);
}

.devArt li p {
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: 1.6;
}

.devArt li p span {
	font-weight: bold;
}

.devArt li:not(:last-child) {
	margin-bottom: 1em;
}

.devArt li {
	position: relative;
}

.devArt li img {
	position: absolute;
	left: -.33rem;
	width: clamp(6px, .13rem, 13px);
	top: .8em;
	transform: translateY(-50%);
}

.homeCase {
	padding: .2rem 0 1rem;
}

.homeCase ul {
	display: flex;
	flex-wrap: wrap;
	gap: .28rem .35rem;
}

.homeCase li {
	transition: all .4s;
	width: calc((100% - 1.05rem)/4);
	text-align: center;
	background: #f1f1f1;
	border-radius: .18rem;
	padding: .48rem 0;
}

.homeCase li:hover {
	background: #013dc7;
}

.caseIcon {
	margin: 0 auto clamp(10px, .2rem, 20px);
	height: clamp(60px, 1.12rem, 112px);
}

.caseIcon img {
	transition: all .4s;
	display: block;
	margin: 0 auto;
	max-height: 100%;
}

.homeCase li h2 {
	color: #4d4d4d;
	transition: all .4s;
	font-size: var(--font36);
	font-weight: 200;
}

.homeCase li p {
	margin-bottom: .6rem;
	color: #989898;
	transition: all .4s;
	font-size: var(--font18);
	font-weight: 200;
}

.caseList {
	margin-top: .8rem;
}

a.more {
	transition: all .4s;
	line-height: calc(2em + 2px);
	font-size: var(--font16);
	color: #808080;
	border: 1px solid #4068dc;
	border-radius: 4px;
	padding: 0 clamp(12px, .23rem, 23px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.homeCase li:hover h2,
.homeCase li:hover p {
	color: #ffffff;
}

a.more img {
	transition: all .4s;
	margin-left: 5px;
}

.homeCase li:hover a {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.homeCase li:hover a img {
	filter: brightness(0) invert(1);
}

.homeCase li:hover .caseIcon img {
	transform: rotateY(360deg);
}

.homeNews {
	padding: 1rem 0 2rem;
}

.homeNewsList ul {
	margin-top: .95rem;
	display: flex;
	flex-wrap: wrap;
}

.homeNewsList li {
	width: calc((100% - 1.05rem)/4);
	margin-right: .35rem;
}

.homeNewsList li:nth-child(4n) {
	margin-right: 0;
}

.newsPic {
	margin-bottom: .45rem;
	overflow: hidden;
}

.newsPic img {
	transition: all .8s;
	display: block;
	width: 100%;
	aspect-ratio: 374 / 275;
	object-fit: cover;
}

.homeNewsList li span {
	display: block;
	color: #0137d5;
	line-height: 1;
	font-size: var(--font20);
	margin-bottom: .1rem;
}

.homeNewsList li p {
	transition: all .4s;
	margin-bottom: .2rem;
	font-size: var(--font25);
	color: #4d4d4d;
	transition: all .4s;
	line-height: calc(1em + .1rem);
	height: calc(2em + .2rem);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.homeNewsList li:hover .newsPic img {
	transform: scale(1.1);
}

.homeNewsList li:hover p {
	color: #0137d5;
}

.homeNewsList li:hover .more {
	color: #ffffff;
	background: #0137d5;
}

.homeNewsList li:hover .more img {
	filter: brightness(0) invert(1);
}

.checkMore {
	margin-top: .8rem;
	text-align: center;
}

.checkMore a {
	line-height: 3;
	border-radius: 4px;
	font-size: var(--font25);
	align-items: center;
	background: #01ab24;
	font-weight: 200;
	color: #ffffff;
	transition: all .4s;
	display: inline-flex;
	padding: 0 .6rem;
}

.checkMore a img {
	display: block;
	margin-left: clamp(5px, .1rem, 10px);
}

.checkMore a:hover {
	background: #0137d5;
}

/**/
.mainPage {
	padding: 100px 0 0;
}

.page-banner img {
	display: block;
	width: 100%;
	max-width: 2560px;
	margin: 0px auto;
}

.culture {
	padding: 1.8rem 0 1rem;
}

.culture ul {
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
}

.culture li {
	transition: all .4s;
	width: calc((100% - .8rem)/3);
	text-align: center;
	padding: .95rem 0 .9rem;
	background: #f1f1f1;
	border-radius: .12rem;
}

.cultureIcon {
	height: clamp(60px, 1.28rem, 128px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.cultureIcon img {
	display: block;
	transition: all .4s;
	max-height: 100%;
}

.culture li h2 {
	transition: all .4s;
	font-weight: bold;
	font-size: var(--font42);
	color: #333333;
	line-height: 1;
	margin: .38rem auto .2rem;
}

.culture li p {
	transition: all .4s;
	font-size: var(--font34);
	line-height: 1.47;
	color: #4d4d4d;
	font-weight: 200;
}

.culture li:hover {
	background: #0137d5;
}

.culture li:hover img {
	transform: rotateY(360deg);
}

.culture li:hover h2,
.culture li:hover p {
	color: #ffffff;
}

.history {
	padding: 1rem 0;
}

.history li {
	margin-bottom: 1.08rem;
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: .8rem;
}

.history li:last-child {
	margin: 0;
}

.history li:nth-child(2n) {
	text-align: right;
	flex-direction: row-reverse;
}

.historyText {
	flex: 1;
}

.historyTitle h2 {
	padding-bottom: .4rem;
	margin-bottom: .35rem;
	line-height: 1;
	border-bottom: 2px solid #d5d5d5;
	background-image: linear-gradient(to bottom, #0138d3, #01aa2b);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 40px;
	font-weight: bold;
	font-size: var(--font84);
	display: inline-block;
}

.historyTitle h2 span {
	font-size: var(--font64);
}

.history li p {
	color: #4d4d4d;
	font-size: var(--font25);
	line-height: calc(1em + .15rem);
}

.history ul {
	margin-top: 1.2rem;
}

.qualityList ul {
	max-width: 92%;
	box-sizing: border-box;
	justify-content: space-between;
	width: 1080px;
	margin: 1.2rem auto;
	padding-left: .78rem;
	background: url(../images/qualityBg.png) left center no-repeat;
	display: flex;
}

.qualityList li h2 {
	font-weight: bold;
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: calc(1em + .2rem);
}

.qualityList li p {
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: calc(1em + .2rem);
}

.qualityImg img {
	display: block;
	width: 100%;
}

.qualityImg {
	margin-top: 1rem;
}

.historySub {
	text-align: center;
	font-size: var(--font74);
	color: #013dc7;
	line-height: 1;
	margin-top: .74rem;
}

.honor {
	margin-top: 2.5rem;
}

.honorList ul {
	width: 1470px;
	max-width: 92%;
	margin: 1.2rem auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: .32rem .57rem;
}

.honorList li {
	overflow: hidden;
	width: calc((100% - 1.71rem)/4);
	box-sizing: border-box;
	background: url(../images/hbg.jpg) center no-repeat;
	background-size: cover;
	padding: .1rem;
}

.honorList li img {
	transition: all .8s;
	object-fit: cover;
	display: block;
	width: 100%;
	aspect-ratio: 305/180;
}

.honorList li:hover img {
	transform: scale(1.05);
}

.honorList {
	background: url(../images/hbottom.png) center bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 1.55rem;
}

.honor dl {
	width: 1470px;
	max-width: 92%;
	margin: .5rem auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem .9rem;
}

.honor dt {
	width: calc((100% - 2.7rem)/4);
	text-align: center;
	background: url(../images/honorpic.png) center no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	height: .89rem;
	font-size: var(--font25);
	line-height: calc(1em + .1rem);
	background-size: 100% 100%;
}

.honor dt p {
	color: #4d4d4d;
	font-weight: 200;
}

.honor {
	background: url(../images/qualitybg.jpg) center bottom no-repeat;
	padding-bottom: 2rem;
}

.buildingNews {
	padding: 1.8rem 0;
}

.buildingNews ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.buildingNews li {
	overflow: hidden;
	position: relative;
	width: calc((100% - .5rem)/2);
}

.buildingNews li img {
	display: block;
	width: 100%;
	transition: all .8s;
	object-fit: cover;
	aspect-ratio: 780/515;
}

.buildingNews li::after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 16%;
	background-image: linear-gradient(to bottom, rgba(192, 39, 45, 0), rgba(192, 39, 45, 1));
}

.buildingNews li span {
	position: absolute;
	bottom: .17rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	left: 0;
	width: 100%;
	color: #ffffff;
	font-size: var(--font25);
	text-align: center;
	z-index: 3;
}

.buildingNews li:first-child::after {
	display: none;
}

.buildDesc {
	background: url(../images/building1.jpg) center no-repeat;
	background-size: 100% 100%;
	height: 100%;
	padding: .75rem .8rem 0 .55rem;
}

.buildDesc p {
	font-size: var(--font40);
	color: #333333;
	line-height: 1.2;
}

.buildDesc h2 {
	font-size: var(--font64);
	color: #c0272d;
}

.buildingNews li:hover img {
	transform: scale(1.1);
}

.mediaCont {
	background-image: linear-gradient(to bottom, #f4c7bb, #ffffff);
	padding: 2rem 0 1rem;
}

.mediaTitle {
	text-align: center;
	font-size: var(--font74);
	line-height: 1.21;
	margin-bottom: 1rem;
	color: #c0272d;
}

.mediaFlex {
	align-items: center;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #ffffff;
}

.mediaList ul {
	gap: .2rem;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.mediaPic {
	width: 64%;
}

.mediaList {
	padding: 0 .75rem;
	width: 36%;
}

.mediaList li {
	cursor: pointer;
	transition: all .4s;
	width: calc(50% - .1rem);
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
}

.picSlide img {
	display: block;
	width: 100%;
	aspect-ratio: 1024 / 578;
	transition: all .8s;
	object-fit: cover;
}

.mediaList li.cur {
	border: 1px solid #c0272d;
}

.mediaReport {
	padding: .4rem;
	gap: .2rem;
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: space-between;
}

.mediaReport img:nth-child(1) {
	width: calc((100% - .4rem)*.443);
}

.mediaReport img:nth-child(2) {
	width: calc((100% - .4rem)*.33);
}

.mediaReport img:nth-child(3) {
	width: calc((100% - .4rem)*.2259);
}

.mediaHonor ul {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
}

.mediaHonor li {
	color: #4d4d4d;
	text-align: center;
	font-size: var(--font25);
	line-height: 1.6;
	margin: 0 .5rem;
}

.mediaHonor li img {
	display: block;
	height: 3.26rem;
	margin: 0 auto;
}

.mediaImg {
	margin-bottom: .45rem;
}

.mediaHonor {
	padding: .2rem 0 2.2rem;
}

.mediaHonor ul::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: linear-gradient(to bottom, #ebecec, #ffffff);
	height: 2.1rem;
	z-index: -1;
}

.majorSection {
	padding: 2rem 0 1rem;
}

.subDesc {
	text-align: center;
	font-size: var(--font70);
	color: #013dc4;
	line-height: 1.42;
	font-weight: 600;
}

.casesDesc {
	text-align: center;
	font-size: var(--font70);
	color: #013dc4;
	line-height: 1.42;
	font-weight: 600;
}

.majorSection .subDesc {
	margin-top: .67rem;
}

.majorSection .casesDesc {
	margin-top: .67rem;
}

.majorDesc {
	margin: .5rem auto 1rem;
	font-weight: 200;
	font-size: var(--font36);
	text-align: center;
	color: #4d4d4d;
	line-height: 1.6;
}

.majorPic img {
	display: block;
	width: 100%;
}

.majorEnergy li {
	align-items: center;
	display: flex;
	justify-content: space-between;
	background: #ececec;
}

.majorEnergy li:nth-child(2n) {
	flex-direction: row-reverse;
}

.energyImg {
	width: 50%;
	overflow: hidden;
}

.energyImg img {
	display: block;
	width: 100%;
	aspect-ratio: 800/464;
	object-fit: cover;
	transition: all .8s;
}

.energyText {
	padding: 0 1.35rem;
	width: 50%;
}

.energyText h2 {
	margin-bottom: .1rem;
	font-size: var(--font36);
	color: #000000;
	position: relative;
}

.energyText h2:before {
	content: '';
	position: absolute;
	background: url(../images/enterIcon.png) center no-repeat;
	width: clamp(6px, .13rem, 13px);
	height: 100%;
	left: -26px;
	background-size: 100% auto;
}

.energyText p {
	margin-bottom: .3rem;
	color: #4d4d4d;
	font-size: var(--font25);
	line-height: calc(1em + .14rem);
}

.energyText span {
	display: block;
	font-size: var(--font25);
	color: #01ad24;
	line-height: calc(1em + .14rem);
}

.majorEnergy ul {
	margin-top: .75rem;
}

.caseDesc {
	margin-top: 2.2rem;
}

.caseDesc ul {
	padding: .5rem .6rem;
	display: flex;
	flex-wrap: wrap;
	border: clamp(2px, .1rem, 10px) solid #01a52f;
}

.caseDesc li {
	box-sizing: border-box;
	position: relative;
	width: 50%;
}

.caseDesc li:nth-child(1)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: calc(100% - .5rem);
	border-right: 1px dashed #01a52f;
}

.caseDesc li:nth-child(3)::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: calc(100% - .5rem);
	border-right: 1px dashed #01a52f;
}

.caseDesc li:nth-child(1),
.caseDesc li:nth-child(2) {
	padding-bottom: .5rem;
}

.caseDesc li:nth-child(3),
.caseDesc li:nth-child(4) {
	padding-top: .5rem;
}

.caseDesc li:nth-child(1) img {
	position: absolute;
	right: .5rem;
	bottom: .5rem;
}

.caseDesc li:nth-child(2) img {
	position: absolute;
	left: .5rem;
	bottom: .5rem;
}

.caseDesc li:nth-child(3) img {
	position: absolute;
	right: .5rem;
	top: .5rem;
}

.caseDesc li:nth-child(4) img {
	position: absolute;
	left: .5rem;
	top: .5rem;
}

.caseDesc li:nth-child(even) {
	text-align: right;
	padding-left: .5rem;
}

.caseDesc li h2 {
	font-weight: bold;
	font-size: var(--font36);
	color: #000000;
	line-height: 1;
	margin-bottom: .23rem;
}

.caseDesc li p {
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: calc(1em + .15rem);
}

.caseDesc li:nth-child(1):before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - .5rem);
	border-bottom: 1px dashed #01a52f;
}

.caseDesc li:nth-child(2):before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(100% - .5rem);
	border-bottom: 1px dashed #01a52f;
}

.caseDesc li img {
	max-width: .98rem;
}

.majorSection.lastMajor {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.subSolution {
	text-align: center;
	font-weight: bold;
	font-size: var(--font36);
	color: #000000;
}

.insideTitle h2 {
	color: #013dc4;
	font-size: var(--font70);
	line-height: 1;
	margin-bottom: .44rem;
}

.insideTitle p {
	font-weight: bold;
	font-size: var(--font36);
	color: #000000;
	line-height: 1;
}

.solutionCase {
	padding: 2rem 0 1rem;
}

.insideTitle {
	text-align: center;
}

.solutionCase ul {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0 .6rem;
}

.solutionCase li {
	align-items: start;
	display: flex;
	justify-content: space-between;
	position: relative;
	width: calc(50% - .3rem);
	box-sizing: border-box;
	padding: .5rem;
	border-bottom: 1px dashed #01a52f;
}

.solutionCase li:nth-child(odd) {
	padding-left: .85rem
}

.solutionCase li:nth-child(odd)::after {
	content: '';
	position: absolute;
	top: .5rem;
	bottom: .5rem;
	right: -.3rem;
	border-right: 1px dashed #01a52f;
}

.soText h2 {
	margin-bottom: .2rem;
	font-size: var(--font36);
	color: #000000;
}

.soIcon {
	margin-right: .3rem;
	width: .92rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.soText {
	flex: 1;
}

.soText p {
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: calc(1em + .15rem);
}

.solutionCase li:nth-child(5),
.solutionCase li:nth-child(6) {
	border: none;
}

.insideTitle span {
	margin-top: .15rem;
	display: block;
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: calc(1em + .15rem);
}

.modeFlex {
	width: 1440px;
	max-width: 100%;
	margin: .8rem auto 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.serviceTip {
	display: flex;
	flex-direction: column;
	gap: .15rem;
}

.serviceTip span {
	border-radius: 8px;
	display: block;
	text-align: center;
	font-size: var(--font32);
	color: #000000;
	line-height: .8rem;
	background: #ececec;
}

.circleInfor {
	margin: 0 .55rem;
	width: 46.5%;
	position: relative;
}

.circleInfor img {
	display: block;
	width: 100%;
}

.circleInfor::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/circleRow.png) center no-repeat;
	animation: rotateAni 20s infinite linear;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
}

@keyframes rotateAni {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.serviceTip {
	flex: 1;
}

.advantage .titleCell {
	margin-bottom: .68rem;
}

.advantage {
	margin: 2.4rem auto;
}

.advImg {
	margin-top: 1.34rem;
}

.advImg img {
	display: block;
	margin: 0 auto;
}

.projectList {
	background: url(../images/advLine.png) left center no-repeat;
	width: 1440px;
	margin: 1.25rem auto;
	max-width: 92%;
	padding-left: .5rem;
}

.projectList ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .2rem;
}

.projectList li {
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: 1;
	text-align: left;
	padding: 0;
	position: relative;
}

.projectList li:empty {
	display: none;
}

.projectList li b {
	font-weight: bold;
}

.honorImg img {
	max-width: 92%;
	display: block;
	margin: 0 auto .8rem;
}

.honorImg {
	padding-bottom: 1.2rem;
}

.historyImg img {
	display: block;
	width: 100%;
}

.historyImg {
	width: 50%;
}

.crowdsourcingMode {
	margin: 2.8rem auto 3.2rem;
}

.crowdsourcing {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: #f9f9f9;
	justify-content: center;
	align-items: center;
	position: relative;
}

.crowdsourcing::after {
	width: 4.5rem;
	height: 4.5rem;
	content: '';
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	background: url(../images/crowdsourcingbg1.png) center no-repeat;
	background-size: 100%;

}

.crowdsourcing2 {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: #f9f9f9;
	justify-content: center;
	align-items: center;
	position: relative;
}

.crowdsourcing2::after {
	width: 4.5rem;
	height: 4.5rem;
	content: '';
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	background: url(../images/crowdsourcingbg2.png) center no-repeat;
	background-size: 100%;

}

.crowdsourcingIcon {

	height: clamp(60px, .88rem, 88px);
	background: #01ab24;
	border-radius: 50%;
	transition: all .5s ease;

}


.crowdsourcingIcon img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	transition: all .5s ease;
}

.crowdsourcing h3,
.crowdsourcing2 h3 {
	font-size: var(--font36);
	color: #4d4d4d;
	line-height: 1;
	text-align: center;
	padding: 0;
	position: relative;
}

.crowdsourcing p,
.crowdsourcing2 p {
	font-size: var(--font36);
	color: #333333;
	line-height: 1;
	text-align: center;
	padding: 0;
	position: relative;
	font-weight: 600;
}

.crowdsourcing:hover a img,
.crowdsourcing2:hover a img {
	filter: brightness(0) invert(1);
}

.crowdsourcing:hover .crowdsourcingIcon,
.crowdsourcing2:hover .crowdsourcingIcon {

	transform: translateY(-10px);

}

.crowdsourcing:hover .crowdsourcingIcon img,
.crowdsourcing2:hover .crowdsourcingIcon img {
	transform: rotateY(360deg);
	transform: translateY(-10px);
}

.crowdsourcing:hover .caseIcon img,
.crowdsourcing2:hover .caseIcon img {
	transform: rotateY(360deg);
}


.crowdsourcing_mid {

	position: relative;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: #0033cc;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: var(--font66);
	font-weight: 500;
	text-align: center;
	/* 三层同心圆边框效果 */
	box-shadow:
		0 0 0 .62rem #ffffff,
		0 0 0 1.8rem #f5f5f5;
}


.crowdsourcing_mid img {
	display: block;
	width: 100%;
}

.crowdsourcing_mid::after {
	content: '';
	position: absolute;
	left: -35%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/crowdsourcingbg3.png) center no-repeat;
	animation: rotateAni 20s infinite linear;
	width: 6rem;
	height: 6rem;
	background-size: 100% auto;

}

@keyframes rotateAni {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.crowdsourcingBox {}

.crowdsourcingBoxPic {
	position: relative;
	width: 100%;
}

.crowdsourcingBoxPicimg {
	width: 100%;
	height: auto;
	display: block;
}

.crowdsourcingBoxText {
	background-color: #f5f5f5;
	padding: .8rem 0;
	text-align: center;
	margin-bottom: 1.7rem;
	font-size: var(--font25);
	font-weight: 350;
	color: #4d4d4d;
	line-height: 1.9;
}



.scitechPic {
	width: 100%;
	margin-top: .6rem;
	text-align: center;
	background: url(../images/scitechBg.png) repeat-x bottom center;
}

.scitechPic img {
	margin: 0 auto;
}

.scitechText {
	display: flex;
	justify-content: space-between;
	padding: .6rem 5%;
	gap: .5rem;
	background-color: #efefef;
}

.scitech-item {
	flex: 1;
	min-width: 300px;
}

.scitech-item-title {
	font-size: var(--font34);
	font-weight: 700;
	color: #333333;
	position: relative;
	margin-bottom: .2rem;
}

.scitech-item-title::before {
	content: ">";
	color: #41b883;
	position: absolute;
	left: -.4rem;
	top: 0;
	font-weight: bold;
}


.scitech-item-content {
	font-size: var(--font24);
	color: #5c5c5c;
	line-height: 1.8;
}

.scitech-item-content p {
	margin-bottom: 8px;
}

.scitech-item-content p:last-child {
	margin-bottom: 0;
}

.scitechSection {
	padding: .8rem 0 1rem;
}

.scitechSectionDesc {
	margin: .5rem auto 1rem;
	font-weight: 350;
	font-size: var(--font26);
	text-align: center;
	color: #4d4d4d;
	line-height: 1.6;
}

.scitechSectionDesc strong {
	font-weight: 700;
	color: #4d4d4d;
}

.scitechKechuang {
	padding: .8rem 0 1rem;
}

.scitechKechuang .titleCell {
	margin-bottom: .5rem;
}

.scitechPeopleBg {
	background-color: #f1f1f1;
	padding: .8rem 0 .8rem;
}

.scitechPeople-avatar {
	width: 3.83rem;
	height: 3.83rem;
	margin: 0 auto .3rem;
	border-radius: 50%;
	overflow: hidden;
}

.scitechPeople-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.scitechPeople-name {
	font-size: var(--font44);
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: .16rem;
	text-align: center;
}

.scitechPeople-title {
	font-size: var(--font24);
	color: #4d4d4d;
	line-height: 1.6;
	text-align: center;
}

.scitechPeople-title p {
	margin-bottom: 8px;
}

.scitechPeople-title p:last-child {
	margin-bottom: 0;
}

.scitechPeople-footer {
	padding: .6rem 0 .9rem;
	font-size: var(--font24);
	color: #666666;
	font-weight: 300;
	text-align: center;
}

.scitechPeople-highlight {
	color: #0137d5;
	font-weight: 700;
}



.scitechPeople .swiper-button-prev,
.scitechPeople .swiper-button-next {
	width: .4rem;
	height: .79rem;
	position: absolute;
	top: 40%;
	margin-top: -.4rem;
	cursor: pointer;
}

.scitechPeople .swiper-button-prev {
	left: .2rem;
	background: url(../images/leftArr.png) no-repeat left center;
}

.scitechPeople .swiper-button-next {
	right: .2rem;
	background: url(../images/rightArr.png) no-repeat right center;
}

.scitechPeople .swiper-button-next:after,
.scitechPeople .swiper-button-prev:after {
	display: none;
}

.shentaiSection {
	padding: .3rem 0 1rem;
}

.shentaiSection .titleCell {
	margin-bottom: .5rem;
}

.shentaiBox {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 1rem 0 0;
	margin: 0 auto;
}

.shentai-partner-card {
	display: flex;
	align-items: stretch;
	flex: 1;
}

.shentai-card-border {
	width: .15rem;
	background: linear-gradient(180deg, #0138d4 0%, #01b024 100%);
}

.shentai-card-content {
	flex: 1;
	padding: 0 .25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.shentai-card-desc {
	font-size: var(--font25);
	line-height: 1.5;
	color: #4d4d4d;
	margin-bottom: .4rem;
}

.shentai-card-logos {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.shentai-card-logo-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.shentai-card-logo-item img {
	width: 100%;
	height: auto;
	object-fit: contain;
	transition: transform 0.6s ease;
}

.shentai-card-logo-item:hover img {
	transform: rotateY(180deg);
}

.zhuanliTitle {
	text-align: center;
	background: url(../images/zhuanliLine.png) no-repeat center bottom;
}

.zhuanliTitle h2 {
	padding-bottom: .4rem;
	color: #4d4d4d;
	font-size: var(--font40);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .8rem;
	margin-bottom: .6rem;
}

.zhuanliTitle h2 span {
	font-size: var(--font140);
	font-weight: 600;
	background-image: linear-gradient(to right, #0138d3, #01aa2b);
	-webkit-background-clip: text;
	color: transparent;
	padding-left: 15px;
}

.zhuanliSection {
	padding: .3rem 0 0.4rem;
}

.zhuanliSection .titleCell {
	margin-bottom: .5rem;
}

.factoryPage {
	margin: 1.5rem auto;
}

.factoryPage li {
	align-items: center;
	display: flex;
	justify-content: space-between;
	background: #f1f1f1;
	margin-bottom: 0.8rem;
}

.factoryPage li:nth-child(2n) {
	flex-direction: row-reverse;
}


.factoryText {
	padding: .5rem .2rem .5rem .6rem;
	width: 50%;
}

.factoryText h2 {
	margin-bottom: .3rem;
	font-size: var(--font64);
	color: #013dc7;
	position: relative;
	font-weight: 500;
}


.factoryText p {
	color: #4d4d4d;
	font-size: var(--font25);
	line-height: calc(1em + .2rem);
	font-weight: 350;
	padding-left: .3rem;
	background: url(../images/enterIcon.png) no-repeat left center;

}

.factoryText p a {
	color: #4d4d4d;
	font-weight: 350;
	transition: all .5s ease;
}

.factoryText p a:hover {
	color: #013dc7;
	cursor: pointer;
	padding-left: 6px;

}

.factoryText span {
	display: block;
	font-size: var(--font25);
	color: #01ad24;
	line-height: calc(1em + .34rem);
}

.factoryImg {
	width: 50%;
	overflow: hidden;
}

.factoryImg img {
	display: block;
	width: 100%;
	aspect-ratio: 810/650;
	object-fit: cover;
	transition: all .8s;
}

.factoryImg:hover img {
	transform: scale(1.1);
}



.casesPage {
	margin: 1.5rem auto;
}

.casesPage li {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.casesPage li:nth-child(2n) {
	flex-direction: row-reverse;
}


.casesPage li:nth-child(2n) .casesText {
	padding: .5rem .5rem .5rem 0rem;
}

.casesText {
	padding: .5rem .2rem .5rem 1rem;
	width: 50%;
	display: flex;
	min-height: 4.2rem;
	border-bottom: 2px solid #61c77d;
	flex-direction: column;
	justify-content: center;
}

.casesText h2 {
	margin-bottom: .05rem;
	font-size: var(--font36);
	color: #333333;
	position: relative;
	font-weight: 600;
}

.casesText h3 {
	margin-bottom: .3rem;
	font-size: var(--font30);
	color: #01ac24;
	position: relative;
	font-weight: 350;
}


.casesText p {
	color: #4d4d4d;
	font-size: var(--font25);
	line-height: calc(1em + .18rem);
	font-weight: 350;

}



.casesText span {
	display: block;
	font-size: var(--font25);
	color: #01ad24;
	line-height: calc(1em + .34rem);
}

.casesImg {
	width: 50%;
	overflow: hidden;
}

.casesImg img {
	display: block;
	width: 100%;
	aspect-ratio: 800/420;
	object-fit: cover;
	transition: all .8s;
}

.casesImg:hover img {
	transform: scale(1.1);
}

.bgcasesPage {
	margin: 1.5rem auto;
}

.bgcasesBox {
	width: 100%;
	max-width: 1600px;
	margin: .6rem auto;

}

.bgcasesBox-top {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .4rem;
}

.bgcasesBox-item {
	flex: 1;
	text-align: center;
}

.bgcasesBox-item a:hover .bgcasesBox-item-img-wrapper {
	transform: translateY(-10px);
}

.bgcasesBox-item a:hover .bgcasesBox-item-title {
	color: #013dc7;
	border-bottom: 1px solid #013dc7;
}

.bgcasesBox-item-img-wrapper {
	position: relative;
	padding-bottom: 58%;
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	margin-bottom: .2rem;
	transition: all .5s ease;
}

.bgcasesBox-item-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}

.bgcasesBox-item a:hover .bgcasesBox-item-img-wrapper .bgcasesBox-item-img {
	transform: scale(1.05);
}

.bgcasesBox-item-title {
	font-size: var(--font34);
	color: #6f6f6f;
	font-weight: 350;
	padding-bottom: .24rem;
	border-bottom: 1px solid #00a862;
}

.bgcasesBox-bottom {
	text-align: center;
	color: #666;
	font-size: var(--font25);
	line-height: 1.8;
	margin-bottom: 1rem;
}

.bgcasesBox-bottom-line {
	font-size: var(--font25);
	color: #4d4d4d;
	font-weight: 350;
}

.switchgearPage {
	padding: 2rem 0 1rem;
}

.switchgearDesc {
	text-align: center;
	font-size: var(--font36);
	color: #000000;
	line-height: 1.8;
	font-weight: 700;
}

.switchgearSmall {
	margin: .5rem auto 1rem;
	font-weight: 350;
	font-size: var(--font25);
	text-align: center;
	color: #4d4d4d;
	line-height: 1.9;
}

.switchgearSmall strong {
	font-weight: bold;
	color: #333333;
}

.switchgearBox {
	display: flex;
	gap: .3rem;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 1rem;
	background: url(../images/switchgearBg.jpg) repeat-x center bottom;
}

.switchgear-figure {
	width: 100%;
	max-width: 900px;
	overflow: hidden;
}


.switchgear-img {
	width: 100%;
	height: auto;
	object-fit: contain;
	transition: transform 0.5s ease;
	transform-origin: center;

}


.switchgear-img:hover {
	transform: scale(1.05);
}

.switchgear-caption {
	text-align: center;
	margin-top: .2rem;
	color: #01ac24;
	font-size: var(--font30);
	font-weight: 600;
}


.switchgearBox2 {
	border: .12rem solid #01a52f;
	padding: 1rem 0;
}


.switchgearcard-list {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	gap: .2rem;
}

.switchgearcard {
	text-align: center;
	width: 30%;
}

.switchgearcard a {
	transition: all .5s ease;
	cursor: pointer;
}

.switchgearcard a:hover .switchgearcard-title {
	transform: translateY(-10px);
	background-color: #0137d2;
	color: #ffffff;
}


.switchgearcard-title {
	width: 3rem;
	height: 3rem;
	transition: all .5s ease;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto .8rem;
	font-size: var(--font36);
	font-weight: bold;
	color: #0137d2;
	line-height: 1.5;
	background-color: #e5e5e5;
	box-shadow:
		0 0 0 .4rem #f2f2f2,
		0 0 0 .43rem #e6e6e6;
}


.switchgearcard-desc {
	position: relative;
	padding-top: .26rem;
	font-size: var(--font25);
	line-height: 1.8;
	font-weight: 350;
	color: #333;
}


.switchgearcard-desc::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: .85rem;
	height: 3px;
	background-color: #01a52f;

}


.highlight {
	font-weight: bold;
}

.switchgearBox3 {
	padding: 1rem 0;
}

.switchgearBox3-page {
	margin: 0 auto;
	padding: 1rem 0rem 0;
}


.switchgearBox3-section {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
	flex-direction: row;
	justify-content: space-between;

}


.switchgearBox3-reverse {}


.switchgearBox3-img-container {
	width: 50%;
	overflow: hidden;
	background: url(../images/switchgearBg3.jpg) repeat-x bottom center;

}


.switchgearBox3-img {
	width: 100%;
	height: auto;

	object-fit: contain;
	transform-origin: center;
	transition: transform 0.5s ease;
}


.switchgearBox3-img:hover {
	transform: scale(1.05);
}


.switchgearBox3-desc {
	width: 50%;
}


.switchgearBox3-title {
	color: #01ac24;
	font-size: var(--font30);
	margin-bottom: .2rem;
}

.switchgearBox3-title2 {
	color: #333;
	font-size: var(--font25);
	margin-bottom: .1rem;
	font-weight: 700;
}


.switchgearBox3-list {}

.switchgearBox3-list li {
	list-style: none;
	color: #4d4d4d;
	line-height: 1.8;
	font-weight: 350;
	font-size: var(--font25);
	background: url(../images/enterIcon.png) no-repeat left .14rem;
	padding-left: .25rem;
	background-size: .12rem;
}


.operationsPage {
	padding: 2rem 0 1rem;
}

.operationsDesc {
	text-align: center;
	font-size: var(--font36);
	line-height: 1.7;
	color: #4d4d4d;
	font-weight: 350;
}

.operationsDesc p {
	text-align: center;
	font-size: var(--font36);
	line-height: 1.7;
	color: #4d4d4d;
	font-weight: 350;
}

.operationsPic {
	margin: 1.2rem auto;
	width: 15.1rem;
	position: relative;
}

.operationsPic img {
	display: block;
	width: 100%;
}

.operationsPic::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/operationsLine.png) center no-repeat;
	animation: rotateAni 20s infinite linear;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
}

@keyframes rotateAni {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.operationsBox {
	padding: 0rem 0 .5rem;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	justify-content: center;
	margin: 0 auto;
}

.operationsBox-card {
	flex: 1;
	width: 3.8125rem;
	max-width: 381.25px;
	background: linear-gradient(to bottom, #ececec, #ffffff);
	border-radius: 10px;
	padding: .2rem .15rem;
	text-align: center;
	transition: all .5s ease;

}

.operationsBox-card:hover h3 {
	color: #013dc7;
}

.operationsBox-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.operationsBox-card h3 {
	font-size: var(--font30);
	color: #231815;
	margin-bottom: .26rem;
	margin-top: .3rem;
	font-weight: 600;
}

.operationsBox-figure {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}

.operationsBox-img {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	transform-origin: center;
	transition: transform 0.5s ease;

}


.operationsBox-img:hover {
	transform: scale(1.05);
}



.newsPage {

	padding: 1.6rem 0 1rem;

}

.newsnySwiper {
	display: flex;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.newsnySwiper .newsnyPic {
	width: 50%;
	overflow: hidden;
	max-height: 5.4rem;
}

.newsnySwiper .newsnyPic img {

	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	transform-origin: center;
	transition: transform 0.5s ease;

}

.newsnySwiper .newsnyText {
	width: 50%;
	padding: .65rem .8rem 0;
}

.newsnySwiper .newsnyText .more {
	transition: all .4s;
	line-height: calc(2.2em + 4px);
	font-size: var(--font16);
	color: #808080;
	border: 1px solid #4068dc;
	border-radius: 4px;
	padding: 0 clamp(12px, .23rem, 23px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.newsnySwiper .newsnyText .more img {
	transition: all .4s;
	margin-left: 5px;
}

.newsnySwiper .newsnyText:hover .more {
	color: #ffffff;
	background: #0137d5;
}

.newsnySwiper .newsnyText:hover .more img {
	filter: brightness(0) invert(1);
}

.newsnySwiper .newsnyText span {
	color: #727171;
	font-size: var(--font22);
}

.newsnySwiper .newsnyText h3 {
	color: #0137d5;
	font-size: var(--font30);
	line-height: 1.5;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: .1rem;
	margin-bottom: .3rem;
}

.newsnySwiper .newsnyText p {
	transition: all .4s;
	margin-bottom: .2rem;
	font-size: var(--font18);
	color: #727171;
	transition: all .4s;
	line-height: calc(1em + .15rem);
	height: 2rem;
}

.newsnySwiper .swiper-slide:hover .newsnyPic img {
	transform: scale(1.1);
}

.newsnySwiper .swiper-slide:hover p {
	color: #0137d5;
}


.newsnyBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1rem auto;
}


.newsnyBox-card {
	width: calc(33.333% - .43rem);
	padding: .65rem .25rem .35rem;
	box-sizing: border-box;
	border-top: 1px solid #c8c7c7;
	transition: all .5s ease;
	position: relative;
	margin-bottom: .6rem;
}

.newsnyBox-card::after {
	content: "";
	width: 100%;
	height: 5px;
	background: #013dc7;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
}

.newsnyBox-card:hover::after {
	content: "";
	width: 0;
	height: 5px;
	background: #013dc7;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 1;
	animation: lineGrow 1s ease forwards;
}

@keyframes lineGrow {
	to {
		width: 100%;
	}
}


.newsnyBox-img-wrapper {
	width: 100%;
	overflow: hidden;
	margin-bottom: 16px;
}

.newsnyBox-img {
	width: 100%;
	height: auto;
	max-height: 278px;
	object-fit: contain;
	transform-origin: center;
	transition: transform 0.5s ease;
	max-width: 100%;
}


.newsnyBox-date {
	color: #0137d2;
	letter-spacing: -1px;
	font-size: var(--font20);
	display: block;
}

.newsnyBox-card:hover {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.newsnyBox-card a:hover.newsnyBox-title {
	color: #0137d2;
}

.newsnyBox-card:hover .newsnyBox-img {
	transform: scale(1.05);
}

.page {
	text-align: center;
	font-size: 0;
}

.page a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 42px;
	padding: 0 32px;
	border: 1px solid #d4d4d4;
	background: #ffffff;
	margin: 0 8px;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 42px;
}

.page a.num {
	padding: 0 17px;
}

.page a.on,
.page1 a:hover {
	border-color: #013dc7;
	background: #013dc7;
	color: #fff;
}

.newsnyBox-title {
	font-size: var(--font25);
	height: 1.2rem;
	line-height: 1.3;
	margin-top: .06rem;
	margin-bottom: .2rem;
	color: #4d4d4d;
	text-decoration: none;
	display: block;
	font-weight: 500;
}

.newsnyBox-btn {
	display: inline-block;
	padding: 6px 16px;
	border: 1px solid #0066cc;
	color: #0066cc;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	transition: background-color 0.3s ease;
}

.newsnyBox-btn:hover {
	background-color: #f0f7ff;
}

.newenergyDesc {
	margin: .0rem auto 0.3rem;
	font-weight: 350;
	font-size: var(--font25);
	text-align: center;
	color: #4d4d4d;
	line-height: 1.9;
}

.newenergyText {
	list-style: none;
	color: #4d4d4d;
	line-height: 1.6;
	font-weight: 350;
	font-size: var(--font25);
	margin-top: .1rem;
}



.newenergyPage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: .8rem auto;
	gap: .5rem;
	flex-wrap: wrap;
	max-height: ;
}


.newenergyPage-info {
	flex: 1 1 420px;
	min-width: 420px;
}


.newenergyPage-info .item {
	margin-bottom: .4rem;
}

.newenergyPage-info .item h3 {
	font-size: var(--font36);
	color: #000;
	font-weight: 700;
	margin-bottom: .1rem;
	display: flex;
	align-items: center;
	padding-left: .3rem;
	background: url(../images/enterIcon.png) no-repeat 0 .15rem;
	background-size: .13rem;
}



.newenergyPage-info .item p {
	color: #4d4d4d;
	line-height: 1.6;
	font-size: var(--font25);
	padding-left: .3rem;
	font-weight: 350;
}


.newenergyPage-image-wrapper {
	flex: 2 1 880px;
	min-width: 300px;
	overflow: hidden;
	background: url(../images/newenergyBg.jpg) repeat-x center bottom;

}


.aniuge-product-img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
	max-width: 100%;
	transform-origin: center;
	transition: transform 0.5s ease;
}


.aniuge-product-img:hover {
	transform: scale(1.05);
}



.newenergyYoushi {
	display: flex;
	flex-wrap: wrap;
	gap: .3rem;
	margin: 0 auto;
	justify-content: space-between;
}


.newenergy-card {
	width: calc(33.333% - .3rem);
	border: 2px solid #01ad24;
	overflow: hidden;
	transition: transform 0.5s ease;
	transform-origin: center;
}


.newenergy-card:hover {
	transform: scale(1.05);
	cursor: pointer;
}


.newenergy-card-header {
	background-color: #01ad24;
	color: #ffffff;
	font-size: var(--font36);
	font-weight: 600;
	padding: .1rem 0;
	text-align: center;
}


.newenergy-card-body {
	padding: .25rem 0;
	text-align: center;
}


.newenergy-card-subtitle {
	font-weight: bold;
	font-size: var(--font25);
	margin-bottom: 10px;
	color: #333333;
}


.newenergy-card-list {
	list-style: none;
	line-height: 1.5;
	color: #4d4d4d;
	font-weight: 300;
	font-size: var(--font25);
}



.equipmentDesc {
	text-align: center;
	font-size: var(--font36);
	color: #000000;
	line-height: 1.5;
	font-weight: 700;
	margin-top: .3rem;
}

.equipmentLogo {
	display: flex;
	flex-wrap: nowrap;
	gap: .3rem;
	justify-content: center;
	align-items: center;
	max-width: 11.5rem;
	margin: .6rem auto 0;
}


.equipmentLogo-card {
	flex: 1 1 3.55rem;
	min-height: .95rem;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
	user-select: none;
}

.equipmentLogo-card:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: #013dc7;

}

.equipmentPro {
	display: flex;
	flex-wrap: wrap;
	padding-top: 1rem;
	justify-content: center;
	align-items: flex-start;

}

.equipmentPro-card {
	width: 50%;
	max-width: 800px;
	text-align: center;
	margin-bottom: .8rem;
	background: url(../images/equipmentbg.jpg) repeat-x center bottom;

}

.equipmentPro-card-img {
	width: 100%;
	height: auto;
	max-height: 3.5rem;
	object-fit: contain;
	transition: transform 0.5s ease;
	transform-origin: center;
	cursor: pointer;
}

.equipmentPro-card-img:hover {
	transform: scale(1.05);
}


.equipmentPro-card-title {
	color: #00a854;
	margin: .25rem 0 0.1rem;
	font-size: var(--font30);
	font-weight: 600;
}


.equipmentPro-card-desc {
	color: #555;
	line-height: 1.6;
	font-size: var(--font25);
	font-weight: 350;
}

.equipmentPro2 {
	padding: 0rem 0;
}

.equipmentProbox {
	display: flex;
	flex-wrap: wrap;
	padding-top: 1rem;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 1rem;

}

.equipmentProbox ul {
	background: url(../images/equipmentbg2.jpg) repeat-x center bottom;
	margin-bottom: .8rem;
}

.equipmentProbox ul li {
	width: 50%;
	max-width: 800px;

}


.equipmentProbox ul li h3 {
	color: #00a854;
	font-size: var(--font30);
	font-weight: 600;
	padding: 0 1.4rem;
	box-sizing: border-box;
	margin-top: .3rem;
}

.equipmentProbox ul li h4 {
	color: #00a854;
	font-size: var(--font30);
	font-weight: 600;
	padding: 0 1.4rem;
	box-sizing: border-box;
}


.equipmentProbox ul li p {
	color: #555;
	line-height: 1.6;
	font-size: var(--font25);
	font-weight: 350;
	padding: 0 1.4rem;
	box-sizing: border-box;
	margin-top: .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.equipmentProbox ul li.w33 h3 {
	padding: 0 .6rem;
}

.equipmentProbox ul li.w33 h4 {
	padding: 0 .6rem;
}

.equipmentProbox ul li.w33 p {
	padding: 0 .6rem;
}

.contactPage {
	padding: 2rem 0 1rem;
}

.contactBox {}

.contactBox h2 {
	width: 100%;
	font-size: var(--font68);
	font-weight: 400;
	color: #3e3a39;
	border-bottom: 1px solid #bab8b9;
	padding-bottom: .2rem;
	margin-bottom: .6rem;
}

.contactBox-card {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.contactBox-card-left {
	width: 70%;
}



.contactinfo-block {
	display: flex;
	flex-direction: column;
	gap: .03rem;
}

.info-label {
	font-size: var(--font25);
	color: #878787;
}

.info-content {
	font-size: var(--font32);
	font-weight: 500;
	color: #000;
}

.info-content-tel {
	font-size: var(--font52);
	font-weight: 500;
	color: #000;
}

.location-icon {
	margin-top: .2rem;
	margin-bottom: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: .35rem;
	height: .35rem;
	background-color: #01a824;
	border-radius: 50%;
}

.contactBox-card-right {
	width: 30%;
}

.contactBox-card-right h3 {
	font-size: var(--font25);
	color: #878787;
}

.contactBox-card-right h4 {
	font-size: var(--font32);
	font-weight: 500;
	color: #000;
}

.erweima {
	margin-top: .4rem;
}

.erweima p {
	font-size: var(--font18);
	color: #878787;
}

.contactMap {
	margin-top: .3rem;
	margin-bottom: 1rem;
}

.contactMap img {
	width: 100%;
}



.company-container {
	margin: .4rem auto .6rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: .8rem;
}

/* 分公司卡片 */
.company-card {
	transition: transform 0.2s ease;
	margin-bottom: .2rem;
}

.company-card:hover {
	transform: translateY(-6px);
}

/* 公司名称标题 */
.company-title {
	font-size: var(--font25);
	font-weight: 600;
	color: #ffffff;
	background: #013db5;
	border-radius: 0 0 .15rem;
	margin-bottom: .2rem;
	padding: .1rem .2rem;
	display: inline-block;

}

.info-item {
	font-size: var(--font18);
	color: #374151;
	line-height: 1.6;
}

.info-label {
	font-size: var(--font18);
	color: #374151;
	line-height: 1.6;
}

@media screen and (max-width: 1800px) {}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1200px) {
	:root {
		--header-height: 60px;
	}

	.langChose {
		height: var(--header-height);
	}

	.searchCont {
		height: 32px;
		margin-right: 42px;
	}

	.header,
	.small-header .header {
		height: 60px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.header .nav li {
		padding: 0;
	}

	.header .nav li h2 a {
		line-height: 80px;
	}

	.header .nav li h2 a {
		color: #333333;
	}

	.searchEnter {
		background: url(../images/blackSearch.png) center no-repeat;
		background-size: 100% auto;
	}

	.searchCont input {
		width: 105px;
	}

	.nav {
		height: 100vh;
		position: fixed;
		left: -110%;
		overflow-y: auto;
		top: 60px;
		width: 100%;
		background: #ffffff;
		bottom: 0;
	}

	.nav ul {
		display: block;
	}

	.nav li {
		border-bottom: 1px solid #eee;
		float: none;
		margin: 0 !important;
	}

	.nav li h2 {
		position: relative;
		text-indent: 20px;
	}

	.nav li h2 i {
		transition: all .5s;
		background: url(../images/menuEnter.png) center no-repeat;
		width: 8px;
		height: 14px;
		background-size: 100% auto;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -7px;
	}

	.nav li h2 a {
		line-height: 40px;
		color: #333333;
	}

	.nav li.cur h2 i {
		background: url(../images/menuEntero.png) center no-repeat;
		background-size: 100% auto;
		transform: rotate(90deg);
	}

	.menubox {
		display: block;
		position: absolute;
		right: 4%;
		top: 18px;
		width: 30px;
		height: 30px;
		opacity: 1;
		pointer-events: auto;
		transition: 0.3s;
	}

	.menubox div {
		position: absolute;
		left: 0;
		width: 30px;
		height: 2px;
		background-color: #fff;
		transition: 0.6s;
	}

	.menubox div:nth-child(1) {
		top: 0px;
	}

	.menubox div:nth-child(2) {
		top: 10px;
	}

	.menubox div:nth-child(3) {
		top: 20px;
	}

	.menubox.on div:nth-child(1) {
		top: 9px;
		transform: rotateZ(45deg);
	}

	.menubox.on div:nth-child(2) {
		top: 0px;
		opacity: 0;
	}

	.menubox.on div:nth-child(3) {
		top: 9px;
		transform: rotateZ(-45deg);
	}

	.langChose {
		margin-right: 50px;
	}

	.nav li dl {
		position: static;
		width: 100%;
		padding: 0 0 10px;
		transform: translateX(0);
		text-align: left;
	}

	.nav li dt a {
		color: #666;
	}

	.nav li dl dt {
		text-align: left;
		text-indent: 30px;
	}

	.nav li h2::after {
		display: none !important;
	}

	.mobSub dl {
		display: block !important;
	}

	.nav li dl dt dt {
		text-indent: 40px;
	}

	.nav li dt h3 a {
		font-size: 16px;
	}

	.nav li dt dt a {
		font-size: 14px;
	}

	.header .nav li h2 a,
	.small-header .header .nav li h2 a {
		line-height: 50px;
	}

	body {
		padding-top: 60px;
	}

	.langChose dl {
		top: 60px;
		border-radius: 0 0 6px 6px;
	}

	.langChose h2 {
		font-size: 14px;
	}

	.mainPage {
		padding: 0;
	}
}

@media screen and (max-width: 1080px) {
	.searchinput {
		width: 100%;
		top: 60px;
		margin: 0;
		background: #ffffff;
		padding: 10px;
		transform-origin: center;
		top: ;
	}

	.searchBox {
		position: static;
	}

	.footLink {
		display: none;
	}

	.footerTop {
		justify-content: center;
		padding: 30px 0 20px;
	}

	.copyRight {
		display: block;
		line-height: 1.5;
		text-align: center;
		padding: 20px 0;
		margin-top: 0;
	}

	.copyRight p,
	.copyRight a {
		font-size: 14px;
	}

	.footerContact p {
		font-size: 14px;
	}

	.copyRight br {
		display: block;
	}

	.footerContact h2 {
		font-size: 16px;
		margin-bottom: 0;
	}

	.contactLink ul {
		justify-content: center;
	}

	.footer {
		text-align: center;
	}

	.contactLink {
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 780px) {
	.introduceFlex {
		margin-top: 20px;
		flex-direction: column;
	}

	.introduceData {
		width: 100%;
		padding: 20px;
		padding-bottom: 35%;
	}

	.introduceData ul {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 0;
	}

	.introduceData li {
		margin: 0 !important;
		width: 50%;
	}

	.homeIntroduce .buildImg {
		/* position: static; */
		margin-top: 20px;
		position: absolute;
		bottom: 0;
	}

	.titleCell h2 {
		font-size: 20px;
	}

	.homeIntroduce {
		padding-top: 30px;
	}

	.introduceData li p {
		font-size: 30px;
	}

	.introduceData {
		margin-top: 20px;
	}

	.mobShow {
		display: block;
	}

	.pcShow {
		display: none;
	}

	.develop {
		padding: 30px 0;
	}

	.devImg {
		margin: 20px auto;
	}

	.devArt {
		position: static;
		width: 100%;
		margin-top: 20px;
		transform: translate(0);
	}

	.devArt li img {
		left: 0;
	}

	.devArt li {
		padding-left: 20px;
	}

	.caseList {
		margin-top: 20px;
	}

	.homeCase li {
		width: calc((100% - 10px)/2);
	}

	.homeCase ul {
		gap: 10px;
	}

	.homeCase li h2 {
		font-size: 16px;
	}

	.homeCase li p {
		margin-bottom: 10px;
	}

	.devImg .mobShow {
		width: 80%;
		margin: 0 auto;
	}

	.homeCase {
		padding: 0 0 30px;
	}

	.homeNews {
		padding: 0 0 30px;
	}

	.homeNewsList li {
		margin: 0;
		width: 100%;
	}

	.homeNewsList ul {
		margin-top: 20px;
		gap: 20px;
	}

	.checkMore a img {
		width: 16px;
	}

	.contactInfor {
		text-align: center;
	}

	.culture {
		padding: 30px 0;
	}

	.titleCell h2:after {
		width: 40px;
	}

	.titleCell h2 {
		padding-bottom: 15px;
	}

	.culture ul {
		margin-top: 20px;
		gap: 20px;
		flex-wrap: wrap;
	}

	.culture li {
		padding: 20px 0;
		width: 100%;
	}

	.culture li h2 {
		font-size: 20px;
	}

	.culture li p {
		font-size: 16px;
	}

	.homeIntroduce .buildImg {
		max-width: 100%;
	}

	.history {
		padding: 20px 0;
	}

	.historySub {
		margin-top: 15px;
		font-size: 16px;
	}

	.history ul {
		margin-top: 20px;
	}

	.history li {
		margin-bottom: 20px;
		gap: 20px;
		flex-direction: column !important;
	}

	.historyImg {
		width: 100%;
	}

	.historyTitle h2,
	.historyTitle h2 span {
		font-size: 20px;
	}

	.historyText {
		width: 100%;
		text-align: left;
	}

	.historyTitle h2 {
		padding-bottom: 10px;
		margin-bottom: 10px;
		width: 100%;
	}

	.qualityList ul {
		margin: 20px auto;
		flex-direction: column;
	}

	.qualityList li br {
		display: none;
	}

	.qualityImg {
		margin-top: 20px;
	}

	.honor {
		margin: 0 auto;
		padding: 20px 0;
	}

	.honorList ul {
		margin-top: 20px;
		gap: 10px;
	}

	.honorList li {
		width: calc(50% - 5px);
	}

	.honor dt {
		width: calc((50% - 5px));
	}

	.honor dl {
		gap: 10px;
	}

	.majorSection {
		padding: 30px 0;
	}

	.subDesc {
		font-size: 16px;
	}

	.casesDesc {
		font-size: 24px;
	}

	.majorSection .subDesc {
		margin-top: 15px;
	}

	.majorSection .casesDesc {
		margin-top: 15px;
	}

	.majorDesc {
		font-size: 16px;
		margin: 15px auto;
	}

	.majorEnergy li {
		flex-direction: column !important;
	}

	.energyImg {
		width: 100%;
	}

	.energyText {
		width: 100%;
		padding: 20px;
	}

	.energyText h2:before {
		left: -10px;
	}

	.majorEnergy ul {
		margin-top: 20px;
		flex-direction: column;
		display: flex;
		gap: 10px;
	}

	.caseDesc {
		margin-top: 30px;
	}

	.caseDesc ul {
		border: 2px solid #01a52f;
		padding: 20px;
	}

	.caseDesc li {
		border-bottom: 1px dashed #01a52f;
		padding: 20px 0 !important;
		width: 100%;
		text-align: left;
	}

	.caseDesc li:before,
	.caseDesc li:after {
		display: none;
	}

	.caseDesc li:nth-child(3) img,
	.caseDesc li:nth-child(1) img {
		right: 0;
		bottom: 20px;
		top: auto;
	}

	.caseDesc li:nth-child(2) img,
	.caseDesc li:nth-child(4) img {
		left: 0;
		top: auto;
		bottom: 20px;
	}

	.majorSection.lastMajor {
		padding: 0 0 30px;
	}

	.energyText h2 {
		font-size: 18px;
	}

	.buildDesc h2 {
		font-size: 20px;
	}

	.buildingNews {
		padding: 30px 0;
	}

	.buildingNews ul {
		flex-direction: column;
	}

	.buildingNews li {
		width: 100%;
	}

	.buildDesc {
		padding: .6rem .8rem;
	}

	.buildDesc p,
	.buildDesc h2 {
		font-size: 18px;
	}

	.mediaCont {
		padding: 30px 0;
	}

	.mediaTitle {
		font-size: 20px;
		max-width: 92%;
		margin: 0 auto 20px;
	}

	.mediaFlex {
		flex-direction: column;
	}

	.mediaList {
		width: 100%;
		padding: 20px;
	}

	.mediaPic {
		width: 100%;
	}

	.mediaHonor ul {
		justify-content: start;
		overflow-x: auto;
	}

	.mediaHonor li {
		flex: auto;
		min-width: 60%;
	}

	.mediaHonor {
		padding: 30px 0;
	}

	.solutionCase {
		padding: 30px 0;
	}

	.insideTitle h2 {
		/* font-size: 16px; */
		font-size: 24px;
		margin-bottom: 15px;
	}

	.insideTitle p {
		font-size: 16px;
	}

	.solutionCase ul {
		margin-top: 20px;
	}

	.solutionCase li {
		width: 100%;
		padding: 20px 0 !important;
	}

	.soIcon img {
		width: 32px;
	}

	.soText h2 {
		font-size: 18px;
	}

	.modeFlex {
		gap: 20px;
		margin-top: 20px;
		flex-direction: column;
	}

	.serviceTip {
		width: 100%;
		gap: 10px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.serviceTip span {
		font-size: 14px;
		width: calc(50% - 5px);
	}

	.circleInfor {
		width: 70%;
	}

	.advantage {
		margin: 30px auto;
	}

	.advantage .titleCell {
		margin-bottom: 15px;
	}

	.advImg {
		margin-top: 20px;
	}

	.projectList {
		margin: 20px auto;
	}

	.projectList ul {
		grid-template-columns: repeat(1, 1fr)
	}

	.honorImg img:last-child {
		margin: 0 auto;
	}

	.crowdsourcing_mid {
		box-shadow: 0 0 0 .31rem #ffffff, 0 0 0 0.9rem #f5f5f5;
	}

	.crowdsourcingMode {
		margin: 1.2rem auto;
	}

	.crowdsourcing {
		margin-bottom: .5rem;
	}

	.crowdsourcing2 {
		margin-top: .5rem;
	}

	.scitechText {
		flex-direction: column;
		padding: .6rem 10%;
	}

	.scitechSection {
		padding: 15px 0 25px;
	}

	.scitechSectionDesc {
		margin: 15px auto 25px;
	}

	.scitechKechuang {
		padding: 15px 0 25px;
	}

	.shentaiBox {
		padding: 25px 0 0;
	}

	.mt1 {
		margin-top: 20px;
	}

	.factoryPage li {
		flex-direction: column;
		margin-bottom: 25px;
	}

	.factoryPage li:nth-child(2n) {
		flex-direction: column;
	}

	.factoryText {
		padding: 25px 25px;
		width: 100%;
	}

	.factoryImg {
		width: 100%;
	}

	.factoryText p {

		background-size: 10px;
	}

	.factoryText h2 {
		font-size: 30px;
	}

	.factoryPage {
		margin: 25px auto;
	}


	.casesPage li {
		flex-direction: column;
		margin-bottom: 25px;
	}

	.casesPage li:nth-child(2n) {
		flex-direction: column;
	}

	.casesText {
		padding: 25px 0px;
		width: 100%;
	}

	.casesImg {
		width: 100%;
	}

	.casesText p {

		background-size: 10px;
	}

	.casesText h2 {
		font-size: 30px;
	}

	.casesPage {
		margin: 25px auto;
	}

	.bgcasesBox-top {
		gap: 15px;
		flex-direction: column;
	}

	.bgcasesPage {
		margin: 40px auto;
	}

	.switchgearPage {
		padding: 30px 0 10px;
	}

	.switchgearSmall {
		margin: 10px auto 20px;
		font-size: 13px;
	}

	.switchgearcard-list {
		flex-direction: column;
		align-items: center;
	}

	.switchgearcard {
		width: 100%;
	}

	.switchgearcard-desc {
		margin-bottom: 40px;
	}

	.switchgearBox2 {
		border: .12rem solid #01a52f;
		padding: 1rem 0 0;
	}

	.switchgearBox3-page {
		margin: 0 auto;
		padding: 20px 0 0;
	}

	.switchgearBox3-img-container {
		width: 100%;
	}

	.switchgearBox3-desc {
		width: 100%;
	}

	.switchgearBox3-list li {
		background: none;
	}

	.switchgearBox3-section {
		gap: 20px;
		text-align: center;
		flex-direction: column;
	}

	.switchgearBox3-reverse {
		flex-direction: column-reverse;
		display: flex;
	}

	.operationsPic {
		margin: 25px auto;
		width: 92%;
		position: relative;
	}

	.operationsPage {
		padding: 30px 0 30px;
	}

	.operationsDesc {
		font-size: 15px;
	}

	.operationsBox {
		gap: 18px;
		padding: 0 10px;
	}

	.operationsBox-card {
		min-width: 100%;
	}

	.newsnyBox-card {
		max-width: 100%;
		margin-bottom: 30px;
		width: 100%;
		padding: 15px;
	}

	.aniuge-product-container {
		flex-direction: column;
		padding: 20px;
		text-align: center;
	}

	.aniuge-feature-item p {
		padding-left: 0;
	}

	.newenergyYoushi {
		gap: 10px;
	}

	.newenergy-card {
		width: calc(33.333% - 10px);
	}

	.newenergy-card-header {
		font-size: 18px;
	}

	.equipmentProbox {
		padding-bottom: 0;
	}

	.equipmentProbox ul li {
		width: 100%;
		background: url(../images/equipmentbg2.jpg) repeat-x center 2rem;
		margin-bottom: 30px;
	}

	.equipmentPro-card {
		width: 100%;
		background: url(../images/equipmentbg.jpg) repeat-x center 2rem;

	}

	.equipmentProbox ul {
		background: none;
	}

	.equipmentProbox ul li h3 {
		padding: 0 .6rem;
	}

	.equipmentProbox ul li h4 {
		padding: 0 .6rem;
	}

	.equipmentProbox ul li p {
		padding: 0 .6rem;
	}

	.contactBox-card {
		flex-direction: column;
	}

	.location-icon {
		width: 35px;
		height: 35px;
	}

	.contactBox-card-left {
		width: 100%;
	}

	.contactBox-card-right {
		width: 100%;
	}

	.contactPage {
		padding: 30px 0 30px;
	}

	.contactMap {
		margin-bottom: 0;
	}

	.newsnySwiper .newsnyText {
		width: 100%;
		padding: 20px;
	}

	.newsnySwiper .newsnyPic {
		width: 100%;
		max-height: 540px;
	}

	.newsnyBox {
		margin: 20px auto;
	}

	.newsPage {
		padding: 30px 0 30px;
	}

	.company-container {
		gap: 5px;
	}

	.line-10hui {
		display: block;
		margin-top: 20px;
	}

	.switchgearBox3 {
		padding: 20px 0;

	}
}




.passage {}

.passage .psgTit {
	padding-bottom: 24px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 22px;
	text-align: center;


}

.passage .psgTit h5 {
	font-size: var(--font46);
	color: #013dc4;

	line-height: 1.42;
	font-weight: normal;
	margin-bottom: 10px;
}

.passage .psgTit .info {
	font-size: var(--font22);
	line-height: 22px;
	color: #808080;
}

.passage .psgTit .info span {
	margin: 0 6px;
}

.clear20 {
	clear: both;
	height: 20px;
}

.psgCont h2 {
	font-size: 22px;
}

.passage .psgCont {
	font-size: var(--font20);
	line-height: 1.5;
	color: #4d4d4d;
	padding-bottom: 60px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 52px;
	min-height: 350px;
}

.passage .psgCont p,
.passage .psgCont div,
.passage .psgCont span {
	font-size: var(--font25);
	line-height: 1.5 !important;
}

.passage .psgCont * {
	max-width: 100% !important;
}

.psgCont img {
	display: block;
	text-align: center;
	margin: 5px auto;
}

.passage .psgBtm {
	position: relative;
	padding: 0 235px 0 0;
}

.passage .psgBtm ul li {
	font-size: 16px;
	line-height: 34px;
	color: #3a502a;
}

.passage .psgBtm ul li a {
	color: #333333;
}

.passage .psgBtm ul li a:hover {
	color: #19408c;
	text-decoration: underline;
}

.passage .psgBtm .bdsharebuttonbox {
	height: 56px;
	width: 165px;
	padding-left: 49px;
	border-left: 1px solid #d1d1d1;
	position: absolute;
	right: 0;
	top: 5px;
}

.passage .psgBtm .bdsharebuttonbox span {
	font-size: 16px;
	line-height: 34px;
	color: #000000;
	margin: 12px 3px 0 0;
}

.passage .psgBtm .bdsharebuttonbox .shareItem {
	width: 34px;
	height: 34px;
	margin: 12px 20px 0 0;
	padding: 0;
	background: url(../images/shareIcon2.png) no-repeat left top;
}

.passage .psgBtm .bdsharebuttonbox .shareItem.bds_tsina {
	margin-right: 0;
	background-position: -34px top;
}

/* 国民合作区域 */
.gmhz-box {
	padding: 1.6rem 0 1rem;
	background-color: #fff;
}

.gmhz-box .titleCell.centerTitle {
	padding-bottom: .6rem;
}

.gmhz-text {
	font-size: var(--font36);
	line-height: 2;
	font-weight: 700;
	position: relative;
	text-align: center;
	padding-bottom: .4rem;
}

.gmhz-title {
	text-align: center;
	margin-bottom: 50px;
}


.gmhz-title h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background-color: #1e5bb5;
}

.gmhz-subtitle {
	font-size: 28px;
	color: #1e5bb5;
	font-weight: bold;
	margin-bottom: 15px;
}

.gmhz-desc {
	font-size: 18px;
	color: #666;
}

.gmhz-logos {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	flex-wrap: wrap;
}

.gmhz-logo-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 130px;
}

.gmhz-logo-circle {
	width: 120px;
	height: 120px;
	border-radius: 50%;

	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;

}

.gmhz-logo-circle img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: all 0.8s ease;
}

.gmhz-logo-item:hover .gmhz-logo-circle img {
	transform: translateY(-5px) rotateY(360deg);
	cursor: pointer;
}


.gmhz-logo-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
	/* 隐藏滚动条 */
	-ms-overflow-style: none;
	scrollbar-width: none;
	max-width: 1360px;
	margin: 0 auto 2rem;
}

.gmhz-logo-container::-webkit-scrollbar {
	display: none;
}

/* 单个logo项 */
.gmhz-logo-item {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	position: relative;
}

/* logo圆形外层容器 */
.gmhz-logo-circle {
	width: 1.6rem;
	height: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;

}



.gmhz-logo-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.gmhz-box-2 {
	margin-top: 0.4rem;
}

.gmhz-box-2img {
	width: 100vw;
	aspect-ratio: 1418 / 936;
	display: block;
	object-fit: cover;
}

.gmhz-box-2text {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 4vw;
	justify-content: center;
	padding: .3rem 0;
	border-bottom: 1px solid #517ad8;
}


.gmhz-box-2text-item {
	font-size: var(--font36);
	color: #4d4d4d;
	line-height: 1.5;
}


.gmhz-box-2text-item strong {
	font-weight: 700;
	color: #333333;
	font-size: var(--font46);
}

.gmhz-box-3 {
	padding-top: .5rem;
	padding-bottom: 2rem;
}

.cooperation-section {

	display: flex;
	width: 100%;
	align-items: center;
	margin-top: .4rem;
}

/* 左侧文字区域样式 */
.cooperation-section .text-area {
	flex: 1;
	padding-left: .4rem;
	position: relative;
}

/* 左侧蓝色竖线装饰 */
.cooperation-section .text-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: .1rem;
	background-color: #0052D9;
	/* 装饰竖线蓝色 */
}


.cooperation-section .text-area p {
	font-size: var(--font25);
	color: #4d4d4d;
	line-height: 1.8;
	margin-bottom: 8px;
}

.cooperation-section .text-area p strong {
	color: #000000;
	font-weight: 700;
}

/* 右侧品牌展示区域样式 */
.brand-area {
	flex: 1.5;
	/* 按设计图比例分配宽度 */
}

/* 品牌背景栏样式 */
.brand-bar {
	width: 100%;
	background-color: #013dc7;
	display: flex;
	justify-content: space-evenly;
	align-items: center;

}

.foreign-brand img {
	height: auto;
	width: 2.1rem;
	transition: all .5s ease;
}

.foreign-brand2 img {
	height: auto;
	width: 1.6rem;
	transition: all .5s ease;
}

.foreign-brand img:hover,
.foreign-brand2 img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


@media screen and (max-width: 1080px) {

	.gmhz-logo-container {
		flex-wrap: wrap;
		margin: 0 auto 0.5rem;
	}

	.gmhz-logo-circle {
		margin-bottom: 25px;
	}

	.gmhz-box-2text {
		flex-direction: column;
		gap: 0;

	}

	.gmhz-box {
		padding: 0.6rem 0 0.4rem;
	}

	.cooperation-section {
		flex-direction: column;
	}

	.cooperation-section .text-area {
		width: 100%;
	}

	.brand-area {

		width: 100%;
	}

	.gmhz-box-3 {
		padding-bottom: 0.7rem;
	}
}