#banner{position:relative;}
.banner { width: 100%; overflow: hidden; position: relative;}
.b-left-shade{position:absolute;top:0;left:0;width:8%;height:100%;background: linear-gradient(to right,#a8dbff, transparent);background-image: -o-linear-gradient(#a8dbff, transparent);z-index:1}
.b-right-shade{position:absolute;top:0;right:0;width:8%;height:100%;background: linear-gradient(to left,#a8dbff, transparent);background-image: -o-linear-gradient(#a8dbff, transparent);z-index:1}
.banner .swiper-slide{position:relative;}
.banner .swiper-slide .baner-tit{position:absolute;top:40%;width:85%;transform:translate(0,-50%);color:#1277c9;max-width:1500px;text-align:right;}
.banner .swiper-slide .baner-tit h1{font-size:52px;font-weight:bold;text-shadow: 0 -2px #fff, 2px -2px #fff, 2px 0 #fff, 2px 2px #fff, 0 2px #fff, -2px 2px #fff, -2px 0 #fff, -2px -2px #fff;}
.banner .swiper-slide .baner-tit p{font-size:18px;margin-top:10px;font-weight:bold;text-shadow: 0 -2px #fff, 2px -2px #fff, 2px 0 #fff, 2px 2px #fff, 0 2px #fff, -2px 2px #fff, -2px 0 #fff, -2px -2px #fff;}
.banner .swiper-slide img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
.banner .swiper-pagination-bullet {box-sizing: border-box; width: 50px; height: 10px; border: 2px solid #fff; border-radius: 5px; opacity: 1; margin: 0 5px;background-color: transparent;transition:all 0.4s;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;transition:all 0.4s;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:65px !important;left:50% !important;transform:translate(-50%,0)}
.banner-pagination{top:auto;}
.entrance-card {position: absolute; z-index: 10;top:45%;width: 290px; height: 320px; padding: 30px; border-radius: 10px; background-color: rgba(255,255,255,0.8);box-sizing: border-box;transform:translate(0,-50%);transition:all 0.4s;}
.entrance-btn {height: 3em; line-height: 3em; background-color: #fff; position: relative; margin:10px 0;color:#0054a8;position:relative;overflow:hidden;  display:flex;justify-content:center;align-items:center;cursor:pointer;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.entrance-btn:before{content:"";position:absolute;left:50%;top:50%;width:230px;height:230px;border-radius:50%;display:block;transition:box-shadow 0.6s cubic-bezier(0.65,0.05,0.36,1);transform:translate(-50%,-50%)}
.entrance-btn:after{content:attr(data-text);position:absolute;display:block;z-index:5;width:110px;height:100%;top:0;left:50%;transform:translate(-50%,0)}
.entrance-btn:hover{color:#fff;}
.entrance-btn:hover:before{box-shadow:inset 0 0 0 230px #014aa2;}
.entrance-btn:active{transform:scale(0.99) translateY(1px);}
.entrance-btn i {font-size: 1.5em; position: absolute; top: .5em;}
.entrance-btn i:first-child {left: 1em;}
.entrance-btn i:last-child {right: 1em;}
.noticebar {height: 60px; line-height: 60px; background-color: var(--color-primary); color: #fff; overflow: hidden;}
.noticebar a {color: #fff;}
.wd-f-fn a{font-size:12px;transition:all 0.4s;}
.wd-f-fn a:hover{color:#0054a8}
.wd-f-fn .divider-i{margin:0px 10px;display:inline-block;}
.call-board{position:absolute;bottom:0;width:100%;background:rgba(19,77,139,0.8);height:50px;z-index:1}
.call-board .call-box{width:85%;height:100%;margin:0 auto; display:flex;color:#fff;max-width:1500px;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.call-tit{display:flex;align-items: center;display: -ms-flexbox;width:6%;}
.call-tit img{width:15px;height:15px;margin-right:5px;}
.call-tit p{font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right:  5px; line-height:1.5rem}
.lc_list{display:flex;height:100%;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.lc_list li{margin:0 30px;padding-top:1px;}
.lc_list li a{display: block;font-size:16px;color:#fff;transition:all 0.4s;position:relative;}
.lc_list li a:hover{color:#76c9cf}
.more{width:6%;text-align:right;}
.more a{color:#fff;font-size:16px;}
.str_wrap{width:100% !important;height:50px;display:flex;align-items:center;;display: -ms-flexbox;-ms-flex-align: center;}
.f-headline h2 {height: 120px; line-height: 120px; font-size: 28px; font-weight: bold;}
#kjfw .layui-card{box-shadow: none;}
.kjfs-list li {margin: 0; width: 20%; padding: 1em; text-align: center;box-sizing: border-box;}
.kjfs-list li .u-img{display:inline-block;width:58px;height:58px;}
.kjfs-list li h3{margin-top:10px;font-size:16px;transition:all 0.4s;}
.kjfs-list li a:hover h3{color:#0054a8}
.kjfs-list li .u-img img{width: 100%;height: 100%;object-fit: contain;-o-object-fit:contain}
.kjfs-list li a:hover .u-img img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1);}
  10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
  0%{-moz-transform:scale(1);}
  10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
  100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes flipInY{
  0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
  40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
  70%{-webkit-transform:perspective(400px) rotateY(10deg);}
  100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@-moz-keyframes flipInY{
  0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
  40%{-moz-transform:perspective(400px) rotateY(-10deg);}
  70%{-moz-transform:perspective(400px) rotateY(10deg);}
  100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;}
}

.product-item{height:380px;box-sizing: border-box;padding:40px 30px;background-color:#f7f7f7;box-shadow:0 0 20px #ccc;border-radius:5px;position:relative;background-repeat: no-repeat;background-position: center 0px;background-size:160px;}
.pro-item-bk1{background-image:url(/uiFramework/commonResource/image/2024070915375034318.png);}
.pro-item-bk2{background-image:url(/uiFramework/commonResource/image/2024070915375634850.png);}
.pro-item-bk3{background-image:url(/uiFramework/commonResource/image/2024070915394080545.png);}
.pro-item-bk4{background-image:url(/uiFramework/commonResource/image/2024070915423820833.png);}
.product-cont{height:100%;}
.product-cont h3{font-size:22px;color:#2d2d2d}
.product-cont .pro-btn{display:inline-block;width:100px;height:30px;line-height:30px;color:#fff;background-color:#638fc4;text-align:center;border-radius:50px;cursor: pointer;}
.cp-img-icon{width:60px;height:60px;background-color:#fff;border-radius:50%;}
.product-list{position:absolute;top:0;left:0;width:100% !important;height:100% !important;padding:30px;padding-left:80px;box-sizing: border-box;background:url(/whccb/resource/cms/2025/03/img_pc_site/bg-product-item.png) no-repeat;background-size:cover;border-radius:5px;opacity:0;transition:all 0.4s;}
.img-icon h3{font-size:22px;color:#fff;margin-left:10px;}
.product-list ul{margin-top:20px;}
.product-list ul li{line-height:40px;}
.product-list ul li a{font-size:16px;color:#fff;display:inline-block;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:all 0.4s;position:relative;text-indent:15px;}
.product-list ul li a::before{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;background-color:#fff;border-radius:50%;transform:translate(0,-50%);transition:all 0.4s;}
.product-list ul li a:hover::before{background-color:#76c9cf}
.product-list ul li a:hover{color:#76c9cf}
.f-headline{width:100%;}
.f-headline.ggzq-tab{width:95%}
.ggzq-tab .layui-tab-title{border:none;margin-right:-10px;}
.ggzq-tab .layui-tab-title li{font-size:18px;position:relative;}
.ggzq-tab .layui-tab-title li::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;background-color:#0054a8;transform:translate(-50%,0);transition:all 0.4s;}
.ggzq-tab .layui-tab-title li:hover{color:#0054a8}
.ggzq-tab .layui-tab-title li:hover::after{width:60%;}
.ggzq-tab .layui-tab-title .layui-this{color:#0054a8;}
.ggzq-tab .layui-tab-title .layui-this:after{border:none;top:auto;width:60%;}
.ggzq{background-color:#f7f7f7;padding:30px 0;margin:50px 0 0;}
.ggzq .mc_cont1500{position:relative;}
.ggzq .f-headline h2{height:auto;line-height:normal;}
#cpgg{background:url(/uiFramework/commonResource/image/2024051614071494874.png) no-repeat;background-size:cover;}
.t-l{width:15%;}
.t-r{width:85%;}
.t-l .layui-tab-title{height:300px;border: none;padding:30px 0;box-sizing: border-box;}
.t-l .layui-tab-title .layui-this:after{display:none;}
.t-l .layui-tab-title li{font-size:18px;color:#fff;}
.t-l .layui-tab-title li .layui-icon{opacity: 0;transition:all 0.4s;}
.t-l .layui-tab-title li.layui-this .layui-icon{opacity: 1;transition:all 0.4s;}
.i-pub-list{height:270px;box-sizing: border-box;padding:10px 0;}
.i-pub-list .pub-more{position:absolute;top:9px;right:0px;}
.i-pub-list .pub-more a{font-size:16px;transition:all 0.4s;}
.i-pub-list .pub-more a:hover{color:#76c9cf;}
.i-pub-list ul{height:100%;border-left:1px solid #fff;padding:0px 50px;}
.i-pub-list ul.index-zygg{border-left:none;}
.i-pub-list ul li.fir-more{display:none;}
.i-pub-list ul li.fir-more a{text-align:right;width:auto;}
.i-pub-list ul li a{font-size:16px;color:#fff;position:relative;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:25px;transition:all 0.4s;}
.i-pub-list ul li a .fir-tit{width:85%;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.i-pub-list ul li a .fir-date{align-self: center;}
.i-pub-list ul li a:hover {color:#76c9cf}
#zygg{background:url(/uiFramework/commonResource/image/2024051614071494874.png) no-repeat;background-size:cover;padding:15px 0;box-sizing: border-box;margin:10px 0;overflow:hidden;}
.xwsl-list{position:relative;}
.xwsl-list > img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
.xwsl-list ul{width:100%;height:100%;position:absolute;left:0;top:0;}
.xwsl-list ul li a .f-text{font-size:16px;color:#333;font-weight:bold;transition:all 0.4s;width:75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xwsl-list ul li a .f-date{font-size:18px;color:#999;}
.xwsl-list ul li .f-su{display:none;transition:all 0.4s;}
.xwsl-list ul li.active .f-text{font-size:20px;color:#0062b4}
.xwsl-list ul li.active .f-date{display:none}
.xwsl-list ul li.active .f-su{font-size:16px;color:#999;display:block;margin-top:20px;}
.xwsl-list-img{position:relative;}
.xwsl-list-img .swiper {width: 100%;height: 100%;overflow:hidden;}
.xwsl-list-img .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.xwsl-list-img .swiper-slide a{display:block;width:100%;height:100%;}
.xwsl-list-img .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;-o-object-fit:cover;}
.xwsl-list-img .swiper-pagination-fraction{width:auto;left:50px;color:#fff;}
.xwsl-list-img .swiper-button-next,.xwsl-list-img .swiper-button-prev{top:auto;bottom:10px;}
.xwsl-list-img .swiper-button-prev{background-size:18px;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.xwsl-list-img .swiper-button-next{background-size:18px;width:18px;height:18px;right:auto;left:90px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

@media screen and (max-width:1440px){
  .entrance-card{width:280px;height: 290px;padding: 20px;}
  .banner .swiper-slide .baner-tit h1{font-size:45px;}
  .banner .swiper-slide .baner-tit p{font-size:16px;}
  .product-list{padding-left:65px;}
}
@media screen and (max-width:1366px){
  .more ,.call-tit{width:8%;}
  .f-headline.ggzq-tab{width:93%;}
}
@media screen and (max-width:1280px){
  .entrance-card{width:265px;height:265px;}
  .entrance-btn{margin:5px 0;}
  .product-list{padding-left:30px;}
}
@media screen and (max-width:1200px){
  .entrance-card{height:245px;}
  .entrance-card{padding:10px 20px;}
}
@media screen and (max-width:1100px){
  .entrance-card{height:215px;padding:10px;}
  .entrance-btn{height:2.5em;line-height:2.5em;}
  .entrance-btn i{top:0.4em;}
}
@media screen and (max-width:1024px){
  .i-pub-list .pub-more{top: 10px;right:20px;}
  .i-pub-list .pub-more a,.i-pub-list .pub-more a i{font-size:14px;}
}
@media screen and (max-width:992px){
  .call-tit{width:auto;}
  .entrance{display:none;}
  .banner{height:300px;}
  .banner .swiper-slide .baner-tit h1{font-size:28px;}
  .banner .swiper-slide .baner-tit p{font-size:12px;margin-top:5px;}
  .f-headline h2{height:80px;line-height:80px;font-size:24px;}
  .kjfs-list{flex-wrap:wrap;justify-content: start;}
  .kjfs-list li{width:33.33%;}
  .kjfs-list li h3{width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .call-board .call-box{width:100%;padding:0 20px;box-sizing: border-box;}
  .more{width:12%;}
  .product-list{padding-left:28%;}
  .ggzq-tab .layui-tab-title li {font-size: 14px;}
  #cpgg {display: block;}
  .t-l,.t-r{width:100%;}
  .t-r {}
  .i-pub-list {padding: 10px;}
  .i-pub-list ul{padding:0px;border: 0;}
  .i-pub-list ul li a .fir-tit{width:65%;}
  .t-l .layui-tab-title {display: block;height: auto;padding: 10px 0;overflow-y: hidden;width: 100%;}
  .t-l .layui-tab-title li{font-size:16px;}
  .xwsl-list, .xwsl-list-img{height:auto;}
  .xwsl-list ul li{line-height:30px;}
}
@media screen and (max-width:780px){
  .more{width:20%;}
  .f-headline.ggzq-tab{width:91%;}
}
@media screen and (max-width:510px){
  .more{width:20%;}
  .xwsl-list{margin-bottom:30px;}
  .xwsl-list ul{width:100%;}
  .xwsl-list ul li.active .f-su{margin-top:10px;line-height: 22px;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
  .f-headline.ggzq-tab{width:86%;}
}
@media screen and (max-width:430px){
  .more{width:30%}
  .f-headline.ggzq-tab{width:84%;}
}
@media screen and (max-width:350px){
  .more{width:35%}
}