@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:url(../images/tiyan/ty_bg.png) no-repeat center;min-height: 100vh;background-size:cover ;display: table;vertical-align: middle;width: 100%;}
.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: 0.5%;}
.product_hr_gj .big_subtitle{text-align: center;margin-bottom: 1.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: 30px 40px 106px;}
.product_hr_gj .left_t .text_box .title{font-weight: 600;}
.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 a:after{content: "\e683";margin-left: 10px;}
.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{color: #fff;}
.product_hr_gj .left_t .subtitle{margin-bottom: 10px;}
.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:#fff url(../images/tiyan/item_bg1.png) 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 ul{background: url(../images/tiyan/bt_bg.png) no-repeat right bottom;}
.product_hr_gjlist li{position: relative;width:25%;background: #fff;border-right:1px solid #e9edf3;padding: 30px 3% 65px;overflow: hidden;border-bottom:1px solid #e9edf3;}
.product_hr_gjlist li:nth-child(n+5){border-bottom: none;}
.product_hr_gjlist li .text_box{transition: all 0.4s ease;}

.product_hr_gjlist li .icon{margin-bottom:15px;transition: all 0.4s ease;}
.product_hr_gjlist li .icon img{height: 40px;}
.product_hr_gjlist li .title{font-weight: 600;margin-bottom: 5px;}
.product_hr_gjlist li .des{color: #575d6c;margin-bottom: 14px;height:7.5em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.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{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:4% 0;}*/
	.product_hr_gjlist li .icon img{height: 34px;}
	.product_hr_gj .left_t .link a{height: 40px;line-height:40px;}
	.product_hr_gjlist li .link a{height: 40px;line-height:40px;}
	.product_hr_gjlist ul{background-size: auto 60px;}
	.product_hr_gjlist li{padding: 20px 2% 35px;}
	
	.product_hr_gj .logo{top: 0;}
	.product_tiyan {padding: 2% 0;}
	
	.product_hr_gjlist li .icon { margin-bottom: 5px;}
	.fnt_20{font-size: 16px;}
	.fnt_18{font-size: 16px;}
	.product_hr_gj .big_title{margin-bottom: 0;}
	.product_hr_gj .left_t .subtitle { margin-bottom: 10px;}
}
@media only screen and (max-width: 1280px) {
	
	.product_hr_gj .logo img {width: 120px;}
}
@media only screen and (max-width: 1024px) {
	.product_hr_gj .logo{position:static;}
	.product_hr_gjlist li .des{height: 9em;-webkit-line-clamp:6;}
}

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

	.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;}
}