@charset "utf-8";
/* CSS Document */
*::selection{background:#0739aa; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:18px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#f7f7f7;}
h1, h2, h3, h4, h5, h6{font-size: 18px; font-weight: normal;}
a{text-decoration:none; outline:none; transition:all 0.3s; color:#000;}
a:hover{color:#0739aa;}
:focus{outline:none;}
img{border:0; vertical-align:top;}
ul,li{list-style-type:none;}
button{border: none; background: none; padding: 0; margin: 0; cursor: pointer; font-family: inherit; transition: all .3s;}

@font-face{font-family:"AVGARDN"; src:url('fonts/AVGARDN.TTF') format('truetype');}
@font-face{font-family:"LABELLE"; src:url('fonts/LABELLE.TTF') format('truetype');}

.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden;}
.animate{transition:all 0.3s;}
.unselectable{user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*文字超出省略号...*/
.clamp2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.clamp3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.clamp4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.clamp5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.clamp6{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.justify{text-align:justify;}
.hide{display:none !important;}
.bgImg{background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.8s; display:block; height:100%;}
a:hover .bgImg{transform:scale(1.05);}
.pic{overflow:hidden; width:100%; height: 100%; display:flex; align-items:center; justify-content:center;}
.pic img{width:100%; height:100%; object-fit:cover; transition:all 0.8s; display:block;}
a:hover .pic img{transform:scale(1.05);}

.cover{background-position:center center; background-size:cover; background-repeat:no-repeat;}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; align-items:center; justify-content:center;}
.flex{flex:1;}

.floatAd img{max-width: 300px;}

.right-menu{width: 90px; background: #fff; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999;border-radius:10px; box-shadow: 0 3px 5px rgba(0,0,0,.1);}
.right-menu a{display:block; padding: 18px 0; color: #626262; position: relative;}
.right-menu a:not(:first-child){border-top: #ebebeb 1px solid;}
.right-menu .icon{display: flex; flex-direction: column; align-items: center; justify-content: center; gap:6px; font-size: 16px;}
.right-menu .icon .iconfont{font-size: 42px; color: #1c5afb;}
.right-menu .text{position: absolute; right: 115px; top: 50%; transform: translateY(-50%); font-size: 16px; padding: 15px; text-align: center; background: #fff; border-radius: 10px; transition: all .2s; margin-right: 20px; opacity: 0; visibility: hidden; pointer-events: none; cursor: default; filter: drop-shadow(0 3px 5px rgba(0,0,0,.1)); color:#666;}
.right-menu .text::after{display: block; content: ""; width: 0; height: 0; border: transparent 10px solid; border-left-color: #fff; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: -2px;}
.right-menu .text img{max-width: 150px;}
.right-menu .text p{white-space: nowrap; line-height: 24px;}
.right-menu a:hover{color: #1c5afb;}
.right-menu a:hover .text{margin-right: 0; opacity: 1; visibility: visible; pointer-events: all;}
.right-menu #gotop-btn{pointer-events: none; visibility: hidden; opacity: 0; padding: 0; height: 0;}
.right-menu #gotop-btn.show{pointer-events: all; visibility: visible; opacity: 1; padding: 18px 0; height: auto;}

.content{padding:0 160px;}

/* 头部 */
.head{height:120px; background:#fff; position: sticky; top: 0; z-index: 10; display:flex; align-items:center; justify-content:space-between; gap:24px; transition: all .3s;}
.head.box-shadow{box-shadow: 0 3px 5px rgba(0,0,0,.1);}

.logo{max-width: 625px; width: 39%; height:100%; display: flex; align-items: center; min-width: 0;}
.logo img{width: 100%;}

/* 菜单栏 */
.menu-wrap{margin-left: auto;}
.menu{display:flex; align-items:center; gap: 0 30px;}
.menu li{position:relative; text-align:center;}
.menu > li{position:relative; flex:1;}
.menu > li > a{display:flex; align-items:center; justify-content: center; height:120px; white-space: nowrap;}
.menu > li > a span{display: flex; align-items: center; height: 100%; position: relative;}
.menu > li > a span::after{display: block; content: ""; width: 0; height: 2px; background: #0739aa; transition: all .3s; position: absolute; left: 0; bottom: 0;}
.menu ul{min-width:100%; background:#fff; position:absolute; z-index:999; left:50%; top:120px; transform: translateX(-50%); transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.menu ul li a{display:block; padding:10px 16px; line-height:20px; font-size:16px; white-space: nowrap;}
.menu ul i{display:block; position:absolute; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #666 solid; transition: all .3s;}
.menu ul ul{top:0; left:100%; transform: translateX(0); margin:0 0 0 20px;}
.menu ul ul li a{font-size:14px;}
.menu li:hover > ul{opacity:1; visibility:visible; margin:0;}
.menu li:hover > a{color:#0739aa;}
.menu li:hover > a span::after{width: 100%;}
.menu ul li a:hover{color:#fff; background: #0739aa;}
.menu ul li:hover i{border-left-color: #0739aa;}
.menu ul li:hover:has(>a:hover) i{border-left-color: #fff;}

.head-btn{flex-shrink: 0; display: none; align-items: center; gap: 10px;}
.menu-btn{display: flex; width: 32px; height: 32px; flex-direction: column; justify-content: space-between; align-items: center; padding: 6px 3px; box-sizing: border-box;}
.menu-btn span{width: 100%; height: 2px; background: #0739aa;}

/* 图片轮播 */
.banner{overflow: hidden; position: relative;}
.banner .swiper{position:relative; overflow: hidden;}
.banner .swiper-slide{position:relative; overflow:hidden; aspect-ratio: 192/79;}
.banner .swiper-slide a{height: 100%; position: relative;}
.banner .swiper-slide img{width:100%; height:100%; object-fit:cover; transition:all 10s 0.5s; transform:scale(1.1,1.1);}
.banner .swiper-slide-active img{transform:scale(1,1);}
.banner .swiper-btn{display: flex; align-items: center; justify-content: flex-end; gap:30px; height: 100px; padding: 0 80px 0 240px; background: rgba(60,120,194,.7); position: absolute; left: 0; bottom: 0; z-index: 1;}
.banner .swiper-btn::after{display: block; content: ""; width: 100px; height: 100px; background: #0e7655; opacity: .7; position: absolute; top: -50px; right: -50px;}
.banner .swiper-button-prev, .banner .swiper-button-next{position: static; color: #fff; margin: 0; transform: none;}
.banner .swiper-button-prev::after, .banner .swiper-button-next::after{font-size: 24px;}
.banner .swiper-pagination-fraction{display:flex; align-items:center; justify-content:flex-end; gap:6px; font-size: 24px; color: #7b9cc1; position: static;}
.banner .swiper-pagination-current{color: #fff;}


.indH{position: relative;}
.indH p{font-family: Arial, Helvetica, sans-serif; font-size:120px; text-transform:uppercase; color:#edf0f7; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space: nowrap;}
.indH h3{display: flex; align-items: center; justify-content: center; height: 80px; font-size: 46px; font-weight: bold; color: #0739aa; position: relative; z-index: 1;}


.main1{padding: 160px 0 100px 130px; display: flex; align-items: center; gap: 136px; overflow: hidden;}
.about{min-width: 0; flex: 1;}
.about .indH p{transform: translateY(-50%); left: -50px;}
.about .indH h3{justify-content: flex-start;}
.about-txt{min-width: 0; height: 200px; line-height: 40px; margin-top: 30px; text-indent: 2em;}

.data-number{display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; padding-top: 40px;}
.data-number .item{display: flex; flex-direction: column; gap: 20px; position: relative;}
.data-number .item p{color: #a39365; font-size: 48px;}
.data-number .item h3{line-height: 20px;}

.about-btns{padding-top: 70px; display: flex;}
.about-btns a{padding: 0 54px; height: 50px; display: flex; align-items: center; justify-content: center; border: #0739aa 2px solid; color: #0739aa; border-radius: 50px;}
.about-btns a:hover{background: #0739aa; color: #fff;}

.video{width: 46.875%; aspect-ratio: 3/2; display: flex; align-items: center; justify-content: center; background: #000; position: relative;}
.video::before{display: block; content: ""; width: 60%; height: 80px; position: absolute; right: 0; top: -80px; background: #0739aa;}
.video video{width: 100%; height: 100%; object-fit: contain;}


.main2{padding: 100px 0 120px; background: url(../images/main2-bg.jpg) no-repeat top center / cover; overflow: hidden;}
.main2 .indH p{color: #e7ebf6;}
.pro-tab{display: flex; align-items: center; justify-content: space-between; padding:40px 160px 30px; border-bottom: #e4e4e4 1px solid;}
.pro-tab p{transition: all .3s; position: relative; cursor: pointer; height: 24px; line-height: 24px;}
.pro-tab p::before, .pro-tab p::after{display: block; content: ""; width: 21px; height: 21px; border-radius: 50%; position: absolute; left: 50%; bottom: -41px; background: #0739aa; transform: translateX(-50%); opacity: 0; transition: all .3s; pointer-events: none;}
.pro-tab p::after{width: 7px; height: 7px; bottom: -34px;}
.pro-tab p:hover, .pro-tab p.active{color: #0739aa;}
.pro-tab p.active::before{opacity: .2;}
.pro-tab p.active::after{opacity: 1;}
.main2 .content{padding-top: 40px;}
.pro-list{display: none;}
.pro-list.active{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.pro-list .item{min-width: 0;}
.pro-list .item a{display: block; aspect-ratio: 3/4; overflow: hidden; border-radius: 5px; position: relative;}
.pro-list .item h3{width: 100%; height: 40px; line-height: 40px; text-align: center; background: rgba(0,0,0,0.5); color: #fff; padding: 0 15px; box-sizing: border-box; position: absolute; left: 0; bottom: -40px; transition: all .3s;}
.pro-list .item a:hover h3{bottom: 0;}


.main3{padding: 110px 160px 140px; background: url(../images/main3-bg.jpg) no-repeat center center / cover; overflow: hidden;}
.main3 .indH p{color: #fff; opacity: .08;}
.main3 .indH h3{color: #fff;}
.research-tab{padding-top: 100px; display: flex; align-items: flex-start; gap: 160px;}
.research-content{flex: 1; min-width: 0;}
.research-content .item{display: none;}
.research-content .item.active{display: block;}
.research-content .item h2{font-size: 40px; line-height: 50px; color: #fff;}
.research-content .item-txt{ max-height: 160px; line-height: 40px; color: #fff; margin-top: 30px; text-indent: 2em;}
.research-content .item-list{display: grid; grid-template-columns: repeat(2, 1fr); gap:16px 20px; padding-top: 30px;}
.research-content .item-list li{min-width: 0;}
.research-content .item-list a{display: block; height: 100%;}
.research-content .item-list .pic{aspect-ratio:3/2; height: auto; padding: 10px; border: rgba(255,255,255,.3) 1px solid; background: rgba(255,255,255,.15); border-radius: 5px; box-sizing: border-box;}
.research-content .item-list .pic img{object-fit: contain;}
.research-content .item-list h3{color: #fff; text-align: center; line-height: 20px; padding-top: 10px;}
.research-content .item-more{display: flex; padding-top: 60px;}
.research-content .item-more a{display: flex; align-items: center; gap: 36px; padding: 0 36px; height: 50px; background: #fff; border-radius: 50px;}
.research-content .item-more .iconfont{font-size: 18px;}
.research-content .item-more a:hover{background: #0739aa; color: #fff;}

.research-menu{width: 628px; flex-shrink: 0; display: flex; gap: 14px; flex-wrap: wrap;}
.research-menu p{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; width: 200px; aspect-ratio: 1/1; cursor: pointer; font-size: 20px; transition: all .3s; border-radius: 8px; background: rgba(255,255,255,.88);}
.research-menu p:first-child{margin-left: 214px;}
.research-menu p .iconfont{display: flex; align-items: center; justify-content: center; height: 60px; font-size: 60px; color: #425172; transition: all .3s;}
.research-menu p.active{background: rgba(17,83,191,.88); color: #fff;}
.research-menu p.active .iconfont{color: #fff;}

.main4{padding: 140px 0 180px; background: url(../images/main4-bg.jpg) no-repeat bottom center / cover; overflow: hidden;}
.case{margin-top: 100px;}
.case .first{display: grid; grid-template-columns: .7fr .8fr; gap:16px 100px; align-items: center;}
.case .first-txt, .case .first-pic{min-width: 0;}
.case .first-title{padding: 27px 0; line-height: 1.4; font-size: 36px; position: relative;}
.case .first-title::before, .case .first-title::after{display: block; content: ""; width: 108px; height: 108px; border-radius: 50%; background: #ebf2f9; position: absolute; left: -60px; top: 50%; transform: translateY(-50%); z-index: -1;}
.case .first-title::after{width: 28px; height: 28px; background: #1c7fe4; left: 50px; top: -24px; transform: none;}
.case .first-abstract{max-height: 240px; line-height: 40px; text-indent: 2em;}
.case .first-more{display: flex; padding-top: 60px;}
.case .first-more a{display: flex; align-items: center; gap: 36px; padding: 0 36px; height: 50px; background: #0739aa; border-radius: 50px; color: #fff;}
.case .first-more .iconfont{font-size: 18px;}
.case .first-more a:hover{background: #1c7fe4;}
.case .first-pic{aspect-ratio: 8/5; position: relative;}
.case .first-pic::after{display: block; content: ""; width: 45%; aspect-ratio: 4/3; background: #0739aa; position: absolute; right: -30px; top: -30px;}
.case .first-pic .pic{border-radius: 10px; position: relative; z-index: 1;}
.case .first-pic .pic:hover img{transform: scale(1.05);}
.case .list{display: grid; grid-template-columns: repeat(4,1fr); gap: 36px; padding-top: 70px;}
.case .list .item{min-width: 0;}
.case .list .item .pic{aspect-ratio: 3/2; height: auto; border-radius: 10px;}
.case .list .item h3{display: flex; align-items: center; gap: 16px; height: 70px; border-bottom: #d9d9d9 1px solid;}
.case .list .item h3 span{flex: 1; min-width: 0;}
.case .list .item h3 .iconfont{flex-shrink: 0; font-size: 20px;}
.case .list .item a:hover h3 .iconfont{animation:arr 0.6s ease-out 0s infinite; font-size: 20px;}
@keyframes arr{
	0%{transform:translateX(0px);}
	50%{transform:translateX(-5px);}
	100%{transform:translateX(0px);}
}


/* 页底信息 */
.foot{color:#fff; background: url(../images/foot-bg.jpg) no-repeat center center / cover; position: relative;}
.gotop{display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 50px 50px 0 0; background: #173a84; position: absolute; left: 50%; top: -44px; transform: translateX(-50%);}
.gotop::before, .gotop::after{display: block; content: ""; width: 14px; height: 14px; background: radial-gradient(circle at  0 0, transparent 13px, #173a84 14px); position: absolute; left: -13px; top: 50%; transform: translateY(-7px);}
.gotop::after{background: radial-gradient(circle at 100% 0, transparent 13px, #173a84 14px); left: auto; right: -13px;}
.gotop .iconfont{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #3998e2; color: #fff; font-size: 28px; cursor: pointer;}

.foot-menu{padding: 60px 0 30px; border-bottom: rgba(255,255,255,.2) 1px solid; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.foot-menu p{max-width: 630px; width: 36%; flex-shrink: 0;}
.foot-menu p img{width: 100%;}
.foot-menu ul{display: flex; align-items: center; justify-content: flex-end; gap: 0 30px; flex-shrink: 0; white-space: nowrap;}
.foot-menu ul li a{padding: 0 5px; font-size: 16px; color: #fff;}
.foot-menu p{display: flex; align-items: center; gap: 20px;}
.foot-menu p a{display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; color: #fff; position: relative;}
.foot-menu p a .iconfont{font-size: 24px;}
.foot-menu p a:has(span) span{position: absolute; left: 50%; top: 100%; transform: translateX(-50%); transition: all .2s; opacity: 0; visibility: hidden; margin-top: 20px; pointer-events: none; display: flex; align-items: center; justify-content: center; width: 138px; height: 138px; background: #fff; border-radius: 8px;}
.foot-menu p a:has(span) span::before{display: block; content: ""; width: 0; height: 0; border: transparent 5px solid; border-bottom: #fff 8px solid; position: absolute; left: 50%; top: -12px; transform:translateX(-50%);}
.foot-menu p a:has(span):hover span{pointer-events: all; visibility: visible; opacity: 1; margin-top: 0;}

.foot-contact{padding: 40px 0; border-bottom: rgba(255,255,255,.2) 1px solid; display: flex; align-items: flex-start; gap: 16px 80px;}
.foot-contact .item{flex: 1; min-width: 0;}
.foot-contact .item:nth-child(2){flex: 1.2;}
.foot-contact .item .iconfont{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: rgba(255,255,255,.2) 1px solid; border-radius: 50%; font-size: 24px; color: #fff;}
.foot-contact .item h3{line-height: 24px; padding: 16px 0; font-size: 16px; color: #cbd2df;}
.foot-contact .item p{color: #fff; font-size: 24px; line-height: 1.75;}
.foot-contact .qrcode{color: #cbd2df; text-align: center;}
.foot-contact .qrcode p{border: rgba(255,255,255,.2) 1px solid; padding: 14px; width: 118px; aspect-ratio: 1/1;}
.foot-contact .qrcode p img{width: 100%; height: 100%;}
.foot-contact .qrcode h3{padding-top: 10px; line-height: 18px; font-size: 16px;}

.copy{color:rgba(255,255,255,.8); font-size:14px; line-height:20px; padding:20px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 1rem;}
.copy a{color:rgba(255,255,255,.8); display:inline-flex; align-items:center; gap:4px;}
.copy a img{flex-shrink:0; max-height:18px;}
.copy a:hover{color:#fff;}

#gotopBtn{display:block; width:50px; height:50px; z-index:999; background:url(../images/go-top.png) no-repeat center center / cover; position:fixed; right:20px; bottom:116px; transition:none;}


.ny-banner{height: 500px; position: relative; display: flex; align-items: center; justify-content: center;}
.ny-banner img{width: 100%; height: 100%; object-fit: cover;}
.ny-banner .content{position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column;}
.ny-banner h3{flex: 1; display: flex; align-items: center; font-size: 60px; font-weight: bold; color: #fff;}
.ny-banner ul{display: grid; grid-template-columns: repeat(auto-fill,minmax(200px, 1fr)); align-items: center; background: rgba(255,255,255,.9); white-space: nowrap;}
.ny-banner li:not(:last-child){border-right: #fff 1px solid;}
.ny-banner li a{height: 80px; line-height: 80px; text-align: center; display: block;}
.ny-banner li a.active{background: #0e5bd1; color: #fff;}


.ny{padding-top:30px; padding-bottom: 80px;}

.list01 ul{display: grid; gap: 20px;}
.list01 li a{background: #fff; padding: 20px; display: grid; grid-template-columns: 80px 1fr 30px; align-items: center; gap: 24px;}
.list01 li .date{height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: #f7f7f7; font-size: 14px; line-height: 16px; transition: all .3s; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.list01 li .date span{font-size: 30px; line-height: 30px;}
.list01 li .date p{opacity: .7;}
.list01 li .text{min-width: 0;}
.list01 li .text h3{line-height: 24px;}
.list01 li .text p{max-height: 40px; line-height: 20px; margin-top: 6px; font-size: 14px; color: #999;}
.list01 li .iconfont{font-size: 30px; color: #ddd;}
.list01 li:hover a{box-shadow: 0 10px 20px rgba(0,0,0,0.2); transform: translateY(-5px);}
.list01 li a:hover .date{background-image: url(../images/news-li-bg.jpg); color: #fff;}
.list01 li a:hover .iconfont{animation:arr 0.6s ease-out 0s infinite;}


.piclist01 ul{display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 30px;}
.piclist01 li a{display: block; background: #fff;}
.piclist01 li .pic{aspect-ratio: 1/1;}
.piclist01 li .pic img{object-fit:fill;}
.piclist01 li h3{padding: 20px; text-align: center;}
.piclist01 li:hover a{transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.2);}

.page{background: #fff; padding: 16px; display: flex; align-items: center; justify-content: center; font-size: 16px; margin-top: 30px !important;}


.article{padding: 0 40px; background: #fff;}
.articleTitle{padding:30px 0 20px; line-height:36px; font-size:24px; font-weight:600; text-align:center;}
.articleInfo{width:96%; font-size:14px; height:36px; line-height:36px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:2; padding:20px 0 40px; text-align:justify;}
.articleCon img{max-width:100%; height:auto !important; margin:5px auto 0; vertical-align:top; border:none !important;}
.articleCon p:has(img), .articleCon div:has(img){text-indent:0 !important;}
.articleCon table{margin:0 auto !important;}



.ny-about{display: flex; flex-direction: column; gap: 40px; padding: 20px 0;}
.about-title{display: flex; align-items: center; justify-content: center; gap: 40px; font-size: 40px; font-weight: bold;}
.about-title::before, .about-title::after{display: block; content: ""; width: 90px; height: 5px; background: #0739aa;}
.about-data{display: grid; grid-template-columns: repeat(auto-fit,minmax(200px, 1fr)); gap: 20px; text-align: center;}
.about-data .item p{font-size: 20px; color: #1d43a5; line-height: 60px;}
.about-data .item p span{font-family: Arial, Helvetica, sans-serif; font-size: 60px;}
.about-data .item h3{padding-top: 10px; color: #333;}
.about-article{line-height: 2; text-align: justify;}
.about-article:has(img) img{width: 100%; border-radius: 100px 0;}

@media screen and (max-width:1600px){
	body, h1, h2, h3, h4, h5, h6{font-size:16px;}
	.content{padding:0 30px;}
	.head{height: 100px;}
	.menu{gap: 0 24px;}
	.menu > li > a{height: 100px;}
	.menu ul{top: 100px;}
	#menu ul li a{font-size: 14px;}

	.banner .swiper-btn{padding: 0 40px 0 70px; height: 60px;}
	.banner .swiper-btn::after{width: 60px; height: 60px; right: -30px; top: -30px;}

	.indH p{font-size: 80px;}
	.indH h3{font-size: 42px;}
	
	.main1{padding: 70px 30px 80px; gap: 80px;}
	.about .indH p{left: -20px;}
	.about{gap: 50px;}
	.about-txt{height: 160px; line-height: 32px;}

	.data-number{padding-top: 30px;}
	.data-number .item{gap: 10px;}
	.data-number .item p{font-size: 42px;}

	.about-btns{padding-top: 40px;}
	.video::before{height: 50px; top: -50px;}

	.main2{padding:80px 0 100px;}
	.pro-tab{padding: 30px;}

	.main3{padding: 60px 30px 80px;}
	.research-tab{padding-top: 40px; gap: 80px;}
	.research-content .item h2{font-size: 30px;}
	.research-content .item-txt{max-height: 144px; line-height: 36px; margin-top: 24px;}
	.research-content .item-more{padding-top: 50px;}
	.research-content .item-more a{gap: 32px; padding: 0 32px; height: 48px;}
	.research-menu{width: 564px; gap: 12px;}
	.research-menu p{gap: 16px; width: 180px; font-size: 18px;}
	.research-menu p:first-child{margin-left: 192px;}
	.research-menu p .iconfont{height: 54px; font-size: 54px;}


	.main4{padding: 80px 0 100px;}
	.case{margin-top: 80px;}
	.case .first-title{font-size: 30px; padding: 24px 0;}
	.case .first-title::before{width: 90px; height: 90px; left: -40px;}
	.case .first-abstract{max-height: 192px; line-height: 32px;}
	.case .first-more{padding-top: 40px;}
	.case .first-more a{gap: 32px; height: 48px; padding: 0 32px;}

	.foot-contact{gap:16px 40px;}
	.foot-contact .item p{font-size: 20px;}

	.ny-banner ul{grid-template-columns: repeat(auto-fill,minmax(160px, 1fr));}

	.ny{padding-top:30px; padding-bottom: 50px;}
}

@media screen and (max-width:1260px){
	.head,
	.menu{gap: 0 20px;}

	.indH p{height:64px; font-size: 50px;}
	.indH h3{height: 48px; font-size: 36px;}

	.main1{padding: 50px 30px; position: relative;}
	.about{gap: 30px;}
	.about-txt{height: 160px; line-height: 32px;}

	.data-number .item p{font-size: 36px;}

	.research-content .item-more a{gap: 24px; padding: 0 24px; height: 42px;}
	.research-menu{width: 474px;}
	.research-menu p{gap: 12px; width: 150px; font-size: 16px;}
	.research-menu p:first-child{margin-left: 162px;}
	.research-menu p .iconfont{height: 54px; font-size: 54px;}

	.case{margin-top: 60px;}
	.case .first-title{padding: 16px 0; font-size: 24px;}
	.case .list .item h3{height: 48px;}
	.case .first-abstract{max-height: 180px; line-height: 30px;}
	.case .first-more{padding-top: 30px;}
	.case .first-more a{gap: 24px; height: 42px; padding: 0 24px;}

	.foot-contact{gap:16px 24px;}
	.foot-contact .item h3{font-size: 14px; padding: 10px 0;}
	.foot-contact .item p{font-size: 16px;}

	.ny-banner ul{grid-template-columns: repeat(auto-fill,minmax(140px, 1fr));}

	.piclist01 ul{grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 24px;}
	.page{font-size: 14px; margin-top: 24px !important;}

	.article{padding: 0 30px;}

	.about-data{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px;}
	.about-data .item{min-width: 100px; flex:1;}
}

@media screen and (max-width:960px){
	*:hover{-webkit-tap-highlight-color:transparent;}
	body{font-size:16px;}
	a:hover{color:#000;}
	a:active{color:#0739aa;}

	.floatAd img{max-width: 160px;}

	.right-menu{width: 80px; right: 10px; border-radius:5px;}
	.right-menu a{padding: 16px 0;}
	.right-menu .icon{font-size: 14px;}
	.right-menu .icon .iconfont{font-size: 32px;}
	.right-menu .text{right: 95px; font-size: 14px; border-radius: 5px;}
	.right-menu #gotop-btn.show{padding: 16px 0;}

	.content{padding:0 16px;}

	/* 头部 */
	.head{height:60px; gap:16px;}

	.logo{width: 70%;}
	.logo img{max-width: 100%; width: auto; max-height: 70%;}

	/* 菜单栏 */
	.menu-wrap{background:#0739aa; right:-1000px; position:fixed; top:0; display:block; height:100%; width:68%; min-width:140px; max-width:440px; z-index:2000; transition:all 0.4s ease; overflow:auto;}
	.menu-wrap.menu-open{right:0;}
	.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
	.menu-dark-backdrop.in{height:100%; z-index:1800; background:rgba(0,0,0,0.5);}
	.menu a{display:block !important; font-size:16px; color:#fff !important; line-height: 24px; height: auto !important; padding:8px 24px 8px 0 !important;}
	.menu{padding:8px 16px 16px; display: block;}
	.menu li{flex: none; text-align: left;}
	.menu > li:not(:first-child){border-bottom: rgba(0,0,0,.1) 1px solid;}
	.menu > li:not(:first-child) > a{border-top: rgba(255,255,255,.1) 1px solid;}
	.menu > li:last-child{border-bottom: rgba(255,255,255,.1) 1px solid;}
	.menu > li:last-child > a{border-bottom: rgba(0,0,0,.1) 1px solid;}
	.menu ul{background: transparent; visibility: visible; opacity: 1; margin: 0; pointer-events: all; padding: 8px 0; position: static; transform: none; box-shadow: none; transition: none; display: none;}
	.menu ul li:first-child{border-top:0;}
	.menu li .inactive{background:url(../images/off.png) no-repeat right center / 14px 14px;}
	.menu li .inactives{background:url(../images/on.png) no-repeat right center / 14px 14px;}
	.menu ul li{padding-left:16px; border-bottom:0; border-top:0;}
	.menu ul li .inactive, .menu ul li .inactives{background-position:right 0.3rem;}
	.menu ul li a{font-size:14px; line-height:20px;}

	.head-btn{display: flex;}

	/* 图片轮播 */
	.banner .swiper-btn{padding: 0 16px; height: 36px; gap: 16px;}
	.banner .swiper-btn::after{width: 24px; height: 24px; right: -12px; top: -12px;}
	.banner .swiper-pagination-fraction{width: auto;font-size: 16px;}
	.banner .swiper-button-prev::after, .banner .swiper-button-next::after{font-size: 16px;}

	
	
	.indH p{height: 36px; font-size: 36px;}
	.indH h3{height: 36px; font-size: 24px;}


	/* 普通新闻列表 */
	.newsList li{padding: 16px 0;}
	.newsList li a{flex-direction: column; align-items:flex-start; gap: 4px; height: auto;}
	.newsList li h3{flex:none; line-height: 24px; overflow: inherit; text-overflow: inherit; white-space: inherit; padding-left: 0;}
	.newsList li h3::before{display:none;}
	.newsList li p{text-align:left;}


	.main1{flex-direction: column; gap: 24px; padding: 24px 16px;}
	.about .indH p{left: 50%; transform: translate(-50%,-50%);}
	.about .indH h3{justify-content: center;}
	.about-txt{margin-top: 16px;}
	.data-number{padding-top: 16px; display: flex; justify-content: space-between;}
	.data-number .item{gap: 8px;}
	.data-number .item p{font-size: 32px;}
	.about-btns{padding-top: 24px;}
	.about-btns a{padding: 0 36px; height: 36px;}

	.video{width: 100%;}
	.video::before{height: 30px; top: -30px;}
	

	.main2{padding: 24px 0;}
	.pro-tab{padding: 16px; gap:16px; border-bottom:0; flex-wrap:wrap; justify-content:center;}
	.pro-tab p{padding:0 16px; border:#ccc 1px solid; height:30px; line-height:30px; border-radius:4px;}
	.pro-tab p:hover, .pro-tab p.active{border-color:#0739aa;}
	.pro-tab p.active::before, .pro-tab p.active::after{display:none;}
	.pro-list.active{grid-template-columns: repeat(2,1fr);}
	.pro-list .item h3{bottom: 0;}
	
	
	.main3{padding: 24px 16px;}
	.research-tab{flex-direction: column; gap: 16px;}
	.research-content{order: 1;}
	.research-content .item-more{padding-top: 24px;}
	.research-menu{order: 0; width: 100%;}
	.research-menu p{flex: 1;}
	.research-menu p:first-child{margin-left: 0;}


	.main4{padding: 24px 0;}
	.case{margin-top: 24px;}
	.case .first{gap:24px; display: flex; flex-direction: column;}
	.case .first-txt{order: 1;}
	.case .first-pic{order: 0; width: 100%; flex-shrink: 0; aspect-ratio:none;}
	.case .first-pic a{aspect-ratio: 8/5;}
	.case .first-pic img{max-width: 100%; max-height: 100%; object-fit: cover;}
	.case .first-pic::after{top: -16px; right: -16px;}
	.case .list{padding: 24px 0; grid-template-columns: repeat(2,1fr); gap: 16px;}


	/* 页底信息 */
	.gotop{top:-21px;}
	.gotop .iconfont{width: 36px; height: 36px; font-size: 20px;}

	.foot-menu{height: auto; flex-direction: column; gap: 16px; padding: 36px 0 16px;}
	.foot-menu p{gap:0; width: auto; justify-content: center;}
	.foot-menu p img{max-width: 80%;}

	.foot-menu ul{justify-content:center; flex-wrap: wrap; gap: 8px 16px;}

	.foot-contact{line-height: 30px; padding: 16px 0; flex-direction: column;}
	.foot-contact .item{flex: none; padding-left: 36px; position: relative;}
	.foot-contact .item .iconfont{width: 24px; height: 24px; position: absolute; left: 0; top: 0; font-size: 16px;}
	.foot-contact .item h3{padding: 0; line-height: 26px;}
	.foot-contact .qrcode{display: flex; flex-direction: column; justify-content: center; width: 100%;}
	.foot-contact .qrcode p{margin: 0 auto;}

	.copy{padding:16px 0;}

	#gotopBtn{display:block; width:40px; height:40px; right:16px;}


	.ny-banner{height: auto; aspect-ratio: 5/3;}
	.ny-banner .content{padding: 0;}
	.ny-banner h3{font-size: 24px; padding: 0 16px;}
	.ny-banner ul{scrollbar-width: none; overflow: auto; display: flex; width: 100%;}
	.ny-banner ul::-webkit-scrollbar{display: none;}
	.ny-banner li a{padding: 0 24px; height: 50px; line-height: 50px;}


	.ny{padding:16px 16px 36px;}
	.ny:has(.list01, .article){padding: 0;}
	.ny:has(.list01, .article) .page, .ny:has(.list01, .article) .article{padding-bottom: 36px;}

	.list01 ul{gap: 10px;}
	.list01 li a{padding: 16px; grid-template-columns: 64px 1fr; gap: 16px;}
	.list01 li .date{height: 64px; font-size: 12px; gap: 4px;}
	.list01 li .date span{font-size: 24px; line-height: 24px;}
	.list01 li .iconfont{display: none;}
	.list01 li:hover a{box-shadow: none; transform: none;}
	.list01 li:active a{box-shadow: 0 10px 20px rgba(0,0,0,0.2); transform: translateY(-5px);}
	.list01 li a:hover .date{background-image: none; color: #000;}
	.list01 li a:active .date{background-image: url(../images/news-li-bg.jpg); color: #fff;}
	
	
	.piclist01 ul{grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 16px;}
	.piclist01 li h3{padding: 12px;}
	.piclist01 li:hover a{transform:none; box-shadow: none;}

	.page{margin-top: 16px !important;}

	.article{padding: 0 16px;}
	.articleTitle{padding:20px 0 10px; line-height:32px; font-size:20px;}
	.articleInfo label{padding-left:20px;}
	.articleCon{padding:10px 0 16px;}


	.ny-about{gap: 20px; padding: 16px 0;}
	.about-title{gap: 20px; font-size: 20px;}
	.about-title::before, .about-title::after{width: 40px; height: 4px;}
	.about-data{gap: 16px;}
	.about-data .item{min-width: 100px; flex: none;}
	.about-data .item p{font-size: 14px; line-height: 30px;}
	.about-data .item p span{font-size: 30px;}
	.about-data .item h3{padding-top: 6px; font-size: 14px;}
	.about-article:has(img) img{border-radius: 30px 0;}

	
	/*分页条*/
	.page01 { padding: 15px 0; line-height: 30px; font-size: 0; text-align: center;}
	.page01 a,.page01 span { background: #fff; display: inline-block; padding: 0 12px; font-size: 14px; border: #e2e2e2 1px solid; margin: 0 1px; }
	.page01 a:first-child {border-radius: 5px 0 0 5px;}
	.page01 a:last-child {border-radius: 0 5px 5px 0;}
	.page01 span {letter-spacing: 1px;}
	.page01 span label {color: #f00;}
}

@media screen and (max-width:640px){
	.case .first-pic::after{display: none;}
	.case .first-title{font-size: 18px; padding-left: 6px;}
	.case .first-title::before{width: 60px; height: 60px; left: -10px;}
	.case .first-title::after{width: 20px; height: 20px; left: 56px; top: -8px;}
}