body{height:100%;position:relative;color:#333;background:#fefef6}
.header {position:fixed;z-index:99;}
.logo-all{top:10%}
.nav-all{top:34%;}
.container{padding:40px 20px;}

.section1 .full-one-inside{background:url(../img/loading.svg) no-repeat center center;}
.section2 .full-one-inside{background:url(https://img.hnbfjy.com/uploads/allimg/20240725/1-240H5234924392.jpg) no-repeat center center;background-size:cover;}
.section3 .full-one-inside{background:url(https://img.hnbfjy.com/uploads/allimg/20240725/1-240H5234923217.jpg) no-repeat bottom center;background-size:cover;}
.section4 .full-one-inside{background:url(https://img.hnbfjy.com/uploads/allimg/20240725/1-240H5234924392.jpg) no-repeat center center;background-size:cover;}

.section1 .slider li{position:relative}
.section1 .slider li::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:90}
.section1 .slider li video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;object-fit:cover;display:inline-block;vertical-align:baseline}
.section1 .image-box{padding-top:100vh;overflow:hidden;position:relative}
.section1 .image-box span{background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .5s;-webkit-transition:all .5s}


.index-right-nav{width:120px;position:fixed;top:50%;right:0;z-index:50;display:none;}
.index-right-nav {-o-transition:.5s;-moz-transition: .5s;transition: .5s;}
.index-right-nav:hover{-webkit-transform:translateX(-60px) scale(2);-moz-transform:translateX(-60px) scale(2);-ms-transform:translateX(-60px) scale(2);-o-transform:translateX(-60px) scale(2);transform:translateX(-60px) scale(2)}


.section2 .inside-title {color:#153580;font-size:2.8rem;margin-top:2%;}
.section2 .inside-title::before{background:#153580;content:'';display:block;position:absolute;width:100px;height:3px;bottom:-12px;left:50%;margin-left:-50px}

.section2 .index-prod-list{position:relative;margin:7% 8% 3%;}
.section2 .index-prod-list>ul{display:flex;justify-content:space-around;align-items:center}
.section2 .index-prod-list .prod-one{-o-transition:.8s .05s,box-shadow .8s 0s;-moz-transition:.8s .05s,box-shadow .8s 0s,-moz-box-shadow .8s 0s;transition:.8s .05s,box-shadow .8s 0s;transition:.8s .05s,box-shadow .8s 0s,-moz-box-shadow .8s 0s}
.section2 .index-prod-list .prod-one img{max-height:500px}
.section2 .index-prod-list>ul>li:hover .prod-one{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);}

.section3 .index-quality-list{margin:8% 12%;text-align:center;}
.section3 .index-quality-list .image-box{display:flex;align-items:center;justify-content:space-around;}
.section3 .index-quality-list .image-box img{width:100%;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.section3 .index-quality-list .image-box img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.section4 .index-news-list a{color:#09194c}
.section4 .index-news-list a:hover{color:#ec7729}
.section4 .index-news-list{margin:20px 10%;}
.section4 .index-news-list .news-title{margin-bottom:30px;font-size:2.2rem;font-weight:bold;color:#222}
.section4 .index-news-list .image-box {width:100%;display:flex;align-items:center;justify-content:space-between;}
.section4 .index-news-list .image-box li:nth-child(1){margin-right:3%}
.section4 .index-news-list .image-box li .news-image{padding-top:300px;-o-transition:.5s;-moz-transition:.5s;transition:.5s;overflow:hidden; position:relative;}
.section4 .index-news-list .image-box li .news-text{font-size:1.2rem;line-height:2rem;margin:25px 0;}
.section4 .index-news-list .image-box li .news-image .date{width:130px;height:50px;line-height:3rem;font-size:1.2rem;text-align:center;background:#092e62;color:#fff;position:absolute;right:0;bottom:0;}
.section4 .index-news-list .image-box li .news-image span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;transition: all .5s;-webkit-transition: all .5s;}
.section4 .index-news-list .image-box li .news-image img{ width:auto !important; max-height:100%;}
.section4 .index-news-list .image-box li:hover .news-image{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.section4 .index-news-list .text-box{width:100%;margin-top:20px;border-top:1px solid #e5e5e5;}
.section4 .index-news-list .text-box li{line-height:60px;border-bottom:1px solid #e5e5e5;padding-left:12px;padding-right:67px;position: relative;}
.section4 .index-news-list .text-box li::before{content:'';display: block;width:5px;height:5px;background:#d00806;border-radius:50%;position: absolute;left:0;top:50%;margin-top:-2.5px;}
.section4 .index-news-list .text-box li span{font-size:1rem;color:#999;position: absolute;right:0;top:0;}
.section4 .index-news-list .text-box li p{font-size:1rem;}

.dot1{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;padding-right:40px;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}