@charset "utf-8";
.nyban { height: 43rem; background: url(../images/wzban.jpg) no-repeat center center; position: relative; }
.nyban:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 83px; background: url(../images/bannerbg.png) no-repeat center bottom; }
.wmnyban { background-image: url(../images/wmban.jpg); }
.acgnyban { background-image: url(../images/acgban.jpg); }
.bannertxt img { margin-top: 100px; }
.wzsec1 { background-color: #ffffff; padding: 3rem 0; }
.wzsec1 .wrap { display: flex; align-items: top; justify-content: center; }
.wzsec1-left { width: 42%; float: left; margin-right: 4%; }
.wzsec1-left h2 { font-size: 2.25rem; font-weight: bold; color: #000000; text-align: left; }
.wzsec1-left h3 { font-size: 1.5rem; margin: 15px 0; line-height: 1.5; }
.wzsec1-left .imgZoom img { width: 100%; }
.wzsec1-right { width: 54%; float: left; display: flex; flex-direction: column; justify-content: end; }
.wzsec1-right ul { overflow: hidden; }
.wzsec1-right li { border: 1px #999999 solid; overflow: hidden; display: flex; align-items: center; margin-top: 10px; position: relative; }
.wzsec1-right li span { display: block; margin: 1.5rem 2rem; float: left; width: 60px; height: 60px; background: url(../images/wzico.png) no-repeat center center; background-position: 0 0; }
.wzsec1-right li h3 { font-size: 1.5rem; }
.wzsec1-right li p { color: #666666; }
.wzsec1-right li:hover { border-color: #fd6833; }
.wzsec1-right li:hover span { background-position: 0 -60px; }
.wzsec1-right li:nth-child(2) span { background-position: -60px 0; }
.wzsec1-right li:nth-child(2):hover span { background-position: -60px -60px; }
.wzsec1-right li:nth-child(3) span { background-position: -120px 0; }
.wzsec1-right li:nth-child(3):hover span { background-position: -120px -60px; }
.wzsec1-right li:nth-child(4) span { background-position: -180px 0; }
.wzsec1-right li:nth-child(4):hover span { background-position: -180px -60px; }
.wzsec1-right li:after { width: 0; height: 0; content: ""; position: absolute; right: 0; bottom: 0; border-left: 28px solid transparent; /* 使三角形向左偏移 */ border-right: 0 solid transparent; /* 使三角形向右偏移 */ border-bottom: 28px solid #999999; /* 创建三角形 */ }
.wzsec1-right li:hover:after { border-bottom-color: #fd6833; }
.wzsec2 { overflow: hidden; background-color: #f3f4f8; padding: 4rem 0; margin-top: 30px; }
.nytit { text-align: center; margin-bottom: 40px; }
.nytit h2 { font-size: 2.25rem; }
.nytit p { width: 85%; margin: 0 auto; }
.services-container { display: flex; /* 使用 Flexbox 布局 */ justify-content: space-between; /* 服务项之间均匀分布 */ gap: 0; /* 服务项之间的间距 */ background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 60px 0; }
.service { padding: 40px; transition: background-color 0.3s ease, margin 0.3s ease; flex: 1; /* 每个服务项均匀分配宽度 */ width: 33.3333%; }
.service.active { background-color: #fd7646; /* 橙色背景 */ margin-top: -30px; /* 向上移动 */ margin-bottom: -30px; /* 向下移动 */ /*box-shadow: 0 0 20px rgba(253, 110, 70, 0.3);*/
box-shadow: 0 0 10px rgba(253, 110, 70, 0.1); }
.sertit { text-align: center; display: flex; align-items: center; flex-direction: column; background: url(../images/wzimg-1.png) no-repeat center center; width: 353px; height: 289px; margin: 30px auto; max-width: 100%; background-size: contain; }
.service h2 { margin-top: 50px; color: #333; font-size: 2.25rem; }
.service p { color: #fd6833; display: flex; align-items: flex-end; }
.service p b { font-size: 3rem; line-height: 1; font-family: DINBold; }
.service ul { list-style-type: none; padding: 0; }
.service ul li { padding: 8px 0; font-size: 1.125rem; border-bottom: 1px #dddddd solid; }
.service ul li:last-child { border: 0; }
.service ul li:before { content: "·"; margin-right: 10px; }
.service ul li:after { content: "√"; margin-right: 10px; float: right; }
.service .sera { margin: 30px auto 0; border: 1px #dddddd solid; display: block; width: 255px; height: 40px; line-height: 40px; text-align: center; }
.service .sera:hover { border: 1px #ffffff solid; }
.service.active ul li { color: #ffffff; }
.service.active .sera { color: #ffffff; border-color: #ffffff; }
.wzsec3 { overflow: hidden; padding: 4rem 0; background-color: #ffffff; }
.wzsec3 .nytit p { width: 80%; margin: 0 auto; }
.article_info { overflow: hidden; margin: -1% auto; }
.article-list { position: relative; float: left; width: 31.333%; margin: 20px 1%; overflow: hidden; cursor: pointer; background-color: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.list_img { width: 100%; overflow: hidden; max-height: 390px; }
.list_img img { width: 100%; height: 100%; display: block; }
.article-list .wztxt { padding: 25px; }
.article-list .wztxt h3 { font-size: 1.125rem; }
.article-list .wztxt p { font-size: 0.875rem; }
.article-list .wztxt span { float: right; margin-top: 20px; display: block; width: 28px; height: 14px; background: url(../images/wzico-1.png) no-repeat 0 0; }
.article-list:hover .wztxt span { background-position: -28px 0; transition: 0.3s ease; }
.wzsec3a { display: block; width: 263px; height: 60px; line-height: 60px; background-color: #fd6833; font-size: 1.125rem; text-align: center; margin: 30px auto 40px; color: #ffffff; border-radius: 33px; }
.wzsec3a:hover { color: rgba(255,255,255,0.8); }
.article-list:after { content: ""; display: block; width: 0; height: 2px; background-color: #fd6833; transition: 0.3s ease; }
.article-list:hover:after { content: ""; display: block; width: 100%; }
.wzsec4 { overflow: hidden; background: url(../images/wzsec4bg.jpg) no-repeat center center; background-size: cover; padding: 4rem 0; }
.wzsec4 .nytit { color: #ffffff; }
.wzsec4 .nytit p { display: flex; align-items: center; justify-content: center; }
.wzsec4 .nytit p:before, .wzsec4 .nytit p:after { content: ""; display: inline-block; width: 20px; height: 1px; background-color: #fd6833; }
.wzsec4 .nytit p:before { margin-right: 10px; }
.wzsec4 .nytit p:after { margin-left: 10px; }
.wzsec4c { color: #ffffff; display: flex; background: url(../images/wzsec4-2.png) no-repeat center 40px; }
.wzsec4c li { width: 14.28%; text-align: center; }
.wzsec4c li span { width: 123px; height: 123px; background: url(../images/wzsec4-i1.png) no-repeat center center; display: block; margin: 0 auto; border-radius: 50%; border: 1px #ffffff solid; }
.wzsec4c li h3 { margin: 15px 0; font-size: 1.5rem; }
.wzsec4c li:nth-child(2n) span { width: 80px; height: 80px; background-size: 70%; }
.wzsec4c li:nth-child(2n-1) span { margin-top: 86px; }
.wzsec4c li:after { content: ""; display: block; width: 120px; height: 1px; }
.wzsec4c li:hover span { background-image: url(../images/wzsec4-i1h.png); border-color: #fd6833; }
.wzsec4c li:hover h3 { color: #fd6833; }
.wzsec4c li:nth-child(2) span { background-image: url(../images/wzsec4-i2.png); }
.wzsec4c li:nth-child(2):hover span { background-image: url(../images/wzsec4-i2h.png); }
.wzsec4c li:nth-child(3) span { background-image: url(../images/wzsec4-i3.png); }
.wzsec4c li:nth-child(3):hover span { background-image: url(../images/wzsec4-i3h.png); }
.wzsec4c li:nth-child(4) span { background-image: url(../images/wzsec4-i4.png); }
.wzsec4c li:nth-child(4):hover span { background-image: url(../images/wzsec4-i4h.png); }
.wzsec4c li:nth-child(5) span { background-image: url(../images/wzsec4-i5.png); }
.wzsec4c li:nth-child(5):hover span { background-image: url(../images/wzsec4-i5h.png); }
.wzsec4c li:nth-child(6) span { background-image: url(../images/wzsec4-i6.png); }
.wzsec4c li:nth-child(6):hover span { background-image: url(../images/wzsec4-i6h.png); }
.wzsec4c li:nth-child(7) span { background-image: url(../images/wzsec4-i7.png); }
.wzsec4c li:nth-child(7):hover span { background-image: url(../images/wzsec4-i7h.png); }
.wzsec5 { /*background-color: #f3f4f8;*/ padding: 4rem 0; overflow: hidden; }
.wzsec5c { display: flex; flex-direction: row; }
.wzsec51 { width: 32%; background-color: #ffffff; }
.wzsec52 { width: 32%; margin-left: 2%; background-color: #ffffff; }
.wzsec51 a { display: block; padding: 30px; }
.wzsec51 .imgZoom { margin-bottom: 10px; }
.wzsec51 .imgZoom img { width: 100%; }
.wzsec51 h3 { font-size: 1.125rem; font-weight: bold; margin: 10px 0; }
.wzsec51 p { margin-bottom: 20px; }
.wzsec51 em { font-size: 0.875rem; }
.wzsec52 ul { padding: 30px; }
.wzsec52 li { border-bottom: 1px #dddddd solid; padding: 20px 0; overflow: hidden; }
.wzsec52 li .date { float: left; line-height: 1.1; text-align: center; margin-right: 20px; }
.wzsec52 li .date span { display: block; font-size: 3.5rem; }
.wzsec52 li h3 { font-size: 1.125rem; font-weight: bold; margin-bottom: 5px; }
.wzsec52 li p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; }
.wzsec52 li:last-child { border: 0; }
.wmsec1 { background-color: #ffffff; }
.wmsec1c { display: flex; flex-wrap: wrap; margin: 0 -1%; }
.wmsec1c li { flex-grow: 1; width: 23%; margin: 0 1%; border: 1px #ffffff solid; border-radius: 5px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.wmsec1c li div { padding: 30px 30px 50px; }
.wmsec1c li span { display: block; width: 88px; height: 88px; border-radius: 50%; background: url(../images/wmsec1-1.png) #fff2ee no-repeat center center; margin: 15px auto; }
.wmsec1c li h3 { font-size: 1.5rem; margin: 10px auto; }
.wmsec1c li:nth-child(2) span { background-image: url(../images/wmsec1-2.png); }
.wmsec1c li:nth-child(3) span { background-image: url(../images/wmsec1-3.png); }
.wmsec1c li:nth-child(4) span { background-image: url(../images/wmsec1-4.png); }
.wmsec1c li:hover { border: 1px #fb6e56 solid; }
.wmsec2 { background: url(../images/wmsec2bg.jpg) no-repeat center center; background-size: cover; }
.swiper-title { background-color: #fd6834; border-radius: 50px; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 20px; }
.swiper-title li { font-size: 1.5rem; color: white; padding: 20px; width: 25%; text-align: center; position: relative; cursor: pointer; }
.swiper-title li:after { content: "|"; display: block; position: absolute; right: 0; top: 20px; }
.swiper-title li:last-child:after { display: none; }
.swipet-cct { overflow: hidden; }
.swipet-cct .swiper-slide { display: flex; justify-content: space-between; flex-direction: row; padding: 50px; }
.swipet-cct .swiper-slide .slide-left { }
.slide-left h3 { font-size: 1.875rem; font-weight: bold; margin-bottom: 20px; }
.slide-left ul li { margin-bottom: 15px; background-color: #ffffff; border-radius: 30px; padding: 10px 30px 10px 60px; font-size: 1.25rem; position: relative; }
.slide-left ul li:before { content: ""; position: absolute; left: 0; top: 20px; width: 60px; height: 21px; background: url(../images/wmsec2.png) no-repeat center center; }
.pad4 { padding: 4rem 0; }
.wmsec3 { background-color: #ffffff; }
.wmsec4 { background-color: #f3f4f8; }
.wmsec3c { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0; }
.wmsec3c li { list-style: none; background: #fff; padding: 40px; margin-bottom: 30px; width: 30%; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.wmsec3c li p { margin: 10px 0; }
.wmsec3c li h3 { font-size: 1.25rem; }
.wmsec3c li a { color: #fd6834; display: flex; align-items: center; }
.wmsec3c li a:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/wmsec3-1.jpg) no-repeat center center; margin-left: 10px; }
.wmsec3c li img { height: 26px; margin-bottom: 20px; }
.wmsec4 .wzsec3a { background-color: #434343; }
.wmsec5 { background-color: #fd632d; color: #ffffff; padding: 35px 0; }
.wmsec5 .wrap { display: flex; align-items: center; justify-content: space-between; }
.wmsec51 h2 { font-size: 2.25rem; font-weight: bold; margin-bottom: 10px; }
.wmsec51 p { font-size: 1.25rem; }
.wmsec52 { display: block; width: 210px; height: 50px; line-height: 50px; background-color: #ffffff; border-radius: 30px; text-align: center; font-size: 1.25rem; color: #fe6b38; }
.wmsec53 { width: 50%; font-size: 1.25rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.wmsec53 li span { display: block; margin: 0 auto 20px; width: 68px; height: 68px; background: url(../images/wm5-1.png) no-repeat center center; }
.wmsec53 li:nth-child(2) span { background-image: url(../images/wm5-2.png); }
.wmsec53 li:nth-child(3) span { background-image: url(../images/wm5-3.png); }
.wmsec6 {/* background-color: #f4f5f7;*/ }
.wmsec6c { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.wmsec61, .wmsec62 { width: 48%; padding: 25px; background-color: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.wmtit { font-size: 1.5rem; margin-bottom: 15px; }
.wmsec61c li { margin-bottom: 15px; }
.wmsec61c li a { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.wmsec61c li .imgZoom { margin-right: 15px; }
.wmsec61c li .txt h3 { font-size: 1.125rem; }
.wmsec61c li .txt p { margin: 10px 0; opacity: 0.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.wmsec61c li .txt span { font-size: 0.875rem; opacity: 0.8; }
.wmsec62c li { padding: 9px 0; font-size: 1.125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wmsec62c li span { float: right; font-size: 0.875rem; opacity: 0.8; }
.wmsec62c li a:before { content: "·"; margin-right: 10px; }

.acgsec1{ position: relative; }
.acgc1{ display:flex; align-items: center; justify-content: space-between; border-radius: 10px; padding: 30px; box-shadow: 0 0 20px rgba(254, 116, 74, 0.1);position: relative;
    margin-top: -120px;
    z-index: 333;
    background-color: #ffffff;gap: 20px 50px;
}
.acgc1 li{ font-size: 1.25rem; width: 23%; margin: 0 1%; border-right: 1px #dddddd dashed; }
.acgc1 li:last-child{ border-right: 0; }
.acgc1 li span{ display: block; float: left; margin-right: 15px; width: 71px; height: 71px; background: url(../images/acgc-1.png) no-repeat center center; }
.acgc1 li:nth-child(2) span{ background-image: url(../images/acgc-2.png); }
.acgc1 li:nth-child(3) span{ background-image: url(../images/acgc-3.png); }
.acgc1 li:nth-child(4) span{ background-image: url(../images/acgc-4.png); }
.acgc2{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.acgc2 li{width: 48%; margin: 0 1% 20px; padding:30px 20px; border: 1px #fd6834 solid; border-radius: 10px;background: #fffbf9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fffbf9, #fff1ed);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fffbf9, #fff1ed); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.acgc2 li h3{ font-size: 2rem; }
.acgc2 li p{ font-size: 1.5rem; }
.acgc2 li span{ display: block; float: left; margin-right: 20px; margin-top: 10px; width: 71px; height: 71px; background: url(../images/acgc2-1.png) no-repeat center center; }
.acgc2 li:nth-child(2) span{ background-image: url(../images/acgc2-2.png); }
.acgc2 li:nth-child(3) span{ background-image: url(../images/acgc2-3.png); }
.acgc2 li:nth-child(4) span{ background-image: url(../images/acgc2-4.png); }
.acgsec4 .article-list{ }

.acgsec2{ background-color: #f3f4f8; margin: 0 -1%;display: flex; flex-wrap: wrap;}
.acgsec2 li{ position: relative; margin: 0 1%; width: 23%; float: left;}
.acgsec2c li:after{ content: "";position: absolute; left: 0; top: 25%; z-index: 1; width: 100%; height: 80%; background-color: #ffffff; border-radius: 20px; }
.acgsec2c li div{ position: relative; z-index: 3; text-align: center; }
.acgsec2c li h3{ font-size: 24px; margin: 10px 0; }
.acgsec2c li span{ display: block; margin-bottom: 30px; }
.acgsec2c li h3:after{content: ""; display: block; margin: 10px auto auto; width: 16px; height: 3px; background-color: #ff6f2b;}




 @media (max-width:1410px) {
.wzsec4c { background-image: none; }
.wzsec4c li span { width: 80px; height: 80px; background-size: 70%; }
.wzsec4c li:nth-child(2n-1) span { margin-top: 0; }
}
@media (max-width:1280px) {
.service { padding: 20px; }
}
 @media (max-width:980px) {
.wzsec1-left { width: 100%; margin-right: 0; }
.wzsec1-right { width: 100%; }
.wzsec1 .wrap { flex-wrap: wrap; }
.services-container { display: block; }
.service { width: 100%; flex: auto; }
.service:nth-child(2) { margin: 20px 0; }
.article-list { width: 48%; }
.wzsec4c { flex-wrap: wrap; justify-content: space-between; }
.wzsec4c li { width: 23%; margin: 0 1%; margin-bottom: 15px; }
.wzsec5c { flex-wrap: wrap; }
.wzsec51, .wzsec52 { width: 100%; margin: 0 auto; }
.wzsec52 ul { padding: 0 30px; }
.wzsec52 li, .wzsec52 li:last-child { border-top: 1px #dddddd solid; border-bottom: 0; }
.wmsec1c { flex-wrap: wrap; }
.wmsec1c li { width: 48%; margin-bottom: 15px; }
.swipet-cct .swiper-slide { flex-direction: column; }
.slide-right { text-align: center; }
.wmsec3c li { padding: 25px; width: 48%; }
.wmsec5 .wrap { flex-direction: column; }
.wmsec51 { width: 100%; text-align: center; }
.wmsec52 { margin: 20px auto; }
.wmsec53 { width: 80%; }
.wmsec61, .wmsec62 { width: 100%; padding: 15px; }
.wmsec61 { margin-bottom: 20px; }
}
@media (max-width:640px) {
.wzsec4c li { width: 48%; }
.wzsec1-right li { flex-wrap: wrap; text-align: center; }
.wzsec1-right li span { float: none; margin: 10px auto; }
.wzsec1-right li .txt { width: 90%; margin: 0 auto 20px; text-align: center; }
.wzsec3 .nytit p { width: 100%; }
.wmsec53 li span, .wmsec1c li span { width: 50px; height: 50px; background-size: cover; }
.wmsec3c li, .article-list { width: 100%; }
.swipet-cct .swiper-slide { padding: 20px; }
.pad4 { padding: 30px 0; }
.nytit p { width: 100%; }
}