@charset "utf-8";

/*全局控制*/
*{box-sizing: border-box;}
body{margin:0;padding:0;line-height:22px;font-weight: 14px;font-family: "微软雅黑";-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img,button{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.wc{width:100%;margin: 0 auto;}
img{padding: 0;margin: 0;vertical-align: middle;display: block;}
i{font-style:normal}
.clearfix::after {content: "";display: table;clear: both;}

.ctop-wap{display: block;background-color: rgba(255, 255, 255, 0.9); /* 半透明的红色 */}
.bhead{width: 100%;}
.bhead-c{position: relative;height: 70px;line-height: 70px;padding: 3% 0;}
.bhead-c .blogo{display: block;height: 100%;margin-left: 3%;}
.mnb{position: absolute;top: 20%;right: 2%;width: 10%;}
.mnb img{width: 100%;}
.m_nav{
    position: fixed;
    top: 0px;
    box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 99999999;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
    height: 60px;
    padding: 20px;
    box-sizing: border-box;
}
.m_nav .top .closed{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    float:right;
    cursor: pointer;
}
.m_nav .logo{
    width: 100%;
    margin:0 auto;
}
.m_nav .logo img{
    height: 50px !important;
    display: block;
    margin:0 auto;
}
.m_nav .ul{
    margin-top: 30px;
}
.m_nav .ul li{
    padding: 0 20px;
    border-bottom: 1px solid #f5f5f5;
    transform: translateY(0);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
    height: 50px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(7) {
    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(8) {
    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(9) {
    -webkit-transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(10) {
    -webkit-transition: all 2.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 2.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 100%;
}
.m_nav .ul li .dropdown_menu{
    display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
    display: block;
}
.m_nav .ul li .dropdown_menu a{
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
    border: none;
}
.m_nav.open .ul .on a{color: #f68430;font-weight: bold;}
.qhead{height:70px;line-height: 70px;background-color: rgba(255, 255, 255, 0.9); /* 半透明的红色 */position: fixed;top: 0;left: auto;width: 100%;z-index: 900;display: none;}
.qhead .qlogo{float: left;margin-top: 7px;height: 55px;}
.qhead .qlogo img{height: 100%;}
.qhead ul{float: right;width: 800px;}
.qhead ul li{float: left;padding: 0 25px;text-align: center;position: relative;}
.qhead ul li a{color: #000;display: block;}
.qhead ul li.on a{color: #f68430;}
.qhead ul .sou{float: right;font-size: 24px;cursor: pointer;}

.bmySwiper{width: 100%;overflow: hidden;position: relative;}
.bmySwiper .swiper-slide { display: flex;justify-content: center;align-items: center;}
.bmySwiper .swiper-slide a{display: block;width: 100%;}
.bmySwiper .swiper-slide img { display: block; width: 100%;height: 100%;object-fit: cover;}
.bmySwiper .swiper-pagination-bullets{bottom: 3%;width: 100%;}
.bmySwiper .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;margin: 0 5px;}
.bmySwiper .swiper-pagination-bullet-active{width: 30px;border-radius: 5px;}

/* 弹出搜索 begin */
.searchBar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center}
.searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;}
.searchBar-m .mask-ico i{font-size:40px;font-weight: bold;}
.searchBar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}
.searchBar-m a:hover{color:#ff9600}
.searchBar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#6E6E6E;height:60px;line-height:60px;float:left;padding:0;font-size: 16px;}
.searchBar-m .button {width:8%;height:60px;line-height:60px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px;}
.searchBar-m .button:hover{background:url(../images/ico-search-button.png) no-repeat center 50%;}
/* 弹出搜索 end */

.sind1{background: linear-gradient(to bottom left, rgb(253, 239, 212), rgb(254, 225, 169), rgb(252, 231, 188), rgb(250, 183, 154), rgb(250, 206, 171));padding:0 3% 2% 3%;}
.stit{padding: 5% 0;font-size: 24px;}
.center{text-align: center;font-weight: bold;}
.sind1 .li{float: left;width: 48.5%;margin-right: 3%;margin-bottom:3%;background: #fef7e9;padding: 3%;border-radius: 12px;position: relative;}
.sind1 .li:nth-child(1){margin-right: 0;}
.sind1 .li:nth-child(2n+1){margin-right: 0;}
.sind1 .li .img{width:100%;height: 150px;display: flex;justify-content: center;align-items: center;margin-right: 10%;}
.sind1 .li .img img{max-width: 100%;max-height: 100%;object-fit: contain; /* 保证图片等比完整显示 */transition: transform 0.3s ease; /* 过渡动画：0.3秒完成，缓动效果更自然 */cursor: pointer; /* 可选：鼠标悬停显示手型，提升交互体验 */}
.sind1 .li .img:hover img{transform: scale(1.1); }
.sind1 .li span{display: block;font-weight: bold;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 2; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */font-size: 12px;}
.sind1 .li i{width: 30px;height: 30px;background: #fff;color: #aaa;text-align: center;line-height: 32px;display: block;border-radius: 50%;margin: 3% auto 0;}
.sind1 .li:nth-child(1){height: 320px;background: #fff;width: 100%;}
.sind1 .li:nth-child(1) .img{height: 190px;width: 100%;float: unset;}
.sind1 .li:nth-child(1) span{height: 80px;line-height: 80px;white-space: nowrap; /* 强制文本不换行 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出部分显示省略号 *//* 可选：防止容器被内容撑开 */box-sizing: border-box;text-align: center;}
.sind1 .li:nth-child(1) i{left: 50%;margin-left: -15px;background: #f7911c;color: #fff;bottom: 5%;position: absolute;}
.sind1 .li i:hover{background: #f7931d;color: #fff;}

.sind2{position: relative;overflow: hidden;}
.sind2 .swiper {width: 100%;height: 100%;}
.sind2 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.sind2 .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.sind2 .swiper {width: 100%;height: 100px;margin-left: auto;margin-right: auto;}
.sind2 .swiper-slide {background-size: cover;background-position: center;}
.sind2 .mySwiper2 {height: 80%;width: 100%;position: relative;}

.sind2 .mySwiper{box-sizing: border-box;padding: 10px 0;width: 1400px;position: absolute;bottom: 5%;left:50%;overflow: hidden;margin-left: -700px;}
.sind2 .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 1;border-radius: 5px;overflow: hidden;}
.sind2 .mySwiper .swiper-slide-thumb-active {border: 1px solid #f68430;}
.sind2 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(to right, #f19000, #f57300, #fc4c00);color: #fff;}
.mySwiper2 .swiper-button-next{right: 1%;}
.mySwiper2 .swiper-button-prev{left: 1%;}

.sind2 .swiper-slide .com{position: absolute;padding: 0 3%;}
.sind2 .swiper-slide .com p{font-size: 20px;font-weight: bold;color: #fff;line-height: 60px}
.sind2 .swiper-slide .com span{padding:0 5%;color: #fff;font-size: 12px;display: block;}
.sind2 .swiper-slide .com a{display: block;height: 35px;line-height: 35px;border-radius: 17.5px;width: 180px;text-align: center;background: #fff;font-size: 14px;margin: 5% auto 0;}

.sind3{padding: 5% 3%;background: #f4f4f4}
.sind3-c .sind3-c-l{width: 100%;}
.sind3-c .sind3-c-l .com{line-height: 26px;}
.sind3-c .sind3-c-l .com .more{margin-top: 3%;display: block;color: #f68430;font-size: 16px;}
.sind3-c .sind3-c-r{width: 100%;overflow: hidden;border-radius: 15px;position: relative;margin-top: 5%;}
.sind3-c .sind3-c-r .swiper-slide img{width: 100%;}
.sind3-c .sind3-c-r .swiper-pagination{position: absolute;bottom: 3%;text-align: center;width: 100%;}
.sind3-c .sind3-c-r .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #fff;opacity: 1;}
.sind3-c .sind3-c-r .swiper-pagination .swiper-pagination-bullet-active{background: #000}

.sind3-li{margin-top: 5%;}
.sind3-li li{width: 48.5%;margin-right:3%;float: left;}
.sind3-li li:nth-child(2n){margin-right: 0;}
.sind3-li li img{width: 100%;}
.sind3-li li p{text-align: center;white-space: nowrap; /* 强制文本不换行 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出部分显示省略号 *//* 可选：防止容器被内容撑开 */box-sizing: border-box;text-align: center;line-height: 50px;}

.sind4{padding:  0 3%;}
.sind4-c .li{width: 100%;margin-bottom: 3%;}
.sind4-c .li .img{overflow: hidden;border-radius: 10px;display: block;}
.sind4-c .li .img img{width: 100%;}
.sind4-c .li .a{margin: 10px 0;color: #000;display: block;line-height: 24px;font-weight: bold;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 3; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */}
.sind4-c .li p{font-size: 12px;color: #969696}
.sind4-c .li .more{color: #f68430;font-size: 12px;}

.sind4 .all{display: block;width: 80%;text-align: center;height: 50px;line-height: 50px;color: #fff;border-radius: 25px;background: linear-gradient(to right, #f19000, #f57300, #fc4c00);margin: 3% auto 5%;}

.sfoot{background: #333333;padding: 5% 0;border-bottom: 1px solid #3d3c3c}
.sfoot-l{width:100%;color: #fff;padding:0 3%;}
.sfoot-l h3{height: 90px;line-height: 60px;background: url(../images/logo.png)no-repeat top left;background-size: auto 60px;padding-top: 70px;font-size: 14px;}
.sfoot-l .com{padding-top: 8%;line-height: 32px;color: #cacaca;font-size: 14px;}
.sfoot-r{width: 100%;margin-top: 5%;}
.sfoot-r img{width: 40%;margin-left:5%;float: left;}

.sbot{text-align: center;color: #fff;font-size: 14px;background:#333;padding: 0 3%;padding: 5%;}

.bannerimg{position: relative;}
.bannerimg img{width: 100%;}
.bannerimg .com{width: 100%;height: 100%;background: linear-gradient(to right, rgba(241, 144, 0, 1), rgba(252, 75, 0, 1));color: #fff}
.bannerimg .com .conss{width: 100%;margin: 0 auto;line-height: 30px;font-size: 14px;padding: 5% 3%;position: relative;}
.bannerimg .com .conss .i1{width: 40px;position: absolute;top: 0;left:0;display: none;}
.bannerimg .com .conss .i2{width: 40px;position: absolute;bottom: 0;right:0;display: none;}

.aboutimg{padding: 0 3%;}
.aboutimg .li{float: left;width: 48.5%;margin-right: 3%;margin-bottom: 3%;padding: 3% 3% 0 3%;border: 1px solid #e7e7e7;border-radius: 10px;text-align: center;}
.aboutimg .li img{width: 100%;}
.aboutimg .li p{line-height: 40px;font-size: 14px;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 1; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */}
.aboutimg .li:nth-child(2n){margin-right: 0;}

.scom{padding-bottom: 3%;}
.aboutpro{background: #fcfbfa;}
.aboutpro .momre{font-size: 16px;color: #7a7d8c;display: block;margin: 0 auto;text-align: center;}

.aboutpro{padding: 0 3%;}
.aboutpro ul{margin-top: 5%;}
.aboutpro ul li{float: left;width: 48.5%;margin-right: 3%;margin-bottom: 3%;height: 47px;border:1px solid #dcdbdb;border-radius: 8px;justify-content: center;font-size: 12px;display: flex;align-items: center;padding: 0 5px;line-height: 18px;text-align: center;}
.aboutpro ul li:nth-child(2n){margin-right: 0;}
.aboutpro ul li.on{background: linear-gradient(to right, #f19000, #f57300, #fc4c00);color: #fff}
.aboutpro ul li.on a{color: #fff}

.aboutpro .all{}
.aboutpro .all .li{display: none;padding-top: 2%;}
.aboutpro .all .li:nth-child(1){display: block;}
.aboutpro .all .li .liou{position: relative;overflow: hidden;}
.aboutpro .all .li .swiper-wrapper{margin-bottom: 5%;}
.aboutpro .all .li .liou .swiper-slide{border: 1px solid #e7e7e7;background: #fff;padding:3%;border-radius:10px;}
.aboutpro .all .li .liou .swiper-slide .img{height: 200px;display: block;float: unset;display: flex;align-items: center;justify-content: center;}
.aboutpro .all .li .liou .swiper-slide .img img{max-width: 100%;max-height: 100%;}
.aboutpro .all .li .liou .swiper-slide p{font-size: 16px;font-weight: bold;}
.aboutpro .all .li .liou .swiper-slide .a{height: 50px;line-height: 25px;display: block;font-size: 14px;margin-top: 3%;}
.aboutpro .all .li .liou  .swiper-button-next, .aboutpro .all .li .liou .swiper-button-prev{width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(to right, #f19000, #f57300, #fc4c00);color: #fff;margin-top: -30px;}
.aboutpro .all .li .liou  .swiper-button-next{right: 1%;left: auto;}
.aboutpro .all .li .liou  .swiper-button-prev{left: 1%;right: auto;}
.aboutpro .all .li .liou  .swiper-button-next.swiper-button-disabled, .aboutpro .all .li .liou  .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}


.pro{padding: 3% 0;}
.pro-l{width: 100%;}
.pro-l h3{text-align: center;height: 60px;line-height: 60px;font-size: 20px;color: #fff;background: #f87b1e}
.pro-l ul{padding: 3%;}
.pro-l ul li{float: left;width: 48.5%;margin-right: 3%;margin-bottom: 3%;height: 47px;border:1px solid #dcdbdb;border-radius: 8px;justify-content: center;font-size: 12px;display: flex;align-items: center;padding: 0 5px;line-height: 18px;text-align: center;}
.pro-l ul li:nth-child(2n){margin-right: 0;}
.pro-l ul li.on{background: linear-gradient(to right, #f19000, #f57300, #fc4c00);color: #fff}
.pro-l ul li.on a{color: #fff}

.pro-r{width: 100%;padding: 0 3%;}
.pro-r .li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;float: left;border: 1px solid #e7e7e7;border-radius: 10px;padding: 3%;}
.pro-r .li:nth-child(2n){margin-right: 0;}
.pro-r .li .img{display: block;width: 100%;height: 150px;float: unset;display: flex;align-items: center;justify-content: center;}
.pro-r .li .img img{max-width: 100%;max-height: 100%;object-fit: contain;transition: transform 0.3s ease;}
.pro-r .li .img:hover img{transform: scale(1.1);}
.pro-r .li p{font-weight: bold;font-size: 16px;margin-top: 3%;}
.pro-r .li .a{display: block;height: 50px;margin-top: 5%;font-size: 12px;line-height: 25px;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 2; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */}

.text-center{text-align: center;padding: 5% 0 0;font-size: 14px;}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li {margin:0 3px;font-size:12px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:4px 8px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#f87b1e;color:#fff;border:1px solid #f87b1e;}

.spro{background: #f5f5f5;padding: 3% 3% 5%;}
.spro-l{width: 100%;}
#magnifier {
  position: relative;
  width: 100%;
}
.small-box {
  position: relative;
  width: 100%;
  height: 300px;
  margin-bottom: 3%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
}
.small-box img {
  display: block;
}
.small-box .hover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border: 1px solid #aaa;
  background: #0099ff;
  opacity: .5;
  filter: alpha(opacity: 50);
  cursor: move;
}
.thumbnail-box {
  position: relative;
  width: 100%;
}
.thumbnail-box .btn {
  position: absolute;
  top: 60%;
  width: 11px;
  height: 16px;
  margin-top: -16px;
}
.thumbnail-box .btn-prev {
  left: 0;
  background: url(../images/btn_prev.png) no-repeat;
  background-size: 100%;
}
.thumbnail-box .btn-next {
  right: 0;
  background: url(../images/btn_next.png) no-repeat;
  background-size: 100%;
}
.thumbnail-box .list {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.thumbnail-box .wrapper {
  width: 100000px;
}
.thumbnail-box .list .item {
  float: left;
  margin: 0 5px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
}
.thumbnail-box .list .item img{max-width: 100%;  float: unset;max-height: 100%;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item{
  border: 1px solid #fff;
}
.thumbnail-box .list .item-cur{
  border: 1px solid #f87b1e;
}
.big-box {
  display: none;
  overflow: hidden;
  position: absolute;
  left: 451px;
  top: 0;
  width: 540px;
  height: 540px;
  border: 1px solid #e4e4e4;
}
.big-box img {
  display: block;
}


.spro-r{width: 100%;}
.spro-r .span{display: inline-block;margin-top: 5%;padding: 0 5%;height: 36px;line-height: 36px;border-radius: 5px;background: #f87b1e;color: #fff}
.spro-r h3{margin-top: 3%;font-size:20px;line-height: 32px;}
.spro-r .div{padding: 3% 0;color: #969696;font-size: 14px;}
.spro-r p{line-height: 32px;font-weight: bold;font-size: 14px;}
.spro-r ul{margin-top: 3%;}
.spro-r ul li{float: left;height: 34px;line-height: 34px;padding: 0 20px;background: #ebe7e4;margin-right:2%;border-radius: 5px;margin-bottom: 2%;font-size: 14px;}
.spro-r .sdown{margin-top: 5%;position: relative;}


/* 进度条样式 */
.download-container {
    margin: 20px;
    padding: 20px;
    max-width: 400px;
}
#downloadBtn {
    padding: 10px 20px;
    background: linear-gradient(to right, #f19000, #f57300, #fc4c00);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#downloadBtn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}
.progress-bar {
    width: 100%;
    height: 8px;
    background: #e9ecef;
    border-radius: 4px;
    margin: 10px 0;
    display: none;
    overflow: hidden;
}
.progress-fill {
    height: 100%;
    background: #28a745;
    width: 0%;
    transition: width 0.2s ease;
}
#statusText {
    color: #666;
    font-size: 14px;
}

.scomcon{background: #e5e5e5;padding:5%;border-radius: 3px;width: 96%;margin: 0 auto 5%;}

.simg21{padding: 0 3%;}
.simg21 li{width: 100%;margin-right: 5%;margin-bottom: 2%;}
.simg21 li:nth-child(2n){margin-right: 0;}
.simg21 li p{text-align: center;font-weight: bold;font-size: 14px;margin: 3%;}

.snews{padding: 5% 3%;}
.snews .newsli{width:48.5%;float: left;margin-right: 3%;margin-bottom: 3%;}
.snews .newsli:nth-child(2n){margin-right: 0;}
.snews .newsli img{width: 100%;border-radius: 10px;}
.snews .newsli .a{font-weight: bold;font-size: 14px;margin-top: 3%;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 2; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */height: 50px;line-height: 25px;}
.snews .newsli p{font-size: 12px;color: #969696;margin-top: 2%;}
.snews .newsli .more{font-size: 12px;color: #f68430;margin-top: 2%;}

.newshow{padding: 3% 0 5%;border-top: 1px solid #f5f5f5}
.newshow .l{width: 100%;padding: 0 3%;}
.newshow .l .top h3{font-size: 16px;padding: 3% 0;text-align: center;}
.newshow .l .top {padding-bottom: 5%;border-bottom: 1px dashed #dcdcdc;font-size: 12px;}
.newshow .l .top .sub{line-height: 35px;color: #999;text-align: center;}
.newshow .l .top .sub span{margin-left: 30px;}
.newshow .l .nconn{padding: 25px 0;}
.newshow .l .c{padding: 3% 0;}

.page_pn{border-top: 1px solid #dcdcdc;padding-top: 3%;line-height: 30px;}
.page_pn .prev,.page_pn .next{color: #969696;font-size: 14px;}
.page_pn a{color: #969696}

.newshow .r{width: 100%;padding:5% 3% 3%;}
.newshow .r p{font-weight: bold;font-size: 16px;height: 60px;line-height: 60px;border-top: 1px solid #dcdcdc;}
.newshow .r .li{margin-bottom: 5%;display: block;}
.newshow .r .li img{float: left;width:30%;border-radius: 8px}
.newshow .r .li span{float: right;width: 67%;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 2; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */font-size: 14px;height: 50px;line-height: 25px;margin-top: 20px;}

.conatct-1{margin: 3% 0 5%;padding: 0 3%;}
.conatct-1 .li{width: 100%;background: #f9f9f9;padding:6% 3%;text-align: center;border-radius: 10px;margin-bottom: 3%;}
.conatct-1 .li img{width: 50px;margin: 0 auto;}
.conatct-1 .li p{color: #969696;margin-top:5%;font-size: 16px;}
.conatct-1 .li span{display: block;margin-top: 5%;font-size: 14px;}

.conatct-1 .li1{width: 100%;background: #f9f9f9;text-align: center;border-radius: 10px;padding: 6% 3%;}
.conatct-1 .li1 .img{float: left;width: 48%;margin: 0 1%;}
.conatct-1 .li1 .img p{font-size: 14px;line-height: 40px;}

.conatct-2{margin-top: 8%;width:94%;background: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);border-radius: 10px;padding: 3% 2%;margin: 0 auto;}
.conatct-2 h3{text-align: center;height: 70px;line-height: 70px;color: #000;font-size: 24px;}
.conatct-2 p{text-align: center;color: #969696;font-size: 14px;}
.conatct-2 .c{padding-top: 3%;}
.conatct-2 .c .inp{width: 48.5%;float: left;margin-right: 3%;height: 46px;border: 1px solid #dcdbdb;padding: 0 2%;border-radius: 5px;margin-bottom: 3%;color: #969696}
.conatct-2 .c .inp:nth-child(2n){margin-right: 0;}

.conatct-2 .c textarea{width: 100%;border: 1px solid #dcdbdb;height: 200px;border-radius:10px;padding: 2% 3%;color: #969696;resize: none;}
.conatct-2 .c button{display: block;border: 0;background: #f87b1e;color: #fff;width: 80%;height: 46px;line-height: 46px;border-radius: 8px;margin: 5% auto;font-size: 16px;cursor: pointer;}

.aboutcom{position: relative;margin-top: 5%;}
.aboutcom img{width: 100%;}
.aboutcom .dws{width: 100%;height: 100%;padding: 3%;font-size: 16px;color: #000;line-height: 35px;text-align: center;}
.aboutcom .dws .more{display: block;width: 80%;text-align: center;height: 50px;line-height: 50px;font-size: 14px;color: #000;border-radius: 25px;background: #f86400;font-weight: 400;margin: 5% auto 0;color: #fff}

.prosss .newshow .l{width: 100%;}

.scase{background: #f5f5f5;overflow: hidden;padding-bottom: 80px;}

/* 轮播外层容器（用于添加遮罩和控制显示范围） */
.scase .swiper-outer {
  width: 100%; /* 宽度自适应父容器 */
      /* 移除height: 100%，改为最小高度+相对定位 */
      position: relative;
      /* 白色遮罩层 - 可调整透明度控制遮罩深浅 */
      background: rgba(255, 255, 255, 0.1); 
      /* 让容器垂直居中（可选，保持视觉效果） */
      margin: 0 auto;
}
/* 轮播容器（核心调整：宽度设为60%，留出足够空间显示两侧半图） */
.scase .swiper-container {
  width: 60%; /* 关键：缩小容器宽度，让两侧半图有足够显示空间 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: visible !important; /* 关键：显示两侧的半图 */
}
/* 轮播slide样式 - 调整宽度和间距 */
.scase .swiper-slide {
  width: 100%; /* 主slide宽度 */
  opacity: 0.6; /* 非当前slide透明度 */
  transition: all 0.5s ease;
  position: relative;
  /* 给每个slide也添加白色遮罩层 */
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.6) inset;
}
/* 当前激活的slide样式 */
.scase .swiper-slide-active {
  opacity: 1; /* 当前slide完全显示 */
  transform: scale(1);
}
/* 相邻slide样式（显示半部分） */
.scase .swiper-slide-prev,.scase .swiper-slide-next {
  opacity: 0.6; /* 相邻slide半透明 */
  transform: scale(0.98); /* 轻微缩小，保持视觉层次 */
}
/* 轮播图片自适应 */
.scase .swiper-slide img {
  width: 100%;
  border-radius: 8px; /* 可选：添加圆角更美观 */
}
/* 案例名称样式（顶部居中） */
.scase .case-title {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  color: #333;
  z-index: 10;
}
/* 图片名称样式（底部居中） */
.scase .img-name {
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  padding:5px 5%;
  background: rgba(255,255,255,0.8);
  border-radius: 4px;
  font-size: 12px;
  color: #666;
  z-index: 10;
  color: #000;
}
/* 自定义左右箭头（与案例风格一致） */
.scase .swiper-button-prev,.scase .swiper-button-next {
  width: 60px;
  height: 60px;
  background: linear-gradient(to right, #f19000, #f57300, #fc4c00);
  border-radius: 50%;
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.3s;
  top: 50%;
  margin-top: 8%;
}
.scase .swiper-button-prev {
  left: -8%; /* 调整箭头位置，适配新的容器宽度 */
}
.scase .swiper-button-next {
  right: -8%; /* 调整箭头位置，适配新的容器宽度 */
}
.scase .swiper-button-prev:hover, .scase .swiper-button-next:hover {
  opacity: 1;
}
/* 隐藏Swiper默认箭头图标，自定义箭头 */
.scase .swiper-button-prev::after,.scase .swiper-button-next::after {
  font-size: 20px;
  font-weight: bold;
}
/* 适配移动端 */
@media (max-width: 768px) {
  .scase .swiper-container {
    width: 70%; /* 移动端适当加宽容器，保证半图显示比例 */
    height: 85%;
  }
  .scase .swiper-button-prev, .scase .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .scase .swiper-button-prev {
    left: -50px;
    top: 50%;
  }
  .scase .swiper-button-next {
    right:-50px;
  }
  .scase .swiper-button-prev::after,.scase .swiper-button-next::after {
    font-size: 16px;
  }
  .scase .case-title {
    font-size: 18px;
  }
}

.simg1{padding-bottom: 7%;background: #f9f9f9;overflow: hidden;}

.simg1 .swiper-outer {
      width: 100%; /* 宽度自适应父容器 */
      position: relative; /* 保持子元素绝对定位的参考 */
      background: rgba(255, 255, 255, 0.1); /* 白色遮罩层 */
      height: 26vh;
    }
    /* 轮播容器（核心调整：基于宽度设置固定比例高度，保证显示） */
.simg1 .swiper-container {
      width: 60%; /* 关键：缩小容器宽度，让两侧半图有足够显示空间 */
      /* 用宽高比替代固定高度，适配内容 */
      aspect-ratio: 16/9; /* 常用图片比例，可根据实际图片调整 */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      overflow: visible !important; /* 关键：显示两侧的半图 */
    }
    /* 轮播slide样式 - 调整宽度和间距 */
.simg1 .swiper-slide {
      width: 100%; /* 主slide宽度 */
      opacity: 0.6; /* 非当前slide透明度 */
      transition: all 0.5s ease;
      position: relative;
      /* 给每个slide也添加白色遮罩层 */
      box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.2) inset;
    }
    /* 当前激活的slide样式 */
.simg1 .swiper-slide-active {
      opacity: 1; /* 当前slide完全显示 */
      transform: scale(1);
    }
    /* 相邻slide样式（显示半部分） */
.simg1 .swiper-slide-prev,.simg1 .swiper-slide-next {
      opacity: 0.6; /* 相邻slide半透明 */
      transform: scale(0.98); /* 轻微缩小，保持视觉层次 */
    }
    /* 轮播图片自适应 */
.simg1 .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 保持图片比例并填满容器 */
      border-radius: 8px; /* 可选：添加圆角更美观 */
    }
    /* 案例名称样式（顶部居中） */
.simg1 .case-title {
      font-size: 24px;
      color: #333;
      text-align: center;
      margin-bottom: 20px; /* 与轮播区拉开间距 */
      z-index: 10;
    }
    /* 图片名称样式（底部居中） */
.simg1 .img-name {
      position: absolute;
      bottom: 0;
      left: 0%;
      background: rgba(0,0,0,0.8);
      border-radius: 4px;
      color: #fff;
      z-index: 10;
      width: 100%;
      height: 55px;line-height: 55px;
      text-align: center;
    }
    /* 自定义左右箭头（与案例风格一致） */
.simg1 .swiper-button-prev,.simg1 .swiper-button-next {
      width: 60px;
      height: 60px;
      background: linear-gradient(to right, #f19000, #f57300, #fc4c00);
      border-radius: 50%;
      color: #fff;
      opacity: 0.8;
      transition: opacity 0.3s;
      top: 50%;
      margin-top: -30px;
    }
.simg1 .swiper-button-prev {
      left: 5%; /* 调整箭头位置，适配新的容器宽度 */
    }
.simg1 .swiper-button-next {
      right: 5%; /* 调整箭头位置，适配新的容器宽度 */
    }
    /* 禁用状态的箭头样式 */
.simg1 .swiper-button-disabled {
      opacity: 0.3 !important;
      cursor: not-allowed;
    }
.simg1 .swiper-button-prev:hover,.simg1 .swiper-button-next:hover {
      opacity: 1;
    }
    /* 隐藏Swiper默认箭头图标，自定义箭头 */
.simg1 .swiper-button-prev::after,.simg1 .swiper-button-next::after {
      font-size: 20px;
      font-weight: bold;
    }

    /* ========== 缩略图分页器样式（核心修改） ========== */
.simg1 .swiper-thumbs {
      position: absolute;
      bottom: -100px; /* 贴合外层容器底部 */
      left: 50%;
      transform: translateX(-50%);
      width: 80%; /* 加宽缩略图容器，适配最多10张 */
      height: 80px; /* 所有缩略图高度统一 */
      z-index: 10;
      display: flex;
      justify-content: center; /* 不足10张时居中显示 */
      align-items: center;
    }
    /* 缩略图wrapper - 关键：自适应宽度+居中 */
.simg1 .swiper-thumbs .swiper-wrapper {
      display: flex;
      align-items: center;
      width: 100%; /* 取消固定宽度，自适应内容 */
      justify-content: center; /* 子元素居中 */
    }
    /* 缩略图slide - 宽度自适应+高度统一 */
.simg1 .swiper-thumbs .swiper-slide {
      width: auto !important; /* 取消固定宽度，自适应 */
      max-width: 120px; /* 限制单张缩略图最大宽度，避免过大 */
      min-width: 60px; /* 限制单张缩略图最小宽度，避免过小 */
      height: 100%; /* 高度统一等于容器高度 */
      opacity: 0.5; /* 未激活的缩略图半透明 */
      border: 2px solid transparent; /* 占位边框 */
      border-radius: 4px;
      cursor: pointer;
      box-shadow: none; /* 取消缩略图的遮罩层 */
      margin: 0 4px !important; /* 统一左右间距 */
    }
.simg1 .swiper-thumbs .swiper-slide-thumb-active {
      opacity: 1; /* 激活的缩略图完全显示 */
      border-color: #fff; /* 激活态边框高亮 */
    }
.simg1 .swiper-thumbs .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
    }

    /* 适配移动端 */
    @media (max-width: 768px) {
.simg1 .swiper-container {
        width: 70%; /* 移动端适当加宽容器，保证半图显示比例 */
        aspect-ratio: 4/3; /* 移动端调整图片比例，适配小屏 */
      }
.simg1 .swiper-button-prev,.simg1 .swiper-button-next {
        width: 40px;
        height: 40px;
        margin-top: -20px;
      }
.simg1 .swiper-button-prev {
        left: 3%;
      }
.simg1 .swiper-button-next {
        right: 3%;
      }
.simg1 .swiper-button-prev::after,.simg1 .swiper-button-next::after {
        font-size: 16px;
      }
.simg1 .case-title {
        font-size: 18px;
      }
      /* 移动端缩略图分页器适配 */
.simg1 .swiper-thumbs {
        width: 90%; /* 移动端加宽缩略图容器 */
        height: 60px; /* 统一高度，按比例缩小 */
      }
.simg1 .swiper-thumbs .swiper-slide {
        flex: 0 0 calc(10% - 4px) !important; /* 移动端缩小间距 */
        min-width: 40px; /* 移动端缩小最小宽度 */
        max-width: 80px; /* 移动端缩小最大宽度 */
        margin: 0 2px !important; /* 移动端缩小间距 */
      }
.simg1 .swiper-outer {
        padding: 3% 0; /* 移动端调整内边距 */
      }
    }

    /* 轮播容器外层 - 响应式适配 */
.simg2{position: relative;overflow: hidden;}
.simg2 .carousel-container {
      max-width: 100%;
      margin: 0 auto;
      padding: 10px;

    }

    /* Swiper核心容器 */
.simg2 .swiper {
      width: 100%;
      height: auto; /* 高度自适应内容 */
      padding-bottom: 120px; /* 为分页器预留空间 */
    }

    /* 轮播项样式 */
.simg2 .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      overflow: hidden;
      background: #f5f5f5;
    }

    /* 轮播图片自适应 */
.simg2 .swiper-slide img {
      width: 100%;
      object-fit: cover; /* 保持图片比例并填满容器 */
    }

    /* 自定义左右箭头样式 */
.simg2 .swiper-button-prev,.simg2 .swiper-button-next {
      width: 44px;
      height: 44px;
      background: linear-gradient(to right, #f19000, #f57300, #fc4c00);
      border-radius: 50%;
      color: #fff;
      transition: background 0.3s ease;
      top: auto;
      bottom:60px; 
    }

.simg2 .swiper-button-prev:hover, .swiper-button-next:hover {
      background: rgba(0, 0, 0, 0.1);
    }

    /* 隐藏默认箭头文字，自定义图标 */
.simg2 .swiper-button-prev::after, .swiper-button-next::after {
      font-size: 18px;
      font-weight: bold;
    }

    /* 分页器样式 */
.simg2 .swiper-pagination {
      bottom: 60px; /* 贴合容器底部 */
      text-align: center;
      width: 80%;
      margin: 0 auto;
      left: 10%;
    }

    /* 自定义分页器圆点 */
.simg2 .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      background: #ccc;
      margin: 0 5px;
      opacity: 1;
    }

.simg2 .swiper-pagination-bullet-active {
      background: #f87b1e; /* 激活态蓝色 */
    }

    /* ========== 响应式适配 ========== */
    /* 平板端（768-992px） */
    @media (max-width: 992px) {
      .simg2 .swiper-slide {
        height: 220px; /* 缩小轮播项高度 */
      }
      .simg2 .swiper-button-prev,.simg2 .swiper-button-next {
        width: 38px;
        height: 38px;
      }
      .simg2 .swiper-button-prev::after,.simg2 .swiper-button-next::after {
        font-size: 16px;
      }
    }

    /* 移动端（≤768px） */
    @media (max-width: 768px) {
     .simg2 .swiper-slide {
        height: 180px; /* 进一步缩小高度 */
      }
      /* 移动端箭头缩小 */
    .simg2 .swiper-button-prev,.simg2 .swiper-button-next {
        width: 32px;
        height: 32px;
      }
     .simg2 .swiper-button-prev::after,.simg2 .swiper-button-next::after {
        font-size: 14px;
      }
      /* 移动端分页器圆点缩小 */
     .simg2 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
      }
    }

    /* 小屏移动端（≤480px） */
    @media (max-width: 480px) {
     .simg2 .swiper-slide {
        height: 140px;
      }
    }

.scoms{background: #f5f5f5}
.snewssec{padding:115px 0 5%;}
.snewssec .newsli{width:22.75%;float: left;margin-right: 3%;margin-bottom: 3%;}
.snewssec .newsli:nth-child(2n){margin-right: 0;}
.snewssec .newsli .img{float: unset;display: flex;align-items: center;justify-content: center;width: 100%;height: 200px;}
.snewssec .newsli img{max-width: 100%;border-radius: 10px;max-height: 100%;}
.snewssec .newsli .a{font-weight: bold;font-size: 14px;margin-top: 3%;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 2; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */height: 50px;line-height: 25px;}
.snewssec .newsli p{font-size: 12px;color: #969696;margin-top: 2%;}
.snewssec .newsli .more{font-size: 12px;color: #f68430;margin-top: 2%;}
.snewssec .newsli span{display: block;font-size: 12px;display: -webkit-box; /* 弹性盒模型（webkit内核专用） */-webkit-line-clamp: 1; /* 显示的行数 */-webkit-box-orient: vertical; /* 排列方向为垂直 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 溢出显示省略号（兜底） */}