.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.ibk_bg3{ background: url(../img/hy_bg1.jpg) no-repeat center center; background-size: cover; position: relative; transition: all 0.5s;}
.ibk_bg3 .wrap1560{ height: 680px; box-sizing: border-box; padding-top: 7rem; position: relative;}
.ibk_bg3 .box-title{text-align: center; padding-bottom: 20px;}
.ibk_bg3 .box-title h2{ font-size:46px; font-weight: bold; color: #fff; margin: 10px 0 0;}
.ibk_bg3 .box-title i{ color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 2px}
.ibk_bg3 .box-title .xian{ width: 1px; height: 30px; background: #fff; margin: 10px auto; line-height: 26px}
.ibk_bg3 .box-title P{ color: #fff; font-size: 16px; width: 60%; margin: 0 auto; line-height: 26px}
.ibk_bg3 .block-4{ height: 138px; position: absolute; bottom: 0; left: 0; width: 100%;}
.ibk_bg3 .block-4:after,.ibk_bg3 .block-4:before{ content: ""; display: block; height: 100%; width: 20%; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; z-index: 3;}
.ibk_bg3 .block-4:before{ left: -20%;}
.ibk_bg3 .block-4:after{ right:-19.7%;}
.ibk_bg3 .block-4 .brow{ width: 19.9%; float: left; position: relative; height: 100%; border-right: 1px solid rgba(255,255,255,0.2);}
.ibk_bg3 .block-4 .ahover{ display: block; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 10; text-align: center; box-sizing: border-box; transition: all 1s;}
.ibk_bg3 .block-4 .brow:nth-child(1){border-left: 1px solid rgba(255,255,255,0.2);}
.ibk_bg3 .block-4 .ahover:before{ content: "";width: 100%; display: block; position: absolute; height: 138px; background: rgba(0,0,0,0.5); bottom: 0;transition: all 1s;}
.ibk_bg3 .block-4 .ahover:after{ content: ""; width: 100%; display: block; position: absolute; height: 0; background: rgba(255, 255, 255, 1); background-size:cover ; bottom: 0; transition: all 0.6s; z-index: 1;}
.ibk_bg3 .block-4 .ahover .btit{ position: absolute; bottom: -30px; width: 100%; height: 100%; transition: all 0.5s; z-index: 2;}
.ibk_bg3 .block-4 .ahover .btit .iconfont{ font-size: 4.5rem; color: #fff; line-height: 5rem;}
.ibk_bg3 .block-4 .ahover .btit img{ filter: brightness(100);}
.ibk_bg3 .block-4 .ahover .btit span{ display: block; font-size: 17px; color: #fff; padding-top: 10px;}
.ibk_bg3 .block-4 .ahover .binfo{ position: absolute; bottom: -250px; width: 100%; height: 250px; color: #fff; transition: all 0.5s; z-index: 2;}
.ibk_bg3 .block-4 .ahover .binfo p{ padding: 0 3rem; text-align: left; color: #666; font-size: 15px; line-height: 26px;-webkit-line-clamp: 3;}
.ibk_bg3 .block-4 .ahover .binfo a{ display: inline-block; background-color: #00A54F; border-radius: 25px; line-height: 36px; width: 60%; text-align: center; font-size: 15px; margin-top: 3rem; color: #fff;}
/*.ibk_bg3 .block-4 .ahover .binfo a:hover{ background-color: #fff; color: #ff9700;}*/
.ibk_bg3 .block-4 .ahover:hover{ height: 375px; transition: all 0.3s;}
.ibk_bg3 .block-4 .ahover:hover::after{ height: 375px; transition: all 0.3s;}

.ibk_bg3 .block-4 .ahover.ahover:hover .btit{ bottom: -45px; transition: all 1.2s;}
.ibk_bg3 .block-4 .ahover:hover .binfo{ bottom: -15px; transition: all 1s;}
.ibk_bg3 .block-4 .ahover:hover .btit .iconfont{ color: #fff;}
.ibk_bg3 .block-4 .ahover:hover .btit span,.ibk_bg3 .block-4 a:hover .btit .s-en{ color: #333;}
.ibk_bg3 .block-4 .ahover:hover .btit img{filter: brightness(0);}


@media (max-width: 1400px) {
	.ibk_bg3 .block-4 .ahover .binfo p{
		padding: 0 15px;
	}
}

@media (max-width: 1200px) {
.iblock-p{ height: auto; margin-bottom: 20px; padding: 5rem 6rem 6rem;}
.ibk-p3{ margin-top: 0;}
	.ibk_bg3 .wrap1560{
		padding-top: 5rem;
	}
.ibk_bg3 .block-4 .brow{ width: 16.3%;}
.ibk_bg3 .block-4{height: 300px;}
.ibk_bg3 .block-4 .brow{ width: 32.8%; height: 50%;}
.ibk_bg3 .block-4 .brow:nth-child(1){border-left: 0;}
.ibk_bg3 .block-4 .brow:nth-child(3n){ border-right: 0;}
.ibk_bg3 .block-4:after, .ibk_bg3 .block-4:before{ display: none;}
.ibk_bg3 .block-4 .ahover{ padding-top: 10px;}
.ibk_bg3 .block-4 .ahover:after,.ibk_bg3 .block-4 .ahover:before{ display: none;}
.ibk_bg3 .block-4 .ahover .btit,.ibk_bg3 .block-4 .ahover .binfo{ position: relative; bottom: auto; height: auto;}
.ibk_bg3 .block-4 .ahover:hover{ height: 100%; background-color: #fff;}
.ibk_bg3 .block-4 .ahover.ahover:hover .btit,.ibk_bg3 .block-4 .ahover:hover .binfo{ bottom: auto;}
.ibk_bg3 .block-4 .ahover .binfo p{display: none;}
.ibk_bg3 .block-4 .ahover .binfo a{width: 80%; margin-top: 1rem;}

.ibk_bg3 .wrap1560{ height: 600px;}
}
@media (max-width: 1024px) {
	.ibk_bg3 .wrap1560{
		padding-top: 5rem;
	}
	.ibk_bg3 .box-title h2{
		font-size: 34px;
	}
	.ibk_bg3 .box-title P{
		display: none;
	}
}
@media (max-width: 768px) {
	.ibk_bg3 .box-title h2{
		font-size: 32px;
	}
	.ibk_bg3 .box-title P{
		display: none;
	}
	.ibk_bg3 .block-4 .ahover .btit img{
		width: 38px;
	}
	.ibk_bg3 .block-4 .ahover .btit span{
		font-size: 16px;
	}
}