@charset "UTF-8";
.service, .news-page01, .proview{margin-top:50px;}
.service .header{ text-align:center; display:block; margin-bottom:30px;}
.service .title-40{ font-weight:700; padding-top:10px;}
.service .title-18{ font-weight:normal; color:#666;}
.service .text-box{ font-size:16px; color:#666; line-height:2;}


.tech05 .list{justify-content:space-between;align-items:stretch;}
.tech05 .list .item{ width:32%;position:relative;overflow:hidden}
.tech05 .list .item img{ width:100%}
.tech05 .img {
	display:block;
	width:100%;
	transition:transform .3s
}
.tech05 .box {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:100%;
	color:#fff;
	padding:20px;
	background-color:#e60012;
	opacity:0;
	transform:translateY(100%);
	transition:opacity .3s,transform .3s
}
.tech05 .title {
	font-size:18px;
	font-weight:400;
}

.tech07 {margin-top:30px;}
.tech07 .main{ background:#fff; margin-bottom:40px;}
.tech07 .main .tabs{justify-content:flex-start;align-items:stretch;}
.tech07 .main .tabs a{ color:#333; background:#FFF; padding:20px 20px; width:16.66%; border-right:1px #cccccc solid;border-top:1px #cccccc solid;border-bottom:1px #cccccc solid; text-align:center}
.tech07 .main .tabs a:first-child{border-left:1px #cccccc solid;}
.tech07 .main .tabs a.cur, .tech07 .main .tabs a:hover{ background:#0e408c; color:#fff; font-weight:700; border-color:#0e408c}
.tech07 .main .tabcont .cont{ position:relative;}
.tech07 .main .tabcont .wrap{position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    color: #fff;
}
.tech07 .main .tabcont .cont{ display:none;}
.tech07 .main .tabcont .cont img{ width:100%}
.tech07 .main .tabcont .cont:first-child{ display:block;}
.tech07 .main .tabcont .wrap .text{ padding:3% 3%; background:rgba(14,64,110,.7); color:#fff; height:100%; overflow:hidden}
.tech07 .main .tabcont .wrap .text span{ display:block; margin-top:15px; position:relative; padding-left:20px;}
.tech07 .main .tabcont .wrap .text span:after{ position:absolute; content:''; top:10px; left:0; width:5px; height:5px; border-radius:5px; background:#fff;}
.tech07 .main .tabcont .wrap .text .title{ font-size:16px; font-weight:bold; margin-bottom:0px; display:none;}

@media only screen and (min-width:961px) {
	.tech .header span{ display:block;}
	.tech05 .item:hover .img {
		transform:scale(1.1)
	}
	.tech05 .item:hover .box {
		opacity:1;
		transform:translateY(0)
	}
}


@media only screen and (max-width:960px) {

	.tech05 .list .item{ width:100%; margin-bottom:20px;}
	.tech05 .item .box {
		opacity:1;
		transform:translateY(0)
	}
	
	.tech07 .main .tabcont .wrap{position:relative;
		left:auto;
		right: auto;
		top: auto;
		bottom: auto;
		z-index: 0;
		width:100%;
		display: flex;
		align-items: center;
		color: #fff;
	}
	.tech07 .main .tabcont .wrap .text{ width:100%;background: rgba(14,64,110,1);}
	.tech07 .main .tabcont .c2 .wrap, .tech07 .main .tabcont .c3 .wrap, .tech07 .main .tabcont .c4 .wrap{ display:block !important}
	.tech07 .main .tabcont .wrap .text .title{ display:block}
}