@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
    margin: 0
}

ul,
ol {
    list-style-type: none
}

a {
    text-decoration: none
}

img {
    border: 0
}

.qingchu {
    clear: both
}

h2 {
    font-family: "微软雅黑";
}

.ov2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #ffffff;
    font-family: "微软雅黑";
    font-size: 18px;
    margin-top: 10px;
}

.ov3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #343434;
    font-family: "微软雅黑";
    font-size: 18px;
}

.ov4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    color: #333333;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 30px;
}

.ov5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333333;
    font-family: "微软雅黑";
    font-size: 22px;
}

.bt {
    width: 998px;
    margin: auto;
    height: 115px;  
}



.sp {
    width: 930px;
    margin: auto;
    height: 500px;
    position: relative
}

h2 .da {
    text-align: left;
    margin-bottom: 50px; 
}

body {
    background-color: #5fabff;
}

.zgwlmtlt { width: 100%; max-width: 1920px; margin: auto; position: relative;  background: url(nazxbg.jpg) no-repeat top;  background-size: auto;}
.one{ width: 998px;margin: auto; height: 1526px; position: relative;}
.two { width: 998px; margin: auto; height: 880px; overflow: hidden; background:url(dtlwbt.png) no-repeat}
.twotop { width: 900px; margin: auto;  margin-top: 45px;}
.slider { display: flex; align-items: center; width: 100%; overflow: hidden;}
.slider-images {width:593px; position: relative; height: 393px; }
.slider-images img { width: 593px; height: 393px; display: none;}
.slider-images .dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(204, 204, 204, 0) 100%); padding:5px 60px 5px 60px ;}
.slider-images .dots span { display: inline-block; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%; margin: 0 6px; cursor: pointer; }
.slider-images .dots span.active { background-color: #e6242c;}
.slider-content { width: 310px; height: 393px; background-color: #ffffff;}
.slider-content ul{ margin-top: 32px;}
.slider-content ul li{ width: 266px; margin: auto;}
.slider-content h2{ margin-bottom: 15px;}
.slider-content h2,.slider-content p { display: none;}
.slider-content span{ color: #61dcb1; font-family: "微软雅黑"; font-size: 14px;}

.twodown{ width: 900px; margin: auto; margin-top: 40px; overflow: hidden;}
.twodown ul{ width: 1100px;}
.twodown ul li{ float: left; width: 280px; margin-right: 30px;}
.twodown ul li img{ width: 280px; height: 187px;}

.three { width: 998px; margin: auto; height: 768px;  background:url(qsjsbt.png) no-repeat; margin-top:70px; position: relative;}
.threelie { width: 900px; margin: auto; overflow: hidden;}
.threeliet{ width: 900px; margin: auto; margin-top: 45px; display: flex; justify-content: space-between;}
.three .ssgjl { width: 450px; height: 302px; position: relative; display: inline; overflow: hidden;}
.three .ssgjl img { width: 450px; height: 302px; position: absolute; left: 0; top: 0; }
.three .ssgjl h2 { width: 434px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding: 15px}

.three .ssgjr {  width: 420px; height: 302px; display: inline;}
.three .ssgjr ul li { width: 420px; height: 92px; overflow: hidden; margin-bottom: 13px;}
.three .ssgjr ul li .ssggw { float: left;  width: 282px; height: 92px; background-color: #ffffff;}
.three .ssgjr ul li h2 { width: 250px; margin: auto; margin-top: 16px; margin-left: 16px;}
.three .ssgjr ul li img { float: right; width: 138px; height: 92px;}
.three .ssgjr ul li .ssggw:hover{ background-color: #32dfb3; }
.three .ssgjr ul li .ssggw:hover h2{ color: #ffffff;}

.threelied { width: 900px;  margin: auto; margin-top: 40px; overflow: hidden;}
.threelied ul { display: flex; flex-wrap: nowrap; gap:30px;}
.threelied ul li {  width: 280px}
.threelied ul li img {  width: 280px; height: 158px;}

.four { width: 998px; margin: auto; height: 1288px; overflow: hidden;  background:url(tsnabt.png) no-repeat; margin-top:70px}
.fourlie { width: 900px; margin: auto}
.tablie { width: 900px; margin: auto; margin-top: 55px;}
/* 新增 tab 切换样式 */
.tab-nav {  list-style-type: none;  padding: 0;  margin: 0; display: flex; justify-content: center; gap: 40px;}
.tab-nav li { cursor: pointer;  background-color: #3681da; font-family: "微软雅黑"; font-size: 36px; color: #ffffff; border-radius: 20px 20px 0 0; text-align: center; padding: 20px 50px 20px 50px;  font-weight: bold;}
.tab-nav li.active { background-color: #e8ffd3; color: #3681da; font-family: "微软雅黑"; font-size: 36px; font-weight: bold; }
.tab-content { padding: 20px;  display: none; background: #e8ffd3;}
.tab-content.active {  display: block;}
.sevendt { padding-top: 46px; width: 820px; margin: auto;}  

.tab-content ul { width: 820px; margin: auto;}
.tab-content ul li {  width: 100%; margin-bottom: 20px;}
.fourliet{ width: 820px; margin: auto; margin-top: 45px; display: flex; justify-content: space-between;}
.four .ssgjl { width: 450px; height: 302px; position: relative; display: inline; overflow: hidden;}
.four .ssgjl img { width: 450px; height: 302px; position: absolute; left: 0; top: 0; }
.four .ssgjl h2 { width: 434px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding: 15px}

.four .ssgjr {  width: 350px; height: 302px; display: inline;}
.four .ssgjr ul li { width: 350px; height: 92px; overflow: hidden; margin-bottom: 13px;}
.four .ssgjr ul li .ssggw { float: left;  width: 212px; height: 92px; background-color: #ffffff;}
.four .ssgjr ul li h2 { width: 170px; margin: auto; margin-top: 10px;}
.four .ssgjr ul li img { float: right; width: 138px; height: 92px;}
.four .ssgjr ul li .ssggw:hover{ background-color: #3681da; }
.four .ssgjr ul li .ssggw:hover h2{ color: #ffffff;}

.fourlied { width: 820px;  margin: auto; margin-top: 40px; overflow: hidden;}
.fourlied ul { display: flex; flex-wrap: nowrap; gap: 28px;}
.fourlied ul li {  width: 255px}
.fourlied ul li img {  width: 255px; height: 455px;}
.fourlied ul li h2{ color: #333333;}


.five { width: 998px; margin: auto; height: 561px; position: relative;  background:url(nayda.png) no-repeat; margin-top:70px}
.fivelie{width: 900px; margin: auto; margin-top: 55px; overflow: hidden}
.image-container { display: flex; height: 340px; box-sizing: border-box;}
.image-item { width: 75px; height: 340px; overflow: hidden; transition: width 0.3s ease, height 0.3s ease; position: relative;}
.image-item img { width: 100%; height: 100%; object-fit: cover; box-sizing: border-box;}
.image-item.expanded {   width: 450px !important;height: 340px !important; z-index: 1 !important; } 
.image-item .djzk{ position: absolute; top: 0px; left: 0px; cursor: pointer}
.image-item h2{  writing-mode: vertical-lr; text-orientation: upright; letter-spacing: 2px; color: #ffffff;  height: 300px; z-index: 1; position: absolute; top: 15px; left: 15px}
.djzk span{ width: 75px; height: 300px; background: linear-gradient(to bottom, #112f66, rgba(0, 0, 255, 0)); display: block; position: absolute; top: 0; left: 0;}


.six { width: 998px; margin: auto; height: 768px; overflow: hidden;  background:url(wynadgs.png) no-repeat; margin-top:70px}
.sixlie { width: 900px; margin: auto}
.sixliet{ width: 900px; margin: auto; margin-top: 45px; display: flex; justify-content: space-between;}
.six .ssgjl { width: 450px; height: 302px; position: relative; display: inline; overflow: hidden;}
.six .ssgjl img { width: 450px; height: 302px; position: absolute; left: 0; top: 0; }
.six .ssgjl h2 { width: 434px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding: 15px }

.six .ssgjr {  width: 420px; height: 302px; display: inline;}
.six .ssgjr ul li { width: 420px; height: 92px; overflow: hidden; margin-bottom: 13px;}
.six .ssgjr ul li .ssggw { float: left;  width: 282px; height: 92px; background-color: #ffffff;}
.six .ssgjr ul li h2 { width: 250px; margin: auto; margin-top: 10px; margin-left: 16px;}
.six .ssgjr ul li img { float: right; width: 138px; height: 92px;}
.six .ssgjr ul li .ssggw:hover{ background-color: #32dfb3; }
.six .ssgjr ul li .ssggw:hover h2{ color: #ffffff;}

.sixlied { width: 900px;  margin: auto; margin-top: 40px; overflow: hidden;}
.sixlied ul { display: flex; flex-wrap: nowrap; gap:30px;}
.sixlied ul li {  width: 280px}
.sixlied ul li img {  width: 280px; height: 158px;}

.seven { width: 998px; margin: auto; height: 721px; overflow: hidden;  background:url(aidmjk.png) no-repeat; margin-top:70px}
.sevenlie{ width: 920px; margin: auto;display: flex; align-items: center; justify-content: space-between; margin-top: 55px;}
.lan,.ran { cursor: pointer; font-size: 24px; width: 50px; height: 100px;}
.sevenlie ul { width: 775px; transition: transform 0.3s ease;list-style-type: none;display: flex;justify-content: space-between}
.sevenlie ul li { width: 361px; margin-right: 0;}
.sevenlie ul li img { width: 361px; height: 240px;}

.sevend{ width: 900px; margin: auto; margin-top: 45px;}


.footer{
    width: 100%;
    margin: auto;
    background: url(footer.png) no-repeat center;
    background-size: cover;
    height:298px;  
    margin-top:130px;
}