@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_1400{
	margin: 0 auto;
    width: 72.916vw;
}

.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 */
.headerBg{
    position: relative;
	z-index: 3;
	box-shadow: 0vw 1px 1.5vw rgba(0, 0, 0, 0.1);
}
.headerBg .logoBox{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	width: 46vw;
    margin: 0 auto;
	padding-top: 1vw;
    padding-bottom: 1vw;
}
.headerBg .logoBox .logo{}
.headerBg .logoBox .logo img{
	width:12vw;
}
.headerBg .logoBox .fiftyYears{
	display: flex;
    flex-direction: row;
    align-items: center;
}
.headerBg .logoBox .fiftyYears div{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.headerBg .logoBox .fiftyYears div span{
	color:rgb(65,65,65);
	font-size: var(--font-size12);
	padding-right:0.5vw;
}
.headerBg .logoBox .fiftyYears div a{
	color:rgb(65,65,65);
	font-size: var(--font-size16);
	background:url(../images/language.png) no-repeat left center;
	background-size:1vw auto;
	margin-top: 0.75vw;
	width:1vw;
	height:1vw;
}
.headerBg .logoBox .fiftyYears img{
	width: 5.5vw;
}
.header{
	/* background:rgb(191, 30, 46); */
	background:var(--red-color);
	/* background:rgb(191, 30, 46); */
}
/*
.header .logo{
	width:12vw;
}
.header .logo img{
	width:100%;
}
*/
.header .navBox{
	width: 46vw;
    margin: 0 auto;
}
.header .navBox .navList{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.header .navBox .navList .list{
	margin-left:1.25vw;
	position: relative;
}
.header .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:4.5vw; */
	line-height: 2.5vw;
	font-size: var(--font-size16);
	position: relative;
	color: #ffffff;
	font-weight: 400;
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
}
.header .navBox .navList .list h3 a.arrow{
	background:url(../images/arrow_white.png) no-repeat right center;
	background-size:0.7vw auto;
	padding-right:1.1vw;
}
.header .navBox .navList .list:hover h3 a{
	color: rgb(168,168,167);
}
.header .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;
}
/*
.header .navBox .navList .list:hover h3 a:after{
	width:100%;
}
*/
.header .navBox .navList .list .subNavMain{
	position: absolute;
	min-width: 100%;
	left: -2.08vw;
	/*
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	*/
	overflow: hidden;
	max-height: 0vw;
	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;
}
.header .navBox .navList .list:last-child .subNavMain{
	left: auto;
	right: -4vw;
}
.header .navBox .navList .list:hover .subNavMain{
	max-height: 52vw;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.header .navBox .navList .list .subNavMain .subNavBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background:var(--red-color);
	/* background:rgb(191, 30, 46); */
	white-space: nowrap;
	border-radius: 0vw 0vw 0.52vw 0.52vw;
	overflow: hidden;
}
.header .navBox .navList .list .subNavMain .subNavBox .subNav{
	/* min-width: 13.55vw; */
	padding: 1vw 0vw;
}
.header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList{
	position: relative;
}
.header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a{
	display: block;
	background: none;
	border: none;
	line-height: 2.08vw;
	font-size: var(--font-size16);
	padding: 0vw 2.08vw;
	position: relative;
	/* font-family: 微软雅黑; */
	color: #ffffff;
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
}
.header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover{
	color: rgb(168,168,167);
}
/*
.header .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;
}
*/
/* 头部 end */

/* 底部 start */
.footer{
	border-top: 1px solid rgba(224, 217, 199, 0.5);
	background:#303843;
}
.footer .box{
	
}
.footer .box .columns{
	/* width: 60vw; */
    /* margin: 0 auto; */
	padding-top:3vw;
	padding-bottom:2.5vw;
}
.footer .box .columns ul{
	display: flex;
	justify-content: space-between;
}
.footer .box .columns ul li a{
	font-size: var(--font-size14);
    color: #cccccc;
    line-height: 2.26;
    display: block;
}
.footer .box .columns ul li a:hover{
	color: var(--red-color);
}
.footer .box .columns ul li a:nth-child(1){
	font-size: var(--font-size16);
	font-weight: normal;
	color: #ffffff;
	line-height: 1;
	margin: 0 0 1.041vw 0;
}
.footer .box .columns ul li.last{
	max-width:14vw;
}
.footer .box .columns ul li.last a:nth-child(1){
	margin-bottom:0.5vw;
}
.footer .box .columns ul li.last a:nth-child(1) img{
	width:1.25vw;
}
.footer .box .columns ul li.last a:nth-child(2), .footer .box .columns ul li.last a:nth-child(3), .footer .box .columns ul li.last a:nth-child(4){
	color: #ffffff;
	font-size: var(--font-size17);
	line-height: 1.7;
	/* letter-spacing: var(--letter-spacing1); */
}
.footer .box .columns ul li.last a:nth-child(5), .footer .box .columns ul li.last a:nth-child(6){
	display: flex;
    flex-direction: row;
	align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
	padding-top: 0.55vw;
}
.footer .box .columns ul li.last a:nth-child(5) img, .footer .box .columns ul li.last a:nth-child(6) img{
	width: 0.65vw;
	padding-top: 0.2vw;
}
.footer .box .columns ul li.last a:nth-child(5) span, .footer .box .columns ul li.last a:nth-child(6) span{
	color:#ffffff;
	padding-left:0.45vw;
	line-height: 1.5;
    font-size: var(--font-size12);
}
.footer .box .copyright{
    padding: 1.2vw 0 1.2vw 0;
    display: flex;
	justify-content: center;
    font-size: var(--font-size13);
    color: #a6abb2;
    border-top: 1px solid #565A60;
}
.footer .box .copyright a{
	margin: 0 1.302vw 0 0;
    color: #282828;
}
/* 底部 end */

/* 首页 start */
.homeMain{}
.homeMain .head_line{
	padding: 4.15vw 0 2.5vw;
}
.homeMain .head_line .title{
	position: relative;
	text-align: center;
}
.homeMain .head_line .title .text{
	font-size: var(--font-size56);
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.homeMain .viewMore{
	border: 1px solid #1e1e1e;
	padding: 0.7vw 1.5vw;
	border-radius: 5vw;
	color:#030303;
	font-size:var(--font-size14);
	font-weight: normal;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homeMain .viewMore span{
	margin-left: 1.5vw;
	border: 1px solid #1e1e1e;
	border-radius: 100%;
	width: 1.5vw;
	height: 1.5vw;
	line-height: 1.45vw;
	font-size: var(--font-size16);
	text-align: center;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homeMain .viewMore:hover{
	border-color:#FF4A4F;
	background:#FF4A4F;
	color:#ffffff;
}
.homeMain .viewMore:hover span{
	border-color:#ffffff;
	background:#ffffff;
	color:#FF4A4F;
}
.homeMain .head_line .title .viewMore{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.homeMain .banner img{
	width:100%;
}
.homeMain .achievement{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding-top: 5vw;
    padding-bottom: 5vw;
}
.homeMain .achievement .item{
	text-align:center;
}
.homeMain .achievement .item .numItem .num{
	font-size: 3vw;
    font-family: impact;
	color:#000000;
}
.homeMain .achievement .item .numItem .unit{
	font-size:1vw;
    font-family: 思源黑体;
    color: #000000;
    font-weight: bold;
}
.homeMain .achievement .item .text{
	font-size: var(--font-size23);
	color:#333333;
}
.homeMain .product{
	background:#F7F7F7;
}
.homeMain .dl{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 31.5% 31.5% 31.5%;
	grid-template-columns: 31.5% 31.5% 31.5%;
	grid-column-gap: 2.75%;
	padding-bottom:2.5vw;
}
.homeMain .dl dd{}
.homeMain .dl dd a{}
.homeMain .dl dd .title{
	font-size: var(--font-size26);
	color:#000000;
	/* font-weight: bold; */
	margin-bottom: 1vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.homeMain .dl dd .desc{
	font-size: var(--font-size16);
	color:#808080;
	margin-bottom: 2vw;
}
.homeMain .dl dd .image{
	border-radius: 1.35vw;
	overflow: hidden;
}
.homeMain .dl dd .image img{
	width:100%;
}
.homeMain .project{
	background:#263A55;
}
.homeMain .project .head_line .title .text, .homeMain .project .dl dd .title, .homeMain .project .dl dd .desc{
	color:#ffffff;
}
.homeMain .project .dl{
	padding-bottom:4.5vw;
}
.homeMain .project .dl dd .title{
	margin-top:1vw;
}
.homeMain .project .dl dd .desc{
	margin-bottom:0;
	text-align: justify;
}
.homeMain .project .viewMore{
	border-color: #ffffff;
    color: #ffffff;
}
.homeMain .project .viewMore span{
	border-color: #ffffff;
}
.homeMain .project .viewMore:hover{
	border-color:#FF4A4F;
	background:#FF4A4F;
	color:#ffffff;
}
.homeMain .project .viewMore:hover span{
	border-color:#ffffff;
	background:#ffffff;
	color:#FF4A4F;
}
.homeMain .service{
	background: url(../images/maintenance_service.jpg) no-repeat center / cover;
}
.homeMain .service .serviceBox{
	display: flex;
    flex-direction: row;
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
    justify-content: flex-end;
}
.homeMain .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;
}
.homeMain .service .serviceBox .text .title{
	font-size: var(--font-size50);
	font-weight: bold;
}
.homeMain .service .serviceBox .text .desc{
	font-size: var(--font-size16);
	padding-top:1vw;
	padding-bottom:3vw;
	text-align:justify;
}
.homeMain .service .serviceBox .text .moreBox{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.homeMain .service .viewMore{
	border-color: #ffffff;
    color: #ffffff;
}
.homeMain .service .viewMore span{
	border-color: #ffffff;
}
.homeMain .service .viewMore:hover{
	border-color:#FF4A4F;
	background:#FF4A4F;
	color:#ffffff;
}
.homeMain .service .viewMore:hover span{
	border-color:#ffffff;
	background:#ffffff;
	color:#FF4A4F;
}
.homeMain .news{
	padding-bottom:2.5vw;
}
.homeMain .news .dl{
	-ms-grid-columns: 48% 48%;
    grid-template-columns: 48% 48%;
	grid-column-gap: 4%;
	padding-bottom:0;
}
.homeMain .news .dl dd .title{
	font-size: var(--font-size16);
	margin-top:1vw;
}
.homeMain .news .dl dd .desc{
	margin-bottom:0;
}
.homeMain .news .auto_1400{
	position:relative;
}
.homeMain .news .moreBox{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.homeMain .brands{
	background:#F7F7F7;
	padding-bottom:4.15vw;
}
.homeMain .brands .image{}
.homeMain .brands .image img{
	max-width:100%;
}
/* 首页 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 .topmenu{
	padding-top:3vw;
	display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
}
.productListMain .topmenu a{
	color:#333333;
}
.productListMain .topmenu a:first-child{
	padding: 0.75vw 1.5vw;
	background: var(--red-color);
	color:#ffffff;
	border-radius:2vw;
	margin-right:1vw;
}
.productListMain .mainBox{
	padding-top:2vw;
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}
.productListMain .typelist{
	width: 13vw;
	display: flex;
    flex-direction: column;
}
.productListMain .typelist a{
	padding: 0.75vw 1vw;
	background: #ffffff;
	margin-bottom: 0.75vw;
	color: #333333;
	border-radius: 0.5vw;
}
.productListMain .typelist a.cur, .productListMain .typelist a:hover{
	background: var(--red-color);
	color: #ffffff;
}
.productListMain .datalist{
	width: 59vw;
}
.productListMain .datalist ul{
	display: grid;
	display: -ms-grid;
    grid-template-columns: 13.7vw 13.7vw 13.7vw 13.7vw;
	-ms-grid-columns: 13.7vw 13.7vw 13.7vw 13.7vw;
    grid-column-gap: 1.4vw;
    grid-row-gap: 1.4vw;
    justify-content: center;
}
.productListMain .datalist ul li{
	background:#ffffff;
	position:relative;
	border-radius: 1vw;
	padding-bottom:1vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
}
.productListMain .datalist ul li a{}
.productListMain .datalist ul li .image{
	overflow: hidden;
}
.productListMain .datalist ul li .image img{
	width:100%;
}
.productListMain .datalist ul li .text{
	padding:0 1vw;
	font-size: var(--font-size19);
    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: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.productListMain .datalist ul li:hover {
	-webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%), 0 0px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 12%), 0 0px 10px 0 rgb(0 0 0 / 12%);
}
.productListMain .datalist ul li:hover .text {
    color: var(--red-color);
}
/* 产品列表 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;
}
.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(1){
	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:#f5f5f5;
}
.productDetail .relatedBox .title{
	font-size: var(--font-size30);
	color: #333333;
	text-align: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.productDetail .relatedBox .list{
	padding-bottom:2vw;
}
.productDetail .relatedBox .list ul{
	display: grid;
    display: -ms-grid;
    grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
    -ms-grid-columns: 24.25% 24.25% 24.25% 24.25%;
    grid-column-gap: 1%;
    justify-content: center;
}
.productDetail .relatedBox .list ul li .image{
	border-radius:0.5vw;
	overflow:hidden;
}
.productDetail .relatedBox .list ul li .text{
	font-size: var(--font-size16);
	color: #444444;
	text-align: center;
    padding-top: 0.75vw;;
}

/* 弹出层 */
.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 .datalist{
   padding-top:2.5vw;
}
.newsListMain .datalist ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 22vw 22vw 22vw;
	-ms-grid-columns: 22vw 22vw 22vw;
	grid-column-gap: 1.5vw;
	grid-row-gap: 1.5vw;
	justify-content: center;
}
.newsListMain .datalist ul li{
	
}
.newsListMain .datalist ul li a{
	display:block;
}
.newsListMain .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;
}
.newsListMain .datalist ul li .image img{
	width: 100%;
	/*height: 16.5vw;*/
}
.newsListMain .datalist ul li .text{
	font-size: var(--font-size19);
	color: #303233;
	line-height: 1.50vw;
	font-weight: normal;
	margin-top: 0.75vw;
	margin-bottom: 0.75vw;
	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;
}
.newsListMain .datalist ul li .time{
	padding-top: 0.75vw;
	font-size: var(--font-size14);
	color: #333333;
}
.newsListMain .datalist ul li .note{
	font-size: var(--font-size19);
	color: #666666;
	line-height: 1.50vw;
	font-weight: normal;
	margin-bottom: 0.75vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.newsListMain .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;
	/*border-color: var(--red-color);*/
}
.newsListMain .datalist ul li:hover .text {
    color: var(--red-color);
}
/* 新闻列表 end */

/* 新闻详情 start */
.newsDetailMain {
	/* padding-top: 4.15vw; */
	padding-top: 2.5vw;
	/* padding-bottom: 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 .detailTips {
	font-size: var(--font-size16);
	color: #333333;
	margin-bottom: 0.73vw;
}
.newsDetailMain .detailContent .detailLeft .detailTips i {
	display: inline-block;
	color: #ddd;
	margin: 0 0.52vw;
}
.newsDetailMain .detailContent .detailLeft .detailTitle {
	font-size: var(--font-size34);
	color: #3A2D2D;
	line-height: 2.34vw;
	font-weight: bold;
}
/* 分享 */
.newsDetailMain .detailContent .detailLeft .detailShare {
	position: relative;
	margin-top: 1.61vw;
    margin-bottom: 2.13vw;
	height:1vw;
}
.newsDetailMain .detailContent .detailLeft .detailShare a {
	position: relative;
	text-decoration: none;
	margin: 0.228vw;
	display: inline-block;
	outline: none;
}
.newsDetailMain .detailContent .detailLeft .detailShare .share-link img {
	height: 1.98vw;
}
.newsDetailMain .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;
}
.newsDetailMain .detailContent .detailLeft .detailShare .icon-wechat:hover .wechat-qrcode {
	display: block;
}
.newsDetailMain .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;
}
.newsDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode .qrcode {
	margin: 0.45vw auto;
}
.newsDetailMain .detailContent .detailLeft .detailShare .icon-wechat .wechat-qrcode .qrcode img{
	width: 5.5vw;
	height:auto;
}
.newsDetailMain .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);
}
.newsDetailMain .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;
}
.newsDetailMain .detailContent .detailLeft .detailShare::after {
	position: absolute;
	top: 50%;
	right: 0vw;
	width: 100%;
	height: 1px;
	background-color: #a4a3a4;
	content: "";
	display: inline-block;
}

/* 正文 */
.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 */
.caseListMain .datalist{
   padding-top:2.5vw;
}
.caseListMain .datalist ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 22vw 22vw 22vw;
	-ms-grid-columns: 22vw 22vw 22vw;
	grid-column-gap: 1.5vw;
	grid-row-gap: 1.5vw;
	justify-content: center;
}
.caseListMain .datalist ul li{
	
}
.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 .text{
	font-size: var(--font-size19);
	color: #303233;
	line-height: 1.50vw;
	font-weight: normal;
	margin-top: 0.75vw;
	margin-bottom: 0.75vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align:center;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.caseListMain .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;
	/*border-color: var(--red-color);*/
}
.caseListMain .datalist ul li:hover .text {
    color: var(--red-color);
}
/* 案例列表 end */

/* 案例详情 start */
.caseDetail{
	padding-top:2vw;
}
.caseDetail .titleName{
	font-size: var(--font-size34);
	color: #333333;
	text-align: center;
    padding-bottom: 1.5vw;
}
.caseDetail .descBox{
	display:flex;
	justify-content: center;
}
.caseDetail .descBox .leftImg{
	width:28vw;
}
.caseDetail .descBox .leftImg .gallery-top {
	width: 100%;
	height: auto;
	border: 1px solid #EBEBEB;
	border-radius: 15px;
}
.caseDetail .descBox .leftImg .gallery-top .swiper-slide img {
	width: 100%;
	height:100%;
}
.caseDetail .descBox .leftImg .gallery-thumbs {
	padding-top: 15px;
}
.caseDetail .descBox .leftImg .gallery-thumbs .swiper-wrapper {
	justify-content: center;
}
.caseDetail .descBox .leftImg .gallery-thumbs .small_img {
	width: 5.2vw !important;
	cursor: pointer;
	height: 3.45vw;
	margin-right: 0.5vw;
}
.caseDetail .descBox .leftImg .gallery-thumbs .small_img:last-child {
	margin-right: 0;
}
.caseDetail .descBox .leftImg .gallery-thumbs .small_img img {
	/* border: 1px solid #EBEBEB; */
	border-radius: 10px;
	object-fit: cover;
}
.caseDetail .descBox .rightText{
	padding-left:3.5vw;
	width: 44.5vw;
}
.caseDetail .descBox .rightText .descText .title{
	padding-bottom: 0.5vw;
	font-size: var(--font-size28);
	color: #444444;
}
.caseDetail .descBox .rightText .descText .text p{
	font-size: var(--font-size16);
	color: #888888;
	line-height: 1.5;
	padding-bottom: 1vw;
}
.caseDetail .descBox .rightText .productList{
	border-top: 1px solid #EBEBEB;
}
.caseDetail .descBox .rightText .productList .title{
	font-size: var(--font-size28);
	color: #444444;
	padding-top: 0.75vw;
	padding-bottom: 0.5vw;
}
.caseDetail .descBox .rightText .productList .text p{
	font-size: var(--font-size16);
	color: #888888;
	line-height: 1.5;
}
.caseDetail .relatedBox{
	background:#f5f5f5;
}
.caseDetail .relatedBox .title{
	font-size: var(--font-size30);
	color: #333333;
	text-align: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.caseDetail .relatedBox .list{
	padding-bottom:2vw;
}
.caseDetail .relatedBox .list ul{
	display: grid;
    display: -ms-grid;
    grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
    -ms-grid-columns: 24.25% 24.25% 24.25% 24.25%;
    grid-column-gap: 1%;
    justify-content: center;
}
.caseDetail .relatedBox .list ul li .image{
	border-radius:0.5vw;
	overflow:hidden;
}
.caseDetail .relatedBox .list ul li .text{
	font-size: var(--font-size16);
	color: #444444;
	text-align: center;
    padding-top: 0.75vw;;
}
/* 案例详情 end */

/* 工程服务 start */
.gcfwMain{}
.gcfwMain .sketchMap{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
	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 .title {
	font-size: var(--font-size46);
	color: #444444;
	padding: 3vw 0 1.5vw;
	text-align:center;
}
.aboutIntroduceMain .jianjie {
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
}
.aboutIntroduceMain .slide {
	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;
	align-items: center;
	padding: 3vw 0vw;
	position: relative;
}
.aboutIntroduceMain .slide:nth-child(odd) {
	flex-direction: row-reverse;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.aboutIntroduceMain .slide:nth-child(even) {
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
}
.aboutIntroduceMain .slide .image {
	width: 50%;
	position: relative;
	z-index: 9;
}
.aboutIntroduceMain .slide .image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.aboutIntroduceMain .slide .text {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 50%;
}
.aboutIntroduceMain .slide:nth-child(odd) .text {
	padding-right: 4.9vw;
}
.aboutIntroduceMain .slide:nth-child(even) .text {
	padding-left: 4.9vw;
}
.aboutIntroduceMain .slide .text h1 {
	color: #333333;
	font-size: var(--font-size40);
	font-weight: normal;
}
.aboutIntroduceMain .slide .text h1:nth-child(1){
	color: var(--red-color);
}
.aboutIntroduceMain .slide .text h1:nth-child(2){
	margin-bottom: 0.83vw;
}
.aboutIntroduceMain .slide .text p {
	font-size: var(--font-size18);
	color: rgba(0, 0, 0, 0.7);
	line-height: 1.56;
	text-align: justify;
}
.aboutIntroduceMain .sceneBox{
	padding-bottom:2.5vw;
}
.aboutIntroduceMain .sceneBox ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 23vw 23vw 23vw;
	-ms-grid-columns: 23vw 23vw 23vw;
	grid-column-gap: 1.4vw;
	grid-row-gap: 1.4vw;
	justify-content: center;
}
.aboutIntroduceMain .sceneBox ul li{}
.aboutIntroduceMain .sceneBox ul li .image{
	overflow: hidden;
	border: 1px solid #EBE7E7;
	border-radius: 0.75vw;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.aboutIntroduceMain .sceneBox ul li .image img{
	width: 100%;
	height: auto;
}
/* 公司简介 end */

/* 联系我们 start */
.contactMain{}
.contactMain .box{
	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{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.contactMain .mapBox .image{
	width: 31.5vw;
}
.contactMain .mapBox .image img{
	width:100%;
}
.contactMain .mapBox .rightText{
	width:34vw;
}
.contactMain .mapBox .rightText .name{
	font-size:var(--font-size30);
	padding-bottom: 1vw;
}
.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.25vw;
}
.contactMain .mapBox .rightText ul li span{
	padding-left: 0.35vw;
	font-size:var(--font-size16);
	color:#555555;
}
.contactMain .textBox{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.contactMain .textBox .name{
	width: 13vw;
	font-size:var(--font-size30);
	text-align: center;
}
.contactMain .textBox .list{
	display: flex;
    flex-direction: row;
    width: 54.5vw;
    justify-content: space-between;
}
.contactMain .textBox .list ul{
	width: 49%;
}
.contactMain .textBox .list ul li{}
.contactMain .textBox .list ul li:not(:last-child){
	padding-bottom: 1.5vw;
}
.contactMain .textBox .list ul li p{
	font-size:var(--font-size16);
	color:#555555;
}
.contactMain .messageBox{
	width: 30vw;
    margin: 2.5vw auto;
}
.contactMain .sendMessage{
	background:#EC3237;
	border-radius:0.85vw;
	padding: 1vw 4vw;
}
.contactMain .sendMessage .title{
	color: #ffffff;
    font-size: var(--font-size30);
    text-align: center;
    padding-bottom: 0.5vw;
}
.contactMain .sendMessage .codeBox{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.contactMain .sendMessage .input input, .contactMain .sendMessage .input textarea{
	background: #ffffff;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 0.75vw;
    padding: 0.5vw 0.5vw;
    border-radius: 0.5vw;
	resize: none;
}
.contactMain .sendMessage .codeBox input{
	width: 15.35vw;
}
.contactMain .sendMessage .codeBox img{
	cursor: pointer;
    width: 6vw;
    height: 2.05vw;
}
.contactMain .sendMessage .btn{}
.contactMain .sendMessage .btn a{
	background: #FFBB28;
    display: block;
    padding: 0.5vw 0;
    text-align: center;
    border-radius: 0.5vw;
    color: #EC3237;
    font-size: var(--font-size18);
}
/* 联系我们 end */

/* 发送邮件 start */
.sendEmailMain .outBox{
	width: 52vw;
    margin: 2.5vw auto;
	background:#F9F9F9;
	border-radius:0.85vw;
	padding: 2.5vw 0;
}
.sendEmailMain .textBox{
	padding: 0 5vw;
}
.sendEmailMain .textBox .name{
	color: #333333;
    font-size: var(--font-size36);
    text-align: center;
    padding-bottom: 0.5vw;
}
.sendEmailMain .textBox .note{}
.sendEmailMain .textBox .note p{
	font-size: var(--font-size18);
    color: #555555;
	padding-bottom: 1.5vw;
    line-height: 1.6;
	text-align: justify;
}
.sendEmailMain .messageBox{
	padding: 0 10vw;
}
.sendEmailMain .sendMessage{
	background:#EC3237;
	border-radius:0.85vw;
	padding: 1vw 4vw;
}
.sendEmailMain .sendMessage .title{
	color: #ffffff;
    font-size: var(--font-size30);
    text-align: center;
    padding-bottom: 0.5vw;
}
.sendEmailMain .sendMessage .codeBox{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sendEmailMain .sendMessage .input input, .sendEmailMain .sendMessage .input textarea{
	background: #ffffff;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 0.75vw;
    padding: 0.5vw 0.5vw;
    border-radius: 0.5vw;
	resize: none;
}
.sendEmailMain .sendMessage .codeBox input{
	width: 17.35vw;
}
.sendEmailMain .sendMessage .codeBox img{
	cursor: pointer;
    width: 6vw;
    height: 2.05vw;
}
.sendEmailMain .sendMessage .btn{}
.sendEmailMain .sendMessage .btn a{
	background: #FFBB28;
    display: block;
    padding: 0.5vw 0;
    text-align: center;
    border-radius: 0.5vw;
    color: #EC3237;
    font-size: var(--font-size18);
}
/* 发送邮件 end */