body{position:relative;}
.flex-us {display: flex;display: -ms-flexbox;}
.flex-cent {display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;}
.flex-space {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;}
.flex-around {display: flex;display: -ms-flexbox;justify-content: space-around;-ms-flex-pack: justify;}
.flex-cent-cent {display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;}
.flex-space-cent {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;align-items: center;-ms-flex-align: center;}
.flex-ign-cent {display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;}
.flex-us-end {display: flex;display: -ms-flexbox;align-items: flex-end;-ms-flex-align: end;}
.flex-us-start{display: flex;display: -ms-flexbox;align-items: flex-start;-ms-flex-align: start;}
.flex-just-end{display: flex;display: -ms-flexbox;justify-content: flex-end;-ms-flex-pack: end;}
.flex-MsWarp {flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flex-column{-ms-flex-direction: column;flex-direction: column;}
.align-self{align-self: center;-ms-flex-item-align: center;}
@media screen and (min-width:1024px){
  .wrapper-sj-nav{display:none;}
}
@media screen and (max-width: 1024px) {
  .flex-us-no {display: block;}
  .wrapper-sj-nav{display:block;}
}
.portlet {width: 100%;}
.fl {float: left;}
.fr {float: right;}
.clear{clear:both;}
.clearfix::after {content: "";display: table;clear: both;}
.mc_cont1500 {width: 85%;max-width:1500px;margin: 0 auto;}
.mc_back {background-color: #F4F4F4;padding: 70px 0;}
.mc_TOP {margin-top: 75px;}
.mc_BOT {margin-bottom: 75px;}
.ph-none {display: none;}
.Mouse {overflow: hidden;}
.Mouse .MouseIMG {transition: all 0.4s;}
.Mouse:hover .MouseIMG {transform: scale(1.04);}
.check-in-line {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.check-in-lineX {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.check-in-line1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.check-in-line2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.check-in-line3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
@media screen and (max-width: 1024px) {
  * {box-sizing: border-box;}
  .mc_TOP {margin-top: 30px;}
  .mc_BOT {margin-bottom: 30px;}
  .pc-none {display: none;}
  .ph-none {display: block;}
  .mc_cont999 {width: 100%;padding: 0 20px;box-sizing: border-box;}
  .mc_back {padding: 10px 0 30px;}
}

a.Button-style {position: relative;transition: all .6s linear;overflow: hidden;display: inline-block;text-align: center;}
a.Button-style:before {content: attr(data-text);position: absolute;top: 0px;left: 0;height: 100%;width: 100%;filter: alpha(opacity=100);opacity: 1;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
a.Button-style:hover:before {filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
a.Button-style>span {display: inline-block;text-align: center;filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
a.Button-style:hover>span {filter: alpha(opacity=100);opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
a.Button-style:hover>span:nth-child(1) {-webkit-transition-delay: .045s;-moz-transition-delay: .045s;-ms-transition-delay: .045s;-o-transition-delay: .045s;transition-delay: .045s;}
a.Button-style:hover>span:nth-child(2) {-webkit-transition-delay: .12s;-moz-transition-delay: .12s;-ms-transition-delay: .12s;-o-transition-delay: .12s;transition-delay: .12s}
a.Button-style:hover>span:nth-child(3) {-webkit-transition-delay: .195s;-moz-transition-delay: .195s;-ms-transition-delay: .195s;-o-transition-delay: .195s;transition-delay: .195s;}
a.Button-style:hover>span:nth-child(4) {-webkit-transition-delay: .27s;-moz-transition-delay: .27s;-ms-transition-delay: .27s;-o-transition-delay: .27s;transition-delay: .27s}
a.Button-style:hover {color: #fff;border: none;}
.quiver:hover img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1.5);}
  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;}</p>
  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;}
}
@-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;}
}
.banner-pagination {position: absolute;max-width: 1500px;width: 78.125%;z-index: 1;bottom: 10px;left: 50%;transform: translate(-50%, 0);text-align: center;}
.my-bullet-1 {display: inline-block;width: 46px;height: 6px;margin-right: 4px;border: 2px solid #fff;border-radius: 5px;cursor: pointer;}
.my-bullet-1:last-child {margin-right: 0;}
.my-bullet-active-0 {background-color: #ffffff;}
.public-banner {position: relative;}
.public-banner img {width: 100%;height: 100%;object-fit: cover;-o-object-fit: cover;}
.pbc-tit {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pbc-tit h1 {font-size: 45px;color: #fff;}
.pbc-tit P {font-size: 23px;color: #fff;margin-top: 15px;}
.mbx {height: 60px;line-height: 60px;border-bottom: 1px solid #F1F1F1;}
.mbx-box span {font-size: 16px;}
.mbx-box .mbx_Current {color: #004eaf;}
.public-tit {margin-bottom: 40px;}
.public-tit h6 {font-size: 24px;color: #242424;font-weight:bold;}
.public-tit a {font-size: 18px;color: #333;transition: all 0.4s;}
.public-tit a:hover {color: #014aa2;}
.Second_img {width: 44.6%;}
.img-public {height: 310px;}
.img-public2 {height: 280px;}
.img-public>div {height: 100%;}
.img-public img {width: 100%;height: 100%;object-fit: cover;-o-object-fit: cover;}
.Second_cont {width: 49.6%;}
.lists-public {}
.lists-public li.lists1 {width: 100%;}
.lists-public li.lists2 {width: 50%;}
.lists-public li.lists3 {width: 33.33%;}
.lists-public li.lists4 {width: 25%;}
.lists-public li a {position: relative;display: block;padding-left: 27px;font-size: 16px;height: 60px;line-height: 60px;transition: all .5s;}
.lists-public li a::after {content: "";position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 8px;height: 8px;background-color: #e8c089;transition: all 0.4s;}
.lists-public li a:hover::after{background-color:#014aa2;}
.lists-public li a:hover {color: #014aa2;}
.Second_symmetry {width: 48.6%;}
.business_service {position: relative;}
.business_service img {width: 100%;}
.service_text {position: absolute;left: 33px;bottom: 20px;text-align: center;}
.service_text h6 {font-size: 21px;color: #ffffff;margin-bottom: 15px;}
.service_text a {display: inline-block;width: 110px;height: 28px;line-height: 28px;background-color: #ffffff;border-radius: 15px;}
.service_text a:hover {background-color: #4378ba;} 
.service_text a span {font-size: 14px;} 
.lf-tit {width: calc(100% - 120px);}
.lr-date {width: 80px;}
.news_single ul li.single_li2 {width: 47%;}
.news_single ul li a {line-height: 40px;}
.news_single ul li a span {transition: all linear 0.3s;display: block;}
.news_single ul li a:hover span {color: #0054aa;}
.news_single ul li a span:first-child {font-size: 16px;}
.news_single ul li a span:last-child {font-size: 14px;}
.nav_top{height:40px;position: relative;top:0px;line-height:40px;}
.welcome p{font-size:14px;color:#7d7d7d}
.nav_top .nav_state>ul li{margin-left:15px;font-size:14px;}
.nav_top .nav_state>ul li a{font-size:14px;color:#111;position:relative;transition:all 0.4s;}
.nav_top .nav_state>ul li a:hover{color:#e60020;}
.nav_top .nav_state>ul li a:after{content:"";position:absolute;top: 50%;width:1px;height:100%;background-color:#111;transform: translate(7px, -50%);}
.nav_top .nav_state>ul li:last-child a:after{display:none;}
.nav_top .nav_state>ul li.lxdh p{font-size:14px;color:#e80000;}
.nav_top .nav_state>ul li.lxdh i{color:#e80000;margin-right:10px;}
.logo-form{margin:10px 0 20px;}
.search-input{align-self: center;-ms-flex-item-align: center;}
.input_form{position:relative;}
.input_form .search1{height:35px;width:230px;border-radius:30px;border:2px solid #014aa2;font-size:12px;text-indent:20px;}
.input_form .submit{position:absolute;right:0px;height:38px;width:60px;border:none;background-color:#014aa2;border-radius:0 30px 30px 0;background-image:url(/uiFramework/commonResource/image/2024051511061963191.png);background-position: center;background-repeat: no-repeat;cursor: pointer;}
.logo img{height: 70px;}
.nav_box{position:relative;z-index:98;}
.nav{display:flex;justify-content: space-between;height:80px;display: -ms-flexbox;-ms-flex-pack: justify;line-height:80px;background-color:#f6f6f6}
.nav .nav-color>ul{width:100%;display:flex;justify-content:space-between;align-self: center;height:100%;display: -ms-flexbox;-ms-flex-pack: justify;-ms-flex-align: center;}
.nav .nav-color>ul>li{display:flex;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.nav .nav-color>ul>li>a::after{position:absolute;content:'';top:0;left:50%;width:0%;transition:all 0.4s;transform:translate(0,-50%);}
.nav .nav-color>ul>li>a{position:relative;top:0px;font-size:18px;color:#111;transition:all 0.4s;transition:all 0.4s;}
.nav .nav-color>ul>li:hover>a{font-weight:700;position:relative;color:#0054a8;display:inline-block;}
.nav .nav-color>ul>li:hover>a::after{position:absolute;left:50%;top:0;content:'';width:110%;height:2px;background:#0054a8;transform:translate(-50%,0);}
.nav .nav-color>ul>li>a.nav-on::after{position:absolute;left:50%;top:0;content:'';width:110%;height:2px;background:#0054a8;transform:translate(-50%,0);}
.nav .nav-color>ul>li>a.nav-on{font-weight:700;position:relative;color:#0054a8;display:inline-block;}
.nav-select{position:absolute;left:-50%;top:98%;width:100%;transform: translate(50%, 0);display:none;z-index:2;background-color:#fff;border-top:2px solid #0054a8;}
.nav-select::after{content:"";position:absolute;bottom:0px;left:0;height:5px;width:50%;background:#0054a8;z-index:9;}
.nav-select::before{content:"";position:absolute;bottom:0px;right:0;height:5px;width:50%;background:#0054a8;z-index:9;}
.nav-select .cont-lists{margin:0 auto;display:flex;padding:0px 30px;height:100%;display: -ms-flexbox;}
.cont-lists .se-lists{flex:1;padding:20px 0;transition:all 0.4s;-ms-flex: 1;max-width:165px;transition:all 0.4s;}
.cont-lists .se-lists:hover{background: url(/whccb/resource/cms/2025/03/img_pc_site/bg-subnav-item.png) center/cover no-repeat ;color:#fff;}
.cont-lists .se-lists:hover li a{color:#fff;}
.cont-lists li a::after{display:none;}
.cont-lists li:first-child a{font-size:18px;color:#080808;font-weight:bold;}
.cont-lists .hr hr{width:1px;height:100%;background-color:#f0f0f0;}
.cont-lists .hr:last-child hr{display:none;}
.cont-lists .se-lists li{line-height:22px;padding-left:25px;position:relative;transition:all 0.4s;background-position:5px 0;padding-right:10px;}
.cont-lists .se-lists li:hover{background:url(/uiFramework/commonResource/image/2024070310050620957.png) no-repeat 5px 4px;}
.cont-lists .se-lists li::before{content:"";position:absolute;width:2px;height:100%;border-left: 1px dashed #0054a8;left: 11px;transition:all 0.4s;}
.cont-lists .se-lists li:first-child::before{height:90%;top:5px;}
.cont-lists .se-lists li:last-child::before{height:37%;}
.cont-lists .se-lists:hover li::before{border-color:#fff;}
.cont-lists .se-lists li:first-child{background:url(/uiFramework/commonResource/image/2024070309585512276.png) no-repeat 5px 4px;transition:all 0.4s;}
.cont-lists .se-lists:hover li:first-child{background:url(/uiFramework/commonResource/image/2024070310050620957.png) no-repeat 5px 4px;}
.cont-lists .se-lists li a{transition:all 0.4s;padding-bottom:5px;transition:all 0.4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:inline-block;width:100%;}
#ft{margin-top:80px;}
.footer-wrapper{padding:30px 0;border-top:1px solid #bce8e9;}
.wd-list li a{font-size:16px;color:#333333;transition:all 0.4s;}
.wd-list li a:hover{color:#014aa2}
.divider{display:inline-block;margin:0 20px;font-size:16px;font-weight:bold;}
.wd-f-mt30, .wd-f-mt-lg{margin-top:40px;overflow:hidden;}
.wd-f-mt30 h5{font-size:14px;margin-bottom:30px;}
.footer-logo{text-align:center;margin:20px 0;display:none;}
.f-bg-blue{background-color: #004aa1;padding:30px 0;text-align:center;color:#fff;}
.f-bg-blue a{color:#fff;}
.er-t{margin-top:5px;display:inline-block;font-size:16px;}
.b-rf{margin:0 20px;border-left:1px solid #eee;border-right:1px solid #eee;padding-left: 100px;}
@media all and (max-width:1440px){
  .nav_box .nav .logo img{width:260px;}
}
@media all and (max-width: 1160px) {
  .news_single {margin-top: 15px;}
}
@media all and (max-width:1366px){
  .nav_box .nav .logo img{width:240px;}
  .nav_box .nav>ul{width:73%;}
  .nav_box .nav>ul>li>a{font-size:16px;}
  .nav_top .nav_state>ul li,.nav_top .nav_state>ul li a{font-size:14px;}
  .phone{margin-left:10px;}
}
@media all and (max-width:1280px){
  .b-rf{padding-left:65px;}
}
@media all and (max-width:1090px){
  .b-rf{padding-left:55px;}
}
@media all and (max-width: 992px){
  #ft{margin-top:20px;}
  .divider{display:none;}
  .wd-list{justify-content: space-between;-ms-flex-pack: justify;}
  .b-rf{margin:0;padding:10px;border:none;}
  .ph-flex{display: flex;display: -ms-flexbox;}
  .footer-logo{margin:10px 0;}
  .footer-logo img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
  .wd-f-mt30 h5{margin-bottom:5px;}
  .ph-column{flex-direction: column;-ms-flex-direction: column;}
  .ph-column span,.ph-column a{line-height:20px;}
  .f-bg-blue{padding:20px 0;}
  .wd-f-mt30, .wd-f-mt-lg{margin-top:25px;}
  .nav_box{display:none;}
}
@media all and (max-width: 1024px) {
  .public-banner {height: 140px;}
  .pbc-tit {top: 50%;}
  .pbc-tit h1 {font-size: 26px;}
  .pbc-tit P {font-size: 14px;margin-top: 5px;}
  .mbx {display: none;}
  .public-tit {margin-bottom: 20px;}
  .public-tit h6{text-align:center;}
  .Second_img {width: 100%;}
  .img-public {height:180px;}
  .Second_cont {width: 100%;}
  .lists-public li.lists_ph {width: 49%;}
  .lists-public li a {padding-left: 15px;font-size: 14px;height: 30px;line-height: 30px;}
  .Second_symmetry {width: 100%;}
  .business_service {margin-bottom: 20px;}
  .business_service img {height: 150px;}
  .service_text {left: 0;width: 100%;top: 50%;transform: translate(0, -50%);}
  .news_single {margin-top: 10px;}
  .news_single ul {margin-bottom: 20px;}
  .news_single ul li.single_liPH {width: 100%;}
  .news_single ul li a {line-height: 35px;}
}

.footer-qrcode .img img{width:90%;max-width: 120px;height:100%;object-fit:cover;-o-object-fit:cover;}