@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: 32px;
    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: 32px;
}

.ov4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -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: 36px;
    line-height: 56px;
}
.ov6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #343434;
    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: 1000px; margin: auto; position: relative;  background: url(nazxbg.jpg) no-repeat top;  background-size: auto; overflow: hidden;}
.one{ width: 998px;margin: auto; height: 2535px; position: relative; overflow: hidden;}
.two { width: 998px; margin: auto; height: 1449px; overflow: hidden; background:url(dtlwbt.png) no-repeat}
.twotop { width: 900px; margin: auto;  margin-top: 45px;}
.slider {  width: 100%; overflow: hidden; height: 780px;}
.slider-images {width:900px; position: relative; overflow: hidden; height: 600px }
.slider-images img { width: 900px; height: 600px; object-fit: cover;  display: block;}
.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: 900px; height: 180px; background-color: #ffffff;}
.slider-content ul li{ width: 830px; margin: auto;}
.slider-content h2{   padding-top: 20px;}
.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: 429px; margin-right: 45px;}
.twodown ul li img{ width: 429px; height: 285px;}

.three { width: 998px; margin: auto; height: 1918px;  background:url(qsjsbt.png) no-repeat; margin-top:70px; overflow: hidden;}
.threelie { width: 900px; margin: auto; overflow: hidden;}
.threeliet{ width: 900px; margin: auto; margin-top: 45px}
.three .ssgjl { width: 900px; height: 600px; position: relative; overflow: hidden;}
.three .ssgjl img { width: 900px; height: 600px; position: absolute; left: 0; top: 0; object-fit: cover }
.three .ssgjl h2 { width: 900px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding: 15px}

.navr { width: 998px; margin: auto; height: 762px;  background:url(navr.png) no-repeat; margin-top:70px; overflow: hidden;}

.three .ssgjr {  width: 900px;}
.three .ssgjr ul li { width: 900px; height: 198px; overflow: hidden; margin-top: 30px;}
.three .ssgjr ul li .ssggw { float: left;  width: 604px; height: 198px; background-color: #ffffff;}
.three .ssgjr ul li h2 { width: 550px; margin: auto; margin-top: 30px;}
.three .ssgjr ul li img { float: right; width: 296px; height: 198px;}
.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:40px;}
.threelied ul li {  width: 429px}
.threelied ul li img { width: 429px; height: 285px;}

.four { width: 998px; margin: auto; height: 2235px; 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: 10px 20px 10px 20px;  display: none; background: #e8ffd3;}
.tab-content.active {  display: block;}


.tab-content ul { width: 900px; margin: auto;}
.tab-content ul li {  width: 100%; margin-bottom: 20px;}
.fourliet{ width: 810px; margin: auto; margin-top: 45px}
.four .ssgjl { width: 810px; height: 600px; position: relative; overflow: hidden;}
.four .ssgjl img { width: 810px; height: 600px; position: absolute; left: 0; top: 0; }
.four .ssgjl h2 { width: 810px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding: 15px;}

.four .ssgjr {  width: 810px;}
.four .ssgjr ul li { width: 810px; height: 198px; overflow: hidden; margin-top: 25px;}
.four .ssgjr ul li .ssggw { float: left;  width: 543px; height: 198px; background-color: #ffffff;}
.four .ssgjr ul li h2 { width: 452px; margin: auto; margin-top: 30px;}
.four .ssgjr ul li img { float: right; width: 266px; height: 198px;}
.four .ssgjr ul li .ssggw:hover{ background-color: #32dfb3; }
.four .ssgjr ul li .ssggw:hover h2{ color: #ffffff;}

.fourlied { width: 810px;  margin: auto; margin-top: 25px; overflow: hidden;}
.fourlied ul { display: flex; flex-wrap: nowrap; gap: 42px;}
.fourlied ul li {  width: 384px}
.fourlied ul li img {  width: 384px; height: 678px;}
.fourlied ul li h2{ color: #333333;}


.five { width: 998px; margin: auto; height: 561px;  background:url(nayda.png) no-repeat; margin-top:70px;overflow: hidden;}
.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: 10px; left: 10px}
.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: 1938px; overflow: hidden;  background:url(wynadgs.png) no-repeat; margin-top:70px}
.sixlie { width: 900px; margin: auto; overflow: hidden;}
.sixliet{ width: 900px; margin: auto; margin-top: 45px}
.six .ssgjl { width: 900px; height: 600px; position: relative; overflow: hidden;}
.six .ssgjl img { width: 900px; height: 600px; position: absolute; left: 0; top: 0; }
.six .ssgjl h2 { width: 900px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding: 15px}

.six .ssgjr {  width: 900px;}
.six .ssgjr ul li { width: 900px; height: 198px; overflow: hidden; margin-top: 30px;}
.six .ssgjr ul li .ssggw { float: left;  width: 604px; height: 198px; background-color: #ffffff;}
.six .ssgjr ul li h2 { width: 550px; margin: auto; margin-top: 30px;}
.six .ssgjr ul li img { float: right; width: 296px; height: 198px;}
.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:40px;}
.sixlied ul li {  width: 429px}
.sixlied ul li img { width: 429px; height: 285px;}

.seven { width: 998px; margin: auto; height: 786px; 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:831px;  
    margin-top:130px;
}