*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.tpl-huanbao{
  color:#333;background:#fff;overflow-x:hidden;
  font:14px/1.5 "Microsoft YaHei",Arial,sans-serif
}
h1,h2,h3,h4,h5,p,ul,dl,dd,dt{margin:0;padding:0}
ul{list-style:none}
a{text-decoration:none;color:#333}
a:hover{color:#2461ef}
img{border:0;max-width:100%;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wh{max-width:1230px;margin:0 auto;padding:0 15px}

.top2{height:100px;background:#112659}
.top2 .wh{height:100px}
.logo{overflow:hidden;width:28%;line-height:100px}
.logo a{color:#fff;font-size:22px;font-weight:700}
.x-menu{display:flex;align-items:center;justify-content:flex-end;width:70%;height:100px}
.x-menu>li{position:relative;width:16.66%;text-align:center}
.x-menu>li>a{display:block;color:#fff;font-size:16px;line-height:100px}
.x-menu>li.active>a,.x-menu>li:hover>a{color:#30d593}

body.tpl-huanbao:has(.x-banner) .top2{
  position:absolute;left:0;top:0;z-index:9;width:100%;
  background:transparent;border-bottom:1px solid rgba(255,255,255,.2)
}

.x-banner{overflow:hidden;line-height:0;background:#112659}
.x-banner a{display:block;width:100%}
.x-banner img{display:block;width:100%;max-width:none;height:auto;min-height:280px;object-fit:cover}
.x-banner img[src=""]{display:none}

.box1{
  padding:4vw 0;overflow:hidden;
  background:url(/template-static/huanbao/images/84fd3e2d74a154cf228ca51e591d1f3f1ff829f7.png) no-repeat center;
  background-size:cover
}
.about{float:left;width:30%}
.abtt{color:#112659;font-size:36px}
.abtt span{padding-left:15px;color:#2461ef;font:italic 24px Arial}
.abtt p{margin-top:8px;color:#112659;font-size:24px}
.abwz{
  display:-webkit-box;overflow:hidden;margin-top:2vw;color:#5e6065;font-size:14px;line-height:2;
  -webkit-line-clamp:6;-webkit-box-orient:vertical
}
.amore{display:inline-block;margin-top:20px;color:#2461ef;font-size:14px}
.apic{float:right;width:67.83%;overflow:hidden}
.apic img{display:block;width:100%;height:auto}

.box2{padding:4vw 0;overflow:hidden;background:#f2f8f6}
body.tpl-huanbao .box2 .product-source,
body.tpl-huanbao .box2 .product-source ul,
body.tpl-huanbao .box2 .product-source li{display:none!important}
.box2 .abtt{margin-bottom:2vw}
.proimg{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2vw}
body.tpl-huanbao .box2 .proimg>li{position:relative;width:32%;margin:0 0 2vw}
body.tpl-huanbao .box2 .proimg>li:nth-child(n+10){display:none}
body.tpl-huanbao .box2 .proimg .img{overflow:hidden;background:#e8eee9}
body.tpl-huanbao .box2 .proimg .img img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .8s}
body.tpl-huanbao .box2 .proimg>li:hover .img img{transform:scale(1.2)}
body.tpl-huanbao .box2 .proimg .det{
  position:absolute;left:6%;bottom:16px;display:flex;align-items:center;
  justify-content:space-between;width:88%
}
body.tpl-huanbao .box2 .proimg h3{
  overflow:hidden;width:70%;margin:0;color:#787a7e;font-size:18px;font-weight:400;
  white-space:nowrap;text-overflow:ellipsis
}
body.tpl-huanbao .box2 .proimg h4{margin:0;color:#999;font-size:50px;font-weight:200;line-height:1}
body.tpl-huanbao .box2 .proimg>li:hover h3,
body.tpl-huanbao .box2 .proimg>li:hover h4{color:#30d593}

.box4{
  padding-top:4vw;overflow:hidden;
  background:url(/template-static/huanbao/images/e1013aec7728459804ee8f070cad48f58fc51d1a.jpg) no-repeat center;
  background-size:cover
}
.b4{margin-left:calc((100% - 1200px) / 2);background:#fff}
.b4 .cont{margin-left:4%;padding:3vw 0}
.bt{margin-bottom:8px;color:#112659;font-size:36px}
.bt span{display:block;color:#2461ef;font:italic 24px/1 Arial}
body.tpl-huanbao .box4 .news-source,
body.tpl-huanbao .box4 .news-source ul.runtime-news-list,
body.tpl-huanbao .box4 .news-source li{display:none!important}
body.tpl-huanbao .box4 .xw1{display:flex;flex-wrap:wrap;margin-top:3vw}
body.tpl-huanbao .box4 .xw1>li{width:25%;padding:8% 0}
body.tpl-huanbao .box4 .xw1>li:nth-child(n+5){display:none}
body.tpl-huanbao .box4 .xw1 .det{width:86%;margin:0 auto}
body.tpl-huanbao .box4 .xw1 h3{color:#30d593;font:italic 24px Arial}
body.tpl-huanbao .box4 .xw1 h4{
  overflow:hidden;height:60px;margin:15px 0;color:#112659;font-size:18px;font-weight:400;line-height:30px
}
body.tpl-huanbao .box4 .xw1 h5{
  display:-webkit-box;overflow:hidden;color:#666;font-size:14px;font-weight:400;line-height:2;
  -webkit-line-clamp:3;-webkit-box-orient:vertical
}
body.tpl-huanbao .box4 .xw1 .mo{margin-top:7%;color:#112659;font-size:14px}
body.tpl-huanbao .box4 .xw1>li:hover{background:#2461ef}
body.tpl-huanbao .box4 .xw1>li:hover h4,
body.tpl-huanbao .box4 .xw1>li:hover .mo{color:#fff}
body.tpl-huanbao .box4 .xw1>li:hover h5{color:#fff;opacity:.6}

.foot{padding:4% 0 2%;background:#112659;border-bottom:2px solid #293c6a;color:#fff}
.foot1{float:left;width:42%}
.flogo a{color:#fff;font-size:22px;font-weight:700}
.lx{margin-top:13%}
.lx h2{margin-bottom:6px;color:#fff;font:italic 32px Arial}
.lx h3,.lx h3 p{color:rgba(255,255,255,.6);font-size:16px;line-height:32px}
.fnav{float:right;display:flex;width:50%;margin-top:4%}
.fnav>li{width:33.33%;padding-right:12px}
.fnav h4{margin-bottom:10px;color:#fff;font-size:16px}
.fnav a{color:rgba(255,255,255,.7);font-size:14px;line-height:28px}
.fnav a:hover{color:#30d593}
.copyright{padding:16px 0;background:#112659;color:rgba(255,255,255,.6);font-size:12px;line-height:18px}
.copyright a{color:rgba(255,255,255,.6)}
.copyright a:hover{color:#30d593}
.kk{margin-bottom:8px}
.x-region{margin-top:6px}
.c-link{margin-top:10px;color:rgba(255,255,255,.6);font-size:12px;line-height:18px}
.c-link .con{display:flex;flex-wrap:wrap;align-items:center}
.c-link .button{display:block;margin-right:10px;color:#fff}
.c-link a{padding:0 4px;color:rgba(255,255,255,.6)}

.page-position{padding:15px 0;color:#2f2f2f;font-size:14px}
.page-position a{color:#2f2f2f}
.page-position a:hover{color:#112659}
.page-position-extra:empty{display:none}
.page-position-extra:not(:empty)::before{content:" > "}
.page-wrap{padding-bottom:50px;background:#fff}
.page-wrap-left{float:left;width:305px;margin-right:4.16666667%}
.page-wrap-right{overflow:hidden}
.page-title{margin-bottom:24px;color:#333;font-size:24px}
.page-wrap:has(.xypg-news-detail) .page-title{display:none}
.page-text{color:#555;line-height:2}

.xypg-left-box{margin-bottom:20px}
.xypg-left-title{padding:10px 20px;background:#112659}
.xypg-left-title h3{color:#fff;font-size:20px;font-weight:700;line-height:30px}
.xypg-left-title span{margin-left:10px;color:#fff;font-size:16px;font-weight:400;opacity:.6}
.xypg-left-title span:before{content:"/";padding-right:5px}
.xypg-left-con{border:1px solid #d2d2d2;border-top:0}
.xypg-left-nav>li{border-bottom:1px solid #eee}
.xypg-left-nav>li:last-child{border-bottom:0}
.xypg-left-nav>li>a{display:block;padding:15px 18px;color:#2e2e2e;font-size:16px;line-height:22px}
.xypg-left-nav>li:hover>a,.xypg-left-nav>li.clicked>a{color:#112659}
.latest-news li{padding:.5em 1em}
.latest-news a{display:block;color:#5a5a5a;font-size:14px;line-height:1.2}
.latest-news a:before{content:"+";margin-right:5px;font-weight:700}
.latest-news a:hover,.latest-news a:hover:before{color:#112659}
.page-wrap-contact{padding:10px 0}
.page-wrap-contact h4{padding:.3em 1.4em .8em;color:#000;font-size:16px}
.page-wrap-contact p{margin:0;padding:.8em 1.4em;border-top:1px solid #eee;color:#2f2f2f}

body.tpl-huanbao .page-wrap ul.runtime-news-list,
body.tpl-huanbao .page-wrap .xypg-news-list{
  display:block!important;width:100%!important;margin:0;padding:0;grid-template-columns:none!important
}
body.tpl-huanbao .page-wrap ul.runtime-news-list>li,
body.tpl-huanbao .page-wrap .xypg-news-list>li{
  display:block!important;position:relative;float:none!important;width:auto!important;
  margin:0 0 35px!important;padding:30px!important;overflow:visible!important;
  border:1px solid #e1e1e1!important;background:#fff!important;box-shadow:none!important;transform:none!important
}
body.tpl-huanbao .page-wrap ul.runtime-news-list>li:hover,
body.tpl-huanbao .page-wrap .xypg-news-list>li:hover{box-shadow:0 2px 13px 1px rgba(8,1,3,.18)!important}
body.tpl-huanbao .page-wrap .news-img{display:none!important}
body.tpl-huanbao .page-wrap .xypg-news-list .tit,
body.tpl-huanbao .page-wrap .news-text{position:relative;margin:0 0 15px;padding:0!important;border-bottom:1px solid #cbcbcb}
body.tpl-huanbao .page-wrap .xypg-news-list .tit h3,
body.tpl-huanbao .page-wrap .news-text h3{
  margin:0!important;padding:0 28% 15px 0!important;color:#565656!important;
  font-size:18px!important;font-weight:400!important;white-space:normal!important
}
body.tpl-huanbao .page-wrap .xypg-news-list .tit .date,
body.tpl-huanbao .page-wrap .xypg-news-list .date,
body.tpl-huanbao .page-wrap .news-date,
body.tpl-huanbao .page-wrap .news-date time{
  display:block!important;position:absolute;right:0;top:0;padding:0;
  background:none!important;color:#666;font-size:14px
}
body.tpl-huanbao .page-wrap .time1,body.tpl-huanbao .page-wrap .time2{display:none!important}
body.tpl-huanbao .page-wrap .news-text .info,
body.tpl-huanbao .page-wrap .xypg-news-list .info{display:block!important;margin:0;color:#999;font-size:14px;line-height:2;-webkit-line-clamp:unset}
body.tpl-huanbao .page-wrap .news-text .more,body.tpl-huanbao .page-wrap .xypg-news-list .more,
body.tpl-huanbao .page-wrap .xypg-news-list .more span{
  display:inline-block!important;margin-top:15px;width:130px;line-height:33px;text-align:center;
  border:1px solid #e1e1e1;color:#666;font-size:14px
}
body.tpl-huanbao .page-wrap li:hover .tit h3,body.tpl-huanbao .page-wrap li:hover .news-text h3{color:#112659!important}
body.tpl-huanbao .page-wrap li:hover .more,body.tpl-huanbao .page-wrap li:hover .more span{
  color:#fff!important;background:#112659!important;border-color:#112659!important
}

body.tpl-huanbao .page-wrap .xypg-product-list,
body.tpl-huanbao .page-wrap .product-list,
body.tpl-huanbao .page-wrap .product-grid{display:block!important;margin:0 -1.5%;padding:0;font-size:0;grid-template-columns:none!important}
body.tpl-huanbao .page-wrap .runtime-product-item,
body.tpl-huanbao .page-wrap .xypg-product-list>li{
  display:inline-block!important;float:none!important;vertical-align:bottom;
  width:30.333%!important;margin:0 1.5% 20px!important;padding:10px 10px 0!important;
  border:1px solid #eee;background:#fff;font-size:14px
}
body.tpl-huanbao .page-wrap .runtime-product-item>a{display:block!important;flex-direction:unset!important;height:auto!important}
body.tpl-huanbao .page-wrap .runtime-product-image{display:block;height:190px;overflow:hidden;background:#f3f3f3}
body.tpl-huanbao .page-wrap .runtime-product-image img{display:block;width:100%;height:190px;object-fit:cover}
body.tpl-huanbao .page-wrap .runtime-product-title{
  position:static!important;display:block!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:.8em 0!important;background:transparent!important;color:#5a5a5a!important;
  font-size:14px!important;font-weight:400!important;line-height:1.6!important;text-align:center!important
}
body.tpl-huanbao .page-wrap .runtime-product-item:hover{border-color:#112659}

.detail-grid{display:grid;grid-template-columns:42% 1fr;gap:30px}
.detail-image{min-height:300px;background:#f3f3f3;position:relative;display:grid;place-items:center}
.detail-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.detail-info h1{margin:0 0 12px;color:#112659;font-size:24px}
.detail-info p{padding:10px 0;border-bottom:1px dashed #ddd}
.detail-block{margin-top:28px;line-height:1.9}
.detail-block h3{padding-left:12px;border-left:4px solid #112659;font-size:19px}

body.tpl-huanbao .page-wrap .xypg-news-detail{color:#333}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-title,
body.tpl-huanbao .page-wrap .xypg-news-detail h1.news-title{
  margin:0 0 10px!important;padding:0!important;
  color:#363636!important;font-size:20px!important;font-weight:700!important;line-height:1.7!important
}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-cover{margin:0 0 18px;text-align:center}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-meta{
  margin-bottom:20px;padding:0;border:0;border-bottom:1px dashed #cfcfcf;
  color:#9e9e9e;font:14px/35px Arial;overflow:hidden
}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-meta span{display:inline-block;margin-right:20px}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-content{color:#333;font-size:14px;line-height:1.7}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-share{display:none}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-extra-row{margin-top:15px;padding:10px;overflow:hidden;border:1px solid #eee;color:#666;font-size:14px}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-extra-row span{float:left;margin-right:8px;color:#112659}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-extra-row a{color:#666}
body.tpl-huanbao .page-wrap .xypg-news-detail .news-extra-row a:hover{color:#112659}

@media(max-width:1200px){
  .b4{margin-left:15px}
  .b4 .cont{margin-left:15px}
}
@media(max-width:1024px){
  .abtt,.bt{font-size:30px}
  .abtt span,.bt span{font-size:20px}
  body.tpl-huanbao .box4 .xw1 h3{font-size:22px}
  body.tpl-huanbao .box4 .xw1 h4{height:50px;font-size:15px;line-height:25px}
}
@media(max-width:990px){
  .logo,.x-menu,.about,.apic,.foot1,.fnav,.page-wrap-left{float:none;width:100%}
  .x-menu{justify-content:flex-start;flex-wrap:wrap;height:auto}
  .x-menu>li{width:auto;margin:0 12px}
  .top2,.top2 .wh{height:auto}
  .logo{line-height:60px}
  .apic{margin-top:3vw}
  body.tpl-huanbao .box2 .proimg>li,
  body.tpl-huanbao .page-wrap .runtime-product-item{width:48%!important}
  body.tpl-huanbao .box4 .xw1>li{width:50%}
  .fnav{margin-top:24px}
  .page-wrap-left{margin:0 0 24px}
  .detail-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.tpl-huanbao .box2 .proimg>li,
  body.tpl-huanbao .page-wrap .runtime-product-item,
  body.tpl-huanbao .box4 .xw1>li{width:100%!important}
  .abtt,.bt{font-size:25px}
  .lx h2{font-size:28px}
}