@charset "utf-8";

/*
@font-face
{
	font-family: "Font Awesome 5 Pro";
	src: url('../font/fa-light-300.woff2');
}
*/
 @font-face {
	font-family: 'impact';
	src: url('../font/IMPACT.TTF');
}

/* 全局通用 start */
*{
	/* font-family: "Roboto",sans-serif; */
	/* font-family: system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif; */
}
html {
	--padding_150: 7.8125vw 0 0;
	--padding_120: 6.25vw 0;
	--padding_60: 0 0 3.125vw;
	--padding_100: 5.208vw 0;
	--font-size12: 0.625vw;
	--font-size13: 0.6775vw;
	--font-size14: 0.7300vw;
	--font-size15: 0.7825vw;
	--font-size16: 0.8350vw;
	--font-size17: 0.8875vw;
	--font-size18: 0.9400vw;
	--font-size19: 0.9925vw;
	--font-size20: 1.0450vw;
	--font-size21: 1.0975vw;
	--font-size22: 1.1500vw;
	--font-size23: 1.2025vw;
	--font-size24: 1.2550vw;
	--font-size25: 1.3075vw;
	--font-size26: 1.3600vw;
	--font-size27: 1.4125vw;
	--font-size28: 1.4650vw;
	--font-size29: 1.5175vw;
	--font-size30: 1.5700vw;
	--font-size31: 1.6225vw;
	--font-size32: 1.6750vw;
	--font-size33: 1.7275vw;
	--font-size34: 1.7800vw;
	--font-size35: 1.8325vw;
	--font-size36: 1.8850vw;
	--font-size37: 1.9375vw;
	--font-size38: 1.9900vw;
	--font-size39: 2.0425vw;
	--font-size40: 2.0950vw;
	--font-size41: 2.1475vw;
	--font-size42: 2.2000vw;
	--font-size43: 2.2525vw;
	--font-size44: 2.3050vw;
	--font-size45: 2.3575vw;
	--font-size46: 2.4100vw;
	--font-size47: 2.4625vw;
	--font-size48: 2.5150vw;
	--font-size49: 2.5675vw;
	--font-size50: 2.6200vw;
	--font-size51: 2.6725vw;
	--font-size52: 2.7250vw;
	--font-size53: 2.7775vw;
	--font-size54: 2.8300vw;
	--font-size55: 2.8825vw;
	--font-size56: 2.9350vw;
	--font-size90: 4.7200vw;
	--red-color: #E60012;
	--letter-spacing1: 0.05vw;
	--letter-spacing2: 0.1vw;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td ,a{
	font-family: 思源黑体;
	font-size: var(--font-size14);
}

.hidden{
	display:none;
}

.auto_1300{
	margin: 0 auto;
	width: 63.5vw;
}
.auto_1400{
	margin: 0 auto;
	width: 68.5vw;
}

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

/* 图片放大动画 */
.amplify_img{
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.amplify:hover .amplify_img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* 图片内底部遮罩层动画 */
.amplify:hover .img_bottom_list{
	padding-bottom: 2vw;
}

/* 图片内底部标题内容 */
.img_bottom_list{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 1.5625vw 1.5625vw 1vw 1.5625vw;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5490196078)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5490196078));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5490196078));
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.img_bottom_list .Htitle{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: var(--font-size20);
	color: #FFFFFF;
	padding: 0.52vw 0 0.625vw 0;
	/* font-weight: 600; */
	line-height: 1.4063vw;
}
/* 图片内底部标题内容圆角 */
.img_bottom_list.border_radius_l_r{
	border-radius: 1vw;
}

/* 通用内页banner start */
.detail_banner {
	position: relative;
	overflow: hidden;
}
.detail_banner img {
	width: 100%;
	height: auto;
	/* min-height: 250px; */
	object-fit: cover;
	/* -webkit-animation: scale 10s linear infinite alternate; */
	/* animation: scale 10s linear infinite alternate; */
}
.detail_banner img.pc {
	display: block;
	height: auto;
}
@keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
/* 通用内页banner end */

/* 通用内页面包屑 start */
.breadcrumbBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	height: 8.5vw;
	margin-top: -8.5vw;
	position: relative;
	z-index: 2;
	
	/*
	background: url(../images/breadcrumbs_bg.png) repeat-x left;
	background-size: auto 100%;
	*/
	
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}
.breadcrumbBox .breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.breadcrumbBox .breadcrumb .breadcrumb_left {
	margin-bottom: 1.5vw;
}
.breadcrumbBox .breadcrumb .breadcrumb_left ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.breadcrumbBox .breadcrumb .breadcrumb_left ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.breadcrumbBox .breadcrumb .breadcrumb_left ul li a {
	font-size: var(--font-size16);
	/* color: #333434; */
	color: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-left: 0.45vw;
	margin-right: 0.45vw;
}
.breadcrumbBox .breadcrumb .breadcrumb_left ul li img {
	height: 1.05vw;
	margin-right: 0.20vw;
}
.breadcrumbBox .breadcrumb .breadcrumb_left ul li .arrow {
	width: 0.7vw;
	height: 0.7vw;
	background-image: url(../images/more_white.png);
	background-size: 100% auto;
}
.breadcrumbBox .breadcrumb .breadcrumb_left ul li.active a, .breadcrumbBox .breadcrumb .breadcrumb_left ul li:hover a {
	/* color: #333434; */
	color: #ffffff;
}
.breadcrumbBox .breadcrumb .breadcrumb_right ul {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.breadcrumbBox .breadcrumb .breadcrumb_right ul li {
	margin-left: 1.45vw;
}
.breadcrumbBox .breadcrumb .breadcrumb_right ul li a {
	display: block;
	white-space: nowrap;
	font-size: var(--font-size16);
	/* color: #333434; */
	color: #ffffff;
	padding: 0 0.15vw;
	padding-bottom: 1.5vw;
	position: relative;
	font-weight: bold;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.breadcrumbBox .breadcrumb .breadcrumb_right ul li a::after {
	position: absolute;
	left: 50%;
	bottom: 0vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0%;
	height: 0.1vw;
	background-color: var(--red-color);
	content: "";
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.breadcrumbBox .breadcrumb .breadcrumb_right ul li.active a, .breadcrumbBox .breadcrumb .breadcrumb_right ul li:hover a {
	color: var(--red-color);
}
.breadcrumbBox .breadcrumb .breadcrumb_right ul li.active a::after, .breadcrumbBox .breadcrumb .breadcrumb_right ul li:hover a::after {
	width: 100%;
}
/* 通用内页面包屑 end */

/* 通用详情页上下篇 start */
.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;
	/* border-top: 1px solid #e5e5e5; */
	padding-top: 1.56vw;
	padding-bottom: 1.56vw;
	margin-top: 2.45vw;
	align-items: center;
}
.prevNextArticle .prevNextArticleLeft {
	width: calc(100% - 13.02vw);
	display: flex;
	flex-direction: column;
}
.prevNextArticle .prevNextArticleLeft a {
	display: inline-block;
	clear: both;
	font-size: var(--font-size15);
	font-weight: normal;
	color: #626262;
	line-height: 1.56vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.prevNextArticle .prevNextArticleRight a{
	display: block;
	width: 6.98vw;
	height: 2.40vw;
	line-height: 2.40vw;
	text-align: center;
	font-size: var(--font-size14);
	color: #7d766b;
	border: 1px solid #7d766b;
	border-radius: 0.10vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.prevNextArticle .prevNextArticleRight a:hover {
	color: #fff;
	border-color: var(--red-color);
	background-color: var(--red-color);
}
/* 通用详情页上下篇 end */

/* 分页 */
.my_page_box{
	/*margin: 2.5vw auto;*/
	padding-top:2.5vw;
	padding-bottom:2.5vw;
}
.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: 2.5vw;
	line-height: 2.5vw;
	text-align: center;
	font-size: var(--font-size14);
	color: rgb(102, 102, 102);
	margin: 0 10px;
	padding: 0 1.04vw;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: #ebebeb;
}
.my_page_box .total_page{
	background:transparent;
	padding:0;
}
.my_page_box .current{
	background: var(--red-color);
	color:#ffffff;
}
.my_page_box a:hover{
	background: var(--red-color);
	color:#ffffff;
}
/* 全局通用 end */

/* 头部 start */
.headerBox{
	display: flex;
	flex-direction: row;
	padding: 0 3vw;
}
.headerBox .logoBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 26%;
}
.headerBox .logoBox a:first-child{
	width: 60%;
}
.headerBox .logoBox a:first-child img{
	max-width: 15vw;
	width: 100%;
}
.headerBox .logoBox a:last-child{
	width: 60%;
	padding-left:1vw;
}
.headerBox .logoBox a:last-child img{
	max-width: 10vw;
	width: 100%;
}
/* 菜单 */
.headerBox .navBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	width:48%;
}
.headerBox .navBox .navList{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.headerBox .navBox .navList .list{
	height:100%;
}
.headerBox .navBox .navList .list:nth-child(n + 2){
	margin-left:1.25vw;
	position: relative;
}
.headerBox .navBox .navList .list h3{
	height:100%;
}
.headerBox .navBox .navList .list h3 a{
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height:100%;
	font-size: var(--font-size16);
	position: relative;
	color: #221815;
	font-weight: 400;
	padding: 1.35vw 1.05vw;
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
}
.headerBox .navBox .navList .list:hover h3 a{
	background:#F6B0B5;
	color:var(--red-color);
}
.headerBox .navBox .navList .list.cur h3 a{
	background:#F6B0B5;
	color:var(--red-color);
}
.headerBox .navBox .navList .list h3 a:after{
	bottom: 0vw;
	width: 0vw;
	height: 0.10vw;
	background: var(--red-color);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	content: "";
	position: absolute;
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
}
.headerBox .navBox .navList .list:hover h3 a:after{
	width:50%;
}
.headerBox .navBox .navList .list.cur h3 a:after{
	width:50%;
}
.headerBox .navBox .navList .list .subNavMain{
	position: absolute;
	left: -2.08vw;
	height: 0vw;
	overflow: hidden;
	background: #ffffff;
	display: block;
	z-index: 3;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 0px, rgba(0, 0, 0, 0.15) 0px 2px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 0px, rgba(0, 0, 0, 0.15) 0px 2px 10px 0px;
}
.headerBox .navBox .navList .list:nth-child(2) .subNavMain{
	transition: 1s ease;
	-webkit-transition: 1s ease;
}
.headerBox .navBox .navList .list:nth-child(3) .subNavMain{
	transition: 0.6s ease;
	-webkit-transition: 0.6s ease;
}
.headerBox .navBox .navList .list:nth-child(4) .subNavMain{
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.headerBox .navBox .navList .list:nth-child(5) .subNavMain{
	transition: 0.7s ease;
	-webkit-transition: 0.7s ease;
}
.headerBox .navBox .navList .list:nth-child(2):hover .subNavMain{
	height: 14.6vw;
}
.headerBox .navBox .navList .list:nth-child(3):hover .subNavMain{
	height: 23vw;
}
.headerBox .navBox .navList .list:nth-child(3) .subNavMain .subNavBox .subNav{
	min-width: 14.55vw;
}
.headerBox .navBox .navList .list:nth-child(4):hover .subNavMain{
	height: 4.1vw;
}
.headerBox .navBox .navList .list:nth-child(5):hover .subNavMain{
	height: 8.3vw;
}
.headerBox .navBox .navList .list .subNavMain .subNavBox{
	height:100%;
}
.headerBox .navBox .navList .list .subNavMain .subNavBox .subNav{
	min-width: 13.55vw;
	padding: 1vw 0vw;
}
.headerBox .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList{
	position: relative;
}
.headerBox .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a{
	position: relative;
	display: block;
	padding: 0vw 2.08vw;
	background: none;
	border: none;
	height: 2.1vw;
	line-height: 2.1vw;
	font-size: var(--font-size16);
	font-family: 微软雅黑;
	color: #221815;
	transition: 0.1s ease;
	-webkit-transition: 0.1s ease;
}
.headerBox .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover{
	color: var(--red-color);
}
/*
.headerBox .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover::after{
	content: "";
	border-right: 0.41vw solid transparent;
	border-top: 0.41vw solid var(--red-color);
	position: absolute;
	left: 0vw;
	top: 0vw;
}
*/
.headerBox .toolbarBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 26%;
}
.headerBox .toolbarBox a{
	padding:0.4vw 0.4vw;
}
.headerBox .toolbarBox a img{
	width:1.55vw;
}
/* 语言弹出层 */
.languageList{
	padding: 1.5vw 1vw;
}
.languageList ul{
	display: flex;
	flex-direction: row;
}
.languageList ul li{
	display: flex;
	flex-direction: column;
	padding: 0 1vw;
}
.languageList ul li a{
	font-size: var(--font-size16);
	color: #444444;
	line-height: 2;
}
.languageList ul li a:nth-child(1){
	font-size: var(--font-size20);
	font-weight:bold;
}
.languageList ul li a:nth-child(n + 2):hover{
	color:var(--red-color);
}
/* 头部 end */

/* 底部 start */
.footer{
	background:#193393;
}
.footer .row{
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: space-between;
	padding: 2vw 0;
}
.footer .row .logo img{
	width: 8.5vw;
}
.footer .row .nav{
    width: 51vw;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.footer .row .nav li a{
	color: #ffffff;
    padding: 0 1.75vw;
	font-size: var(--font-size16);
}
.footer .copyright{
	background:#dcdcdc;
	color:#a6abb2;
	font-size: var(--font-size14);
	text-align:center;
	padding: 0.5vw 0;
}
/* 底部 end */

/* 首页 start */
.homeMain{}
.commonMain .headLine{
	padding: 4.15vw 0 2.5vw;
}
.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(--font-size44);
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.commonMain .headLine .title .wire{
	display: flex;
	padding-top:1vw;
}
.commonMain .headLine .title .wire span{
	width: 2.5vw;
	height: 0.2vw;
	background: #E7010E;
	border-radius: 0.35vw;
}
.commonMain .headLine .title .wire span:last-child{
	margin-left: 0.25vw;
}
.commonMain .moreBox{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.commonMain .moreBox a{
	border: 1px solid #1e1e1e;
	border-radius: 5vw;
	color: #030303;
	font-size: var(--font-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: 6.5vw;
	height: 2vw;
}
.commonMain .moreBox a span{
	margin-left: 0.35vw;
	border: 1px solid #1e1e1e;
	border-radius: 100%;
	width: 1vw;
	height: 1vw;
	line-height: 0.95vw;
	font-size: var(--font-size12);
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.commonMain .moreBox a:hover{
	border-color:#FF4A4F;
	background:#FF4A4F;
	color:#ffffff;
}
.commonMain .moreBox a:hover span{
	border-color:#ffffff;
	background:#ffffff;
	color:#FF4A4F;
}
.commonMain .achievement{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.commonMain .achievement .item{
	text-align:center;
	width:25%;
}
.commonMain .achievement .item:nth-child(2) .numItem{
	padding-left:3vw;
}
.commonMain .achievement .item .numItem .num{
	font-size: 3vw;
	font-family: impact;
	/* color:#268CFA; */
	background-image: linear-gradient(0deg, #1c73f6 10%, #2d9dfc 80%);
	-webkit-background-clip: text;
	color: transparent;
}
.commonMain .achievement .item .numItem .unit{
	font-size:1vw;
	font-family: 思源黑体;
	/* color: #268CFA; */
	font-weight: bold;
	background-image: linear-gradient(0deg, #1c73f6 10%, #2d9dfc 80%);
	-webkit-background-clip: text;
	color: transparent;
}
.commonMain .achievement .item .text{
	font-size: var(--font-size23);
	color:#909090;
}
.commonMain .achievement .item .imgDiv{
	padding-top:2vw;
}
.commonMain .achievement .item .imgDiv img{
	width:11vw;
}
.commonMain .product{
	background:#F7F7F7;
}
.commonMain .product .dl{
	display: flex;
}
.commonMain .product .dl dd{
	width: 20%;
	position:relative;
}
.commonMain .product .dl dd a{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}
.commonMain .product .dl dd .image{
	border-radius: 100%;
	overflow: hidden;
	width: 12vw;
	height: 12vw;
	background:#FFFFFF;
	padding: 0.25vw;
}
.commonMain .product .dl dd .image .cover{
	width: 100%;
	height: 100%;
	background:#CFDEE5;
	border-radius: 100%;
}
.commonMain .product .dl dd .title{
	color: #474747;
	font-size: var(--font-size18);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 1.5vw 1vw 0 1vw;
	text-align: center;
}
.commonMain .product .dl dd .bg{
	width: 17vw;
	position: absolute;
	left: 2.56vw;
	top: 1.76vw;
	z-index: 0;
}
.commonMain .compliance img{
	width:100%;
}
.commonMain .project .dl{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1.5fr;
	grid-template-columns: 1fr 1fr 1.2fr;
	grid-template-rows: auto auto;
	grid-column-gap: 1.458vw;
	grid-row-gap: 1.458vw;
}
.commonMain .project .dl dd{
	position: relative;
	font-weight: 400;
	line-height: 1;
	height: auto;
	overflow: hidden;
	height: 13vw;
}
.commonMain .project .dl dd:nth-child(5){
	height: auto;
	grid-column: 3;    /* 放在第三列 */
	grid-row: 1 / 3;   /* 跨越多行：从第一行开始到第三行结束（实际占两行） */
}
.commonMain .project .dl dd .image{
	height:100%;
}
.commonMain .project .dl dd .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.commonMain .project .dl dd:nth-child(5) .image img{
	width:100%;
	height:100%;
}
.commonMain .project .dl dd .nameBox{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background:rgba(255,255,255,0.7);
	padding: 0.45vw 1vw;
	text-align: center;
}
.commonMain .project .dl dd .nameBox .name{
	font-size: var(--font-size14);
	color: #101010;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.commonMain .service{
	background: url(../images/homeSystemBg.jpg) no-repeat center / cover;
}
.commonMain .service .serviceBox{
	display: flex;
	flex-direction: row;
	padding-top: 5.2vw;
	padding-bottom: 6vw;
	justify-content: center;
	position:relative;
}
.commonMain .service .serviceBox .text{
	/* width: 46.4%; */
	color: #ffffff;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: 0vw 0px 3vw rgba(0, 0, 0, 0.2);
	border-radius: 20%;
	/* padding: 0 1vw; */
	padding-left:17vw;
}
.commonMain .service .serviceBox .text .title{
	font-size: var(--font-size32);
	letter-spacing: -2px;
}
.commonMain .service .serviceBox .text .desc{
	padding-top:1vw;
	padding-bottom:3vw;
}
.commonMain .service .serviceBox .text .desc p{
	font-size: var(--font-size24);
	line-height:2;
	text-align:justify;
}
.commonMain .service .serviceBox .lou{
	position: absolute;
	left: -5vw;
	top: -4vw;
	width: 44vw;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	pointer-events: none;
}
.commonMain .service .serviceBox .tom{
	position: absolute;
	right: 2.5vw;
	bottom: -4vw;
	width: 19vw;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	pointer-events: none;
}
.commonMain .news{
	padding-bottom: 4vw;
}
.commonMain .news .list{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.commonMain .news .list .firstNews{
	width: 27vw;
	position: relative;
}
.commonMain .news .list .firstNews img{
	width:100%;
}
.commonMain .news .list .firstNews .bg{
	width: 100%;
	height: 100%;
	background: #F2F2F4;
	position: absolute;
	left: 18px;
	top: 18px;
	z-index: -1;
}
.commonMain .news .list ul{
	width:39vw;
	padding-left: 2.5vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.commonMain .news .list ul li{
	border-bottom:1px solid #D4D4D4;
	padding-left:0.5vw;
}
.commonMain .news .list ul li a{
	height: 2.9vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: center;
}
.commonMain .news .list ul li .title{
	color:#666666;
	font-size:var(--font-size15);
	width:75%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.commonMain .news .list ul li .date{
	color:#666666;
	font-size:var(--font-size15);
}
.commonMain .brands{
	position:relative;
}
.commonMain .brands .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	padding-top: 10vw;
	overflow: hidden;
}
.commonMain .brands .bg .subBg{
	background: #86B6FF;
	position: relative;
	width: 100%;
    height: 100%;
    z-index: 1;
}
.commonMain .brands .bg .subBg .bg1{
	position: absolute;
    left: 0;
    top: -4.2vw;
    width: 100%;
	z-index: 1;
}
.commonMain .brands .bg .subBg .bg2{
	width: 55vw;
    height: 22vw;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: -1vw;
    top: -4vw;
    border-radius: 20vw;
    transform: rotate(-57deg);
    z-index: 1;
}
.commonMain .brands .bg .subBg .bg3{
	width: 55vw;
	height: 22vw;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	right: -37vw;
	bottom: 0vw;
	border-radius: 20vw;
	transform: rotate(55deg);
	z-index: 1;
}
.commonMain .brands .auto_1400{
	position:relative;
	z-index:2;
}
.commonMain .brands .image{
	text-align: center;
}
.commonMain .brands .image img{
	width:67vw;
}
.commonMain .brands .contact{
	padding-top:4vw;
	padding-bottom:4vw;
	display: flex;
    flex-direction: row;
    justify-content: center;
}
.commonMain .brands .contact .subContact{
	width: 53vw;
	background: #ffffff;
    border-radius: 1vw;
	padding: 2vw 3vw 2vw 1.5vw;
}
.commonMain .brands .contact .subContact p.p1{
	font-size:var(--font-size32);
	color:#000000;
	padding-bottom: 2vw;
}
.commonMain .brands .contact .subContact p.p2{
	font-size:var(--font-size20);
	color:#000000;
	font-family: 思源黑体 CN Regular;
	padding-bottom: 2vw;
}
.commonMain .brands .contact .subContact .sendMessage{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.commonMain .brands .contact .subContact .sendMessage .left{
	width:34%;
}
.commonMain .brands .contact .subContact .sendMessage .right{
	width:62%;
}
.commonMain .brands .contact .subContact .sendMessage .item{
	display: flex;
    flex-direction: column;
	padding-bottom: 1vw;
}
.commonMain .brands .contact .subContact .sendMessage .right .item, .commonMain .brands .contact .subContact .sendMessage .right .item .input{
	height:100%;
}
.commonMain .brands .contact .subContact .sendMessage .item label{
	font-size:var(--font-size18);
	color:#000000;
	font-family: 思源黑体 CN Regular;
	padding-bottom: 0.5vw;
}
.commonMain .brands .contact .subContact .sendMessage .item .input input{
	border: none;
    outline: none;
    width: 100%;
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%), 0 0px 2px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%), 0 0px 2px 0 rgb(0 0 0 / 12%);
    padding: 0.75vw 0.75vw;
    border-radius: 0.45vw;
}
.commonMain .brands .contact .subContact .sendMessage .item .input textarea{
	border: none;
    outline: none;
	resize: none;
    width: 100%;
	height:100%;
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%), 0 0px 2px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%), 0 0px 2px 0 rgb(0 0 0 / 12%);
    padding: 0.75vw 0.75vw;
    border-radius: 0.45vw;
}
.commonMain .brands .contact .subContact .sendMessage .item .pincode{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.commonMain .brands .contact .subContact .sendMessage .item .pincode input{
	width: 9.5vw;
}
.commonMain .brands .contact .subContact .sendMessage .item .pincode img{
	width: 6vw;
}
.commonMain .brands .contact .subContact .btn{
	display: flex;
    flex-direction: row;
    justify-content: center;
	padding-top: 1vw;
}
.commonMain .brands .contact .subContact .btn a{
	background: #FF342D;
	color: #ffffff;
	font-size: var(--font-size18);
	width: 7vw;
	height: 3vw;
	line-height: 3vw;
	text-align: center;
	border-radius: 0.4vw;
}
/* 首页 end */

/* 产品主题页 start */
.productThemeMain .sketchMap{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.3333% 33.3333% 33.3333%;
	grid-template-columns: 33.3333% 33.3333% 33.3333%;
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.productThemeMain .sketchMap img{
	width: 100%;
	height: 100%;
}
.productThemeMain .datalist ul{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 20.305333vw 20.305333vw 20.305333vw;
	grid-template-columns: 20.305333vw 20.305333vw 20.305333vw;
	grid-column-gap: 6vw;
	grid-row-gap: 2vw;
}
.productThemeMain .datalist ul li{}
.productThemeMain .datalist ul li .image{
	position:relative;
	border:2px solid #C9C9CA;
	text-align: center;
	border-radius: 0.75vw;
	padding: 0.5vw 0.75vw;
}
.productThemeMain .datalist ul li .image .cover{
	width:14vw;
	padding-bottom: 0.75vw;
}
.productThemeMain .datalist ul li .image .patent{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.productThemeMain .datalist ul li .image .patent .text{
	border:1px solid #EE8991;
	border-radius:0.45vw;
	color: rgba(0, 0, 0, 0.7);
	font-size:var(--font-size12);
	padding: 0.2vw 0.5vw;
}
.productThemeMain .datalist ul li .image .patent .iconBox{
	display: flex;
	flex-direction: row;
}
.productThemeMain .datalist ul li .image .patent .iconBox img{
	height: 1.25vw;
}
.productThemeMain .datalist ul li .image .patent .iconBox .paddingLeft{
	padding-left:0.3vw;
}
.productThemeMain .datalist ul li .image .patent .iconBox .paddingRight{
	padding-right:0.3vw;
}
.productThemeMain .datalist ul li .title{
	margin-top: 0.6vw;
	font-size: var(--font-size20);
	color: rgba(0, 0, 0, 0.7);
	line-height: 1.50vw;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.productThemeMain .datalist ul li:hover .title{
	/*color: var(--red-color);*/
}
.productThemeMain .more{
	text-align:right;
	padding-top:2vw;
	padding-bottom:2vw;
}
.productThemeMain .more a{
	padding: 0.5vw 1.5vw;
	border: 1px solid #C9C9CA;
	border-radius: 5vw;
	color: rgba(0, 0, 0, 0.7);
	font-size: var(--font-size17);
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.productThemeMain .more a:hover{
	border-color: var(--red-color);
	background: var(--red-color);
	color:#ffffff;
}
/* 产品主题页 end */

/* 产品列表 start */
.productListMain .searchBox{
	padding: 2vw 0;
}
.productListMain .searchBox .row{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
	height: 2.1vw;
}
.productListMain .searchBox .row input{
	height: 100%;
	width: 21vw;
	border-radius: 2vw 0 0 2vw;
	border: 1px solid #c1c1c1;
	padding-left: 1vw;
	font-size: var(--font-size14);
	outline: none;
	border-right: none;
}
.productListMain .searchBox .row button{
	width: 3.6vw;
	height: 100%;
	cursor: pointer;
	border: none;
	border-radius: 0 2vw 2vw 0;
	background-color: #C1C1C1;
	background-image:url('../images/search.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.4vw auto;
}
.productListMain .productList{
	display: flex;
    flex-direction: row;
}
.productListMain .productList .leftMenu{
	width: 18%;
}
.productListMain .productList .leftMenu ul li{
	position: relative;
    padding-bottom: 0.3vw;
}
.productListMain .productList .leftMenu ul li:last-child{
	padding-bottom: 0;
}
.productListMain .productList .leftMenu ul li a{
    height: 2.3vw;
	display: flex;
    align-items: center;
	justify-content: space-between;
	background:url('../images/productMenuBg_1.jpg') repeat-x left center;
	background-size: auto 100%;
	padding-left: 0.75vw;
	padding-right: 0.75vw;
}
.productListMain .productList .leftMenu ul li a span{
	color:#565656;
	font-size:var(--font-size13);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.productListMain .productList .leftMenu ul li a:hover, .productListMain .productList .leftMenu ul li a.cur{
	background:url('../images/productMenuBg_2.png') repeat-x left center;
	background-size: auto 100%;
}
.productListMain .productList .leftMenu ul li a:hover span, .productListMain .productList .leftMenu ul li a.cur span{
	color:#333333;
	font-weight:bold;
}
.productListMain .productList .rightList{
	width: 82%;
    padding-left: 2vw;
}
.productListMain .productList .rightList .imgBox img{
	width:100%;
}
.productListMain .productList .rightList ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-column-gap: 1.5vw;
	grid-row-gap: 2vw;
	justify-content: center;
}
.productListMain .productList .rightList ul li{}
.productListMain .productList .rightList ul li .image{
	overflow:hidden;
	-webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%);
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%);
}
.productListMain .productList .rightList ul li .image img{
	width:100%;
}
.productListMain .productList .rightList ul li .text{
	border:1px solid #d8d8d8;
	border-radius:2vw;
	padding:0.3vw 1.5vw;
	margin-top: 1vw;
	-webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%);
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%);
}
.productListMain .productList .rightList ul li .text span{
	color:#565656;
	font-size:var(--font-size14);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.productListMain .iaq img{
	width: 11vw;
}
.productListMain .certified{
	background:#F6F6F6;
	margin-top:2.5vw;
	margin-bottom:2.5vw;
	border-radius:0.75vw;
	padding:2vw;
}
.productListMain .certified .title{
	background:#A9B2BC;
	display: table;
	color: #ffffff;
	line-height: 1.5;
	font-size: var(--font-size24);
	border-radius: 2vw;
	padding: 0 1vw;
}
.productListMain .certified .note{
	color:#858585;
	line-height: 1.5;
	font-size: var(--font-size14);
	padding-top:1vw;
	padding-bottom:1.5vw;
}
.productListMain .certified .image img{
	width: 100%;
}
/* 产品列表 end */

/* 产品详情 start */
.productDetail{
	/* background-color: #F5F5F5; */
	/* padding-top:2vw; */
	padding-bottom:2vw;
}
.productDetail .titleName{
	font-size: var(--font-size34);
	color: #333333;
	text-align: center;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
}
.productDetail .descBox{
	display:flex;
	justify-content: center;
}
.productDetail .descBox .leftImg{
	width:28vw;
}
.productDetail .descBox .leftImg .gallery-top {
	width: 100%;
	height: auto;
	border: 1px solid #EBEBEB;
	border-radius: 15px;
}
.productDetail .descBox .leftImg .gallery-top .swiper-slide img {
	width: 100%;
	height:100%;
}
.productDetail .descBox .leftImg .gallery-thumbs {
	padding-top: 15px;
}
.productDetail .descBox .leftImg .gallery-thumbs .swiper-wrapper {
	justify-content: center;
}
.productDetail .descBox .leftImg .gallery-thumbs .small_img {
	width: 23% !important;
	cursor: pointer;
}
.productDetail .descBox .leftImg .gallery-thumbs .small_img:last-child {
	margin-right: 0px !important;
}
.productDetail .descBox .leftImg .gallery-thumbs .small_img img {
	border: 1px solid #EBEBEB;
	border-radius: 10px;
}
.productDetail .descBox .rightText{
	padding-left:3.5vw;
	width: 44.5vw;
}
.productDetail .descBox .rightText .descText .title{
	padding-bottom: 0.5vw;
	font-size: var(--font-size28);
	color: #444444;
}
.productDetail .descBox .rightText .descText .text{
	font-size: var(--font-size16);
	color: #888888;
	line-height: 1.5;
	padding-bottom: 1vw;
}
.productDetail .descBox .rightText .list3{
	display:flex;
	padding-top: 2vw;
	align-items: flex-end;
    justify-content: space-evenly;
}
.productDetail .descBox .rightText .list3 .btn{
	width: 9vw;
	height: 2.45vw;
	border-radius: 0.5vw;
}
.productDetail .descBox .rightText .list3 .btn a{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.productDetail .descBox .rightText .list3 .btn span{
	font-size: var(--font-size18);
	color: rgba(255, 255, 255, 1);
	line-height: 1.56vw;
	padding-right:0.4vw;
}
.productDetail .descBox .rightText .list3 .btn img{
	width:1.3vw;
}
.productDetail .descBox .rightText .list3 .btn:nth-child(2){
	background: linear-gradient(90deg, #ff3b4a, #f40c1f);
}
/*
.productDetail .descBox .rightText .list3 .btn:nth-child(2){
	background: linear-gradient(90deg, #ff8534, #ff6600);
}
*/
.productDetail .descBox .rightText .list3 .btn:nth-child(3){
	border:1px solid #7c7c7c;
}
.productDetail .descBox .rightText .list3 .btn:nth-child(3) span{
	color: rgba(0, 0, 0, 0.7);
}
.productDetail .descBox .rightText .list3 .btn:not(:last-child){
	margin-right: 0.75vw;
}
/* 相关推荐 */
.productDetail .relatedBox{
	background:#87C4FF;
	position:relative;
	padding-top:3vw;
	padding-bottom:5vw;
	margin-top: 4vw;
}
.productDetail .relatedBox .title{
	font-size: var(--font-size30);
	color: #333333;
	text-align: center;
	padding-top: 1vw;
	padding-bottom: 2.5vw;
}
.productDetail .relatedBox .swiper-container .swiper-wrapper .swiper-slide .image img{
	width:100%;
}
.productDetail .relatedBox .swiper-container .swiper-wrapper .swiper-slide .name{
	font-size: var(--font-size16);
	color: #333333;
	text-align: center;
	padding-top: 0.75vw;
}

.productDetail .certified{
	background:#F6F6F6;
	margin-top:2.5vw;
	margin-bottom:2.5vw;
	border-radius:0.75vw;
	padding:2vw;
}
.productDetail .certified .title{
	background:#A9B2BC;
	display: table;
	color: #ffffff;
	line-height: 1.5;
	font-size: var(--font-size24);
	border-radius: 2vw;
	padding: 0 1vw;
}
.productDetail .certified .note{
	color:#858585;
	line-height: 1.5;
	font-size: var(--font-size14);
	padding-top:1vw;
	padding-bottom:1.5vw;
}
.productDetail .certified .image img{
	width: 100%;
}

/* 弹出层 */
.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{
	/*width: 25vw;*/
	background: #ffffff;
	border-radius: 0.75vw;
	padding: 1vw 1vw;
	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(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.centrePopups .popups .closeBtn{
	width: 1.5vw;
	height: 1.5vw;
	display: flex;
	background:url('../images/close.png') no-repeat center center;
	background-size: 1.5vw auto;
	position: absolute;
	top: 1vw;
	right: 1vw;
	opacity: 0.5;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.centrePopups .popups .closeBtn:hover{
	opacity: 1;
	/*
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	*/
}
.centrePopups .popups h1{
	font-size: var(--font-size29);
	color: var(--red-color);
	padding-bottom:1vw;
	text-align:center;
}
.centrePopups .popups .list{}
.centrePopups .popups .list .row{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-bottom:0.5vw;
}
.centrePopups .popups .list .row label{
	width: 6vw;
	display: inline-block;
	font-size: var(--font-size16);
	color: #2A303B;
	text-align: right;
}
.centrePopups .popups .list .row label span{
	color:var(--red-color);
	padding-right:2px;
}
.centrePopups .popups .list .row input{
	width: 15vw;
	outline: none;
	border: 1px solid #EBEBEB;
	height: 2vw;
	padding-left: 0.35vw;
	padding-right: 0.35vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.centrePopups .popups .list .row input:focus{
	border-color: var(--red-color);
	-webkit-box-shadow: 0 0px 10px 0 rgb(230 0 18 / 12%), 0 0px 10px 0 rgb(230 0 18 / 12%);
	box-shadow: 0 0px 10px 0 rgb(230 0 18 / 12%), 0 0px 10px 0 rgb(230 0 18 / 12%);
}
.centrePopups .popups .list .row:last-child input{
	width:9.5vw;
}
.centrePopups .popups .list .row img{
	width: 5vw;
	height: 2vw;
	margin-left:0.5vw;
}
.centrePopups .popups .btn{
	width: 9vw;
	height: 2.45vw;
	border-radius: 0.5vw;
	background: linear-gradient(90deg, #ff8534, #ff6600);
	margin: 0.75vw auto 0.75vw auto;
}
.centrePopups .popups .btn a{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.centrePopups .popups .btn span{
	font-size: var(--font-size18);
	color: rgba(255, 255, 255, 1);
	line-height: 1.56vw;
	padding-right: 0.4vw;
}
.centrePopups .popups .btn img{
	width: 1.3vw;
}
.centrePopups .popups .qrcode{
	text-align:center;
}
.centrePopups .popups .qrcode img{
	max-width:15vw;
}
.centrePopups .popups .note{
	color:#999999;
	font-size:var(--font-size12);
	text-align:center;
}
/* 产品详情 end */

/* 新闻列表 start */
.newsListMain .nav{
	padding:4vw 0;
}
.newsListMain .nav ul{
	display: flex;
    flex-direction: row;
	justify-content: center;
}
.newsListMain .nav ul li{}
.newsListMain .nav ul li:first-child{
	padding-right:1vw;
}
.newsListMain .nav ul li a{
	color:#000000;
	font-size:var(--font-size24);
	border:1px solid #969796;
	width: 7.5vw;
    display: block;
    text-align: center;
    line-height: 1.8;
	border-radius:0.25vw;
}
.newsListMain .nav ul li.active a{
	border:none;
	background:var(--red-color);
	color:#ffffff;
}
.newsListMain .latest{
	padding-bottom: 4vw;
}
.newsListMain .latest .dl{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1.5fr;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	grid-column-gap: 1.458vw;
	grid-row-gap: 1.458vw;
}
.newsListMain .latest .dl dd{
	/* position: relative; */
    font-weight: 400;
    line-height: 1;
    overflow: hidden;
    /* height: 13vw; */
	background:#F7F7F7;
}
.newsListMain .latest .dl dd:nth-child(3){
    height: auto;
    grid-column: 2;
    grid-row: 1 / 3;
}
.newsListMain .latest .dl dd.left{
    padding:1.5vw;
}
.newsListMain .latest .dl dd.left a{
	display: flex;
    flex-direction: row;
	align-items: center;
}
.newsListMain .latest .dl dd.left .image{
	overflow: hidden;
    width: 43%;
}
.newsListMain .latest .dl dd.left .image img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.newsListMain .latest .dl dd.left .textBox{
	width:57%;
	padding-left:1.5vw;
}
.newsListMain .latest .dl dd.left .textBox .note{
	-webkit-line-clamp: 4;
}

.newsListMain .latest .dl dd.right{}
.newsListMain .latest .dl dd.right .image{
	overflow: hidden;
}
.newsListMain .latest .dl dd.right .image img{
	width: 100%;
	height: 12.5vw;
	object-fit: cover;
}
.newsListMain .latest .dl dd.right .textBox{
	padding:1.5vw;
}
.newsListMain .latest .dl dd.right .textBox .note{
	-webkit-line-clamp: 5;
}

.newsListMain .latest .dl dd .textBox .title{
	color: var(--red-color);
	font-size: var(--font-size16);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-bottom:0.75vw;
}
.newsListMain .latest .dl dd .textBox .note{
	color: #666666;
	font-size: var(--font-size15);
	line-height:1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-align: justify;
}
.newsListMain .newsList{
	background:#F7F7F7;
	padding-top:1.5vw;
	/* padding-bottom:2.5vw; */
}
.newsListMain .newsList ul li{
	padding-top: 2.5vw;
    padding-bottom: 1.5vw;
	border-bottom: 1px solid #D6D6D6;
}
.newsListMain .newsList ul li a{
    display: flex;
    flex-direction: row;
	align-items: center;
}
.newsListMain .newsList ul li .image{
	overflow: hidden;
    width: 18%;
}
.newsListMain .newsList ul li .image img{
	width: 100%;
    height: auto;
    object-fit: cover;
}
.newsListMain .newsList ul li .textBox{
	width: 82%;
    padding-left: 1.5vw;
}
.newsListMain .newsList ul li .textBox .title{
	color: #333333;
    font-size: var(--font-size16);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 0.75vw;
}
.newsListMain .newsList ul li .textBox .note{
	color: #666666;
    font-size: var(--font-size15);
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
    text-align: justify;
}
.newsListMain .newsList ul li .textBox .more{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0.75vw;
}
.newsListMain .newsList ul li .textBox .more span:first-child{
	color: #969696;
    font-size: var(--font-size14);
}
.newsListMain .newsList ul li .textBox .more span:last-child{
	color: #969696;
    font-size: var(--font-size15);
}
.newsListMain .letterList{}
.newsListMain .letterList ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-column-gap: 2vw;
	grid-row-gap: 2vw;
	justify-content: center;
}
.newsListMain .letterList ul li{}
.newsListMain .letterList ul li .image{
	overflow: hidden;
	border-radius: 0.75vw;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px, rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px, rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
.newsListMain .letterList ul li .image img{
	width: 100%;
}
.newsListMain .letterList ul li .title{
	color: #333333;
    font-size: var(--font-size16);
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: center;
    margin-top: 1vw;
}
/* 新闻列表 end */

/* 新闻详情 start */
.newsDetailMain {
	padding-top: 2.5vw;
	background-color: #fefdfe;
}
.newsDetailMain .detailContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.newsDetailMain .detailContent .detailLeft {
	width: 80%;
}

/* 头部内容 */
.newsDetailMain .detailContent .detailLeft .detailTitle {
	font-size: var(--font-size34);
	color: #333333;
	line-height: 2.34vw;
	font-weight: bold;
	text-align: center;
}
.newsDetailMain .detailContent .detailLeft .detailTips {
	font-size: var(--font-size16);
	color: #949495;
	text-align: center;
	padding-top:0.75vw;
	padding-bottom:1.5vw;
}
/* 正文 */
.newsDetailMain .detailContent .detailLeft .detailMain *:not(img) {
	font-size: var(--font-size18);
	color: #2A303B;
	line-height: 1.56vw;
}
.newsDetailMain .detailContent .detailLeft .detailMain img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius:0.65vw;
}
/* 新闻详情 end */

/* 视频列表 start */
.videoListMain .datalist{
	padding-top:2.5vw;
}
.videoListMain .datalist ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 17.1vw 17.1vw 17.1vw 17.1vw;
	-ms-grid-columns: 17.1vw 17.1vw 17.1vw 17.1vw;
	grid-column-gap: 1.4vw;
	grid-row-gap: 1.4vw;
	justify-content: center;
}
.videoListMain .datalist ul li a{
	display:block;
}
.videoListMain .datalist ul li .image{
	overflow: hidden;
	border-radius:0.5vw;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	background: #000;
	text-align: center;
	position:relative;
}
.videoListMain .datalist ul li .image::after {
	content: "";
	position: absolute;
	width: 3vw;
	height: 3vw;
	top: 50%;
	left: 50%;
	background: rgba(0, 0, 0, 0.6) url(../images/play_icon.png) no-repeat center / 3vw;
	z-index: 0;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.videoListMain .datalist ul li .image img{
	width: auto;
	height: 11.32vw;
	max-width: 100%;
	object-fit: cover;
}
.videoListMain .datalist ul li .text{
	font-size: var(--font-size19);
	color: #000000;
	line-height: 1.50vw;
	font-weight: normal;
	margin-top: 1.30vw;
	margin-bottom: 0.625vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.videoListMain .datalist ul li .time{
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: var(--font-size14);
	color: #383838;
}
.videoListMain .datalist ul li .time img{
	height: 0.73vw;
	margin-right: 0.365vw;
}
.videoListMain .datalist ul li:hover .image{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px 0px, rgba(0, 0, 0, 0.3) 0px 2px 15px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px 0px, rgba(0, 0, 0, 0.3) 0px 2px 15px 0px;
}
.videoListMain .datalist ul li:hover .text {
	color: var(--red-color);
}
/* 视频列表 end */

/* 视频详情 start */
.videoDetailMain {
	padding-top: 2.5vw;
	background-color: #fefdfe;
}
.videoDetailMain .detailContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding-bottom:2.5vw;
}
.videoDetailMain .detailContent .detailLeft {
	width: 71.3%;
}

/* 头部内容 */
.videoDetailMain .detailContent .detailLeft .detailTips {
	font-size: var(--font-size16);
	color: #333333;
	margin-bottom: 0.73vw;
}
.videoDetailMain .detailContent .detailLeft .detailTips i {
	display: inline-block;
	color: #ddd;
	margin: 0 0.52vw;
}
.videoDetailMain .detailContent .detailLeft .detailTitle {
	font-size: var(--font-size34);
	color: #3A2D2D;
	line-height: 2.34vw;
	font-weight: bold;
}
/* 分享 */
.videoDetailMain .detailContent .detailLeft .detailShare {
	position: relative;
	margin-top: 1.61vw;
	margin-bottom: 2.13vw;
	height:1vw;
}
.videoDetailMain .detailContent .detailLeft .detailShare a {
	position: relative;
	text-decoration: none;
	margin: 0.228vw;
	display: inline-block;
	outline: none;
}
.videoDetailMain .detailContent .detailLeft .detailShare .share-link img {
	height: 1.98vw;
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 99;
	top: -10.67vw;
	left: -4.375vw;
	width: 10.41vw;
	height: 10vw;
	color: #666;
	font-size: var(--font-size12);
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 .1042vw .5208vw #aaa;
	box-shadow: 0 .1042vw .5208vw #aaa;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms;
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat:hover .wechat-qrcode {
	display: block;
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode h4 {
	font-size:var(--font-size13);
	font-weight: normal;
	height: 1.35vw;
	line-height: 1.35vw;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777;
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode .qrcode {
	margin: 0.45vw auto;
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode .qrcode img{
	width: 5.5vw;
	height:auto;
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode .help p {
	font-weight: normal;
	line-height: 0.83vw;
	padding: 0;
	margin: 0;
	font-family: 微软雅黑;
	font-size: var(--font-size12);
}
.videoDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -0.3125vw;
	bottom: -0.67vw;
	width: 0;
	height: 0;
	border-width: .4167vw .3125vw .3125vw .3125vw;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.videoDetailMain .detailContent .detailLeft .detailShare::after {
	position: absolute;
	top: 50%;
	right: 0vw;
	width: 100%;
	height: 1px;
	background-color: #a4a3a4;
	content: "";
	display: inline-block;
}

/* 正文 */
/*
.videoDetailMain .detailContent .detailLeft .detailMain *:not(img) {
	font-size: 0.94vw;
	color: #2A303B;
	line-height: 1.56vw;
}
.videoDetailMain .detailContent .detailLeft .detailMain img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius:0.65vw;
}
*/
.videoDetailMain .detailContent .detailLeft .detailMain .videoBox {
	height:29.1vw;
}

/* 右边推荐 */
.videoDetailMain .detailContent .detailRight {
	width: 23.7%;
	margin-left: 5%;
}
.videoDetailMain .detailContent .detailRight .hotBox {
	margin-bottom: 2.5vw;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotTitle {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: var(--font-size18);
	color: #000000;
	font-weight: bold;
	margin-bottom: 0.9896vw;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotTitle img {
	width: auto;
	height: 1.05vw;
	margin-right: 0.3vw;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li {
	margin-bottom: 1.04vw;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li a {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	color:#333333;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li .image {
	width: 40%;
	overflow: hidden;
	background:#000000;
	text-align:center;
	border-radius: 0.5vw;
	position:relative;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li .image img {
	width: auto;
	max-width:100%;
	height: 4.68vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li .image::after {
	content: "";
	position: absolute;
	width: 1.8vw;
	height: 1.8vw;
	top: 50%;
	left: 50%;
	background: rgba(0,0,0,0.6) url(../images/play_icon.png) no-repeat center / 1.8vw;
	z-index: 0;
	border-radius:100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li .text {
	width: 54.2%;
	font-size: var(--font-size15);
	line-height: 1.15vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.videoDetailMain .detailContent .detailRight .hotBox .hotMain ul li:hover .text {
	color: var(--red-color);
}
/* 视频详情 end */

/* 案例主页 start */
.caseMain .mapBox{
	background: url(../images/caseMap.png) no-repeat center bottom;
	background-size: 82% auto;
    padding-bottom: 2vw;
}
.caseMain .caseSwiper{
	position:relative;
}
.caseMain .caseSwiper .item{
	width:33.33%;
}
.caseMain .caseSwiper .item .image{
	border-radius:0.75vw;
	overflow:hidden;
}
.caseMain .caseSwiper .item .image img{
	width:100%;
}
.caseMain .caseSwiper .item .textBox{
	border-radius:0.5vw;
	border:1px solid #72C7FF;
	position: relative;
    margin-top: 2vw;
	padding-right: 0.5vw;
}
.caseMain .caseSwiper .item .textBox img{
	position: absolute;
	left: 0.55vw;
	top: -0.85vw;
	width: 2vw;
	z-index: 1;
}
.caseMain .caseSwiper .item .textBox span{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 3.15vw;
	color:#4A4947;
	font-size:var(--font-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:4vw;
	padding-bottom:4vw;
}
.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: 3vw;
	padding-right: 2vw;
}
.caseMain .caseBox1 .row:nth-child(2) .textBox{
	padding-left: 8vw;
}
.caseMain .caseBox1 .row .textBox .caseName{
	font-size: var(--font-size36);
    color: #303233;
	font-weight: bold;
	padding-bottom: 0.75vw;
}
.caseMain .caseBox1 .row .textBox .caseDesc{
	padding-bottom: 0.75vw;
}
.caseMain .caseBox1 .row .textBox .caseDesc p{
	font-size: var(--font-size20);
    color: #303233;
	opacity: 0.8;
	line-height:1.8;
}
.caseMain .caseBox1 .row .textBox .productTitle{
	font-size: var(--font-size36);
    color: #303233;
	font-weight: bold;
	padding-bottom: 0.75vw;
}
.caseMain .caseBox1 .row .textBox .productName p{
	font-size: var(--font-size20);
    color: #303233;
    opacity: 0.8;
	line-height:1.8;
}
.caseMain .moreBox{
	justify-content: flex-start;
	padding-top:1vw;
	padding-bottom:0;
}
.caseMain .caseBox2{
	padding-top: 4vw;
	padding-bottom: 4vw;
}
.caseMain .caseBox2 ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-column-gap: 1.5vw;
	grid-row-gap: 3.5vw;
	justify-content: center;
}
.caseMain .caseBox2 ul li .image img{
	width:100%;
	border-radius:0.75vw;
}
.caseMain .caseBox2 ul li .text{
	border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    font-size: var(--font-size18);
    color: #303030;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 2;
	margin-top: 1vw;
	text-align:center;
}
.caseMain .caseBox3{
	padding-top: 2vw;
    padding-bottom: 2vw;
	background:#F6F6F6;
}
.caseMain .caseBox3 ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 1.5vw;
}
.caseMain .caseBox3 ul li{
	position: relative;
	height:19.5vw;
}
.caseMain .caseBox3 ul li .image{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.caseMain .caseBox3 ul li .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.caseMain .caseBox3 ul li .nameBox{
	width: 100%;
	position: absolute;
	bottom: 0.75vw;
	left: 0;
	z-index: 2;
	background: rgba(255, 255, 255, 0.7);
	padding: 0.45vw 1vw;
	text-align: center;
}
.caseMain .caseBox3 ul li .nameBox .name{
	font-size: var(--font-size14);
	color: #101010;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
/* 案例主页 end */

/* 案例列表 start */
.caseListMain .bannerText{
	position: absolute;
	top: 50%;
	left: 40%;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.caseListMain .bannerText p{
	font-size: var(--font-size40);
	color: #ffffff;
	text-shadow: 3px 3px 10px rgb(0, 0, 0, 1), 3px 3px 10px rgba(128, 128, 128, 1);
}
.caseListMain .listBox{
   background:#f6f6f6;
}
.caseListMain .datalist{
   padding-top:3.5vw;
}
.caseListMain .datalist ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 1.5vw;
	grid-row-gap: 1.5vw;
	justify-content: center;
}
.caseListMain .datalist ul li{
	background: #ffffff;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.caseListMain .datalist ul li a{
	display:block;
}
.caseListMain .datalist ul li .image{
	overflow: hidden;
	/*border: 1px solid #EBE7E7;*/
	/* border-radius:0.75vw; */
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.caseListMain .datalist ul li .image img{
	width: 100%;
	/*height: 16.5vw;*/
}
.caseListMain .datalist ul li:hover{
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 1px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 1px 10px 0px;
	/*border-color: var(--red-color);*/
}
.caseListMain .datalist ul li .textBox{
	padding: 0.75vw 0.75vw;
}
.caseListMain .datalist ul li .textBox .caseName{
	font-size: var(--font-size18);
	color: #303030;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.caseListMain .datalist ul li .textBox .caseDesc{
	font-size: var(--font-size16);
	color: #303030;
	opacity: 0.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 0.5vw 0;
}
.caseListMain .datalist ul li .textBox .productTitle{
	font-size: var(--font-size18);
	color: #e60012;
	border-top:1px solid #eaeaea;
	padding-top:0.5vw;
}
.caseListMain .datalist ul li .textBox .productName p{
	font-size: var(--font-size16);
	color: #303030;
	opacity: 0.8;
	padding-top:0.5vw;
}
/* 案例列表 end */

/* 案例详情 start */
.caseDetail{
	padding-top: 4.5vw;
}
.caseDetail .caseInfo{
	padding-bottom: 1vw;
}
.caseDetail .caseInfo .name{
	font-size: var(--font-size30);
    color: #333333;
    text-align: center;
    padding-bottom: 4vw;
}
.caseDetail .caseInfo .row{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.caseDetail .caseInfo .row .left{
	width: 45%;
	padding-right: 2vw;
}
.caseDetail .caseInfo .row .left .desc{
	
}
.caseDetail .caseInfo .row .left .desc p{
	font-size: var(--font-size16);
    color: #888888;
    line-height: 1.5;
	text-align: justify;
}
.caseDetail .caseInfo .row .left img{
	width: 11vw;
	padding-top:2vw;
	padding-bottom:1vw;
}
.caseDetail .caseInfo .row .right{
	width: 55%;
}
.caseDetail .caseInfo .row .right img{
	width:100%;
}
.caseDetail .productInfo{
	background:#88C3FF;
	padding-top: 4vw;
    padding-bottom: 4vw;
}
.caseDetail .productInfo .row{
	display: flex;
    flex-direction: row;
    align-items: center;
}
.caseDetail .productInfo .row .left{
	width:50%;
}
.caseDetail .productInfo .row .left .productTitle{
	color:#ffffff;
	font-size: var(--font-size40);
	text-shadow: 4px 4px 10px rgba(0, 0, 0, .5);
	padding-bottom: 1vw;
}
.caseDetail .productInfo .row .left .productList{
	padding-bottom: 2vw;
}
.caseDetail .productInfo .row .left .productList p{
	color:#ffffff;
	font-size: var(--font-size18);
}
.caseDetail .productInfo .row .left .application{
	color:#ffffff;
	font-size: var(--font-size16);
	line-height: 1.75;
    font-family: 思源黑体 CN Medium;
}
.caseDetail .productInfo .row .right{
	width:50%;
	display: flex;
    flex-direction: row;
	justify-content: center;
}
.caseDetail .productInfo .row .right .image{
	width: 10vw;
	height: 10vw;
	background: #ffffff;
	border-radius: 100%;
	padding: 1vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left:3vw;
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px, rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px, rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
}
.caseDetail .productInfo .row .right .image:first-child{
	margin-left:5vw;
}
.caseDetail .productInfo .row .right .image img{
	width:100%;
}
.caseDetail .certified{
	background:#F6F6F6;
	margin-top:4.5vw;
	margin-bottom:2.5vw;
	border-radius:0.75vw;
	padding:2vw;
}
.caseDetail .certified .title{
	background:#A9B2BC;
	display: table;
	color: #ffffff;
	line-height: 1.5;
	font-size: var(--font-size24);
	border-radius: 2vw;
	padding: 0 1vw;
}
.caseDetail .certified .note{
	color:#858585;
	line-height: 1.5;
	font-size: var(--font-size14);
	padding-top:1vw;
	padding-bottom:1.5vw;
}
.caseDetail .certified .image{}
.caseDetail .certified .image img{
	width: 100%;
}
/* 案例详情 end */

/* G3系统 start */
.g3SystemMain{}
.g3SystemMain .sketchMap{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	padding-top: 1vw;
	padding-bottom: 2vw;
}
.g3SystemMain .sketchMap img{
	width:100%;
	height:100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	pointer-events: none;
}
.g3SystemMain .sketchBox2{
	background:#F7F8F8;
	padding-top:2vw;
	padding-bottom:2vw;
}
.g3SystemMain .sketchBox3{
	padding-top:3vw;
	padding-bottom:3vw;
}
/* 相关推荐 */
.g3SystemMain .relatedBox{
	background:#87C4FF;
	position:relative;
	padding-top:3vw;
	padding-bottom:5vw;
	margin-top: 4vw;
}
.g3SystemMain .relatedBox .title{
	font-size: var(--font-size30);
	color: #333333;
	text-align: center;
	padding-top: 1vw;
	padding-bottom: 2.5vw;
}
.g3SystemMain .relatedBox .swiper-container .swiper-wrapper .swiper-slide .image img{
	width:100%;
}
.g3SystemMain .relatedBox .swiper-container .swiper-wrapper .swiper-slide .name{
	font-size: var(--font-size16);
	color: #333333;
	text-align: center;
	padding-top: 0.75vw;
}
.g3SystemMain .certified{
	background:#F6F6F6;
	margin-top:2.5vw;
	margin-bottom:2.5vw;
	border-radius:0.75vw;
	padding:2vw;
}
.g3SystemMain .certified .title{
	background:#A9B2BC;
	display: table;
	color: #ffffff;
	line-height: 1.5;
	font-size: var(--font-size24);
	border-radius: 2vw;
	padding: 0 1vw;
}
.g3SystemMain .certified .note{
	color:#858585;
	line-height: 1.5;
	font-size: var(--font-size14);
	padding-top:1vw;
	padding-bottom:1.5vw;
}
.g3SystemMain .certified .image img{
	width: 100%;
}
/* G3系统 end */

/* 工程服务 start */
.gcfwMain{}
.gcfwMain .sketchMap{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-top: 4vw;
	padding-bottom: 4vw;
}
.gcfwMain .sketchMap img{
	width:100%;
	height:100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	pointer-events: none;
}
/* 工程服务 end */

/* 公司简介 start */
.aboutIntroduceMain .infoBox1{
	background: url(../images/aboutusBg_1.jpg) no-repeat center / cover;
	padding-bottom: 8vw;
}
.aboutIntroduceMain .infoBox1 .title{
	font-size: var(--font-size46);
    color: #333333;
    padding: 3vw 0 1.5vw;
    text-align: center;
}
.aboutIntroduceMain .infoBox1 .desc{
	font-size: var(--font-size20);
    color: #333333;
    text-align: center;
	line-height:2;
	padding-bottom: 2vw;
}
.aboutIntroduceMain .infoBox1 .image{
	display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5vw;
}
.aboutIntroduceMain .infoBox1 .image img{
	width: 100%;
}
.aboutIntroduceMain .videoBox{
	position:relative;
}
.aboutIntroduceMain .videoBox .video{
	width: 40vw;
	height: 25vw;
	border: 2px solid #949495;
	position: absolute;
	left: 50%;
	top: -5vw;
	z-index: 9;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
	border-radius: 0.75vw;
    overflow: hidden;
}
.aboutIntroduceMain .videoBox .title{
	font-size: var(--font-size34);
    color: var(--red-color);
    text-align: center;
	padding-top: 21.5vw;
	padding-bottom: 4vw;
}
.aboutIntroduceMain .infoBox2 .title{
	font-size: var(--font-size46);
    color: #333333;
    text-align: center;
}
.aboutIntroduceMain .infoBox2 .desc{
	font-size: var(--font-size20);
    color: #333333;
    text-align: center;
	line-height:2;
	padding-bottom: 3vw;
}
.aboutIntroduceMain .infoBox2 .imgBox{
	display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5vw;
}
.aboutIntroduceMain .infoBox2 .imgBox .item .image img{
	width: 100%;
}
.aboutIntroduceMain .infoBox2 .imgBox .item .text{
	font-size: var(--font-size20);
    color: #333333;
	font-weight:bold;
	text-align:center;
	padding-top: 2vw;
	padding-bottom: 2vw;
}
/* 公司简介 end */

/* 联系我们 start */
.contactMain{}
.contactMain .mapBox{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-radius:0.75vw;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px, rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px, rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;
	margin-top:3vw;
	padding:2.5vw 2.5vw;
}
.contactMain .mapBox .image{
	width: 28.5vw;
}
.contactMain .mapBox .image img{
	width:100%;
}
.contactMain .mapBox .rightText{
	width:34vw;
}
.contactMain .mapBox .rightText .name{
	font-size:var(--font-size30);
	padding-bottom: 1vw;
	color:var(--red-color);
}
.contactMain .mapBox .rightText ul{}
.contactMain .mapBox .rightText ul li{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding-bottom: 0.75vw;
}
.contactMain .mapBox .rightText ul li img{
	width: 1.5vw;
}
.contactMain .mapBox .rightText ul li span{
	padding-left: 0.35vw;
	font-size:var(--font-size18);
	color:#555555;
}
.contactMain .textBox{
	padding-top:5vw;
	padding-bottom:5vw;
}
.contactMain .textBox .title{
	color:var(--red-color);
	font-size:var(--font-size22);
	font-weight:bold;
	padding-bottom: 2vw;
}
.contactMain .textBox ul{
	display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 1.5vw;
	grid-row-gap: 2vw;
}
.contactMain .textBox ul li{}
.contactMain .textBox ul li .name{
	display:table;
	color:#2a92ff;
	font-size:var(--font-size22);
	font-weight:bold;
	border:1px solid #cdcdcd;
	border-radius:2vw;
	padding: 0.4vw 2vw;
	background:#ffffff;
}
.contactMain .textBox ul li .row{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 0.75vw;
}
.contactMain .textBox ul li .row img{
	width: 1.5vw;
}
.contactMain .textBox ul li .row .text{
	padding-left:0.35vw;
}
.contactMain .textBox ul li .row .text b{
    font-size: var(--font-size18);
    color: #333333;
}
.contactMain .textBox ul li .row .text span{
	padding-left: 0.35vw;
    font-size: var(--font-size18);
    color: #555555;
}

/* 联系我们 end */

/* 发送邮件 start */
.sendEmailMain{}
/* 发送邮件 end */