@CHARSET "UTF-8";
#news_banner {
	height: 550px;
}

.hide{display: none;}

.inner-content {
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%);
    z-index: 10;
    margin-top: 100px;
}
.szxz-title {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    z-index:10
}
.szxz-title .szxz-innertitle {
    margin-bottom:3vh;
    width: 398px; 
    height: 240px;
}
.szxz-title .szxz-subtitle {
    height:48px;
    font-family:PingFangSC-Regular;
    font-size:24px;
    color:#fff;
    letter-spacing:0;
    text-align:center;
    line-height:48px
}

.button-group-buttom {
    z-index:3;
    height:105px;
    width:100%;
    display:flex;
    position:absolute;
    bottom:0;
    left:0;
    background-color: rgb(52 52 52 / 50%);
}
.button-group-buttom .blocker {
    flex-grow:1
}
.button-group-buttom .line-box {
    display:flex;
}
.button-group-buttom .line-box .line {
    display:inline-block;
    height:105px;
    width:1px;
    opacity:.15;
    background:#fff;
    background-color:#fff
}
.button-group-buttom .button {
    width:293px;
    height:105px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    margin:0
}
.button-group-buttom .button .icon {
    height:20px;
    width:20px;
    margin-bottom:12px
}
.button-group-buttom .button .text-title {
    height:22px;
    font-family:PingFangSC-Medium;
    font-size:20px;
    text-align:center;
    margin-bottom:8px;
    color: rgb(255, 255, 255);
}
.button-group-buttom .button .text-desc {
    height:20px;
    color:#d8d8d8
}
.button-group-buttom .button .text, .button-group-buttom .button .text-desc {
    font-family:PingFangSC-Regular;
    font-size:16px;
    letter-spacing:0;
    text-align:center;
    color: rgb(255, 255, 255);
}

.button-down {
    height:42px;
    width:160px;
    background:#129243;
    border-radius:23px;
    background-color:#129243;
    font-family:PingFangSC-Medium;
    font-size:16px;
    z-index:3;
    border-width: 0;
}
.button-down .ace-btn-helper{
	color:#fff;
}
/* 产品矩阵 */
.cpjz {
	padding-top: 50px;
}
.cpjz .cpjz-z3dmyzt{
	width:59% !important;
	height: 270px;
}

.cpjz .button-group-buttom{
	height: 40px;text-align: center;background-color: rgb(52 52 52 / 70%);
}
.cpjz .button-group-buttom span{
	color:#fff;width: 100%;padding-top: 10px;
}

.cpjz .cpjz-vr,.cpjz-ar{
	width:20% !important;
	height: 270px;
} 


/* 真实案例 */
.zsal {
	padding-top: 50px;
}

.zsal_box{display: flex;}
.zsal_box li{
	width: 15%;
	border: 1px solid black;
    height: 40px;
    line-height: 20px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}

.zsal_box .active {
    margin-left: 0;
    background: green;
    color: white;
}
.zsal_box .active p{
    color: white;
}

.zsal_box li img{width: 90px;height: 90px;}
.zsal_box li .name{font-size: 16px;margin-top: 10px;}
.zsal_box li .info{max-width: 220px;margin: 5px auto 0;font-size: 12px;color: #999;}
.zsal_content{
	margin-top: 30px;
}
.zsal_content_item_left{
	width:66% !important;
}
.zsal_content_item_right{
	width:33% !important;
}
.zsal_content_item_right div{
	margin-bottom: 30px;
	margin-left: 20px;
}
.zsal_content_item_right p{
    line-height: 25px;
}
.zsal_content_item_right .title {
	margin-top: 20px;
}
.zsal_content_item_right .title p{
	font-size: 22px;
    font-weight: bold;
    line-height: 50px;
}

.zsal_content_item_right .name{
	font-size: 20px;
}



/* 世界500强 */
.sj500q_box{display: flex;}
.sj500q_box li{width: 33%;text-align: center;}
.sj500q_box li img{width: 90px;height: 90px;}
.sj500q_box li .name{font-size: 16px;margin-top: 10px;}
.sj500q_box li .info{max-width: 220px;margin: 5px auto 0;font-size: 12px;color: #999;}

.fwkj{
	
}

.fwkj .yzsaas{
	width: 100%;
    text-align: center;
}

.fwkj .jiantou{
	width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fwkj .jiantou img{
	width: 60px;
    height: 46px;
}

.fwkj .yszhjc{
	width: 35%;
}


@media screen and (max-width: 500px){
	#news_banner {
		height: 200px;
	}
	.inner-content {
	    margin-top: 30px;
	}
	.szxz-title .szxz-innertitle {
		    margin-bottom: 5px;
	    width: 150px;
	    height: 70px;
	}
	.button-group-buttom {
	    height: 60px;
	}
	
	.button-group-buttom .button {
		width: 100%;
    	height: 60px;
	}
	
	.button-group-buttom .button .text-title {
	    font-size: 14px;
	    margin-bottom: 3px;
	}
	.button-group-buttom .button .text-desc {
	    font-size: 14px;
	}
	
	.button-group-buttom .line-box {
	    width: 50%;
	}
	.cpjz {
		padding-top: 30px;
	}
	.cpjz .cpjz-z3dmyzt{
		width:100% !important;
		    height: 150px;
	}
	.cpjz .cpjz-vr,.cpjz-ar{
		width:49% !important;
		    height: 150px;
	}
	.cpjz .button-group-buttom{
		height: 30px;;
	}
	.cpjz .button-group-buttom span{
		padding-top: 5px;
	}
	
	.zsal {
		padding-top: 30px;
	}
	.zsal_box li{
		width: 25%;
	}
	.zsal_box .zsal_box_more{
		display: none;
	}
	.zsal_box li .name {
	    font-size: 14px;
	}
	
	.zsal_content {
	    margin-top: 15px;
	}

	.zsal_content_item_left,.zsal_content_item_right {
	    width: 100% !important;
	}
	
	.qydxal,.ptdj{
		display: none !important;
	}
	
	.button-down {
	    height: 30px;
	    width: 100px;
	}
	
	.button-down span{
	    font-size: 12px;
	}

	.fwkj .yzsaas{
		width: 100%;
		margin-top: 20px;
	}
	.fwkj .yzsaas img{
		content: url(../img/xszl-yzsaas2.png);
		width: 100%;
    	height: auto;
	}
	
	
	.fwkj .jiantou{
		width: 20%;
	}
	.fwkj .yszhjc{
		width: 75%;
	}
	.sj500q_box {
	    flex-wrap: wrap;
	}
}