.head_h-recommend{position: relative;width: 100%;background-color: #00ACC6;background: linear-gradient( 90deg, #00ACC6 1%, #002646 8%, #003775 89%, #0062E2 100%);}
.head_hr-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.head_hr-b{width: 100%;height: 50px;overflow: hidden;}
.head_hr-swiper{overflow: hidden;}
.head_hr-item{width: 100%;height: auto;}
.head_hr-link{display: flex;align-items: center;cursor: pointer;width: 100%;height: 50px;}
.head_hr-icon{display: block;width: 32px;margin-right: 20px;}
.head_hr-icon img{max-width: 100%;}
.head_hr-text{width: calc(100% - 60px);overflow: hidden;white-space: nowrap;position: relative;}
.head_hr-name{display: inline-block;position: relative;color: #fff;font-size: 18px;line-height: 1.5;}
.head_hr-close{position: absolute;top: 0;right: 20px;z-index: 28; display: block;cursor: pointer;width: 20px;height: 100%;background-image: url('../images/head/head_h4-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

body.hide-head_h-recommend .head_h-recommend{display: none;}
@media(max-width: 1500px){
	.head_hr-inner{width: 1200px;}
}  
@media(max-width: 992px){ 
    .head_hr-close{right: 15px;}
    .head_hr-link{justify-content: flex-start;}
    .head_hr-icon{width: 20px;margin-right: 14px;}
    .head_hr-text{max-width: calc(100% - 40px);}
    .head_hr-name{font-size: 14px;line-height: 19px;}
}
@media(max-width: 370px){ 
    .head_hr-name{font-size: 12px;line-height: 17px;}
}