@charset "utf-8";

/* CSS Document */

/* 定义 Roboto 字体 */
@font-face {
	font-family: 'Roboto';
	src: url('/font/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
	font-weight: 100 900;
	font-stretch: 50% 200%;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('/font/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
	font-weight: 100 900;
	font-stretch: 50% 200%;
	font-style: italic;
	font-display: swap;
}

body,
ol,
table,
tr,
td,
dt,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
textarea {
	margin: 0;
	padding: 0;
	/* font-family: "微软雅黑","PingFangSC, PingFang SC"; */
	font-family: PingFangSC, PingFang SC;
	font-size: 12px;
	font-weight: normal;
}

ul,
li {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-weight: normal;
}

html {
	overflow-x: hidden;
}

body {
	font-size: 12px;
	color: #474747;
	margin: 0;
	padding: 0;
	_overflow: hidden;
	overflow-x: hidden;
	background: #fff;
}

.red {
	color: red;
}

input,
button,
select,
textarea {
	outline: none
}

p {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

li {
	list-style-type: none;
}

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

input {
	vertical-align: middle;
	font-family: "微软雅黑";
}

table {
	border-collapse: collapse;
	font-family: "微软雅黑";
}

a:hover {
	cursor: pointer;
}

a,
area {
	/* blr: expression(this.onFocus=this.blur()) */
}

/* for IE */

:focus {
	-moz-outline-style: none;
}

/* for Firefox */

a {
	outline: none;
}

/* for FF Chrome */

.dis {
	display: none;
}

.clear {
	clear: both;
}

html {
	-webkit-text-size-adjust: none;
	/*解决chrome浏览器下字体不能小于12px*/
}

/* 兼容IE6的定位属性fixed，固定不动样式 */

.fixed {

	position: fixed;

	clip: rect(0 100% 100% 0);

	_position: absolute;

	/* 底部 */

	bottom: 0px;

	left: 0px;

	/* _top: expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); */

	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/

	/* 左侧 */

	/*left:0px;*/

	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/

	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/

}

/* 解决固定层在IE6下闪的问题 */

*html {

	background-image: url(about:blank);

	background-attachment: fixed;

}

/*png图片ie6下透明滤镜实现写法*/

.pngimg {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');
}

em {
	font-style: italic !important;
}

strike {
	text-decoration: line-through !important;
}

strong {
	font-weight: bold !important;
}

u {
	text-decoration: underline !important;
}



/*common*/
.font_family_avenir {
	font-family: 'Roboto', sans-serif;
}

.m_text_c {
	color: #103E84;
}

.text_FF833A {
	color: #FF833A;
}

.s_text_c {
	color: #666666;
}

.text_16 {
	font-size: 16px;
}

.text_23 {
	font-size: 18px;
}
.text_33 {
	font-size: 33px;
}



.header {
	width: 100%;
	position: fixed;
	/* left: 50%;
	margin-left: -960px; */
	display: table;
	z-index: 99999;
	background-color: #fff;
}

.head {
	width: 82%;
	margin: 0 auto;
	display: flex;
	position: relative;
}

/* 英文 mega-header：Grid + 流体间距（设计稿 69/59 作为 clamp 上限，非写死高度） */
.head.head--en {
	--nav-banner-gap: clamp(0.75rem, 1.4vw, 1.125rem);
	width: min(90%, 112rem);
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: start;
	column-gap: clamp(1.75rem, 4.2vw, 3.25rem);
	box-sizing: border-box;
	padding-inline: clamp(0.75rem, 2.5vw, 1.5rem);
}

.head.head--en .telphone {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	padding: 15px 0;
	margin-right: 50px;
}

.head.head--en .telphone img,
.head.head--en .telphone span {
	float: none;
}

.head.head--en .logo {
	grid-column: 1;
	grid-row: 2;
	/* margin-top: 15px; */
	margin-bottom: var(--nav-banner-gap);
	align-self: start;
}

.head .logo img {
	width: 96px;
	height: 52px;
}

.head .nav.nav--en {
	flex: 1 1 auto;
	min-width: 0;
	margin-left: 32px;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: 8px;
	padding: 36px 0 12px;
	box-sizing: border-box;
	font-family: PingFangSC, "Microsoft YaHei", system-ui, sans-serif;
}

.head.head--en .nav.nav--en {
	grid-column: 2;
	grid-row: 2;
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-block-start: clamp(0.5rem, 1vw, 1rem);
	padding-block-end: 0;
	padding-inline: clamp(1rem, 2.8vw, 2.25rem) 50px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	gap: clamp(0.5rem, 1vw, 1rem);
}

.head .nav.nav--en>li.nav__col {
	float: none;
	margin-right: 0;
	position: relative;
	height: auto;
	flex: 0 1 auto;
	min-width: 0;
	max-width: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	padding-bottom: var(--nav-banner-gap);
	box-sizing: border-box;
}

.head .nav.nav--en .nav__l1-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 0 auto;
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}

.head .nav.nav--en .nav__l1-wrap {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.28;
	min-height: calc(2 * 1em * 1.28);
	height: calc(2 * 1em * 1.28);
}

.head .nav.nav--en .nav__l1-link {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.28;
	color: #000000;
	text-decoration: none;
	word-break: break-word;
	hyphens: auto;
}

.head .nav.nav--en .nav__l1-link:hover {
	color: #103E84;
}

.head .nav.nav--en .nav__l1-link--active,
.head .nav.nav--en li.on .nav__l1-link {
	color: #103E84;
}

/* 仅当前选中一级菜单底部展示 #103E84 横线，贴紧 banner */
.head .nav.nav--en .nav__rule {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #103e84;
	pointer-events: none;
	z-index: 2;
}

.head .nav.nav--en > li.nav__col.on .nav__rule {
	display: block;
}

/* 二级菜单顶边与页头底边（选中横线）齐平，不紧贴一级标题 */
.head .nav.nav--en > li.nav__col > .nav__l2 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	min-width: 100%;
	width: max-content;
	max-width: min(22rem, 92vw);
	margin: 0;
	padding: 0.5rem 0;
	list-style: none;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.head .nav.nav--en > li.nav__col.nav__col--open > .nav__l2 {
	display: block;
}

.head .nav.nav--en .nav__l2>li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.head .nav.nav--en .nav__l2-link {
	display: block;
	margin-top: 0;
	padding-block: clamp(0.35rem, 0.6vw, 0.5rem);
	padding-inline: clamp(0.75rem, 1.2vw, 1rem);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	color: #666666;
	text-decoration: none;
	word-break: break-word;
	border: none;
	background: transparent;
	transition: background-color 0.15s ease;
}

.head .nav.nav--en .nav__l2-link:hover,
.head .nav.nav--en .nav__l2-link.active {
	color: #333333;
	background-color: #e6effb;
}

.head .nav.nav--en .nav__l2-link.active {
	font-weight: 600;
}

.footer {
	width: 100%;
	border-top: 15px solid #052453;
	display: table;
}

.footer .foot1 {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #323941;
	display: table;
}

.sub_foot {
	width: 70%;
	margin: 0 auto;
	display: table;
}



.foot_left {
	float: left;
	width: 60%;
	padding: 10px 0;
}

.foot_left ul {
	width: 110%;
	min-height: 200px;
	background: url(../images/hs_xian.jpg) no-repeat 15px 25px;
}

.foot_left ul li {
	width: 65px;
	float: left;
	margin-left: 20px;
}

.foot_left ul li h3 a {
	font-size: 14px;
	color: #fff;
	margin-bottom: 20px;
}

.foot_left ul li h3 a:hover {
	text-decoration: underline;
}

.foot_left ul li a {
	display: block;
	font-size: 12px;
	color: #ADAFB1;
	margin-top: 10px;
}

.foot_left ul li a:hover {
	color: #fff;
}



.foot_left ul .fot2 {
	width: 180px;
}

.foot_left ul .fot3 {
	width: 102px;
}

.foot_left ul .fot4 {
	width: 109px;
}

.foot_left ul .fot5 {
	width: 100px;
}





.foot_right {
	/* width: 30%; */
	min-height: 200px;
	float: right;
}

.foot_right h3 {
	/* width: 56%; */
	font-size: 14px;
	color: #fff;
	border-bottom: 1px dotted #fff;
	padding-bottom: 7px;
	margin-top: 17px;
}

.foot_right-h3 a {
	font-size: 12px;
	color: #ADAFB1;
	line-height: 24px;
	display: block;
	white-space: nowrap;
}

.foot_right-h3 a:hover {
	color: #FFFFFF;
}

.foot_right h4 {
	margin-top: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.foot_right h4 img {
	vertical-align: middle;
	margin-right: 15px;
}

.foot_right dl {
	width: 100%;
	margin-top: 15px;
	display: table;
}

.foot_right dl dt {
	float: left;
	width: 93px;
	height: 93px;
}

.foot_right dl dd {
	float: left;
	margin-left: 20px;
}

.foot_right dl dd h5 {
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

.foot_right dl dd p {
	color: #fff;
	margin-top: 15px;
	text-align: center;
}



.foot2 {
	width: 100%;
	padding: 20px 0;
	background-color: #21262C;
}

.sub_foot2 {
	width: 1200px;
	margin: 0 auto;
	display: table;
}

.sub_foot2 div {
	float: left;
}

.sub_foot2 a {
	color: #CECFCF;
	display: inline-block;
	margin-right: 5px;
}

.sub_foot2 a:hover {
	color: #fff;
}

.sub_foot2 span {
	color: #CECFCF;
	display: inline-block;
	margin-right: 5px;
}

.sub_foot2 p {
	float: right;
	color: #CECFCF;
}



.fanhui {
	position: fixed;
	right: 10px;
	bottom: 150px;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
}

#active {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -50px;
}

.telphone {
	/* position: absolute;
	right: 94px;
	top: 15px;
	display: table; */
}

.telphone img {
	float: left;
	width: 20px;
}

.telphone span {
	float: left;
	font-size: 17px;
	color: #052453;
	font-weight: bold;
	margin-left: 15px;
}


/* 空调 */
.air-div {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.air-div div {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

.air-div div img {
	width: 100%;
	height: 460px;
}

.air-title {
	margin-top: 15px;
}

.air-title h3 {
	font-weight: 700 !important;
	font-size: 20px !important;
}

.air-div4,
.air-div-des {
	padding-top: 15px;
	width: 100%;
	height: 160px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.air-div4 {
	height: 160px;
}

.air-div-des {
	height: 680px;
	margin-bottom: 30px;
}

.air-div4 div,
.air-div-des div {
	width: 20%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.air-div4 div img {
	width: 100%;
	height: 100%;
}

.air-div-des div img {
	width: 100%;
	height: 100%;
}

.air-div1 {
	width: 100%;
	height: 100%;
	margin-top: 15px;
}

.air-div1 img {
	width: 100%;
	height: 100%;
}

.air-des {
	width: 100%;
	margin: 30px 0;
}

.air-des p {
	font-size: 14px;
	color: #333;
	line-height: 25px;
	padding-top: 15px;
}