/* 基础重置 */
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ol,ul,li,dl,dt,dd,div,p{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{font-family:"Microsoft YaHei", Arial, sans-serif;max-width:1920px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6;overflow-x:hidden;overflow-y:scroll;color:#000;padding-top:140px}
h1,h2,h3,h4,h5,h6{font-weight:500}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
li,ol,ul{list-style:none}
button{outline:0;border:none;cursor:pointer}

/* 滚动显示效果 */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}
.rv.in{opacity:1;transform:none}

/* 通用容器 */
.l-wrap{width:100%;max-width:1740px;padding:0px 70px;margin:0px auto}

/* 头部整体 */
header{position:fixed;top:0px;left:0px;width:100%;background:#FFF;z-index:999;transition:all .3s ease}
header.is-active .head-top{margin-top:-40px;opacity:0;visibility:hidden}
header.is-active .head-info{height:60px;box-shadow:0 2px 20px rgba(0,0,0,.15)}
header.is-active .head-info .head-logo img{max-height:40px}

/* 顶部深蓝色条 */
header .head-top{background:#003366;color:#FFF;height:40px;transition:margin .1s linear}
header .head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-top .head-contact{display:flex;align-items:center}
header .head-top .head-contact .item{display:flex;align-items:center;margin-right:20px}
header .head-top .head-contact .item em{color:#0092FF;margin-right:5px;font-size:20px;font-style:normal}
header .head-top .head-contact .item a{font-size:14px;color:#fff}
header .head-top .head-contact .item a:hover{color:#ffff00}

/* 联系我们下拉 */
.head-lang{display:flex;align-items:center;justify-content:center}
.lang{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:#fff}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#999;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#999;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:#000;font-size:12px;text-decoration:none;white-space:nowrap}
.lang-wrap li img{display:inline-block;width:120px;height:100px;vertical-align:-.25em;margin-right:0px}

/* 白色导航栏 */
header .head-info{height:100px;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear}
header .head-info .l-wrap{width:1280px;padding:0;height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-info .head-logo{display:flex;align-items:center}
header .head-info .head-logo a{display:block;align-items:center}
header .head-info .head-logo img{width:auto;max-width:300px;max-height:80px}

/* 主导航菜单 */
header .head-info .head-nav{height:100%;display:flex;align-items:center;flex:1;justify-content:flex-end}
header .head-info .head-nav .nav-ul{display:flex;height:100%}
header .head-info .head-nav .nav-ul>li{position:relative;height:100%}
header .head-info .head-nav .nav-ul>li>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:#000;font-weight:500;padding:0px 20px;transition:all .1s linear;position:relative;white-space:nowrap}
header .head-info .head-nav .nav-ul>li>a::after{content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background:#0092FF;transition:all .2s linear}
header .head-info .head-nav .nav-ul>li>a.inmenu_1{color:#0092FF}
header .head-info .head-nav .nav-ul>li>a.inmenu_1::after{width:100%}
header .head-info .head-nav .nav-ul>li>a.active{color:#0092FF}
header .head-info .head-nav .nav-ul>li>a.active::after{width:100%}
header .head-info .head-nav .nav-ul>li:hover>a{color:#0092FF}
header .head-info .head-nav .nav-ul>li:hover>a::after{width:100%}

/* 下拉箭头小三角（CSS绘制） */
header .head-info .head-nav .nav-ul>li>a .icon-xiangxia1{
  display:inline-block;
  margin-left:5px;
  font-size:16px;
  color:#000;
  transition:transform 0.3s ease, color 0.3s ease;
}
header .head-info .head-nav .nav-ul>li>a:hover .icon-xiangxia1{
  color:#0092FF;
  transform:rotate(180deg);
}

header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .head-info .head-nav .nav-ul>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .head-info .head-nav .nav-ul>li .submenu li a{display:flex;align-items:center;font-size:16px;height:100%;font-weight:500;color:#000;padding-right:30px;border-bottom:1px solid #EAEAEA}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:#F6F6F6}
header .head-info .head-nav .nav-ul>li .submenu li:hover a{color:#0092FF}
header .head-info .head-nav .nav-ul>li .submenu li a.active{color:#0092FF}

/* 搜索框 */
.search-box{position:relative;display:flex;align-items:center;height:100%}
.head-search{display:flex;align-items:center;margin-right:0}
.head-search button{outline:0;background:0 0;border:none;padding:10px;cursor:pointer}
.head-search button em{font-size:26px;color:#0092FF;font-weight:600;font-style:normal}
.search-input{position:absolute;top:100%;right:0px;background:#FFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);border:2px solid #0092FF;opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-input input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.search-input .search-btn em{font-size:22px;color:#0092FF;font-style:normal}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}

/* 轮播图区域 */
.home-banner{position:relative;width:100%;overflow:hidden}
.home-banner .swiper{width:100%;height:100%}
.home-banner .swiper-wrapper{width:100%;height:100%}
.home-banner .swiper-slide{overflow:hidden;position:relative}
.home-banner .swiper-slide img{width:100%;display:block}
.home-banner .pcimg{display:block}
.home-banner .pcimg img{display:block}
.home-banner .mobimg{display:none}

/* 图片回弹缩放动画 */
.home-banner .swiper-slide.swiper-slide-active img{animation:bannerimg 6s forwards}
@keyframes bannerimg{
  0%{transform:scale(1)}
  80%{transform:scale(1.04)}
  100%{transform:scale(1.035)}
}

/* 轮播文字层 */
.banner-animote{position:absolute;bottom:20%;left:10%;color:#ffffff;opacity:0;max-width:770px;z-index:10}
.banner-animote .title{font-size:36px;font-weight:500;line-height:1.4;text-transform:capitalize;color:#0099ff}
.banner-animote .text{margin-top:15px;font-size:24px}
.banner-animote .btn{margin-top:2em}
.banner-animote .btn .home-more{display:inline-block;padding:12px 40px;background:#0092FF;color:#fff;font-size:16px;border-radius:4px;transition:all .3s}
.banner-animote .btn .home-more:hover{background:#0077CC}

/* 文字弹出动画 */
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{
  0%{opacity:0;transform:scale(0)}
  100%{opacity:1;transform:scale(1)}
}

/* 轮播指示器（进度条样式） */
.banner-pagination{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px}
.banner-pagination .progress-item{background-color:#e2e2e2;border-radius:2px;height:4px;overflow:hidden;position:relative;width:32px}
.banner-pagination .progress-item:after{background-color:#0092FF;border-radius:2px;content:"";display:block;height:100%;width:0px}
.banner-pagination .progress-item.active:after{transition:width 6s linear;width:100%}

/* 左右箭头 */
.banner-button-next,
.banner-button-prev{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;background:rgba(0,0,0,.3);color:#FFF;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:all .3s}
.banner-button-next:hover,
.banner-button-prev:hover{background:rgba(0,0,0,.5)}
.banner-button-next{right:70px}
.banner-button-prev{left:70px}
.banner-button-next em,
.banner-button-prev em{font-style:normal}

/* 通用容器 */
.l-wrap{width:1280px;margin:0 auto;padding:0}

/* 产品展示 */
.home-product{background:#001a4d;padding:60px 0}
.home-product .product-title{text-align:center;margin-bottom:40px}
.home-product .product-title .home-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:10px}
.home-product .product-title .des{font-size:14px;color:rgba(255,255,255,.7)}
.home-product .product-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}
.home-product .product-item{background:#fff;border-radius:4px;overflow:hidden;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:50px 0;position:relative;transition:all .3s}
.home-product .product-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#0092FF;transform:scaleX(0);transition:transform .3s}
.home-product .product-item:hover::before{transform:scaleX(1)}
.home-product .product-item:hover .title{color:#0092FF}
.home-product .product-item:hover .product-img img{transform:scale(1.1)}
.home-product .product-img{width:255px;flex-shrink:0;padding:0;overflow:hidden}
.home-product .product-img img{width:255px;height:220px;object-fit:cover;display:block;transition:transform .3s}
.home-product .product-info{padding:25px;flex:1}
.home-product .product-info .title{font-size:18px;color:#333;font-weight:500;margin-bottom:15px;text-decoration:none;display:block}
.home-product .product-info .text{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}
.home-product .product-info .home-more{display:inline-block;padding:10px 25px;background:#0092FF;color:#fff;font-size:14px;border-radius:4px;text-decoration:none;transition:all .3s}
.home-product .product-info .home-more:hover{background:#0077CC}
.home-product .product-info .home-more em{font-style:normal;margin-left:5px}
.home-product .product-more{text-align:center}
.home-product .product-more .home-more{display:inline-block;padding:12px 40px;background:#0092FF;color:#fff;font-size:16px;border-radius:4px;text-decoration:none;transition:all .3s}
.home-product .product-more .home-more:hover{background:#0077CC}
.home-product .product-more .home-more em{font-style:normal;margin-left:5px}

/* 选择善诚 */
.choose-us{height:650px;padding:40px 0 40px;background:url(../img/Chooseds.jpg) no-repeat center top}
.choose-us .choose-title{text-align:center;margin-bottom:40px}
.choose-us .choose-title h2{font-size:36px;font-weight:700;color:#333;margin-bottom:5px}
.choose-us .choose-title p{font-size:36px;font-weight:700;color:#333}
.choose-list{display:flex;justify-content:space-between;gap:0;align-items:flex-end;height:400px;border-top:1px solid #fff}
.choose-item{width:25%;text-align:center;padding:18px;transition:all .3s;position:relative;height:280px;display:flex;flex-direction:column;justify-content:flex-end}
.choose-name{font-size:18px;font-weight:500;color:#333;margin-bottom:10px;line-height:1.4}
.choose-desc{font-size:14px;color:#333;line-height:1.5;margin-bottom:15px}
.choose-img{width:100%;height:128px;overflow:hidden;transition:all .3s}
.choose-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:all .3s}
.choose-item:hover{background:#fff;height:400px}
.choose-item:hover .choose-img{height:220px}

/* 产品优势 */
.home-adv{background:#001a4d;padding:60px 0}
.home-adv .adv-title{text-align:center;margin-bottom:50px}
.home-adv .adv-title .des{font-size:18px;color:#0092FF;margin-bottom:8px}
.home-adv .adv-title .home-title{font-size:36px;font-weight:700;color:#fff}
.home-adv .homeadv-list{display:flex;justify-content:space-between;gap:35px}
.home-adv .homeadv-list li{width:25%}
.home-adv .adv-card{position:relative;background:#fff;border-radius:4px;overflow:hidden;height:320px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.home-adv .adv-default{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s}
.home-adv .adv-default em{font-size:60px;color:#0092FF;margin-bottom:20px;font-style:normal}
.home-adv .adv-default .title{font-size:18px;color:#333;font-weight:500;margin-bottom:40px}
.home-adv .adv-default .num{font-size:48px;color:#001a4d;font-weight:700;line-height:1}
.home-adv .adv-hover{position:absolute;top:0;left:0;width:100%;height:100%;background:#0092FF;padding:25px;opacity:0;transition:all .3s;display:flex;flex-direction:column;justify-content:center;transform:scale(0);transform-origin:center}
.home-adv .adv-card:hover .adv-hover{opacity:1;transform:scale(1)}
.home-adv .adv-hover .title{font-size:18px;color:#fff;font-weight:500;text-align:center;margin-bottom:15px}
.home-adv .adv-hover .text{font-size:13px;color:rgba(255,255,255,.9);line-height:1.7;text-align:center;margin-bottom:15px}
.home-adv .adv-hover .more{font-size:13px;color:#fff;text-decoration:none;text-align:center}
.home-adv .adv-hover .more em{font-style:normal;margin-left:5px}

/* 公司实力展示（用图片做底色） */
.baozhangds {
	overflow: hidden;
	width: 100%;
	height: 536px;
	background: url(../img/bzds.jpg) no-repeat center top;
	margin-bottom: 55px;
	position: relative;
}
.baozhangds .l-wrap{position:relative;height:100%}
.baozhangds-text{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 38px;
}
.baozhangds-text .line1{font-size:36px;font-weight:700;margin-bottom:15px;display:flex;justify-content:center;gap:20px}
.baozhangds-text .line1 .blue{color:#0092FF}
.baozhangds-text .line1 .black{color:#333}
.baozhangds-text .line2{font-size:22px;color:#666}

/* 底部 */
footer{background:#0a1d3d;padding:38px 0 0;color:#848e9f;font-size:14px}
.foot-main{display:flex;justify-content:space-between;margin-bottom:38px;gap:40px}
.foot-item{width:23%}
.foot-info{width:12%}
.foot-title{color:#fff;font-size:20px;font-weight:500;margin-bottom:15px}
.foot-qrimg{width:120px;height:120px;background:#fff;padding:3px}
.foot-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.foot-list li{margin-bottom:0}
.foot-list a{color:#848e9f;text-decoration:none;transition:all .3s}
.foot-list a:hover{color:#fff}
.foot-tel{display:flex;align-items:center;margin-bottom:20px}
.foot-tel .icon{width:50px;height:50px;background:#0092FF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px}
.foot-tel .icon em{color:#fff;font-size:26px}
.foot-tel .content{
	display: flex;
	flex-direction: column;
	font-size: 16px;
}
.foot-tel .content span:first-child{font-size:16px;color:#fff}
.foot-tel .content span:last-child{font-size:16px;font-weight:500;color:#fff}
.foot-contact .item{margin-top:10px;line-height:1.6;color:#848e9f}
.foot-contact .item span{color:#0092FF;margin-right:5px}
.copyright{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:14px;color:#848e9f}
.copyright a{color:#848e9f;text-decoration:none}

/* 返回顶部 */
.gotop{position:fixed;bottom:100px;right:30px;width:45px;height:45px;background:rgba(0,0,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.gotop.active{opacity:1;visibility:visible}
.gotop em{color:#fff;font-size:18px;font-style:normal;transform:translateY(-2px)}
.gotop:hover{background:rgba(0,0,0,.5)}

/* 合作客户 滚动墙 */
.clients{padding:40px 0;background:#f5f3f0;overflow:hidden}
.marquee{overflow:hidden;white-space:nowrap;padding:14px 0}
.marquee-track{display:inline-flex;gap:16px;animation:marqueeL 50s linear infinite;align-items:center}
.marquee.reverse .marquee-track{animation:marqueeR 50s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:inline-block;background:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:200px;height:80px;display:flex;align-items:center;justify-content:center}
.marquee-item img{max-width:180px;max-height:60px;display:block}
@keyframes marqueeL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marqueeR{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

/* 关于我们 */
.home-about{padding:80px 0}
.home-about .l-wrap{display:flex;align-items:center;gap:60px}
.home-about .about-img{flex:1;position:relative;padding:15px;border:1px solid rgba(0,0,0,.2);background:rgba(0,0,0,.05);border-radius:8px;overflow:hidden}
.home-about .about-img:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);transform:skewX(-25deg);transition:left .6s ease;z-index:10}
.home-about .about-img:hover:before{left:150%}
.home-about .about-img img{width:100%;display:block;border-radius:4px}
.about-img-text{text-align:center;margin-bottom:20px;padding:15px;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.about-img-text .line1{font-size:28px;font-weight:700;margin-bottom:8px}
.about-img-text .line1 .blue{color:#0092FF}
.about-img-text .line1 .black{color:#333}
.about-img-text .line2{font-size:16px;color:#666}
.home-about .about-info{flex:1}
.home-about .about-info h1{font-size:36px;font-weight:700;color:#333;margin-bottom:25px}
.home-about .about-info .p{font-size:15px;color:#666;line-height:1.8;margin-bottom:25px;text-indent:2em}
.home-about .about-info .list{margin-bottom:30px;display:flex;gap:40px}
.home-about .about-info .list li{margin-bottom:0}
.home-about .about-info .list .title{font-size:16px;color:#333;font-weight:500;margin-bottom:5px}
.home-about .about-info .list .title em{font-style:normal;color:#0092FF;margin-right:8px}
.home-about .about-info .list .text{font-size:14px;color:#999;padding-left:24px}
.home-about .about-info .home-more{display:inline-block;padding:12px 35px;background:#0092FF;color:#fff;font-size:16px;border-radius:4px;text-decoration:none;transition:all .3s}
.home-about .about-info .home-more:hover{background:#0077CC}
.home-about .about-info .home-more em{font-style:normal;margin-left:5px}