@charset "utf-8";

/* 全局通用 start */

/* 手机样式 */
html{
	--red-color: #E60012;
	--size1: 0.2666vw;
	--size2: 0.5332vw;
	--size3: 0.7998vw;
	--size4: 1.0664vw;
	--size5: 1.3330vw;
	--size6: 1.5996vw;
	--size7: 1.8662vw;
	--size8: 2.1328vw;
	--size9: 2.3994vw;
	--size10: 2.6660vw;
	--size11: 2.9326vw;
	--size12: 3.1992vw;
	--size13: 3.4658vw;
	--size14: 3.7324vw;
	--size15: 3.9990vw;
	--size16: 4.2656vw;
	--size17: 4.5322vw;
	--size18: 4.7988vw;
	--size19: 5.0654vw;
	--size20: 5.3320vw;
	--size21: 5.5986vw;
	--size22: 5.8652vw;
	--size23: 6.1318vw;
	--size24: 6.3984vw;
	--size25: 6.6650vw;
	--size26: 6.9316vw;
	--size27: 7.1982vw;
	--size28: 7.4648vw;
	--size29: 7.7314vw;
	--size30: 7.9980vw;
	--size31: 8.2646vw;
	--size32: 8.5312vw;
	--size33: 8.7978vw;
	--size34: 9.0644vw;
	--size35: 9.3310vw;
	--size36: 9.5976vw;
	--size37: 9.8642vw;
	--size38: 10.1308vw;
	--size39: 10.3974vw;
	--size40: 10.6640vw;
	--size41: 10.9306vw;
	--size42: 11.1972vw;
	--size43: 11.4638vw;
	--size44: 11.7304vw;
	--size45: 11.9970vw;
	--size46: 12.2636vw;
	--size47: 12.5302vw;
	--size48: 12.7968vw;
	--size49: 13.0634vw;
	--size50: 13.3300vw;
	--size51: 13.5966vw;
	--size52: 13.8632vw;
	--size53: 14.1298vw;
	--size54: 14.3964vw;
	--size55: 14.6630vw;
	--size56: 14.9296vw;
	--size57: 15.1962vw;
	--size58: 15.4628vw;
	--size59: 15.7294vw;
	--size60: 15.9960vw;
	--size61: 16.2626vw;
	--size62: 16.5292vw;
	--size63: 16.7958vw;
	--size64: 17.0624vw;
	--size65: 17.3290vw;
	--size66: 17.5956vw;
	--size67: 17.8622vw;
	--size68: 18.1288vw;
	--size69: 18.3954vw;
	--size70: 18.6620vw;
	--size80: 21.3280vw;
	--size81: 21.5946vw;
	--size82: 21.8612vw;
	--size83: 22.1278vw;
	--size84: 22.3944vw;
	--size85: 22.6610vw;
	--size86: 22.9276vw;
	--size87: 23.1942vw;
	--size88: 23.4608vw;
	--size89: 23.7274vw;
	--size90: 23.9940vw;
	--size91: 24.2606vw;
	--size92: 24.5272vw;
	--size93: 24.7938vw;
	--size94: 25.0604vw;
	--size95: 25.3270vw;
	--size96: 25.5936vw;
	--size97: 25.8602vw;
	--size98: 26.1268vw;
	--size99: 26.3934vw;
	--size100: 26.6600vw;
	--size110: 29.3260vw;
	--size140: 37.3240vw;
	--size200: 53.3200vw;
	--size220: 58.6520vw;
	--size260: 69.3160vw;
	--size300: 79.9800vw;
}

/* 平板样式 */
@media (min-width: 768px) and (max-width: 1024px) {
	html{
		/*
		--size1: 0.1888vw;
		--size2: 0.3776vw;
		--size3: 0.5664vw;
		--size4: 0.7552vw;
		--size5: 0.9440vw;
		--size6: 1.1328vw;
		--size7: 1.3216vw;
		--size8: 1.5104vw;
		--size9: 1.6992vw;
		--size10: 1.8880vw;
		--size11: 2.0768vw;
		--size12: 2.2656vw;
		--size13: 2.4544vw;
		--size14: 2.6432vw;
		--size15: 2.8320vw;
		--size16: 3.0208vw;
		--size17: 3.2096vw;
		--size18: 3.3984vw;
		--size19: 3.5872vw;
		--size20: 3.7760vw;
		--size21: 3.9648vw;
		--size22: 4.1536vw;
		--size23: 4.3424vw;
		--size24: 4.5312vw;
		--size25: 4.7200vw;
		--size26: 4.9088vw;
		--size27: 5.0976vw;
		--size28: 5.2864vw;
		--size29: 5.4752vw;
		--size30: 5.6640vw;
		--size31: 5.8528vw;
		--size32: 6.0416vw;
		--size33: 6.2304vw;
		--size34: 6.4192vw;
		--size35: 6.6080vw;
		--size36: 6.7968vw;
		--size37: 6.9856vw;
		--size38: 7.1744vw;
		--size39: 7.3632vw;
		--size40: 7.5520vw;
		--size41: 7.7408vw;
		--size42: 7.9296vw;
		--size43: 8.1184vw;
		--size44: 8.3072vw;
		--size45: 8.4960vw;
		--size46: 8.6848vw;
		--size47: 8.8736vw;
		--size48: 9.0624vw;
		--size49: 9.2512vw;
		--size50: 9.4400vw;
		--size51: 9.6288vw;
		--size52: 9.8176vw;
		--size53: 10.0064vw;
		--size54: 10.1952vw;
		--size55: 10.3840vw;
		--size56: 10.5728vw;
		--size57: 10.7616vw;
		--size58: 10.9504vw;
		--size59: 11.1392vw;
		--size60: 11.3280vw;
		--size61: 11.5168vw;
		--size62: 11.7056vw;
		--size63: 11.8944vw;
		--size64: 12.0832vw;
		--size65: 12.2720vw;
		--size66: 12.4608vw;
		--size67: 12.6496vw;
		--size68: 12.8384vw;
		--size69: 13.0272vw;
		--size70: 13.2160vw;
		--size71: 13.4048vw;
		--size72: 13.5936vw;
		--size73: 13.7824vw;
		--size74: 13.9712vw;
		--size75: 14.1600vw;
		--size76: 14.3488vw;
		--size77: 14.5376vw;
		--size78: 14.7264vw;
		--size79: 14.9152vw;
		--size80: 15.1040vw;
		--size81: 15.2928vw;
		--size82: 15.4816vw;
		--size83: 15.6704vw;
		--size84: 15.8592vw;
		--size85: 16.0480vw;
		--size86: 16.2368vw;
		--size87: 16.4256vw;
		--size88: 16.6144vw;
		--size89: 16.8032vw;
		--size90: 16.9920vw;
		--size91: 17.1808vw;
		--size92: 17.3696vw;
		--size93: 17.5584vw;
		--size94: 17.7472vw;
		--size95: 17.9360vw;
		--size96: 18.1248vw;
		--size97: 18.3136vw;
		--size98: 18.5024vw;
		--size99: 18.6912vw;
		--size100: 18.8800vw;
		--size110: 20.7680vw;
		--size140: 26.4320vw;
		--size200: 37.7600vw;
		--size220: 41.5360vw;
		--size260: 49.0880vw;
		--size300: 56.6400vw;
		*/
		
		--size1: 0.1666vw;
		--size2: 0.3332vw;
		--size3: 0.4998vw;
		--size4: 0.6664vw;
		--size5: 0.8330vw;
		--size6: 0.9996vw;
		--size7: 1.1662vw;
		--size8: 1.3328vw;
		--size9: 1.4994vw;
		--size10: 1.6660vw;
		--size11: 1.8326vw;
		--size12: 1.9992vw;
		--size13: 2.1658vw;
		--size14: 2.3324vw;
		--size15: 2.4990vw;
		--size16: 2.6656vw;
		--size17: 2.8322vw;
		--size18: 2.9988vw;
		--size19: 3.1654vw;
		--size20: 3.3320vw;
		--size21: 3.4986vw;
		--size22: 3.6652vw;
		--size23: 3.8318vw;
		--size24: 3.9984vw;
		--size25: 4.1650vw;
		--size26: 4.3316vw;
		--size27: 4.4982vw;
		--size28: 4.6648vw;
		--size29: 4.8314vw;
		--size30: 4.9980vw;
		--size31: 5.1646vw;
		--size32: 5.3312vw;
		--size33: 5.4978vw;
		--size34: 5.6644vw;
		--size35: 5.8310vw;
		--size36: 5.9976vw;
		--size37: 6.1642vw;
		--size38: 6.3308vw;
		--size39: 6.4974vw;
		--size40: 6.6640vw;
		--size41: 6.8306vw;
		--size42: 6.9972vw;
		--size43: 7.1638vw;
		--size44: 7.3304vw;
		--size45: 7.4970vw;
		--size46: 7.6636vw;
		--size47: 7.8302vw;
		--size48: 7.9968vw;
		--size49: 8.1634vw;
		--size50: 8.3300vw;
		--size51: 8.4966vw;
		--size52: 8.6632vw;
		--size53: 8.8298vw;
		--size54: 8.9964vw;
		--size55: 9.1630vw;
		--size56: 9.3296vw;
		--size57: 9.4962vw;
		--size58: 9.6628vw;
		--size59: 9.8294vw;
		--size60: 9.9960vw;
		--size61: 10.1626vw;
		--size62: 10.3292vw;
		--size63: 10.4958vw;
		--size64: 10.6624vw;
		--size65: 10.8290vw;
		--size66: 10.9956vw;
		--size67: 11.1622vw;
		--size68: 11.3288vw;
		--size69: 11.4954vw;
		--size70: 11.6620vw;
		--size71: 11.8286vw;
		--size72: 11.9952vw;
		--size73: 12.1618vw;
		--size74: 12.3284vw;
		--size75: 12.4950vw;
		--size76: 12.6616vw;
		--size77: 12.8282vw;
		--size78: 12.9948vw;
		--size79: 13.1614vw;
		--size80: 13.3280vw;
		--size81: 13.4946vw;
		--size82: 13.6612vw;
		--size83: 13.8278vw;
		--size84: 13.9944vw;
		--size85: 14.1610vw;
		--size86: 14.3276vw;
		--size87: 14.4942vw;
		--size88: 14.6608vw;
		--size89: 14.8274vw;
		--size90: 14.9940vw;
		--size91: 15.1606vw;
		--size92: 15.3272vw;
		--size93: 15.4938vw;
		--size94: 15.6604vw;
		--size95: 15.8270vw;
		--size96: 15.9936vw;
		--size97: 16.1602vw;
		--size98: 16.3268vw;
		--size99: 16.4934vw;
		--size100: 16.6600vw;
		--size110: 18.3260vw;
		--size140: 23.3240vw;
		--size200: 33.3200vw;
		--size220: 36.6520vw;
		--size260: 43.3160vw;
		--size300: 49.9800vw;
	}
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,b,p,blockquote,th,td,a,span{
	font-family: 思源黑体;
	font-size: var(--size14);
	box-sizing: border-box;
}

/* 遮罩层 */
/*
.maskLayerPop{
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 80;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}
*/

.hidden{
	display:none;
}

.no_data{
	line-height: 2;
	font-size: var(--size16);
	color: #444444;
	text-align: center;
}

.noScrolling{
	overflow: hidden;
	height: 100%;
}

/* 分页 */
.my_page_box{
	padding-top:var(--size20);
	padding-bottom:var(--size20);
}
.my_page_box div{
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
}
.my_page_box a, .my_page_box span{
	display: block;
    height: var(--size30);
    line-height: var(--size30);
    text-align: center;
    font-size: var(--size18);
    color: #333333;
    margin: 0 var(--size10);
}
.my_page_box .total_page{
	background:transparent;
	padding:0;
}

/* 居中弹出层 */
.centrePopups{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
}
.centrePopups.active{
	visibility: visible;
	opacity: 1;
}
.centrePopups .popups{
	background: #ffffff;
	border-radius: var(--size10);
	padding: var(--size15) var(--size15);
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
}
.centrePopups.active .popups{
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.centrePopups .popups .closeBtn{
	width: var(--size40);
	height: var(--size40);
	display: flex;
	background:url('/DxMFDSkFUHAOI11oHOgpKSAHHHLrENNoIy1qDSRoDIkH.jpg') no-repeat center center;
	background-size: var(--size30) auto;
	position: absolute;
	top: var(--size10);
	right: var(--size10);
	background-color: #dddddd;
    border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.previewPopups{
	background: rgba(0, 0, 0, 1);
}
.previewPopups .popups{
	background: transparent;
	padding:0;
	-webkit-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
}
.previewPopups.active .popups{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* 通用标题 */
.commonMain .headLine{
	padding: var(--size30) 0 var(--size24);
    background-image: url(/DxMFDSkFUHAOI11oHOgpKSAHHHLrENNoDIuTK1SuIRcUqyVNURAnHt.jpg);
    background-repeat: no-repeat;
    background-position: center var(--size22);
    background-size: var(--size260);
}
.commonMain .headLine .title{
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.commonMain .headLine .title .text{
	font-size: var(--size22);
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.commonMain .headLine .title .wire{
	display: flex;
	padding-top:var(--size5);
}
.commonMain .headLine .title .wire span{
	width: var(--size22);
    height: var(--size2);
    background: #E7010E;
    border-radius: var(--size10);
}
.commonMain .headLine .title .wire span:last-child{
	margin-left: var(--size6);
}

/* 通用内页banner */
.commonMain .detail_banner{
	position: relative;
	overflow: hidden;
}
.commonMain .detail_banner img{
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* 通用详情页上下篇 */
.commonMain .prevNextArticle{
	display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    padding: var(--size25) var(--size10);
    align-items: center;
}
.commonMain .prevNextArticle .prevNextArticleLeft{
	width: calc(100% - var(--size100));
    display: flex;
    flex-direction: column;
}
.commonMain .prevNextArticle .prevNextArticleLeft a{
	display: inline-block;
	clear: both;
	font-size: var(--size16);
	font-weight: normal;
	color: #626262;
	line-height: 1.7;
}
.commonMain .prevNextArticle .prevNextArticleRight a{
	display: block;
	width: var(--size80);
	height: var(--size38);
	line-height: var(--size38);
	text-align: center;
	font-size: var(--size16);
	color: #7d766b;
	border: var(--size1) solid #7d766b;
}

/* 成就 */
.commonMain .achievement{
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	padding-top: var(--size20);
    padding-bottom: var(--size20);
}
.commonMain .achievement .item{
	width: 23%;
    text-align: center;
}
.commonMain .achievement .item .numItem .num{
	font-size: var(--size25);
    font-family: impact;
    background-image: linear-gradient(0deg, #ad1007 10%, var(--red-color) 80%);
    -webkit-background-clip: text;
    color: transparent;
}
.commonMain .achievement .item .numItem .unit{
	font-size: var(--size16);
    font-family: 思源黑体;
    font-weight: bold;
    background-image: linear-gradient(0deg, #ad1007 10%, var(--red-color) 80%);
    -webkit-background-clip: text;
    color: transparent;
}
.commonMain .achievement .item .text{
	font-size:var(--size15);
	color: #909090;
}
.commonMain .achievement .item .imgDiv img{
	max-width: 100%;
	padding-top:var(--size10);
}

/* 查看更多按钮 */
.commonMain .moreBox{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: var(--size20);
	padding-bottom: var(--size20);
}
.commonMain .moreBox a{
	border: var(--size1) solid #1e1e1e;
    border-radius: var(--size30);
    color: #030303;
    font-size: var(--size14);
    font-weight: normal;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: var(--size90);
    height: var(--size30);
}
.commonMain .moreBox a span{
	margin-left: var(--size5);
    width: var(--size12);
    height: var(--size12);
    line-height: var(--size12);
    font-size: var(--size14);
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* 网格布局 1fr */
.commonMain .grid1fr{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: var(--size15);
    grid-row-gap: var(--size15);
}
.commonMain .grid1fr .cover{
	width: 100%;
	height: 100%;
}

/* 网格布局 2fr */
.commonMain .grid2fr{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: var(--size15);
    grid-row-gap: var(--size15);
}
.commonMain .grid2fr .cover{
	width: 100%;
	height: 100%;
}

/* 网格布局 3fr */
.commonMain .grid3fr{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: var(--size15);
    grid-row-gap: var(--size15);
}
.commonMain .grid3fr .cover{
	width: 100%;
	height: 100%;
}

/* 联系表单 */
.commonMain .contactForm{
	padding: var(--size25) var(--size15);
}
.commonMain .contactForm .subContact{}
.commonMain .contactForm .subContact .p1{
	font-size: var(--size22);
    color: #ad0b00;
    padding-bottom: var(--size10);
}
.commonMain .contactForm .subContact .p2{
	font-size: var(--size18);
	color: #333333;
	/* font-family: 思源黑体 CN Regular; */
	padding-bottom: var(--size10);
}
.commonMain .contactForm .subContact .sendMessage{}
.commonMain .contactForm .subContact .sendMessage .row{
	display: flex;
    flex-direction: column;
    padding-bottom: var(--size10);
}
.commonMain .contactForm .subContact .sendMessage .row label{
	font-size: var(--size18);
    color: #333333;
    /* font-family: 思源黑体 CN Regular; */
    padding-bottom: var(--size8);
}
.commonMain .contactForm .subContact .sendMessage .row .input input{
	border: none;
	outline: none;
	width: 100%;
	/* -webkit-box-shadow: 0 0 var(--size10) 0 rgb(0 0 0 / 12%), 0 0 var(--size2) 0 rgb(0 0 0 / 12%); */
	/* box-shadow: 0 0 var(--size10) 0 rgb(0 0 0 / 12%), 0 0 var(--size2) 0 rgb(0 0 0 / 12%); */
	border: 1px solid #dddddd;
	padding: var(--size10) var(--size12);
	border-radius: var(--size4);
	font-size:var(--size18);
}
.commonMain .contactForm .subContact .sendMessage .row .input textarea{
	border: none;
	outline: none;
	resize: none;
	width: 100%;
	height: var(--size140);
	/* -webkit-box-shadow: 0 0 var(--size10) 0 rgb(0 0 0 / 12%), 0 0 var(--size2) 0 rgb(0 0 0 / 12%); */
	/* box-shadow: 0 0 var(--size10) 0 rgb(0 0 0 / 12%), 0 0 var(--size2) 0 rgb(0 0 0 / 12%); */
	border: 1px solid #dddddd;
	padding: var(--size10) var(--size12);
	border-radius: var(--size4);
	font-size:var(--size18);
}
.commonMain .contactForm .subContact .sendMessage .row .pincode{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.commonMain .contactForm .subContact .sendMessage .row .pincode input{
	width:60%;
}
.commonMain .contactForm .subContact .sendMessage .row .pincode img{
	width:36%;
}
.commonMain .contactForm .subContact .sendMessage .row.btn{
	padding-bottom:0;
}
.commonMain .contactForm .subContact .sendMessage .row.btn a{
	background: #ad0d03;
    color: #ffffff;
    font-size: var(--size18);
    text-align: center;
	padding-top: var(--size10);
    padding-bottom: var(--size10);
}
/* 全局通用 end */

/* 头部 start */
.headerBox{}
.headerBox .logoBox{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	padding:var(--size15) var(--size15);
}
.headerBox .logoBox .logo{}
.headerBox .logoBox .logo a{
	display: flex;
}
.headerBox .logoBox .logo a img{
	width: var(--size200);
}
.headerBox .logoBox .toolbar{
	display: flex;
    flex-direction: row;
}
.headerBox .logoBox .toolbar a{}
.headerBox .logoBox .toolbar a:first-child{
	margin-right:var(--size10);
}
.headerBox .logoBox .toolbar a img{
	width: var(--size30);
}

/* 菜单栏 */
.headerNavBox{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 80;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s  ease;
	transition: all 0.3s  ease;
	visibility: hidden;
	opacity: 0;
}
.headerNavBox.active{
	visibility: visible;
	opacity: 1;
}
/*
.headerNavBox .hideMenuBtn{
	width:var(--size40);
	height:var(--size40);
	background-image:url('/DxMFDSkFUHAOI11oHOgpKSAHHHLrENNoIy1qDSRoDIkH.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
    background-color: #ddd;
    border-radius: 100%;
    position: fixed;
	bottom: var(--size20);
	left: 50%;
	z-index: 81;
	margin-left: calc(-1 * var(--size20));
}
*/
.headerNavBox .navBox{
	position: fixed;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #ffffff;
	overflow-y: scroll;
	-webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.headerNavBox.active .navBox{
	width: 78%;
}
.headerNavBox .navBox .navList{
	padding: var(--size30) 0;
}
.headerNavBox .navBox .navList .list{
	
}
.headerNavBox .navBox .navList .list:nth-child(2){
	display: grid;
    grid-template-rows: 10fr;
}
.headerNavBox .navBox .navList .list h3{
	position: relative;
}
.headerNavBox .navBox .navList .list h3 a{
	color: #333333;
    font-size: var(--size18);
	display: block;
	white-space: nowrap;
	padding-left:var(--size30);
	padding-right:var(--size30);
	line-height: 3;
	border-bottom:var(--size1) solid #dddddd;
}
.headerNavBox .navBox .navList .list h3 .arrow{
	width:var(--size20);
	height:var(--size20);
	background-image:url('/DxMFDSkFUHAOI11oHOgpKSAHHHLrENNoIRANKRAdII1RJugOKSD.jpg');
	background-repeat: no-repeat;
	/* background-position: calc(100% - var(--size10)) center; */
	background-position: center center;
	background-size: var(--size20) auto;
	position: absolute;
    right: var(--size10);
    top: 50%;
    margin-top: calc(-1 * var(--size10));
	-webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.headerNavBox .navBox .navList .list.active h3 .arrow{
	transform: rotate(180deg);
}
.headerNavBox .navBox .navList .list .subNavMain{
	display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s ease;
    overflow: hidden;
	background: #f9f9f9;
}
.headerNavBox .navBox .navList .list.active .subNavMain{
	grid-template-rows: 1fr;
}
.headerNavBox .navBox .navList .list .subNavMain .subNav{
	min-height:0;
}
.headerNavBox .navBox .navList .list .subNavMain .subNav .subNavList{}
.headerNavBox .navBox .navList .list .subNavMain .subNav .subNavList a{
	color: #333333;
    font-size: var(--size18);
	display: block;
	white-space: nowrap;
	padding-left:var(--size60);
	padding-right:var(--size60);
	line-height: 3;
}

.languageList ul{
	display: flex;
    flex-direction: column;
}
.languageList ul li{
	padding-bottom: var(--size10);
}
.languageList ul li a{
	font-size: var(--size18);
	color: #333333;
	line-height: 2;
	padding-right: var(--size10);
}
.languageList ul li a:first-child{
	font-weight:bold;
	padding-right:0;
}
.languageList ul li a:last-child{
	padding-right:0;
}
/* 头部 end */

/* 底部 start */
.footer{
	text-align: center;
	padding-bottom: var(--size20);
}
.footer .copyright{
	font-size:var(--size14);
	color:#333333;
}
.footer .beian{}
.footer .beian a{
	font-size:var(--size14);
	color:#333333;
}
.footer .beian a:first-child{
	padding-right:var(--size5);
}
/* 底部 end */

/* 首页 start */
.homeMain{}
.homeMain .product .dl{
	padding-left:var(--size10);
	padding-right:var(--size10);
}
.homeMain .product .dl dd a{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}
.homeMain .product .dl dd .image .cover{
	background:#CFDEE5;
	border-radius: 100%;
}
.homeMain .product .dl dd .title{
	color: #333333;
	font-size: var(--size15);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: var(--size6) var(--size6) 0 var(--size6);
	text-align: center;
}
.homeMain .compliance img{
	width:100%;
}
.homeMain .project .dl{
	padding-left:var(--size10);
	padding-right:var(--size10);
}
.homeMain .project .dl dd .nameBox .name{
	color: #333333;
    font-size: var(--size15);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: var(--size6) var(--size6) 0 var(--size6);
    text-align: center;
}
.homeMain .news .dl{
	padding-left:var(--size8);
	padding-right:var(--size8);
}
.homeMain .news .dl dd .nameBox .name{
	color: #333333;
    font-size: var(--size15);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: var(--size6) var(--size6) 0 var(--size6);
    text-align: center;
}
.homeMain .news .dl dd .date{
	color: #888888;
    font-size: var(--size12);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-top: var(--size2);
    text-align: center;
}
.homeMain .partner{}
.homeMain .partner .brands img{
	width:100%;
}
/* 首页 end */

/* 产品列表 start */
.productListMain{}
.productListMain .typeList{
	padding: var(--size15) var(--size10);
}
.productListMain .typeList .dl{}
.productListMain .typeList .dl dd{
	text-align:center;
}
.productListMain .typeList .dl dd a span{
	font-size: var(--size16);
	color:#333333;
}
.productListMain .typeList .dl dd a.cur span{
	font-size: var(--size16);
	color:var(--red-color);
}
.productListMain .searchBox{
	padding: var(--size20) var(--size10);
}
.productListMain .searchBox .row{
	display: flex;
    flex-direction: row;
    justify-content: center;
	height: var(--size40);
}
.productListMain .searchBox .row input{
	width: var(--size200);
	border: var(--size1) solid #c1c1c1;
	padding-left: var(--size10);
	font-size: var(--size14);
	outline: none;
	border-right: none;
	border-radius: 0;
}
.productListMain .searchBox .row button{
	width: var(--size60);
	border: none;
	background-color: #C1C1C1;
	background-image:url('/DxMFDSkFUHAOI11oHOgpKSAHHHLrENNoEyEGDIqqU0WqHj.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: var(--size30) auto;
}
.productListMain .productList .imgBox{
	padding:var(--size15) var(--size10);
}
.productListMain .productList .imgBox img{
	width:100%;
}
.productListMain .productList .dl{
	padding-left:var(--size10);
	padding-right:var(--size10);
}
.productListMain .productList .dl dd a .title{
	color: #333333;
	font-size: var(--size15);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: var(--size6) var(--size6) 0 var(--size6);
	text-align: center;
}
/* 产品列表 end */

/* 产品详情 start */
.productDetail{}
.productDetail .imageSlide{}
.productDetail .imageSlide .gallery-top{
	height:var(--size300);
	-webkit-box-shadow: 0 var(--size6) var(--size5) calc(-1 * var(--size5)) rgb(0 0 0 / 12%);
    box-shadow: 0 var(--size6) var(--size5) calc(-1 * var(--size5)) rgb(0 0 0 / 12%);
}
.productDetail .imageSlide .swiper-container .swiper-wrapper .swiper-slide img{
	width:100%;
	object-fit: cover;
}
.productDetail .imageSlide .gallery-thumbs{
	padding-top:var(--size10);
	padding-bottom:var(--size10);
}
.productDetail .imageSlide .gallery-thumbs .swiper-wrapper{
	justify-content: center;
}
.productDetail .titleText{
	font-size:var(--size20);
	color:#333333;
    padding: var(--size10) var(--size10);
	font-weight: bold;
}
.productDetail .descText{
	padding: 0 var(--size10);
}
.productDetail .descText p{
	font-size:var(--size16);
	color:#626262;
	line-height: 1.7;
}
.productDetail .bottomBox{
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    background: #ffffff;
    padding: var(--size10);
    -webkit-box-shadow: 0 var(--size2) var(--size8) var(--size4) rgb(0 0 0 / 12%);
    box-shadow: 0 var(--size2) var(--size8) var(--size4) rgb(0 0 0 / 12%);
}
.productDetail .bottomBox .btn{
	background: linear-gradient(90deg, #ff3b4a, #f40c1f);
	height:var(--size40);
}
.productDetail .bottomBox .btn a{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.productDetail .bottomBox .btn a span{
	font-size: var(--size18);
	color: rgba(255, 255, 255, 1);
	line-height: 1.7;
	padding-right:var(--size8);
}
.productDetail .bottomBox .btn a img{
	width:var(--size20);
}
.productDetail .centrePopups .popups h1{
	font-size: var(--size25);
	color: var(--red-color);
	padding-bottom:var(--size15);
	text-align:center;
}
.productDetail .centrePopups .popups .list .row{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-bottom:var(--size10);
}
.productDetail .centrePopups .popups .list .row label{
	width: var(--size100);
	display: inline-block;
	font-size: var(--size16);
	color: #2A303B;
	text-align: right;
}
.productDetail .centrePopups .popups .list .row label span{
	color:var(--red-color);
	padding-right:var(--size2);
}
.productDetail .centrePopups .popups .list .row input{
	width: var(--size220);
	font-size: var(--size16);
	outline: none;
	border: var(--size1) solid #EBEBEB;
	height: var(--size40);
	padding-left: var(--size10);
	padding-right: var(--size10);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.productDetail .centrePopups .popups .list .row input:focus{
	border-color: var(--red-color);
	-webkit-box-shadow: 0 0 var(--size10) 0 rgb(230 0 18 / 12%), 0 0 var(--size10) 0 rgb(230 0 18 / 12%);
	box-shadow: 0 0 var(--size10) 0 rgb(230 0 18 / 12%), 0 0 var(--size10) 0 rgb(230 0 18 / 12%);
}
.productDetail .centrePopups .popups .list .row:last-child input{
	width:var(--size110);
}
.productDetail .centrePopups .popups .list .row img{
	width: var(--size100);
	height: var(--size40);
	margin-left:var(--size10);
}
.productDetail .centrePopups .popups .btn{
	width: 100%;
	height: var(--size40);
	background: linear-gradient(90deg, #ff8534, #ff6600);
	margin: var(--size15) auto var(--size15) auto;
}
.productDetail .centrePopups .popups .btn a{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.productDetail .centrePopups .popups .btn span{
	font-size: var(--size18);
	color: rgba(255, 255, 255, 1);
	line-height: 1.7;
	padding-right: var(--size8);
}
.productDetail .centrePopups .popups .btn img{
	width: var(--size20);
}
.productDetail .centrePopups .popups .qrcode{
	text-align:center;
}
.productDetail .centrePopups .popups .qrcode img{
	max-width:var(--size100);
}
.productDetail .centrePopups .popups .note{
	color:#999999;
	font-size:var(--size12);
	text-align:center;
}
/* 产品详情 end */

/* 案例主页 start */
.caseMain .caseSwiper{
	position: relative;
	padding:var(--size10) var(--size10) var(--size20) var(--size10);
}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide{}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide a{}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide a .image{}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide a .image img{
	width:100%;
}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide a .textBox{
	border-radius: var(--size10);
	border: var(--size2) solid #ff7272;
	border-bottom-color: #fb2828;
	position: relative;
	margin-top: var(--size20);
	padding-right: var(--size10);
}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide a .textBox img{
	position: absolute;
    left: var(--size12);
    top: calc(-1 * var(--size15));
    width: var(--size36);
    z-index: 1;
}
.caseMain .caseSwiper .swiper-container .swiper-wrapper .swiper-slide a .textBox span{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: var(--size60);
    color: #4A4947;
    font-size: var(--size16);
    line-height: 2.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.caseMain .caseBox1{
	background:#F6F6F6;
	padding-top: var(--size15);
    padding-bottom: var(--size15);
}
.caseMain .caseBox1 .row{
	display: flex;
    flex-direction: row;
	align-items: center;
}
.caseMain .caseBox1 .row .image{
	width:50%;
}
.caseMain .caseBox1 .row .image img{
	width:100%;
}
.caseMain .caseBox1 .row .textBox{
	width:50%;
	padding-left: var(--size10);
	padding-right: var(--size10);
}
.caseMain .caseBox1 .row .textBox .caseName{
	font-size: var(--size17);
    color: #303233;
	font-weight: bold;
	margin-bottom: var(--size2);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.caseMain .caseBox1 .row .textBox .caseDesc{
	padding-bottom: var(--size5);
}
.caseMain .caseBox1 .row .textBox .caseDesc p{
	font-size: var(--size16);
    color: #303233;
	opacity: 0.8;
	line-height:1.8;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.caseMain .caseBox1 .row .textBox .productTitle{
	font-size: var(--size17);
    color: #303233;
	font-weight: bold;
	padding-bottom: var(--size5);
}
.caseMain .caseBox1 .row .textBox .productName p{
	font-size: var(--size16);
    color: #303233;
    opacity: 0.8;
	line-height:1.8;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.caseMain .caseBox2{
	padding: 0 var(--size10) var(--size20) var(--size10);
}
.caseMain .caseBox2 .dl dd a .image img{
	width:100%;
}
.caseMain .caseBox2 .dl dd a .text {
    border-top: var(--size1) solid #C9C9C9;
    border-bottom: var(--size1) solid #C9C9C9;
    font-size: var(--size16);
    color: #303030;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 2;
    margin-top: var(--size10);
    text-align: center;
}
/* 案例主页 end */

/* 案例列表页 start */
.caseListMain .bannerText{
	position: absolute;
	top: 50%;
	left: var(--size25);
	z-index: 1;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}
.caseListMain .bannerText p{
	font-size: var(--size16);
	color: #ffffff;
	text-shadow: var(--size3) var(--size3) var(--size10) rgb(0, 0, 0, 0.4), var(--size3) var(--size3) var(--size10) rgba(128, 128, 128, 0.4);
}
.caseListMain .listBox{
	padding: var(--size15) var(--size10);
}
.caseListMain .listBox .datalist{}
.caseListMain .listBox .datalist .dl{}
.caseListMain .listBox .datalist .dl dd{
	-webkit-box-shadow: 0 0 var(--size10) 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 var(--size10) 0 rgb(0 0 0 / 20%);
}
.caseListMain .listBox .datalist .dl dd a{}
.caseListMain .listBox .datalist .dl dd a .image{
	padding:var(--size10);
}
.caseListMain .listBox .datalist .dl dd a .image img{
	width:100%;
}
.caseListMain .listBox .datalist .dl dd a .textBox{
	padding: var(--size10) var(--size10);
}
.caseListMain .listBox .datalist .dl dd a .textBox .caseName{
	font-size: var(--size18);
    color: #303030;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.caseListMain .listBox .datalist .dl dd a .textBox .caseDesc{
	font-size: var(--size16);
    color: #303030;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: var(--size10) 0;
}
.caseListMain .listBox .datalist .dl dd a .textBox .productTitle{
	font-size: var(--size18);
	color: var(--red-color);
	border-top: var(--size1) solid #eaeaea;
	padding-top: var(--size10);
}
/*
.caseListMain .listBox .datalist .dl dd a .textBox .productName{}
.caseListMain .listBox .datalist .dl dd a .textBox .productName p{
	font-size: var(--size16);
    color: #303030;
    opacity: 0.8;
    padding-top: var(--size10);
}
*/
.caseListMain .listBox .datalist .dl dd a .textBox .productImgList{
	display: flex;
}
.caseListMain .listBox .datalist .dl dd a .textBox .productImgList div{}
.caseListMain .listBox .datalist .dl dd a .textBox .productImgList div img{
	width:100%;
	max-width:var(--size100);
}
/* 案例列表页 end */

/* 案例详情 start */
.caseDetail .caseInfo .image img{
	width:100%;
}
.caseDetail .caseInfo .titleText{
	font-size:var(--size20);
	color:#333333;
    padding: var(--size10) var(--size10);
	font-weight: bold;
}
.caseDetail .caseInfo .descText{
	padding: 0 var(--size10);
}
.caseDetail .caseInfo .descText p{
	font-size:var(--size16);
	color:#626262;
	line-height: 1.7;
}
.caseDetail .productInfo .titleText{
	font-size:var(--size20);
	color:#333333;
    padding: var(--size10) var(--size10);
	font-weight: bold;
}
/*
.caseDetail .productInfo .productNameList{
	padding: 0 var(--size10);
}
.caseDetail .productInfo .productNameList p{
	font-size:var(--size16);
	color:#626262;
	line-height: 1.7;
}
*/
.caseDetail .productInfo{
	padding-bottom:var(--size20);
}
.caseDetail .productInfo .productImgList{
	display: flex;
    justify-content: center;
	padding:0 var(--size10);
}
.caseDetail .productInfo .productImgList .item{
	padding-right:var(--size10);
}
.caseDetail .productInfo .productImgList .item:last-child{
	padding-right:0;
}
.caseDetail .productInfo .productImgList .item .image{}
.caseDetail .productInfo .productImgList .item .image img{
	width:100%;
}
.caseDetail .productInfo .productImgList .item .name{
	font-size: var(--size16);
    color: #303233;
	opacity: 0.8;
	line-height:1.8;
	text-align:center;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* 案例详情 end */

/* G3系统 start */
.g3SystemMain{}
.g3SystemMain .sketchBox2{
	background:#F7F8F8;
	padding-top:var(--size20);
	padding-bottom:var(--size20);
}
.g3SystemMain .sketchBox3{
	padding-top:var(--size20);
	padding-bottom:var(--size20);
}
.g3SystemMain .image{
	padding-top: var(--size20);
	padding-bottom: var(--size20);
	padding-left:var(--size10);
	padding-right:var(--size10);
}
.g3SystemMain .image img{
	width:100%;
}
/* G3系统 end */

/* 演示中心 start */
.democenterMain{}
.democenterMain .textDesc{
	text-indent: 2em;
    /* letter-spacing: var(--size1); */
    font-size: var(--size18);
	color: #333333;
    line-height: 1.7;
	padding: var(--size15) var(--size10) var(--size5) var(--size10);
	text-align:justify;
}
.democenterMain .image{
	width: 76%;
	margin: 0 auto;
}
.democenterMain .image img{
	width:100%;
}
.democenterMain .textList{
	padding:var(--size10);
}
.democenterMain .textList .title{
	padding: var(--size5) var(--size20);
	margin-bottom:var(--size10);
    border: var(--size1) solid #EF616D;
    border-radius: var(--size4);
    color: #E50112;
    display: table;
    font-size: var(--size18);
}
.democenterMain .textList .dl{
	grid-row-gap: var(--size2);
}
.democenterMain .textList .dl dd{
	background: url(/DxMFDSkFUHAOI11oHOgpKSAHHHLrKycUDJ5oHSgootVNTxIsID.jpg) no-repeat left center;
	background-size: var(--size9) auto;
	padding-left: var(--size15);
	font-size: var(--size18);
	color: #333333;
}
.democenterMain .sceneList{
	padding:var(--size10) var(--size10) var(--size30) var(--size10);
}
.democenterMain .sceneList .title{
	padding: var(--size5) var(--size20);
	margin-bottom:var(--size10);
    border: var(--size1) solid #EF616D;
    border-radius: var(--size4);
    color: #E50112;
    display: table;
    font-size: var(--size20);
}
.democenterMain .sceneList .dl{
	
}
.democenterMain .sceneList .dl dd{}
.democenterMain .sceneList .dl dd .item{}
.democenterMain .sceneList .dl dd .item img{
	width:100%;
}
.democenterMain .sceneList .dl dd .item p{
	font-size: var(--size18);
	color: #333333;
	padding-top:var(--size4);
	text-align:center;
}
/* 演示中心 end */

/* 工程服务 start */
.gcfwMain .service .serviceBox{
	display: flex;
	flex-direction: row;
	padding-top: var(--size20);
	padding-bottom: var(--size20);
	justify-content: center;
	position:relative;
}
.gcfwMain .service .serviceBox .text{
	color: #333333;
}
.gcfwMain .service .serviceBox .text .title{
	font-size: var(--size22);
	letter-spacing: calc(-1 * var(--size2));
	font-family: Adobe 黑体 Std REVERT;
}
.gcfwMain .service .serviceBox .text .desc{
	padding-top:var(--size10);
	padding-bottom:var(--size10);
}
.gcfwMain .service .serviceBox .text .desc p{
	font-size: var(--size18);
	line-height:2;
	text-align:justify;
	font-family: 思源黑体 CN Regular;
}
.gcfwMain .service .serviceBox .lou{
	position: absolute;
	left: calc(-1 * var(--size30));
	bottom: 0;
	z-index: 1;
	width: var(--size200);
	opacity: 0.4;
}
.gcfwMain .service .serviceBox .tom{
	position: absolute;
	right: var(--size20);
	bottom: 0;
	z-index:1;
	width: var(--size110);
}
.gcfwMain .row{
	padding: var(--size20) var(--size10);
}
.gcfwMain .row .titleBox{
	display: flex;
    flex-direction: row;
	align-items: center;
}
.gcfwMain .row .titleBox .num{
	width: var(--size30);
	height: var(--size30);
	background: var(--red-color);
	color: #ffffff;
	font-size: var(--size16);
	text-align: center;
	border-radius: 100%;
	line-height: var(--size30);
}
.gcfwMain .row .titleBox .text{
    color: var(--red-color);
    font-size: var(--size22);
	padding-left:var(--size6);
}
.gcfwMain .row .dl{}
.gcfwMain .row .dl dd{
	position: relative;
}
.gcfwMain .row .dl dd .outside{
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
    width: var(--size14);
    height: var(--size14);
    border: var(--size2) solid #333333;
    border-radius: 100%;
    position: absolute;
    left: var(--size8);
    top: var(--size6);
}
.gcfwMain .row .dl dd .outside .inside{
	width: var(--size6);
	height: var(--size6);
	background: #333333;
	border-radius: 100%;
}
.gcfwMain .row .dl dd .text{
	padding-left: var(--size30);
	color: #333333;
	font-size: var(--size18);
	line-height:1.7;
}
.gcfwMain .row .image{
    padding:var(--size10) 0;
	text-align:center;
}
.gcfwMain .row .image img{
	width:90%;
}
/* 工程服务 end */

/* 公司介绍 start */
.aboutIntroduceMain{}
.aboutIntroduceMain .infoBox{
	padding:0 var(--size10);
}
.aboutIntroduceMain .infoBox .desc p{
	font-size: var(--size18);
	color: #333333;
	line-height: 1.7;
	padding-bottom: var(--size24);
	text-align: justify;
}
.aboutIntroduceMain .infoBox .dl dd .text{
	font-size: var(--size12);
    color: #909090;
    text-align: center;
    padding-top: var(--size5);
    padding-bottom: var(--size10);
}
.aboutIntroduceMain .infoBox .videoBox .video{
	height: var(--size200);
}
.aboutIntroduceMain .infoBox .videoBox .title{
	font-size: var(--size18);
    color: var(--red-color);
    text-align: center;
    padding-top: var(--size10);
    padding-bottom: var(--size25);
}
.aboutIntroduceMain .brands{
	padding: var(--size5) var(--size10) var(--size30) var(--size10);
}
.aboutIntroduceMain .brands .image img{
	width:100%;
}
/* 公司介绍 end */

/* 新闻月刊列表 start */
.newsListMain{}
.newsListMain .nav{
	padding-top: var(--size20);
    padding-bottom: var(--size20);
}
.newsListMain .nav .dl{
	display: flex;
    flex-direction: row;
    justify-content: center;
}
.newsListMain .nav .dl dd:first-child{
	padding-right:var(--size10);
}
.newsListMain .nav .dl dd a{
	color: #000000;
	font-size: var(--size18);
	border: var(--size1) solid #969796;
	display: block;
	text-align: center;
	border-radius: var(--size3);
	padding: var(--size4) var(--size12);
}
.newsListMain .nav .dl dd.active a{
	border: none;
    background: var(--red-color);
    color: #ffffff;
}
.newsListMain .letterList{
	padding:0 var(--size10);
}
.newsListMain .letterList .dl dd a .title{
	font-size: var(--size18);
    color: #333333;
	margin-top:var(--size5);
	margin-bottom:var(--size5);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsListMain .newsList{
	padding:0 var(--size10);
}
.newsListMain .newsList .dl{}
.newsListMain .newsList .dl dd{
	padding: var(--size10) 0;
	border-bottom: var(--size1) solid #D6D6D6;
}
.newsListMain .newsList .dl dd:first-child{
	border-top: var(--size1) solid #D6D6D6;
}
.newsListMain .newsList .dl dd a{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.newsListMain .newsList .dl dd a .image{
	width:30%;
	overflow: hidden;
}
.newsListMain .newsList .dl dd a .image img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.newsListMain .newsList .dl dd a .textBox{
	width:70%;
	padding-left:var(--size10);
}
.newsListMain .newsList .dl dd a .textBox .title{
	color: #333333;
    font-size: var(--size16);
    margin-bottom: var(--size4);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.newsListMain .newsList .dl dd a .textBox .note{
	color: #666666;
	font-size: var(--size14);
	line-height: 1.5;
	margin-bottom: var(--size4);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: justify;
}
.newsListMain .newsList .dl dd a .textBox .more{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.newsListMain .newsList .dl dd a .textBox .more span{
	color: #969696;
    font-size: var(--size12);
}
/* 新闻月刊列表 end */

/* 新闻月刊详情 start */
.newsDetailMain .detailContent{
	padding:var(--size10) var(--size10);
}
.newsDetailMain .detailContent .detailTitle{
	font-size: var(--size22);
    line-height: 1.4;
    margin-bottom: var(--size6);
    font-weight: 500;
}
.newsDetailMain .detailContent .detailTime{
	font-size:var(--size15);
	color:rgb(0 0 0 / 30%);
	margin-bottom:var(--size22);
}
.newsDetailMain .detailContent .detailMain{}
.newsDetailMain .detailContent .detailMain img{
	max-width:100%;
	height:auto;
}
.newsDetailMain .detailContent .detailMain *:not(img){
	font-size: var(--size18);
    color: #2A303B;
    line-height: 1.6;
}
/* 新闻月刊详情 end */

/* 联系我们 start */
.contactMain{}
.contactMain .mapBox{
	display: flex;
    flex-direction: column;
    padding: var(--size10) var(--size10);
}
.contactMain .mapBox .image{
	padding-bottom: var(--size10);
}
.contactMain .mapBox .image img{
	width:100%;
}
.contactMain .mapBox .textBox{}
.contactMain .mapBox .textBox .name{
	font-size: var(--size20);
    padding-bottom: var(--size10);
    color: var(--red-color);
}
.contactMain .mapBox .textBox ul{}
.contactMain .mapBox .textBox ul li{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: var(--size10);
}
.contactMain .mapBox .textBox ul li img{
	width: var(--size24);
    padding-top: var(--size1);
}
.contactMain .mapBox .textBox ul li span{
	padding-left: var(--size6);
    font-size: var(--size18);
    color: #333333;
}
.contactMain .mapBox .textBox ul li span a{
	font-size:var(--font-size18);
	color:#333333;
}
.contactMain .list .textBox{
	padding: 0 var(--size10) var(--size20) var(--size10);
}
.contactMain .list .textBox .dl{}
.contactMain .list .textBox .dl dd{}
.contactMain .list .textBox .dl dd .name{
	display: table;
	color: #dd0b00;
	font-size: var(--size18);
	font-weight: bold;
	border: var(--size1) solid #cdcdcd;
	border-radius: var(--size40);
	padding: var(--size6) var(--size16);
	background: #ffffff;
}
.contactMain .list .textBox .dl dd .row{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-top: var(--size10);
}
.contactMain .list .textBox .dl dd .row img{
	width: var(--size24);
    padding-top: var(--size1);
}
.contactMain .list .textBox .dl dd .row .text{
	padding-left: var(--size6);
}
.contactMain .list .textBox .dl dd .row .text b{
    font-size: var(--size18);
    color: #333333;
}
.contactMain .list .textBox .dl dd .row .text span{
	padding-left:var(--size4);
	font-size: var(--size18);
    color: #555555;
}
.contactMain .list .textBox .dl dd .row .text span a{
	font-size: var(--size18);
    color: #555555;
}
/* 联系我们 end */