@font-face{font-family:'azoft-sans';src:url('../fonts/azoft-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:'DIN';src:url('../skin/fonts/DIN-Regular.otf') format('opentype');font-display:swap}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
html,body{position:relative;height:100%}
body{background:#01123e;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#fff}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
a{color:#555;text-decoration:none}
a:hover{text-decoration:underline}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
:root{--home-nav-h:clamp(58px,6.4vw,76px)}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.swiper-slide{text-align:center;font-size:18px;background:#01123e;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden}
.banner-video{z-index:9;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../images/homepage.jpg) no-repeat;background-size:cover}
.home-layer{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}
.darkmenu{background:#0f1925;position:sticky;top:0;z-index:3000}
.darkmenu .menu-bar{height:76px;padding:0;display:flex;align-items:center}
.darkmenu .menu-bar>a:first-child{margin-right:clamp(24px,3vw,64px)}
.menu-bar{width:1200px;margin:0 auto;height:76px;padding:0;display:flex;align-items:center}
.menu>li{float:left;margin:0 20px;line-height:40px;position:relative}
.menu>li a{color:#fff;opacity:.5;font-size:14px;text-decoration:none}
.menu>li:hover>a{opacity:1}
.menu>li.active a{opacity:1}
.menu>li:hover .sub-menu{display:block}
.sub-menu{display:none;position:absolute;top:39px;min-width:180px;width:max-content;left:-20px;text-align:center;padding:10px 0;box-sizing:border-box;z-index:3;background-color:rgba(15,25,37,0.5);overflow:auto}
.sub-menu li{text-align:center;line-height:30px}
.sub-menu li:hover a{opacity:1}
.sub-menu2>li{position:relative;width:auto;line-height:1.3}
.sub-menu2{overflow:visible;width:max-content;min-width:180px;background:transparent;padding:6px 0}
.sub-menu2 li ul li{text-align:left}
.sub-menu2>li>a{display:block;width:auto;background:transparent;padding:8px 12px}
.sub-menu2 li:hover a{opacity:.5}
.sub-menu2>li>a:hover{opacity:1}
.sub-menu2>li>ul>li>a:hover{opacity:1}
.sub-menu2 li ul li a{padding-left:20px;color:#fff}
.sub-menu2 li ul li a:hover{color:#fff}
.sub-menu3{display:none;position:absolute;left:95px;z-index:99999;top:0;opacity:1}
.sub-menu2 li ul li{line-height:40px}
.sub-menu2 li ul li a{background-color:rgba(15,25,37,0.5);display:block;width:120px;border-left:1px solid #000}
.sub-menu2>li:hover .sub-menu3{display:block}
.stock{color:#ff0202;font-size:12px;line-height:44px;margin-left:50px}
.lang{opacity:.5;font-size:14px;line-height:40px;float:right;color:#fff}
.home-first-content{width:1200px;margin:0 auto;margin-top:15%}
.home-first-content .p1{margin-top:40px;font-size:24px;letter-spacing:1px}
.home-first-content .p2{font-size:18px;width:750px;margin:10px auto 0}
.page1{background-color:rgba(0,104,183,0.3);z-index:10}
.page2{background:#042254;z-index:10}
.page3-bg{background-image:url(../images/homepage3.jpg);background-size:cover;height:100%;width:100%;position:absolute}
.page4-bg{background-image:url(../images/homepage4.jpg);background-size:cover;height:100%;width:100%;position:absolute}
.page5-bg{background-image:url(../images/xiaomei.jpg);background-size:cover;height:100%;width:100%;position:absolute}
.page6-bg{background-image:url(../images/homepage5.jpg);background-size:cover;height:100%;width:100%;position:absolute}
.col33,.col34{float:left;height:50%;background-size:cover}
.col33 span,.col34 span{font-family:"DIN"}
.col33{width:33%}
.col34{width:34%}
.col33 span,.col34 span{font-size:100px}
.col33 p:nth-child(1),.col34 p:nth-child(1){font-size:24px;margin-top:25%}
.col33 p:nth-child(2),.col34 p:nth-child(2){font-size:22px}
.col33 p:nth-child(3),.col34 p:nth-child(3){font-size:12px}
.data1{background-image:url(../images/data1.jpg?v=1)}
.data2{background-image:url(../images/data2.jpg?v=3)}
.data3{background-image:url(../images/data3.jpg?v=1)}
.data4{background-image:url(../images/data4.jpg?v=1)}
.data5{background-image:url(../images/data5.jpg?v=2)}
.data6{background-image:url(../images/data6.jpg?v=1)}
.data7{background-image:url(../images/data4.jpg)}
.page3-content{position:absolute;left:50%;text-align:left;margin-top:15%}
.page4-content{position:absolute;left:18%;text-align:left;margin-top:15%}
.page5-content{position:absolute;left:18%;text-align:left;margin-top:15%}
.page6-content{position:absolute;left:60%;text-align:left;margin-top:15%}
.hr-full{width:100%;border-top:1px solid #fff;margin:30px 0}
.hr{width:320px;border-top:1px solid #fff;margin:40px 0}
.hr2{width:320px;border-top:1px solid #fff;margin:20px 0}
.learnmore{display:block;height:30px;width:80px;border-radius:15px;color:#fff;border:1px solid #fff;font-size:12px;line-height:30px;text-align:center;opacity:.5;margin-top:35px}
.footer>img{width:220px;height:auto;display:block;margin:0 auto 12px}
.footer{background:#003472;padding:55px 0 60px;text-align:center}
.footer .footer-link{width:1200px;margin:50px auto 0;position:relative}
.footer .top{position:absolute;left:0;top:13px}
.footer .menu{margin:0 auto;float:none;width:590px}
.footer .footer-info{width:1200px;margin:0 auto;text-align:left;font-size:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.footer .footer-info-left{float:left}
.footer .footer-info-left p{line-height:28px;opacity:.5}
.normal-layout-head{height:900px}
.normal-layout-white{background:#fff;color:#0f1925}
.normal-layout-blue{background:#0e132d;color:#fff}
.normal-layout-lightblue{background:#0e1237;color:#fff;padding:50px 0 150px}
.normal-layout-grey{background:#f2f2f1;color:#0f1925;box-shadow:0 5px 10px #ccc inset}
.img-title{text-align:center;padding:100px 0 60px}
.img-title2{width:1200px;margin:0 auto;padding:150px 0 60px}
.video-head{position:relative;height:100vh;overflow:hidden}
.video-layer{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,104,183,0.3);z-index:10}
.video-head-content{width:1200px;margin:0 auto;margin-top:10%;text-align:center}
.video-head-content .p1{margin-top:40px;font-size:30px;letter-spacing:5px}
.video-head-content .p2{font-size:20px;margin:10px auto 0}
.csr-head{background-image:url(../images/csr.jpg);background-size:cover;background-position:center}
.normal-layout-head,.csr-head{position:relative;z-index:0}
.csr-head-text{width:1200px;margin:0 auto;margin-top:100px}
.partner-list2{width:1000px;margin:0 auto}
.partner-list2 li{float:left;width:190px;height:190px;line-height:190px;vertical-align:middle;text-align:center;background:#fff;margin:0 0 10px 10px}
.partner-list2 li img{width:62%}
.partner-list{width:1200px;margin:0 auto;padding-bottom:100px}
.partner-list li{float:left;width:280px;height:280px;line-height:280px;vertical-align:middle;text-align:center;background:#f8f8f8;margin:0 0 20px 20px}
.intro{width:1200px;margin:0 auto;padding:150px 0}
.intro-left{float:left}
.intro-right{margin-left:500px}
p.eng{font-size:12px;line-height:22px;color:#b1b1b1}
p.chn{font-size:14px;line-height:28px}
.footer-slide .page6-footer{position:absolute;left:0;bottom:0;width:100%;background:#101926}
.page6-footer{position:static}
.fixed-swiper{width:100%;height:700px;position:absolute}
.fixed-swiper img{height:100%}
.news-head{height:760px}
.news-list-content{width:1200px;margin:0 auto;padding-bottom:100px}
.news-list{margin-left:-26px}
.news-list li{float:left;margin-left:26px;width:280px;height:420px;overflow:hidden;margin-bottom:30px}
.news-title{font-size:20px;margin-top:25px;line-height:28px;min-height:84px}
.news-source{font-size:12px;margin:10px 0;color:#5f5f5f}
.news-desc{font-size:14px;color:#5f5f5f;line-height:24px}
.readmore{display:block;font-size:18px;color:#5f5f5f;width:300px;height:40px;border:1px solid #5f5f5f;border-radius:20px;text-align:center;line-height:40px;margin:10px auto 0}
.swiper-slide-active .page3-bg{animation:slowScale 6s forwards;-webkit-animation:slowScale 6s forwards}
.swiper-slide-active .page4-bg{animation:slowScale 6s forwards;-webkit-animation:slowScale 6s forwards}
.swiper-slide-active .page5-bg{animation:slowScale 6s forwards;-webkit-animation:slowScale 6s forwards}
@keyframes slowScale{0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
@-webkit-keyframes slowScale{0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.2)}
}
.numlist{margin-left:-33px;margin-top:80px}
.numlist li{float:left;width:170px;height:170px;margin-left:33px;position:relative}
.numlist li p{text-align:center;font-size:12px;color:#b1b1b1}
.numlist span{font-size:60px}
.numlist li p:nth-child(2){color:#fff;margin-top:36px}
.numlist li .circle{position:absolute;width:100%;height:100%;border:1px solid #b1b1b1;border-radius:50%;animation:circleScale 3s forwards;-webkit-animation:circleScale 3s forwards;opacity:0}
@keyframes circleScale{0%{transform:scale(3)}
100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes circleScale{0%{-webkit-transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1)}
}
.rank-list{width:1200px;margin:0 auto}
.rank-list>div{width:50%;float:left}
.rank-list h3{font-size:22px;text-align:center}
ul.rank{width:90%;margin:30px auto 0}
ul.rank li{width:100%;border-bottom:1px solid #fff;text-align:center;line-height:48px}
ul.rank li:first{font-size:14px}
ul.rank li{font-size:18px}
ul.rank li span{display:inline-block;width:50%}
ul.rank li span:first-child,ul.rank li span:last-child{width:22%}
ul.rank .grey{background:#bdbdbe;color:#000;font-weight:bold}
.honor{position:relative}
.swiper-container-honor{width:1000px;height:auto;margin:0 auto;position:relative;overflow:hidden}
.swiper-container-honor .swiper-slide{text-align:center;font-size:18px;background:#f8f8f8;height:240px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.innerText{box-sizing:border-box;position:absolute;background:#000;padding:22px;color:#fff;width:100%;height:100%;left:0;top:0}
.putmiddle{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%)}
.innerText p:nth-child(1){font-size:16px;margin-bottom:10px}
.innerText p:nth-child(2){font-size:14px;line-height:24px}
.swiper-container-honor .swiper-slide img{display:block}
.swiper-container-honor .swiper-slide:hover img{display:none}
.swiper-container-honor .swiper-slide .innerText{display:none}
.swiper-container-honor .swiper-slide:hover .innerText{display:block}
.pt50pb150{padding-top:50px;padding-bottom:150px}
.customer{position:relative;margin-bottom:100px}
.swiper-container-customer{width:1000px;height:auto;margin:0 auto;position:relative;overflow:hidden}
.swiper-container-customer .swiper-slide{text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container-customer .swiper-slide img{max-width:100%}
.link-control{text-align:center;font-size:18px}
.link-control a{color:#b4b5b5;text-decoration:none}
.link-control a.active{color:#000}
.arrowdown{position:absolute;bottom:5%;left:50%;margin-left:-15px;z-index:11;cursor:pointer}
.borad{width:1000px;margin:0 auto}
.borad-list{margin-left:-20px}
.borad-list li{float:left;margin-left:20px;margin-bottom:50px;width:230px}
.borad-list img{max-width:100%}
.borad-list .name{font-size:20px;font-weight:bold;margin-top:15px}
.borad-list .desc{font-size:14px;margin-top:8px;line-height:24px;height:72px}
.pagenation{text-align:center}
.pagenation-ct{display:inline}
.pagenation span{display:inline-block;height:30px;line-height:30px;font-size:18px;color:#cdcdcd;border:1px solid #cdcdcd;border-radius:15px;min-width:30px;padding:0 5px;text-align:center;box-sizing:border-box;cursor:pointer}
.first,.last,.prev,.next{background-repeat:no-repeat;background-position:center;text-indent:-99999px}
.first{background-image:url(../images/first.png)}
.last{background-image:url(../images/last.png)}
.prev{background-image:url(../images/prev.png)}
.next{background-image:url(../images/next.png)}
.category{padding:70px 0 30px 0;text-align:center}
.category a{display:inline-block;height:50px;width:200px;border:1px solid #cdcdcd;color:#5f5f5f;font-size:20px;line-height:50px;text-align:center;text-decoration:none;border-radius:25px;margin-left:20px}
.category a.active{background:#ebebeb}
.news-detail-head{height:300px;background-image:url(../images/newsdetail.jpg)}
.main-content{background:#fff;color:#000}
.news-detail{width:1200px;margin:0 auto;padding-bottom:100px}
.breadcumb{padding:40px 0}
.breadcumb a{color:#00a0e8}
.news-detail-left{width:890px;float:left}
.news-detail-left p.title{font-size:30px}
.news-detail-left p.source{font-size:16px;margin:20px 0}
.news-detail-left p.shortdesc{background:#e7f6fd;padding:30px;line-height:32px;font-size:18px;margin-bottom:30px}
.article{font-size:18px;line-height:32px}
.article img{max-width:100%}
.article p{margin-bottom:28px}
.news-detail-right{margin-left:920px}
.news-detail-right h3{font-size:20px}
.news-detail-right h3 span{font-size:16px;color:#00a0e8;float:right}
.news-list-new{margin-top:20px}
.news-list-new li{padding-bottom:20px;border-bottom:1px solid #9b9b9b}
.news-list-new p.title{font-size:20px;margin-top:20px}
.news-list-new p.source{margin:18px 0;font-size:12px;color:#5f5f5f}
.news-list-new p.desc{font-size:14px;line-height:24px;color:#5f5f5f}
.blue{background:#48ace6}
.gold{background:#bda34f}
.black{background:#000}
.red{background:#ca0f22}
.scalet{background:#d00}
.yellow{background:#e67600}
.pink{background:#c91f24}
.timeline{width:1000px;margin:0 auto;position:relative}
.swiper-container-timeline{height:auto;margin:0 auto;position:relative;overflow:hidden}
.swiper-container-timeline .swiper-slide{text-align:center;background:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;min-height:650px;overflow:inherit}
.csr{width:1000px;margin:0 auto;position:relative}
.swiper-container-csr{height:auto;margin:0 auto;position:relative;overflow:hidden}
.swiper-container-csr .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:0}
.csr p{margin-top:20px;font-size:20px}
.pdf{display:block;float:right;line-height:20px;height:20px;text-align:center;border-radius:10px;border:1px solid #9b9b9b;font-size:12px;padding:0 5px;margin-top:2px}
.ycircle{width:60px;height:60px;background:#969696;border-radius:50%;border:10px solid #fff;line-height:60px;text-align:center;font-size:20px;color:#fff;position:relative}
.swiper-slide-active .ycircle{width:80px;height:80px;background:#143599;font-size:26px;line-height:80px}
.aline{border:1px solid #969696;top:50%;position:absolute;width:100%}
.ycircle .updotline{background-image:url(../images/updotline.png);background-position:center;height:80px;width:5px;position:absolute;left:50%;margin-left:-2px;top:-90px}
.ycircle .downdotline{background-image:url(../images/downdotline.png);background-position:center;height:80px;width:5px;position:absolute;left:50%;margin-left:-2px;top:70px}
.swiper-slide-active .ycircle .updotline{top:-80px}
.swiper-slide-active .ycircle .downdotline{top:80px}
.ycircle .textup{width:260px;position:absolute;bottom:155px;font-size:16px;line-height:24px;color:#000;left:50%;margin-left:-135px}
.swiper-slide-active .ycircle .textup{bottom:165px}
.swiper-slide-active .ycircle .textdown{top:170px}
.ycircle .textdown{width:230px;position:absolute;top:160px;font-size:16px;line-height:24px;color:#000;left:50%;margin-left:-115px}
.ycircle .textup p.bb,.ycircle .textdown p.bb{font-size:20px;font-weight:bold;margin-bottom:10px}
.about-head-content{width:1200px;margin:0 auto;margin-top:15%;text-align:center}
.about-head-content .p1{margin-top:40px;font-size:18px;letter-spacing:5px}
.about-head-content .p2{font-size:16px;margin:10px auto 0}
.location{background-image:url(../images/location.png);background-repeat:no-repeat;padding-left:25px;background-position-y:5px}
.phone{display:inline-block;background-image:url(../images/phone.png);background-repeat:no-repeat;padding-left:25px;background-position-y:5px}
.fax{margin-left:10px;display:inline-block;background-image:url(../images/fax.png);background-repeat:no-repeat;padding-left:25px;background-position-y:5px}
.mail{margin-left:auto;display:inline-block;background-image:url(../images/mail.png);background-repeat:no-repeat;padding-left:25px;background-position-y:5px}
.copyright{background-image:url(../images/copyright.png);background-repeat:no-repeat;padding-left:25px;background-position-y:5px}
@media(max-width:1440px){.news-head{height:585px}
.fixed-swiper{width:100%;height:525px;position:absolute}
.home-first-content{transform:scale(.75);margin-top:12%}
.about-head-content{transform:scale(.75);margin-top:12%}
.video-head-content{transform:scale(.75);margin-top:5%}
.page6-footer{padding:25px 0 30px}
.page6-footer .footer-link{margin-top:20px}
.page6-footer .hr-full{margin:15px 0}
}

@media(min-width:769px){body .footer.page6-footer{padding-top:50px!important;padding-bottom:108px!important}
body .footer.page6-footer .footer-link{margin-top:56px!important}
body .footer.page6-footer .hr-full{margin:36px 0!important}
body .footer.page6-footer .footer-info{padding-top:14px!important;padding-bottom:10px!important}
body .footer.page6-footer .footer-info-left p{line-height:30px!important;margin:4px 0!important}
body .footer.page6-footer .social-card{margin-top:6px!important;margin-bottom:6px!important}
body .footer.page6-footer .menu>li{line-height:46px!important}
}


@media(min-width:769px){.darkmenu .menu-bar{column-gap:clamp(28px,3.5vw,56px)}
}

.home-first-content .pimg{width:38.9vw;height:auto;display:block;margin:0 auto}
.menu-bar .logo{width:clamp(140px,15.6vw,260px);height:auto;display:block}
.page1 .menu-bar{position:fixed;z-index:1000;left:50%;top:24px;transform:translateX(-50%);width:clamp(1200px,94vw,1320px);height:var(--home-nav-h);padding:0 12px;display:grid;grid-template-columns:auto 1fr auto;column-gap:24px;align-items:center;background:transparent;box-shadow:none}
.page1 .menu-bar .logo{float:none!important;width:clamp(140px,21.5vw,260px);height:auto;display:block;margin-left:0;max-height:var(--home-nav-h);object-fit:contain}
.page1 .menu{justify-self:center;display:flex;flex-wrap:nowrap;gap:clamp(16px,2vw,28px);padding:0!important;margin:0!important;float:none!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;max-width:none!important}
.page1 .menu>li{margin:0!important;position:relative;height:var(--home-nav-h);display:flex;align-items:center}
.page1 .menu>li>a{position:relative;display:flex;align-items:center;height:var(--home-nav-h);color:#fff!important;opacity:.95!important;font-weight:700;font-size:clamp(15px,1.05vw,17px)!important;letter-spacing:.2px;padding:0 8px!important;border-radius:0!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;line-height:1;transition:opacity .18s ease}
.page1 .menu>li>a::after{content:"";position:absolute;left:8px;right:8px;bottom:calc((var(--home-nav-h) - 1em)/2 - 8px);height:2px;width:0;background:rgba(255,255,255,.88);transition:width .18s ease,opacity .18s ease;opacity:.6}
.page1 .menu>li:hover>a::after,.page1 .menu>li>a.is-active::after{width:calc(100% - 16px);opacity:1}
.page1 .menu>li a:hover{background:transparent!important;box-shadow:none!important}
.page1 .sub-menu{top:calc(100%+3px);left:0;width:180px;padding:8px 6px;background:rgba(10,24,45,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:12px}
.page1 .menu>li{position:relative}
.page1 .menu>li>.sub-menu{top:calc(100% - 6px)!important}
.page1 .menu-bar::after{content:"";width:clamp(140px,21.5vw,260px);height:1px}
@media(max-width:1280px){.page1 .menu{gap:12px}
.page1 .menu>li a{font-size:14px;padding:10px 4px!important}
.page1 .menu-bar{top:18px;width:min(96vw,1200px)}
.page1 .menu-bar::after{width:clamp(110px,18vw,240px)}
}
.darkmenu .menu{display:flex;flex-wrap:nowrap;gap:18px;margin:0!important;float:none!important;padding:0;border-radius:0;background:transparent;backdrop-filter:none;border:0;box-shadow:none;max-width:none}
.darkmenu .menu>li{margin:0!important;position:relative}
.darkmenu .menu>li::after{content:"";position:absolute;left:0;right:0;height:10px;bottom:-10px}
.darkmenu .menu>li>a{display:inline-block;color:#fff;opacity:1!important;font-weight:700;font-size:15px;letter-spacing:.2px;padding:8px 14px;border-radius:10px;text-decoration:none!important;line-height:1;white-space:nowrap;transition:all .18s ease}
.darkmenu .menu>li>a:hover,.darkmenu .menu>li>a.is-active{background:rgba(255,255,255,.16);box-shadow:0 6px 18px rgba(0,0,0,.20)}
.darkmenu .sub-menu{top:100%;left:0;width:auto;min-width:180px;padding:6px 0;z-index:4000;background:rgba(10,24,45,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:12px}
.darkmenu .sub-menu li a{display:block;padding:8px 12px;line-height:1.4;opacity:.85;white-space:nowrap}
.sub-menu li,.sub-menu li a{display:block;white-space:nowrap;font-size:13px;line-height:1.3;padding:8px 10px}
.darkmenu .sub-menu li,.darkmenu .sub-menu li a{white-space:nowrap;font-size:13px;line-height:1.3}
.menu>li>.sub-menu,.menu>li>.sub-menu2{top:calc(100%+8px);left:0;padding:8px 6px}
.menu>li>.sub-menu li,.menu>li>.sub-menu2 li{padding:0!important;line-height:normal}
.menu>li>.sub-menu li>a,.menu>li>.sub-menu2 li>a{height:34px;padding:0 16px!important;font-size:clamp(11px,0.85vw,13px);display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;text-align:center;color:#fff;text-decoration:none;opacity:.95}
.menu>li>.sub-menu li>a:hover,.menu>li>.sub-menu2 li>a:hover{opacity:1}
.footer .footer-info-right{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.footer .social-card{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:inherit;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}
.footer .social-card:hover{background:rgba(255,255,255,.10);transform:translateY(-1px)}
.footer .social-card:active{opacity:.85;transform:none}
.footer .social-card img{width:50px;height:50px;border-radius:8px;object-fit:contain;flex:0 0 auto}
.footer .social-card .social-text p{margin:0;line-height:1.5}
.footer .social-card .social-text p:first-child{font-weight:600}
.footer .social-card .social-text p:last-child{font-size:16px;opacity:.75}
.footer a{color:#fff;text-decoration:none}
.footer-slide .page7-hero{position:relative;display:block;width:100%}
.footer-slide .page7-hero img{display:block;width:100%;height:auto}
.footer-slide .page7-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vw,12px);text-align:center;padding:0 3.2vw}
.footer-slide .page7-overlay .l1{font-family:"DIN",sans-serif;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.95;font-size:clamp(11px,1vw,14px);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.55),0 12px 36px rgba(0,0,0,.35)}
.footer-slide .page7-overlay .l2{margin:0;font-weight:800;line-height:1.15;font-size:clamp(22px,4.6vw,56px);color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6),0 18px 60px rgba(0,0,0,.35)}
.footer-slide .page7-overlay .l3{max-width:1100px;font-size:clamp(12px,1.6vw,18px);line-height:1.55;color:rgba(255,255,255,.96);text-shadow:0 2px 8px rgba(0,0,0,.5),0 14px 40px rgba(0,0,0,.32)}
.footer-slide .apply-btn{margin-top:clamp(6px,1vw,12px);display:inline-block;padding:clamp(5px,.7vw,9px) clamp(14px,1.8vw,22px);border:1px solid rgba(255,255,255,.94);border-radius:999px;font-weight:700;font-size:clamp(11px,1.1vw,15px);color:#fff;line-height:1;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.28);transition:transform .15s ease,box-shadow .15s ease}
.footer-slide .page7-hero:hover .apply-btn{transform:translateY(-1px);box-shadow:0 10px 36px rgba(0,0,0,.36)}
.swiper-slide.footer-slide{display:block}
.footer-slide .page7{margin-top:-60px}
@media(min-width:1280px){.footer-slide .page7{margin-top:-90px}
}
@media(min-width:1680px){.footer-slide .page7{margin-top:-120px}
}



@media(max-width:768px){.normal-layout-head{height:auto!important}
.csr-head{position:relative;min-height:auto;padding:70px 0 36px;background-position:center top;background-size:cover}
.csr-head::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35) 40%,rgba(0,0,0,.55));pointer-events:none}
.csr-head-text{position:relative;z-index:1;width:100%!important;max-width:92vw!important;margin:0 auto!important;padding:56px 16px 0!important;text-align:left!important}
.csr-head-text img{display:block;height:auto}
.csr-head-text img[src*="langongyi"]{width:120px!important;margin:0 0 0 0!important;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.csr-head-text img[src*="csra"]{width:100%!important;max-width:560px!important;margin:14px 0!important}
.csr-head-text p{margin:10px 0 0;font-size:14px;line-height:1.7;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45);text-align:left!important}
.csr-head-text .hr2{width:64%!important;margin:14px 0!important;border-top-color:rgba(255,255,255,.75);opacity:.85}
}
@media(max-width:480px){.csr-head{padding:64px 0 28px}
.csr-head-text{padding-top:52px!important;padding-left:14px!important;padding-right:14px!important}
.csr-head-text img[src*="langongyi"]{width:96px!important}
.csr-head-text img[src*="csra"]{max-width:88vw!important}
.csr-head-text p{font-size:13px;line-height:1.6}
.csr-head-text .hr2{width:72%!important}
}



@media(max-width:768px){html,body{height:100%}
body{display:flex;flex-direction:column;min-height:100dvh}
}
@supports(padding:max(0px)){@media(max-width:768px){.footer.page6-footer{padding-bottom:24px}
}
}
@media(max-width:640px){#wapHeader{position:fixed!important;top:0;left:0;right:0;height:50px;background:#0e90d2;border-bottom:1px solid #0b6fa2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0 12px}
#wapHeader .logo-wrap{position:fixed!important;left:50%;top:25px;transform:translate(-50%,-50%);margin:0!important;display:block!important;float:none!important;z-index:1005;pointer-events:none}
#wapHeader .logo{display:block!important;height:22px!important;width:auto!important;visibility:visible!important;opacity:1!important}
#wapHeader a,#wapHeader a:link,#wapHeader a:visited{color:#eee}
#wapHeader .hamburger{display:flex!important;position:absolute;left:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;z-index:1002}
#wapHeader .hamburger span{display:block;height:2px;width:22px;background:#fff;border-radius:2px}
#wapHeader.menu-open .hamburger{display:none!important}
#wapHeader>.menu{position:fixed!important;inset:0!important;background:#003472!important;color:#fff!important;transform:translateX(-100%)!important;transition:transform .25s ease;z-index:1001!important;margin:0!important;padding:60px 12px 24px!important;list-style:none!important;overflow-y:auto!important;display:block!important}
#wapHeader>.menu.is-open{transform:translateX(0)!important}
#wapHeader .wap-close{display:block!important;position:absolute;left:10px;top:8px;z-index:1003;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.7);background:transparent}
#wapHeader .wap-close::before,#wapHeader .wap-close::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#fff;border-radius:2px;transform-origin:center}
#wapHeader .wap-close::before{transform:translate(-50%,-50%) rotate(45deg)}
#wapHeader .wap-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
#wapHeader>.menu>li{position:relative!important;float:none!important;display:block!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
#wapHeader>.menu>li>a{display:block!important;padding:14px 52px 14px 12px!important;font-size:16px!important;color:#fff!important;line-height:1.3}
#wapHeader>.menu>li.open>a,#wapHeader>.menu>li.is-current>a,#wapHeader>.menu>li>a.active,#wapHeader>.menu>li[aria-current="page"]>a{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.20);border-radius:10px;margin:6px 0;padding:12px 52px 12px 12px!important;font-weight:700}
#wapHeader .expand-toggle{position:absolute;right:8px;top:12px;transform:none;width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:transparent;text-align:center}
#wapHeader .expand-toggle::before{content:"+";display:block;font-size:18px;line-height:26px;color:#fff}
#wapHeader li.open>.expand-toggle{border-color:#fff}
#wapHeader li.open>.expand-toggle::before{content:"\2212";font-size:18px}
#wapHeader .sub-menu,#wapHeader .sub-menu2{position:static!important;display:none!important;margin:4px 0 0 0!important;padding:0!important;list-style:none!important;background:transparent!important;border:0!important}
#wapHeader li.open>.sub-menu,#wapHeader li.open>.sub-menu2{display:block!important}
#wapHeader li .sub-menu>li,#wapHeader li .sub-menu2>li{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
#wapHeader li .sub-menu>li:last-child,#wapHeader li .sub-menu2>li:last-child{border-bottom:0!important}
#wapHeader li .sub-menu>li>a,#wapHeader li .sub-menu2>li>a{display:flex!important;align-items:center;min-height:40px;padding:8px 12px 8px 26px!important;font-size:14px!important;color:#fff!important;line-height:1.35;text-decoration:none!important;background:transparent!important}
#wapHeader li .sub-menu>li>a:hover,#wapHeader li .sub-menu2>li>a:hover{background:rgba(255,255,255,.06)!important}
#wapHeader .sub-menu a.active,#wapHeader .sub-menu2 a.active,#wapHeader .sub-menu li.active>a,#wapHeader .sub-menu2 li.active>a{font-weight:700;box-shadow:inset 3px 0 0 0 #6ec1ff}
html.no-scroll,body.no-scroll{overflow:hidden!important}
}



@media(max-width:768px){.footer.page6-footer{background:#003472;padding:24px 0;text-align:center;margin-top:auto}
.footer.page6-footer>img{width:140px;height:auto;display:block;margin:0 auto 12px}
.footer.page6-footer .footer-link,.footer.page6-footer .footer-info{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0 16px;box-sizing:border-box}
.footer.page6-footer .footer-link{margin-top:8px!important;display:flex;flex-direction:column-reverse;gap:12px;align-items:center}
.footer.page6-footer .footer-link .menu{width:100%!important;max-width:100%!important;margin:12px auto 8px!important;padding:0 2px!important;list-style:none;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;justify-items:stretch}
.footer.page6-footer .footer-link .menu>li{display:none!important;float:none!important;margin:0!important;width:auto!important;align-self:stretch}
.footer.page6-footer .footer-link .menu>li:has(>a[href*="/marketingservices/"]),.footer.page6-footer .footer-link .menu>li:has(>a[href*="/zhaopin/"]){display:block!important}
.footer.page6-footer .footer-link .menu>li>a{display:block;width:95%;box-sizing:border-box;text-align:center;padding:10px 12px;line-height:1.25;font-size:14px;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.06);white-space:normal;word-break:break-word}
.footer.page6-footer .hr-full{width:100%;border-top:1px solid rgba(255,255,255,.25)!important;margin:16px 0!important}
.footer.page6-footer .footer-info{font-size:13px;display:flex!important;flex-direction:column!important;gap:14px;text-align:left!important}
.footer.page6-footer .footer-info-right{order:0;display:grid!important;grid-template-columns:1fr!important;gap:10px;align-items:stretch}
.footer.page6-footer .footer-info-left{order:1}
.footer.page6-footer .footer-info-left p{line-height:22px;color:#fff;opacity:.9;margin:0 0 6px 0}
.footer.page6-footer .social-card{display:flex!important;align-items:center!important;gap:10px;padding:12px;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);text-decoration:none!important;color:#fff!important}
.footer.page6-footer .social-card img{width:36px;height:36px;border-radius:8px;object-fit:contain;flex:0 0 auto}
.footer.page6-footer .social-text p{margin:0}
.footer.page6-footer .social-text p:first-child{font-weight:600;font-size:14px;line-height:1.35}
.footer.page6-footer .social-text p:last-child{font-size:13px;opacity:.85;line-height:1.35;word-break:break-word}
.footer.page6-footer .top{position:static!important;display:inline-block;align-self:center;font-size:13px;line-height:1;color:#fff;text-decoration:none!important;padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06)}
@media(max-width:360px){.footer.page6-footer .footer-link .menu{grid-template-columns:1fr}
.footer.page6-footer .footer-link .menu>li>a{font-size:13px;padding:9px 10px}
}
}





@media(max-width:768px){.normal-layout-head.video-head{height:auto!important;min-height:420px;overflow:hidden;margin-bottom:0!important}
.normal-layout-head.video-head .banner-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;transform:none!important;object-fit:cover;background-size:cover!important}
.normal-layout-head.video-head .video-layer{position:relative;padding:70px 0 0!important;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.28) 45%,rgba(0,0,0,.55))}
.video-head-content{width:100%;max-width:96vw;margin:0 auto;padding-bottom:0!important;text-align:center;display:flex;flex-direction:column;align-items:center}
.video-head-content .pimg{display:block;height:auto;max-width:min(94vw,560px);margin:0 auto!important;transform:none!important}
.video-head-content p{max-width:94vw;margin-left:auto;margin-right:auto;line-height:1.65;word-break:normal;overflow-wrap:break-word}
.video-head-content .hr{width:64%!important;margin:16px auto 0!important;border-top-color:rgba(255,255,255,.85);opacity:.9}
.normal-layout-blue{background:#0e132d;color:#fff;margin-top:-1px!important}
.intro{width:100%;max-width:92vw;margin:0 auto;padding:24px 0 64px}
.intro-left,.intro-right{float:none;width:100%;margin:0}
.intro-left img{display:block;width:50vw;max-width:420px;min-width:200px;height:auto;margin:12px 0 12px 0!important;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
p.chn{font-size:14px!important;line-height:1.75!important;color:#fff!important}
p.eng{font-size:13px!important;line-height:1.65!important;color:#cfd6e6!important}
.intro .hr{width:72%!important;margin:12px 0!important;border-top-color:rgba(255,255,255,.25)}
}
@media(max-width:480px){.normal-layout-head.video-head .video-layer{padding-top:64px!important}
.video-head-content{max-width:96vw}
.video-head-content .pimg{max-width:92vw}
.video-head-content p{max-width:95vw}
.video-head-content .hr{width:72%!important}
.intro{max-width:94vw;padding:20px 0 56px}
.intro-left img{width:54vw;max-width:360px;min-width:190px}
p.chn{font-size:13.5px!important}
p.eng{font-size:12.5px!important}
}




@media(max-width:768px){.normal-layout-head.video-head{position:relative;height:auto!important;min-height:420px;overflow:hidden;margin-bottom:0!important}
.normal-layout-head.video-head::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58) 0,rgba(0,0,0,.46) 30%,rgba(0,0,0,.46) 70%,rgba(0,0,0,.60) 100%);pointer-events:none;z-index:1}
.normal-layout-head.video-head .banner-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;transform:none!important;object-fit:cover;z-index:0}
.normal-layout-head.video-head .video-layer{position:absolute!important;inset:0!important;background:none!important}
.normal-layout-head.video-head .darkmenu,.normal-layout-head.video-head .about-head-content{position:relative;z-index:2}
.about-head-content{width:100%;max-width:100vw;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:64px;padding-bottom:0!important}
.about-head-content .pimg{display:block;height:auto;max-width:min(94vw,560px);margin:0 auto!important}
.about-head-content .p1{font-size:20px!important;line-height:1.55!important;font-weight:700;letter-spacing:.2px;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.45);max-width:calc(100vw - 2px);margin-left:auto;margin-right:auto}
.about-head-content .p2{font-size:16px!important;line-height:1.65!important;color:#e8eef7!important;text-shadow:0 2px 5px rgba(0,0,0,.35);max-width:calc(100vw - 2px);margin-left:auto;margin-right:auto}
.normal-layout-blue{margin-top:-1px!important}
.intro{width:100%;max-width:85vw;margin:0 auto;padding:24px 0 64px}
.intro-left,.intro-right{float:none;width:100%;margin:0}
.intro-left img{display:block;width:52vw;max-width:420px;min-width:200px;height:auto;margin:12px 0 12px 0!important;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.intro .chn,.intro .eng{max-width:85vw;margin:0 auto}
.intro .chn{font-size:14px!important;line-height:1.75!important;color:#fff!important}
.intro .eng{font-size:13px!important;line-height:1.65!important;color:#cfd6e6!important}
.intro .hr{width:72%!important;margin:12px auto!important;border-top-color:rgba(255,255,255,.25)}
}
@media(max-width:480px){.about-head-content{padding-top:60px}
.about-head-content .p1{font-size:18.5px!important}
.about-head-content .p2{font-size:16px!important}
.intro{max-width:85vw;padding:20px 0 56px}
.intro .chn,.intro .eng{max-width:85vw}
}
@media(max-width:768px){html.no-scroll .normal-layout-head.video-head .about-head-content,body.no-scroll .normal-layout-head.video-head .about-head-content{opacity:0;pointer-events:none;transition:opacity .15s ease}
}



@media(min-width:769px){#wapHeader .hamburger,#wapHeader .hamburger span{display:none!important;width:0!important;height:0!important;overflow:hidden!important}
.page1 .menu-bar::before,.page1 .menu-bar::after,.clearfix::before,.clearfix::after{content:none!important;display:none!important;width:0!important;height:0!important;background:transparent!important;border:0!important}
.page1 .menu,.page1 .menu li{list-style:none!important}
.page1 .menu *::marker{content:""!important}
.page1 .menu-bar{font-size:0!important}
.page1 .menu-bar>*{font-size:14px!important}
.page1 .menu-bar{display:flex!important;align-items:center!important;justify-content:flex-start!important;column-gap:24px!important}
.page1 .menu{margin-left:5vw!important}
}