/*轮播图*/
.isshow{
	display: block !important;
}

.item-color{
	color: #fff !important;
}

.item-back{
	background: linear-gradient(90deg, #2096FA 0%, #6736FA 100%) !important;
	/*height: 130px !important;*/
}

.read_span{
	border: 2px solid #327DFA !important;
	background: #327DFA !important;
	color: #fff !important;
}

.system-em{
	border-bottom: 6px solid #327DFA !important;
	color: #327DFA !important;
}

.zhgc-banner{
	margin-top:74px !important;
}

.zhgc-banner .z-banner-box{
	position: absolute;
	top: 30%;
	left: 13.5%;
	width:850px;
}

.zhgc-banner .banner-img{
	min-height: 350px;
}

.zhgc-banner .z-banner-box h1{
	font-size:50px;
	font-weight: 700;
	color: #fff;
	padding-bottom: 20px;
	border-bottom:1px solid #fff;
}

.zhgc-banner .z-banner-box p{
	color: #fff;
	margin-top: 18px;
}

.zhgc-banner .z-banner-box p span{
	font-size:40px;
	color: #fff;
	font-weight: 700;
}

/*=====================技术应用======================*/
.applications{
	padding:50px 0 70px;
}

.applications h3{
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
}

.applications .applications-box{
	height: 650px;
	width: 1440px;
	box-shadow: 0 0 30px rgba(50,125,250,0.3);
	margin:60px auto;
}

.applications-box .applica-item{
	float: left;
	width:25.3%;
	height: 100%;
}

.applications-box .applica-item li{
	height:129px;
	width:100%;
	text-align:center;
	line-height:130px;
	cursor: pointer;
	border-bottom:1px solid #D6E5FE;
}

.applications-box .applica-item li:hover{
	height: 130px;
	border-bottom:none;
}

.applications-box .applica-item li:nth-last-of-type(1){
	border-bottom:none;
}

.applications-box .applica-item li p{
	font-size:30px;
	color: #8D8D8D;
}

.applications-box .applica-img .item-des{
	float: left;
	width:74.7%;
	display: none;
	position: relative;
}

.applications-box .applica-img .item-des img{
	display: block;
	width:100%;
}

.applications-box .applica-img .item-des span{
	font-size:20px;
	box-sizing: border-box;
	display: block;
	width:90%;
	line-height:32px;
	position: absolute;
	bottom: 5%;
	left: 5%;
	color: #fff;
	border-radius: 52px;
}

/*=========================技术优势=============================*/
.technology{
	background: #EBF2FF;
	padding:60px 0 100px;
	position: relative;
}

.technology .bgimg{
	position: absolute;
	top: 0;
	left: 0;
	width:33%;
}

.technology .technology-box{
	width:74%;
	margin:0 auto;
	text-align:center;
	position: relative;
	z-index: 10;
}

.technology .technology-box .technology-header h3{
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
}

.technology-box .technology-item{
	margin-top:80px;
}

.technology-item .item-dl{
	float: left;
	width:22%;
	margin-bottom:50px;
}

.technology-item .item-dl:nth-of-type(2){
	
	margin:0 17%;
}

.technology-item .item-dl dt{
	width:35%;
	float: left;
}

.technology-item .item-dl dt img{
	width:100%;
}

.technology-item .item-dl dd{
	float: left;
	width:60%;
	padding-right: 5%;
}

.item-dl .dl-desc{
	margin-left:10px;
	text-align:left;
}

.item-dl .dl-desc h5{
	color: #3E3E3E;
	font-size:30px;
	margin-top:10px;
}

.item-dl .dl-desc p{
	width:220px;
	margin-top:14px;
	font-size:15px;
}

/*==================合作案例===================*/
.zhgc-cases{
	background: #F8F8F8;
	padding: 60px 0 40px;
}

.zhgc-cases .case-box{
	width:56.25%;
	background:#fff;
	margin:0 auto;
}

.zhgc-cases .case-box p{
	font-size: 22px;
	text-align:center;
	color: #3E3E3E;
	padding-bottom: 20px;
}

.zhgc-cases img{
	margin:0 auto;
	width:95.9%;
	padding:24px 0;
}

.zhgc-cases h3{
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
	margin-bottom:30px;
}

.zhgc-cases .cases-link{
    display: block;
    width: 160px;
    height: 46px;
    background: linear-gradient(8deg, #2F5EF9 0%, #7720FA 100%);
    border-radius: 23px;
    color:#fff;
    position: relative;
    overflow:hidden;
    margin-top: 30px;
    transition: all 0.3s;
    cursor: pointer;
    margin: 40px auto 0;
}

.zhgc-cases .cases-link em{
    font-size:20px;
    display: block;
    text-align:center;
    position: relative;
    z-index: 10;
    height: 44px;
    line-height:44px;
    border-radius: 23px;
    transition: all 0.1s;
}

.zhgc-cases .cases-link .btn-shade{
    position: absolute;
    background: #66B7FE;
    border-radius: 23px;
    width:110%;
    height: 110%;
    top: -2px;
    right: -120%;
    transition: all 0.3s;
    z-index: 1;
    border-radius: 23px;
}

.zhgc-cases .cases-link:hover .btn-shade{
    right: 0%;
}

.zhgc-cases .cases-link:hover em{
    font-size:18px;
    color: #fff;
}



/*视频播放遮罩*/
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.7); z-index: 10000;}
.publicity-video,.publicity-video2{position: fixed;display: none; left: 50%; top: 50%; margin-left: -480px; height: 540px; width:960px; margin-top: -299px; z-index: 20000;}
.publicity-video video,.publicity-video2 video{width: 100%;}

/*响应式*/
@media (min-width: 980px) and (max-width:1279px){
	.zhgc-banner .z-banner-box h1{
		font-size:36px;
	}

	.zhgc-banner .z-banner-box p{
		font-size:18px !important;
	}

	.zhgc-banner .z-banner-box p span{
		font-size:26px;
	}

	.system-function .system-function-item p{
		font-size:16px;
	}

	.technology .technology-box{
		width:84%;
	}

	.item-dl .dl-desc h5{
		font-size:20px;
	}

	.technology-item .item-dl dt{
		width: 40%;
	}

	.technology-item .item-dl dd{
		width:55%;
	}

	.item-dl .dl-desc p{
		font-size:12px;
	}

	.applications .applications-box{
		height: 452px;
		width: 1000px;
	}

	.applications-box .applica-item li{
		height:90.4px;
		line-height:90.4px;
	}

	.applications-box .applica-item li:hover{
		height: 87.4px;
	}

	.applications-box .applica-item li p{
		font-size: 20px;
	}

	.applications-box .applica-img .item-des span{
		font-size: 16px;
	}

}



@media screen and (min-width:1280px) and (max-width:1500px) {
	.zhgc-banner .z-banner-box h1{
		font-size:36px;
	}

	.zhgc-banner .z-banner-box p{
		font-size:18px !important;
	}

	.zhgc-banner .z-banner-box p span{
		font-size:26px;
	}

	.applications .applications-box{
		height: 542px;
		width: 1200px;
	}

	.applications-box .applica-item li{
		height:108.4px;
		line-height:108.4px;
	}

	.applications-box .applica-item li:hover{
		height: 105.4px;
	}

	.applications-box .applica-item li p{
		font-size: 26px;
	}

	.applications-box .applica-img .item-des span{
		font-size: 20px;
	}


	.n-banner-box .btn-video{
		margin-top: 20px;
	}

	.technology .technology-box{
		width:84%;
	}

	.item-dl .dl-desc p{
		width:210px;
		margin-top:5px;
	}

	.technology-item .item-dl dt{
		width: 40%;
	}

	.technology-item .item-dl dd{
		width:55%;
	}

	.item-dl .dl-desc h5{
		font-size:24px;
	}

	.technology{
		padding:40px 0 80px;
	}

	.benefits{
		padding:40px 0 80px;
	}

}