#active_1 {color: #3974af;text-decoration: underline;text-decoration-thickness: 2px;text-decoration-color: #3974af;text-underline-offset: 15px;}
/* --------------------------------------- */
.Product_Display {display: flex;}
.sidebar {width: 220px;border-right: 2px solid #d0d0d0;position: relative;text-align: right;margin-right: 10px;}
.sidebar ul {list-style-type: none;padding: 0;}
.sidebar li {margin: 20px 0;transition: color 0.3s ease;cursor: pointer;position: relative;padding-right: 30px;font-size: 14px;color: #333;}
.sidebar li::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 3px;border-radius: 25px;background-color: transparent;transition: background-color 0.3s ease;margin-right: 5px;}
.sidebar li.active::after,.sidebar li:hover::after {background-color: #0071BC;}
.sidebar li.active,.sidebar li:hover {color: #0071BC;font-weight: bold;}
.content_area {flex-grow: 1;position: relative;overflow: auto;width: 100%;background-color: #fff;}
.content-item img {width: 100%;}
.content-item {display: none;position: relative;width: 100%;height: auto;transition: opacity 0.5s ease;text-align: center;}
.content-item a p {font-size: 14px;padding: 10px;color: #666;}
.content-item.active {display: block;opacity: 1;}
.content-item:not(.active) {opacity: 0;}
/* ------------------------------------------------- */
.grid-container {display: flex;flex-wrap: wrap;width: 100%;gap: 10px;justify-content: center;}
#grid_Two_columns {width: calc(50% - 5px);}
.grid-item {background-color: #f0f0f0;box-sizing: border-box;}
.grid-item img {width: 100%;}
/* -------------------三图轮播---------------- */
.carousel-container {margin: 20px auto 30px;position: relative;overflow: hidden;background: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);border-radius: 10px;}
.carousel-wrapper {display: flex;transition: transform 0.5s ease-in-out;}
.carousel-slide {flex: 0 0 33.333%;padding: 10px;position: relative;}
.carousel-slide a {display: block;text-decoration: none;color: inherit;}
.carousel-slide img {width: 100%;object-fit: cover;border-radius: 8px;cursor: pointer;transition: transform 0.3s ease;}
.carousel-slide:hover img {transform: scale(1.03);}
.carousel-slide p {text-align: center;color: #666;font-size: 14px;transition: color 0.3s ease;}
.carousel-slide:hover p {color: #3974af;}
.carousel-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0, 0, 0, 0.5);color: white;border: none;padding: 15px 20px;cursor: pointer;font-size: 18px;z-index: 10;border-radius: 5px;transition: all 0.3s ease;opacity: 0;visibility: hidden;}
.carousel-container:hover .carousel-btn {opacity: 1;visibility: visible;}
.carousel-btn:hover {background: rgba(0, 0, 0, 0.8);}
.carousel-btn.prev {left: 10px;}
.carousel-btn.next {right: 10px;}
.carousel-indicators {display: flex;justify-content: center;gap: 10px;padding: 5px 0 10px;}
.indicator {width: 8px;height: 8px;border-radius: 50%;background: #ddd;cursor: pointer;transition: background 0.3s ease;}
.indicator.active {background: #333;transform: scale(1.2);}
/* 响应式设计 */
@media (max-width: 768px) {.carousel-slide {flex: 0 0 100%;}.carousel-btn {display: none;}}
@media (min-width: 769px) and (max-width: 1024px) {.carousel-slide {flex: 0 0 50%;}}
/* ------------------------------------------- */
.xw_tt {border-bottom: 2px solid #ccc;padding: 15px 0;}
.xw_tt a {display: flex;justify-content: space-between;align-items: center;}
.xw_tt a h3 {color: #000;}
.xw_tt a .button {background: none;border: 2px solid #227ab0;color: #227ab0;padding: 8px 20px;border-radius: 10px;cursor: pointer;font-size: 14px;}
/* 主容器：不再强制全屏，高度由内容撑开 */
.gyjy {background: url("http://www.jieyantech.com/xinzhuye/img/gy_b.jpg") center/cover no-repeat;padding: 80px 0;}
/* 半透明内容块 */
.gyjy_nr {width: 80%;max-width: 1000px;margin: 0 auto;padding: 50px 40px;background-color: rgba(50, 128, 176, .7);color: #fff;text-align: center;border-radius: 6px;}
.gyjy_nr h3 {display: inline-block;font-size: 26px;font-weight: normal;padding-bottom: 10px;border-bottom: 2px solid rgba(255, 255, 255, .8);margin-bottom: 20px;}
.gyjy_nr p {font-size: 14px;line-height: 1.8;text-align: justify;text-indent: 2em;}
/* 响应式：窄屏时减少内边距 */
@media(max-width:600px) {.gyjy {padding: 40px 0;}.gyjy_nr {width: 90%;padding: 30px 20px;}.gyjy_nr h3 {font-size: 22px;}}
/* 标题 */
.Home_Title {text-align: center;margin: 20px;}
.Home_Title h4 {font-size: 20px;margin-top: 20px;}
.Home_Title p {font-size: 14px;margin-top: 5px;color: #666;}
/* 按钮 */
.i_button {padding: 10px 10px;letter-spacing: 2px;border-radius: 25px;color: #227ab0;margin: 20px auto;text-align: center;width: 150px;border: 2px solid #227ab0;}
.i_button:hover {background-color: #227ab0;color: #ffffff;}
.i_button:hover a {color: #ffffff;}
.i_button a {color: #227ab0;font-weight: 600;}
/* 切换 */
.container_hidden {width: 100%;height: 650px;position: relative;}
.card {width: 100%;height: 100%;position: absolute;overflow: hidden;}
.card .content {width: 100%;flex: 1;text-align: center;position: relative;opacity: 0;transition: 0.6s;margin-top: 60px;}
#slide_1:checked~.card-1 {background: url(http://www.jieyantech.com/xinzhuye/img/i_b_5.jpg);}
#slide_2:checked~.card-2 {background: url(http://www.jieyantech.com/xinzhuye/img/i_b_3.jpg);}
#slide_3:checked~.card-3 {background: url(http://www.jieyantech.com/xinzhuye/img/i_b_7.png);}
#slide_4:checked~.card-4 {background: url(http://www.jieyantech.com/xinzhuye/img/i_b_6.jpg);}
#slide_5:checked~.card-5 {background: url(http://www.jieyantech.com/xinzhuye/img/i_b_4.jpg);}
#slide_6:checked~.card-6 {background: url(http://www.jieyantech.com/xinzhuye/img/i_b_2.jpg);}
#slide_1:checked~.card-1,#slide_2:checked~.card-2,#slide_3:checked~.card-3,#slide_4:checked~.card-4,#slide_5:checked~.card-5,#slide_6:checked~.card-6 {background-repeat: no-repeat;background-size: 100% 100%;background-size: cover;}
#slide_1:checked~.card-1 .content,#slide_2:checked~.card-2 .content,#slide_3:checked~.card-3 .content,#slide_4:checked~.card-4 .content,#slide_5:checked~.card-5 .content,#slide_6:checked~.card-6 .content {opacity: 1;z-index: 9;left: 0;transition-delay: 0.2s;}
.card .title {font-size: 28px;font-weight: 700;border-bottom: 3px solid #ffffff;display: inline-block;padding: 15px 0;margin: 30px 0;color: #ffffff;text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.4);}
.card .text {font-size: 14px;color: #ffffff;text-align: justify;width: 70%;line-height: 30px;letter-spacing: 3px;margin: 50px auto;text-shadow: 5px 3px 2px rgba(0, 0, 0, 0.4);}
/* 按钮 */
.a_button {text-align: center;margin-top: 100px;}
.a_button {padding: 10px 10px;letter-spacing: 2px;border-radius: 25px;color: #ffffff;font-weight: 600;margin: 20px auto;width: 150px;border: 2px solid #ffffff;}
.a_button:hover {background-color: rgba(41, 146, 205, 0.7);border: 2px solid rgba(41, 146, 205, 0.7);}
.switch_slider {width: 100%;text-align: center;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 1;}
.switch_slider .switch_slide {width: 15%;height: 5px;display: inline-flex;margin: 0 3px;border-radius: 25px;cursor: pointer;position: relative;}
.switch_slider .switch_slide .anniu {color: #ffffff;margin: 0 auto;width: 100%;}
.switch_slider .switch_slide h5 {color: #ffffff;margin-top: -55px;padding: 10px 0;background-color: rgba(41, 146, 205, 0.7);border-radius: 25px;font-size: 14px;font-weight: 500;}
.switch_slider .switch_slide::before {content: "";width: 0%;height: 100%;background-color: rgba(255, 255, 255, 0.8);border-radius: 5px;position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left;transition: transform 0.6s;}
#slide_1:checked~.switch_slider .slider-1::before,#slide_2:checked~.switch_slider .slider-2::before,#slide_3:checked~.switch_slider .slider-3::before,#slide_4:checked~.switch_slider .slider-4::before,#slide_5:checked~.switch_slider .slider-5::before,#slide_6:checked~.switch_slider .slider-6::before {width: 100%;transform: scaleX(1);}
@media(max-width:1250px) {.switch_slider .switch_slide {width: 18%;}}
@media(max-width:1000px) {.switch_slider .switch_slide {width: 19%;margin: 0;}}
@media(max-width:950px) {.switch_slider .switch_slide {width: 14%;margin: 0 5px;}.switch_slider .switch_slide h5 {margin-top: -70px;padding: 10px;border-radius: 15px;}}
@media(max-width:810px) {.card .text {width: 90%;margin: 30px auto;}.card .title {font-size: 25px;}.switch_slider .switch_slide {width: 17%;}}
@media(max-width:680px) {.card .title {font-size: 20px;}.a_button {font-size: 14px;}.switch_slider .anniu h5 {font-size: 0;overflow: hidden;}.switch_slider .anniu h5::before {content: attr(data-short);font-size: 12px;color: #fff;display: block;text-align: center;}.switch_slider .switch_slide {width: 16%;}}
@media(max-width:550px) {.switch_slider .switch_slide {width: 18.5%;margin: 0 1px;}}
@media(max-width:510px) {.switch_slider .switch_slide {width: 18.5%;margin: 0 1px;}.switch_slider .switch_slide h5 {padding: 5px;border-radius: 10px;}}
@media(max-width:460px) {.switch_slider .switch_slide {width: 17%;}.switch_slider .switch_slide h5 {margin-top: -40px;}.switch_slider .anniu h5 {font-size: 0 !important;overflow: hidden !important;}.switch_slider .anniu h5::before {content: attr(data-short-460);font-size: 12px;color: #fff;display: block;text-align: center;}}
@media(max-width:380px) {.switch_slider .switch_slide h5 {margin-top: -55px;}}
/* 单图轮播 */
.Single {display: none;}
.Single-Carousel {position: relative;overflow: hidden;margin-bottom: 20px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background-repeat: no-repeat;background-size: 100% auto;}
.Single-wrapper {display: flex;transition: transform 0.3s ease;height: 100%;}
.Single-slide {flex: 0 0 100%;min-width: 100%;box-sizing: border-box;text-align: center;}
.Single-slide img {max-width: 100%;height: auto;}
.Single-title {color: #3b7ab8;font-size: 17px;margin: 20px 0 0;letter-spacing: 1px;}
.Single-indicators {position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;gap: 8px;}
.Single-lamp {width: 8px;height: 8px;border-radius: 50%;background-color: rgba(217, 217, 217, 0.5);cursor: pointer;transition: all 0.3s ease;}
.Single-lamp.active {background-color: rgba(182, 182, 182, 0.8);transform: scale(1.1);}
@media(max-width:800px) {.Product_Display {display: none;}.Single {display: block;}}
.Single>h3 {text-align: center;margin-bottom: 15px;font-size: 20px;color: #3974af;text-shadow: 2px 2px 0 #fff, 4px 4px 0 #ddd;}
/* 查看更多 */
.button-container {text-align: center;}
.btn-more {background: #458dd5;color: white;border: none;padding: 10px 50px;border-radius: 50px;cursor: pointer;font-size: 14px;transition: all 0.3s ease;position: relative;overflow: hidden;box-shadow: 0 0 0 0 rgba(79, 172, 254, 0.7);animation: pulse 2s infinite;margin-top: 20px;margin-bottom: 10px;}
@keyframes pulse {0% {box-shadow: 0 0 0 0 rgba(79, 172, 254, 0.7);}70% {box-shadow: 0 0 0 10px rgba(79, 172, 254, 0);}100% {box-shadow: 0 0 0 0 rgba(79, 172, 254, 0);}}
.btn-more:hover {animation: none;background: #44abff;}