@charset "utf-8"; 
:root{--color:#004F92}
.head-link em,.head-link .item a:hover{color:#fff}
.home-about .about-info .about-line{background:var(--color)}
.home-video{ background-image: url(/uploads/41757/page/p20240425170520736f1.jpg) !important;}
@font-face {font-family: "iconfont";src: url('/js/41757/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-zuoyou:before {content: "\e515";}
.icon-youjiantou-:before {content: "\e631";}
.icon-thumbup-fill:before {content: "\e63a";}
.icon-tuandui:before {content: "\e62d";}
.icon-zuoyou1:before {content: "\e505";}
.icon-rongyumianxing:before {content: "\e606";}
.icon-kefu2:before {content: "\e605";}
.home-wrap{max-width:1560px;margin:0 auto}
.home-titles{text-align:center}
.home-titles h4{font-weight:700;font-size:42px;color:var(--color);line-height:1}
.home-titles p{font-weight:400;font-size:18px;color:#999;line-height:24px;max-width:60%;margin:25px auto 0}
.home-product{padding:80px 0}
.prodcut-item{display:flex;justify-content:space-between;margin-top:50px}
.product-main{position:relative}
.prodcut-left{width:29.5%;background:var(--color);padding:55px 50px;position:relative}
.product-right{width:67.5%}
.pro-mySwiper .swiper-wrapper{width:100%;height:910px;margin-left:auto;margin-right:auto}
.prodcut-boxtext{padding:10px 20px;background:#f1f1f1}
.pro-mySwiper .swiper-slide{height:calc((100% - 30px)/ 2)!important;display:flex;justify-content:center;align-items:center}
.prodcut-title h4{font-weight:700;font-size:24px;color:#fff;line-height:24px;margin-bottom:40px}
.prodcut-title p{font-size:14px;color:#fff;line-height:24px}
.product-list{margin-top:50px}
.product-list .prodcut-li{display:flex;align-items:center;transition: all .3s ease-in-out;}
.prodcut-li span{display:block;font-size:20px;color:#fff;margin-right:17px;line-height:1}
.prodcut-li p{font-weight:700;font-size:16px;color:#fff;line-height:40px}
.product-btn{display:flex;position:absolute;bottom:55px}
.product-btn a{font-weight:700;font-size:18px;color:#fff;line-height:1;padding:20px 35px;border:1px solid #eee;border-radius:30px;transition: all .3s ease-in-out;}
.product-btn a em{margin-left:20px;line-height: 1;}
.prodcut-boxtext a p{font-weight:700;font-size:16px;color:#333;line-height:1.5;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.prodcut-btn{margin-top:10px}
.product-boximg{overflow: hidden;}
.product-boximg img{transition: all .3s ease-in-out;}
.prodcut-btn em{font-size:24px;line-height:1;color:var(--color)}
.product-next span,.product-prev span{line-height:1;display:block;font-size:32px;font-weight:800}
.product-next,.product-prev{position:absolute;color:#666;width:30px;top:50%;transform:translateY(-50%);cursor:pointer;z-index: 3;}
.product-next{left:-50px}
.product-prev{right:-50px}
.product-main .swiper-button-disabled span{opacity:.5}
.about-main{display:flex;justify-content:center;align-items:end}
.about-left,.about-right{width:50%}
.home-abouts{padding:95px 0 75px;background:url(/uploads/41757/hrd/aboutback.jpg) top no-repeat;position:relative;z-index:1}
.home-abouts::after{position:absolute;content:'';width: 60%;height:266px;background:#f9f9f9;right:0;bottom:0;z-index:-1}
.home-abouts::before{content:'';background:url(/uploads/41757/hrd/about-d.png) no-repeat;width:38%;position:absolute;height:150px;bottom:0;z-index:-1}
.about-left{padding-right:25px}
.about-right{padding-right:9%;box-sizing:border-box;padding-left:25px}
.about-title h4{font-weight:700;font-size:42px;color:#fff;line-height:1}
.about-span span{width:7px;height:7px;background:#fff;border-radius:50%;display:block;margin-right:9px}
.about-span div{width:33px;height:6px;background:#fff;border-radius:3px;margin-right:9px}
.about-title p{font-weight:400;font-size:16px;color:#ccc;line-height:30px}
.about-span{display:flex;align-items:center;margin:20px 0}
.about-ioce{display:flex;margin-top:30px}
.about-list{margin-right:45px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.about-list p{font-size:16px;color:var(--color);line-height:1;font-weight:700;text-transform:uppercase;margin-top:15px}
.about-img{width:85px;height:85px;background:var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center}
.about-img img{transition: all .3s ease-in-out;}
.about-text{margin:30px 0}
.about-text p{font-weight:400;font-size:16px;color:#666;line-height:36px}
.about-math{display:flex;margin-top:40px;justify-content:space-between}
.math-t{display:flex;font-weight:700;font-size:32px;color:var(--color);line-height:1}
.about-btn{display:flex;margin-bottom:30px}
.about-btn a{font-weight:400;font-size:16px;color:#fff;line-height:1;padding:20px 25px;background:var(--color);border-radius:10px;border: 1px solid #fff;transition: all .3s ease-in-out;}
.about-item{display:flex;align-items:center}
.about-size{margin-left:22px;width:74%}
.about-image{flex:1;overflow: hidden;border-radius: 5px;}
.about-image img{transition: all .3s ease-in-out;}
.about-size p:nth-of-type(1){font-size:24px;color:var(--color);line-height:1.2;font-weight:600}
.about-size p:nth-of-type(2){font-size:18px;color:#333;line-height:36px}
.about-math-box{display:flex;align-items:center;width:30%}
.math-p{margin-top:10px}
.math-img{margin-right:15px}
.math-p p{font-weight:400;font-size:14px;color:#666;line-height:1;text-align:center}
.about-left img{padding:15px 15px 15px 0;background:#fff;box-shadow:0 0 12px 2px #ccc;border-radius:0 0 50px 0}
.emerge-item{display:flex;align-items:center;margin-top:45px;position:relative;z-index:0}
.emerge-item::after{position:absolute;height:100%;content:'';width:60%;background:#f1f4f9;z-index:-1;border-radius:10px}
.emerge-left{flex:1;padding:70px 85px 70px 60px}
.emerge-right img{transition: all .3s ease-in-out;display: block;}
.emerge-right{width:44%}
.emerge-text h4{font-weight:700;font-size:36px;color:#333;line-height:1;margin-bottom:25px}
.emerge-text p{font-weight:400;font-size:18px;color:#666;line-height:30px}
.emerge-left ul{margin-top:30px}
.emerge-left ul li{list-style-type:none;font-weight:400;font-size:18px;color:#444;line-height:36px;padding-left:15px;position:relative}
.emerge-left ul li::after{position:absolute;content:'';width:9px;height:9px;background:var(--color);border-radius:50%;left:0;top:50%;transform:translateY(-50%)}
.home-emerge{margin-top:80px;padding-bottom:85px}
.emerge-btn{display:flex;margin-top:30px}
.emerge-btn a{font-weight:400;font-size:16px;color:#fff;line-height:1;padding:18px 30px;background:var(--color);border-radius:10px;border: 1px solid var(--color);transition: all .3s ease-in-out;}
.home-items{display:flex;justify-content:space-between;margin-top:72px}
.home-box{background:#fff;box-shadow:2px 3px 18px 0 rgba(0,0,0,.1);border-radius:10px;width:24%;padding:30px 27px;box-sizing:border-box;transition: all .3s ease-in-out;}
.home-boximg{width:48px;height:48px;display:flex;justify-content:center;align-items:center}
.home-boximg em{font-size:38px;line-height:1;color:var(--color)}
.home-boxtext h4{font-weight:700;font-size:20px;color:#333;line-height:30px}
.home-boxtext p{font-weight:400;font-size:16px;color:#666;line-height:28px;margin-top:15px}
.solutions-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:55px}
.solutions-box{width:24%;margin-bottom:2%;position:relative}
.solutions-img img{width:100%;display:block}
.solutions-btn{position:absolute;width:100%;height:100%;top:0;left:0;background:#004f9275;opacity:0;transform:scale(0);transition:all .4s ease-in-out}
.solutions-btn a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}
.solutions-btn p{font-weight:700;font-size:18px;color:#fff;line-height:24px;margin-bottom:25px}
.solutions-box:hover .solutions-btn{opacity:1;transform:scale(1)}
.news-item{margin:50px 0 20px;display:flex;height:600px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-box{width:48%;position:relative}
.news-box:nth-child(1){height:100%}
.news-box:nth-child(1) .news-img{width: 100%;height: 100%;}
.news-box:nth-child(1) .news-img a{width: 100%;height: 100%;}
.news-box:nth-child(1) .news-img img{width: 100%;height: 100%;object-fit: cover;}
.news-box:nth-child(1) .news-text{position:absolute;bottom:0;padding:30px}
.news-box:not(:first-child){height:31%;display:flex;justify-content:space-between}
.news-box:nth-child(1) a,.news-box:nth-child(1) p{color:#fff}
.news-box:not(:first-child) .news-img{width:30%;border-radius:10px;overflow:hidden}
.news-box:not(:first-child) .news-text{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:30px;box-sizing:border-box;flex:1}
.news-img{display:flex;overflow:hidden}
.news-img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.news-data{margin-bottom:15px}
.news-data p{font-weight:400;font-size:14px;color:var(--color);line-height:24px}
.news-size a{font-size:20px;color:#222;line-height:24px;font-weight:600}
.home-news{margin-top: 50px;}
.news-size p{-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;}
.news-img:hover img{transform:scale(1.02)}
.news-box:hover a{color:var(--color)}
.home-box:hover{transform: translateY(-10px);}
.emerge-btn a:hover{background: none;color: var(--color);}
.about-list:hover .about-img img{transform: rotateY(180deg);}
.about-image:hover img{transform: scale(1.02);}
.product-list .prodcut-li:hover{transform: translateY(-5px);}
.product-btn a:hover{background: #fff;color: var(--color);}
.about-btn a:hover{background: #fff;color: var(--color);border: 1px solid var(--color);}
.product-boximg:hover img{transform: scale(1.02);}
.emerge-right:hover img{transform: scale(1.02);}
.prodcut-boxtext a h4{-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
@media (max-width:1600px) {
.home-titles h4,.about-title h4{font-size: 36px;}
.emerge-text h4{font-size: 28px;margin-bottom: 20px;}
.home-product {padding: 50px 0;}
.prodcut-item{margin-top: 20px;}}
@media (max-width:1560px) {
.home-wrap{padding: 0 3%;}
.product-prev {right: -30px;}
.product-next {left: -30px;}
.prodcut-left{padding: 55px 34px;}
.product-list {margin-top: 30px;}
.prodcut-li p{font-size: 14px;}
.product-btn a{font-size: 14px;padding: 15px 30px;}
.prodcut-boxtext{padding: 20px;}
.prodcut-boxtext a p{font-size: 14px;}}
@media (max-width:1420px) {
.home-titles h4{font-size: 28px;}
.home-titles p{font-size: 16px;max-width: 80%;}
.about-right{padding-right: 3%;}
.solutions-item{margin-top: 20px;}
.news-item{height: 520px;}
.news-size a{font-size: 18px;}}
@media (max-width:1366px) {
.emerge-left{padding: 30px;}
.emerge-btn a{font-size: 14px;padding: 15px 30px}
.emerge-left ul li{font-size: 16px;}
.emerge-text h4{font-size: 24px;}
.about-text p{line-height: 1.5;}
.about-size p:nth-of-type(1){font-size: 20px;}
.math-t{font-size: 26px;}}
@media (max-width:1024px) {
.home-titles h4, .about-title h4{font-size: 32px;}
.prodcut-item{flex-direction: column;}
.prodcut-left {padding: 20px;width: 100%;}
.product-btn{position: relative;bottom: auto;margin-top: 20px;}
.prodcut-li p {font-size: 12px;}
.product-list {margin-top: 10px;}
.prodcut-title h4{margin-bottom: 20px;}
.product-right{width: 100%;margin-top: 25px;}
.pro-mySwiper .swiper-slide{height: auto !important;}
.pro-mySwiper .swiper-wrapper{height: 510px;}
.product-next, .product-prev{top: 70%;}
.prodcut-boxtext {padding: 10px;}
.prodcut-btn{height: 20px;}
.about-main{flex-direction: column;}
.about-left, .about-right{width: 100%;}
.about-left{padding: 0 3%;}
.about-left img{padding: 15px;width: 100%;}
.about-title h4{color: var(--color);}
.about-span span,.about-span div{background: var(--color);}
.about-right{margin-top: 30px;}
.home-abouts::before{display: none;}
.home-abouts::after{width: 100%;height: 50%;}
.home-items{flex-wrap: wrap;}
.home-box{width: 49%;margin-bottom: 2%;}
.home-items{margin-top: 40px;}
.emerge-item{flex-direction: column;}
.emerge-right{width: 100%;}
.emerge-item::after{width: 100%;}
.solutions-btn p{font-size: 16px;}
.solutions-btn a img{width: 20px;}
.news-item {height: 373px;margin: 25px 0 20px;}
.news-size p{-webkit-line-clamp: 1;}
.news-size a{-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.home-titles p{margin: 10px auto 0;}
.home-emerge {margin-top: 50px;padding-bottom: 50px;}}
@media (max-width:768px) {
.home-titles h4, .about-title h4{font-size: 22px;}
.pro-mySwiper .swiper-wrapper {height: auto;}
.product-next span, .product-prev span{font-size: 24px;}
.product-next {left: -20px;}
.product-next, .product-prev {top: 80%;}
.news-item{height: auto;}
.news-box{width: 100%;margin-bottom: 20px;}
.solutions-item{padding: 0 3%;}}
@media (max-width:500px) {
.home-product {padding: 25px 0;}
.home-titles p{max-width: 100%;}
.product-btn a {font-size: 12px;padding: 10px 15px;}
.about-size p:nth-of-type(1){font-size: 16px;}
.about-span{margin: 10px 0;}
.about-ioce{justify-content: center;}
.about-list {margin-right: 0;width: 30%;}
.about-title p{color: #4a4a4a;}
.about-item{flex-direction: column;}
.about-size {margin-left: 0;width: 100%;margin-top: 20px;}
.about-size p:nth-of-type(2){font-size: 16px;color: #333;line-height: 1.5;}
.math-t{font-size: 18px;}
.math-p p{font-size: 12px;}
.emerge-left ul li{font-size: 14px;}
.emerge-left{padding: 15px;}
.emerge-text p{font-size: 14px;}
.emerge-left ul {margin-top: 10px;}
.emerge-text h4 {font-size: 20px;margin-bottom: 10px;}
.emerge-btn a{padding: 10px 25px;}
.emerge-btn{margin-top: 10px;}
.home-box {width: 100%;padding: 15px 20px;}
.home-boxtext h4{font-size: 16px;}
.home-boxtext p{margin-top: 10px;}
.solutions-box{width: 49%;}
.home-news {margin-top: 25px;padding-bottom: 20px;}
.about-btn a{padding: 10px 20px;}
.about-img{width: 65px;height: 65px;}
.about-img img{width: 50%;}}
@media (min-width:1281px){.pro-list.list0 li .pro-img{width:402px;}}
footer .foot-main .foot-item.foot-code .foot-qrimg{width:100%;display:flex;}
footer .foot-main .foot-item.foot-code .foot-qrimg img{height:auto;width:48%;max-width:120px;}
footer .foot-main .foot-item.foot-code .foot-qrimg img:nth-child(1){margin-right:2%;}
@media (max-width:1024px){footer .foot-main .foot-item.foot-code{display:block;}}