*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Source Han Sans CN';}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input,select,textarea{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{min-width: 1263px;}

.f_le{float: left;}
.f_ri{float: right;}
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.p_re{position: relative;}
.p_ab{position: absolute;}
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexbox1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flexbox2{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.flexbox3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;}
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */column-count:; /* 列数 */column-gap:; /* 列间距 */column-rule:; /* 分隔线 */}
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden;}
.pic{width: 300px;overflow: hidden;position: relative;}
.pic figure{padding-top: 75%;}
.pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

/* wrapper */
.wrapper{width:min(1200px, calc(100% - 48px));max-width:1200px;margin:0 auto;}
@media screen and (max-width: 1440px) {
	.wrapper{width:min(1200px, calc(100% - 48px));}
}

/* header */
.header{width: 100%;border-top: 10px solid #ececec;background: #fff;position: relative;}
.header .logo{display: block;height: 70px;float: left;}
.header .logo img{display: block;height: 100%;}
.header .logo h1{width: 0;height: 0;overflow: hidden;display: none;}
.header .head-right{position: absolute;bottom: 0;right: 0;height: 70px;z-index: 9;background: url(../images/bj00.png) right center no-repeat #fff;}
.header .nav{float: left;}
.header .nav li{float: left;}
.header .nav li a.na{display: block;font-size: 16px;color: #5c5c5c;line-height: 70px;padding: 0 15px;position: relative;}
.header .nav li a.na:after{content:'';display: block;width: 0;height: 2px;background: #ffb700;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;transition: .5s;}
.header .nav li .na1{display: block;padding: 0 25px;line-height: 70px;}
.header .nav li .na1 img{display: inline-block;width: 20px;vertical-align: middle;}
.header .nav li:hover a.na:after,.header .nav li.active a.na:after{width: 100%;}
.header .drop-down{display: none;width: 100vw;background: rgba(0,0,0,.25);position: absolute;right: 0;top: 70px;padding: 20px 0;}
.header .drop-down a{display: block;font-size: 16px;color: #ffffff;line-height: 2.2;margin: 0 35px;}
.header .n-search{width: 17px;height: 70px;background: url(../images/ico03.png) center center no-repeat;float: right;position: relative;margin: 0 45px;}
.header .n-search form{display: block;overflow: hidden;width: 0;height: 30px;border-radius: 30px;background: #fff;margin: auto 0;position: absolute;right: -10px;top: 0;bottom: 0;transition: .5s;}
.header .n-search .inp{display: block;border: 0;width: calc(100% - 30px);height: 100%;float: left;padding: 0 0 0 15px;font-size: 14px;color: #5c5c5c;}
.header .n-search .btn{display: block;width: 30px;height: 30px;background: url(../images/ico03_1.png) center center no-repeat;border: 0;float: right;}
.header .n-search:hover form{width: 150px;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.header .n-link{width: 262px;height: 70px;font-size: 16px;color: rgba(255,255,255,.7);text-align: center;line-height: 70px;float: right;margin-left: 30px;}
.header .n-link a{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.7);}
.header .n-link span{display: inline-block;vertical-align: middle;margin: 0 10px;}
.header .n-link a.active{color: #fff;}
@media screen and (max-width: 1440px) {
	.header .head-right{background: url(../images/bj00.png) right center no-repeat #fff;background-size: 287px 100%;}
	.header .nav li a.na,.header .nav li .na1{padding: 0 10px;}
	.header .n-search{margin: 0 25px;}
	.header .n-link{width: 220px;margin-left: 15px;}
}
@media screen and (max-width: 1280px) {
	.header .drop-down{width: 1263px;}
}

/* footer */
.footer{width: 100%;background: url(../images/bj04.jpg) top right repeat-y;background-size: 100% auto;padding: 30px 0 18px;}
.footer .box{border-bottom: 1px solid #c0c0c0;padding-bottom: 20px;display:flex;align-items:center;justify-content:space-between;}
.footer .f-company{display:flex;align-items:center;gap:20px;}
.footer .f-company .logo_1{display:block;height:70px;float:none;}
.footer .f-company .logo_1 img{display:block;height:100%;}
.footer .f-company-info h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:6px;}
.footer .f-company-info p{font-size:12px;color:#888;line-height:1.8;max-width:500px;}
.footer .f-pattern{float:right;padding-top:14px;}
.footer .f-pattern a{display: block;width: 43px;height: 43px;border-radius: 100%;float: left;margin-left: 30px;}
.footer .f-pattern a img{display: block;width: 100%;}
.footer .box1{border-bottom: 1px solid #c0c0c0;padding: 40px 0;}
.footer .f-nav{float: left;}
.footer .f-nav li{float: left;text-align: center;margin-right: 50px;}
.footer .f-nav li:last-child{margin-right: 0;}
.footer .f-nav .fna{display: block;font-size: 16px;color: #5c5c5c;line-height: 25px;}
.footer .f-nav .fnaa{display: block;font-size: 12px;color: #838383;line-height: 20px;}
.footer .f-nav .fnabox{width: 110px;}
.footer .f-nav .fnaa1{display: block;font-size: 12px;color: #838383;float: left;width: 55px;line-height: 20px;}
.footer .f-nav li a:hover{color: #007be5;}
.footer .qrcode{float: right;display:flex;align-items:center;}
.footer .qrcode .qr-tit{font-size:16px;color:#333;font-weight:bold;margin-right:18px;align-self:flex-start;padding-top:30px;}
.footer .qrcode span.qr-item{display:block;width:104px;background:#fff;float:left;margin-left:10px;text-align:center;padding:8px 0;}
.footer .qrcode span.qr-item img{display:block;width:104px;height:104px;margin:0 auto;}
.footer .qrcode span.qr-item em{display:block;font-size:12px;color:#666;font-style:normal;margin-top:6px;line-height:1.4;}
.footer .copyright{text-align: center;padding: 25px 0;font-size: 12px;color: #9e9e9e;line-height: 20px;}
.footer .copyright a{color: #9e9e9e;transition: .5s;}
.footer .copyright a:hover{color: #000;}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-slide img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 25px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;}
.banner .scroll{display: block;width: 53px;height: 53px;background: #fff;border-radius: 100%;margin: 0 auto;position: absolute; bottom: 5.208vw; left: 0;right: 0;z-index: 99; animation: mymove 3s ease infinite;}
@keyframes mymove {
    0% { opacity: 1; }
    50% { opacity: .2; }
    100% {  opacity: 1; }
}
@media screen and (max-width: 1440px) {
	.banner .scroll{bottom: 60px;}
}

/* home picShow */
.picShow{width: 100%;}
.picShow a{display: block;width: 100%;}
.picShow img{display: block;width: 100%;}

/* home titBox */
.n-titBox{text-align: center;line-height: 1.2;margin-bottom: 40px;}
.n-titBox .ftitle{display: block;font-size: 40px;color: #007be5;text-transform: uppercase;}
.n-titBox .title{font-size: 28px;color: #1b1b1b;}

/* home about */
.n-about{width: 100%;background: url(../images/bj09.jpg) bottom center no-repeat;padding: 80px 0 100px;}
.n-about article{text-align: center;font-size: 16px;color: #737373;line-height: 2;margin-bottom: 30px;}
.n-about .box{margin-bottom: 65px;}
.n-about .box span{display: block;width: 142px;margin: auto 55px;transition: .5s;}
.n-about .box span img{display: block;width: 100%;}
.n-about .box span:hover{transform: translateY(-5px);}
.n-about .gd{display: block;width: 150px;height: 32px;border: 1px solid #c9c9c9;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #737373;margin: 0 auto;letter-spacing: 2px;transition: .5s;}
.n-about .gd:hover{background: #c9c9c9;color: #fff;}

/* home party */
.n-party{width: 100%;background: url(../images/bj13.jpg) bottom center no-repeat;padding: 70px 0 100px;}
.n-party .party-swiper{width: 100%;overflow: hidden;position: relative;z-index: 0;}
.n-party .party-swiper .swiper-wrapper{}
.n-party .party-swiper .swiper-slide{width: 558px;margin: auto 0 0;transform-origin: center bottom;transition: .5s;}
.n-party .party-swiper .img{display: block;width: 100%;}
.n-party .party-swiper .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 140px 19.531% 0;text-align: center;}
.n-party .party-swiper .cont1{background: rgba(0,0,0,.75);color: #fff;position: absolute;top: 100%;bottom: 0;left: 0;right: 0;padding: 140px 19.531% 0;text-align: center;transition: 1.5s;}
.n-party .party-swiper .ico{display: block;width: 43px;height: 43px;margin: 0 auto 40px;transition: 1s;}
.n-party .party-swiper h5{font-size: 36px;line-height: 1.5;}
.n-party .party-swiper .ftit{font-size: 14px;text-transform: uppercase;line-height: 1.2;}
.n-party .party-swiper .gd{display: block;width: 53px;height: 53px;margin: 2.604vw auto 0;transition: .5s;}
.n-party .party-swiper .gd img{display: block;width: 100%;}
.n-party .party-swiper h4{font-size: 20px;line-height: 1.5;font-weight: initial;}
.n-party .party-swiper .cont1 em{display: block;width: 60px;height: 1px;background: #ffffff;margin: 20px auto;}
.n-party .party-swiper .cont1 article{text-align: justify;font-size: 16px;line-height: 2;}
.n-party .party-swiper .gd1{display: block;width: 150px;height: 32px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;margin: 5.208vw auto 0;letter-spacing: 2px;transition: .5s;}
.n-party .party-swiper .gd1:hover{background: #fff;color: #5b4d58;}
.n-party .party-swiper .swiper-slide-active .cont1{top: 0;}
.n-party .party-swiper .swiper-button-next,.n-party .party-swiper .swiper-button-prev{width: 80px;height: 75px;background: #fff;margin: 0;position: absolute;top: auto;left: auto;right: 0;bottom: 0;font-size: 20px;color: #565656;}
.n-party .party-swiper .swiper-button-next:after,.n-party .party-swiper .swiper-button-prev:after{font-size: 20px;}
.n-party .party-swiper .swiper-button-prev{right: 80px;color: #c5c5c5;}
.n-party .party-swiper .shu{display: block;width: 1px;height: 20px;background: #c5c5c5;position: absolute;right: 80.5px;bottom: 27.5px;z-index: 10;}

/*.n-party{}
.n-party .item{width: 33.333%;float: left;overflow: hidden;position: relative;}
.n-party .item .img{display: block;width: 100%;}
.n-party .item .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 10.417vw 19.531% 0;text-align: center;}
.n-party .item .cont1{background: rgba(0,0,0,.75);color: #fff;}
.n-party .item .ico{display: block;width: 65px;height: 65px;margin: 0 auto 40px;transition: 1s;}
.n-party .item h5{font-size: 36px;line-height: 1.5;}
.n-party .item .ftit{font-size: 14px;text-transform: uppercase;line-height: 1.2;}
.n-party .item .gd{display: block;width: 53px;height: 53px;margin: 2.604vw auto 0;transition: .5s;}
.n-party .item .gd img{display: block;width: 100%;}
.n-party .item h4{font-size: 20px;line-height: 1.5;font-weight: initial;}
.n-party .item .cont1 em{display: block;width: 60px;height: 1px;background: #ffffff;margin: 20px auto;}
.n-party .item .cont1 article{text-align: justify;font-size: 16px;line-height: 2;}
.n-party .item .gd1{display: block;width: 150px;height: 32px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;margin: 5.208vw auto 0;letter-spacing: 2px;transition: .5s;}
.n-party .item .gd1:hover{background: #fff;color: #5b4d58;}
.n-party .item:nth-child(1){color: #fff;}
.n-party .item:nth-child(3){color: #5b4d58;}
.n-party .item:hover .ico{transform:rotateY(360deg);}
@media screen and (max-width: 1600px) {
	.n-party .item .cont{padding: 9.417vw 17.531% 0;}
	.n-party .item .gd1{margin-top: 4.208vw;}
}
@media screen and (max-width: 1440px) {
	.n-party .item .cont{padding: 8.417vw 15.531% 0;}
	.n-party .item .gd1{margin-top: 3.208vw;}
	.n-party .item .cont1 article{font-size: 14px;}
}
@media screen and (max-width: 1366px) {
	.n-party .item .cont{padding: 7.417vw 13.531% 0;}
	.n-party .item .gd1{margin-top: 3.208vw;}
}
@media screen and (max-width: 1280px) {
	.n-party .item .cont{padding: 95px 58px 0;}
	.n-party .item .gd{margin-top: 35px;}
	.n-party .item .gd1{margin-top: 40px;}
}*/

/* home talents */
.n-talents{background: url(../images/bj10.jpg) center center no-repeat;padding: 90px 0 115px;}
.n-talents .n-titBox .ftitle,.n-talents .n-titBox .title{color: #ffffff;}
.n-talents .item{width: 22.857%;overflow: hidden;position: relative;}
.n-talents .item .img{display: block;width: 100%;}
.n-talents .item .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,.8));color: #fff;text-align: center;line-height: 1.5;padding-top: 125px;}
.n-talents .item .ico{display: block;width: 51px;height: 51px;margin: 0 auto;transition: 1s;}
.n-talents .item .tit{font-size: 30px;color: #fff;margin: 20px 0;}
.n-talents .item .slogan{font-size: 18px;}
.n-talents .item .gd{display: block;width: 115px;height: 35px;background: #ffffff;text-align: center;line-height: 36px;border-radius: 36px;font-size: 14px;color: #737373;margin: 70px auto 0;transition: .5s;}
.n-talents .item:hover .ico{transform:rotateY(360deg);}
.n-talents .item:hover .gd{background: #ffb400;color: #fff;}

/* home news */
.n-news{padding: 110px 0 125px;border-top: 12px solid #007be5;}
.n-news .n-titBox{text-align: left;float: left;}
.n-news .nn-head{float: right;margin-top: 23px;}
.n-news .nn-head a{display: block;float: left;font-size: 16px;color: #8a8a8a;line-height: 36px;padding: 0 20px;margin-left: 15px;transition: .5s;}
.n-news .nn-head a:hover,.n-news .nn-head a.active{background: #007be5;color: #fff;}

.n-news .box{display: none;}
.n-news .list1{width: 47.143%;float: left;}
.n-news .list1 a{display: block;width: 100%;}
.n-news .list1 .pic{width: 100%;}
.n-news .list1 .pic figure{padding-top: 50.515%;}
.n-news .list1 .cont{width: 100%;padding: /*32px*/ 20px 7.576%;background: #007be5;color: #fff;transition: .5s;}
.n-news .list1 .time{float: left;text-align: center;}
.n-news .list1 .time b{display: block;font-size: 57px;line-height: 1;}
.n-news .list1 .time p{font-size: 17px;line-height: 1.5;}
.n-news .list1 .text{width: calc(100% - 110px);float: right;}
.n-news .list1 .tit{font-size: 20px;}
.n-news .list1 .desc{font-size: 16px;line-height: 1.8;}
.n-news .list1 em{display: block;width: 100%;height: 1px;background: #fff;margin: 15px 0;}
.n-news .list1:hover .cont{background: #ffb400;}
.n-news .nn-right{width: 49.857%;float: right;}
.n-news .list{border-bottom: 1px solid #d2d2d2;padding: 30px 25px;}
.n-news .list:nth-child(1){border-top: 1px solid #d2d2d2;}
.n-news .list a{display: block;width: 100%;}
.n-news .list em{display: block;width: 6px;height: 6px;background: #737373;border-radius: 100%;float: left;margin-right: 20px;margin-top: 5px;}
.n-news .list .text{float: left;width: 420px;}
.n-news .list .time{float: right;text-align: center;line-height: 1;}
.n-news .list .time b{display: block;font-size: 24px;color: #a0a0a0;font-weight: lighter;margin-bottom: 40px;}
.n-news .list .tit{font-size: 20px;color: #4a4a4a;line-height: 1;margin-bottom: 15px;transition: .5s;}
.n-news .list .desc{font-size: 16px;color: #8a8a8a;text-align: justify;line-height: 1.8;}
.n-news .list:hover .tit{color: #007be5;}
@media screen and (max-width: 1440px) {
	.n-news .list{padding: 22px 20px;}
}

/* home message */
.n-message{width: 100%;height: 338px;}
.n-message form{float: right;width: 610px;padding-top: 70px;}
.n-message form input{display: block;width: 47%;float: left;border: 0;border-bottom: 1px solid #676767;background: transparent;font-size: 14px;color: #676767;height: 41px;margin-bottom: 20px;}
.n-message form input:nth-child(2n){float: right;}
.n-message form .text{width: 100%;}
.n-message form input::-webkit-input-placeholder{color: #676767;}
.n-message form input::-moz-placeholder{color: #676767;}
.n-message form .btn{display: block;width: 100%;height: 38px;background: #676767;text-align: center;line-height: 38px;border: 0;font-weight: initial;color: #fff;font-size: 14px;margin-top: 25px;cursor: pointer;transition: .5s;}
.n-message form .btn:hover{opacity: .9;}

/* out */
.out{padding: 75px 0 150px;}
.article{font-size: 16px;color: #737373;text-align: justify;line-height: 2;}
.article img{max-width: 100%;}
.article iframe,.article video{width: 800px;}

/* crumbs */
.crumbs{width: 100%;background: #fafafa;height: 81px;overflow: hidden;line-height: 80px;border-bottom: 1px solid #eff0f1;margin-top: -81px;position: relative;z-index: 5;}
.crumbs .c-link{display: block;float: left;font-size: 22px;color: #333333;line-height: 80px;margin-right: 45px;transition: .5s;}
.crumbs .c-link:last-child{margin-right: 0;}
.crumbs .c-link:hover,.crumbs .c-link.active{color: #007be5;}
.m-crumb{float: right;max-width: 300px;font-size: 14px;color: #666666;}
.m-crumb a{color: #666666;transition: .3s;}
.m-crumb span{cursor: pointer;}
.m-crumb i{font-style: normal;}
.m-crumb a:hover,.m-crumb span{color: #007be5;}

/* about */
.about .box{margin: 65px 0 75px;}
.about .box span{display: block;width: 142px;margin: auto 55px;transition: .5s;}
.about .box span img{display: block;width: 100%;}
.about .box span:hover{transform: translateY(-5px);}
.about .img{width: 100%;}
.about .img img{display: block;width: 100%;}

/* honor */
.honor .list{width: 28.929%;float: left;margin-right: 6.6065%;}
.honor .list:nth-child(3n){margin-right: 0;}
.honor .list a{width: 100%;}
.honor .list .img{width: 100%;position: relative;}
.honor .list .img .bj{display: block;width: 100%;position: relative;z-index: 1;}
.honor .list .pic{width: 84.198%;height: 79.355%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 0;}
.honor .list .pic figure{padding-top: 72.141%;}
.honor .list .tit{text-align: center;font-size: 22px;color: #363636;height: 95px;line-height: 95px;transition: .5s;}
.honor .list:hover .tit{color: #007be5;}

/* party */
.party .list{width: 32%;float: left;margin: 0 2% 25px 0;background: #f5f5f5;position: relative;transition: .5s;}
.party .list:nth-child(3n){margin-right: 0;}
.party .list a{display: block;width: 100%;}
.party .list .pic{width: 100%;background: #000;opacity: 0;transition: .5s;}
.party .list .pic figure{padding-top: 56.92%;}
.party .list .pic figure img{opacity: .5;}
.party .list em{display: block;width: calc(100% - 40px);height: 1px;background: #d7d7d7;margin: 0 auto;}
.party .list .cont{position: absolute;top: 0;bottom: 85px;left: 0;right: 0;padding: 50px 30px 0;}
.party .list .time{color: #ababab;transition: .5s;}
.party .list .time span{font-size: 26px;}
.party .list .time small{font-size: 16px;}
.party .list .tit{font-size: 20px;color: #343434;line-height: 1.5;margin: 10px 0;transition: .5s;}
.party .list .desc{font-size: 16px;color: #808080;line-height: 1.5;transition: .5s;}
.party .list .gd{padding: 20px 30px;font-size: 14px;color: #ababab;line-height: 45px;}
.party .list .gd img{display: block;width: 45px;height: 45px;border-radius: 100%;float: right;opacity: 0;transition: .5s;}
.party .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.party .list:hover .pic,.party .list:hover .gd img{opacity: 1;}
.party .list:hover .time,.party .list:hover .tit,.party .list:hover .desc{color: #fff;}

/* activity */
.activity .list{border-bottom: 1px solid #dddddd;transition: .5s;}
.activity .list:nth-child(1){border-top: 1px solid #dddddd;}
.activity .list a{display: block;padding: 35px 0 35px 35px;}
.activity .list .pic{width: 256px;float: left;}
.activity .list .pic figure{padding-top: 62.5%;}
.activity .list .cont{width: calc(100% - 593px);float: left;margin-left: 50px;line-height: 1.8;padding-top: 25px;}
.activity .list .tit{font-size: 22px;color: #343434;margin-bottom: 10px;transition: .5s;}
.activity .list .desc{font-size: 16px;color: #808080;text-align: justify;}
.activity .list .time{width: 222px;height: 160px;border-left: 1px solid #dddddd;text-align: center;font-size: 20px;color: #a0a0a0;line-height: 1;float: right;padding-top: 40px;transition: .5s;}
.activity .list .gd{display: block;width: 35px;height: 17px;background: url(../images/ico30.png) right center no-repeat;margin: 20px auto 0;transition: .5s;}
.activity .list:hover{background: #f5f5f5;}
.activity .list:hover .tit,.activity .list:hover .time{color: #007be5;}
.activity .list:hover .gd{background: url(../images/ico30.png) left center no-repeat;}

/* culture */
.culture .list{width: 48.5%;margin: 0 3% 20px 0;background: #f5f5f5;border-radius: 15px;padding: 50px 20px;text-align: center;line-height: 1.8;cursor: default;transition: .5s;}
/*.culture .list{width: 32%;margin: 0 2% 20px 0;background: #f5f5f5;border-radius: 15px;padding: 50px 20px;text-align: center;line-height: 1.8;cursor: default;transition: .5s;}*/
.culture .list:nth-child(2n){margin-right: 0;}
/*.culture .list:nth-child(3n){margin-right: 0;}*/
.culture .list .ico{display: block;width: 118px;height: 118px;border-radius: 100%;border-radius: 100%;margin: 0 auto 25px;transition: 1s;}
.culture .list .tit{font-size: 28px;color: #333333;}
.culture .list em{display: block;width: 26px;height: 2px;background: #626262;margin: 5px auto 20px;}
.culture .list article{font-size: 18px;color: #808080;}
/*.culture .list:nth-child(7){width: 100%;margin-right: 0;}*/
.culture .list .cl-left{margin: auto auto;}
.culture .list .cl-right{margin: auto 0;width: 60.714%;}
.culture .list .text{width: 440px;float: left;text-align: left;margin: 18px 0;}
.culture .list .text:nth-child(2n){width: 310px;float: right;}
.culture .list .txt{color: #333333;font-weight: bold;font-size: 18px;}
.culture .list .txt font{display: block;width: 15px;height: 15px;background: #333333;border-radius: 100%;float: left;margin: 8.5px 5px 0 0;}
.culture .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.culture .list:hover .ico{transform:rotateY(360deg);}

/* Enterprise culture timeline */
.culture-timeline-section{padding:52px 0 86px;background:#fff;}
.culture-page-title{margin:0 0 34px;text-align:center;color:#111;font-size:32px;line-height:1.25;font-weight:700;}
.culture-timeline{position:relative;width:650px;max-width:calc(100% - 140px);margin:0 auto;}
.culture-timeline:before{position:absolute;top:24px;bottom:24px;left:20px;width:1px;background:#5d9df0;content:"";}
.culture-timeline-item{position:relative;display:flex;align-items:center;gap:18px;min-height:132px;padding-bottom:22px;}
.culture-timeline-item:last-child{padding-bottom:0;}
.culture-timeline-icon{position:relative;z-index:1;display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#0755b4;box-shadow:0 3px 8px rgba(7,85,180,.2);font-size:20px;line-height:1;}
.culture-timeline-card{flex:1;overflow:hidden;border:1px solid #d4e2f3;border-radius:12px;background:#fff;box-shadow:0 2px 4px rgba(30,82,139,.08);}
.culture-timeline-card h3{margin:0;padding:13px 20px;background:#eef5ff;color:#0956b5;font-size:17px;line-height:1.35;font-weight:700;}
.culture-timeline-card p{min-height:54px;margin:0;padding:17px 20px;color:#516176;font-size:14px;line-height:1.55;}
@media screen and (max-width: 768px){
    .culture-timeline-section{padding:34px 0 48px;}
    .culture-page-title{margin-bottom:24px;font-size:25px;}
    .culture-timeline{width:auto;max-width:none;margin:0 14px;}
    .culture-timeline:before{left:17px;}
    .culture-timeline-item{gap:12px;min-height:0;padding-bottom:16px;align-items:flex-start;}
    .culture-timeline-icon{flex-basis:35px;width:35px;height:35px;font-size:16px;}
    .culture-timeline-card{margin-top:0;border-radius:9px;}
    .culture-timeline-card h3{padding:10px 14px;font-size:16px;}
    .culture-timeline-card p{min-height:0;padding:12px 14px;font-size:14px;}
}
@media screen and (max-width: 1440px) {
	.culture .list .ico{width: 100px;height: 100px;}
	.culture .list .tit{font-size: 26px;}
	.culture .list article{font-size: 16px;}
	.culture .list .cl-right{width: 65.714%;}
	.culture .list .text{width: 400px;}
	.culture .list .text:nth-child(2n){width: 285px;}
}

/* staff */
.staff .list{width: 32%;float: left;margin-right: 2%;}
.staff .list:nth-child(3n){margin-right: 0;}
.staff .list a{display: block;width: 100%;}
.staff .list .pic{width: 100%;background: #ddd;transition: .5s;}
.staff .list .pic figure{padding-top: 75%;}
.staff .list .tit{font-size: 22px;color: #363636;text-align: center;line-height: 80px;height: 80px;transition: .5s;}
.staff .list:hover .pic{box-shadow: 5px 5px 5px rgba(0,0,0,.15);transform: translateY(-5px);}
.staff .list:hover .tit{color: #007be5;}

/* society */
.society .list{border-bottom: 1px solid #dddddd;}
.society .list:nth-child(1){border-top: 1px solid #dddddd;}
.society .list a{display: block;padding: 40px 30px;}
.society .list .pic{width: 300px;float: left;}
.society .list .pic figure{padding-top: 63.333%;}
.society .list .cont{width: calc(100% - 370px);float: right;line-height: 1.8;padding-top: 10px;}
.society .list .time{font-size: 16px;color: #808080;}
.society .list .tit{font-size: 22px;color: #343434;margin: 15px 0 5px;transition: .5s;}
.society .list .desc{font-size: 16px;color: #808080;text-align: justify;}
.society .list .gd{width: 35px;height: 17px;background: url(../images/ico30.png) right center no-repeat;margin-top: 20px;transition: .5s;}
.society .list:hover .tit{color: #007be5;}
.society .list:hover .gd{background: url(../images/ico30.png) left center no-repeat;}

/* news */
.news .list{background: #f5f5f5;margin-bottom: 30px;transition: .5s;}
.news .list a{display: block;width: 100%;padding: 35px 55px;}
.news .list .time{width: 105px;height: 105px;float: left;background: #007be5;text-align: center;color: #fff;padding-top: 19px;box-shadow: 5px 5px 10px rgba(0,0,0,.15);border-radius: 100%;}
.news .list .time b{display: block;font-size: 46px;line-height: 46px;}
.news .list .time p{font-size: 16px;line-height: 20px;}
.news .list .cont{width: calc(100% - 140px);float: right;line-height: 1.5;padding-top: 10px;}
.news .list .tit{font-size: 22px;color: #343434;transition: .5s;}
.news .list .desc{font-size: 16px;color: #808080;}
.news .list em{display: block;width: 100%;height: 1px;background: #d7d7d7;margin: 15px 0;}
.news .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.news .list:hover .tit{color: #007be5;}

/* idealism */
.idealism .box{background: url(../images/bj12.jpg) bottom center no-repeat #f5f5f5;padding: 65px 65px 55px;}
.idealism .title{font-size: 26px;color: #007be5;line-height: 1.5;margin-bottom: 30px;}
.idealism .img{width: 46.643%;float: right;}
.idealism .img img{display: block;width: 100%;}
.idealism .cont{width: 46.143%;float: left;margin-left: 1.429%;padding-top: 45px;}

/* cultivate */
.cultivate .list{width: 47%;float: left;border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;margin-bottom: 30px;}
.cultivate .list:nth-child(2n){float: right;}
.cultivate .list a{display: block;width: 100%;}
.cultivate .list .pic{width: 218px;float: left;background: #ddd;}
.cultivate .list .pic figure{padding-top: 63.303%;}
.cultivate .list .cont{width: calc(100% - 245px);float: right;padding-top: 15px;}
.cultivate .list .tit{font-size: 20px;color: #343434;line-height: 30px;transition: .5s;}
.cultivate .list .desc{font-size: 16px;color: #808080;text-align: justify;line-height: 28px;margin: 15px 0;}
.cultivate .list:hover .tit{color: #007be5;}
@media screen and (max-width: 1440px) {
	.cultivate .list .pic{width: 200px;}
	.cultivate .list .cont{width: calc(100% - 225px);}
	.cultivate .list .tit{font-size: 18px;line-height: 25px;}
	.cultivate .list .desc{font-size: 14px;line-height: 24px;}
}

/* recruitment */
.recruitment .jList{width: 100%;margin-bottom: 25px; }
.recruitment .jHead{width: 100%;height: 55px;background: #f5f5f5;box-sizing: border-box;padding: 0 38px;line-height: 55px;cursor: pointer;color: #505050;overflow: hidden;}
.recruitment .jHead .jTit{float: left;font-size: 22px;margin-right: 15px;}
.recruitment .jHead .jBrief{max-width: 435px;float: left;font-size: 16px;}
.recruitment .jHead .jMore{width: 100px;float: right;font-size: 16px;color: #505050;}
.recruitment .jHead .jMore span{display: block;width: 25px;height: 25px;background: url(../images/0jh.png) center center no-repeat;border-radius: 100%;overflow: hidden;float: right;margin-top: 15px;}
.recruitment .jBody{width: 100%;display: none;position: relative;}
.recruitment .jBody .rs{width: 100%;box-sizing: border-box;border: 1px solid #dcdcdc;padding: 20px 38px;line-height: 25px;font-size: 16px;color: #757575;}
.recruitment .jBody .b1{width: 110px;height: 40px;border-radius: 20px;background-color: #007be5;font-size: 18px;line-height: 40rpx;color: #fff;text-align: center;position: absolute;right: 38px;bottom: 50px;border: none;outline: none;}
.recruitment .jBody .b2{background-color: #cccccc;}
.recruitment .jBody article{width: 100%;box-sizing: border-box;padding: 20px 38px 50px;font-size: 14px;color: #757575;line-height: 30px;}
.recruitment .jList .jHead.active{background: #007be5;color: #fff;}
.recruitment .jList .jHead.active .jMore{color: #fff;}
.recruitment .jList .jHead.active .jMore span{background: url(../images/1jh.png) center center no-repeat;}

/* occupation */
.occupation .list{width: 32%;float: left;margin: 0 2% 58px 0;border-bottom: 1px solid #dddddd;padding-bottom: 30px;}
.occupation .list:nth-child(3n){margin-right: 0;}
.occupation .list a{display: block;width: 100%;}
.occupation .list .pic{width: 100%;background: #ddd;}
.occupation .list .pic figure{padding-top: 70%;}
.occupation .list .tit{font-size: 20px;color: #343434;line-height: 30px;margin: 25px 0 10px;transition: .5s;}
.occupation .list .desc{font-size: 16px;color: #808080;text-align: justify;line-height: 28px;}
.occupation .list:hover .tit{color: #007be5;}

/* contact */
.contact .box{margin-bottom: 40px;}
.contact .item{border: 1px solid #c8c8c8;border-radius: 5px;width: 22.857%;padding: 30px 15px 20px;text-align: center;line-height: 1.5;cursor: default;background: #fff;transition: .5s;}
.contact .item .ico{display: block;width: 61px;height: 61px;border-radius: 100%;margin: 0 auto 10px;transition: 1s;}
.contact .item .tit{font-size: 22px;color: #343434;font-weight: initial;}
.contact .item em{display: block;width: 24px;height: 1px;background: #218ce8;margin: 10px auto;}
.contact .item .txt{font-size: 16px;color: #808080;}
.contact .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.contact .item:hover .ico{transform:rotateY(360deg);}
.contact .map{width: 100%;height: 530px;background: #ddd;margin-bottom: 45px;}
.contact .map iframe{display: block;width: 100%;height: 100%;border: 0;}
.contact form{display: block;}
.contact form input{display: block;width: calc( (100% - 30px) / 3 );height: 53px;background: #f5f5f5;border-radius: 5px;padding: 0 20px;font-size: 16px;color: #808080;border: 0;float: left;margin: 0 15px 15px 0;}
.contact form input:nth-child(3n){margin-right: 0;}
.contact form textarea{display: block;width: 100%;height: 175px;background: #f5f5f5;border-radius: 5px;border: 0;padding: 15px 20px;font-size: 16px;color: #808080;}
.contact form .btn{display: block;width: 455px;height: 53px;border: 0;background: #007be5;color: #fff;border-radius: 5px;font-size: 16px;font-weight: initial;margin: 35px auto 0;cursor: pointer;}
.contact form .btn:hover{background: #0074d8;}

/* content */
.content .c-title{font-size: 22px;font-weight: initial;color: #343434;line-height: 1.5;text-align: center;}
.content .c-time{font-size: 14px;color: #999;text-align: center;line-height: 1.5;margin: 10px auto 30px;}

/* 上下页 */
.m-clips{margin: 60px 0 0;font-size: 16px;color: #343434;line-height: 2;border-top: 1px solid #dcdcdc;padding-top: 35px;}
.m-clips a{color: #343434;line-height: 2;}

/*home n-safety*/
.n-safety{width: 100%;padding: 90px 0 100px;background: url(../images/bj15.jpg) bottom center no-repeat;background-size: cover;}
.n-safety .ns-video{width: 50%;min-height: 570px;background: #ddd;}
.n-safety .ns-bk{width: 50%;}
.n-safety .ns-item{height: 33.333%;padding: 40px 50px;}
.n-safety .ns-item:nth-child(2){background: #f5f5f5;}
.n-safety .ns-item:nth-child(3){background: #007be5;}
.n-safety .bk-bt{color: #1c2d59;padding-top: 60px;}
.n-safety .bk-bt .bt{display: block;font-size: 30px;line-height: 1;}
.n-safety .bk-bt .ns-more{display: block;width: 115px;border: 1px solid #8388a0;border-radius: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #1c2d59;margin-top: 15px;transition: .5s;}
.n-safety .bk-bt:hover .ns-more{background: #1c2d59;color: #fff;}
.n-safety .list{}
.n-safety .list a{display: block;width: 100%;line-height: 2;}
.n-safety .ns-item:nth-child(2) a{color: #4a4a4a;}
.n-safety .ns-item:nth-child(2) a .desc{color: #8a8a8a;}
.n-safety .ns-item:nth-child(3) a{color: #fff;}
.n-safety .list .tit{font-size: 20px;}
.n-safety .list .desc{font-size: 16px;}

.n-safety .video-swiper{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 0;}
.n-safety .video-swiper .swiper-slide,.n-safety .video-swiper .swiper-wrapper{width: 100%;height: 100%;z-index: 0;}
.n-safety .video-swiper .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.n-safety .video-swiper .swiper-slide .pic{width: 100%;height: 100%;z-index: 0;}
.n-safety .video-swiper .swiper-slide .pic figure{padding: 0;width: 100%;height: 100%;}
.n-safety .video-swiper .swiper-slide .ico{display: block;width: 115px;height: 115px;border-radius: 100%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
.n-safety .video-swiper .swiper-button-prev,.n-safety .video-swiper .swiper-button-next{margin: 0;top: unset;left: unset;width: 80px;height: 74px;background: #fff;bottom: 0;z-index: 3;}
.n-safety .video-swiper .swiper-button-prev:after,.n-safety .video-swiper .swiper-button-next:after{font-size: 20px;}
.n-safety .video-swiper .swiper-button-prev{color: #b4b4b4;right: 80px;}
.n-safety .video-swiper .swiper-button-next{color: #535353;right: 0;}
.n-safety .video-swiper .shu{display: block;width: 1px;height: 20px;background: #b4b4b4;position: absolute;right: 80.5px;bottom: 27px;z-index: 4;}
@media screen and (max-width: 1440px) {
	.n-safety .ns-video{min-height: 480px;}
	.n-safety .ns-item{padding: 25px 40px;}
	.n-safety .bk-bt{padding-top: 50px;}
	.n-safety .video-swiper .swiper-slide .ico{width: 100px;height: 100px;}
}

/*baike*/
.baike .list{width: 100%;background: #f5f5f5;margin-bottom: 22px;transition: .5s;}
.baike .list a{display: block;width: 100%;padding: 35px 35px 35px 58px;color: #343434;transition: .5s;}
.baike .list .yuan{display: block;width: 19px;height: 19px;border: 1px solid #343434;border-radius: 100%;float: left;margin-top: 12px;transition: .5s;}
.baike .list .cont{width: calc(100% - 45px);float: right;line-height: 2;}
.baike .list .tit{font-size: 20px;}
.baike .list .desc{font-size: 16px;}
.baike .list:hover{background: #007be5;}
.baike .list:hover a{color: #fff;}
.baike .list:hover .yuan{border-color: #fff;}

/*video*/
.video .list a{position: relative;}
.video .list .pic figure{padding-top: 60%;}
.video .ico{display: block;width: 85px;height: 85px;border-radius: 100%;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;}

/*表单*/
.z-contit{
			width: fit-content;
			background-color: #f5f5f5;
			margin: 0 auto;
		}
		.z-contit .top{
			width: 100%;
			padding: 44px 66px 50px 58px;
		}
		.z-contit .top .topframe{
			width: 100%;
			display: flex;
		}
		.z-contit .top .topframe .left{
			flex: 1;
			display: flex;
			flex-wrap: wrap;
			height: fit-content;
		}
		.z-contit .top .topframe .right{
			
		}
		.z-contit .top .topframe .right .imgtit{
			font-size: 20px;
			line-height: 40px;
			color: #343434;
		}
		.z-contit .top .topframe .right .personal-image{

			width: 154px;
			height: 202px;
			box-sizing: border-box;
			border: 1px solid #dddddd;
		}

		.z-contit .top .topframe .right .personal-image .u-upload-pic{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%;
		}

		.z-contit .top .topframe .right .personal-image img{
			display: block;
			max-width: 100%;
			max-height: 100%;
		}
		.z-contit .top  .iform{
			width: calc(100% / 3);
			display: flex;
			height: 40px;
			margin-bottom: 30px;
			padding-right: 6.23%;
		}
		.z-contit .top  .iform1{
			width: calc(100% / 3 * 2);
		}
		.z-contit .top  .iform2{
			width: 100%;
			margin-bottom: 0;
			padding-right: 0;
		}
		.z-contit .top .iform .tframe{
			width: 100px;
			font-size: 20px;
			line-height: 40px;
			color: #343434;
			text-align: justify;
			text-align-last: justify;
		}
		.z-contit .top  .iform .i1{
		    flex: 1;
			width: inherit;
			height: 40rpx;
			outline: none;
			font-size: 16px;
			color: #000;
			border: 2px solid #e5e5e5;
			padding: 0 14px;
		}
		
		.z-contit .top  .iform .radio{
			display: flex;
			align-items: center;
			flex: 1;
			width: inherit;
			font-size: 16px;
			color: #000;
		}
		.z-contit .top  .iform .radio label{
			padding-right: 25px;
			letter-spacing: -2px;
		}
		
		.z-contit .top  .iform .radio input{
			margin-right: 5px;
			cursor: pointer;
		}
		
		.z-contit .warp{
			width: 100%;
			height: 24px;
			background-color: #fff;
		}
		.z-contit .bottom{
			width: 100%;
			padding: 40px 66px 50px 58px;
		}
		.z-contit .bottom .tform{
			width: 100%;
			display: flex;
			margin-bottom: 30px;
		}
		.z-contit .bottom .btnframe{
			width: 100%;
			display: flex;
			margin-top: 14px;
		}
		.z-contit .bottom .btnframe .btn{
			width: 110px;
			height: 40px;
			font-size: 18px;
			line-height: 40px;
			color: #fff;
			text-align: center;
			border-radius: 20px;
			border: none;
			outline-style: none;
			background-color: #007be5;
			margin-right: 12px;
		}
		.z-contit .bottom .tform .tframe{
			width: 140px;
			font-size: 20px;
			line-height: 40px;
			color: #343434;
			/* text-align: justify;
			text-align-last: justify; */
		}
		.z-contit .bottom .tform .t1{
			flex: 1;
			height: 170px;
			outline: none;
			font-size: 16px;
			color: #000;
			box-sizing: border-box;
			resize: none;
			border: 1px solid #d5d5d5;
			padding: 12px 14px 0;
			
		}

/* Hero：真实图做背景 + 右侧标题蓝绿底块（严格按图片） */
.home-hero{position:relative;width:100%;height:500px;overflow:hidden;
  background:url('/tpl/index/pc/default/static/images/bj10.jpg') center/cover no-repeat !important;
  background-color:#1a4d8c;
}
.home-hero .hero-content{position:relative;z-index:2;width:1200px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end !important;padding:0 20px;}
.home-hero .hero-title-box{background:linear-gradient(135deg,#00bcd4 0%,#009688 100%);padding:40px 50px;border-radius:8px 0 0 8px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.2);}
.home-hero .hero-title{font-size:42px;font-weight:bold;color:#fff;letter-spacing:6px;margin-bottom:12px;}
.home-hero .hero-slogan{font-size:20px;color:#fff;letter-spacing:4px;font-weight:300;opacity:.95;}

.home-news,.home-twocol,.home-about{padding:42px 0;}
.home-titBox{position:relative;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:28px;padding-top:0;}
.home-titBox .title{font-size:24px;line-height:1.2;color:#0d47a1;font-weight:700;display:flex;align-items:center;gap:10px;position:relative;padding:0;margin:0;}
.home-titBox .title::before,.home-titBox .title::after{display:none;}
.home-titBox .title .tit-ico{display:inline-flex;width:34px;height:34px;line-height:34px;align-items:center;justify-content:center;border-radius:50%;margin:0;vertical-align:middle;font-style:normal;font-size:17px;color:#fff;box-shadow:0 8px 18px rgba(13,71,161,.15);}
.home-titBox .title .tit-news,.home-titBox .title .tit-gas,.home-titBox .title .tit-about{background:#0d47a1;}
.home-titBox .title .tit-party{background:#0d47a1;}
.home-titBox .more{position:static;transform:none;color:#0d47a1;font-size:13px;display:flex;align-items:center;line-height:1;transition:opacity .25s;}
.home-titBox .more:hover{opacity:.75;color:#0d47a1;}
.home-titBox .more em{display:inline-flex;width:16px;height:16px;line-height:16px;align-items:center;justify-content:center;border:1px solid #0d47a1;color:#0d47a1;border-radius:50%;font-style:normal;margin-left:6px;font-size:12px;font-weight:bold;}

/* 新闻 */
.home-news{background:#fff;}
.news-grid{display:flex;gap:24px;height:420px;}
.news-list{flex:1;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between;}
.news-item{display:flex;align-items:center;padding:0;color:#2f3a46;font-size:15px;line-height:1.55;border-bottom:none;transition:color .25s;}
.news-item .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d1d5db;margin-right:12px;flex-shrink:0;}
.news-item .news-title{flex:1;margin:0 14px 0 0;}
.news-item .news-date{color:#9ca3af;font-size:13px;flex-shrink:0;}
.news-item:hover .dot{background:#0d47a1;}
.news-item:hover .news-title{color:#0d47a1;}
.news-item.active .dot{background:#0d47a1;}
.news-item.active .news-title{color:#0d47a1;}
.news-list .news-item + .news-item{border-top:1px solid #eef1f4;padding-top:10px;}
.news-feature{width:50%;flex-shrink:0;position:relative;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f5f7fb;}
.news-feature a{display:block;width:100%;height:100%;position:relative;}
.news-feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s;}
.news-feature:hover img{transform:scale(1.04);}
.news-feature-cap{position:absolute;left:0;right:0;bottom:0;min-height:25%;padding:26px 24px 20px;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.48),rgba(0,0,0,0));color:#fff;font-size:20px;line-height:1.45;font-weight:500;display:flex;align-items:flex-end;}

/* 双列 */
.home-twocol{background:#fff;padding-top:32px;}
.home-twocol .wrapper{display:flex;gap:25px;}
.home-col{flex:1 1 0;min-width:0;background:#fff;border-radius:0;padding:0;transition:transform .25s;}
.home-col:hover{transform:translateY(-4px);}
.home-col .home-titBox{margin-bottom:18px;}
.col-list{list-style:none;}
.col-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px 22px;}
.col-list li{border-bottom:1px solid #eef1f4;}
.col-list li a{display:flex;align-items:center;padding:12px 0;color:#2f3a46;font-size:15px;line-height:1.55;transition:all .25s;}
.col-list li a .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0d47a1;margin-right:12px;flex-shrink:0;}
.col-list li a .col-title{flex:1;min-width:0;margin:0 14px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.col-list li a .col-date{color:#9ca3af;font-size:13px;flex-shrink:0;}
.col-list li a:hover{transform:translateX(4px);}
.col-list li a:hover .col-title{color:#0d47a1;}
.col-list li:last-child{border-bottom:none;}
.news-item .dot,.col-list li a .dot{font-size:0;line-height:0;overflow:hidden;text-indent:-999px;}

/* 关于 */
.home-about{background:rgba(0,0,0,.03);padding-top:42px;padding-bottom:46px;}
.about-grid{display:flex;gap:40px;align-items:center;}
.about-pic{width:48%;height:360px;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 18px 35px rgba(20,40,70,.14);}
.about-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.about-pic:hover img{transform:scale(1.04);}
.about-text{flex:1;}
.about-text h3{font-size:24px;color:#0d47a1;margin:0 0 18px;font-weight:700;}
.about-text h3::before{display:none;}
.about-content p{color:#5f6975;font-size:15px;line-height:2;margin-bottom:12px;}
@media screen and (max-width:1200px){
  .home-twocol .wrapper{flex-direction:column;}
  .home-hero .hero-content{width:96%;padding-right:0;align-items:center;}
}
@media screen and (max-width:760px){
  .wrapper{width:calc(100% - 32px);}
  .header{width:100%;overflow:hidden;}
  .header .wrapper{width:calc(100% - 32px);}
  .header .logo{height:56px;}
  .header .head-right{position:absolute;right:0;bottom:0;width:auto;height:56px;background:#0d47a1;}
  .header .nav,.header .n-search{display:none;}
  .header .n-link{width:auto;height:56px;line-height:56px;margin:0;padding:0 18px;background:#0d47a1;font-size:14px;}
  .header .drop-down{width:100%;}
  .home-hero{height:330px;width:100%;}
  .home-hero .hero-content{width:calc(100% - 32px);padding:0;align-items:center !important;}
  .home-hero .hero-title-box{width:auto;padding:28px 32px;border-radius:8px;}
  .news-grid{flex-direction:column;}
  .news-grid{height:auto;}
  .news-feature,.about-pic{width:100%;}
  .news-feature{height:260px;}
  .news-list{padding:18px 18px;}
  .news-item .news-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .news-item .news-date,.col-list li a .col-date{display:none;}
  .about-blocks{flex-wrap:wrap;}
  .ab-block{flex:0 0 48%;}
  .home-hero .hero-title{font-size:36px;letter-spacing:4px;}
  .home-hero .hero-slogan{font-size:16px;letter-spacing:3px;}
  .home-hero{height:380px;}
}

/* 4 色块 */
.about-blocks{margin-top:42px;display:flex;gap:18px;}
.ab-block{flex:1;display:block;min-height:142px;padding:28px 18px;text-align:center;color:#fff;border-radius:8px;transition:all .3s;position:relative;overflow:hidden;}
.ab-block::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.4);}
.ab-block:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.18);color:#fff;}
.ab-ico{display:block;font-size:36px;margin-bottom:10px;}
.ab-block h4{font-size:18px;font-weight:bold;margin-bottom:6px;}
.ab-block p{font-size:12px;opacity:.85;}
.ab-blue{background:linear-gradient(135deg,#2196f3,#1976d2);}
.ab-purple{background:linear-gradient(135deg,#9c27b0,#6a1b9a);}
.ab-orange{background:linear-gradient(135deg,#ff9800,#ef6c00);}
.ab-green{background:linear-gradient(135deg,#4caf50,#2e7d32);}

@media screen and (max-width:1200px){
  .home-twocol .wrapper{flex-direction:column;}
  .home-hero .hero-content{width:96%;padding-right:0;align-items:center;}
}
@media screen and (max-width:760px){
  .wrapper{width:calc(100% - 32px);}
  .header{width:100%;overflow:hidden;}
  .header .wrapper{width:calc(100% - 32px);}
  .header .logo{height:56px;}
  .header .head-right{position:absolute;right:0;bottom:0;width:auto;height:56px;background:#0d47a1;}
  .header .nav,.header .n-search{display:none;}
  .header .n-link{width:auto;height:56px;line-height:56px;margin:0;padding:0 18px;background:#0d47a1;font-size:14px;}
  .header .drop-down{width:100%;}
  .home-hero{height:330px;width:100%;}
  .home-hero .hero-content{width:calc(100% - 32px);padding:0;align-items:center !important;}
  .home-hero .hero-title-box{width:auto;padding:28px 32px;border-radius:8px;}
  .news-grid{flex-direction:column;}
  .news-grid{height:auto;}
  .news-feature,.about-pic{width:100%;}
  .news-feature{height:260px;}
  .news-list{padding:18px 18px;}
  .news-item .news-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .news-item .news-date,.col-list li a .col-date{display:none;}
  .about-blocks{flex-wrap:wrap;}
  .ab-block{flex:0 0 48%;}
  .home-hero .hero-title{font-size:36px;letter-spacing:4px;}
  .home-hero .hero-slogan{font-size:16px;letter-spacing:3px;}
}

/* ===== 首页设计稿对齐：关于我们 + Footer ===== */
.home-about{background:#f1f1f1;padding:42px 0 90px;}
.home-about .home-titBox{margin-bottom:48px;}
.home-about .home-titBox .title{font-size:25px;color:#0d47a1;}
.home-about .home-titBox .title .tit-about{width:20px;height:20px;line-height:20px;background:transparent;color:#0d47a1;box-shadow:none;font-size:18px;}
.home-about .home-titBox .more{font-size:15px;font-weight:600;}
.home-about .home-titBox .more em{border:0;width:auto;height:auto;font-size:18px;line-height:1;margin-left:8px;}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:46px;align-items:center;margin-bottom:44px;}
.about-pic{width:100%;height:390px;border-radius:10px;box-shadow:0 22px 42px rgba(18,37,63,.16);overflow:hidden;}
.about-pic img{width:100%;height:100%;object-fit:cover;}
.about-text{padding:0 0 0 2px;height:390px;display:flex;flex-direction:column;overflow:hidden;}
.about-text h3{font-size:25px;color:#0d47a1;font-weight:700;margin:0 0 18px;flex-shrink:0;}
.about-content{flex:1;overflow:hidden;font-size:14px;line-height:1.7;color:#5f6876;font-weight:600;display:-webkit-box;-webkit-line-clamp:14;-webkit-box-orient:vertical;padding-right:6px;}
.about-content p{font-size:14px;line-height:1.7;color:#5f6876;font-weight:600;margin:0 0 10px;}
.about-blocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:0;}
.ab-block{min-height:156px;border-radius:10px;padding:28px 18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 28px rgba(38,50,70,.18);color:#fff;}
.ab-block::before{display:none;}
.ab-ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);font-size:22px;margin:0 0 16px;}
.ab-block h4{font-size:19px;line-height:1.2;margin:0 0 12px;color:#fff;font-weight:700;}
.ab-block p{font-size:13px;line-height:1.2;color:rgba(255,255,255,.86);opacity:1;margin:0;}
.ab-blue{background:linear-gradient(135deg,#2496f3 0%,#0d55b7 100%);}
.ab-purple{background:linear-gradient(135deg,#a72bc0 0%,#6f1594 100%);}
.ab-orange{background:linear-gradient(135deg,#ffa51f 0%,#ff7100 100%);}
.ab-teal{background:linear-gradient(135deg,#2fc6d2 0%,#087f86 100%);}
.ab-green{background:linear-gradient(135deg,#62ba67 0%,#2e8738 100%);}

.home-footer{background:#d9dde2;position:relative;overflow:hidden;padding:72px 0 46px;color:#5e6876;}
.home-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.45),transparent 34%),radial-gradient(circle at 80% 18%,rgba(255,255,255,.25),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(120,128,138,.2));pointer-events:none;}
.home-footer .wrapper{position:relative;z-index:1;}
.home-footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:56px;border-bottom:1px solid rgba(120,128,138,.28);}
.home-footer-brand{display:flex;align-items:center;gap:20px;}
.footer-logo-card{width:136px;height:68px;background:#fff;border-radius:10px;box-shadow:0 12px 24px rgba(46,56,68,.16);display:flex;align-items:center;justify-content:center;padding:0 14px;}
.footer-logo-card img{max-width:100%;max-height:48px;display:block;}
.home-footer-brand h3{font-size:25px;line-height:1.2;color:#273241;font-weight:500;margin:0 0 10px;}
.home-footer-brand p{font-size:14px;line-height:1.2;color:#667282;margin:0;}
.home-footer-qr{display:flex;align-items:center;gap:28px;}
.qr-copy{text-align:right;color:#667282;font-size:14px;line-height:1.65;}
.qr-copy strong{display:block;color:#4b5665;font-size:16px;font-weight:600;margin-bottom:4px;}
.qr-copy span{display:block;}
.qr-card{width:124px;height:124px;background:#fff;border-radius:10px;box-shadow:0 12px 24px rgba(46,56,68,.18);display:flex;align-items:center;justify-content:center;padding:10px;}
.qr-card img{width:104px;height:104px;object-fit:contain;display:block;}
.home-footer-links{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:54px;padding:34px 0 40px;}
.home-footer-navs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:26px;}
.home-footer-links h4{font-size:16px;color:#0d47a1;font-weight:700;margin:0 0 14px;white-space:nowrap;}
.home-footer-links a,.home-footer-links span{display:block;font-size:14px;line-height:1.9;color:#5f6876;white-space:nowrap;}
.home-footer-contact{min-width:0;}
.home-footer-links a:hover{color:#0d47a1;}
.home-footer-copy{text-align:center;font-size:13px;color:#798390;line-height:1.6;padding-top:8px;}

@media screen and (max-width:900px){
  .about-grid{grid-template-columns:1fr;gap:28px;}
  .about-pic{height:300px;}
  .about-text{height:auto;}
  .about-content{font-size:14px;line-height:1.7;-webkit-line-clamp:unset;display:block;}
  .about-content::after{display:none;}
  .about-blocks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-footer-top{align-items:flex-start;gap:28px;flex-direction:column;}
  .home-footer-qr{width:100%;justify-content:space-between;}
  .qr-copy{text-align:left;}
  .home-footer-links{grid-template-columns:1fr;gap:28px;}
  .home-footer-navs{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;}
}

@media screen and (min-width:901px) and (max-width:1280px){
  .about-blocks{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media screen and (max-width:560px){
  .home-about{padding-bottom:56px;}
  .about-blocks{grid-template-columns:1fr;}
  .home-footer{padding:48px 0 34px;}
  .home-footer-brand{align-items:flex-start;flex-direction:column;}
  .home-footer-qr{align-items:flex-start;flex-direction:column;}
  .home-footer-links,.home-footer-navs{grid-template-columns:1fr;}
}

/* ===== 首页设计稿对齐：顶部导航 + 首屏 Banner ===== */
body{background:#fff;color:#273241;font-family:"Microsoft YaHei",Arial,sans-serif;}
.wrapper{width:min(1352px,calc(100% - 48px));max-width:1352px;margin:0 auto;}

.home-hero{height:540px;background:#eef2f7 !important;overflow:hidden;}
.home-hero-swiper,.home-hero-swiper .swiper-wrapper,.home-hero-swiper .swiper-slide{width:100%;height:100%;}
.home-hero-swiper .swiper-slide{overflow:hidden;background:#eef2f7;}
.home-hero-swiper img{display:block;width:100%;height:100%;object-fit:cover;}
.home-news{padding-top:40px;padding-bottom:40px;}
.home-twocol{padding-top:26px;padding-bottom:54px;}
.home-about{padding-top:42px;}
.home-titBox .title .tit-ico{width:22px;height:22px;line-height:22px;background:transparent !important;box-shadow:none;border-radius:0;color:#0d47a1;font-size:0;position:relative;flex:0 0 auto;}
.home-titBox .title .tit-ico::before,.home-titBox .title .tit-ico::after{content:"";position:absolute;box-sizing:border-box;display:block;}
.home-titBox .title .tit-news::before{left:4px;top:3px;width:13px;height:16px;border:2px solid #0d47a1;border-radius:2px;}
.home-titBox .title .tit-news::after{left:8px;top:7px;width:7px;height:7px;border-top:2px solid #0d47a1;border-bottom:2px solid #0d47a1;}
.home-titBox .title .tit-gas::before{left:4px;top:2px;width:14px;height:17px;border:2px solid #0d47a1;border-radius:8px 8px 10px 10px;clip-path:polygon(50% 0,100% 24%,88% 100%,12% 100%,0 24%);}
.home-titBox .title .tit-party::before{left:3px;top:6px;width:15px;height:10px;border-left:2px solid #0d47a1;border-bottom:2px solid #0d47a1;}
.home-titBox .title .tit-party::after{left:5px;top:4px;width:13px;height:8px;background:#0d47a1;clip-path:polygon(0 0,100% 0,78% 50%,100% 100%,0 100%);}
.home-titBox .title .tit-about::before{left:4px;top:3px;width:14px;height:16px;border:2px solid #0d47a1;border-radius:2px;}
.home-titBox .title .tit-about::after{left:8px;top:7px;width:2px;height:2px;background:#0d47a1;box-shadow:4px 0 0 #0d47a1,0 4px 0 #0d47a1,4px 4px 0 #0d47a1,2px 8px 0 #0d47a1;}
.home-titBox .more em{border:0;width:auto;height:auto;margin-left:7px;font-size:21px;line-height:.8;font-weight:700;border-radius:0;}

@media screen and (min-width:1181px) and (max-width:1440px){
  .home-page .home-header-inner{width:100%;padding-left:80px;gap:18px;}
  .home-page .home-logo{width:170px;}
  .home-page .home-logo img{max-width:170px;}
  .home-page .home-nav{padding-left:24px;overflow:hidden;}
  .home-page .home-nav .na{font-size:15px;padding:0 8px;}
  .home-page .home-actions{width:287px;flex-basis:287px;background-size:287px 70px;}
  .home-page .home-portals{width:220px;min-width:220px;}
  .home-page .home-search{width:67px;}
}

@media screen and (max-width:1180px){
  .home-header{height:auto;}
  .home-header-inner{height:auto;min-height:74px;align-items:center;flex-wrap:wrap;padding:8px 0 0;}
  .home-logo{height:58px;width:180px;}
  .home-logo img{max-width:190px;max-height:50px;}
  .home-nav{order:3;width:100%;flex-basis:100%;height:52px;justify-content:flex-start;overflow-x:auto;overflow-y:visible;}
  .home-nav ul{height:52px;justify-content:flex-start;}
  .home-nav li{height:52px;}
  .home-nav .na{height:52px;line-height:52px;padding:0 12px;font-size:15px;}
  .home-drop-down{top:52px;}
  .home-actions{height:58px;}
  .home-portals{height:58px;min-width:154px;padding:0 26px 0 31px;}
  .home-search{width:58px;height:58px;}
  .home-hero{height:430px;}
}

@media screen and (max-width:760px){
  .wrapper{width:calc(100% - 32px);}
  .home-header-inner{width:calc(100% - 32px);gap:12px;}
  .home-logo{width:160px;}
  .home-logo img{max-width:156px;}
  .home-actions{display:none;}
  .home-nav{height:48px;}
  .home-nav ul,.home-nav li{height:48px;}
  .home-nav .na{height:48px;line-height:48px;font-size:14px;}
  .home-drop-down{display:none !important;}
  .home-hero{height:320px;}
}

/* ===== 首页设计稿对齐：关于我们翻转卡片 ===== */
.about-blocks{perspective:1200px;}
.ab-block{height:160px;min-height:160px;padding:0;background:transparent !important;box-shadow:none;overflow:visible;perspective:1000px;}
.ab-block:hover{transform:none;box-shadow:none;color:#fff;}
.ab-card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.ab-block:hover .ab-card-inner{transform:rotateY(180deg);}
.ab-face{position:absolute;inset:0;border-radius:10px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 16px 28px rgba(38,50,70,.18);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;}
.ab-face::before{content:"";position:absolute;inset:0;background:inherit;z-index:-1;}
.ab-front{transform:rotateY(0deg);}
.ab-back{transform:rotateY(180deg);}
.ab-blue .ab-front{background:linear-gradient(135deg,#2496f3 0%,#0d55b7 100%);}
.ab-blue .ab-back{background:linear-gradient(135deg,#0d55b7 0%,#2496f3 100%);}
.ab-purple .ab-front{background:linear-gradient(135deg,#a72bc0 0%,#6f1594 100%);}
.ab-purple .ab-back{background:linear-gradient(135deg,#6f1594 0%,#a72bc0 100%);}
.ab-orange .ab-front{background:linear-gradient(135deg,#ffa51f 0%,#ff7100 100%);}
.ab-orange .ab-back{background:linear-gradient(135deg,#ff7100 0%,#ffa51f 100%);}
.ab-teal .ab-front{background:linear-gradient(135deg,#2fc6d2 0%,#087f86 100%);}
.ab-teal .ab-back{background:linear-gradient(135deg,#087f86 0%,#2fc6d2 100%);}
.ab-green .ab-front{background:linear-gradient(135deg,#62ba67 0%,#2e8738 100%);}
.ab-green .ab-back{background:linear-gradient(135deg,#2e8738 0%,#62ba67 100%);}
.ab-face .ab-ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);font-size:22px;margin:0 0 16px;}
.ab-face h4{font-size:19px;line-height:1.2;margin:0 0 12px;color:#fff;font-weight:700;}
.ab-face p{font-size:13px;line-height:1.2;color:rgba(255,255,255,.86);opacity:1;margin:0;}
.ab-back p{font-size:15px;line-height:1.8;color:#fff;font-weight:500;}

@media screen and (max-width:760px){
  .ab-block{height:150px;min-height:150px;}
}

/* ===== 首页 PC / 手机自适应覆盖 ===== */
.home-page-html,
.home-page{width:100%;}

@media screen and (max-width:1180px){
  .home-page-html,
  .home-page{min-width:0;overflow-x:hidden;}
  .home-page .wrapper{width:calc(100% - 32px);max-width:none;}
  .home-page .home-header{height:auto;border-bottom:1px solid #e7ebf0;}
  .home-page .home-header-inner{width:calc(100% - 32px);height:auto;min-height:64px;padding:0;gap:12px;flex-wrap:wrap;}
  .home-page .home-logo{width:150px;height:64px;}
  .home-page .home-logo img{height:54px;max-width:150px;}
  .home-page .home-actions{height:64px;width:auto;flex:0 0 auto;background:none;}
  .home-page .home-portals{height:36px;width:auto;min-width:132px;padding:0 16px;background:#0d7fe5;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);}
  .home-page .home-portals a,
  .home-page .home-portals span{font-size:13px;line-height:36px;}
  .home-page .home-search{width:34px;height:64px;}
  .home-page .home-nav{order:3;width:100%;flex:0 0 100%;height:44px;padding-left:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
  .home-page .home-nav::-webkit-scrollbar{display:none;}
  .home-page .home-nav ul{height:44px;justify-content:flex-start;width:max-content;}
  .home-page .home-nav li{height:44px;flex:0 0 auto;}
  .home-page .home-nav .na{height:44px;line-height:44px;padding:0 12px;font-size:14px;}
  .home-page .home-nav .na::after{bottom:0;}
  .home-page .home-drop-down{display:none !important;}
  .home-page .home-hero{height:auto;aspect-ratio:1630/492;}
  .home-page .home-news{padding:28px 0 30px;}
  .home-page .home-twocol{padding:20px 0 34px;}
  .home-page .home-about{padding:32px 0 52px;}
}

@media screen and (max-width:900px){
  .home-page .home-titBox{margin-bottom:20px;}
  .home-page .home-titBox .title{font-size:22px;}
  .home-page .news-grid{display:flex;flex-direction:column;height:auto;gap:18px;}
  .home-page .news-list{width:100%;padding:16px 18px;gap:0;}
  .home-page .news-item{min-height:46px;}
  .home-page .news-item + .news-item{padding-top:10px;}
  .home-page .news-item .news-title,
  .home-page .col-list li a .col-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .home-page .news-feature{width:100%;height:auto;aspect-ratio:16/9;}
  .home-page .news-feature-cap{padding:42px 16px 16px;font-size:17px;}
  .home-page .home-twocol .wrapper{display:flex;flex-direction:column;gap:28px;}
  .home-page .home-col:hover{transform:none;}
  .home-page .col-list{padding:14px 18px;}
  .home-page .col-list li a{min-height:46px;padding:9px 0;}
  .home-page .about-grid{grid-template-columns:1fr;gap:24px;margin-bottom:28px;}
  .home-page .about-pic{height:auto;aspect-ratio:16/10;}
  .home-page .about-text h3{font-size:22px;margin-bottom:16px;}
  .home-page .about-content p{font-size:14px;line-height:1.7;margin-bottom:10px;}
  .home-page .about-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .home-page .ab-block{height:142px;min-height:142px;}
  .home-page .home-footer{padding:44px 0 30px;}
  .home-page .home-footer-top{flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:30px;}
  .home-page .home-footer-qr{width:100%;justify-content:space-between;}
  .home-page .qr-copy{text-align:left;}
  .home-page .home-footer-links{grid-template-columns:1fr;gap:28px;padding:28px 0 30px;}
  .home-page .home-footer-navs{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;}
  .home-page .home-footer-copy{font-size:12px;}
}

@media screen and (max-width:560px){
  .home-page .home-header-inner{width:calc(100% - 24px);}
  .home-page .wrapper{width:calc(100% - 24px);}
  .home-page .home-logo{width:132px;}
  .home-page .home-logo img{height:48px;max-width:132px;}
  .home-page .home-actions{display:none;}
  .home-page .home-menu-toggle{display:inline-flex;width:42px;height:42px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;margin-left:auto;cursor:pointer;}
  .home-page .home-menu-toggle span{display:block;width:24px;height:2px;background:#0d47a1;border-radius:2px;transition:transform .25s ease,opacity .2s ease;}
  .home-page .home-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .home-page .home-menu-toggle.active span:nth-child(2){opacity:0;}
  .home-page .home-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .home-page .home-nav{display:none;position:absolute;right:0;top:64px;z-index:80;order:initial;width:max-content;min-width:132px;max-width:calc(100vw - 24px);flex:0 0 auto;height:auto;padding-left:0;overflow:visible;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(96,96,96,.8);box-shadow:0 14px 34px rgba(0,0,0,.24);}
  .home-page .home-nav.open{display:block;}
  .home-page .home-nav ul,
  .home-page .home-nav li{height:auto;width:auto;display:block;}
  .home-page .home-nav ul{width:max-content;min-width:100%;padding:8px 0;}
  .home-page .home-nav .na{display:block;height:42px;line-height:42px;font-size:14px;padding:0 18px;color:#fff;white-space:nowrap;}
  .home-page .home-nav .na::after{display:none;}
  .home-page .home-nav .na.active{color:#fff;font-weight:600;background:rgba(255,255,255,.12);}
  .home-page .home-nav li + li{border-top:1px solid rgba(255,255,255,.12);}
  .home-page .home-hero{aspect-ratio:16/7;}
  .home-page .home-titBox .title{font-size:20px;gap:8px;}
  .home-page .home-titBox .more{font-size:13px;}
  .home-page .news-list{padding:12px 14px;}
  .home-page .news-item .news-date,
  .home-page .col-list li a .col-date{display:none;}
  .home-page .news-feature-cap{font-size:15px;line-height:1.45;}
  .home-page .home-col .home-titBox{margin-bottom:14px;}
  .home-page .about-blocks{grid-template-columns:1fr;}
  .home-page .ab-block{height:136px;min-height:136px;}
  .home-page .home-footer{padding:30px 0 24px;background:#d8dde3;}
  .home-page .home-footer .wrapper{width:calc(100% - 28px);}
  .home-page .home-footer-top{gap:14px;padding-bottom:22px;}
  .home-page .home-footer-brand{width:100%;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border-radius:10px;background:rgba(255,255,255,.28);}
  .home-page .footer-logo-card{width:104px;height:54px;border-radius:8px;box-shadow:0 8px 18px rgba(46,56,68,.12);padding:0 10px;}
  .home-page .footer-logo-card img{max-height:38px;}
  .home-page .home-footer-brand h3{font-size:18px;line-height:1.35;margin:0 0 4px;}
  .home-page .home-footer-brand p{font-size:12px;line-height:1.45;}
  .home-page .home-footer-qr{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:14px;padding:14px;border-radius:10px;background:rgba(255,255,255,.22);}
  .home-page .qr-copy{text-align:left;font-size:13px;line-height:1.55;}
  .home-page .qr-copy strong{font-size:15px;margin-bottom:3px;}
  .home-page .qr-card{width:96px;height:96px;border-radius:8px;padding:8px;box-shadow:0 8px 18px rgba(46,56,68,.12);}
  .home-page .qr-card img{width:80px;height:80px;}
  .home-page .home-footer-links{gap:18px;padding:22px 0 22px;}
  .home-page .home-footer-navs{display:block;column-count:2;column-gap:12px;}
  .home-page .home-footer-navs>div{min-height:0;padding:12px;border-radius:8px;background:rgba(255,255,255,.18);}
  .home-page .home-footer-navs>div{break-inside:avoid;margin:0 0 12px;}
  .home-page .home-footer-links h4{font-size:15px;margin:0 0 8px;}
  .home-page .home-footer-links a,
  .home-page .home-footer-links span{font-size:13px;line-height:1.75;white-space:normal;}
  .home-page .home-footer-contact{padding:14px;border-radius:8px;background:rgba(255,255,255,.2);}
  .home-page .home-footer-copy{padding-top:0;font-size:12px;line-height:1.7;text-align:left;color:#7b8795;}
  .home-page .home-footer-links a,
  .home-page .home-footer-links span{white-space:normal;}
}
