#webPage{display: flex;flex-direction: column;}
.header{width: 100%;min-width: 1500px;background-color: #fff;user-select: none;height: 120px;box-sizing: border-box;position: relative;}
.header.fixed{position: fixed;z-index:99999;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);height: 85px;top: 0;}
.nav-placeholder{height: 0px;}
.header.fixed + .nav-placeholder{height: 85px;}
.site-topbar{height:35px;background-color: #F5F5F5;font-size: 13px;}
.site-topbar.fixed{display: none;}
.site-topbar .contain{width: 1500px;height:35px;margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;align-items: center;font-size: 14px;}
.site-topbar .contain .topbar-nav{width: 132px;display: flex;align-items: center;justify-content: space-around;}
.site-topbar .contain .topbar-nav .chinese{padding-right: 10px;border-right: 2px solid #d5d5d5;height: 15px;display: flex;align-items: center;}
.site-header{width: 1500px;margin: 15px auto;}
.site-header .contain{display: flex;align-items: center;justify-content: space-between;height: 55px;}
.site-header .contain .logo{height:55px;transform: scale(1.18);}
.site-header .contain .header-nav{width: 850px;color: #606060;padding-top:10px;}
.site-header .contain .header-nav .nav-list{display: flex;justify-content: center;font-size: 20px;height: 55px;align-items: center;letter-spacing: -1px;}
.site-header .contain .header-nav .nav-list .list-index{display: flex;align-items: center;height: 55px;padding:0 20px;}
.site-header .contain .header-nav .nav-list .list-index:hover a.jump-link{font-weight: bold;color: #02559A;border-bottom: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-culture-medium{display: flex;align-items: center;height: 55px;padding:0 15px;}
.site-header .contain .header-nav .nav-list .list-culture-medium:hover a.jump-link{font-weight: bold;color: #02559A;border-bottom: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-culture-medium:hover > div.culture-medium-contain{left: 0;top: 85%;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain{width: 100%;position: absolute;left: -9999px;top: -9999px;background-color: #fafafa;z-index: 999;color: #3a3a3a;box-shadow: 2px 4px 5px 0 rgba(4, 0, 0, 0.1);transition: transform 0.1s linear;padding-bottom: 20px;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain .contain-ul{width: 1500px; height: 340px;font-size: 15px;margin: 0 auto;display: flex;flex-direction: column;flex-wrap: wrap;padding: 10px 50px 15px 0;box-sizing: border-box;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain .contain-ul li{width: 260px;padding: 10px 45px 0 8px;line-height: 16px;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain .contain-ul .primary-category-special{font-size: 17px;font-weight: bold;margin: 15px 0 5px;padding: 0 0 0 5px;border-left: 3px solid #02559A;color: #02559A;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain .contain-ul .primary-category-special a{color: #02559A;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain .contain-ul .primary-category-normal{font-size: 15px;color: #02559A;font-weight: bold;margin: 10px 0 0;padding: 0 0 0 5px;border-left: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-culture-medium .culture-medium-contain .contain-ul .primary-category-normal a{color: #02559A;}
.site-header .contain .header-nav .nav-list .list-equipment{display: flex;align-items: center;height: 55px;padding:0 15px;}
.site-header .contain .header-nav .nav-list .list-equipment:hover a.jump-link{font-weight: bold;color: #02559A;border-bottom: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-equipment:hover > div.equipment-contain{left: 0;top: 85%;}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain{width: 100%;position: absolute;left: -9999px;top: -9999px;background-color: #fafafa;z-index: 999;color: #3a3a3a;box-shadow: 2px 4px 5px 0 rgba(4, 0, 0, 0.1);}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain .contain-ul{width: 1500px; font-size: 14px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 20px;padding: 35px 0 20px;box-sizing: border-box;border-radius: 20px;}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain .contain-ul li{display: flex;flex-direction: column;}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain .contain-ul .img{width: 170px;height:170px;display: block;background-color: #fff;}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain .contain-ul .img img{width: 170px;}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain .contain-ul .produNo{display: block;padding-left:5px;font-family: 'puhui-75';font-size: 15px;line-height: 15px;border-left: 3px solid #02559A;margin-top: 10px;}
.site-header .contain .header-nav .nav-list .list-equipment .equipment-contain .contain-ul .name{display: flex;width:170px;height:42px;}

.site-header .contain .header-nav .nav-list .list-report-download{display: flex;align-items: center;height: 55px;padding:0 15px;}
.site-header .contain .header-nav .nav-list .list-report-download:hover a.jump-link{font-weight: bold;color: #02559A;border-bottom: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-report-download:hover > div.report-download-contain{left: 0;top: 85%;}
.site-header .contain .header-nav .nav-list .list-report-download .report-download-contain{width: 100%;position: absolute;left: -9999px;top: -9999px;background-color: #fafafa;z-index: 999;color: #3a3a3a;box-shadow: 2px 4px 5px 0 rgba(4, 0, 0, 0.1);}
.site-header .contain .header-nav .nav-list .list-report-download .report-download-contain .contain-ul{width: 1500px; font-size: 14px;margin: 0 auto;display: flex;gap:25px;flex-wrap: wrap;padding: 20px 50px 15px 738px;box-sizing: border-box;}
.site-header .contain .header-nav .nav-list .list-report-download .report-download-contain .contain-ul li{}
.site-header .contain .header-nav .nav-list .list-report-download .report-download-contain .contain-ul a{display: inline-block;font-size: 15px;margin-bottom: 10px;padding-left: 5px;border-left: 3px solid #02559A;line-height: 15px;}

.site-header .contain .header-nav .nav-list .list-news-center{display: flex;align-items: center;height: 55px;padding:0 15px;}
.site-header .contain .header-nav .nav-list .list-news-center:hover a.jump-link{font-weight: bold;color: #02559A;border-bottom: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-news-center:hover > div.news-center-contain{left: 0;top: 85%;}
.site-header .contain .header-nav .nav-list .list-news-center .news-center-contain{width: 100%;position: absolute;left: -9999px;top: -9999px;background-color: #fafafa;z-index: 999;color: #3a3a3a;box-shadow: 2px 4px 5px 0 rgba(4, 0, 0, 0.1);}
.site-header .contain .header-nav .nav-list .list-news-center .news-center-contain .contain-ul{width: 1500px; font-size: 14px;margin: 0 auto;display: flex;flex-direction: column;flex-wrap: wrap;padding: 20px 50px 15px 986px;box-sizing: border-box;}
.site-header .contain .header-nav .nav-list .list-news-center .news-center-contain .contain-ul li{}
.site-header .contain .header-nav .nav-list .list-news-center .news-center-contain .contain-ul a{display: inline-block;font-size: 15px;margin-bottom: 10px;padding-left: 5px;border-left: 3px solid #02559A;line-height: 15px;}

.site-header .contain .header-nav .nav-list .list-about-haibo{display: flex;align-items: center;height: 55px;padding:0 15px;}
.site-header .contain .header-nav .nav-list .list-about-haibo:hover a.jump-link{font-weight: bold;color: #02559A;border-bottom: 3px solid #02559A;}
.site-header .contain .header-nav .nav-list .list-about-haibo:hover > div.about-haibo-contain{left: 0;top: 85%;}
.site-header .contain .header-nav .nav-list .list-about-haibo .about-haibo-contain{width: 100%;position: absolute;left: -9999px;top: -9999px;background-color: #fafafa;z-index: 999;color: #3a3a3a;box-shadow: 2px 4px 5px 0 rgba(4, 0, 0, 0.1);}
.site-header .contain .header-nav .nav-list .list-about-haibo .about-haibo-contain .contain-ul{width: 1500px; font-size: 14px;margin: 0 auto;display: flex;gap:25px;flex-wrap: wrap;padding: 20px 50px 15px 825px;box-sizing: border-box;}
.site-header .contain .header-nav .nav-list .list-about-haibo .about-haibo-contain .contain-ul li{}
.site-header .contain .header-nav .nav-list .list-about-haibo .about-haibo-contain .contain-ul a{display: inline-block;font-size: 15px;margin-bottom: 10px;padding-left: 5px;border-left: 3px solid #02559A;line-height: 15px;}



.site-header .contain .header-search{position: relative;width: 320px;padding-top:10px;}
.site-header .contain .header-search .search-form{display: flex;}
.site-header .contain .header-search .search-form .option{position: absolute;right: 0;padding: 0 20px;height: 40px;line-height: 30px;background-color: #3099DA;border-radius: 20px;color: #fff;font-size: 17px;display: flex;align-items: center;}
.site-header .contain .header-search .search-form .option:hover{cursor: pointer;}
.site-header .contain .header-search .search-form .input{width: 100%;height: 30px;background-color: #f1f1f1;border-radius: 20px;font-size: 16px;padding: 6px 20px 6px 37px;box-sizing: unset;}
.site-header .contain .header-search .search-form img{position: absolute;width: 17px;height: 17px;left: 13px;top: 23px;}

.home-banner-wrap{width: 100%;min-width: 1500px;}
.banner-wrap{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.container{width: 100%;margin: 0 auto;/* padding: 20px; */font-size: 14px;position:relative;overflow:hidden;}
.preview {text-align: center;padding: 5px;}
.preview a {display: inline-block;margin: 5px;}
.preview img {display: block;width: 200px;height: auto;}
.active {outline: 3px solid #196cd2;box-shadow: 2px 2px 20px 4px rgba(0,0,0,.5);}
.slider__item img{display: block;max-width: 100%;height: auto;}
.swiper-wrap{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;box-sizing: content-box;}
.home-banner-wrap .swiper-slider{display: block;padding-top: 57%;overflow: hidden;}
.swiper-slider{flex-shrink: 0;height: 100%;position: relative;transition-property: transform,-webkit-transform;}
.home-banner-wrap .swiper-slider img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home-banner-wrap .swiper-pagination{left: 0;bottom: 10px;width: 100%;text-align: center;}
.swiper-pagination{position: absolute;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.home-banner-wrap .slider-navitem{display: inline-block;vertical-align: middle;width: 6px;height: 6px;margin: 0 5px;background-color: #d9d9d9;border-radius: 50%;outline: none;cursor: pointer;transition: .2s ease all;}
.home-banner-wrap .slider-navitem-active{background-color: #b4282d;}

.home-show{width:1500px;margin:30px auto;display: flex;flex-direction: column;justify-content: space-between;}
.home-show .hopebiol-data{width: 1500px;background-color: #fff;padding: 30px 140px;box-sizing: border-box;display: flex;justify-content: space-between;border-radius: 20px;margin-bottom: 30px;}
.home-show .hopebiol-data div{display: flex;flex-direction: column;align-items: center;}
.home-show .hopebiol-data .data{font-size: 29px;font-family: 'puhui-75';color: #000;letter-spacing: 2px;}
.home-show .hopebiol-data .line{width: 30px;height: 3px;border-radius: 1px;background-color: #226FD6;margin: 5px 0;}
.home-show .hopebiol-data .name{font-size: 19px;}
.home-show .news-module{display: flex;justify-content: space-between;}
.home-show .news-module .news-wrap{width: 900px;height:277px;}
.home-show .news-module .news-wrap .news-slider-container{background-color:#f5f5f5;position: relative;overflow: hidden;width: 100%;margin: 0 auto;user-select: none;border-radius: 20px;}
.home-show .news-module .news-wrap .news-content{width:647px;background-color:#fff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.home-show .news-module .news-wrap .news-content .title{padding: 30px 30px 0;font-size: 24px;font-family: "puhui-75";width: 547px;box-sizing: border-box;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #333;}
.home-show .news-module .news-wrap .news-content .descripe{padding: 0px 30px 30px;font-size: 17px;height: 70px;white-space: revert-layer;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 33px;color: #333;margin-top: 20px;}
.home-show .news-module .news-wrap .slider-nav{display: none;}
.home-show .news-module .news-list{width: 565px;height:277px;background-color:#fff;border-radius: 20px;padding: 15px 25px;box-sizing: border-box;text-align: right;}
.home-show .news-module .news-list .more{text-align: right;font-size: 17px;color: #3073AB;border-bottom: 2px solid #3073AB;}
.home-show .news-module .news-list .news{padding-top:12px;}
.home-show .news-module .news-list .news .title{width: 395px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-show .news-module .news-list .news li{display: flex;justify-content: space-between;padding: 10px 0 3px 20px;font-size: 17px;border-bottom: 1px dashed #ccc;position: relative;}
.home-show .news-module .news-list .news li::before{position: absolute;content: "";width: 8px;height: 8px;left: 3px;top: 20px;border-radius: 50%;background-color: #01549A;}
.home-show .news-module .news-list .news .title a{}
.home-show .news-module .news-list .news .date{}

.home-show .product-series{margin: 30px 0;}
.home-show .product-series .title{text-align: center;padding: 30px 0;}
.home-show .product-series .title .name1{color: #0F85CD;font-size: 18px;}
.home-show .product-series .title .name2{color: #0F85CD;font-size: 45px;font-family: "puhui-95";line-height: 50px;}
.home-show .product-series .product-series-wrap .product-slider-container{width:345px;}
.home-show .product-series .product-series-wrap .product-slider-container .slider__item{margin-right: 40px;display: flex;flex-direction: column;align-items: center;background-color: #fff;border-radius: 20px;padding: 20px 0;width: 345px;}
.home-show .product-series .product-series-wrap .product-slider-container .slider__item .img{width: 345px;height: 300px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.home-show .product-series .product-series-wrap .product-slider-container .slider__item span{font-size: 20px;}
.home-show .product-series .product-series-wrap{position: relative;}
.home-show .product-series .product-series-wrap .slider-prev{position: absolute;left: -40px;top: 50%;z-index: 9;background-color: #c5c5c55e;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.home-show .product-series .product-series-wrap .slider-next{position: absolute;right: -40px;top: 50%;z-index: 9;background-color: #c5c5c55e;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.home-show .product-series .product-series-wrap .slider-prev img,
.home-show .product-series .product-series-wrap .slider-next img{width: 35px;}

.home-show .latest-products{margin: 30px 0;}
.home-show .latest-products .title{text-align: center;padding: 30px 0;}
.home-show .latest-products .title .name1{color: #0F85CD;font-size: 18px;}
.home-show .latest-products .title .name2{color: #0F85CD;font-size: 45px;font-family: "puhui-95";line-height: 50px;}
.home-show .latest-products .product-wrap .products-slider-container ul{width: 1500px;display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-between;padding: 60px 60px 80px;box-sizing: border-box;background-color: #fff;border-radius: 20px;}
.home-show .latest-products .product-wrap .products-slider-container li{display: flex;flex-direction: column;}
.home-show .latest-products .product-wrap .products-slider-container .img{width: 200px;height:200px;display: block;position: relative;overflow: hidden;border-radius: 5px;box-shadow: 0px 0px 10px 5px rgba(100,100,100,0.21);transition: transform 0.3s ease-out;transform-origin: center center;}
.home-show .latest-products .product-wrap .products-slider-container .img img{width: 200px;border-radius: 5px;display:block;}
.home-show .latest-products .product-wrap .products-slider-container .img:hover{transform: scale(1.1);}
.home-show .latest-products .product-wrap .products-slider-container .img .listAddCart{position:absolute;left:0;right:0;bottom:-40px;height:40px;background: linear-gradient(0deg, rgba(255,68,0,0.75), rgba(255,68,0,0.4));color:#fff;text-align:center;line-height:40px;font-size:14px;cursor:pointer;border-radius:0 0 5px 5px;transition: bottom 0.3s ease, opacity 0.3s ease;opacity:0;user-select:none;display:flex;align-items: center;justify-content: center;pointer-events: none;flex-direction: row;}
/* hover容器时，遮罩滑到底部紧贴图片 */
.home-show .latest-products .product-wrap .products-slider-container .img:hover .listAddCart{bottom: 0;opacity: 1;pointer-events: auto;}
.home-show .latest-products .product-wrap .products-slider-container .img .listAddCart:hover{background: linear-gradient(0deg, rgba(255,68,0,0.9), rgba(255,68,0,0.6));}

.home-show .latest-products .product-wrap .products-slider-container .produNo{display: block;padding: 15px 0 0;font-family: 'puhui-75';font-size: 15px;line-height: 15px;}
.home-show .latest-products .product-wrap .products-slider-container .name{display: flex;width:230px;height:42px;}
.home-show .latest-products .product-wrap .products-slider-container .slider-nav{padding-bottom: 28px;}
.home-show .latest-products .product-wrap .products-slider-container .slider-nav__control{border: 1px solid #85C1E6;background: #85C1E6;margin: 0 8px;width: 12px;height: 7px;border-radius: 5px;}
.home-show .latest-products .product-wrap .products-slider-container .slider-nav__control.is-active{background: #0F85CD;width: 35px;border-radius: 5px;border: 1px solid #0F85CD;}


.right-float-window{position: fixed;right: 0;top: 80%;z-index: 999;}
.right-float-window .cart{background-color: #3094D1;padding: 10px;border-radius: 6px;color: #fff;}



.footer{width: 100%;min-width: 1500px;background-color: #E3E3E3;user-select: none;padding-top: 50px;margin-top: 50px;}
.footer .foot{width: 1500px;height:380px;margin: 0 auto;display: flex;justify-content: space-between;}
.footer .foot .logo img{width: 180px;}
.footer .foot .Product-list{width:300px;}
.footer .foot .Equipment-list{width:300px;}
.footer .foot .Contact-list{width:300px;}
.footer .foot .About-list{width:200px;}
.footer .foot .title{font-size: 20px;font-family: "puhui-75";margin-bottom: 12px;}
.footer .foot .bold{font-family: "puhui-55";}
.footer .foot ul{display: flex;flex-direction: column;gap: 10px;font-family: "puhui-45";}
.footer .foot li::before{position: absolute;content: "";width: 4px;height: 4px;left: 3px;top: 10px;border-radius: 2px;background-color: #474747;}
.footer .foot li{font-size: 16px;padding-left: 15px;position: relative;}


.site-footbar{width: 100%;min-width: 1500px;background-color: #585A59;user-select: none;color: #fff;text-align: center;font-size: 22px;padding: 10px 0;}