html{-webkit-text-size-adjust:none;font-size:62.5%}
body{color:#666;margin:0;padding:0}
input,select,textarea{border-radius:0;outline:0}
input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none}
::after,::before,a{font-size:14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color:#372e50}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.fullscreen,.fullscreen body{width:100%;height:100%}
.pcshow{display:block}
.mbshow{display:none!important}
.clear{clear:both}
.img{position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#ccc}
.pic{position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.img img,.pic img{max-width:100%;max-height:100%;margin:auto;padding:0;border:0;width:100%;height:auto;border:none}
.img-center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;width:auto!important;height:auto!important;z-index:1;max-width:600px;max-height:100%}
.img-block{display:block;width:100%;height:auto}
.img-inline{display:inline-block;width:auto;height:auto;max-width:100%}
.clamp1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.font-style1{color:transparent;-webkit-text-stroke:2px #00479d;text-stroke:2px #00479d}
.send-mark{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;background:rgba(255,255,255,.5)}
.send-mark.cur{display:none}
.send-mark i{display:block;width:4.8rem;height:4.8rem;background:url(../images/loading.gif) center no-repeat;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px;margin:4px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00479d 0,#06c 100%);border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:all .3s ease}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06c 0,#08f 100%);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 10px rgba(0,71,157,.5)}
::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#036 0,#00479d 100%)}
::-webkit-scrollbar-corner{background:rgba(0,0,0,.1)}
::-webkit-scrollbar:horizontal{display:none}
.w-max{width:max-content}
.main{position:relative;z-index:99}
.header .header-logo img{display:block!important}
.header .header-logo1 img{display:none!important}
.header.black .header-logo img,.header.hover .header-logo img,.header.scroll-down .header-logo img,.header.scroll-top .header-logo img{display:none!important}
.header.black .header-logo1 img,.header.hover .header-logo1 img,.header.scroll-down .header-logo1 img,.header.scroll-top .header-logo1 img{display:block!important}
.header.black .header-nav a,.header.hover .header-nav a,.header.scroll-down .header-nav a,.header.scroll-top .header-nav a{color:#2b2b2b}
.header{position:fixed;left:0;top:0;z-index:500;width:100%;transition:all .4s ease;background-color:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px 0 rgba(31,38,135,.1)}
.header *{transition:all .4s ease}
.header-content{width:100%;height:7.5rem;margin:auto;position:relative;z-index:8;text-align:center;font-size:0}
.header-left{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:5;width:50%;display:flex;align-items:center}
.header-right{color:#000;text-align:right;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center}
.header-logo,.header-logo1{max-width:19.5rem;max-height:80%;overflow:hidden}
.header-logo a,.header-logo1 a{display:block;width:100%}
.header-nav{display:flex;margin-left:4rem}
.header-nav li,.header-nav ul{list-style:none;margin:0;padding:0;display:flex}
.header-nav li{margin-left:4rem;position:relative}
.header-nav a{color:#d9d9d9;position:relative}
.header-nav a:hover,.header-nav li.cur a{color:#3200c8}
.header-link{font-size:0;margin-left:5rem}
.header-link .link-1:first-child::after{content:'';width:1px;height:1rem;display:inline-block;vertical-align:middle;background:#e5e5e5;margin:0 2rem}
.header-link .link-1:first-child{display:none}
.link-1{display:inline-block;vertical-align:middle}
.linkbtn-1{display:inline-block;vertical-align:middle;text-align:center;padding:0;box-sizing:border-box;font-size:0}
.linkbtn-1 a{display:inline-block;vertical-align:middle}
.linkbtn-1 i{width:2.5rem;height:2.5rem;position:relative;display:inline-block;vertical-align:middle}
.linkbtn-1 span{display:inline-block;vertical-align:middle;margin-left:.5rem}
.link-1.more-menu .linkbtn-1 span{padding-right:0;position:relative}
.link-1.more-menu .linkbtn-1 span::after{content:'';width:.8rem;height:1.2rem;position:absolute;right:0;top:50%;background:url(../images/r.png) right center no-repeat;background-size:80% 80%;filter:invert(1) brightness(4);transform:translateY(-50%) rotate(90deg);display:none}
.detail .header,.header.black,.header.cur,.header.hover,.header.scroll-down,.header.scroll-top{background:#fff}
.header.black::after,.header.hover::after{display:block}
.header-nav-show{position:fixed;left:0;top:0;width:100%;z-index:111;overflow:hidden;transition:all .4s ease}
.header-nav-show.Hide{opacity:0;height:0;z-index:111}
.header-nav-show-content{width:100%;position:relative;overflow:hidden;transition:all .4s ease;background:#fff;overflow:hidden;margin-top:7.5rem}
.header-show-mark.cur{display:block;opacity:1;z-index:100}
.header-show-mark{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;overflow:hidden;transition:all .4s ease;background:rgba(0,0,0,.7);opacity:0}
.header-navshow-content{padding:3% 0;overflow:hidden;width:90%;margin:auto}
.header-product-class{float:left;width:24.222%;overflow:hidden;position:relative;margin-bottom:1%;margin-right:1%}
.header-product-class.mr0{margin-right:0}
.header-product-class a{display:block;position:relative;overflow:hidden;background:#f0f2f4}
.header-product-class a::before{content:'';width:0;height:3px;position:absolute;left:0;top:0;background:#3200c8;z-index:11}
.header-product-class .icon-1{position:absolute;left:5%;bottom:0;width:25%;height:auto;z-index:11;max-height:100%}
.header-product-class .title-1{position:absolute;left:40%;top:50%;transform:translateY(-50%);z-index:12;color:#372e50}
.header-product-class a:hover .title-1{color:#00479d}
.header-product-class a:hover::before{width:100%}
.mheader-nav{z-index:399!important}
.menu-toggle{display:none;margin-left:2rem}
.menu-toggle a{display:inline-block;vertical-align:middle;box-sizing:border-box;width:60%;margin-top:-3px}
.cd-nav-trigger{display:inline-block;position:relative}
.menu-toggle i:before{display:inline-block;vertical-align:middle;color:#000;font-size:1.6rem}
.menu-toggle span.hamburger,.menu-toggle span.hamburger:after,.menu-toggle span.hamburger:before{content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-webkit-transition:transform .3s cubic-bezier(.6,0,.2,1);transition:transform .3s cubic-bezier(.6,0,.2,1);-webkit-transition-timing-function:cubic-bezier(.6,0,.2,1);transition-timing-function:cubic-bezier(.6,0,.2,1);transition-delay:.15s}
.menu-toggle span.hamburger:after{margin-top:-6px;top:0;transition-delay:.27s}
.menu-toggle span.hamburger:before{margin-top:6px;top:0;transition-delay:.2s}
.menu-toggle span.cross{display:inline-block;vertical-align:middle;position:relative;width:100%;height:100%;position:absolute;left:0;top:0}
.menu-toggle span.cross:after,.menu-toggle span.cross:before{content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:.12s}
.menu-toggle span.cross:after{transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg)}
.menu-toggle span.cross:after{-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg)}
.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before{-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:.12s}
.no-touch .menu-toggle span.hamburger:after{transition-delay:0s}
.no-touch .menu-toggle span.hamburger:before{transition-delay:70ms}
.no-touch .menu-toggle span.cross:before{transition-delay:.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.no-touch .menu-toggle span.cross:after{transition-delay:.24s;-webkit-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important}
.menu-toggle span.hamburger{display:inline-block;vertical-align:middle;position:relative;left:auto;margin:0;top:auto}
.menu-toggle .menu-text{display:inline-block;vertical-align:middle;margin-left:.4rem;position:relative;overflow:hidden;z-index:11}
.menu-toggle em{font-style:normal;color:#fff;display:block}
.menu-toggle em:last-child{position:absolute;left:0;top:0;opacity:0;transform:translateY(100%)}
.no-touch .menu-toggle em:first-child{transform:translateY(-100%)}
.no-touch .menu-toggle em:last-child{transform:translateY(0);opacity:1}
.footer{position:relative;clear:both;overflow:hidden;background:#1a1a1a;color:#8d8d8d;position:relative;z-index:11}
.footer li{list-style:none;margin:0;padding:0}
.footer-content{width:90%;margin:auto;font-size:0}
.footer-content-top{padding:5% 0 0;overflow:hidden}
.footer-content-left{float:left;width:20%}
.footer-logo{width:22rem;overflow:hidden}
.footer-contact{margin-top:5%}
.footer-contact .hotline-2{font-size:0}
.footer-contact .hotline-2 .icon-1{width:3rem;height:3rem;display:inline-block;vertical-align:middle;margin-right:1rem}
.footer-contact .hotline-2 .tel-2{display:inline-block;vertical-align:middle;color:#fff}
.footer-contact .text-3{color:#6f6f6f;margin-top:1rem}
.footer-contact .botton-4{padding:2rem 0;overflow:hidden;margin-top:1rem}
.footer-contact .botton-4 a{font-size:0;padding:2rem 2rem;border:1px solid #372e50;margin-right:1rem;text-align:center;position:relative;background:#424242}
.footer-contact .botton-4 i{display:inline-block;vertical-align:middle;margin-left:1rem;width:1.7rem;height:1.1rem;background:url(../images/r2.png) center no-repeat;background-size:100%;position:relative;z-index:11;filter:invert(1)}
.footer-contact .botton-4 span{display:inline-block;vertical-align:middle;color:#fff}
.footer-contact .botton-4 a:hover{background:#2dd264}
.footer-contact .botton-4 a:hover i{filter:invert(1) brightness(5)}
.footer .followus-5{margin-top:4rem}
.footer .followus-5 .text-1{display:inline-block;vertical-align:middle}
.footer .followus-5 .icon-2{display:inline-block;vertical-align:middle}
.footer .followus-5 .icon-2 li{list-style:none;padding:0;margin:0;display:inline-block;vertical-align:middle;margin-left:1rem}
.footer .followus-5 .icon-2 li a{display:block;width:4rem;height:4rem;position:relative;border-radius:100%;overflow:hidden;border:1px solid #333}
.footer .followus-5 .icon-2 li img{max-width:100%;max-height:100%;width:100%}
.footer .followus-5 .icon-2 li a:hover{background:#2dd264;border:1px solid #2dd264}
.footer-content-right{float:right;width:50%}
.footer-nav{display:flex;flex-wrap:wrap}
.footer-nav li,.footer-nav ul{list-style:none;margin:0;padding:0}
.footer-nav ul{float:left;min-width:33%;margin-bottom:10%}
.footer-nav ul:nth-child(3),.footer-nav ul:nth-child(6){margin-right:0}
.footer-nav ul a.font16{color:#fff;position:relative;display:block}
.footer-nav ul a.font16::after{content:'';width:80%;height:4px;background:#2a2a2a;display:block;overflow:hidden;margin-top:2rem}
.footer-nav li{overflow:hidden;margin-top:1.5rem;position:relative}
.footer-nav ul li a{color:#a1a1a1;display:block;margin:1rem 0;overflow:hidden}
.footer-nav ul li a:hover{color:#fff}
.footer-nav ul a:hover{color:#2dd264}
.footer-content-bottom{overflow:hidden;position:relative}
.footer-content-bottom .footer-content{padding:1% 0 1.5% 0;position:relative}
.footer-content-bottom a{color:#a1a1a1;margin:0 1rem}
.footer-content-bottom a:hover{color:#fff}
.footer-content-bottom .followus-5{position:absolute;top:50%;transform:translateY(-50%);right:0;display:block;margin:0}
.footer .footer-content-bottom .followus-5 .icon-2 li a{margin:0}
.footer-link a:first-child{margin-right:1rem;margin-left:0}
.footer-copy{overflow:hidden;margin-top:1rem}
.footer-rlink{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.footer-rlink span{display:inline-block;vertical-align:middle}
.footer-rlink span img{max-width:15px;display:block}
.swiper-industrial{height:100vh;width:100vw;background:#1a1a1a}
.swiper-industrial .swiper-slide{position:relative;background-image:linear-gradient(rgba(40,40,40,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(40,40,40,.5) 1px,transparent 1px)}
.swiper-slide-with-image{background-size:cover;background-position:center;background-repeat:no-repeat}
.swiper-industrial .swiper-slide::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 100%);z-index:1}
.swiper-industrial .swiper-slide::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:50px 50px;pointer-events:none;z-index:2}
.industrial-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 120px;z-index:3}
.industrial-tag{display:inline-block;padding:8px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase;width:fit-content}
.industrial-title{font-size:64px;color:#fff;font-weight:700;margin-bottom:20px;line-height:1.2}
.industrial-desc{color:#aaa;max-width:700px;line-height:1.8}
.swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,.3);opacity:1;margin:0 8px;transition:all .3s}
.swiper-pagination-bullet-active{background:#00479d;width:30px;border-radius:5px}
.swiper-button-next,.swiper-button-prev{color:rgba(255,255,255,.5);width:60px;height:60px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:rgba(0,0,0,.3);transition:all .3s}
.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(30,144,255,.3);border-color:#1e90ff;color:#fff}
.swiper-button-next::after,.swiper-button-prev::after{font-size:20px;font-weight:700}
@media (max-width:768px){.industrial-content{padding:0 40px}
    .industrial-title{font-size:42px}
}
.index-product{padding:3% 0 5% 0;overflow:hidden;position:relative;z-index:20;background:#fff}
.index-product-content{overflow:hidden}
.arcos-button,.contact-send{margin-top:2%;overflow:hidden}
.arcos-button a,.contact-send a{display:inline-block;vertical-align:middle;font-size:0;padding:1rem 2rem;border:1px solid #372e50;margin-right:1rem;text-align:center;position:relative}
.arcos-button a::after,.contact-send a::after{content:'';width:0;height:100%;position:absolute;left:0;top:0;z-index:1;background:#372e50}
.arcos-button span,.contact-send span{display:inline-block;vertical-align:middle;position:relative;z-index:10}
.arcos-button i,.contact-send i{display:inline-block;vertical-align:middle;margin-left:1rem;width:1.7rem;height:1.1rem;background:url(../images/r2.png) center no-repeat;background-size:100%;position:relative;z-index:11}
.arcos-button a:hover::after,.contact-send a:hover::after{width:100%}
.arcos-button a:hover span,.contact-send a:hover span{color:#fff}
.arcos-button a:hover i,.contact-send a:hover i{filter:invert(1) grayscale(1)}
.index-product-left .arcos-button a:first-child{background:#372e50}
.index-product-left .arcos-button a:first-child span{color:#fff}
.index-product-left .arcos-button a:first-child i{filter:invert(1)}
.index-product-left .arcos-button a:first-child:hover:after{background:#3200c8}
.tsemid-ctrl{margin-top:3%}
.tsemid-ctrl .iproduct-next,.tsemid-ctrl .iproduct-prev{display:inline-block;vertical-align:middle;position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin:0}
.tsemid-ctrl .iproduct-next::after,.tsemid-ctrl .iproduct-prev::after{font-size:2.4rem;top:50%;position:absolute;transform:translateY(-50%)}
.tsemid-ctrl-line{display:inline-block;vertical-align:middle;margin:0 4rem;width:1px;height:3rem;background:#999;opacity:.5}
.tsemid-ctrl .iproduct-next::after{right:0;left:auto}
.index-product-center{position:relative}
.index-product-center .img-center{z-index:10}
.index-product-left{position:relative;z-index:5;width:80%;text-align:center;margin:auto;margin-top:-5%}
.index-product-left .title-1{color:#333;position:relative}
.index-product-left .title-1::before{content:'';width:2rem;height:6.5rem;position:absolute;left:-7%;top:-1rem;background:#2b2b2b;display:none}
.index-product-item .english-1{position:absolute;left:0;text-align:center;width:100%;top:50%;transform:translateY(-50%);z-index:99999}
.index-product-item .english-1 span{display:block;letter-spacing:-4px;color:transparent;-webkit-text-stroke:2px rgb(0 71 157 / 40%);text-stroke:2px rgb(0 71 157 / 40%)}
.index-product-item .img-block{z-index:9}
.index-product-item .img-center{max-width:80%;max-height:70%}
.index-product-right{position:relative;text-align:center;margin:auto;width:100%;z-index:11}
.index-product-list{overflow:hidden;text-align:center;margin-top:2%}
.index-product-list li{list-style:none;margin:0;padding:1rem 2rem;display:inline-block;vertical-align:middle}
.index-product-list li a{display:block}
.index-product-list li span{display:inline-block;position:relative;color:#372e50;opacity:.6}
.index-product-list li span::after{content:'';width:0%;height:2px;position:absolute;left:0;bottom:-5px;background:#00479d}
.index-product-list li.cur span{opacity:1;color:#00479d}
.index-product-list li.cur span::after{width:100%}
.index-product-item{position:relative;overflow:hidden}
.index-product-swiper{margin-top:-5%}
.index-product-swiper .swiper-wrapper{transition-delay:0s}
.index-product-swiper .index-product-item{opacity:1}
.index-product-swiper .index-product-item .english-1 span{opacity:0;transition:all .4s ease-in;transition-delay:.3s;font-weight:bolder}
.index-product-swiper .index-product-item .img-center{transform:translateX(200px);opacity:0;transition:all .4s ease-in-out}
.index-product-swiper .index-product-item .index-product-left{opacity:0;transition:all .4s ease-in;transition-delay:.4s}
.index-product-swiper .swiper-slide-prev .index-product-item .img-center{transform:translateX(200px)}
.index-product-swiper .swiper-slide-next .index-product-item .img-center{transform:translateX(-200px)}
.index-product-swiper .swiper-slide-active .index-product-item{opacity:1}
.index-product-swiper .swiper-slide-active .index-product-item .img-center{opacity:1;transform:translateX(0)}
.index-product-swiper .swiper-slide-active .index-product-item .english-1 span{opacity:1}
.index-product-swiper .swiper-slide-active .index-product-item .index-product-left{opacity:1}
.index-product-swiper .swiper-button-prev{left:3%}
.index-product-swiper .swiper-button-next{right:3%}
.index-product-swiper .swiper-button-next,.index-product-swiper .swiper-button-prev{opacity:.5;transition:all .4s ease}
.index-product-swiper .swiper-button-next:hover,.index-product-swiper .swiper-button-prev:hover{opacity:1}
.index-our-application{overflow:hidden;background:#f0f2f4;padding:5% 5% 0 5%;position:relative;z-index:50}
.index-our-application-content{background:#fff;box-sizing:border-box;overflow:hidden;padding:5% 0}
.index-our-application-top{position:relative}
.index-our-application-top .tsemid-title{padding:0 5%}
.tsemid-title{position:relative}
.tsemid-title .english-1{color:#333;margin-top:4rem}
.tsemid-title .title-2{color:#00479d;margin-top:2rem}
.index-our-application-bottom{width:90%;margin:auto;margin-top:1%;overflow:hidden;display:flex;justify-content:space-between}
.index-our-application-item{overflow:hidden;width:24%}
.index-our-application-item a{display:block;position:relative}
.index-our-application-item .pic-3,.index-our-application-item a{background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#000}
.index-our-application-item a::after{content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:1;background:#fff}
.index-our-application-item .top-1{position:absolute;left:0;top:0;z-index:2;width:100%;padding-top:20%}
.index-our-application-item .top-1::after{content:'';width:.5rem;height:0;position:absolute;left:0;top:0;background:#00479d}
.index-our-application-item .title-1{color:#372e50}
.index-our-application-item .text-2{overflow:hidden;color:#c2c1c8;margin-top:.5rem;font-weight:700}
.index-our-application-item .introduce-2{position:absolute;left:0;top:50%;z-index:2;width:90%;opacity:0;box-sizing:border-box;padding:15% 10%;background:rgba(255,255,255,.8);transform:translateX(-100%)}
.index-our-application-item .text-3{color:#000}
.index-our-application-item .lineY-1,.index-our-application-item .lineY-2{position:absolute;width:1rem;height:0;position:absolute;right:0;top:0;background:#00479d;transition-delay:.1s}
.index-our-application-item .lineY-2{right:1rem;width:2rem;background:#333;transition-delay:.2s}
.index-our-application-item .pic-3{position:absolute;left:0;top:34%;z-index:2;width:100%}
.index-our-application-item a:hover .pic-3,.index-our-application-item a:hover::after{opacity:0}
.index-our-application-item a:hover .title-1{color:#fff}
.index-our-application-item a:hover .text-2{color:#00479d}
.index-our-application-item a:hover .introduce-2{opacity:1;transform:translateX(0)}
.index-our-application-item a:hover .top-1{left:10%;width:80%}
.index-our-application-item a:hover .top-1::after{height:5rem}
.index-our-application-item a:hover .lineY-1,.index-our-application-item a:hover .lineY-2{height:100%}
.lineX-1,.lineX-2{width:8.5rem;height:2rem;display:block;position:relative}
.lineX-2{width:20rem}
.lineX-1 i,.lineX-2 i{position:absolute;left:0;top:0;width:0;height:100%}
.lineX-1 i{background:#333}
.lineX-2 i{background:#00479d}
@keyframes lineinW{0%{width:0%}
    100%{width:100%}
}
.lineinW{-webkit-animation-name:lineinW;animation-name:lineinW;-webkit-animation-duration:1s;animation-duration:1s}
@keyframes lineinY{0%{height:0%}
    100%{height:100%}
}
.lineinY{-webkit-animation-name:lineinY;animation-name:lineinY;-webkit-animation-duration:1s;animation-duration:1s}
.liney-ain{position:absolute;left:10%;top:0;z-index:1}
.liney-ain .liney-1,.liney-ain .liney-2{width:1.2rem;height:5rem;display:inline-block;vertical-align:top;position:relative;margin-right:1rem}
.liney-ain .liney-1 i,.liney-ain .liney-2 i{position:absolute;left:0;top:0;width:100%;height:100%;background:#00479d}
.liney-ain .liney-1{height:10rem}
.liney-ain .liney-2 i{background:#333}
.liney-ain2{position:absolute;right:20%;top:0;z-index:1}
.liney-ain2 .liney-1,.liney-ain2 .liney-2{width:2rem;height:15rem;display:inline-block;vertical-align:top;position:relative;margin-left:2rem}
.liney-ain2 .liney-1 i,.liney-ain2 .liney-2 i{position:absolute;left:0;top:0;width:100%;height:100%;background:#00479d}
.liney-ain2 .liney-1{height:20rem;margin-top:5rem}
.liney-ain2 .liney-2 i{background:#333}
.index-latest-news{padding:5% 0;overflow:hidden;position:relative;background:#fff;z-index:11;clear:both}
.index-latest-news-content{margin:auto;position:relative}
.index-latest-news-content .tsemid-title{width:60%;margin:auto}
.index-latest-news-center{margin-top:1%}
.index-latest-news-item{position:relative}
.index-latest-news-item a{overflow:hidden;position:relative;display:block}
.index-latest-news-item .latest-news-item-content{width:60%;margin:auto;border-bottom:1px solid #e4e7eb;padding:3% 0;display:flex;position:relative;z-index:1}
.index-latest-news-item .latest-news-item-content::after{content:'';width:1.7rem;height:1.1rem;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.5}
.index-latest-news-item .latest-news-item-content::after{background:url(../images/r2.png) center no-repeat;background-size:100%}
.index-latest-news-item .left-1{width:40%;display:flex}
.index-latest-news-item .number-1{width:20%;margin-top:1%}
.index-latest-news-item .title-1{width:70%}
.index-latest-news-item .right-2{width:33%;margin-left:10%}
.index-latest-news-item .text-1{color:#372e50}
.index-latest-news-item .date-1{margin-top:1rem}
.index-latest-news-item a:hover{background:#e4e7eb}
.index-latest-news-item a:hover .title-1{color:#3200c8}
.index-latest-news-item a:hover .latest-news-item-content::after{opacity:1}
.index-latest-news-item.active a{background:#e4e7ec}
.index-latest-news-item.active a .title-1{font-weight:700;color:#3200c8}
.index-latest-news-piclist{position:fixed;top:0;right:0;z-index:5;opacity:0;pointer-events:none;transform:translate(-50%,-50%);overflow:hidden;max-width:360px}
.latest-news-item-pic{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:none}
.index-latest-news-piclist-content{width:100%;height:0;padding-bottom:100%;position:relative;z-index:5;overflow:hidden;padding-bottom:59.25925925925926%}
.index-latest-news-piclist-content-list{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;text-align:center;overflow:hidden}
.index-latest-news-bottom{text-align:center;margin-top:5%}
.index-weare-tsemid{position:relative;background-color:#f0f2f4;z-index:11;clear:both;overflow:hidden}
.index-weare-tsemid-contents{overflow:hidden}
.index-weare-tsemid-content{width:100%}
.index-weare-tsemid-text{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:11;width:70%}
.index-weare-tsemid-text .entitle-1{color:#372e50}
.index-weare-tsemid-text .entitle-1 strong{color:#3200c8}
.index-weare-tsemid-text .title-2{color:#c2c1c8}
.index-technical-leader{float:right;width:50%;background:#f0f2f4;z-index:11;transition:all .4s ease;position:absolute;right:0;top:0;height:100%}
.index-technical-leader-content{z-index:1;width:80%;height:auto;margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.index-technical-leader-content .title-1{color:#372e50;padding-bottom:10rem}
.index-technical-leader-list{overflow:hidden;width:100%;height:auto}
.index-technical-leader-list-content{overflow:hidden;width:100%;height:auto}
.index-technical-leader-item{color:#372e50;width:90%;overflow:hidden;transition:all .4s ease;opacity:0;position:absolute;top:50%;transform:translateY(-55%)}
.index-technical-leader-item .title-2{overflow:hidden;color:#00479d}
.index-technical-leader-item .title-3{overflow:hidden;color:#333}
.index-technical-leader-item .text-3{color:#333;overflow:hidden;width:100%;margin-top:5%;text-align:justify}
.index-technical-leader-item .data-4{overflow:hidden;display:inline-block;color:#00479d;margin-top:5%}
.index-technical-leader-item .data-4 span{display:block;padding-bottom:1rem;border-bottom:1px solid #cbcbd3}
.index-technical-leader-item .data-4 strong{display:block}
.index-technical-leader-right{position:absolute;right:0;top:0;z-index:20;height:auto;width:100%}
.index-technical-leader-right .line-1{width:5px;margin:auto}
.index-technical-leader-right .line-1 i{display:block;width:1px;height:10rem;margin:auto;background:#ccc;overflow:hidden;position:relative}
.index-technical-leader-right .line-1 i em{width:100%;height:0%;background:#3200c8;position:absolute;left:0;top:0;transition:all .4s ease}
.index-technical-leader-right .text-2{margin-top:1rem;text-align:center}
.index-technical-leader-right .text-2 span{color:#000;position:relative}
.index-technical-leader-right .text-2 span em{position:absolute;left:0;top:0;width:100%;font-style:normal;background:#f0f2f4}
.index-technical-leader-right .text-2 span strong{font-weight:400;margin:0;padding:0;padding-right:2px}
.canvas{position:absolute;left:0;width:100%;height:100%;z-index:1;top:0}
.canvas canvas{width:100%;height:100%}
.index-contents,.index-weare-tsemid-contents{position:relative;overflow:hidden}
.index-iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:4}
.index-iframe iframe{display:block;width:100%;height:100%}
.index-technical-leader-swiper{width:100%;height:100%}
.index-technical-leader-swiper .swiper-slide .index-technical-leader-item{opacity:0}
.index-technical-leader-swiper .swiper-slide-active .index-technical-leader-item{opacity:1}
.index-technical-leader-swiper .swiper-slide{height:100%;overflow:hidden}
.technical-pagination{position:absolute;width:1px;left:auto;right:10%;top:50%;bottom:auto;font-size:1.4rem;transform:translateY(-50%);height:15rem}
.technical-pagination .swiper-pagination-progressbar-fill{background:#372e50}
.technical-pagination .num{width:10rem;text-align:center;margin-left:-5rem;position:absolute;top:110%}
.product-main{overflow:hidden;position:relative}
.product-main-banner{position:relative}
.product-main-banner-text{position:absolute;left:5%;top:65%;transform:translateY(-50%);z-index:11;width:50%}
.product-main-banner-text .lineX-1,.product-main-banner-text .lineX-2{margin-left:-10%}
.product-main-banner-text .lineX-1 i{background:rgba(55,46,80,.1) #3200c8}
.product-main-banner-text .lineX-2 i{background:rgba(55,46,80,.3) #2cd264}
.product-main-banner-text .title-1{margin-top:5%}
.product-main-banner-text .title-1 strong{font-weight:400;color:rgba(255,255,255,.9);text-shadow:2px 2px 4px rgba(0,0,0,.6)}
.product-main-banner-text .entitle-1{color:#372e50;opacity:.4}
.product-main-banner-text .entitle-1 span{color:rgba(255,255,255,.7);display:block;text-shadow:1px 1px 3px rgba(0,0,0,.4)}
.product-main-content{position:relative}
.product-main-nav{position:relative}
.product-main-nav::after{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background:#f1f1f1}
.product-main-nav li,.product-main-nav ul{list-style:none;margin:0;padding:0}
.product-main-nav ul{font-size:0;width:90%;margin:auto}
.product-main-nav ul.num6 li{width:16.6666%}
.product-main-nav li{display:inline-block;vertical-align:middle;position:relative;width:10%;text-align:center}
.product-main-nav a{display:block;position:relative;overflow:hidden}
.product-main-nav a::after{content:'';width:1px;height:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#f1f1f1}
.product-main-nav a:hover span::after{width:100%}
.product-main-nav li:last-child a::after{display:none}
.product-main-nav span{display:block;padding:2.5rem 0;overflow:hidden}
.product-main-nav span::after{content:'';width:0;height:4px;position:absolute;left:0;bottom:0;background:#00479d}
.product-main-nav li.cur a span::after,.product-main-nav:hover li.cur a:hover span::after{width:100%}
.product-main-nav:hover li.cur a span::after{width:0}
.product-main-list{padding:4% 0 1% 0;overflow:hidden;width:90%;margin:auto}
.product-main-item{float:left;width:24.2222%;overflow:hidden;margin-right:1%;margin-bottom:5%}
.product-main-item.tpi1{width:49.5%}
.product-main-item.mr0,.product-main-item.tpi3{margin-right:0}
.product-main-item.item1{clear:left}
.product-main-item a{display:block;position:relative;border-top:2px solid #ebebed}
.product-main-item .img{background-color:#f0f2f4}
.product-main-item a:hover{border-top:2px solid #00479d}
.product-main-item a:hover .img-center{transform:scale(1.05)}
.product-main-item .title-1{color:#372e50;position:relative}
.product-main-item .title-1::before{content:'';width:5px;height:100%;position:absolute;left:-1rem;top:0;background:#00479d}
.product-main-item a:hover .title-1::before{left:0}
.product-main-item a:hover .title-1{color:#00479d;padding-left:1rem}
.product-main-item .text{padding:2rem 0;overflow:hidden}
.product-main-item .text-1{color:#ccccce;margin-top:.4rem}
.product-main-item.cur a{border-top:2px solid #3200c8}
.product-main-item.cur a .title-1::before{left:0}
.product-main-item.cur a .title-1{color:#3200c8;padding-left:1rem}
.product-main-detial{overflow:hidden;position:relative}
.product-main-detial-content{position:relative}
.product-main-detial-left{position:absolute;width:50%;height:100%;left:0;top:0;overflow:hidden}
.product-main-detial-right{position:absolute;width:50%;height:100%;right:0;top:0;overflow:hidden}
.product-main-detial-right-content{position:absolute;width:70%;left:4%;top:50%;transform:translateY(-50%);overflow:hidden}
.product-main-detial-title{overflow:hidden}
.product-main-detial-title .title-1{color:#00479d}
.product-main-detial-title .model-1{overflow:hidden}
.product-main-detial-title .model-1 strong{color:#e7e7e7}
.product-main-detial-title .line-1{margin:3rem 0}
.product-main-detial-title .line-1 i{display:block;height:1.4rem;background:#e7e7e7;width:8rem;position:relative}
.product-main-detial-title .line-1 i::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#00479d}
.product-main-detial-title .text-1{color:#e7e7e7;text-align:justify}
.product-main-detial-parameter{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between}
.product-main-detial-parameter li{list-style:none;margin:0;padding:0;width:48%;border-bottom:1px solid #dcdde3;padding:1.5rem 0}
.product-main-detial-parameter li span{display:block;color:#92909e}
.product-main-detial-parameter li p{display:block;color:#372e50;margin:0;padding:0;margin-top:.2rem}
.product-main-detial-right .arcos-button{margin-top:4rem}
.product-main-features{padding:5% 0;overflow:hidden}
.product-main-features-content{width:90%;margin:auto}
.product-main-features-content-top{overflow:hidden;position:relative}
.product-main-features-content-top .entitle-1{color:#372e50}
.product-main-features-content-top .title-1{color:#cbcbd3}
.product-main-features-content-bottom{padding:5% 0;overflow:hidden}
.product-main-features-item{padding-left:2rem;position:relative}
.product-main-features-item::before{content:'';width:1px;height:100%;background:#cbcbd4;position:absolute;left:0;top:0}
.product-main-features-item::after{content:'';width:1px;height:30%;background:#2cd264;position:absolute;left:0;top:0;z-index:10}
.product-main-features-item .icon-1{width:5rem;height:5rem}
.product-main-features-item .icon-1 img{max-width:100%;max-height:100%;width:auto;display:block}
.product-main-features-item .title-1{color:#372e50;margin-top:5rem}
.product-main-features-item .text-1{color:#93919e;margin-top:1.5rem}
.product-main-features-button{position:absolute;right:0;bottom:0;z-index:11}
.product-main-features-button .swiper-button-lock{display:none}
.features-next,.features-prev{position:relative;margin:auto;left:auto;top:auto;right:auto;bottom:auto;width:auto;display:inline-block;vertical-align:middle;transform:none;background:#00479d}
.features-next,.features-prev{width:5rem;height:5rem}
.features-next.swiper-button-disabled,.features-prev.swiper-button-disabled{background-color:#cbcbd4;opacity:1}
.features-next::after,.features-prev::after{display:none}
.features-next::before,.features-prev::before{content:'';width:5rem;height:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;filter:invert(1)}
.features-prev::before{background:url(../images/r2.png) center no-repeat;transform:translate(-50%,-50%) rotate(180deg)}
.features-next::before{background:url(../images/r2.png) center no-repeat}
.features-next.swiper-button-disabled::before,.features-prev.swiper-button-disabled::before{background-color:#cbcbd4;filter:none}
.tsemid-contact-popup{position:fixed;z-index:900;width:40%;left:50%;top:50%;transform:translate(-50%,-950%);transition:all .4s ease;background:#fff}
.tsemid-contact-popup-content{padding:5%;overflow:hidden}
.tsemid-contact-popup-content .title-1{color:#372e50}
.tsemid-popup-mark{background:#372e50;opacity:.4;position:fixed;left:0;top:0;width:100%;height:0;overflow:hidden;transition:all .4s ease;z-index:899}
.close-1{position:absolute;right:2%;top:2%;z-index:11}
.close-1 a{display:block;width:5rem;height:5rem;position:relative;transform:rotate(45deg)}
.close-1 a::after,.close-1 a::before{content:'';width:50%;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000}
.close-1 a::before{transform:translate(-50%,-50%) rotate(90deg)}
.close-1 a:hover{transform:rotate(-45deg)}
.popup .tsemid-contact-popup{transform:translate(-50%,-50%)}
.popup .tsemid-popup-mark{height:100%}
.application-main{position:relative}
.application-main-banner{position:relative}
.application-main-list{width:90%;position:relative;margin:auto;padding:5% 0 0 0;display:flex;justify-content:space-between}
.application-main-content-left{float:left;width:45%}
.application-main-class{width:100%;height:100vh;opacity:0;transition:all .45s;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.application-main-class.is-active{opacity:1}
.application-main-title{width:100%;position:-webkit-sticky;position:sticky;top:28rem}
.application-main-title-content{align-items:flex-start;position:static;overflow:visible}
.application-main-title .title-1{position:relative}
.application-main-title .title-1 i{position:relative;width:5rem;height:2rem;display:inline-block;vertical-align:middle}
.application-main-title .title-1 i::before{content:'';width:80%;position:absolute;left:0;bottom:0;background:#333;height:.8rem}
.application-main-title .title-1 i::after{content:'';width:80%;position:absolute;right:0;top:0;background:#01479d;height:.8rem}
.application-main-title .title-1 strong{font-weight:400;display:inline-block;vertical-align:middle;margin-left:1rem;color:#372e50}
.application-main-title .text-1{margin-top:1rem;color:#372e50}
.application-main-nav{overflow:hidden;margin:3rem 0}
.application-main-nav a{display:inline-block;vertical-align:middle;border:1px solid #ccc;margin-right:1rem;margin-bottom:1rem}
.application-main-nav span{padding:1rem 2rem;display:block;box-sizing:border-box;text-align:center;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;font-weight:400}
.application-main-linex{width:100%;height:1px;background:#000;margin-top:1rem}
.application-main-content-right{width:40%;height:100%;height:100vh;position:-webkit-sticky;position:sticky;top:10rem}
.application-main-content-pic{width:100%;height:100%;max-width:100%;max-height:100%;position:relative}
.application-main-item{width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transition:all .45s;opacity:0}
.application-main-item.is-active{opacity:1}
.application-main-item img.img-block{position:absolute;max-height:80%;transition:all .4s ease;top:0;opacity:0;width:auto;height:80%;right:0}
.application-main-item.is-active img{opacity:1}
.application-main-content-left .application-main-class:last-child .application-main-title{top:10rem;position:relative}
.application-main-content-left .application-main-class:last-child .application-main-linex{display:none}
.arcos-technology-and-services .product-main-banner-text .entitle-1 span,.arcos-technology-and-services .product-main-banner-text .title-1 strong{color:#fff}
.tsemid-scientific-research{background:#f1f2f4;padding:5% 0;overflow:hidden}
.tsemid-scientific-research-top{position:relative}
.tsemid-scientific-research-center{margin-top:3%}
.tsemid-scientific-research-left{float:left;width:40%}
.tsemid-scientific-research-list{position:relative;border-bottom:1px solid #dedee3}
.arcos-scientific-research-item{position:relative;color:#372e50}
.arcos-scientific-research-item .title-1{position:relative;border-top:1px solid #dedee3;padding:3rem 0;cursor:pointer;color:#93919e}
.arcos-scientific-research-item .title-1 i{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2rem;height:2rem}
.arcos-scientific-research-item .title-1 i::after,.arcos-scientific-research-item .title-1 i::before{content:'';width:100%;height:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000}
.arcos-scientific-research-item .title-1 i::after{transform:translate(-50%,-50%) rotate(90deg)}
.arcos-scientific-research-item .title-1.cur{color:#333;border-top:1px solid #372e50}
.arcos-scientific-research-item .title-1.cur i::after{display:none}
.arcos-scientific-research-item .text-1{padding:0 0 5rem 0;overflow:hidden;text-align:justify;width:90%;display:none;color:#333}
.arcos-scientific-research-right{float:right;width:50%;overflow:hidden}
.arcos-scientific-research-swiper .swiper-pagination{width:auto;left:3%;bottom:5%}
.arcos-scientific-research-swiper .swiper-pagination span{background:#fff}
.arcos-scientific-research-bottom{clear:both;overflow:hidden;padding-top:4%}
.arcos-scientific-research-data{overflow:hidden}
.arcos-data-item{float:left;width:23.5%;margin-right:2%;margin-bottom:2%}
.arcos-data-item.mr0{margin-right:0}
.arcos-data-item .data-1{color:#00479d}
.arcos-data-item .data-1 strong{display:inline-block;vertical-align:middle;font-weight:400}
.arcos-data-item .data-1 sup{display:inline-block;vertical-align:middle}
.arcos-data-item .title-1{padding-top:2rem;border-top:2px solid #00479d;margin-top:1rem;color:#333}
.arcos-quality-control{overflow:hidden;background:#f1f2f4;padding-bottom:5%}
.arcos-quality-control .arcos-about-content{overflow:hidden;background:#fff;padding:5%;width:80%}
.arcos-quality-control-top{position:relative;text-align:center}
.arcos-quality-control-bottom{margin-top:5%;position:relative}
.arcos-quality-control-bottom::after,.arcos-quality-control-bottom::before{content:'';width:6px;height:6px;border-radius:100%;background:#00479d;top:50%;transform:translateY(-55%);position:absolute;z-index:50}
.arcos-quality-control-bottom::before{right:0;left:auto}
.arcos-quality-control-list{overflow:hidden;text-align:center;position:relative}
.arcos-quality-control-list::after{content:'';width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#e5e8ed;z-index:32}
.arcos-quality-control-item{display:inline-block;vertical-align:middle;position:relative;z-index:11;margin-left:-2%}
.arcos-quality-control-item a{display:block;position:relative;border:1px solid #e6e8ed;border-radius:50rem;width:22rem;height:22rem;background:#fff}
.arcos-quality-control-item .content-1{position:absolute;left:0;top:0;width:100%;height:100%}
.arcos-quality-control-item .icon-1{width:5rem;height:5rem;position:absolute;left:50%;top:15%;transform:translateX(-50%)}
.arcos-quality-control-item .point-1{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.arcos-quality-control-item .point-1 i{width:1.5rem;height:1.5rem;border:1px solid #e5e8ed;border-radius:100%;display:block;position:relative}
.arcos-quality-control-item .point-1 i::before{content:'';width:5px;height:5px;border-radius:100%;background:#e5e8ed;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute}
.arcos-quality-control-item .title-1{color:#372e50;position:absolute;left:10%;top:65%;text-align:center;width:80%}
.arcos-quality-control-item:hover{z-index:30}
.arcos-quality-control-item a:hover{background:#00479d;width:42rem}
.arcos-quality-control-item a:hover .title-1{color:#fff;font-size:2.4rem;letter-spacing:1rem}
.arcos-quality-control-item a:hover .icon-1 img{filter:invert(1) brightness(5)}
.arcos-after-sale-service{padding:5% 0;overflow:hidden}
.arcos-after-sale-service-top{overflow:hidden}
.arcos-after-sale-service-center{margin-top:4%;overflow:hidden}
.arcos-after-sale-service-item{float:left;width:31%;margin-right:2%;margin-bottom:2%;overflow:hidden}
.arcos-after-sale-service-item.mr0{margin-right:0}
.arcos-after-sale-service-item .text{color:#372e50;border-top:2px solid #372e50;padding:3rem 0;overflow:hidden}
.arcos-after-sale-service-item .title-1{color:#372e50}
.arcos-after-sale-service-item .text-1{margin-top:.6rem}
.arcos-after-sale-service-bottom{margin-top:2%;overflow:hidden;clear:both}
.arcos-after-sale-service-bottom .arcos-after-sale-service-item{width:100%;margin-right:0}
.arcos-after-sale-service-bottom .arcos-after-sale-service-item .text{float:left;width:48%}
.arcos-after-sale-service-bottom .arcos-after-sale-service-item .text-1{color:#9b98a4}
.arcos-after-sale-service-bottom .arcos-after-sale-service-item .text-2{margin-top:25%}
.arcos-after-sale-service-bottom .arcos-after-sale-service-item .arcos-button{margin-top:5%}
.arcos-after-sale-service-bottom .arcos-after-sale-service-item .img{float:right;width:50%}
.arcos-about-whois{overflow:hidden;background:#f0f2f4;padding:4% 0}
.arcos-about-whois .arcos-about-content{width:64%;margin:auto}
.arcos-about-whois-top{padding:3% 0;overflow:hidden}
.arcos-content-title .title-1{color:#333}
.arcos-content-title .title-1 strong{font-weight:400;color:#00479d}
.arcos-content-title .text-1{color:#00479d}
.arcos-about-whois-center{padding:5% 0;overflow:hidden;color:#333}
.arcos-about-whois-center .text-1{float:left;width:35%}
.arcos-about-whois-center .text-2{float:right;width:50%;border-top:2px solid #00479d;padding-top:1rem;text-align:justify;margin-top:1%}
.arcos-about-whois-bottom{overflow:hidden;clear:both;width:90%;margin:auto;margin-top:3%}
.arcos-about-whatcanwedo{background:#f0f2f4;padding:5% 0;overflow:hidden}
.arcos-about-whatcanwedo .arcos-about-content{width:64%;margin:auto;padding-bottom:3%}
.arcos-about-whatcanwedo-left{float:left;width:45%}
.arcos-about-text{padding-left:2rem;position:relative;overflow:hidden;margin-top:15rem;width:80%;text-align:justify}
.arcos-about-text::before{content:'';width:4px;height:100%;position:absolute;left:0;top:0;background-color:#00479d}
.arcos-about-text .title-2{color:#00479d}
.arcos-about-text .text-2{color:#372e50;margin-top:2rem}
.arcos-about-whatcanwedo-right{float:right;width:47%}
.arcos-about-whatcanwedo-right img{max-width:100%;display:block}
.arcos-about-history{padding:6% 0 5% 0;overflow:hidden}
.arcos-history-content{overflow:hidden}
.arcos-about-history-top{position:relative;width:90%;margin:auto}
.arcos-about-history-bottom{margin-top:3%;overflow:hidden;padding-bottom:2%}
.arcos-history-item{position:relative}
.arcos-history-item .timer-1{position:absolute;left:-1.8rem;top:0;z-index:2}
.arcos-history-item .timer-1 i{display:block;width:4rem;height:4rem;position:relative;background:#fff;border-radius:100%}
.arcos-history-item .timer-1 i::after{content:'';width:2rem;height:2rem;position:absolute;background:#00479d;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.arcos-history-item .timer-1 i::before{content:'';width:.7rem;height:.7rem;position:absolute;background:#fff;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.arcos-history-item .timeline-1{position:absolute;left:0;top:2rem;z-index:1;width:100%}
.arcos-history-item .timeline-1 i{display:block;width:100%;height:3px;background:#f1f0f3;position:relative}
.arcos-history-item .timeline-1 i::after{content:'';width:0;height:100%;position:absolute;background:#3200c8;left:0;top:0;transition:all 4s ease;z-index:11;display:none}
.arcos-history-item .history-text{padding:6rem 5rem 0 3rem;overflow:hidden;position:relative;color:#372e50;box-sizing:border-box}
.arcos-history-item .history-text::before{content:'';width:4px;height:100%;position:absolute;background:#f1f0f3;left:0;top:0}
.arcos-history-item .history-text::after{content:'';width:4px;height:15%;position:absolute;background:#333;left:0;top:7.6rem;z-index:2}
.arcos-history-item .title-1{color:#372e50;line-height: 2;}
.arcos-history-item .text-2{margin-top:1rem;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;font-weight:400}
.arcos-history-item .text-2 ul{padding:0;padding-left:2rem}
.arcos-history-item .text-2 ul li{padding:.2rem 0;list-style:none;position:relative}
.arcos-history-item .text-2 ul li::before{content:'';width:4px;height:4px;position:absolute;left:-1.5rem;top:1.3rem;background:#ccc}
.arcos-history-button{position:absolute;right:0;bottom:0;z-index:11}
.arcos-about-history-swiper .swiper-slide-active .arcos-history-item .timeline-1 i::after{width:100%}
.tsemid-about-brand-culture{padding:5% 0;overflow:hidden}
.arcos-about-content{width:90%;margin:auto}
.tsemid-brand-culture-bottom{overflow:hidden;margin-top:4%}
.tsemid-brand-culture-item{float:left;width:32%;margin-right:2%;margin-bottom:2%;overflow:hidden}
.tsemid-brand-culture-item.mr0{margin-right:0}
.tsemid-brand-culture-item a{display:block;overflow:hidden;position:relative}
.tsemid-brand-culture-item .text{padding:2rem 0;border-top:2px solid #372e50}
.tsemid-brand-culture-item .title-1{color:#372e50}
.tsemid-brand-culture-item .text-1{color:#c2c1c8}
.tsemid-brand-culture-item .text-2{color:#372e50;margin-top:2rem}
.tsemid-brand-culture-item a:hover .text{border-top:2px solid #3200c8}
.tsemid-brand-culture-item a:hover .text-1,.tsemid-brand-culture-item a:hover .text-2,.tsemid-brand-culture-item a:hover .title-1{color:#3200c8}
.tsemid-brand-culture-item a:hover .pic{transform:scale(1.05)}
.tsemid-about-planning-layout{padding:7% 0;overflow:hidden;background:#f0f2f4}
.tsemid-planning-layout-left{float:left;width:49%;border-top:2px solid #372e50;padding-top:1%}
.tsemid-planning-layout-text{overflow:hidden;margin-top:15%}
.tsemid-planning-layout-text .data-1{color:#3200c8;display:inline-block;width:25%}
.tsemid-planning-layout-text .data-1 span{display:block;padding-bottom:1rem}
.tsemid-planning-layout-text .data-1 strong{display:block;font-weight:400;border-top:1px solid #ccc}
.tsemid-planning-layout-text .text-2{margin-top:3%;width:90%;text-align:justify;color:#372e50}
.tsemid-planning-layout-right{float:right;width:48%}
.circle{width:100%;margin:auto;position:relative}
.circle .edge{position:absolute;left:50%;top:50%;width:80%;z-index:33;transform:translate(-50%,-50%);border:3px dotted #d9d7dd;border-radius:50%}
.circle .edge img{width:100%;height:auto;display:block}
.circle .edge .text{color:#372e50}
.circle .edge .middle-circle{position:absolute;z-index:11;background:#fff;border-radius:50%;box-shadow:0 34px 54px 0 rgba(23,0,93,.13);width:22%}
.circle .edge .middle-circle-1{left:50%;top:-10%;transform:translateX(-50%)}
.circle .edge .middle-circle-2{left:4%;top:60%;transform:translate(-50%)}
.circle .edge .middle-circle-3{right:-18%;top:60%;transform:translate(-50%)}
.circle .edge .middle-circle-1 div,.circle .edge .middle-circle-2 div,.circle .edge .middle-circle-3 div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.circle .edge .middle-circle-1 img,.circle .edge .middle-circle-2 img,.circle .edge .middle-circle-3 img{width:100%;height:auto;display:block}
.circle .virtual{position:absolute;left:50%;top:50%;width:55%;z-index:22;transform:translate(-50%,-50%);margin:auto;display:flex;align-items:center;background:#3200c8;border-radius:50%;opacity:.05}
.circle .txt{color:#372e50;position:absolute;opacity:.2}
.circle .tx1{left:6%;top:25%;transform:rotate(300deg)}
.circle .tx2{right:6%;top:25%;transform:rotate(-300deg)}
.circle .tx3{left:50%;bottom:7%;transform:translateX(-50%)}
.circle .virtual img{display:block;width:100%;height:auto}
.circle .circular{position:absolute;left:50%;top:50%;width:30%;transform:translate(-50%,-50%);background:#00479d;border-radius:50%;margin:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:45;border:5px solid #fff;box-shadow:0 30px 54px 0 rgba(23,0,93,.32)}
.circle .circular img{display:block;width:100%;height:auto}
.circle .circular .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;z-index:8}
.circle .circular .logo img{width:100%;height:auto;display:block}
.circle .circular .small-circle{border-radius:50%;position:absolute}
.circle .circular .small-circle .pic{width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.circle .circular .small-circle .pic img{width:100%;height:auto;display:block;object-fit:cover}
.circle svg{position:absolute;display:block;width:80%;height:80%;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible}
.circle svg path{opacity:0}
.circle svg text{fill:#372e50;opacity:.2;font-size:5px}
.circle .svg1{transform:translate(-50%,-50%) rotate(25deg)}
.circle .svg2{transform:translate(-50%,-50%) rotate(140deg)}
.circle .svg3{transform:translate(-50%,-50%) rotate(260deg)}
.circle .edge{animation:xuanzhuan 9s infinite linear}
.circle .edge .middle-circle-1{transform:translateX(-50%);animation:turnrotate1 9s infinite linear}
.circle .edge .middle-circle-2{transform:translate(-50%);animation:turnrotate2 9s infinite linear}
.circle .edge .middle-circle-3{transform:translate(-50%);animation:turnrotate3 9s infinite linear}
.tsemid-news-content{overflow:hidden;padding:5% 0}
.tsemid-news-list{width:90%;margin:auto}
.tsemid-news-item{float:left;width:23.5%;margin-right:2%;margin-bottom:6%}
.tsemid-news-item.mr0{margin-right:0}
.tsemid-news-item a{display:block;position:relative;border-top:2px solid #e4e7ec}
.tsemid-news-item .data-1{color:#afabb9;position:relative;padding:1rem}
.tsemid-news-item .data-1::before{content:'';width:4px;height:4px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#afabb9}
.tsemid-news-item .text{overflow:hidden}
.tsemid-news-item .title-1{margin-top:2rem}
.tsemid-news-item a:hover{border-top:2px solid #3200c8}
.tsemid-news-item a:hover .pic{transform:scale(1.05)}
.tsemid-news-item a:hover .title-1{color:#3200c8}
.tsemid-page{text-align:center;margin-top:4%;clear:both}
.tsemid-page a{display:inline-block;vertical-align:middle;width:4rem;height:4rem;line-height:4rem}
.tsemid-page a i{display:block;background:#f0f2f4;width:4rem;height:4rem;position:relative}
.tsemid-page a i::after{content:'';width:2rem;height:2rem;background:url(../images/r2.png) center no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11}
.tsemid-page a.prev i::after{transform:translate(-50%,-50%) rotate(-180deg)}
.tsemid-page a span{color:#999}
.tsemid-page a:hover{background:#3200c8}
.tsemid-page a:hover span{color:#fff}
.tsemid-page a.cur span{color:#3200c8}
.tsemid-page a.cur:hover{background:0 0}
.tsemid-page a.next:hover i,.tsemid-page a.prev:hover i{background:#3200c8}
.tsemid-page a.next:hover i::after,.tsemid-page a.prev:hover i::after{filter:invert(1)}
.tsemid-news-detial{overflow:hidden;margin-top:10rem}
.tsemid-news-detial-content{width:64%;margin:auto;overflow:hidden;padding:5% 0}
.tsemid-news-detial-top{overflow:hidden;position:relative;padding:2% 0}
.tsemid-news-detial-top::after{content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#e4e7ec}
.tsemid-news-detial-top::before{content:'';width:10%;height:4px;position:absolute;left:0;bottom:0;background:#3200c8;z-index:11}
.tsemid-news-detial-top-left{float:left;width:10%;position:relative;z-index:2}
.tsemid-news-detial-top-right{float:left;width:78%;padding-left:2%;padding-top:.5%}
.tsemid-news-detial-top .data-1{color:#afabb9}
.tsemid-news-detial-top .class-1{color:#372e50;margin-top:.5rem}
.tsemid-news-detial-top .title-1{color:#372e50;overflow:hidden}
.tsemid-news-detial-center{padding:3% 0;overflow:hidden;position:relative}
.tsemid-news-detial-text{overflow:hidden}
.tsemid-news-detial-text img{max-width:100%;height:auto!important}
.tsemid-news-detial-bottom{margin-top:3%;overflow:hidden}
.tsemid-news-detial-item{float:right;width:48%}
.tsemid-news-detial-item:first-child{float:left}
.tsemid-news-detial-item a{display:block;background:#f0f2f4;padding:2rem 3rem;position:relative}
.tsemid-news-detial-item a::after{content:'';width:0;height:3px;position:absolute;left:0;bottom:0;background:#3200c8}
.tsemid-news-detial-item .type-1{color:#372e50;position:relative}
.tsemid-news-detial-item .type-1 i{width:2rem;height:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/r2.png) center no-repeat;opacity:.5}
.tsemid-news-detial-item .title-1{margin-top:2rem;margin-bottom:1rem}
.tsemid-news-detial-item a:hover .title-1,.tsemid-news-detial-item a:hover .type-1{color:#3200c8}
.tsemid-news-detial-item a:hover::after{width:100%}
.tsemid-news-detial-item a:hover .type-1 i{opacity:1}
.tsemid-contact .product-main-banner-text .entitle-1 span,.tsemid-contact .product-main-banner-text .title-1 strong{color:#fff}
.tsemid-contact-us{padding:6.5% 0 2% 0;overflow:hidden}
.tsemid-contact-us .title-1 strong{font-weight:400;color:#372e50}
.tsemid-contact-list{margin-top:3%;overflow:hidden;display:flex;flex-wrap:wrap}
.tsemid-contact-item{overflow:hidden;float:left;width:32%;margin-right:2%;position:relative;padding:2.2rem 0;border-top:1px solid #372e50}
.tsemid-contact-item.mr0{margin-right:0}
.tsemid-contact-item .title-1{color:#9b98a4}
.tsemid-contact-item .text-1{color:#372e50;margin-top:.5rem;min-height:3rem}
.tsemid-contact-map{margin-top:1%;position:relative;overflow:hidden}
.tsemid-contact-message{padding:5% 0;overflow:hidden}
.tsemid-contact-message-left{float:left;width:40%}
.tsemid-contact-message-left .text-2{margin-top:5rem;color:#372e50;width:68%}
.tsemid-contact-message-right{float:right;width:45%;overflow:hidden}
.tsemid-contact-message-from{overflow:hidden}
.tsemid-contact-message-from .item-1{overflow:hidden;padding-top:2rem}
.tsemid-contact-message-from .input-1,.tsemid-contact-message-from .textarea-1{display:block;border:none;background:0 0;outline:0;width:100%;box-sizing:border-box;border-bottom:1px solid #372e50;padding:1rem 0}
.tsemid-contact-message-from .textarea-1{min-height:15rem}
.tsemid-contact-message-from .input-1:focus{border-bottom:1px solid #2cd264}
.tsemid-contact-message-from .contact-send{margin-top:3rem}
.tsemid-contact-message-from .contact-send a{float:right;margin-right:0}
.product-main-consultation.cur{display:none}
.tsemid-submitted-successfully{display:none;text-align:center}
.tsemid-submitted-successfully .icon-1{margin:3% auto;width:10rem;height:10rem;border-radius:100%;background:#372e50;position:relative}
.tsemid-submitted-successfully .icon-1 i{display:block;width:7rem;height:7rem;background:url(../images/g.png) center no-repeat;background-size:100%;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}
.tsemid-submitted-failed{display:none;text-align:center}
.tsemid-submitted-failed .icon-2{margin:3% auto;width:10rem;height:10rem;border-radius:100%;background:#372e50;position:relative}
.tsemid-submitted-failed .icon-2 i{display:block;width:7rem;height:7rem;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);left:50%}
.tsemid-submitted-failed .icon-2 i::after,.tsemid-submitted-failed .icon-2 i::before{content:'';width:90%;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;height:2px;background:#fff}
.tsemid-submitted-failed .icon-2 i::after{transform:translate(-50%,-50%) rotate(90deg)}
#baidumap{width:100%;height:100%;z-index:11;position:absolute;left:0;top:0}
#baidumap .anchorBL{display:none}
.tanimation{opacity:0;transition:opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1)}
.tformY{transform:translateY(160px)}
.tformX{transform:translateX(50%)}
.tformXX{transform:translateX(-50%)}
.tdelay1{transition-delay:.1s}
.tdelay2{transition-delay:.2s}
.tdelay3{transition-delay:.3s}
.tdelay4{transition-delay:.4s}
.social-share{font-size:16px;font-style:normal;display:inline-block;vertical-align:middle}
.social-share a{position:relative;text-decoration:none;margin-right:10px;display:inline-block;outline:0}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon{display:block;width:4.5rem;height:4.5rem;position:relative;box-sizing:border-box}
.social-share-icon:hover{opacity:1}
.social-share-icon:hover::after{background:#ea5717}
.social-share-icon::before{opacity:1;content:'';width:4.5rem;height:4.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11}
.social-share-icon::after{z-index:1;content:'';width:4.5rem;height:4.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#292929;border-radius:100%}
.icon-share::before{background:url(../images/f3.png) center no-repeat;background-size:50%}
.icon-linkedin::before{background:url(../images/f3.png) center no-repeat;background-size:40%}
.icon-wechat::before{background:url(../images/f4.png) center no-repeat;background-size:50%}
.icon-twitter::before{background:url(../images/f2.png) center no-repeat;background-size:40%}
.icon-weibo::before{background:url(../images/f4.png) center no-repeat;background-size:45%}
.icon-facebook::before{background:url(../images/f1.png) center no-repeat;background-size:25%}
.aside-top{position:fixed;width:50px;bottom:3%;right:1%;z-index:199;display:none}
.aside-top a{width:50px;height:50px;display:block;overflow:hidden;background:#000 url(../images/r.png) center no-repeat;border-radius:100%;background-size:20%;transform:rotate(-90deg)}
.aside-top a:before{font-size:1.8rem;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute}
.aside-top a:hover{background:#372e50 url(../images/r.png) center no-repeat;background-size:20%}
@keyframes moveup{100%{transform:translateY(0)}
}
@keyframes bannerp{0%{width:0}
    100%{width:100%}
}
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}
    100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}
}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0)}
    100%{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes turnrotate1{0%{-webkit-transform:translateX(-50%) rotate(360deg)}
    100%{-webkit-transform:translateX(-50%) rotate(0)}
}
@keyframes turnrotate2{0%{-webkit-transform:translate(-50%) rotate(360deg)}
    100%{-webkit-transform:translate(-50%) rotate(0)}
}
@keyframes turnrotate3{0%{-webkit-transform:translate(-50%) rotate(360deg)}
    100%{-webkit-transform:translate(-50%) rotate(0)}
}
@keyframes moveright{50%{width:100%}
    100%{width:100%}
}
@keyframes moveright2{50%{left:100%}
    100%{left:100%}
}
@keyframes logoain1{30%{mask-position:0 10%;-webkit-mask-position:50% 100%}
    70%{mask-position:60% 50%;-webkit-mask-position:50% 100%}
    90%{mask-position:50% 100%;-webkit-mask-position:50% 100%}
    100%{mask-position:50% 100%;-webkit-mask-position:50% 100%;opacity:0}
}
@keyframes opacity1{0%{opacity:1}
    100%{opacity:0}
}
@keyframes logoain2{80%{top:-110%}
    100%{top:-110%}
}
@keyframes opacity2{100%{opacity:1}
}
@keyframes dazhixg{100%{width:0}
}
@keyframes guanbiao{50%{opacity:1}
}
@keyframes dazhi1{0%{width:100%}
    100%{width:0%}
}
@keyframes fudong{0%{transform:translateY(0)}
    50%{transform:translateY(10%)}
    100%{transform:translateY(0)}
}
@keyframes fudong2{0%{transform:translate(-50%,0)}
    50%{transform:translate(-50%,10%)}
    100%{transform:translate(-50%,0)}
}
@keyframes xuanzhuan{0%{-webkit-transform:translate(-50%,-50%) rotate(0)}
    25%{-webkit-transform:translate(-50%,-50%) rotate(90deg)}
    50%{-webkit-transform:translate(-50%,-50%) rotate(180deg)}
    75%{-webkit-transform:translate(-50%,-50%) rotate(270deg)}
    100%{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes yuanfd1{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}
    50%{transform:translate(-50%,-50%) scale(1);opacity:.2}
    100%{transform:translate(-50%,-50%) scale(1);opacity:0}
}
@keyframes yuanfd2{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}
    50%{transform:translate(-50%,-50%) scale(1);opacity:1}
    100%{transform:translate(-50%,-50%) scale(1);opacity:0}
}
@keyframes yuanfd3{0%{transform:translate(-50%,-50%) scale(0);opacity:0}
    50%{transform:translate(-50%,-50%) scale(4);opacity:.2}
    100%{transform:translate(-50%,-50%) scale(4);opacity:0}
}
@keyframes shansuo{0%{opacity:1}
    50%{opacity:.4}
    100%{opacity:1}
}
@media screen and (max-width:1920px){.product-main-detial-right-content{width:80%}
}
@media screen and (max-width:1680px){.header-nav a{font-size:1.6rem}
}
@media screen and (max-width:1440px){.header-nav a{font-size:1.8rem}
}
@media screen and (max-width:1366px){.header-nav a{font-size:2rem}
}
@media screen and (max-width:1152px){.application-main-content-right{width:80%}
    .application-main-item img.img-block{max-width:100%}
}
@media screen and (max-width:980px){.footer-content-left{width:30%}
    .header-nav li{margin-left:2rem}
    .index-our-application-item .top-1{position:relative;width:100%;padding:10% 0}
    .index-our-application-bottom{flex-wrap:wrap}
    .index-latest-news-content .tsemid-title,.index-latest-news-item .latest-news-item-content{width:80%}
    .arcos-about-whatcanwedo .arcos-about-content,.arcos-about-whois .arcos-about-content,.tsemid-news-detial-content{width:90%}
    .index-technical-leader-item .title-3{font-size:4rem}
    .index-weare-tsemid-content{width:100%;position:relative;overflow:hidden}
    .index-technical-leader-item .data-4{top:80%}
    .index-banner-text .title-1{font-size:5rem}
    .arcos-quality-control-item a{width:16rem;height:16rem}
    .arcos-after-sale-service-bottom .arcos-after-sale-service-item .text-2{margin-top:5%}
    .arcos-content-title .title-1{font-size:5rem}
    .arcos-about-text{margin-top:10rem}
    .tsemid-contact-popup{transform:translate(-50%,-1950%)}
    .product-main-detial-left .img-center{margin-top:auto}
}
@media screen and (max-width:640px){.pcshow{display:none!important}
    .mbshow{display:block!important}
    .menu-toggle{display:inline-block;vertical-align:middle;width:4rem;line-height:4rem;text-align:center}
    .header-nav{display:none}
    .index-banner{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
    .index-banner-swiper,.index-banner-swiper .swiper-slide,.index-banner-swiper .swiper-wrapper{height:100%!important}
    .index-banner-text{left:5%;width:90%}
    .index-banner-text .title-1{font-size:4rem;line-height:5rem}
    .arcos-about-history,.index-latest-news,.index-product,.product-main-features{padding:15% 0}
    .index-product-swiper .index-product-item .english-1 span{font-size:6rem;line-height:6rem;letter-spacing:0;word-spacing:normal;word-wrap:break-word;word-break:break-all}
    .index-product-left{margin-top:0}
    .arcos-about-text,.arcos-about-whois-center .text-2,.tsemid-planning-layout-right{margin-top:5%}
    .index-our-application-bottom{display:block;margin-top:3%}
    .index-our-application-item{width:100%;margin-bottom:5%}
    .index-our-application-item .top-1{position:relative;padding:5% 0}
    .index-our-application-item a:hover .top-1{padding:5%}
    .index-our-application-item .introduce-2{top:auto}
    .index-our-application-item .img-block{display:none}
    .index-our-application-item .pic-3{position:relative}
    .index-our-application-item .pic-3 .img-block{display:block}
    .index-weare-tsemid{width:100%;height:100%}
    .index-technical-leader{left:0;width:100%;bottom:0;height:60%;top:auto}
    .index-iframe{width:100%!important;height:40%}
    .index-technical-leader-content{left:5%;top:5%;width:90%;height:90%;transform:none}
    .index-technical-leader-list{position:relative;width:100%;height:100%}
    .index-technical-leader-item{left:0;width:100%;top:auto;position:relative;transform:none}
    .arcos-about-whatcanwedo .arcos-about-content,.arcos-about-whois .arcos-about-content,.index-latest-news-content .tsemid-title,.index-latest-news-item .latest-news-item-content,.index-technical-leader-item .text-3,.tsemid-contact-popup{width:90%}
    .arcos-content-title .title-1,.arcos-content-title .title-1 strong,.arcos-data-item .data-1 strong,.arcos-data-item .data-1 sup,.index-technical-leader-item .title-3{font-size:4rem}
    .index-latest-news-center{padding:5% 0}
    .index-latest-news-item .latest-news-item-content{display:block}
    .index-latest-news-item .right-2{width:70%;margin-left:0;margin-top:3%;padding-left:20%}
    .index-latest-news-item .left-1{width:100%}
    .application-main-content-left,.arcos-about-whatcanwedo-left,.arcos-about-whatcanwedo-right,.arcos-about-whois-center .text-1,.arcos-about-whois-center .text-2,.arcos-after-sale-service-bottom .arcos-after-sale-service-item .img,.arcos-after-sale-service-bottom .arcos-after-sale-service-item .text,.arcos-scientific-research-left,.arcos-scientific-research-right,.footer-content-left,.tsemid-contact-message-left,.tsemid-contact-message-right,.tsemid-news-detial-top-left,.tsemid-planning-layout-left,.tsemid-planning-layout-right{float:none;width:100%}
    .footer-content-right{display:none}
    .footer-copy a:last-child{display:block;margin:1rem 0}
    .footer-rlink{position:relative;right:auto;top:auto;transform:none}
    .footer-rlink a{display:block;margin:0}
    .arcos-scientific-research-right,.footer-link{margin-top:1rem}
    .product-main-nav li{width:28%!important}
    .product-main-nav span{padding:2rem 0}
    .product-main-item,.product-main-item.tpi1{width:100%}
    .product-main-detial{padding-top:7.5rem;background:#eff0f4}
    .product-main-detial-left{width:100%;height:100%;left:auto;top:auto;position:relative}
    .product-main-detial-right{position:relative;width:100%;height:100%;right:auto;top:auto;background:#eff0f4}
    .product-main-detial-left .img-center{margin-top:auto}
    .product-main-detial-right-content{position:relative;width:90%;left:auto;top:auto;transform:none;padding:5%}
    .product-main-features-item .text-1.clamp1{white-space:normal}
    .application-main-content-right{width:100%;height:auto;height:auto;position:relative;top:auto;display:none}
    .application-main-class{width:100%;height:auto;opacity:1;transition:none;display:block;margin-bottom:20%}
    .application-main-item{opacity:1;position:relative;right:auto;top:auto;left:auto}
    .application-main-item img{top:auto;position:relative}
    .application-main-title{width:100%;position:relative;top:auto;bottom:auto}
    .product-main-banner-text,.tsemid-news-detial-content{width:90%}
    .arcos-quality-control{padding:0}
    .arcos-quality-control .arcos-about-content{padding:15% 0;width:100%}
    .arcos-quality-control-item{margin:1%}
    .arcos-quality-control-item a{width:14rem;height:14rem}
    .arcos-quality-control-bottom::after,.arcos-quality-control-bottom::before,.arcos-quality-control-list::after{display:none}
    .arcos-after-sale-service-item{float:none;width:100%;margin-right:0;margin-bottom:5%}
    .tsemid-brand-culture-item,.tsemid-news-item{float:none;width:100%;margin-right:0;margin-top:5%}
    .tsemid-page a i::after{background-size:90%}
    .tsemid-news-detial{margin-top:7.5rem}
    .tsemid-news-detial-top-right{float:none;width:100%;padding-left:0;padding-bottom:5%}
    .tsemid-contact-item{float:none;width:100%;margin-right:0}
    .arcos-quality-control-item .point-1,.index-product-swiper .swiper-button-next,.index-product-swiper .swiper-button-prev{display:none}
    .arcos-button{margin-top:5%}
    .arcos-button a{padding:1.5rem 3rem}
    .arcos-button span{font-size:1.6rem}
    .index-our-application-item .text-3{font-size:1.6rem}
    .product-main-item .title-1{font-size:3rem}
    .product-main-item .text-1{font-size:2rem}
    .product-main-nav ul{width:100%;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;font-size:0}
    .product-main-nav ul::-webkit-scrollbar{display:none}
    .footer-contact .botton-4 a{font-size:0}
    .footer-content-bottom{padding-top:10%}
    .index-technical-leader-content .title-1{padding-bottom:5%}
    .index-technical-leader-item .text-3{top:40%}
    .technical-pagination{right:5%}
    .application-main-content-left .application-main-class:last-child .application-main-title{top:auto}
    .index-gififrame-block{background:#3200c8}
    .index-banner{margin-top:7.5rem}
    .img-block.imgwh.mbshow.mbt{margin-top:7.5rem}
}
.btn{padding:12px 32px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;font-family:inherit}
.btn-primary{background:#00479d;color:#fff;border-radius:2px;box-shadow:0 4px 15px rgba(0,71,157,.3)}
.btn-primary:hover{background:#003a7d;box-shadow:0 6px 20px rgba(0,71,157,.5);transform:translateY(-2px)}
.btn-primary:active{transform:translateY(0)}
.btn-secondary{background:#6b6b6b;color:#fff;border-radius:2px;box-shadow:0 4px 15px rgba(107,107,107,.3)}
.btn-secondary:hover{background:#5a5a5a;box-shadow:0 6px 20px rgba(107,107,107,.5);transform:translateY(-2px)}
.btn-outline{background:0 0;color:#00479d;border:2px solid #00479d;border-radius:2px}
.btn-outline:hover{background:#00479d;color:#fff;box-shadow:0 0 20px rgba(0,71,157,.5)}
.btn-ghost{background:0 0;color:#fff;border:2px solid #fff;border-radius:2px}
.btn-ghost:hover{background:#fff;color:#00479d;box-shadow:0 0 20px rgba(255,255,255,.3)}
.btn-gradient{background:linear-gradient(135deg,#00479d 0,#06c 100%);color:#fff;border-radius:2px;box-shadow:0 4px 15px rgba(0,71,157,.4)}
.btn-gradient:hover{background:linear-gradient(135deg,#003a7d 0,#0052a3 100%);box-shadow:0 6px 25px rgba(0,71,157,.6);transform:translateY(-2px)}
.btn-scan{background:#00479d;color:#fff;border-radius:2px}
.btn-scan::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(transparent,rgba(255,255,255,.3),transparent);transition:top .5s ease}
.btn-scan:hover::before{top:100%}
.btn-scan:hover{box-shadow:0 0 30px rgba(0,71,157,.7)}
.btn-border-animate{background:0 0;color:#00479d;border:2px solid #00479d;border-radius:2px;position:relative}
.btn-border-animate::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#00479d;transition:width .3s ease;z-index:-1}
.btn-border-animate:hover{color:#fff}
.btn-border-animate:hover::before{width:100%}
.btn-clip{background:#00479d;color:#fff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 4px 15px rgba(0,71,157,.3)}
.btn-clip:hover{background:#003a7d;box-shadow:0 0 25px rgba(0,71,157,.6);transform:scale(1.05)}
.btn-glow{background:#00479d;color:#fff;border-radius:2px;box-shadow:0 0 10px rgba(0,71,157,.5)}
.btn-glow:hover{box-shadow:0 0 30px #00479d,0 0 60px rgba(0,71,157,.5),inset 0 0 20px rgba(255,255,255,.2);transform:translateY(-2px)}
.btn-3d{background:#00479d;color:#fff;border-radius:2px;box-shadow:0 6px 0 #036,0 8px 15px rgba(0,0,0,.3);transform:translateY(0)}
.btn-3d:hover{transform:translateY(3px);box-shadow:0 3px 0 #036,0 5px 10px rgba(0,0,0,.3)}
.btn-3d:active{transform:translateY(6px);box-shadow:0 0 0 #036,0 2px 5px rgba(0,0,0,.3)}
.btn-pulse{background:#00479d;color:#fff;border-radius:2px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,71,157,.7)}
    50%{box-shadow:0 0 0 15px rgba(0,71,157,0)}
}
.btn-pulse:hover{animation:none;background:#003a7d;box-shadow:0 0 30px rgba(0,71,157,.8)}
.btn-layered{background:#fff;color:#00479d;border-radius:2px;box-shadow:0 0 0 2px #00479d,0 0 0 4px #fff,0 0 0 6px #00479d}
.btn-layered:hover{background:#00479d;color:#fff;transform:translateY(-3px);box-shadow:0 0 0 2px #00479d,0 0 0 4px #fff,0 0 0 6px #00479d,0 10px 25px rgba(0,71,157,.4)}
.btn-small{padding:8px 20px;font-size:13px}
.btn-large{padding:16px 40px;font-size:17px}
.btn-block{width:100%;display:block}
.btn-disabled{background:#3a3a3a;color:#6b6b6b;cursor:not-allowed;box-shadow:none}
.btn-disabled:hover{transform:none;background:#3a3a3a}
.btn-icon{padding:12px;width:48px;height:48px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center}
.icon-group{display:flex;gap:15px;flex-wrap:wrap}
.btn-group{display:flex;justify-content:center;width:100%;gap:8px;margin-top:2%}
.no-touch .mheader-nav{transform:translateX(0);display:block}
.mheader-nav{position:fixed;right:0;top:0;width:100%;height:100%;z-index:99;background:#fff;transform:translateX(100%);transition:all .4s ease;display:none}
.mheader-nav ul{list-style:none;margin:0;padding:0;margin-top:7.5rem;box-sizing:border-box;width:100%;height:100%;padding:5%}
.mheader-nav ul li{list-style:none;margin:0;padding:0;border-bottom:1px solid #ccc}
.mheader-nav ul li a.nav{position:relative;display:block;padding:2rem 0}
.mheader-nav ul li a.nav i{display:block;width:4rem;height:4rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.mheader-nav ul li a.nav i::after,.mheader-nav ul li a.nav i::before{content:'';width:50%;height:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000}
.mheader-nav ul li a.nav i::before{transform:translate(-50%,-50%) rotate(90deg)}
.mheader-nav ul li a.nav.cur i::before{display:none}
.mheader-nav-show{padding-bottom:2rem;overflow:hidden;display:none}
.mheader-nav-show a{display:block;padding:.5rem 2rem;position:relative}
.mheader-nav-show a::before{content:'';width:4px;height:4px;background:#ccc;top:50%;transform:translateY(-50%);position:absolute;left:0}
@media screen and (max-width:860px){.mheader-nav{display:block}
}
.index-weare-arcos-content{background-color:#f0f2f4}
.index-weare-arcos-content{position:relative;z-index:22}
.index-iframe-mark-bottom-text{position:absolute;left:0;bottom:0;width:100%;height:30%;z-index:11;background:#fff}
.index-iframe{width:50%;transition:all .4s ease}
.index-iframe video{display:block;width:100%;height:100%;object-fit:cover}
.index-gififrame{position:absolute;left:0;bottom:0;width:auto;height:100%;z-index:11;background:#fff;transition:all .4s ease}
.index-gififrame.cur{opacity:0}
.index-gififrame-block{position:absolute;left:0;bottom:0;height:100%;width:100%}
.index-gififrame-block img{max-width:100%;transition:all .4s ease}
.index-gififrame-block img.addw100{width:100%!important}
.index-gififrame-block.bgfff{background:#fff!important}
.index-gififrame-block.cur{opacity:1}
.gififrame-0{z-index:5}
.gififrame-1{z-index:4}
.gififrame-2{z-index:3}
.gififrame-3{z-index:2}
.index-technical-leader{opacity:1;transition:all .4s ease;z-index:1111}
.index-technical-leader.cur{opacity:1}
@media screen and (max-width:640px){.index-gififrame{height:40%;width:100%;bottom:auto;top:0}
}
.client-section{padding:5rem 1.25rem;min-height:100vh;padding-bottom:0;background-size:cover;background-position:center;z-index:1;position:relative}
.client-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:.9;z-index:-1}
@media (max-width:768px){.client-section{padding-top:3rem}
}
.client-header{text-align:center;margin-bottom:100px;position:relative}
.client-header:before{content:'';position:absolute;top:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);will-change:transform;width:100px;height:3px}
.client-header h1{color:#00479d;font-weight:500;letter-spacing:3px;margin-bottom:20px}
.client-header p{color:#333;font-weight:300;letter-spacing:1px}
.logo-wall::before{top:0}
.logo-wall::after{bottom:0}
.logo-row{position:relative;overflow:hidden;padding:40px 0}
.logo-track{display:flex;gap:60px}
.logo-track-1{animation:scroll-left 50s linear infinite}
.logo-track-2{animation:scroll-right 50s linear infinite}
.logo-item{flex-shrink:0;width:220px;height:100px;background:#fafafa;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;padding:30px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1)}
.logo-item::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#00479d;z-index:-1;opacity:0;transition:opacity .5s ease}
.logo-item:hover{background:#fff;border-color:#00479d;transform:scale(1.08);box-shadow:0 25px 50px rgba(0,71,157,.15)}
.logo-item:hover::before{opacity:.03}
.logo-item img{max-width:60%;max-height:90px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%) opacity(.6);transition:all .5s ease}
.logo-item:hover img{filter:grayscale(0) opacity(1)}
.row-divider{height:60px;display:flex;align-items:center;justify-content:center;position:relative}
.row-divider::before{content:'';position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent)}
.row-divider-icon{width:40px;height:40px;background:#fff;border:2px solid #00479d;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.row-divider-icon::after,.row-divider-icon::before{content:'';position:absolute;background:#00479d}
.row-divider-icon::before{width:16px;height:2px}
.row-divider-icon::after{width:2px;height:16px}
.logo-row::after,.logo-row::before{content:'';position:absolute;top:0;bottom:0;width:180px;z-index:2;pointer-events:none}
.logo-row::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.logo-row::after{right:0;background:linear-gradient(270deg,#fff,transparent)}
@keyframes scroll-left{0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
}
@keyframes scroll-right{0%{transform:translateX(-50%)}
    100%{transform:translateX(0)}
}
.logo-track:hover{animation-play-state:paused}
.statistics{text-align:center;margin-top:60px;display:flex;justify-content:center;gap:60px}
.stat-item{background:#fff;padding:30px 50px;box-shadow:0 5px 20px rgba(0,0,0,.08);position:relative;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%)}
.stat-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00479d,#06c)}
.stat-number{color:#00479d;font-weight:700;margin-bottom:8px}
.stat-label{color:#666;letter-spacing:1px}
.inquiry-section{position:relative;background:url(/static/images/bg-inquiry.jpeg) no-repeat center center;background-size:cover;color:#333;padding:15rem 0;z-index:0}
.inquiry-section::before{content:"";position:absolute;inset:0;background:rgba(12 12 12 / .8);z-index:1}
.inquiry-container{position:relative;width:60%;margin:0 auto;background-color:rgba(255,255,255,.9);padding:40px 50px;box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:2}
.inquiry-container h2{font-size:24px;color:#004a99;text-align:center;margin-bottom:40px;letter-spacing:1px}
.inquiry-form .form-group{margin-bottom:20px}
.inquiry-form label{display:block;font-size:1.6rem;margin-bottom:6px;color:#333}
.inquiry-form input,.inquiry-form textarea{width:100%;padding:10px 14px;border:1px solid #ccc;font-size:15px;transition:border-color .3s}
.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#0056b3;outline:0}
.inquiry-form button{display:block;width:100%;background-color:#0056b3;color:#fff;border:none;padding:14px;font-size:1.6rem;cursor:pointer;transition:background-color .3s}
.inquiry-form button:hover{background-color:#0070e0}
.product-img{transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
.product-img:hover{filter:drop-shadow(0 8px 16px rgba(0,71,157,.5));transform:translateY(-4px)}
.ARCOS-breadcrumb{font-size:1.4rem;margin-bottom:.5rem;color:#e5e5e5}
.ARCOS-breadcrumb a{margin-right:1.4em;position:relative;color:#f0f8ff}
.ARCOS-breadcrumb a:not(:last-child)::after{content:"›";position:absolute;right:-.8em;color:#e2e6ed;font-size:1.4rem}
.ARCOS-title{font-weight:700;line-height:1.6;margin:0 0 .3rem 0}
.ARCOS-subtitle{font-weight:400;opacity:.8;margin:0}
.ARCOS-banner1{position:relative;height:800px;color:#dbe7ff;background-color:#031226;background-size:cover;background-position:center center;display:flex;justify-content:center;align-items:center;text-align:center}
.ARCOS-banner1::before{content:"";position:absolute;inset:0;background:linear-gradient(to top right,rgba(0,0,0,.7),transparent 70%);z-index:0}
.ARCOS-banner1-content{position:relative;z-index:1;max-width:80%}
.ARCOS-banner1 .ARCOS-breadcrumb{margin-bottom:1rem}
.ARCOS-banner1 .ARCOS-title{font-size:5rem}
.ARCOS-banner1 .ARCOS-subtitle{font-size:1.6rem}
.ARCOS-banner2{max-width:1200px;height:350px;margin:2rem auto;display:flex;background-color:#041833;border-radius:10px;overflow:hidden;color:#b8d1ff}
.ARCOS-banner2-left{flex:1;background-size:cover;background-position:center;background-color:#06234b}
.ARCOS-banner2-right{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;justify-content:center}
.ARCOS-banner2-right .ARCOS-breadcrumb{margin-bottom:1.2rem;font-size:.85rem}
.ARCOS-banner2-right .ARCOS-title{font-size:2.6rem;margin-bottom:.4rem}
.ARCOS-banner2-right .ARCOS-subtitle{font-size:1.2rem;color:#a3c0ff;opacity:.9}
.ARCOS-banner3{position:relative;max-width:1200px;margin:3rem auto;height:380px;color:#d8e4ff;background-color:#03162f;overflow:hidden;border-radius:12px}
.ARCOS-banner3::after,.ARCOS-banner3::before{content:"";position:absolute;width:150%;height:60%;top:-15%;left:-25%;background:#0c2a66;transform:rotate(-12deg);z-index:0}
.ARCOS-banner3::after{top:auto;bottom:-20%;left:30%;background:#003973;transform:rotate(12deg)}
.ARCOS-banner3-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2rem}
.ARCOS-banner3 .ARCOS-breadcrumb{margin-bottom:1rem;font-size:.9rem;color:#82a0d7}
.ARCOS-banner3 .ARCOS-title{font-size:3.2rem;margin-bottom:.6rem}
.ARCOS-banner3 .ARCOS-subtitle{font-size:1.25rem;font-weight:400;max-width:720px;opacity:.85}
.ARCOS-banner4{position:relative;max-width:1200px;height:320px;margin:2rem auto;border-radius:10px;background-color:#001729;background-size:cover;background-position:center;color:#c3d2ff;overflow:hidden}
.ARCOS-banner4-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 40%,rgba(0,0,0,.85) 100%);z-index:0}
.ARCOS-banner4-content{position:absolute;bottom:2rem;left:2rem;z-index:1}
.ARCOS-banner4 .ARCOS-breadcrumb{margin-bottom:.4rem;font-size:.85rem;color:#9ab6ff}
.ARCOS-banner4 .ARCOS-title{font-size:2.8rem;font-weight:700;margin:0 0 .25rem}
.ARCOS-banner4 .ARCOS-subtitle{font-size:1.1rem;font-weight:300;opacity:.85;max-width:500px}
.ARCOS-banner1-mask{position:absolute;inset:0;background-color:rgba(0,0,0,.6);z-index:0}
@media (max-width:768px){.ARCOS-banner1{height:280px}
    .ARCOS-banner1 .ARCOS-title{font-size:2rem}
    .ARCOS-banner1 .ARCOS-subtitle{font-size:1rem}
    .ARCOS-banner2{flex-direction:column;height:auto}
    .ARCOS-banner2-left{height:220px}
    .ARCOS-banner2-right{padding:1.5rem 2rem}
    .ARCOS-banner2-right .ARCOS-title{font-size:1.8rem}
    .ARCOS-banner2-right .ARCOS-subtitle{font-size:1rem}
    .ARCOS-banner3{height:auto;padding:2rem 1rem;border-radius:0}
    .ARCOS-banner3 .ARCOS-title{font-size:2rem}
    .ARCOS-banner3 .ARCOS-subtitle{font-size:1rem;max-width:100%;padding:0 1rem}
    .ARCOS-banner4{height:230px;border-radius:0}
    .ARCOS-banner4 .ARCOS-title{font-size:2rem}
    .ARCOS-banner4 .ARCOS-subtitle{font-size:1rem;max-width:90vw}
}
.AKS-title{text-align:center;color:#fff;font-size:42px;margin-bottom:60px;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:3px}
.AKS-gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}
.AKS-certificate-classic{position:relative;overflow:hidden;transition:transform .5s ease,box-shadow .5s ease;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.AKS-certificate-classic:hover{transform:translateY(-15px);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.AKS-certificate-classic .AKS-image-wrapper{width:100%;overflow:hidden}
.AKS-certificate-classic .AKS-cert-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.AKS-certificate-classic:hover .AKS-cert-image{transform:scale(1.1)}
.AKS-certificate-classic .AKS-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:30px 20px;transform:translateY(100%);transition:transform .5s ease}
.AKS-certificate-classic:hover .AKS-overlay{transform:translateY(0)}
.AKS-overlay-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}
.AKS-overlay-desc{color:#e0e0e0;font-size:14px}
.AKS-NEWS-container{max-width:1200px;margin:0 auto;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.AKS-NEWS-header{background:linear-gradient(135deg,#1e3c72 0,#2a5298 100%);padding:40px;text-align:center;color:#fff}
.AKS-NEWS-header h1{font-size:42px;font-weight:700;margin-bottom:10px;letter-spacing:2px}
.AKS-NEWS-header p{font-size:16px;opacity:.9}
.AKS-NEWS-nav{background:#00479d;padding:0;display:flex;justify-content:center;flex-wrap:wrap;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.AKS-NEWS-nav-item{padding:18px 35px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.6rem;font-weight:500;border-bottom:3px solid transparent;background:0 0;border:none;outline:0}
.AKS-NEWS-nav-item:hover{background:rgba(255,255,255,.1);border-bottom-color:#64b5f6}
.AKS-NEWS-nav-item.active{background:rgba(255,255,255,.15);border-bottom-color:#fff}
.AKS-NEWS-content{padding:2% 5%;}
.AKS-NEWS-search-bar{margin-bottom:30px;display:flex;gap:10px}
.AKS-NEWS-search-input{flex:1;padding:15px 20px;border:2px solid #e0e0e0;font-size:15px;transition:border-color .3s}
.AKS-NEWS-search-input:focus{outline:0;border-color:#2c5aa0}
.AKS-NEWS-search-btn{padding:15px 35px;background:linear-gradient(135deg,#2c5aa0 0,#1e3c72 100%);color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .3s}
.AKS-NEWS-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(44,90,160,.4)}
.AKS-NEWS-list{display:grid;gap:25px}
.AKS-NEWS-item{display:flex;background:#fafafa;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid #e0e0e0}
.AKS-NEWS-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#2c5aa0}
.AKS-NEWS-item-image{width:280px;height:200px;object-fit:cover;flex-shrink:0}
.AKS-NEWS-item-content{padding:25px 30px;flex:1;display:flex;flex-direction:column}
.AKS-NEWS-item-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.AKS-NEWS-item-category{padding:6px 16px;background:linear-gradient(135deg,#00479d 0,#1e3c72 100%);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px}
.AKS-NEWS-item-date{color:#757575;font-size:14px}
.AKS-NEWS-item-title{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}
.AKS-NEWS-item-desc{color:#616161;font-size:1.6rem;line-height:1.7;margin-bottom:15px;flex:1}
.AKS-NEWS-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #e0e0e0}
.AKS-NEWS-item-author{color:#757575;font-size:14px}
.AKS-NEWS-item-views{color:#2c5aa0;font-size:14px;font-weight:600}
.AKS-NEWS-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px;padding-top:30px;border-top:2px solid #e0e0e0}
.AKS-NEWS-page-btn{padding:12px 20px;background:#fff;border:2px solid #2c5aa0;color:#2c5aa0;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s}
.AKS-NEWS-page-btn:hover{background:#2c5aa0;color:#fff}
.AKS-NEWS-page-btn.active{background:#2c5aa0;color:#fff}
.AKS-NEWS-page-btn:disabled{opacity:.4;cursor:not-allowed}
.AKS-NEWS-footer{background:#1a1a1a;color:#fff;text-align:center;padding:30px;font-size:14px}
@media (max-width:768px){.AKS-NEWS-item{flex-direction:column}
    .AKS-NEWS-item-image{width:100%;height:200px}
    .AKS-NEWS-header h1{font-size:28px}
    .AKS-NEWS-nav-item{padding:15px 20px;font-size:14px}
}
/* 分页容器样式 */
.pagination {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 通用列表项样式 */
.pagination li {
    display: inline-block;
}

/* 按钮基础样式 */
.pagination li a,
.pagination li span {
    display: inline-block;
    padding: 6px 14px;
    text-decoration: none;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: #fff;
}

/* 主题色应用 - 激活状态 */
.pagination li.active span {
    background-color: #00479d;
    color: #fff;
    border-color: #00479d;
    font-weight: 500;
}

/* 悬停效果 */
.pagination li:not(.disabled):not(.active) a:hover {
    background-color: #f0f5ff;
    border-color: #00479d;
    color: #00479d;
}

/* 禁用状态样式 */
.pagination li.disabled span {
    color: #999;
    background-color: #f5f5f5;
    cursor: not-allowed;
    border-color: #eee;
}

/* 页码输入框样式 */
.pagination .jumpto {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pagination .page_number {
    width: 50px;
    padding: 6px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.pagination .page_number:focus {
    outline: none;
    border-color: #00479d;
    box-shadow: 0 0 0 2px rgba(0, 71, 157, 0.2);
}

/* 跳转按钮样式 */
.pagination .jumpto input[type="submit"] {
    padding: 6px 12px;
    background-color: #00479d;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.pagination .jumpto input[type="submit"]:hover {
    background-color: #003a80;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .pagination {
        flex-wrap: wrap;
        gap: 5px;
    }

    .pagination li a,
    .pagination li span {
        padding: 4px 10px;
        font-size: 13px;
    }

    .pagination .page_number {
        width: 40px;
    }
}

/* 分页容器样式 */
.pager {
    margin: 30px 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 12px;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 分页项基础样式 */
.pager li {
    display: inline-block;
}

/* 按钮通用样式 */
.pager li a,
.pager li span {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    border-radius: 30px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-size: 15px;
    font-weight: 500;
}

/* 正常状态（下一页） */
.pager li a {
    background-color: #fff;
    color: #00479d;
    border: 1px solid #00479d;
}

/* 悬停/点击效果 */
.pager li a:hover {
    background-color: #00479d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 71, 157, 0.2);
}

/* 禁用状态（上一页） */
.pager li.disabled span {
    background-color: #f5f7fa;
    color: #999;
    border: 1px solid #e0e0e0;
    cursor: not-allowed;
}

/* 响应式调整 */
@media (max-width: 480px) {
    .pager li a,
    .pager li span {
        padding: 8px 18px;
        font-size: 14px;
    }
}

.AKS-NEWS-detail-container {
    max-width: 1000px;
    margin: 0 auto;
    background: white;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.AKS-NEWS-detail-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 30px 40px;
    color: white;
}

.AKS-NEWS-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    text-decoration: none;
    font-size: 15px;
    margin-bottom: 20px;
    transition: opacity 0.3s;
}

.AKS-NEWS-detail-back:hover {
    opacity: 0.8;
}

.AKS-NEWS-detail-header h1 {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.9;
}

.AKS-NEWS-detail-content {
    padding: 50px 60px;
}

.AKS-NEWS-detail-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
    flex-wrap: wrap;
}

.AKS-NEWS-detail-category {
    padding: 8px 20px;
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    color: white;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.AKS-NEWS-detail-date,
.AKS-NEWS-detail-author,
.AKS-NEWS-detail-views {
    color: #757575;
    font-size: 14px;
}

.AKS-NEWS-detail-author {
    font-weight: 600;
    color: #2c5aa0;
}

.AKS-NEWS-detail-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.4;
    margin-bottom: 25px;
}

.AKS-NEWS-detail-summary {
    font-size: 18px;
    color: #424242;
    line-height: 1.8;
    margin-bottom: 35px;
    padding: 25px;
    background: #f5f7fa;
    border-left: 4px solid #2c5aa0;
    font-weight: 500;
}

.AKS-NEWS-detail-cover {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    margin-bottom: 40px;
}

.AKS-NEWS-detail-text {
    font-size: 17px;
    line-height: 2;
    color: #333;
    text-align: justify;
}

.AKS-NEWS-detail-text h2 {
    font-size: 26px;
    color: #1a1a1a;
    margin: 40px 0 20px;
    padding-bottom: 12px;
    border-bottom: 3px solid #2c5aa0;
    font-weight: 700;
}

.AKS-NEWS-detail-text h3 {
    font-size: 22px;
    color: #2c5aa0;
    margin: 30px 0 15px;
    font-weight: 600;
}

.AKS-NEWS-detail-text p {
    margin-bottom: 20px;
    text-indent: 2em;
}

.AKS-NEWS-detail-text strong {
    color: #2c5aa0;
    font-weight: 700;
}

.AKS-NEWS-detail-text blockquote {
    margin: 30px 0;
    padding: 20px 25px;
    background: #f8f9fa;
    border-left: 5px solid #2c5aa0;
    font-style: italic;
    color: #555;
}

.AKS-NEWS-detail-text ul,
.AKS-NEWS-detail-text ol {
    margin: 20px 0 20px 2em;
    padding-left: 20px;
}

.AKS-NEWS-detail-text li {
    margin-bottom: 12px;
    line-height: 1.8;
}

.AKS-NEWS-detail-tags {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid #e0e0e0;
}

.AKS-NEWS-detail-tags-title {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 600;
}

.AKS-NEWS-detail-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #e3f2fd;
    color: #2c5aa0;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.3s;
    cursor: pointer;
}

.AKS-NEWS-detail-tag:hover {
    background: #2c5aa0;
    color: white;
}

.AKS-NEWS-detail-share {
    margin-top: 40px;
    padding: 30px;
    background: #f5f7fa;
    text-align: center;
}

.AKS-NEWS-detail-share-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 600;
}

.AKS-NEWS-detail-share-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.AKS-NEWS-detail-share-btn {
    padding: 12px 30px;
    border: 2px solid #2c5aa0;
    background: white;
    color: #2c5aa0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s;
}

.AKS-NEWS-detail-share-btn:hover {
    background: #2c5aa0;
    color: white;
}

.AKS-NEWS-detail-related {
    padding: 40px 60px;
    background: #fafafa;
}

.AKS-NEWS-detail-related-title {
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 30px;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 3px solid #2c5aa0;
}

.AKS-NEWS-detail-related-list {
    display: grid;
    gap: 20px;
}

.AKS-NEWS-detail-related-item {
    display: flex;
    gap: 20px;
    padding: 20px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #e0e0e0;
}

.AKS-NEWS-detail-related-item:hover {
    transform: translateX(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-color: #2c5aa0;
}

.AKS-NEWS-detail-related-img {
    width: 150px;
    height: 100px;
    object-fit: cover;
    flex-shrink: 0;
}

.AKS-NEWS-detail-related-content {
    flex: 1;
}

.AKS-NEWS-detail-related-content-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.4;
}

.AKS-NEWS-detail-related-content-date {
    font-size: 13px;
    color: #999;
}

.AKS-NEWS-detail-footer {
    background: #1a1a1a;
    color: white;
    text-align: center;
    padding: 30px;
    font-size: 14px;
}

@media (max-width: 768px) {
    .AKS-NEWS-detail-content {
        padding: 30px 25px;
    }

    .AKS-NEWS-detail-title {
        font-size: 26px;
    }

    .AKS-NEWS-detail-text {
        font-size: 16px;
    }

    .AKS-NEWS-detail-related {
        padding: 30px 25px;
    }

    .AKS-NEWS-detail-related-item {
        flex-direction: column;
    }

    .AKS-NEWS-detail-related-img {
        width: 100%;
        height: 180px;
    }
}
/* 页面容器 */
.AKS-contact-page-wrapper {
    min-height: 100vh;
    display: flex;
    position: relative;
    background: white;
}

/* 左侧3D地球区域 */
.AKS-contact-earth-section {
    flex: 1;
    position: relative;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e8ba3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#earth-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.AKS-contact-earth-overlay {
    position: relative;
    z-index: 10;
    text-align: center;
    color: white;
    padding: 40px;
}

.AKS-contact-earth-overlay h1 {
    font-size: 3.5em;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 0 4px 20px rgba(0,0,0,0.3);
    letter-spacing: 2px;
}

.AKS-contact-earth-overlay p {
    font-size: 1.3em;
    opacity: 0.95;
    line-height: 1.8;
    max-width: 500px;
    margin: 0 auto;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* 右侧联系表单区域 */
.AKS-contact-section {
    flex: 1;
    padding: 80px 60px;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.AKS-contact-header {
    margin-bottom: 50px;
}

.AKS-contact-header h2 {
    font-size: 2.5em;
    color: #01479d;
    margin-bottom: 15px;
    font-weight: 700;
}

.AKS-contact-header .AKS-contact-subtitle {
    font-size: 1.6em;
    color: #333;
    line-height: 1.6;
}

/* 联系方式卡片 */
.AKS-contact-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}

.AKS-contact-info-card {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 25px;
    transition: all 0.3s ease;
    border: 1px solid rgba(42, 82, 152, 0.1);
}

.AKS-contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(42, 82, 152, 0.15);
}

.AKS-contact-info-card .AKS-contact-icon {
    font-size: 2em;
    margin-bottom: 15px;
    color: #2a5298;
}

.AKS-contact-info-card h3 {
    font-size: 2rem;
    color: #01479d;
    margin-bottom: 10px;
    font-weight: 600;
}

.AKS-contact-info-card p {
    color: #555;
    line-height: 1.6;
    font-size: 1.6rem;
}

/* 表单样式 */
.AKS-contact-form {
    background: #ffffff;
}

.AKS-contact-form-group {
    margin-bottom: 25px;
}

.AKS-contact-form-group label {
    display: block;
    margin-bottom: 8px;
    color: #2a5298;
    font-weight: 600;
    font-size: 0.95em;
}

.AKS-contact-form-group input,
.AKS-contact-form-group textarea,
.AKS-contact-form-group select {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e8eef5;
    font-size: 1.6rem;
    transition: all 0.3s ease;
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    background: #f8fbff;
}

.AKS-contact-form-group input:focus,
.AKS-contact-form-group textarea:focus,
.AKS-contact-form-group select:focus {
    outline: none;
    border-color: #2a5298;
    background: white;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.1);
}

.AKS-contact-form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.AKS-contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.AKS-contact-submit-btn {
    background: #01479d ;
    color: white;
    padding: 18px 50px;
    border: none;
    font-size: 1.6em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 10px;
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}

.AKS-contact-submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}

.AKS-contact-submit-btn:active {
    transform: translateY(0);
}

/* 社交媒体链接 */
.AKS-contact-social-links {
    margin-top: 40px;
    text-align: center;
}

.AKS-contact-social-links h3 {
    color: #2a5298;
    margin-bottom: 20px;
    font-size: 1.1em;
}

.AKS-contact-social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.AKS-contact-social-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.3em;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
}

.AKS-contact-social-icon:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
}

/* 装饰元素 */
.AKS-contact-decorative-circle {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(102,126,234,0.1) 0%, transparent 70%);
    pointer-events: none;
}

.AKS-contact-circle-1 {
    width: 300px;
    height: 300px;
    top: -100px;
    right: -100px;
}

.AKS-contact-circle-2 {
    width: 200px;
    height: 200px;
    bottom: -50px;
    left: -50px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .AKS-contact-page-wrapper {
        flex-direction: column;
    }

    .AKS-contact-earth-section {
        height: 50vh;
        min-height: 400px;
    }

    .AKS-contact-earth-overlay h1 {
        font-size: 2.5em;
    }

    .AKS-contact-section {
        padding: 60px 40px;
    }

    .AKS-contact-info {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .AKS-contact-section {
        padding: 40px 25px;
    }

    .AKS-contact-header h2 {
        font-size: 2em;
    }

    .AKS-contact-form-row {
        grid-template-columns: 1fr;
    }

    .AKS-contact-earth-overlay h1 {
        font-size: 2em;
    }

    .AKS-contact-earth-overlay p {
        font-size: 1em;
    }
}

/* 成功提示 */
.AKS-contact-success-message {
    display: none;
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    animation: slideDown 0.5s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.AKS-contact-success-message.show {
    display: block;
}

/* Footer 样式 2 - 四栏现代布局 */
.AKS-footer-2 {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 90px 60px 50px;
}

.AKS-footer-2 .footer-main {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.2fr;
    gap: 60px;
    margin-bottom: 70px;
}

.AKS-footer-2 .logo-placeholder {
    width: 200px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.8rem;
    font-weight: 700;
    color: white;
    margin-bottom: 35px;
    border-radius: 6px;
}

.AKS-footer-2 .footer-description {
    font-size: 1.6rem;
    line-height: 1.9;
    color: #b3b3b3;
    margin-bottom: 35px;
    max-width: 400px;
}

.AKS-footer-2 .social-links {
    display: flex;
    gap: 15px;
}

.AKS-footer-2 .social-link {
    width: 45px;
    height: 45px;
    background: #2a2a2a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b3b3b3;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 1.8rem;
}

.AKS-footer-2 .social-link:hover {
    background: #667eea;
    color: white;
    transform: translateY(-3px);
}

.AKS-footer-2 .footer-section-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 35px;
    color: #ffffff;
    position: relative;
    padding-bottom: 15px;
}

.AKS-footer-2 .footer-section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #667eea, transparent);
}

.AKS-footer-2 .footer-menu {
    list-style: none;
}

.AKS-footer-2 .footer-menu li {
    margin-bottom: 20px;
}

.AKS-footer-2 .footer-menu a {
    color: #b3b3b3;
    text-decoration: none;
    font-size: 1.6rem;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}

.AKS-footer-2 .footer-menu a::before {
    content: '→';
    position: absolute;
    left: -20px;
    opacity: 0;
    transition: all 0.3s ease;
}

.AKS-footer-2 .footer-menu a:hover {
    color: #ffffff;
    padding-left: 20px;
}

.AKS-footer-2 .footer-menu a:hover::before {
    opacity: 1;
}

.AKS-footer-2 .contact-info {
    list-style: none;
}

.AKS-footer-2 .contact-info li {
    margin-bottom: 25px;
    font-size: 1.6rem;
    color: #b3b3b3;
    line-height: 1.6;
}

.AKS-footer-2 .contact-info .label {
    font-weight: 600;
    color: #ffffff;
    display: block;
    margin-bottom: 8px;
    font-size: 1.5rem;
}

.AKS-footer-2 .footer-bottom {
    border-top: 1px solid #2a2a2a;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
    color: #808080;
}

.AKS-footer-2 .footer-bottom-links {
    display: flex;
    gap: 30px;
}

.AKS-footer-2 .footer-bottom-links a {
    color: #808080;
    text-decoration: none;
    transition: color 0.3s ease;
}

.AKS-footer-2 .footer-bottom-links a:hover {
    color: #ffffff;
}
.AKS-SL-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 80px 40px;
}

.AKS-SL-intro {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 80px;
    margin-bottom: 80px;
    align-items: center;
}

.AKS-SL-image-box {
    position: relative;
}

.AKS-SL-image {
    width: 100%;
    aspect-ratio: 3/4;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(30, 64, 175, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
}

.AKS-SL-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.AKS-SL-intro-content {
    padding: 20px 0;
}

.AKS-SL-category {
    font-size: 14px;
    font-weight: 700;
    color: #3b82f6;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.AKS-SL-title {
    font-size: 52px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 30px;
}

.AKS-SL-description {
    font-size: 18px;
    line-height: 1.9;
    color: #475569;
}

.AKS-SL-composition {
    position: relative;
    padding-left: 60px;
}

.AKS-SL-timeline {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #3b82f6 0%, #93c5fd 100%);
}

.AKS-SL-composition-header {
    margin-bottom: 50px;
}

.AKS-SL-composition-title {
    font-size: 36px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 10px;
}

.AKS-SL-composition-subtitle {
    font-size: 16px;
    color: #64748b;
}

.AKS-SL-list {
    list-style: none;
}

.AKS-SL-list-item {
    position: relative;
    margin-bottom: 50px;
    padding-left: 60px;
}

.AKS-SL-list-item:last-child {
    margin-bottom: 0;
}

.AKS-SL-item-dot {
    position: absolute;
    left: -48px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: white;
    border: 4px solid #3b82f6;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #eff6ff;
}

.AKS-SL-item-number {
    font-size: 14px;
    font-weight: 700;
    color: #93c5fd;
    margin-bottom: 10px;
    font-family: 'Courier New', monospace;
}

.AKS-SL-item-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
}

.AKS-SL-item-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.8;
}

@media (max-width: 1024px) {
    .AKS-SL-intro {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .AKS-SL-image-box {
        max-width: 400px;
        margin: 0 auto;
    }

    .AKS-SL-title {
        font-size: 42px;
    }
}

@media (max-width: 640px) {
    .AKS-SL-container {
        padding: 50px 20px;
    }

    .AKS-SL-title {
        font-size: 32px;
    }

    .AKS-SL-composition {
        padding-left: 40px;
    }

    .AKS-SL-list-item {
        padding-left: 40px;
    }

    .AKS-SL-item-dot {
        left: -28px;
    }
}