* {margin:0;padding:0;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;list-style-type:none;text-decoration:none;}
a:link {color:#333;}
a:active {color:#333;}
a:visited {color:#333;}
a:hover {color:#1C7DC8;}
.txt1:link {color:#fff;}
.txt1:active {color:#fff;}
.txt1:visited {color:#fff;}
.txt1:hover {color:#fff;}
input,button,select,textarea {outline:none;-webkit-appearance:none;}        
@media only screen and (max-width:1023px){
    body {width:100%;font:20px/20px "microsoft yahei";color:#333;overflow-x: hidden;}
#navbarbg{width:100%;float:left;height:auto;background-color:#efefef;padding:2vw 3vw;display: none;}
#navbar{width:100%;display:flex;flex-direction:column;gap:2vw}
.navbarleft{float:none;width:100%}
.navbarleft div{width:100%;display:flex;flex-wrap:wrap;gap:1vw;padding-top:1vw}
.navbarleft div img{width:5vw;height:5vw;margin-right:1vw}
.navbaradree,.navbartel,.navbaremail{display: none;}

#topbg{width:94vw;float:left;height:auto;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding-top:5vw;padding-left:3vw;padding-right:3vw;}
#top{width:100%;display:flex;flex-direction:column;gap:3vw;}
.topLogo{height:10vw;float:none;padding-top:0;margin:0 auto}
#toptxt{float:none;padding-top:0;padding-left:0;text-align:center}
#toptxt p:nth-child(1){font-size:4vw;color:#2A5882;font-weight:bold}
#toptxt p:nth-child(2){font-size:2.8vw;color:#666;padding-top:1vw;line-height:1.5}
#topbtn{display: none;}

#topnav{float:none;height:auto;line-height:5.4vw;font-size:3.5vw;color:#333;text-align:center;margin-top:2vw}
#topnav li{float:none;display:block;padding:2.5vw 0;border-top:1px solid #eee;}
#topnav li div{display: none;}


.barshow{width:100%;float:left}
.bn{width:100%;height:120vw;overflow:hidden;margin-bottom:0}
#maintitle{width:100%;float:left;height:auto;text-align:center;padding-top:8vw;padding-bottom: 4vw;}
#maintitle dt{width:100%;float:left;height:auto;line-height:1.2;font-size:5vw;color:#2A5882;font-weight:bold;padding-top:0;position:relative}
#maintitle dt::after{content:"";display:block;width:20%;height:0.3vw;margin:2vw auto;background:linear-gradient(to right,#3C7CB7,#2A5882,#3C7CB7);border-radius:0.2vw}
#maintitlebs{width:100%;float:left;height:auto;text-align:center;padding:5vw 0}
#maintitlebs dt{width:100%;float:left;height:auto;line-height:1.2;font-size:5vw;color:#fff;font-weight:bold;padding-top:0;position:relative}
#maintitlebs dt::after{content:"";display:block;width:20%;height:0.3vw;margin:2vw auto;background:linear-gradient(to right,#95ACC1,#fff,#95ACC1);border-radius:0.2vw}

#maincat{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;background-color:#333;overflow:hidden;position:relative}
#maincat .left{width:50vw;height:100vw;background-color:#ccc;margin:0;padding:0}
#maincat .right{width:50vw;height:100vw;background-color:#ccc;position:static;margin:0;padding:0}
#maincat .mid{width:100%;height:auto;background-color:#8B1B20;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;padding:0}
#maincat .grid-item{transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);position:relative;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;text-shadow:0 1px 3px rgba(0,0,0,0.5);background-size:cover;background-position:center;width:50vw;height:50vw;margin:0;padding:0}
#maincat .grid-item.large{width:100%;height:100%}
#maincat .grid-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1}
#maincat .title{position:relative;z-index:2;text-align:center;padding:1vw;transition:all 0.3s ease;font-size:4vw !important;line-height:1.5;white-space:normal;word-wrap:break-word}
#maincat .more-btn{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.2);backdrop-filter:blur(5px);border:none;color:white;padding:1.5vw 3vw;border-radius:2vw;font-size:3vw;cursor:pointer;transition:all 0.3s ease;z-index:2}
#maincat .more-btn:hover{background:rgba(255,255,255,0.3)}
#maincat .grid-item:hover{transform:scale(1.04);z-index:10;box-shadow:0 5px 15px rgba(0,0,0,0.3)}
#maincat .grid-item:hover .title{transform:translateY(-1vw)}
#maincat .grid-item:hover .more-btn{bottom:2vw}
#maincat .grid-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.7) 100%);opacity:0;transition:opacity 0.3s ease}
#maincat .grid-item:hover::after{opacity:1}
.text-lg,.text-xl,.text-2xl,.text-base{font-size:4vw !important}


#mainabubg{width:100%;float:left;padding-bottom:10vw;background-color:#FFF;position:relative}
#mainabu{display:flex;flex-direction:column;flex-wrap:wrap;width:94vw;box-shadow:0 10px 30px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-left:auto;margin-right:auto}
#mainabu .left-section{flex:none;width:100%;min-width:auto;background:#FFF;padding:3vw;position:relative;background-image:url(/Img/bg2.png);background-repeat:no-repeat;background-size:100vw 100vw}
#mainabu .right-section{flex:none;width:100%;background:#333;display:flex;align-items:center;justify-content:center;position:relative;margin-top:3vw}
#mainabu .text-content{height:auto;max-height:100vw;overflow-y:auto;padding-right:2vw}
#mainabu .videopa{height:50vw;width:100%;object-fit:cover}
#mainabu .text-content::-webkit-scrollbar{width:6px}
#mainabu .text-content::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}
#mainabu .text-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}
#mainabu p{color:#34495e;font-size:3vw;line-height:1.8;margin-bottom:2vw}
#maincerbg{width:100%;float:left;padding-bottom:8vw;background-color:#2A5882;background-image:url(/Img/cerbg.png);background-repeat:no-repeat;background-size:100vw 100vw;padding-top: 4vw;}

#maincer{width:100%;float:left;height:auto;}
#maincer .cert-container{max-width:74vw;margin:0 auto;position:relative}
#maincer .cert-slider-wrapper{position:relative;}
#maincer .cert-slider{position:relative;overflow-x:auto;overflow-y:hidden;height:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
#maincer .cert-track{display:flex;transition:transform 0.5s ease;height:auto;gap:2vw}
#maincer .cert-item{min-width:35vw;height:50vw;background:white;border-radius:1vw;box-shadow:0 0.1vw 0.2vw rgba(0,0,0,0.4);overflow:hidden;transition:transform 0.3s ease;position:relative;cursor:pointer;scroll-snap-align:center}
#maincer .cert-item:hover{transform:translateY(-5px);box-shadow:0 0.1vw 0.2vw #8AA3B9}
#maincer .cert-img{width:100%;height:100%;object-fit:cover}
#maincer .nav-btnA{position:absolute;top:50%;transform:translateY(-50%);width:10vw;height:10vw;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0.1vw 0.2vw rgba(0,0,0,0.2);z-index:10;border:none;font-size:5vw;color:#2A5882;transition:all 0.3s ease}
#maincer .nav-btnA:hover{background:#f1f5f9;transform:translateY(-50%) scale(1.1)}
#maincer .prev-btnA{left:-12vw}
#maincer .next-btnA{right:-12vw}


.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:all 0.3s ease}
.modal-overlay.active{opacity:1;visibility:visible}
.modal-overlay .modal-content{max-width:90%;max-height:80%;position:relative}
.modal-overlay .modal-img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.3)}
.modal-overlay .close-btn{position:absolute;width:10vw;height:10vw;border-radius:50%;top:-15vw;right:0;cursor:pointer;background:#fff;background-image:url(/Img/close.png);background-size:4vw 4vw;background-repeat:no-repeat;background-position:center center}

#mainfac{width:100%;float:left}
#mainfac .scroll-columns-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:0}
#mainfac .scroll-column{width:50%;height:80vw;position:relative;overflow:hidden;transition:all 0.5s ease}
/* 新增：给第3、4列添加上下1px的填充 */
#mainfac .scroll-columns-container .scroll-column:nth-child(3),
#mainfac .scroll-columns-container .scroll-column:nth-child(4) {
  padding-top: 1px;   /* 上方填充1px */
  padding-bottom: 1px;/* 下方填充1px */
  box-sizing: border-box; /* 保证填充不改变列的整体宽度/高度 */
}
#mainfac .image-track{position:absolute;width:100%;display:flex;flex-direction:column;animation:scroll 30s linear infinite}
/* 原有向上滚动的动画（其他列使用） */
@keyframes scroll{
  0%{transform:translateY(0)}
  100%{transform:translateY(-100%)}
}
/* 新增向下滚动的动画（第3、4列使用） */
@keyframes scroll-down{
  0%{transform:translateY(-100%)}
  100%{transform:translateY(0)}
}
/* 为第3、4列的image-track替换为向下滚动动画 */
#mainfac .scroll-columns-container .scroll-column:nth-child(3) .image-track,
#mainfac .scroll-columns-container .scroll-column:nth-child(4) .image-track {
  animation: scroll-down 30s linear infinite;
}
/* 保持第3、4列第二个image-track的动画延迟，保证滚动连贯性 */
#mainfac .scroll-columns-container .scroll-column:nth-child(3) .image-track:nth-child(2),
#mainfac .scroll-columns-container .scroll-column:nth-child(4) .image-track:nth-child(2) {
  animation-delay: -12s;
}
/* 原有第二个image-track的延迟（其他列） */
#mainfac .image-track:nth-child(2){animation-delay:-12s}
#mainfac .image-track img{width:100%;object-fit:cover;flex-shrink:0;transition:transform 0.5s ease}
#mainfac .scroll-column:hover{background:rgba(0,0,0,0.7)}
.scroll-column:hover img{transform:scale(1.05);filter:brightness(0.6)}
#mainfac .contact-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);padding:2vw 4vw;background:linear-gradient(135deg,#8B1B20,#2A5882);color:white;border:none;border-radius:30px;font-size:3.5vw;font-weight:bold;cursor:pointer;opacity:0;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 15px rgba(0,0,0,0.2);z-index:100}
#mainfac .scroll-column:hover .contact-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}
#mainfac .contact-btn:hover{background:#2A5882;box-shadow:0 6px 20px rgba(0,0,0,0.3)}

#btmformbg{width:100%;position:relative;float:left;height:auto;padding-bottom:6vw;font-family:"microsoft yahei"}
#particles-js{position:absolute;width:100%;height:100%;z-index:-1;background:#E1E8ED;opacity:0.8}
#btmform{width:94vw;display:flex;flex:1;flex-direction:column;margin-left:auto;margin-right:auto}
#btmform .contact-form{width:88vw;background-image:url(/Img/bg1.png);border-radius:2vw;padding:3vw;overflow:hidden}
#btmform .form-row{width:100%;display:flex;flex-direction:column;gap:2vw;margin-bottom:2vw}
#btmform .form-group{flex:none;width:100%;position:relative;min-height:10vw}
#btmform .form-input{width:80vw;padding:3vw 4vw;font-size:3vw;background:#fff;border-radius:0.5vw;color:#000;transition:all 0.3s ease;border:1px solid #ddd}
#btmform .form-input::placeholder{font-size:3vw;color:#ccc}
#btmform .form-input:focus{outline:none;border-color:#2A5882;box-shadow:0 0 1vw rgba(58,123,213,0.3);background:white}
#btmform .form-label{position:absolute;left:2vw;top:50%;transform:translateY(-50%);font-size:3vw;color:#2A5882;transition:all 0.3s ease;pointer-events:none;font-style:normal;z-index:1}
#btmform .form-text{width:84vw;padding:3vw 2vw;font-size:3vw;background:#fff;border-radius:0.5vw;color:#000;transition:all 0.3s ease;font-family:"microsoft yahei";min-height:30vw;border:1px solid #ddd;resize:vertical}
#btmform .form-text::placeholder{font-size:3vw;color:#ccc}
#btmform .form-text:focus{outline:none;border-color:#2A5882;box-shadow:0 0 1vw rgba(58,123,213,0.3);background:white}
#btmform .action-row{width:88vw;display:flex;flex-direction:column;gap:2vw;margin-top:2vw;align-items:center}
#btmform .captcha-group{flex:none;width:100%;position:relative;min-height:10vw}
#btmform .captcha-image{height:10vw;width:88vw;background:#ddd;border-radius:0.5vw;display:flex;justify-content:center;align-items:center;font-size:4vw;letter-spacing:0.5rem;user-select:none;cursor:pointer;transition:all 0.3s ease;margin:0 auto}
#btmform .captcha-image:hover{background:#e9e9e9}
#btmform .submit-btn{flex:none;width:100%;height:14vw;font-size:3.5vw;background:#2A5882;border:none;border-radius:0.5vw;color:white;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#btmform .submit-btn:hover{background:#8B1B20}
#btmform .error-tip{position:absolute;left:0;top:100%;background:#8B1B20;color:white;padding:1.5vw 2vw;border-radius:0.5vw;font-size:2.5vw;z-index:10;opacity:0;transform:translateY(-10px);transition:opacity 0.3s,transform 0.3s;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,0.1);width:84vw;max-width:84vw;white-space:normal}
#btmform .error-tip:before{content:'';position:absolute;bottom:100%;left:10px;border-width:5px;border-style:solid;border-color:transparent transparent #8B1B20 transparent;transform:translateY(5px)}
#btmform .error-tip.show{opacity:1;transform:translateY(0)}
#btmform .success-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:#4CAF50;color:white;padding:3vw 4vw;border-radius:1vw;box-shadow:0 4px 20px rgba(0,0,0,0.2);z-index:1000;opacity:0;transition:opacity 0.3s,transform 0.3s;max-width:80vw;width:auto}
#btmform .success-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
#btmform .toast-content{display:flex;align-items:center;gap:2vw;flex-wrap:wrap;justify-content:center}
#btmform .close-btn{background:transparent;border:none;color:#000;font-size:3vw;cursor:pointer;padding:0.5vw;background-color:#fff;padding:3vw}


#btmform .close-btn{background:transparent;border:none;color:white;cursor:pointer;font-size:4vw;font-style:normal;padding:0}
.wave-box{width:100%;height:40px;float:left;position:relative;background:#E7EDF1}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:40px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:40px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:40px;width:100%;float:left;line-height:30px;list-style:none}
.wave-list-box img{height:40px !important}

#btmmainbg{width:100%;float:left;padding-bottom:5vw;background:#2A5882;padding-top:5vw}
#btmmain{width:94vw;margin-left:auto;margin-right:auto;}
#btmmain .lista,#btmmain .listc{width:50%;float:left;padding-bottom: 6vw;}

#btmmain .listb,#btmmain .listd{width:100%;float:left;padding-bottom: 6vw;}
#btmmain .t{width:100%;float:left;line-height:1.2;font-size:4vw;color:#fff;position:relative}
#btmmain .t font{border-bottom:solid 2px #fff;padding-bottom:2vw}
#btmmain .m{width:100%;float:left;color:#D4DEE6;padding-top:4vw;line-height:3;font-size:3vw}
#btmmain .m dt{width:50%;float:left;}

#btmmain .b{width:100%;float:left}
#btmmain .b div{display: none;}

#btmmain .b dt{width:100%;float:left;color:#D4DEE6;padding-top:2vw;font-size:3vw;line-height:1.8;padding-top:6vw}


#btmcopr{width:100%;float:left;background:#244B6F;line-height:10vw;height:10vw;text-indent:3vw;color:#D4DEE6;font-size:2.5vw;text-align:left;position:relative}
#btmcopr div{display: none;}
#btmcopr span{display: none;}

#rightfix{position:fixed;z-index:99;width:6vw;bottom:2vw;right:2vw;border-radius:1vw;background-image:url(/Img/bg1.png);box-shadow:0 0 0.4vw rgba(0,0,0,0.3);padding:1vw}
#rightfix .tip-item{position:relative;float:left;margin-bottom:1vw;z-index:1;width:6vw;height:6vw;margin-top:1vw;cursor:pointer}
#rightfix .tip-item img{width:100%;height:100%;cursor:pointer;margin:0 !important;float:none !important}
#rightfix .tip-text{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);background:#000;color:#fff;font-size:2.5vw;padding:1vw 2vw;border-radius:3px;white-space:nowrap;z-index:9999;display:none;overflow:visible;line-height:1.5;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
#rightfix .tip-text::before{content:'';position:absolute;top:50%;left:100%;transform:translateY(-50%);width:0;height:0;border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #000;display:block;z-index:10000}
}

/*960PC屏幕开始-------------*/
@media only screen and (min-width:1024px) {
body {width:100%;font:20px/20px "microsoft yahei";color:#333;overflow-x: hidden;}
#navbarbg{width: 100%;float: left;height: 2.2vw;background-color: #efefef;}
#navbar{width: 94vw;margin-left: auto;margin-right: auto;}
.navbaradree{height: 2vw;font-size: 0.7vw;line-height: 2vw;float: right;color: #666;padding-left: 1vw;background-image: url(/Img/Pos.png);background-size: 0.6vw 0.6vw;background-position: left center;background-repeat: no-repeat;}
.navbaremail{height: 2vw;font-size: 0.7vw;line-height: 2vw;float: right;color: #666;padding-left: 1vw;background-image: url(/Img/Email.png);background-size: 0.6vw 0.6vw;background-position: left center;background-repeat: no-repeat;padding-right: 1.2vw;}
.navbartel{height: 2vw;font-size: 0.7vw;line-height: 2vw;float: right;color: #666;padding-left: 1vw;background-image: url(/Img/Tel.png);background-size: 0.6vw 0.6vw;background-position: left center;background-repeat: no-repeat;padding-right: 1.2vw;}

.navbarleft{float:left;width: 30vw;}
.navbarleft div{width:100%;float:left;padding-top:0.4vw}
.navbarleft div img{width:1.2vw;height:1.2vw;margin-right:0.4vw;float:left}
.navbarleft dt{width:100%;float:left;color:#D4DEE6;padding-top:0.4vw;font-size:0.8vw;line-height:1.6vw}
.navbarleft .tip-item{position:relative;float:left;margin-right:0.4vw;z-index:1;width:1.2vw;height:1.2vw}
.navbarleft .tip-item img{width:100%;height:100%;cursor:pointer;margin:0 !important;float:none !important}
.navbarleft .tip-text{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#000;color:#fff;font-size:12px;padding:4px 10px;border-radius:3px;white-space:nowrap;z-index:9999;display:none;overflow:visible;line-height:1.5;box-sizing:border-box}
.navbarleft .tip-text::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-width:0 5px 5px 5px;border-style:solid;border-color:transparent transparent #000 transparent;display:block;z-index:10000}
.navbarleft .tip-text:hover{cursor:text}


#topbg{width: 100%;float: left;height:6.8vw;background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
#top{width: 94vw;margin-left: auto;margin-right: auto;}


.topLogo{height: 2.8vw;float: left;padding-top: 2vw;}
#toptxt{float: left;padding-top: 2.3vw;padding-left: 0.8vw;}
#toptxt p:nth-child(1){font-size:1vw;color:#2A5882;font-weight: bold;}
#toptxt p:nth-child(2){font-size:0.58vw;color:#666;padding-top: 0.4vw;}


#topnav{float:right;height:6.8vw; line-height:6.8vw;font-size:1vw;color:#333;text-align:right; }
#topnav ul{display:inline-block;list-style:none;margin:0;padding:0;}


#topnav li{float:left;position:relative;background-image:linear-gradient(#0079C9,#2A5882);background-position:center bottom;background-size:0 2px;background-repeat:no-repeat;transition:.3s;padding-left:1.6vw;padding-right:1.6vw}
#topnav li:hover{background-size:100% 2px;cursor:pointer;color: #2A5882;}
#topnav li div{position:absolute;left:0;top:6.8vw;background-color:#fff;display:none;font-size:0.8vw;line-height:2.4vw;color:#666;white-space:nowrap;text-align:left;border-top:solid 1px #ececec;z-index:100}
#topnav li:hover div{display:block}
#topnav p{border-bottom:solid 1px #ececec;padding-left:1.2vw;padding-right:1.2vw;margin:0;cursor:pointer;min-width: 4vw;}
#topnav p:hover{color:#2A5882;background-color:#EDF2F5}

#topbtn{float:right;padding-top: 3vw;padding-left: 2.6vw;}
#topbtn font{background-color: #2A5882;color: #fff;font-size: 0.7vw;line-height: 0.8vw;border-radius: 0.4vw;padding-top: 0.6vw;padding-bottom: 0.6vw;padding-right: 1vw;padding-left: 1vw;}

#topbtn font:hover{background-color: #8B1B20;cursor:pointer;}

.bn{float:left;width: 100%;height: 40vw;overflow: hidden;margin-bottom: -10px}

#bannerbg{width: 100%;float: left;height: 50vw;background-color: #ccc;}


#maintitle{width: 100%;float:left;height:8vw;text-align: center;}
#maintitle dt{width: 100%;float:left;height:2.4vw;line-height:2.4vw;font-size:1.8vw;color:#2A5882;padding-top: 3vw;position: relative;font-weight: bold;}
#maintitle dt::after { content: ""; display: block; width: 6%;height: 0.1vw; margin: 0.5vw auto; background: linear-gradient(to right, #3C7CB7, #2A5882, #3C7CB7); border-radius: 0.2vw; }

#maintitlebs{width: 100%;float:left;height:8vw;text-align: center;}
#maintitlebs dt{width: 100%;float:left;height:2.4vw;line-height:2.4vw;font-size:1.8vw;color:#fff;padding-top: 3vw;position: relative;font-weight: bold;}
#maintitlebs dt::after { content: ""; display: block; width: 6%;height: 0.1vw; margin: 0.5vw auto; background: linear-gradient(to right, #95ACC1, #fff, #95ACC1); border-radius: 0.2vw; }


 #maincat{width:100%;height:28vw;display:flex;background-color:#333;overflow:hidden;position: relative;}
#maincat .left{width:15vw;height:28vw;background-color:#ccc}
#maincat .right{width:15vw;height:28vw;background-color:#ccc;position: absolute;top:0px;right:0px;z-index: 2;}

#maincat .mid{width:70vw;height:28vw;background-color:#8B1B20;display:flex;flex-wrap:wrap}
#maincat .grid-item{transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);position:relative;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;text-shadow:0 1px 3px rgba(0,0,0,0.5);background-size:cover;background-position:center;width:14vw;height:14vw}
#maincat .grid-item.large{width:15vw;height:28vw}
#maincat .grid-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1}
#maincat .title{position:relative;z-index:2;text-align:center;padding:1vw;transition:all 0.3s ease;font-size: 1.1vw;line-height: 2vw;}
#maincat .more-btn{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.2);backdrop-filter:blur(5px);border:none;color:white;padding:0.5vw 1.5vw;border-radius:2vw;font-size:0.7vw;cursor:pointer;transition:all 0.3s ease;z-index:2}
#maincat .more-btn:hover{background:rgba(255,255,255,0.3)}
#maincat .grid-item:hover{transform:scale(1.04);z-index:10;box-shadow:0 5px 15px rgba(0,0,0,0.3);cursor: pointer;}
#maincat .grid-item:hover .title{transform:translateY(-1vw)}
#maincat .grid-item:hover .more-btn{bottom:1vw}
#maincat .grid-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.7) 100%);opacity:0;transition:opacity 0.3s ease}
#maincat .grid-item:hover::after{opacity:1}

#mainabubg{width:100%;float:left;padding-bottom:3vw;background-color: #FFF;position: relative;}
#mainabu{display:flex;flex-wrap:wrap;width:94vw;box-shadow:0 10px 30px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-left:auto;margin-right:auto}
#mainabu .left-section{flex:1;min-width:30vw;background:#FFF;padding:30px;position:relative;background-image: url(/Img/bg2.png);background-repeat: no-repeat;background-size: 100% 100%;}
#mainabu .right-section{flex:1;width:40vw;background:#333;display:flex;align-items:center;justify-content:center;position:relative}
#mainabu .container::after{content:'';display:table;clear:both}
#mainabu .text-content{height:28vw;overflow-y:auto}
#mainabu .videopa{height:28vw;width:40vw; object-fit: cover;}
#mainabu .text-content::-webkit-scrollbar{width:6px}
#mainabu .text-content::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}
#mainabu .text-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}
#mainabu p{color:#34495e;font-size:0.8vw;line-height:1.4vw;margin-bottom:0.6vw}


#maincerbg{width:100%;float:left;padding-bottom:3vw;background-color:#2A5882;background-image:url(/Img/cerbg.png);background-repeat:no-repeat;background-size:100vw 32vw;}
#maincer{width:100%;float:left;height:17vw;}
#maincer .cert-container{max-width:90vw;margin:0 auto;position:relative;}
#maincer .cert-slider-wrapper{position:relative;padding:0 2vw;}
#maincer .cert-slider{position:relative;overflow:hidden;height:16.4vw;padding-top:0.4vw;}
#maincer .cert-track{display:flex;transition:transform 0.5s ease;height:16vw;}
#maincer .cert-item{min-width:12vw;height:16vw;margin:0 0.8vw;background:white;border-radius:0.6vw;box-shadow:0 0.1vw 0.2vw rgba(0,0,0,0.4);overflow:hidden;transition:transform 0.3s ease;position:relative;cursor:pointer;}
#maincer .cert-item:hover{transform:translateY(-5px);box-shadow:0 0.1vw 0.2vw #8AA3B9;}
#maincer .cert-img{width:100%;height:100%;object-fit:cover;}
#maincer .nav-btnA{position:absolute;top:50%;transform:translateY(-50%);width:3vw;height:3vw;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0.1vw 0.2vw rgba(0,0,0,0.2);z-index:10;border:none;font-size:1.6vw;color:#2A5882;transition:all 0.3s ease;}
#maincer .nav-btnA:hover{background:#f1f5f9;transform:translateY(-50%) scale(1.1);}
#maincer .prev-btnA{left:-1.5vw;}
#maincer .next-btnA{right:-1.5vw;}
/* 放大模态框样式 */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.modal-overlay.active{opacity:1;visibility:visible;}
.modal-overlay .modal-content{max-width:80%;max-height:80%;position:relative;}
.modal-overlay .modal-img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.3);}
.modal-overlay .close-btn{position:absolute;width:3vw;height:3vw;border-radius:3vw;top:-3.4vw;right:0;cursor:pointer;background:#fff;background-image:url(/Img/close.png);background-size:1.2vw 1.2vw;background-repeat:no-repeat;background-position:center center;}



#mainfac{width:100%;float:left;}
#mainfac .scroll-columns-container{display:flex;width:100vw;}
#mainfac .scroll-column{width:16.666%;height:34vw;position:relative;overflow:hidden;transition:all 0.5s ease;}
#mainfac .image-track{position:absolute;width:100%;display:flex;flex-direction:column;animation:scroll 150s linear infinite;/* 减慢滚动速度 */}
#mainfac .image-track:nth-child(2){animation-delay:-60s;/* 错开时间实现无缝 */}
#mainfac .scroll-column:nth-child(even) .image-track{animation-direction:reverse;/* 偶数列反向滚动 */}
#mainfac .image-track img{width:100%;object-fit:cover;flex-shrink:0;transition:transform 0.5s ease;}
#mainfac .scroll-column:hover{background:rgba(0,0,0,0.7);}
.scroll-column:hover img{transform:scale(1.05);filter:brightness(0.6);}
#mainfac .contact-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);padding:12px 24px;background:linear-gradient(135deg,#8B1B20,#2A5882);color:white;border:none;border-radius:30px;font-size:16px;font-weight:bold;cursor:pointer;opacity:0;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 15px rgba(0,0,0,0.2);z-index:100;}
#mainfac .scroll-column:hover .contact-btn{opacity:1;transform:translate(-50%,-50%) scale(1);}
#mainfac .contact-btn:hover{background:#2A5882;box-shadow:0 6px 20px rgba(0,0,0,0.3);}

      
 #btmformbg{width:100%;position:relative;float:left;height:34vw;font-family:"microsoft yahei";}
/* 粒子效果 */
 #particles-js{position:absolute;width:100%;height:34vw;z-index:-1;background:#E1E8ED;opacity:0.8;}
#btmform{width:94vw;display:flex;flex:1;flex-direction:column;margin-left:auto;margin-right:auto;}
#btmform .contact-form{width:88vw;background-image:url(/Img/bg1.png);border-radius:2vw;padding:3vw;}
#btmform .form-row{width:100%;display:flex;gap:1vw;margin-bottom:1vw;}
#btmform  .form-group{flex:1;min-width:0;position:relative;}
#btmform  .form-input{width:40.2vw;padding-top:1vw;padding-bottom:1vw;padding-left:1.8vw;padding-right:1vw;font-size:0.8vw;background:#fff;border-radius:0.25vw;color:#333;transition:all 0.3s ease;color:#000;}
#btmform .form-input::placeholder{font-size:0.8vw;color:#666;}
#btmform  .form-input:focus{outline:none;border-color:#2A5882;box-shadow:0 0 1vw rgba(58,123,213,0.3);background:white;}
#btmform  .form-label{position:absolute;left:1vw;top:1.06vw;font-size:0.8vw;color:#2A5882;transition:all 0.3s ease;pointer-events:none;font-style:normal;padding-top:0;padding-bottom:0.5vw;}
#btmform .form-text{width:85.6vw;padding-top:1vw;padding-bottom:1vw;padding-left:1vw;padding-right:1vw;font-size:0.8vw;background:#fff;border-radius:0.25vw;color:#333;transition:all 0.3s ease;color:#000;font-family:"microsoft yahei";}
#btmform .form-text::placeholder{font-size:0.8vw;}
#btmform .form-text:focus{outline:none;border-color:#2A5882;box-shadow:0 0 1vw rgba(58,123,213,0.3);background:white;}
#btmform .action-row{width:87.6vw;display:flex;gap:1vw;margin-top:1vw;align-items:center;}
#btmform .captcha-group{flex:2;position:relative;}
#btmform .captcha-image{height:3vw;width:3vw;flex:1;background:#ddd;border-radius:0.25rem;display:flex;justify-content:center;align-items:center;font-size:1.25rem;letter-spacing:0.5rem;user-select:none;cursor:pointer;transition:all 0.3s ease;}
#btmform .captcha-image:hover{background:#e9e9e9;}
#btmform .submit-btn{flex:1;height:3vw;width:10vw;font-size:1vw;background:#2A5882;border:none;border-radius:0.25vw;color:white;cursor:pointer;transition:all 0.3s ease;}
#btmform .submit-btn:hover{background:#8B1B20;}
/* 错误提示样式 - 浮动显示 */
#btmform .error-tip{position:absolute;left:0;top:100%;background:#8B1B20;color:white;padding:6px 12px;border-radius:4px;font-size:0.6vw;z-index:10;opacity:0;transform:translateY(-10px);transition:opacity 0.3s,transform 0.3s;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,0.1);width:max-content;max-width:100%;}
#btmform .error-tip:before{content:'';position:absolute;bottom:100%;left:10px;border-width:5px;border-style:solid;border-color:transparent transparent #8B1B20 transparent;}
#btmform .error-tip.show{opacity:1;transform:translateY(0);font-style:normal;}
/* 成功提示样式 */
#btmform .success-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:#4CAF50;color:white;padding:16px 24px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);z-index:1000;opacity:0;transition:opacity 0.3s,transform 0.3s;max-width:80%;}
#btmform .success-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1);}
#btmform .toast-content{display:flex;align-items:center;gap:16px;}
#btmform .close-btn{background:transparent;border:none;color:white;cursor:pointer;font-size:16px;font-style:normal;padding:0;}

.wave-box{width:100%;height:60px;float:left;position:relative}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:60px}
#btmmainbg{width:100%;float:left;padding-bottom:3vw;background:#2A5882;padding-top:2vw}
#btmmain{width:94vw;margin-left:auto;margin-right:auto}
#btmmain .lista{width:16vw;float:left}
#btmmain .listb{width:30vw;float:left}
#btmmain .listc{width:12vw;float:left}
#btmmain .listd{width:32vw;float:right}
#btmmain .t{width:100%;float:left;line-height:1.2vw;font-size:1vw;color:#fff;position:relative}
#btmmain .t font{border-bottom:solid 2px #fff;padding-bottom:1vw}
#btmmain .m{width:100%;float:left;color:#D4DEE6;padding-top:1.6vw;line-height:2vw;font-size:0.8vw}
#btmmain .m dt{width:40%;float:left;height:2vw;overflow:hidden}
#btmmain .m dt:hover{cursor:pointer;color:#fff}
#btmmain .m dd:hover{cursor:pointer;color:#fff}
#btmmain .a{width:100%;float:left;color:#D4DEE6;padding-top:1.6vw;font-size:0.8vw}
#btmmain .a dd{width:100%;float:left;height:1.6vw;line-height:1.6vw}
#btmmain .b{width:100%;float:left}
#btmmain .b div{width:100%;float:left;padding-top:2.4vw}
#btmmain .b div img{width:2vw;height:2vw;margin-right:0.6vw;float:left}
#btmmain .b dt{width:100%;float:left;color:#D4DEE6;padding-top:0.6vw;font-size:0.8vw;line-height:1.6vw}
#btmmain .tip-item{position:relative;float:left;margin-right:0.6vw;z-index:1;width:2vw;height:2vw}
#btmmain .tip-item img{width:100%;height:100%;cursor:pointer;margin:0 !important;float:none !important}
#btmmain .tip-text{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#fff;color:#2A5882;font-size:12px;padding:4px 10px;border-radius:3px;white-space:nowrap;z-index:9999;display:none;overflow:visible;line-height:1.5;box-sizing:border-box}
#btmmain .tip-text::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-width:0 5px 5px 5px;border-style:solid;border-color:transparent transparent #fff transparent;display:block;z-index:10000}
#btmmain .tip-text:hover{cursor:text}

#btmcopr{width:100%;float:left;background:#244B6F;line-height: 3vw;height: 3vw;text-indent: 3vw;color:#D4DEE6;font-size:0.7vw;text-align: left;position: relative;}
#btmcopr div{position: absolute;bottom: 0px;height: 2vw;width: 3vw;background-color: #BEC9D4;right: 3vw;border-top-left-radius: 0.5vw;border-top-right-radius:0.5vw;background-image: url(/Img/top.png);background-repeat: no-repeat;background-position: center center;background-size: 1.2vw 0.68vw;}
#btmcopr div:hover{cursor: pointer;background-color: #fff;}

#rightfix{position:fixed;z-index:99;width:1.6vw;bottom:0.2vw;right:0.2vw;border-radius:0.4vw;background-image:url(/Img/bg1.png);box-shadow:0 0 0.4vw rgba(0,0,0,0.3);padding:0.2vw}
#rightfix .tip-item{position:relative;float:left;margin-bottom:0.1vw;z-index:1;width:1.6vw;height:1.6vw;margin-top:0.1vw;cursor:pointer}
#rightfix .tip-item img{width:100%;height:100%;cursor:pointer;margin:0 !important;float:none !important}
#rightfix .tip-text{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);background:#000;color:#fff;font-size:12px;padding:4px 10px;border-radius:3px;white-space:nowrap;z-index:9999;display:none;overflow:visible;line-height:1.5;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
#rightfix .tip-text::before{content:'';position:absolute;top:50%;left:100%;transform:translateY(-50%);width:0;height:0;border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #000;display:block;z-index:10000}
#rightfix .tip-text:hover{cursor:text}


@keyframes scroll {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-100%);
            }
        }


}