@charset "utf-8";

.banner-hr { position:relative; height:100vh; text-align:left; background-image:url("/statics/yikai/images/banner/hr_1x.png");  }
.banner-hr .wrapper { position:relative; height:100%; padding-top:0; }

.banner-hr-info { position:absolute; top:36%; left:0; width:76%; padding:0 12%; font-size:1.35rem; text-align:center; line-height:170%; }
.banner-hr-item { position:absolute; bottom:17%; left:0; width:95%; padding:0 2.5%; }
.banner-hr-item li { float:left; width:14%; margin-right:14.6%; }
.banner-hr-item li:last-child { margin-right:0; }
.banner-hr-item li h3 { margin-bottom:1rem; padding-bottom:0.8rem; font-size:1.2rem; line-height:150%; border-bottom:1px solid #fff; }
.banner-hr-item li p { margin:0; font-size:0.9rem; }
.banner-hr-item li p span { display:block; }

.hr-1f { margin-top:3rem; }
.hr-1f ul li { position:relative; float:left; width:45%; margin-right:10%; }
.hr-1f ul li:last-child { margin-right:0; }
.hr-1f ul li a { display:block; overflow:hidden}
.hr-1f ul li img  { width:100%; height:auto; -webkit-transition-duration: .75s;-webkit-transition-property: transform,opacity;-webkit-transition-delay: 0s;-webkit-transition-timing-function: 'ease-in-out';transition-duration: .75s;transition-property: transform,opacity;transition-delay: 0s;transition-timing-function: 'ease-in-out';}
.hr-1f ul li a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.hr-1f ul li div { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
.hr-1f ul li div span { position:absolute; top:50%; left:0; width:100%; height:2rem; margin-top:-1rem; font-size:1.3rem; color:#fff; text-align:center; line-height:2rem; }

.hr-2f { position:relative; }
.hr-2f .module-title{display:none}
.hr-2f-video { position:relative; width:100%; overflow:hidden; }
.hr-2f-video img { width:100%; }
.hr-2f-video .video{height: 24.23rem;}
.hr-2f-video .btn-play { position:absolute; top:50%; left:50%; width:3.3rem; height:3.3rem; margin-top:-1.65rem; margin-left:-1.65rem; background:url("/statics/yikai/images/icon/play_1x.png") no-repeat center / cover; overflow:hidden; cursor:pointer}
.hr-2f-text { position:absolute; top:2.5rem; left:5.2%; width:14rem; min-height:14rem; padding:2.5rem 4rem 2.5rem 2rem; background-color:rgba(255, 255, 255, 0.8); }
.hr-2f-text h5 { padding-bottom:1rem; font-size:1.3rem; font-weight:bold; text-align:left; border-bottom:1px solid #979797; }
.hr-2f-text p { margin-top:2.2rem;width: 10rem; }

.hr-3f { padding-top:4rem; }
.hr-3f-news { margin-top:1rem; padding:2.5rem 0; background-color:#fff; }
.hr-3f-news ul li { float:left; width:33.33%; }
.hr-3f-news ul li a { display:block; padding:0 2.5rem; border-right:1px solid #dfdfdf; }
.hr-3f-news ul li a h5 { font-size:1rem; color:#525a66; }
.hr-3f-news ul li a p { height:5.5rem; margin-top:0.5rem; color:#858d9c; overflow:hidden; }
.hr-3f-news ul li a:hover h5,
.hr-3f-news ul li a:hover p { color:#418cff; }
.hr-3f-news ul li:last-child a { border-right:none; }

.hr-4f-list { position:relative; width:100%; height:36.2rem; }
.hr-4f-list li { position:absolute; overflow:hidden}
.hr-4f-list li img { width:100%; -webkit-transition-duration: .75s;-webkit-transition-property: transform,opacity;-webkit-transition-delay: 0s;-webkit-transition-timing-function: 'ease-in-out';transition-duration: .75s;transition-property: transform,opacity;transition-delay: 0s;transition-timing-function: 'ease-in-out';cursor:pointer}
.hr-4f-list li img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);opacity: .9;}
.hr-4f-list li:nth-child(1) { top:0; left:0; width:24.1rem; height:24.1rem; }
.hr-4f-list li:nth-child(2) { top:0; left:24.1rem; width:24.1rem; height:12.05rem; }
.hr-4f-list li:nth-child(3) { top:24.1rem; left:0; width:12.05rem; height:12.05rem; }
.hr-4f-list li:nth-child(4) { top:24.1rem; left:12.05rem; width:12.05rem; height:12.05rem; }
.hr-4f-list li:nth-child(5) { top:12.05rem; left:24.1rem; width:24.1rem; height:24.1rem; }
.hr-4f-list li:nth-child(6) { top:0; left:48.2rem; width:12.05rem; height:12.05rem; }
.hr-4f-list li:nth-child(7) { top:12.05rem; left:48.2rem; width:12.05rem; height:12.05rem; }
.hr-4f-list li:nth-child(8) { top:24.1rem; left:48.2rem; width:12.05rem; height:12.05rem; }

.module-info {
    margin: 0 16% !important;
}

@media screen and (max-width: 817px) {
.module-title{font-size:1.3rem}
.module-hr{background:white;padding-bottom:0;}
.banner-hr { text-align:left; }
.banner-hr-info { top:28%; left:0; width:100%; padding:0; font-size:0.95rem; line-height:170%; text-align:center; }
.banner-hr-item { bottom:0; left:0; width:100%; padding:0; }
.banner-hr-item li { float:none; width:100%; height:3.5rem; margin-right:0; border-bottom:1px solid #fff; }
.banner-hr-item li:last-child { border-bottom:none; }
.banner-hr-item li h3 { float:left; width:25%; height:3.5rem; margin-bottom:0; padding-bottom:0; font-size:1rem; font-weight:bold; line-height:3.5rem; border-bottom:none; overflow:hidden; }
.banner-hr-item li p { height:3.5rem; margin:0 0 0 30%; font-size:0.8rem; line-height:3.5rem; overflow:hidden; }
.banner-hr-item li p span { display:inline; }

.hr-1f ul li { position:relative; float:none; width:100%; margin-right:0; margin-top:0.65rem; margin-bottom:0.65rem;overflow:hidden }
.hr-1f ul li:last-child{margin-bottom:0}
.hr-1f ul li img{width:130%;margin-left:-15%;}
.hr-2f { position:static; }
.hr-2f .module-title{display:block}
.hr-2f-video{overflow:hidden}
.hr-2f-video .btn-play { width:2.5rem; height:2.5rem; margin-top:-1.25rem; margin-left:-1.25rem; }
.hr-2f-video img{width:200%;margin-left:-50%;}
.hr-2f-video .video{height:16.15rem}
.hr-2f-text { position:static; top:auto; left:auto; width:89.6%; min-height:0; padding:1.65rem 5.2%; }
.hr-2f-text h5 { padding-bottom:0; font-size:1rem; font-weight:bold; border-bottom:none;     color: #000;}
.hr-2f-text p { margin-top:0.8rem; }

.hr-3f { padding-top:3rem; }
.hr-3f .wrapper { width:100%; margin:0; }
.hr-3f .module-title { text-align:left; }
.hr-3f-news { padding:0; }
.hr-3f-news ul { margin:0 5.2%; }
.hr-3f-news ul li { float:none; width:100%; }
.hr-3f-news ul li a { padding:1.5rem 0; border-right:none; border-bottom:1px solid #dfdfdf; }
.hr-3f-news ul li a h5 { color:#525a66; }
.hr-3f-news ul li a p { height:auto; margin-top:0.8rem; color:#858d9c; overflow:visible; }
.hr-3f-news ul li:last-child a { border-bottom:none; }

.hr-4f .module-title { text-align:left; }
.hr-4f-list { position:static; height:auto; }
.hr-4f-list li { position:static; float:left; }
.hr-4f-list li img { width:100%; }
.hr-4f-list li:nth-child(1),
.hr-4f-list li:nth-child(2),
.hr-4f-list li:nth-child(3),
.hr-4f-list li:nth-child(4),
.hr-4f-list li:nth-child(5),
.hr-4f-list li:nth-child(6),
.hr-4f-list li:nth-child(7),
.hr-4f-list li:nth-child(8) { top:auto; left:auto; width:100%; height:auto; }
.hr-4f-list li:nth-child(3),
.hr-4f-list li:nth-child(4),
.hr-4f-list li:nth-child(6),
.hr-4f-list li:nth-child(7) { width:50%; }

}

/*ipad */
@media only screen and (width: 768px) and (height: 1024px) and (orientation : portrait) {
    .banner-hr {
        height: 120vh;
    }
}

/* ºáÆÁÑùʽ */
@media all and (orientation : landscape) and (max-width:800px) {
    .banner-hr {
        height: 280vh;
    }

    .banner-hr-item li h3 {
        font-size: 0.75rem;
        width: 30%;
    }
}
<!--ºÄʱ1756575366.843Ãë-->