.relative{ position:relative;}

/* 导航下拉 */
#header{ position: relative; z-index:10;}
#navi li{position:relative; -webkit-perspective:500px;}
#navi li .Main_nav{ position:absolute; top:100%; left:-200%; z-index:99; padding-top:0;}
#navi li .Main_navCon{width: 370px; padding: 6px 20px; background: #e62129;}
#navi li .Main_nav .Main_list{float: left; width:40%; padding:3% 3% 3% 0;  border-right: 1px solid #ec595f;}
#navi li .Main_nav .Main_list dl dd{padding:2% 0 2% 25px; margin-top: 5px;  border-bottom: 1px solid #e62129; text-align: left;}
#navi li .Main_nav .Main_list dl dd:hover{background: url(../images/nav_arrow.png) 13px 50% no-repeat; border-bottom: 1px solid #ef6d72; }
#navi li .Main_nav .Main_list dl dd a{color: #fff; font-size: 14px;}
#navi li .Main_nav .pic{width:60%; height: 100%; padding: 5% 0; padding-left: 5%; float: right; color: #fff;}
#navi li .Main_nav .pic img{width: 100%; display: block;}
#navi li .Main_nav{
	-webkit-perspective:500px;
	perspective: 500px;
	transform:rotate3d(1,0,0,-85deg);
	-webkit-transform:rotate3d(1,0,0,-85deg);
	-moz-transform:rotate3d(1,0,0,-85deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity:0;
	-moz-opacity:0;
	opacity:0;
	transition:transform 0.5s, opacity 0.3s;
	-webkit-transition:transform 0.5s, opacity 0.3s;
	-moz-transition:transform 0.5s, opacity 0.3s;
	display:block;
	width:410px;
}
#navi li:hover{ z-index:5;}
#navi li:hover>a{ color:#ef1500;}
#navi li:hover>.Main_nav{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}

#navi .Main_nav .Main_navCon .tab-ul{ text-align: left;}
#navi .Main_nav .Main_navCon .tab-ul span {display: inline-block;font-size: 15px;line-height: 32px;margin-right: 1vw;color: #fff;cursor: pointer; text-align: left;}
#navi .Main_nav .Main_navCon .tab-ul span.on {font-weight: bold;}

@media only screen and (max-width:1024px) {
#navi li .Main_nav{ width:100%; display:none; position:relative; top:auto; left:0; transform:rotate3d(1,0,0,0deg); opacity:1;}
#navi li .Main_nav .pic{ display:none;}
#navi li .Main_navCon{ width:100%;}
#navi li .Main_nav .Main_list{ border-right:none; width:100%;}
#navi li .Main_nav .Main_list dl dd{ padding:0 0 0 25px; margin:0;background: url(../images/nav_arrow.png) 13px 50% no-repeat;}
}

/* flex 布局 */
.d-flex{ display:-webkit-flex; display:flex;}
.j-end{justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}


/* 智能场站 */
.zncz-shell{ padding:4.6875em 0;}
.zncz-one .PicTxt-box{ width:100%;}
.zncz-one .PicTxt-box .text{ position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff; transform:translateY(-50%); z-index:5; font-size:2.8125em; line-height:1.5; font-weight:500;}
.zncz-one .PicTxt-box .pic img{ width:100%;}
.zncz-one .list-icon{ margin-top:1.875em;}
.zncz-one .list-icon ul li{ text-align:center; background:#f0f0f0; width:calc((100% / 4) - 1.42em); margin-right:1.875em;margin-bottom:1.875em; padding:1.875em 1em;}
.zncz-one .list-icon ul li:nth-child(4n){ margin-right:0;}
.zncz-one .list-icon ul li .name{ font-weight:500; margin:.7em 0 .37em; font-size:1.6875em;}
.zncz-one .list-icon ul li .con{ font-size:1.125em; color:#4d4d4d;}
.zncz-one .list-icon ul li .icon .center{ padding:.625em; width:8.75em; height:8.75em; background:rgba(239,21,0,.2); border-radius:50%;}
.zncz-one .list-icon ul li .icon .center span{ background:#ef1500; width:100%; height:100%; display:-webkit-flex; display:flex; justify-content:center; align-items:center; border-radius:50%;}
.zncz-one .list-icon ul li .icon .center img{ max-width:3.75em; max-height:100%;}
.zncz-one .olw_list{margin-top:1.875em;}
.zncz-one .olw_list .iwuo{ width:38%; text-align:center; padding:2.5em 1.5625em; background:#f0f0f0;}
.zncz-one .olw_list .iwuo .tit{ font-weight:500; margin-bottom:1.875em; font-size:1.375em;}
.zncz-one .olw_list .iwuo:nth-child(2n){ width:60%;}
.zncz-two .intro-box{ margin-top:5.3125em; text-align:center;}
.zncz-two .intro-box .tit{ font-weight:500; line-height:1.5; font-size:2.25em;}
.zncz-two .intro-box .des{ margin-top:1.2em; color:#4d4d4d; font-size:1.125em;}
.zncz-two .pic_iwo{ margin-top:3.125em; background:#272727; padding:2em 1.875em;}
.zncz-two .pic_iwo .pic{ width:46.875%;}
.zncz-two .pic_iwo .pic img{ width:100%;}
.zncz-two .pic_iwo .icon{ width:1.875em;}
.zncz-three{ margin-top:9.375em;}
.zncz-three .item{ margin-bottom:7.5em;}
.zncz-three .item .ole-des{ background:#f0f0f0;}
.zncz-three .item .ole-des .pic{ width:60%;}
.zncz-three .item .ole-des .pic img{ width:100%;}
.zncz-three .item .ole-des .txt{ direction:ltr; width:40%; padding:4.375em 2.25em;}
.zncz-three .item .ole-des .txt .tit{ font-weight:500; font-size:2em;}
.zncz-three .item .ole-des .txt .des{ color:#4d4d4d; margin-top:2.1875em; font-size:1.125em;}
.zncz-three .item:nth-child(2n) .ole-des{ direction:rtl;}
.zncz-three .list-icon{ margin-top:1.875em;}
.zncz-three .list-icon ul li{ text-align:center; background:#f0f0f0; width:calc((100% / 4) - 1.42em); margin-right:1.875em; margin-bottom:1.875em; padding:1.875em 1em;}
.zncz-three .list-icon ul li:nth-child(4n){ margin-right:0;}
.zncz-three .list-icon ul li .name{ font-weight:500; margin:.7em 0 .37em; font-size:1.6875em;}
.zncz-three .list-icon ul li .con{ font-size:1.125em; color:#4d4d4d;}
.zncz-three .list-icon ul li .icon .center{ width:5.625em; height:5.625em;}
.zncz-three .list-icon ul li .icon .center span{ padding:1.25em; background:#ef1500; width:100%; height:100%; display:-webkit-flex; display:flex; justify-content:center; align-items:center; border-radius:50%;}
.zncz-three .list-icon ul li .icon .center img{ max-width:2.8125em; max-height:100%;}
.zncz-three .both-ends .pic-io{ width:49%; margin-bottom:1.875em;}
.zncz-three .both-ends .pic-io img{ width:100%;}
.zncz-three .both-ends .txt{ position:absolute; left:0; bottom:1.875em; width:100%;}
.zncz-three .both-ends .txt span{ font-weight: 500; background:#272727; color:#fff; font-size:1.125em; padding:0 1em; border-radius:.3em; }

@media only screen and (max-width:1280px) {
.zncz-one .PicTxt-box .text{ font-size:2em;}
.zncz-one .list-icon ul li{ width:24%; margin-right:1.3%; margin-bottom:1.33em;}
.zncz-one .list-icon ul li .name{ font-size:1.35em;}
.zncz-one .list-icon ul li .con{ font-size:1.125em;}
.zncz-one .list-icon ul li .icon .center{ width:7em; height:7em;}
.zncz-one .list-icon ul li .icon .center img{ max-width:2.5em;}
.zncz-three{ margin-top:6em;}
.zncz-three .item{ margin-bottom:6em;}
.zncz-three .item .ole-des .txt{ padding:2.5em 1.5em;}
.zncz-three .item .ole-des .txt .tit{ font-size:1.6em; line-height:1.25;}
.zncz-three .item .ole-des .txt .des{ margin-top:1em;}
.zncz-three .list-icon ul li{ width:calc((100% / 4) - 1em); margin-right:1.33em; margin-bottom:1.33em;}
.zncz-three .list-icon ul li .name{ font-size:1.35em;}
.zncz-three .list-icon ul li .con{ font-size:1.125em;}
.zncz-three .list-icon ul li .icon .center img{ max-width:2.5em;}
}
@media only screen and (max-width:1024px) {
.zncz-two .intro-box{ margin-top:4em;}
.zncz-two .intro-box .tit{ font-size:2em;}
.zncz-three .item{ margin-bottom:4em;}
.zncz-three .list-icon ul li .name{ font-size:1.2em;}
.zncz-three .list-icon ul li .con{ font-size:.92em;}
.zncz-one .olw_list .iwuo .tit{ font-size:1em;}
}
@media only screen and (max-width:768px) {
.zncz-one .list-icon ul li{ width:49%; margin-right:2%;}
.zncz-one .list-icon ul li:nth-child(2n){ margin-right:0;}
.zncz-three .item .ole-des .pic{ width:100%;}
.zncz-three .item .ole-des .txt{ width:100%;}
.zncz-three .item .ole-des .txt .tit{ font-size:1.3em;}
.zncz-three .list-icon ul li{ width:49%; margin-right:2%;}
.zncz-three .list-icon ul li:nth-child(2n){ margin-right:0;}
}
@media only screen and (max-width:640px) {
.zncz-one .PicTxt-box .pic_img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.zncz-one .PicTxt-box .pic_img img{ object-fit:cover; width:100%; height:100%;}
.zncz-one .PicTxt-box .text{ padding:3em 0; font-size:1.4em; position:relative; top:0; transform:translateY(0);}
.zncz-one .olw_list .iwuo:nth-child(2n),
.zncz-one .olw_list .iwuo{ width:100%; margin-bottom:2em;}
.zncz-one .olw_list .iwuo .tit{ font-size:1.4em;}
.zncz-one .list-icon ul li{ padding:2em .5em;}
.zncz-one .list-icon ul li .con{ font-size:.92em;}
.zncz-one .list-icon ul li .icon .center{ padding:.5em; width:5em; height:5em;}
.zncz-one .list-icon ul li .icon .center img{ max-width:2em; width:100%;}
.zncz-one .olw_list .iwuo .tit
.zncz-two .intro-box .tit{ font-size:1.4em;}
.zncz-two .pic_iwo{ flex-wrap:wrap; justify-content:center; padding:1.5em;}
.zncz-two .pic_iwo .icon{ margin:1em 0; width:1em;}
.zncz-two .pic_iwo .pic{ width:100%;}
.zncz-three .both-ends .pic-io{ width:100%;}
.zncz-three .list-icon ul li .icon .center{ width:4em; height:4em;}
.zncz-three .list-icon ul li .icon .center img{ width:100%;}
}


/* 项目案例 */
.xmal-one{ padding:4.6875em 0 0; text-align:center;}
.xmal-one .intro{ margin-bottom:2.8125em;}
.xmal-one .intro .title{font-weight: 500; margin-bottom:.97em; font-size:2.25em;}
.xmal-one .intro .des{ font-size:1.125em;}
.xmal-one .list-box .item{ background:#f0f0f0; width:49%; margin-right:2%; margin-bottom:9em;}
.xmal-one .list-box .item .pic{ overflow:hidden;}
.xmal-one .list-box .item .pic img{ transition:all .5s;}
.xmal-one .list-box .item .iow{ margin-bottom:4%;}
.xmal-one .list-box .item .iow:last-child{ margin-bottom:0;}
.xmal-one .list-box .item .name{ position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:10; transform: translateY(-50%); font-size:1.6875em; color:#fff;}
.xmal-one .list-box .item .name span{ padding:0.6em 0; display:inline-block; min-width:80%; background-image:linear-gradient(to right,rgba(255,255,255,0),#db2624,rgba(255,255,255,0));}
.xmal-one .list-box .item:nth-child(2n){ margin-right:0;}
.xmal-two li{ width:49%; margin-right:2%; margin-bottom:4.6875em;}
.xmal-two li:nth-child(2n){ margin-right:0;}
.xmal-two li .pic{ overflow: hidden;}
.xmal-two li .pic img{ transition:all .5s;}
.xmal-two li .name{ position:absolute; bottom:1.666em; right:1.666em; text-align:center; z-index:10; font-size:1.125em; color:#fff; background:#272727; padding:0 .9375em; border-radius:4px;}

@media only screen and (max-width:640px) {
.xmal-one .intro .title{ font-size:2em;}
.xmal-one .list-box .item{ width:100%; margin-right:0; margin-bottom:4em;}
.xmal-one .list-box .item .name{ font-size:1.25em;}
.xmal-one .list-box .item .name span{ padding:.4em 0;}
.xmal-two li{ width:100%; margin-right:0; margin-bottom:2em;}
}


/* 产品矩阵 */
.matrix-one{ padding:4.6875em 0 0; text-align:center;}
.matrix-one .intro{ margin-bottom:2.8125em;}
.matrix-one .intro .title{ font-weight: 500; margin-bottom:.97em; font-size:2.25em;}
.matrix-one .intro .des{ font-size:1.125em;}
.matrix-one .item{ margin-bottom:6.25em;}
.matrix-one .item .ole-des{ background:#f0f0f0;}
.matrix-one .item .ole-des .pic{ width:60%;}
.matrix-one .item .ole-des .pic img{ width:100%;}
.matrix-one .item .ole-des .txt{ text-align:left; width:40%; padding:4.375em 2.25em;}
.matrix-one .item .ole-des .txt .tit{ font-weight:500; font-size:2em;}
.matrix-one .item .ole-des .txt .des{ color:#4d4d4d; margin-top:2.1875em; font-size:1.125em;}
@media only screen and (max-width:768px) {
.matrix-one .intro .title{ font-size:1.8em;}
.matrix-one .item .ole-des .pic,
.matrix-one .item .ole-des .txt{ width:100%;}
.matrix-one .item .ole-des .txt{ padding:1em;}
.matrix-one .item .ole-des .txt .tit{ font-size:1.5em;}
.matrix-one .item .ole-des .txt .des{margin-top:1em;}
}

.matrix-two{ margin-bottom:4.375em;}
.matrix-two .ul{ margin-left:-2%;}
.matrix-two li{ width:23%; margin-left:2%; margin-bottom:1.875em;}
.matrix-two li.wtd48{ width:48%;}
.matrix-two li .name{ padding:0.5em 0; font-size:1.375em; color:#fff; background:#e50012; text-align:center;}
.matrix-two li .con-oiw{ margin-top:1.25em; background:#f0f0f0; padding:1.25em; height:calc(100% - 4.5em);}
.matrix-two li .switc_box{ position:relative; background:#fff;}
.matrix-two li .switc_box .pic_ol{overflow:hidden; height:20em;}
.matrix-two li .switc_box .pic_ol img{ width:100%; height:100%; object-fit:contain;}
.matrix-two li .des{ padding:.625em;}
.matrix-two li .des .tit-cn{ font-weight:500; margin-top:.625em; font-size:1.1875em;}
.matrix-two li .des .tit-en{ color:#4d4d4d; font-size:1.125em;font-weight:500;}
.matrix-two li dl{ font-size:.96875em; margin-top:1em; display:flex; justify-content:space-between; flex-wrap:wrap; line-height:calc(25.5 / 15.75)}
.matrix-two li dl dd{ width:100%;}
.matrix-two li dl dd.wtd48{ width:48%;}
.matrix-two li dl dd .oiw{ min-width:4.5em; margin-right:0.5em; color:#4d4d4d;}
.matrix-two li dl dd .wz{ color:#000; word-break:break-all; font-family:'Montserrat','SourceHanSansCN'}
.matrix-two li .point{ position:absolute; bottom:1.875em; right:1.875em;}
.matrix-two li .pot{ margin:0.875em 0; display: block; width:1.25em; height:1.25em; border-radius:50%;}
.matrix-two li .pot.color1{ background:#3b3b3b;}
.matrix-two li .pot.color2{ background:#e2241b;}
.matrix-two li .pot.color3{ background:#e7e7e3;}
@media only screen and (max-width:1024px) {
.matrix-two li dl dd.wtd48{ width:49%;}
}

@media only screen and (max-width:768px) {
.matrix-two li{ width:31.33%;}
}
@media only screen and (max-width:768px) {
.matrix-two li{ width:100%; margin:0 0 2em;}
.matrix-two li.wtd48{ width:100%;}
.matrix-two li dl dd.wtd48{ width:100%;}
}