html,
body {
    background: #FBFCFD;
}
body
{
max-width:1920px;
margin:0 auto;
}



body, * {
  filter: inherit;
  -webkit-filter: inherit;
}

ul,
li,
p {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #333333;
}

header {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05)
}

header {
    height: 72px;
}

header .logo {
    height: 100%;
}

header .logo img {
    width: 100%;
    height: 100%;
    margin: 6px auto 0;
}

.main {
    width: 1268px;
    margin: auto;
    display: flex;
}
header .main{
    min-width: 1268px;
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
}
head .main {
    justify-content: space-between;
}

nav {
    margin-left: auto;
}

nav ul {
    display: flex;
}

nav ul li {
    font-size: 14px;
    font-weight: 600;
    line-height: 72px;
    color: #333333;
    padding: 0 16px;
    position: relative;
    min-width: 88px;
    text-align: center;
    box-sizing: border-box;
    list-style:none;
}

nav>ul>li:last-child {
    margin-right: 40px;
}

nav ul li:hover,
nav ul li.act {
    background: #0091FF;
}

nav ul li .menu {
    display: none;
    position: absolute;
    left: 0;
    background: #E4E4E9;
    flex-direction: column;
    z-index: 10;
}

nav ul li:hover .menu {
    display: block;
}

nav ul li:hover a,
nav ul li.act a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

nav ul li .menu li {
    border-top: 1px solid #fff;
padding:0;
}

nav ul li .menu li a {
    color: #000;
}

nav ul li .menu li:hover,
nav ul li .menu li.act {
    background: #9BC7FE;
}

nav ul li .menu li:hover a,
nav ul li .menu li.act a {
    color: #fff;
}
.banner
{
border-radius: 32px;
}
.pics {
    min-width: 1268px;
}

.pics img {
    width: 100%;
border-radius: 32px;
}

.pics .pic {
    width: 100%;
    position: relative;
}

.pics .pic .pic_t {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../image/pic_t.png") no-repeat right -2px;
    background-size: contain;
}

.pics .pic .pic_t .icon {
    position: absolute;
    top: 110px;
    right: 100px;
    width: 60px;
    height: 60px;
}

.pics .pic .pic_t .h1 {
    width: 40px;
    height: 377px;
    font-weight: 400;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 30px;
    text-align: left;
    font-style: normal;
    position: absolute;
    right: 110px;
    top: 50%;
    transform: translateY(-50%);
word-wrap: break-word;
text-align: center;
}

.home {
    padding: 77px 0 190px;
}

.home .main {
    gap: 48px;
    position: relative;
}
.home .main section:last-child{
    width:380px;
}
.home .main section:last-child .swiper-container_2
{
    width:380px;
}

.home .title {
    font-weight: bold;
    font-size: 21px;
    color: #333333;
    line-height: 35px;
    text-align: left;
    font-style: normal;
    padding: 20px 0;
}
.home .img{
text-align:center;
}
.home .time {
    background: url(../image/time.png) no-repeat left 4px;
    background-size: 14px;
    font-weight: 400;
    font-size: 14px;
    color: #0091FF;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    padding: 0 0 20px 20px;
}

.home .info {
    padding-top: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-align: justify;
    font-style: normal;
    height: 170px;
}

.home .more {
    padding: 20px 0 90px;
    width: 78px;
    height: 37px;
}

.home .qx {
    display: flex;
}
.home .lb .info
{
    height:auto;
}
.home .qx .bt {
    width: 40px;
    height: 40px;
    background: #E7F0FC;
    border-radius: 40px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-size: 30px;
    opacity: 1;
    cursor: pointer;
    position: static;
margin-top:0;
}

.home .qx .bt:hover {
    background-color: #0091FF;
}

footer {
    background-color: #0091FF;
    height: 170px;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: left;
    font-style: normal;
}

footer .main {
    display: block;
}

footer .main .tree {
    display: flex;
    gap: 30px;
    padding-top: 24px;
}

footer .main .tree div {
    padding-right: 30px;
    position: relative;
}

footer .main .tree div a{
color:#fff;
}

footer .main .tree div:first-child {
    width: 450px;
}

footer .main .tree div:last-child {
    padding-right: 0;
    flex-grow: 0;
    width: 100px;
}

footer .main .tree div::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 43px;
    background-color: #fff;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

footer .main .tree div:last-child::after {
    display: none;
}

footer .main .copyright {
    padding-top: 20px;
    text-align: center;
}
footer .main .copyright a
{
color:#fff;
}

.jianjie {
    padding: 76px 0 80px;
    margin-bottom: 30px;
    background: url("../image/jianjiebg.png") no-repeat right top;
    background-size: contain;
    min-height:1010px;
}

.jianjie .content .h1 {
    font-size: 40px;
    font-weight: 500;
    font-family: 黑体;
    position: relative;
    height: 74px;
}

.jianjie .content .h1 b {
    position: relative;
    z-index: 1;
    line-height: 120px;
    padding-left: 50px;
}

.jianjie .content .h1::after {
    content: "";
    position: absolute;
    width: 74px;
    height: 74px;
    background-color: #0091FF;
    left: 0;
    bottom: -10px;
    z-index: 0;
    border-radius: 74px;
}

.jianjie .content .arti {
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 30px;
    text-align: justify;
    font-style: normal;
    padding-top: 40px;
    width: 680px;
}

.jianjie .content .arti b {
    color: #0091FF;
    padding: 20px 0 5px;
    display: block;
}
.jianjie .content .arti p
{
padding-bottom:20px;
}

.jianjie .content .arti_logo {
    width: 512px;
    height: 512px;
    margin: 60px 0 0 40px;
}

.jianjie .content .artic {
    min-height: 700px;
    padding: 60px 0 0;
display: flex;
}
.jianjie .content .news
{
display: block;
}

.jiagou {
    background-image: url(../image/jianjie_leftbg.png);
    background-position: 0 center;
}

.nobg {
    background: none;
}

.jiagou .main .content {
    margin: 0 auto;
}

.ndlist {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
}

.ndlist li {
    flex: 1 1 calc(50% - 28px);
    width: 586px;
    height: 360px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px -5px rgba(200, 220, 229, 0.2);
    padding: 30px;
    box-sizing: border-box;
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    text-align: left;
    font-style: normal;
list-style:none;
}

.ndlist li:nth-child(2n) {
    margin-right: 0;
}

.newslist {
    padding-top: 0;
}

.newslist .content {
    width: 100%;
}

.newslist .ndlist {
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
}
.newslist .yearlist{
    text-align: right;
    padding-bottom: 20px;
}

.newslist .year-select
{
    /* 设置边框为虚线 */
            border: 1px dashed #ccc;
            /* 移除默认外边框 */
            outline: none;
            /* 设置内边距 */
            padding: 8px 40px 8px 32px;
            /* 设置背景色为白色 */
            background-color: #F1F1F6;
            /* 设置字体大小和颜色 */
            font-size: 16px;
            color: #333;
            /* 设置圆角 */
            border-radius: 100px;
            /* 宽度自适应内容 */
            width: auto;
            /* 光标样式 */
            cursor: pointer;
            /* 自定义下拉箭头 */
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAABYj/tYkP5YkP2XgZoAAAAAA3RSTlMAQL9R0SXGAAAAPklEQVQIHQXBwQ2AIBQFsOY5EKuzgYziABw4kkj8tu6qL4PSqnYWJ5OZw8pLTzG4PzEKbYt1xJziLPF2F54fYZYesU6GJ28AAAAASUVORK5CYII=");
            background-size:14px;
            background-repeat: no-repeat;
            background-position: right 8px center;
}

.newslist .ndlist li {
    flex: 1;
    width: 100%;
    padding: 50px;
}
.newslist .ndlist li a
{
    display: flex;
    gap: 30px;
}

.newslist .ndlist li img {
    width: 496px;
    height: 318px;
}

.newslist .ndlist li h2 {
    height: 120px;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
    line-height: 35px;
    text-align: left;
    font-style: normal;
    margin: 0;
}

.newslist .ndlist li .nr {
    height: 117px;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 39px;
    text-align: justify;
    font-style: normal;
    padding-bottom: 30px;
}

.newslist .ndlist li .time {

    background: url(../image/time_1.png) no-repeat left 6px;
    background-size: 28px;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    text-align: left;
    font-style: normal;
    padding-left: 32px;
}


.gotop {
    position: fixed;
    bottom: 190px;
    width: 71px;
    height: 71px;
    left: 50%;
    margin-left: 650px;
}

.gotop img {
    width: 100%;
    height: 100%;
}



.gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            grid-auto-rows: 250px;
            grid-gap: 20px;
            grid-auto-flow: dense;
            margin-top:70px;
        }
        
        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            background-color: #fff;
        }
        
        .gallery-item.loading {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ecf0f1;
        }
        
        .gallery-item.loading::after {
            content: "加载中...";
            color: #7f8c8d;
            font-size: 1.1rem;
        }
        
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }
        
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .gallery-item:hover img {
            transform: scale(1.05);
        }
        
        .gallery-item .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            color: white;
            padding: 20px;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }
        
        .gallery-item:hover .overlay {
            transform: translateY(0);
        }
        
        .gallery-item h3 {
            font-size: 1.2rem;
            margin-bottom: 5px;
        }
        
        .gallery-item p {
            font-size: 0.9rem;
            opacity: 0.9;
        }
        
        /* 响应式调整 */
        @media (max-width: 1280px) {
            .gallery {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            }
        }
        
        @media (max-width: 768px) {
            .gallery {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
                grid-auto-rows: 180px;
            }
            
            h1 {
                font-size: 2.2rem;
            }
        }
        
        @media (max-width: 480px) {
            .gallery {
                grid-template-columns: 1fr;
            }
        }

.atricontent{
margin-top:70px;
font-weight: 400;
font-size: 28px;
color: rgba(0,0,0,0.85);
line-height: 47px;
text-align: justify;
font-style: normal;
}
.atricontent h1{
font-weight: bold;
font-size: 56px;
color: rgba(0,0,0,0.85);
line-height: 78px;
text-align: left;
font-style: normal;
}
.atricontent img{
width: 100% !important;
  margin: 40px 0 30px;
  height: auto !important;
}
.atricontent p{
    margin:30px 0;
}
.atricontent .url{
font-size: 24px;
color: #7E7E7E;
line-height: 29px;
letter-spacing: 2px;
text-align: left;
font-style: normal;
margin-top: 50px;
}
.atricontent .time{
font-size: 22px;
color: #7E7E7E;
line-height: 27px;
letter-spacing: 2px;
text-align: left;
font-style: normal;
margin-bottom: 40px;
}
.lxcon
{
    width:100%;
}
.lxcon ul li{
    display: flex;
font-weight: 400;
font-size: 24px;
color: rgba(0,0,0,0.85);
line-height: 21px;
text-align: left;
font-style: normal;
width:100%;
position: relative;
margin:0 0 20px;
}
.lxcon ul li .img
{
    margin-right: 70px;
}
.lxcon ul li .img img{
    width:573px;
border-radius: 20px;
}
.lxcon ul li h2{
font-weight: 500;
font-size: 36px;
color: rgba(0,0,0,0.85);
line-height: 54px;
text-align: left;
font-style: normal;
}
.lxcon ul li h2 img
{
width: 100px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 10px;
}
.lxcon ul li p
{
    padding-bottom: 36px;
}
.lxcon ul li p img{
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin-right: 20px;
}
.lxcon ul li .right{
    position: relative;
    width:100%;
}
.lxcon ul li .right .if{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width:100%;
}
.lxcon ul li:last-child{
    background-color: #0091FF;
    padding:28px 0 100px;
    color:#fff;
}
.lxcon ul li:last-child::after{
    content:"";
    width:100px;
    height:100%;
    left:-100px;
    top:0;
    position: absolute;
    background-color: #0091FF;
    border-radius: 32px 0 0 0;
}
.lxcon ul li:last-child::before{
    content:"";
    width:100px;
    height:100%;
    right:-100px;
    top:0;
    position: absolute;
    background-color: #0091FF;
    border-radius: 0 32px 0 0;
}
.lxwm
{
    background: none;
    padding-bottom: 0;;
}
.lxcon ul li:last-child p a{
    color:#fff;
}

.banner .swiper-pagination-bullet
{
    background: #fff;
    border: 2px solid transparent;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.banner .swiper-pagination-bullet-active
{
    background-color: transparent;
    border-color: #fff;
}
.page .page a
{
border: 0;
  width: 260px;
  height: 60px;
  display: block;
  background: #0091FF;
  border-radius: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #fff;
  margin: 0 auto;
}