@charset "gb2312";
.main-body-v3 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.header-float{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.ywtb-container{margin: 0 auto; width: 1200px;}
.index-banner-wrap{
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  background: url("/hnzwfw/ywtb2024/images/header_bg.jpg") center no-repeat;
  background-size: cover;
}
.header-nav{position: relative;display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #fff;height: 35px;line-height: 35px;padding: 0 20px;}
.header-nav a{float: left; font-size: 12px;color: #333; padding-right: 16px;}
.header-nav a:hover{font-weight: bold;}
.header-nav a:last-child{padding-right: 0;}

.index-banner-menu {
  width: 100%;
  position: relative;
  min-height: 185px;
}
.index-banner-menu .menu-list-wrap{
  display: flex;
  justify-content: center;
}
.index-banner-menu .menu-list-wrap .menu-item{
  width: 384px;
  height: 117px;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.16);
  padding: 16px 24px;
  z-index: 2;
  transition: transform .3s ease-in-out;
}
/*    .index-banner-menu .menu-list-wrap .menu-item a:before {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 100%;
        position: absolute;
        background: rgba(0,0,0,.2);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        z-index: -1;
    }
    .index-banner-menu .menu-list-wrap .menu-item a:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 4px solid hsla(0,0%,100%,.4);
        box-sizing: content-box;
        box-sizing: initial;
        background-clip: padding-box!important;
        border-radius: 100%;
        background: #fff;
        z-index: -1;
    }
    .index-banner-menu .menu-list-wrap .menu-item a span{width: 32px;height: 32px;display: block;}
    .index-banner-menu .menu-list-wrap .menu-item a b{font-size: 16px;color: #fff;font-weight: 600;}
    .index-banner-menu .menu-list-wrap .menu-item a:hover .menu-label{color: #0d1c28;}
    .index-banner-menu .menu-list-wrap .menu-item+.menu-item{margin-left: 20px;}*/

.index-banner-menu .menu-list-wrap .menu-item .hd{display: flex;justify-content: flex-start; margin-bottom: 12px;}
.index-banner-menu .menu-list-wrap .menu-item .hd h2{color: #fff;font-size: 18px;font-weight: bold;color: #fff;}
.index-banner-menu .menu-list-wrap .menu-item .hd .menu-item-ico{margin-right: 10px;}
.index-banner-menu .menu-list-wrap .menu-item .bd{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-banner-menu .menu-list-wrap .menu-item .bd a{font-size: 14px;color: #fff; line-height: 24px;width: calc(100%/3 - 12px);text-align: center;border-radius: 4px;}
.index-banner-menu .menu-list-wrap .menu-item .bd a:hover{font-weight: bold;}
.index-banner-menu .menu-list-wrap .menu-item .bd.v3-column{justify-content: flex-start;}
.index-banner-menu .menu-list-wrap .menu-item .bd.v3-column a{width: auto; margin-right: 12px;}
.index-banner-menu .menu-list-wrap .menu-item+.menu-item{margin-left: 20px;}
.index-banner-menu .menu-list-wrap .menu-item:hover{transform: translateY(-8px);}
/*.index-banner-menu .menu-list-wrap .menu-item .bd.v3-column a{width: calc(100%/2);}*/

.exposure-wrap {display: flex;}
.index-banner-wrap .video-banner{overflow: hidden;width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 1}
.index-banner-wrap .video-banner video{-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%}
.index-banner-wrap .video-banner.ie video {-webkit-transform: scale(1.3);-moz-transform: scale(1.3); transform: scale(1.3)}
.index-banner-wrap .video-banner .video-mask{
  width: 100%;height: 100%;position: absolute;top: 0;left: 0;
  background: url("/hnzwfw/ywtb2024/images/5dde855dea665946941be9e93514a64e.png") no-repeat;opacity: 0.5;
  background-size: 100% 100%;
}

.header-logo-container{position: relative;width: 1200px;margin: 60px auto 0; z-index: 2;display: flex;justify-content: space-between;}
.header-logo-container .v3-logo-hn{margin-right: 20px;}

.secondScreen{background: #f9fafd;}
.service-wrap{display: flex; margin-bottom: 20px;}
.service-wrap .service-wrap-item{background: #fff;padding: 24px;margin-right: 16px;width: 400px;}
/*.service-wrap .service-wrap-item+.service-wrap-item{margin-left: 10px; width: 310px;}*/
.service-wrap .service-wrap-item .item-header{display: flex;align-items: flex-start;}
.service-wrap .service-wrap-item .item-header .header-right-content{padding-left: 12px;}
.service-wrap .service-wrap-item .item-header .header-right-content .title{font-weight:600;font-size: 20px;color: #1D1E3B;line-height: 28px;}
.service-wrap .service-wrap-item .item-header .header-right-content .desc {font-weight: normal;font-size: 14px;color: rgba(0, 0, 0, 0.45);line-height: 22px;}

.service-wrap .service-wrap-item .item-content{}
.service-wrap .service-wrap-item .item-content .item-content-list {display: flex;justify-content: space-between;flex-wrap: wrap;}
.service-wrap .service-wrap-item .item-content .item-content-list+.item-content-list{margin-top: 30px;}
.service-wrap .service-wrap-item .item-content .item-content-list .contnet-item{width: calc(100%/2);font-size:14px; color: rgba(0, 0, 0, 0.85);line-height: 19px;font-weight: normal; margin-bottom: 16px;}
/*.service-wrap .service-wrap-item .item-content .item-content-list .contnet-item+.contnet-item{ margin-left: 32px;}*/
.contnet-item .value{margin-bottom: 8px;}
.contnet-item .value b{font-size: 22px;color: #E76652;font-weight: bold; margin-right: 8px;}
.contnet-item .label{font-size:14px; color: rgba(0, 0, 0, 0.85);line-height: 19px;font-weight: normal;}
.goEva{flex: auto;}
.goEva a{background: #EBF5FE; padding: 0 12px;line-height: 29px;font-size: 12px;color: #006EAB;float: right;border-radius: 4px;}
.goEva a:hover{background: #006EAB;color: #fff;}
.service-wrap .service-wrap-item.evaluate-wrap{width: 368px; margin-right: 0; padding-right: 22px;}
.service-wrap-item.evaluate-wrap .item-header{align-items: center; margin-bottom: 20px;}
.service-wrap-item.evaluate-wrap .item-content{ margin: 0px auto; padding: 0 14px;}
.footer-tip{padding-left:14px;display: flex;justify-content: flex-start;position: relative; align-items: center;}
.footer-tip:before{content: ""; position: absolute;width: 10%;height: 1px;left: 200px; top: 50%; transform: translateY(-50%); border-bottom: 1px dashed rgba(0, 0, 0, 0.08);}
.footer-tip span{color: rgba(0, 0, 0, 0.3);font-size: 12px;}

.bmfw-items{ margin-top: 16px; padding: 0 2px;}
.bmfw-items li{}
.bmfw-items li+li{margin-top: 6px;}
.bmfw-items li a{display: block;padding: 0 12px;font-size: 14px;color: rgba(0, 0, 0, 0.85); line-height: 30px;background: #F9FAFD url("/Other/zwfw-new/hnzwfw/ywtb2024/images/ico_arr_right.svg") 98% center no-repeat;border-radius: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bmfw-items li a:hover{background-color: #EBF3FF;color: #006EAB;}

.sun-gov-items{ margin-top: 16px; padding: 0 2px;}
.sun-gov-items li{}
.sun-gov-items li+li{margin-top: 6px;}
.sun-gov-items li a{display: flex;align-items: center;justify-content:space-between; padding: 0 28px 0 12px;font-size: 14px;color: rgba(0, 0, 0, 0.85); line-height: 30px;background: #F9FAFD url("/Other/zwfw-new/hnzwfw/ywtb2024/images/ico_arr_right.svg") 98% center no-repeat;border-radius: 4px;}
.sun-gov-items li a i{margin-right: 8px;display: flex;align-items: center;}
.sun-gov-items li a span{flex: 1 0 auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 50%;}
.sun-gov-items li a b{}
.sun-gov-items li a:hover{background-color: #EBF3FF;color: #006EAB;}

.sun-gov-other{margin-top: 6px;}
.sun-gov-other a{background: #EBF5FE; padding: 0 12px;line-height: 29px;font-size: 12px;color: #006EAB;float: left; border-radius: 4px;}
.sun-gov-other a+a{margin-left: 8px;}
.sun-gov-other a:hover{background: #006EAB;color: #fff;}

.promotion-login-box{display: flex; margin: 20px auto;}
.promotion-login-box .convenience-box{width: 812px;flex-shrink: 0;position: relative;}
.promotion-login-box .convenience-box .convenience-items{padding: 30px 18px; height: 300px; overflow: hidden; position: relative;cursor: pointer;transition: transform .3s ease-in-out; position: relative;}
.promotion-login-box .convenience-box .convenience-items:after{content: "";position: absolute;z-index: 1; display: none;}
/*.promotion-login-box .convenience-box .convenience-items+.convenience-items{margin-left: 15px;}*/
.promotion-login-box .convenience-box .convenience-items .info{z-index: 2;position: relative;}
.promotion-login-box .convenience-box .convenience-items h2{font-size: 20px;font-weight: 600; margin-bottom: 4px;color: rgba(0, 0, 0, 0.85);}
.promotion-login-box .convenience-box .convenience-items p{font-size: 14px;color: #5E6787;line-height: 24px;}
.promotion-login-box .convenience-box .convenience-items:hover{transform: translateY(-8px);}
.items-bg1{background: linear-gradient(161deg, #F0F9FF 33%, rgba(255, 255, 255, 0.2) 96%);}
.items-bg1:after{right: -26px; bottom: -6px; width: 180px;height: 180px; background: url("/hnzwfw/ywtb2024/images/convenience-items_01.png") no-repeat;}
.items-bg2{background: linear-gradient(158deg, rgba(255, 249, 246, 0.97) 2%, rgba(255, 255, 255, 0) 103%);}
.items-bg2:after{right: -89px; bottom: -18px; width: 268px;height: 143px;background: url("/hnzwfw/ywtb2024/images/convenience-items_02.png") no-repeat;}
.items-bg3{background: linear-gradient(158deg, #FAF7FF 18%, rgba(255, 255, 255, 0) 99%);}
.items-bg3:after{content: "";right: -280px; bottom: -30px;width: 559px;height: 326px;background: url("/hnzwfw/ywtb2024/images/convenience-items_03.png") no-repeat;}
.items-bg4{background: linear-gradient(158deg, #EFF3FF 41%, rgba(255, 255, 255, 0) 99%);}
.items-bg4:after{right: 0; bottom: 0;width: 362px;height: 230px;background: url("/hnzwfw/ywtb2024/images/convenience-items_04.png") no-repeat;}

.items-bg1{background: url("/hnzwfw/ywtb2024/images/items-bg1_01.png")}
.items-bg2{background: url("/hnzwfw/ywtb2024/images/items-bg1_02.png")}
.items-bg3{background: url("/hnzwfw/ywtb2024/images/items-bg1_03.png")}
.items-bg4{background: url("/hnzwfw/ywtb2024/images/items-bg1_04.png")}

.items-img{position: absolute;width: 192px; height: 300px;left: 0;top: 0;z-index: 1;}
.promotion-login-box .convenience-box .convenience-items img{position: absolute;width: 192px; height: 300px;left: 0;top: 0;z-index: 1;}
.promotion-login-box .convenience-box .swiper-button-prev {
  left: 10px;
  background: url("/hnzwfw/ywtb2024/images/ico-button-prev.png") no-repeat;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAJ8SURBVDhPnZRdb9JQGMcPpwVh09kpsELZWiEzu8REJvGqi85wiXfezX0C4ydw+wT6DZyXu9JLE5fBbiaKiXjrMuwcA5Ypa3lZgfLiec46IlvLjL+L5vQ8zy896fNvHegfuBt/+GJ83LMC6xO9sZzd3lzDtDICkNxu18rsbASNeTxkh6H7I8XYvcVnZ9LR0S/0u1LJjbuMd1CzPep8/MGSy31lDaRK5RiVSofKmMu4k06nVahbitHYYtTjxl/n5m4jTauiQqGo4B6zkMm8V8yWi0eNxmXJ6eyn4En1esNSAoZEkFwOJiXOTHNwFGXvp2olAQPxTBJCgjRx7Sr6vrOLkOGwlAAqRmWZA4kP8NIkd51KHcNYzmY/5GiXBZhKbZZK3ps3qNRstZ9nM5trZo8lmG2xr30+b3TK76NSu91e/fJx45VZtwVPchPJYIAfSJ+3N2i0LgN3uz1zSeihvrm6FMY7JUiG0Y2Gb4noWFVlnhfRQSG/ZdZtYfwRcatdbyUwxnwoFERatSoHAtPaQeFHxuyxhCkrStMXmVnXVf0JyzIcyKpWS0zx0l6xkLcfB1xyJLi4zyyUioeKpmkoHJYQ68QvYySztMuCQXIgISAX9kuKruuIZJVj3ThlJw9lFeR+Bz0mwaafDjk253D23kIcacNfDIkAxKzT7C3s7OyqHvLFhwRBcmEmdV4+/Q+co1jMl4NBqVyt1ZOCEECYYTi9cZL0RcQ38DKhx1IEyDi++QMieVfVxHRIOJU1PQETANlWBMg4Mv6g6CCyLIkzqNls8UajUyb7n0aKQHE/nwa5Vq3J3W4XGZ3OOtmzne8F5uOPlmL3F5+at/8LQn8A/8oeObXa7MoAAAAASUVORK5CYII=) no-repeat 50% #fff;*/
}
.promotion-login-box .convenience-box .swiper-button-next {
  right: 10px;
  background: url("/hnzwfw/ywtb2024/images/ico-button-next.png") no-repeat;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJSSURBVHgBpdNNb9JwHAfwXx9WQBepKNAynoSx6A2TseBOxWyGI968yUvYO9h8BcZXsOzoST2aacAbCybi0SxidcBY4kMfgLKWgv9/RxcVKCR+D03/ST/5P30L8L/JbG4XN7IPHi/6PWWjKx73/hJDF/x8lGid1MvzIGk9R+BlGAbWUklwM8zu+ubW3kIzBlajnwY9I08QBBcJr4AsK0KAj8mtRr3iCNui2Pcno881ufeIpCh2jPMcFxWbjS8fZ8JLvBJ7pXV7BbRsNsgF4JckC3ww8brVqrdh6h7HqVXKoj40c41mU9Q0DVKpJEu7yVIms512hDYeGeTDRqMl4XE4HGIJGl5ks/m4I8SpVg9rg/4wd3z8WfJ4PBCO8PEhYZb+xBTMCN4XH0qcqapaCIV4oGmKVTtqwb8aPcDnMRNauFGv8XxElmQ1j5ZsYXTyeXwDjhAHXUeF42IgK4oQj0XAMAbceafPzYUXuP4OY0VVhcStGHS7WpqERUMCYb9SFAkLwQ3UXVSKXdzl1mkbFUN5ScxD6/e2dtwu5ilG33/8hHb7rKYzg5wjzGTvF11u9/4lOm2Lusu8WyuXpZkQ1wzV7cOd22u4s+iAmqI+MnO4WRdbnhKrIUujEp5JUTsTCIeehoakWYrHouwIjb9+O5GMf9DEjDZCLYkvL18F1FV04cQE+gsKgsBixPPBuNd7zUKmMSjWUOFhSmgb9XTaQj7fdQuda8ZO9ejtAcyINWNXXyrc8PnSfv9NC/X7+l716PAZOGS8VBN66I+30fvKmycwJ78B5Z8iI5B1LE4AAAAASUVORK5CYII=) no-repeat 50% #fff;*/
}

.promotion-login-box .convenience-box .swiper-button-next, .promotion-login-box .convenience-box .swiper-button-prev {
  display: none; width: 32px;height: 32px;border-radius: 50%;
  /*background-size: 6px 11px;*/
  box-shadow: 0px 0px 10px 0px rgba(194, 227, 255, 0.8118);
  cursor: pointer;
}


.promotion-login-box .convenience-box .swiper-pagination{display: none;}
.promotion-login-box .convenience-box:hover .swiper-button-next,.promotion-login-box .convenience-box:hover .swiper-button-prev{
  display: block;
}
/*.promotion-login-box .convenience-box .swiper-button-next:hover{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAADJSURBVDhPpZSNDYMgFIRJJ3AER3CjdgPdQEfpBh2lI3QE0wnsHR5gmvgA+ZIXEt59mMiP2xKzq0FSoFxG+L07kUktGwQ71McriYfaNgj2qKO8oga1bRBskgcJAS7Uq22DYJN890qCcqe2DYKTVxLctmJ58UriqVYehP/lkfM337XZNAa+Gs/B6vP+kchLrXMQGvdsJP9zEKjfDgR4AI7kDwADqLpTw4CCAS5QLRH7ZiBw7SIjdPnpOLJoOo8EUi4RCNzsssepHed+8hzTj1GlWAwAAAAASUVORK5CYII=) no-repeat 50% #006EAB;
  background-size: 6px 11px;
}
.promotion-login-box .convenience-box .swiper-button-prev:hover{
  !*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACeSURBVHgBvdThCYYgEAbg+74FaoRGcKPcoDaoUdqgURrBERrhOqEf1yF4r0QviCA+HOgpUWN+BIaZY54Qk9HKd5qQG8q+mZ85PCgalGT0NRQKaKihQcbZgpJCZwvKCTXUF9DoQYdBE9Uim3aDFg+KKPrfc2fW/c0vVTZTdfXC0uHMCE7QdShc6prwCQ6MNvlbGH/ICuNfh8KLloRE4wt/vs9DUIgnHQAAAABJRU5ErkJggg==) no-repeat 50% #006EAB;*!
  background-color: #006EAB;
  background-size: 6px 11px;
}*/

.promotion-login-box .convenience-box:hover .swiper-pagination{display: block;}
.promotion-login-box .convenience-box .swiper-pagination-bullet{margin: 0 2px;}
.promotion-login-box .convenience-box .swiper-pagination-bullet-active{background: #006EAB;}

.promotion-login-box .userCard{flex-shrink: 0;width: 368px;background: #fff;padding: 20px 24px; margin-left: 20px;}
.promotion-login-box .userCard .userInfo{width: 100%;display: flex;align-items: center; margin-bottom: 9px;}
.userimg_box{margin-right: 16px; width: 56px; height: 56px;border-radius: 50%; background: linear-gradient(169deg, #A7DBFE 7%, rgba(167, 219, 254, 0) 92%); flex-shrink: 0;}
.userName{color: #3D3D3D;font-size: 18px;font-weight: 600; margin-bottom: 4px;}
.userName .login{color: #006EAB;}
.userCompany{font-size: 14px; color: #999999;}
.myInfoList .hd{display: flex;justify-content: space-between; padding: 8px 0;}
.myInfoList .hd h2{color: #1D1E3B;font-size: 17px;font-weight: bold;}
.myInfoList .hd span.hyp{cursor: pointer; border: 1px solid #A5B4CB;font-size: 12px;color: #A5B4CB; padding:0 6px;border-radius: 10px;line-height: 22px; display: flex;align-items: center;}
.myInfoList .hd span.hyp img{margin-right: 6px;transition: all .3s;}
.myInfoList .hd span.hyp:hover{color: #006EAB;border: 1px solid #006EAB;}
.myInfoList .hd span.hyp:hover img{filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg);transform: rotate(180deg);transform: rotate(180deg);}
.myInfoList .bd li a{display: block;padding: 0 12px 0 20px;font-size: 14px;color: #4A5A73;line-height: 31px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.myInfoList .bd li a:before{content: "";position: absolute;width: 3px; height: 3px; background: #4A5A73;left: 10px;top: 50%;transform: translateY(-50%);}
.myInfoList .bd li a:hover{background-color: #EBF3FF;color: #006EAB;}

.header-logo-right {display: flex;align-items: center;}

.header-logo-right .header-btn{display: block; height: 37px; padding: 0 14px; font-size: 14px; color: #fff; line-height: 37px; background: #006EAB;border-radius: 4px;}
.header-logo-right .header-btn.old-btn{background: #E76652; margin-right: 8px;}
.header-logo-right .header-btn.xiabiao{position: relative; padding: 0 28px 0 14px; cursor: pointer;}
.header-logo-right .header-btn.xiabiao:after{content: "";position: absolute;right: 12px;top: 50%;width: 0px;height: 0px;border: 5px solid transparent;border-top-color: #fff;}

/**/
.slide-fixed-toolbar{position: fixed;right: 16px;top: 50%;width: 56px;transform: translateY(-50%);font-size: 14px;color: #6c6c6c;text-align: center;box-shadow: 0 4px 30px 0 rgba(9,41,77,.10196);background: #fff;border-radius: 8px;z-index: 10;}
.slide-fixed-toolbar-item-box li{position: relative;}
.slide-fixed-toolbar-item-box li a{display: block; padding: 12px 0;text-align: center;}
.slide-fixed-toolbar-item-box li a>i{display: block;width: 24px;height: 24px;margin: 0 auto 2px;}

.slide-fixed-back-to-top{display: none; position: fixed;right: 16px;top: 67%;width:56px;height: 56px;background: #fff;box-shadow: 0 4px 30px 0 rgba(9,41,77,.10196);border-radius: 8px;text-align: center;line-height: 48px;cursor: pointer; z-index:200;}
.slide-fixed-back-to-top i{display: flex;padding: 16px;}
.slide-fixed-back-to-top.active{display: block;}

.yd-show{position: absolute;left: -90px;top: 50%;padding-right: 10px;display: none;transform: translateY(-50%);}
.yd-show-ewm{position:absolute;left:-170px;}
.yd-showcc{height:100%;background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;position:relative;box-shadow:0 4px 30px 0 rgba(9,41,77,.10196);padding:10px;text-align:center}
.yd-showcc .yd11{display:inline-block;margin:0 5px}
.yd-showcc .yd11 img{display:block;margin: 3px auto;width: 80%;}
.yd-showcc .yd11 em{font-size:14px}
.yd-showcc:before{content:"";border:10px solid transparent;position:absolute;right:-19px;top:50%;transform: translateY(-50%);border-left-color:#fff}

/**/
.win-model-wrap.active{left: 0;opacity: 1; visibility: visible;}
.win-model-wrap{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  right: 0;
  /*background-color: rgba(0,0,0,.4);*/
  z-index: 9999;
  transition: left 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
}
.city-select-box-v3{
  /*-webkit-transition: all .5s ease-in;*/
  /*transition: all .5s ease-in;*/
  /*position: fixed;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*-webkit-transform: translate(-50%,-50%);*/
  /*transform: translate(-50%,-50%);*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;

  background: rgba(255, 255, 255, 0.9);
  padding: 46px 90px;
  -webkit-box-shadow: 0 1px 5px #e3e3e3;
  box-shadow: 0 1px 5px #e3e3e3;
  border-radius: 3px;
  z-index: 1003;
overflow-y: auto;
}
.city-select-hd{display: flex;justify-content: space-between;align-items: center;}
.city-select-hd .h2-title{font-size: 28px;font-weight: bold;color: #27376F;line-height: 70px;}
.city-select-close{display: flex; cursor: pointer;}
.city-select-close:hover img{transform: rotate(360deg);}

.city-select-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 30px;
  border-bottom: 2px solid #27376F;
}
.city-select-top .city-select-area{display: flex; font-size: 18px;color: #27376F; background: url("/Other/zwfw-new/hnzwfw/ywtb2024/images/ico_city_slect_poi.svg") no-repeat; padding-left: 26px;}
.city-select-top .city-select-area .city-picker-hall-nav li{float: left;}
.city-select-top .city-select-area .city-picker-hall-nav li a{color: #27376F;font-size: 18px;}
.city-select-top .city-select-area .city-picker-hall-nav li a:after {
  content: "";
  display: inline-block;
  min-width: 6px;
  height: 6px;
  border-top: 1px solid #27376F;
  border-right: 1px solid #27376F;
  transform: rotate(45deg);
  margin: 0 6px;
  vertical-align: middle;
}
.city-select-top .city-select-area .city-picker-hall-nav li:last-child a{font-weight: bold;}
.city-select-top .city-select-area .city-picker-hall-nav li:last-child a:after {
  display: none
}
.city-select-to-links{margin-left: 30px;}
.city-select-to-links a{float: left;margin-right: 8px; padding: 0 18px; line-height: 30px;font-size: 14px;color: rgba(0, 0, 0, 0.6);background: rgba(0, 0, 0, 0.04);border-radius: 4px;}
.city-select-to-links a.btn-default{background: #27376F;color: #fff;}
.city-select-to-links a:hover{opacity: .78;}
.city-select-top .city-select-search {
  width: 300px;
  border-radius: 4px;
  position: relative;
  background: #fff;
  height: 40px;
  /*border: 1px solid #27376F;*/
}

.city-select-top .city-select-search .input-btn-search {
  width: 40px;
  height: 38px;
  background: url(/Other/zwfw-new/hnzwfw/ywtb2024/images/ico_city_slect_search_btn.svg) no-repeat center;
  border: none;
  float: left;
  position: absolute;
  right: 0;
  top: 0;
}

.city-select-top .city-select-search .input-search {
  width: 100%;
  height: 38px;
  border: none;
  background: transparent;
  float: left;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 50px;
}
.city-select-top .city-select-search .input-search:focus {
  outline: 1px solid #27376F;
  border-radius: 4px;
}

.city-select-top .city-select-search .input-search::-webkit-input-placeholder {
  color: #999;
}

.flagship-box h2{display: block;margin-left: 5px;margin-right: 5px; margin-bottom: 20px; font-size: 18px;font-weight: bold;color: rgba(0, 0, 0, 0.85); background: url("/Other/zwfw-new/hnzwfw/ywtb2024/images/ico_city_slect_flagship.svg") no-repeat;line-height: 28px;padding-left: 34px;}


.flagship-list{overflow: hidden; padding: 5px 0;}
.flagship-list li{float: left; width: calc(100%/6 - 10px);margin: 0 5px;}
.flagship-list a{display: block;margin-bottom: 8px; padding: 0 20px; height: 40px; line-height:40px; text-align: center;font-size: 15px;font-weight: 500;color: rgba(0, 0, 0, 0.85); border-radius: 4px; background: rgba(0, 0, 0, 0.0392);overflow: hidden;white-space: nowrap;text-overflow: ellipsis; transition: all .3s;}
.flagship-list a:hover{background: #fff;transform: translateY(-5px);}

.district-list{margin: 8px 5px; padding: 10px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.district-list a{float: left; font-size: 14px; padding: 0 16px;line-height: 36px;text-align: center;margin-right: 10px;border-radius: 4px;}
.district-list a:hover{background: rgba(0, 0, 0, 0.0392);}

.gov-flagship{margin-bottom: 40px;}
.gov-flagship .flagship-list li{width: auto;}
.gov-flagship .flagship-list li a{padding: 0 10px;}

.header-logo-left{display: flex;align-items: center;}
.header-new-tag{font-size: 14px;color: #27376F;border: 1px solid #27376F;padding: 0 16px;line-height: 28px;display: inline-block;border-radius: 14px;margin-left: 0px;}

.search-result-box{display:flex;flex-direction: column;font-size:16px;color:#27376F;}
.search-result-box .search-result-hall-nav{margin-bottom: 30px;}
.search-result-box .search-result-hall-nav li{float:left}
.search-result-box .search-result-hall-nav li a{color:#27376F;font-size:16px}
.search-result-box .search-result-hall-nav li a:after{content:"";display:inline-block;min-width:6px;height:6px;border-top:1px solid #27376F;border-right:1px solid #27376F;transform:rotate(45deg);margin:0 6px;vertical-align:middle}
.search-result-box .search-result-hall-nav li:last-child a:after{display:none}
.search-result-box .search-result-hall-nav li a i{color:#FA5151}


.bodyStyle1 .header-nav a{color: #fff;}
.bodyStyle1 .index-banner-menu .menu-list-wrap .menu-item{background: rgba(0, 0, 0, 0.25);}
.bodyStyle1 .header-new-tag{color: #fff;border: 1px solid #fff;}

.bodyStyle1 .search-area-wrap .hotKeys-group .hotKeys-group-item{color:#fff;background: rgba(0, 0, 0, 0.3);}
.bodyStyle1 .search-area-wrap .hotKeys-group .hotKeys-group-item:hover{color:#000;}
.bodyStyle1 .search-area-wrap .hotKeys-group .hotKeys-group-item.title:hover {color:#fff;background: rgba(0, 0, 0, 0.3);}
/*.bodyStyle1 .index-banner-wrap{background: url(/hnzwfw/ywtb2024/images/header_bg_night.jpg) no-repeat;}*/

.index-title-text{position: relative;z-index: 10;text-align: center;margin-bottom: -30px;}
.index-title-text a{font-size:32px;padding-right:10px;color: #27376f;    font-weight: bold;}
.index-title-text .title-label{background: rgba(255, 255, 255, 0.65);font-size: 12px;padding: 0px 8px;color: #27376F;line-height: 20px;display: inline-block;border-radius: 10px;}
.bodyStyle1 .index-title-text a{color: #fff;}

/*1221 new*/
.pop-upNotification{display: none; width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1009;}
    .upNotification-content{display:block;min-height: 389px; box-sizing:border-box;box-shadow:0px 6px 30px rgba(82,145,192,0.10);width:1200px;background-color:#fff;position:fixed;margin-left:auto;margin-right:auto;left:0px;right:0px;top: 150px;padding:24px 24px 24px 24px;z-index:10000;border-radius:4px}
    .upNotification-content .city-select-close{position: absolute;right: 5px;top: 5px;}
    .pop-upNotification .city-select-top .city-select-area{font-size: 16px;flex: none;}
    .pop-upNotification .city-select-top .city-select-area .city-picker-hall-nav li a{font-size: 16px;}
    .upNotification-body{display: flex;}
    .upNotification-tab{width: 90px;}
    .upNotification-tab span{display: block;cursor: pointer;position: relative;font-size: 16px;width: 100%;line-height: 24px;padding: 0 15px;margin-bottom: 10px;}
    .upNotification-tab span.active:before{content: "";position: absolute; width: 4px; height: 18px; background: #27376F; left: 0; top: 50%;transform: translateY(-50%);}
    .upNotification-tab span.active{color: #27376F;font-weight: bold;}
    .upNotification-tabCon{flex: 1;}
    .upNotification-tabCon .tabConBody{display: none;position: relative;}
    .upNotification-tabCon .tabConBody.active {display: block;}

    .upNotification-tabCon .tabConBody .flagship-list{min-height: 80px;}
    .upNotification-tabCon .tabConBody .flagship-list li a{font-size:16px;padding:0 10px;}
    .upNotification-tabCon .tabConBody  #bmList li a{font-size:14px;}

    .upNotification-tabCon .city-select-search{position:absolute;top:-80px;right:10px; width:300px;border-radius:4px;background:#fff;height:40px;border:1px solid #27376F}
    .upNotification-tabCon .city-select-search .input-btn-search{width:40px;height:38px;background:url(/Other/zwfw-new/ywtb2024/images/ico_city_slect_search_btn.svg) no-repeat center;border:none;float:left;position:absolute;right:0;top:0}
    .upNotification-tabCon .city-select-search .input-search{width:100%;height:38px;border:none;background:transparent;float:left;font-size:12px;padding-left:10px;padding-right:50px}
    .upNotification-tabCon .city-select-search .input-search:focus{outline:1px solid #27376F;border-radius:4px}
    .upNotification-tabCon .city-select-search .input-search::-webkit-input-placeholder{color:#999}

    .upNotification-area{display: flex;align-items: center;color: #27376F;font-size: 16px;margin-left: -75px;}
    .upNotification-area .city-picker-hall-nav li{float: left;}
    .upNotification-area .city-picker-hall-nav li a{color: #27376F;font-size: 16px;}
    .upNotification-area .city-picker-hall-nav li a:after {content: "";display: inline-block;min-width: 6px;height: 6px;border-top: 1px solid #27376F;border-right: 1px solid #27376F;transform: rotate(45deg);margin: 0 6px 0 2px;vertical-align: middle;}
    .upNotification-area .city-picker-hall-nav li:last-child a{font-weight: bold;}
    .upNotification-area .city-picker-hall-nav li:last-child a:after {display: none}
    .upNotification-area .city-select-to-links{width: 80px;}
.upNotification-content .search-result-box{max-height: 250px;overflow-y: auto;}


/*mobile*/
.header-mobile-v24{display: none;position: fixed; top: 0; width: 100vw;z-index: 100;}
.header-mobile-v24 img{display: block;border: none;}
.header-mobile-v24 .topContent{width:100%;height:50px;padding:10px;box-sizing:border-box;background:#ffffff;justify-content:space-between;display: flex;align-items: center;}
.header-mobile-v24 .topContent .gov-logo{display: flex;align-items: center;}
.header-mobile-v24 .topContent .countryIcon{width:31px;height:32px;margin-right:3px;}
.header-mobile-v24 .topContent .name{height:32px;display:flex;flex-direction:column;justify-content:space-between;padding-top:4px;box-sizing:border-box}
.header-mobile-v24 .topContent .name .title{width:160px;height:17.5px;margin-bottom:3px}
.header-mobile-v24 .topContent .name .titleDesc{width:157px;height:8px;}
.header-mobile-v24 .topContent .operation{display: flex;align-items: center;}
.header-mobile-v24 .topContent .operation img,.pageTop .topContent .operation a{width:30px;height:30px;}
.header-mobile-v24 .topContent .operation a{margin-left:16px}

.rightMenu{display:none;width:100%;height:100%;position:relative;z-index:108}
.rightMenu .mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.5);z-index:108}
.rightMenu .rightMenuList{width:280px;height:100%;position:fixed;right:0;top:0;background-color:#fff;z-index:110;box-shadow:0px 1px 6px 0px rgba(39,55,111,0.17)}
.rightMenu .rightMenuList .menuTop{height:70px;justify-content:flex-end;padding:0 15px;border-bottom:1px solid #ccc;margin-bottom:24px;display: flex;align-items: center;}
.rightMenu .rightMenuList .menuTop img{width:15px;height:15px}
.rightMenu .rightMenuList .detailMenuList li{display:flex;align-items:center;justify-content:space-between;padding:0 39px;height:40px;margin-bottom:7.5px;}
.rightMenu .rightMenuList .detailMenuList li a{flex:1;font-size:18px;color:#333}
.rightMenu .rightMenuList .detailMenuList li img{width:6px;height:12px}
@keyframes showMenuList{from{transform:translateX(100%)} to{transform:translateX(0%)} }
@keyframes hiddenMenuList{from{transform:translateX(0%)} to{transform:translateX(100%)} }
@keyframes hiddenMenuContainer{from{display:block} to{display:none}}
.showMenu{display: block;}
.showMenu .rightMenuList {animation: showMenuList 0.5s;}
.hiddenMenu {animation: hiddenMenuContainer 0.5s;}
.hiddenMenu .rightMenuList { animation: hiddenMenuList 0.5s;}

.v24-mb-show-menu{display: none;}

#topLogin a:last-child{position:relative;}
#topLogin a:last-child:before{content:"";position:absolute;width:1px;height:15px;background: #666;left: -8px;top: 50%;transform: translateY(-50%);}
.bodyStyle1 #topLogin a:last-child:before{background:#fff;}

@media screen and (max-width: 1024px){
  .ywtb-container{width: 980px;}
  .header-logo-container{width: 100%;padding: 0 20px;}
  .index-banner-menu .menu-list-wrap .menu-item{width: 300px;}
  .promotion-login-box .convenience-box{width: 592px;}
  .service-wrap .service-wrap-item{width: 290px;padding: 20px 16px;}
  .city-select-box-v3{padding: 35px;}

  .slide-fixed-back-to-top{top: 80%;}
}
@media screen and (max-width: 768px){
  .ywtb-container{width:95%;}
  .promotion-login-box .convenience-box{width:100%;margin-bottom: 10px;}

  .service-wrap{flex-direction: column;}
  .promotion-login-box{flex-direction: column;margin: 10px auto;}

  .index-banner-menu .menu-list-wrap{flex-direction: column; margin-top: 10px;}

  .footer2024-nav{flex-direction: column;}
  .footer2024 .footer2024-nav>div{width:100%; margin:10px auto;}

  .slide-fixed-toolbar,.header-float{display: none;}

  .index-banner-wrap{justify-content: flex-start; height: 100%; min-height: auto;}

  .header-logo-container{width: 100%;justify-content: flex-end;}
  .header-logo-left{display: none;}
  .header-logo-right{margin-right: 10px;}

  .slide-fixed-back-to-top{right: 5%;top:90%;width: 36px;height: 36px;padding-top: 6px;border-radius:4px;}
  .slide-fixed-back-to-top i {justify-content: center; padding: 0;}

  .promotion-login-box .convenience-box .swiper-button-next{display: block;}
  .promotion-login-box .convenience-box .convenience-items{padding: 24px 16px;}

  .service-wrap .service-wrap-item{width: 100%;margin: 0 auto 10px; padding: 24px 16px;}
  .service-wrap .service-wrap-item.evaluate-wrap{width: 100%;margin: 0 auto; padding: 24px 16px;}
  .promotion-login-box .userCard{width: 100%;margin: 0 auto;}

  .index-banner-menu .menu-list-wrap .menu-item{width: 100%;margin: 0 auto;}
  .index-banner-menu .menu-list-wrap .menu-item+.menu-item{margin: 0 auto;}

  .secondScreen {background: #F3F4F7;}
  .header-mobile-v24{display: block;}

  .pc-show-menu{display: none;}
  .v24-mb-show-menu{display: block}
  .v24-mb-show-menu .menu-list-wrap .menu-item{background: #fff !important; margin-bottom: 10px;height: auto;padding: 16px;}
  .v24-mb-show-menu .menu-list-wrap .menu-item .hd h2 a{color: #27376F !important;}
  .v24-mb-show-menu .menu-list-wrap .menu-item+.menu-item{margin-bottom: 10px;}
  .v24-mb-show-menu .menu-list-wrap .menu-item:last-child{margin-bottom: 0;}
  .index-banner-menu .menu-list-wrap .menu-item .bd{gap: 10px;}
  .index-banner-menu .menu-list-wrap .menu-item .bd a{color: rgba(0, 0, 0, 0.85);font-size: 16px;}
  .index-banner-menu .menu-list-wrap .menu-item:not(:last-child) .hd .menu-item-ico img{filter: invert(.7) sepia(1) saturate(5) hue-rotate(175deg);}

  /*µ±Ç°ÇøÓò*/
  .city-select-box-v3{padding: 10px;}
  .city-select-hd .h2-title{font-size: 16px;line-height: 48px;}
  .city-select-top{flex-direction: column;align-items: flex-start; padding: 10px 0; margin: 0 auto 20px;}
  .city-select-top .city-select-area{display: block;width: 100%;margin-bottom: 10px;font-size: 14px;}
  .city-select-top .city-select-area>*{float: left;}
  .city-select-top .city-select-area .city-picker-hall-nav{margin-bottom: 10px; margin-right: 10px; display: flex;}
  .city-select-top .city-select-area .city-picker-hall-nav li{flex-shrink: 0;}
  .city-select-top .city-select-area .city-picker-hall-nav li a{font-size: 14px;}
  .city-select-to-links{margin-left: 0px;margin-top: -5px;}
  .city-select-top .city-select-search{width: 100%;}

  .gov-flagship{margin-bottom: 20px;}
  .flagship-list li,.gov-flagship .flagship-list li{width: calc(100%/2 - 10px);}

  .index-banner-wrap .video-banner{background: url("/hnzwfw/ywtb2024/images/header_bg.jpg") center no-repeat;}

.myInfoList .bd li a{font-size: 16px;line-height: 54px;}
  .bmfw-items li a{font-size: 16px;line-height: 54px;}
  .sun-gov-items li a{font-size: 16px;line-height: 54px;}
  .sun-gov-items li a i img{width: 20px;height: 20px;}
  .footer-tip span{font-size: 14px;}
  .contnet-item .label{font-size: 16px;}
  .service-wrap .service-wrap-item .item-content .item-content-list .contnet-item{font-size: 16px;}
  .goEva a{font-size: 14px;line-height: 40px;}
}