@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

body {
	font-size: 14px;
	background-size: cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

@keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-moz-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-webkit-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-o-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}



.product_hr_gj{background: no-repeat center;min-height: 100vh;display: table;vertical-align: middle;width: 100%;background-size: cover;}
.product_tiyan{padding:4% 0 3%;display: table-cell;vertical-align: middle;}
.product_hr_gj .logo{position: absolute;top: 2%;}
.product_hr_gj .logo img{width: 140px;}
.product_hr_gj .big_title{text-align: center;margin-bottom: 1.14%;}
.product_hr_gj .big_subtitle{text-align: center;margin-bottom: 3.14%;}
.product_hr_gj .big_subtitle a{color: #2386ee;font-weight: 600;font-family: "微软雅黑"!important;}
.product_hr_gj .big_subtitle a:hover{border-bottom: 1px solid #2386ee;}
.product_hr_gj .left_t{width: 25%;height: 100%;}
.product_hr_gj .left_t .text_box{padding:45px 40px 106px;}
.product_hr_gj .left_t .link{background-image: linear-gradient(135deg, #0068dd, #00aeee); background-color: #0360c3;position: absolute;bottom: 0;transition: all 0.4s ease;left: 0;width: 25%;box-shadow: 0 -5px 10px rgba(0,0,0,0.03);}
.product_hr_gj .left_t .link a{color:#fff;width: 100%;height:60px;  text-align: center; line-height: 60px;box-sizing: content-box;display: block;text-align: center;}
.product_hr_gj .left_t .link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }
.product_hr_gj .left_t .link:hover{background-image: linear-gradient(135deg, #0068dd, #00aeee); background-color: #0360c3;}
.product_hr_gj .left_t .link:hover a:after{content: "\e683";margin-left: 10px;}
.product_hr_gj .left_t .link:hover a{color: #fff;}
.product_hr_gj .left_t .subtitle{margin-bottom: 20px;}
.product_hr_gj .left_t .des{color: #575d6c;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}





.product_hr_gjlist{background: no-repeat center left;background-size: 25% 100%;position: relative;border-radius:5px;overflow: hidden;}
.product_hr_gj .right_t{width: 75%;}

.product_hr_gjlist li{position: relative;width:33.3%;background: #fff;border-left:1px solid #e9edf3;padding:45px 3% 106px;overflow: hidden;}

.product_hr_gjlist li .text_box{transition: all 0.4s ease;}

.product_hr_gjlist li .icon{margin-bottom:20px;transition: all 0.4s ease;}
.product_hr_gjlist li .icon img{height:48px ;}
.product_hr_gjlist li .title{margin-bottom: 8px;}
.product_hr_gjlist li .des{margin-bottom: 24px;height: 3em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;color: #575d6c;}
.product_hr_gjlist li .link{position: absolute;bottom: 0;transition: all 0.4s ease;left: 0;width: 100%;background: #fff;box-shadow: 0 -5px 15px rgba(0,0,0,0.05);}
.product_hr_gjlist li .link a{width: 100%;height:60px;  text-align: center; line-height: 60px;color: #2386ee;box-sizing: content-box;display: block;text-align: center;}
.product_hr_gjlist li .link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }
/*.product_hr_gjlist li .link:hover a:after{content: "\e683";margin-left: 10px;}*/
.product_hr_gjlist li .link:hover{background-image: linear-gradient(135deg, #0068dd, #00aeee); background-color: #0360c3;}
.product_hr_gjlist li .link:hover a{color: #fff;}


@media only screen and (max-width: 1366px) {
	/*.product_tiyan{padding: 5% 0;}*/
	.product_hr_gjlist li .icon img{height: 40px;}
	.product_hr_gj .left_t .link a{height: 50px;line-height:50px;}
	.product_hr_gjlist li .link a{height: 50px;line-height:50px;}
	/* .product_hr_gjlist li{padding-bottom: 60px;} */
}





@media only screen and (max-width: 1366px) {
	.product_hr_gjlist li .icon img{height: 40px;}
	.product_hr_gj .left_t .link a{height: 50px;line-height:50px;}
	.product_hr_gjlist li .link a{height: 50px;line-height:50px;}
}



@media only screen and (max-width: 1024px) {
	
	
	.product_hr_gjlist{background: transparent;}
	.product_hr_gj .left_t{width: 100%;position: relative;background:#fff no-repeat center left;background-size: cover;margin-bottom: 20px;}
	.product_hr_gj .left_t .link{position: static;margin-left:30px;margin-bottom: 30px;width: 50%;}
	.product_hr_gj .left_t .text_box { padding: 25px 30px 16px;}
	.product_hr_gj .right_t{width: 100%;}
	.product_hr_gjlist li{width: 49%;margin-bottom: 2%;    padding: 30px 15px 60px;margin-right: 2%;    padding: 25px 5% 30px;border: none;}
	.product_hr_gjlist li:nth-child(2n){margin-right: 0;}

	
	.product_hr_gj .logo{position: static;}
	.product_hr_gj .left_t .link a {height: 36px;line-height: 36px;}
	.product_hr_gjlist li .link a{height: 36px;line-height: 36px;}
	.product_hr_gj { padding: 0 0 10%;}
	.product_hr_gj .logo img { width: 110px;margin-bottom: 20px;}
	.product_hr_gj .big_subtitle{margin-bottom: 8%;}
	.product_hr_gjlist li .icon img { height: 34px;}
	.product_hr_gjlist li .icon { margin-bottom: 10px;}
}