.layout{max-width: 1400px;margin: 0 auto;}

/* 顶部区域样式 */
.header {width:100%;margin:0 auto;background:#fff;position:fixed;z-index:999;top:0;}
.topbar {display:flex;justify-content:space-between;align-items: center;font-size:14px;border-bottom:1px solid #eee;}
.contact-info {color:#666;}

.language{ text-align:center; position:relative; z-index:9;}
.language .l_m{cursor:pointer;}
.language .l_m i{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.language .l_b{width:120px; position:absolute; top:36px; left:50%; margin-left:-50px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.05); opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.language:hover .l_b{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);}
.language .l_b a{line-height:38px; display:block;}
.language .l_b a:hover{color:#fff; background-color:#0063b2;}

/* 导航菜单项 */
.navbar {height:90px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;}
.logo img {width:350px;}


/*主导航菜单*/
.menu ul {margin:0;padding:0;overflow:hidden;}
.menu ul li {float:left;}
.menu ul li a {display:block;text-align:center;padding:14px 16px;text-decoration:none;}
.menu ul li a:hover {background-color:#f1f1f1;}
.sub-menu {display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.sub-menu li {float:none;}
.sub-menu li a {color:black;padding:12px 16px;text-decoration:none;display:block;text-align:left;}
.sub-menu li a:hover {background-color:#f1f1f1;}


.download-btn {display:flex;justify-content:center;align-items:center;width:125px;height:35px;background:#ff9304;border-radius:6px;font-size:17px;color:#fff;}
.download-btn:hover {background-color:#f8a436;}

/* 轮播图样式 */
.banner {margin-top: 117px; height: calc(100vh - 117px);}
.banner .swiper-slide { background-position: center; background-size: cover;}
.banner .swiper-slide img {display: block; width: 100%; height: 100%;}

/* 业务展示区域样式 */
.service {margin:0 auto;}
.service .title {padding: 40px 0;}
.service .title h3{font-size: 48px; font-weight: bold; text-align: center; color: #0071bd;}
.service .title h4{font-size: 28px; font-weight: bold; text-align: center; color: #ff9304;}

.grid-container {display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.grid-container .item {border-radius:8px;position: relative;}
.grid-container .item:nth-child(1) {grid-row:span 2; height:620px;}
.grid-container .item:nth-child(2),.grid-container .item:nth-child(3) { height: 300px;}
.grid-container .img-container{position:relative;width:100%;height:100%; border-radius: 10px; overflow:hidden;}
.grid-container .img-container img {width:100%;height:100%;object-fit: cover;border-radius:8px;}
.grid-container .text {padding:10px;position:absolute;left:20px;bottom:20px;color:#fff;z-index:2;max-width:70%;}
.grid-container .text h3 { color: #fff; font-size: 24px;}
.grid-container .more {display:inline-block;margin-top:10px;padding:5px 10px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;}
.grid-container .more{display: block; width: 80px; margin-top: 15px; padding: 5px 10px; background-color: #ff9304; border-radius: 6px; color: #fff; font-size: 15px;}
.grid-container .more:hover{background-color: #fff; color: #ff9304; font-weight: bold;}

/* 关于企业介绍区域样式 */
.about {margin-top: 40px; background:#fff;}
.about-container {padding:50px 0;display:flex;justify-content:space-between;gap:40px;}
.about-info,.about-video {flex:1;}
.about-info h3 {font-size:40px;margin-bottom:15px;color:#0071bd;}
.about-info h2 {font-size:20px;color:#fb8600;margin-bottom:20px;}
.about-info h4 {font-size:18px;color:#666;margin-bottom:20px;}
.about-info p {font-size:18px;color:#666;margin-bottom:20px;}
.more-btn {display:inline-block;padding:10px 20px;background-color:#007BFF;color:white;text-decoration:none;border-radius:5px;font-size:16px;transition:background-color 0.3s ease;padding-right:35px;position:relative;}
.more-btn:hover {background-color:#0056b3;}
.more-btn::after {content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid white;}
.about-info button {padding:10px 20px;background-color:#007bff;color:white;border:none;border-radius:5px;transition:background-color 0.3s ease;}
.about-info button:hover {background-color:#0056b3;}
.about-video video {width:100%;border-radius:10px;}

/* 业绩展示区域样式 */
.awards {padding: 40px 20px;}
.awards .title {text-align:center;margin-bottom:45px;}
.awards .title h3 {font-size:48px;justify-content:center;}
.awards .info {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;}
.awards .info dl {text-align:center;padding:10px;opacity:0.999;}
.awards .info dt {display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.awards .info b {color:#282828;font-size:60px;line-height:100%}
.awards .info i {display:block;line-height:38px;color:#282828;margin-left:10px;}
.awards .info p {font-size:12px;color:#a6a6a6;margin-bottom:12px;text-transform:uppercase;}
.awards .info h3 {color:#282828;font-size:16px;}

/* 企业新闻区域样式 */
.news {padding:40px 20px;background-color:#fff;}
.news .title {padding: 40px 0;}
.news .title h3{font-size: 48px; font-weight: bold; text-align: center; color: #0071bd;}
.news .title h4{font-size: 28px; font-weight: bold; text-align: center; color: #ff9304;}
.news .news-container {display:flex;justify-content:space-around;flex-wrap:nowrap;gap:20px;}
.news .item {display: flex; flex-direction: column; align-items: flex-start; text-align:center;width:45%; border: 1px solid #eee; padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.news .item a{width: 100%; display: block;}
.news .item:hover {transform:translateY(-10px);box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.news .item img {width:100%; height: 230px; border-radius:10px;margin-bottom:15px;}
.news .item .date{line-height: 50px; font-size: 15px; color: #999;}
.news .item .description {font-size:16px; color: #666; text-align: left;}

/* 网页底部区域样式 */
.footer {width:100%;display:flex;flex-direction:column;background-color:#0071bd;}
.footer-container {margin:40px auto;width:100%;display:flex;justify-content:space-around;align-items:center;}
.footer-logo {width:200px;}
.footer-logo img {max-width:100%;height:auto;}
.footer-menu {display:flex;gap:50px;}
.footer .item {display:flex;flex-direction:column;}
.footer .item h3 {margin-bottom:10px;font-size:18px;color:#fff;}
.footer .item ul {list-style:none;}
.footer .item ul li {margin-bottom:5px;}
.footer .item ul li a {text-decoration:none;color:#fff;}
.footer .info {height:140px;display:flex;flex-direction:column;justify-content:space-between;}
.footer .info p {color:#fff;}
.copyright {display:flex;align-items:center;justify-content:center;height:66px;border-top:1px solid rgba(255,255,255,.2);color:#fff;}

/* =====  列表页  ===== */
.slogan {margin:117px auto 0; height: 400px; background:url(../img/1663834792251.jpg) no-repeat center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.slogan h3 {font-size:42px;color:#fff;text-shadow: 0px 0px 7px rgba(6, 0, 1, 0.35);}
.slogan p {font-size:32px;color:#fff;}

/* 产品与技术 */
.product-box {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;}
.product-box .item-box {display:flex;flex-direction:column;width:100%;padding:40px;background-color:#fff;border-radius:10px;overflow:hidden;}
.product-box .content-container {display:flex;width:100%;}
.product-box .item-box:nth-child(odd) .content-container {flex-direction:row;}
.product-box .item-box:nth-child(even) .content-container {flex-direction:row-reverse;}
.product-box .txt {width:50%;padding:20px;display:flex;flex-direction:column;justify-content:space-evenly;}
.product-box .txt h3 {font-size:34px;color:#333;margin-bottom:10px;}
.product-box .txt p {font-size:18px;color:#666;line-height:1.6;}
.product-box .pic {flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:300px;}
.product-box .pic img {width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px;}
.product-box .link {display:inline-block;width:100px;margin-top:10px;padding:8px 16px;background-color:#007bff;color:white;text-decoration:none;border-radius:5px;text-align:center;}
.product-box .link:hover {background-color:#0056b3;}

.products-box {display:flex;flex-wrap:wrap;gap:10px;}
.products-box .item {width:calc(25% - 7.5px);display:flex;flex-direction:column;justify-content:center;align-items:center; padding:10px; border:1px solid #e6e6e6;background-color:#fff;}
.products-box .txt {text-align:center;}
.products-box .img {margin-top:10px;}
.products-box .img img {max-width:100%;height:auto;}

/* 服务与支持 */
.case-box {display:flex;flex-wrap: wrap; gap:20px;}
.case-box li {display:flex; flex-direction:column; align-items:center;}
.case-box li .img{width: 335px; height: 209px; overflow: hidden;}
.case-box li .img img{width: 100%; height: 100%; animation: fadeInScale 1s ease-in-out forwards; opacity: 0;transition: all 0.3s ease;}
/* .case-box li .img:hover { transform: scale(1.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);} */

.case-box li .title {width:100%;text-align:center;line-height:50px;font-size:17px;background:#fff;}
.case-box li .title:hover {background:#f8a436;color:#fff;}

.service-tit{ line-height: 100px; font-size: 28px; font-weight: bold; text-align: center;}

.solvation-wrap{display: flex; gap: 20px;}
.solvation-wrap .item-cell{ width:100%; position: relative;}
.solvation-wrap .item-cell .item-pic{ overflow:hidden;height: 470.261px; overflow: hidden; position: relative;}
.solvation-wrap .item-cell .item-pic img{ transition:all .5s;-webkit-transition:all .5s;}
.solvation-wrap .item-cell:hover .item-pic img{position: absolute; left: 0px; top: 0px; max-width: none; max-height: none; width: 338px; height: 470px; transform: scale(1.1);-webkit-transform: scale(1.1)}
.solvation-wrap .item-cell .item-cnt{ font-size:24px; color:#fff; text-align:center; position:absolute; top:50%; transform: translateY(-50%); left: 0; right: 0; z-index: 6;}
.solvation-wrap .item-cell:hover:after{ background: rgba(0, 112, 189, 0.5); content:""; position:absolute; left:0; top:0; right:0; bottom:0;}
.solvation-wrap .item-cell:hover .item-cnt .item-tit a:after{content: ""; display: block; width: 140px; height: 10px;
background: #ff9304; margin:15px auto 0 auto;}

/* 新闻中心 */
.news-box{ display: flex; flex-direction: column; gap: 40px;}
.news-box .news-item {display: flex; gap: 20px; background-color: #fff;padding: 40px;}
.news-box .news-item img{width: 200px;}
.news-box .news-content{display: flex; flex-direction: column;align-items: flex-start;}
.news-box .date{line-height: 30px; color: #999; font-size: 15px;}
.news-box .description{font-size: 15px; color: #666;}
.news-box .read-more{ color: #ff9304;}

/* 关于我们 */
.about-box {width:100%;margin-top:130px;padding:30px 0 90px;background:url(../img/about-map-bg.png) no-repeat center 0;}
.about-box .txt {max-width:1000px;margin:0 auto;overflow:hidden;}
.about-box .txt p {line-height:36px;font-size:18px;text-align:left;color:#333;}
.about-box .title {text-align:center;width:100%;position:relative;margin:60px 0 45px;}
.about-box .title h3 {font-size:24px;height:44px;line-height:44px;color:#fff;display:inline-block;text-align:center;background:#f8a436;padding:0 26px;position:relative;z-index:3;}

.about-container {display:flex;margin:40px auto; padding:0 20px; gap:40px; align-items:stretch;background:white; padding: 40px;}
.image-section {flex:1;min-width:300px;}
.company-image {width:100%;height:100%;object-fit:cover;border-radius:8px;}
.content-section {flex:1;padding:30px;border-radius:8px;}
.culture-item {margin-bottom:30px;}
.culture-title {color:#2c3e50;font-size:20px;border-left:4px solid #ff9304;padding-left:12px;margin-bottom:15px;}
.culture-desc {color:#666;font-size:15px;text-align:justify;}
.mission-item {display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #eee;}
.mission-item:last-child {border-bottom:none;}
.mission-title {flex:0 0 120px;color:#fff;font-weight:bold;text-align:center; background-color: #ff9304; border-radius: 10px;}
.mission-content {flex:1;color:#666;}

.tab .tab-head strong {float:left;padding:8px 20px 0 0;line-height:20px}
.tab .tab-more {float:right;margin:10px 0 0 10px;font-size:12px}
.tab .tab-nav {list-style:none}
.tab .tab-nav li {display:inline-block}
.tab .tab-nav li a {color:#333;padding:8px 20px;display:block;border:solid 1px #EBEBEB;line-height:20px;border-bottom:0;border-radius:4px 4px 0 0}
.tab .tab-nav .active {background-color:transparent}
.tab .tab-nav .active a {cursor:default}
.tab .tab-body {border-top:solid 1px #EBEBEB;margin-top:-1px;padding-top:15px}
.tab .tab-body-bordered {border:solid 1px #EBEBEB;border-radius:4px;padding:15px}
.tab .tab-body .tab-panel {display:none}
.tab .tab-body .active {display:block}
.tab .tab-small strong {padding-top:3px}
.tab .tab-small .tab-more {margin:5px 0 0 10px}
.tab .tab-small li a {padding:3px 10px}

.layout:after {content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.line {margin:0;padding:0;display:block;}
.line:after {content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.blank-middle {height:30px;line-height:30px;clear:both;font-size:0;}
.title-c {position:relative;}
.text-center {text-align:center;}
.title-c h3 {position:relative;font-size:30px;text-transform:uppercase;margin:0 auto 50px auto;font-weight:600;}
.title-c h3:before {background:#FFD100;content:'';display:block;position:absolute;width:30px;height:3px;bottom:-15px;left:50%;margin-left:-15px;}
.container {width:1200px;display:block;margin:0 auto;padding:0 10px;}
.text-center {text-align:center;}
.tab .tab-nav {list-style:none;}
.tab-normal .tab .tab-nav .active {background:none;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center;}
.padding-large {padding:30px;}

.media.media-y {text-align:center;}
.media:first-child {margin-top:0;}
.bg-white {background-color:#fff;}
.text-middle {font-size:16px;}
.height-middle {line-height:26px;}
  
/* 常用TAB */
.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-normal .tab .tab-nav li a {background:#fff;color:#6e6e6e;border-radius:30px;padding:0px 20px;height:42px;line-height:42px;margin:0 10px;display:block;border:0;font-size:16px;}
.tab-normal .tab .tab-nav .active a {background:linear-gradient(-45deg,#FFD100,#ff9600);cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-normal .tab .tab-nav .active{background:none}
.tab-normal .tab .tab-nav .active a:hover {color:#FFF}
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-nav li a:hover {background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff}
.tab-normal .tab .tab-body {padding:0;border-radius:0;border-top:0px solid #ff0000}
/* 首页产品 */
.carousel-pro .media{position:relative;-webkit-transition:.5s;transition:.5s;}
.carousel-pro .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow:0px 5px 15px 0px rgba(0,0,0,.05);}
.carousel-pro .button {background-color:#FFD100;transition: all .5s ease;box-shadow: 0 3px 8px 0px rgba(39,39,39,0.26);}
.carousel-pro .media:hover .button{color:#FFF;background-color:#ff9600;transition: all .5s ease;}
.carousel-pro .media-body {padding:10px 0 0 0}
/* .carousel-pro:hover .owl-nav .owl-next,.carousel-pro:hover .owl-nav .owl-prev{opacity:.6} */
.carousel-pro.dot-center .owl-dots{position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:23px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:42px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-prev i{position:absolute;left: 8px;}
.owl-carousel .owl-nav .owl-next{right:20px}
.owl-carousel .owl-nav .owl-next i{position:absolute;right:8px}
.owl-carousel .owl-item img{max-width: 320px;}

.product-section {padding-bottom:50px;position:relative;background:url(../img/1663834792251.jpg) no-repeat;background-size:cover}
.product-title {padding:50px 10px 30px;font-weight:normal;font-size:36px;line-height:46px;color:#252b3a;text-align:center;color:#fff}
.product-wrapper {max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body {margin:0px 25px}
.product-features .product-body:after {content:"";width:100%;height:3px;background: url(../img/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}

.features-item {position:relative;float:left;}
.features-slide .features-item>* {text-align:center}
.features-item h3 {font-size:16px;line-height:28px;margin-bottom:50px;color:#fff;opacity:0.7;transition:all 0.1s}
.features-item i {position:absolute;width:75%;height:33px;background:url(../img/productBase-features-timeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3}
.features-item .features-info {display:block;margin:0 auto;padding:20px 53px;transition:all 0.3s;border-radius:2px}
.features-item .features-info .features-info-i {font-size:14px;color:#fff;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s {font-size:16px;color:#f7ba6a; font-weight: bold; line-height:24px; overflow:hidden}
.features-item.dark i {background:url(../img/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover h3 {font-size:22px;line-height:28px;opacity:0.9}
.features-item:hover i {width:75%;margin-left:13px;background:url(../img/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a {background: url(../img/productBase-features-info.png) no-repeat;background-size:100% 100%}
.product-features .swiper-button-prev {width:30px;height:40%;left:-15px;top:60%;background:none}
.product-features .swiper-button-prev:after {content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../img/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next {width:30px;height:40%;right:-15px;top:60%;background:none}
.product-features .swiper-button-next:after {content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../img/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}

/* 联系我们 */
.link-box {padding: 30px; background-color: #fff;}
.link-txt {display:flex;flex-direction:row; flex-wrap: nowrap;justify-content: space-around;}
.link-txt .col{display: flex;flex-direction: column;align-items: center;}
.link-txt .col .icon-dizhi1,
.link-txt .col .icon-dianhua1,
.link-txt .col .icon-youxiang- {font-size: 40px;}
.link-txt h3 {font-size:30px;}
.link-txt p {line-height: 42px; font-size:22px;}

#map-container {width: 100%; height: 500px; margin-top: 20px; border-radius: 30px;}

/* =====  内容页  ===== */

/* 文章内页 */
.article {margin:30px auto 30px;padding:20px;background-color:#fff;}
.article .title {line-height:2;font-size:32px;font-weight:bold;margin-bottom:10px;text-align:center;}
.article .date {font-size:16px;color:#888;margin-bottom:20px;text-align:center;}
.article .content{min-height: 600px;}
.article p {line-height:2;font-size:20px;text-indent:2em;}

/* 产品内页 */
.products-filter{display: flex;flex-direction: column; gap: 20px;}
.products-filter .filter-item{display: flex;justify-self: center;justify-content: space-evenly;align-items: flex-start; background:#fff; padding: 60px;}
.products-filter .filter-item .img{width: 40%; display: flex; justify-self: center; justify-content: center; flex-direction: column; align-items: center;}
.products-filter .filter-item img{width: 300px;}
.products-filter .description{flex: 1; width: 100%;}

.tag-box{display: flex;flex-direction: column;align-items: center;}
.tag-box h3{ line-height: 50px; color: #ff0000; font-size: 24px;}
.tag-box .on{display: block; text-align: center; background-color: #007BFF; font-size: 18px; color: #fff; border-radius: 10px; padding: 10px 20px; margin-top: 2rem;}
.tag-box .on:hover{background-color:#f7ba6a;}

table {width:100%; border-collapse:collapse; background: #fff;}
caption {font-size:1.8em; color: #666; font-weight:bold;margin-bottom:10px;text-align:center;}
thead th{background-color: #007BFF; color: #fff; font-size: calc(22 / 16* 1em);}
th,td {border:1px solid #ddd;padding:20px;text-align:center;}
th {background-color:#f2f2f2;font-weight:bold;}
tr:nth-child(even) {background-color:#f9f9f9;}
tr:hover {background-color:#ff9304; color: #fff;}

/* 产品详情容器 */
.product-detail {display:flex;gap:20px;margin-bottom:30px;padding:40px;background-color:#fff;}
.product-detail .pic {flex:0 0 40%;max-width:40%;display: flex;justify-content: center;}
.product-detail .pic img {width:300px;height:auto;border-radius:8px;}
.product-specs {flex:1;}
.product-specs h3 {font-size:18px; color:#f51818;}
.product-specs h2 {font-size:24px;color:#333;margin-bottom:15px;}
.product-specs .description {margin-bottom:20px;}
.product-specs .description p {font-size:16px; color:#666;}
.product-specs .btn {display:flex;gap:10px;}
.product-specs .btn a {display:inline-block;padding:10px 20px;font-size:17px;color:#fff;background-color:#007BFF;border-radius:5px;transition:background-color 0.3s ease;}
.product-specs .btn a:hover {background-color:#0056b3;}
.product-description {padding:120px;background-color:#fff;}
.product-description h2 {font-size:32px;color:#333;margin-bottom:15px;text-align:center;}
.product-description p {font-size:16px;line-height:1.6;color:#444;}

#my-video {width: 100%;height: 0;padding-bottom: 56.25%;}

/* 下载 */
.download-box {display:flex;gap:20px;justify-content:center;}
.download-box .download-items {display:flex;text-align:center;flex-direction:column;}
.download-box .download-items .tit {height:50px;line-height:50px;color:#fff;font-size:17px;background-color:#ff9304;}
.download-box img {width:400px;}
.icon-xiazai{font-size: 1.8rem;}

/* 当前位置 */
.nav-bread{height: 70px; line-height: 70px;}

/* 分页 */
.pagination {display: flex; justify-content: center; margin-top: 2rem;}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;}


/* 定义动画 */
@keyframes fadeInScale {
0% {
    opacity: 0;
    transform: scale(0.9);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}