:root{ --color01:#338dbe; --family:""; --box-shadow01:0px 0px 20px rgba(63,116,254,0.1); --color02:#94252A; --color03:#19a8cc; --color04:#146698; --color05:#2082ae; --bcr1:cubic-bezier(0.4,0.4,0,1); --bcr2:cubic-bezier(0.075,0.82,0.165,1); --lgt01:linear-gradient(to right,#05bda3,#042f48) }
@font-face{ font-family:"iconfont"; src:url("https://at.alicdn.com/t/c/font_4960920_2wv2iyyzphz.woff2?t=1750994501947") format("woff2"),url("https://at.alicdn.com/t/c/font_4960920_2wv2iyyzphz.woff?t=1750994501947") format("woff"),url("https://at.alicdn.com/t/c/font_4960920_2wv2iyyzphz.ttf?t=1750994501947") format("truetype") }
.iconfont{ font-family:"iconfont"; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:.2px; -moz-osx-font-smoothing:grayscale }
.swiper{ width:100%; height:100% }
.swiper-container{ width:100%; height:100% }
.swiper-wrapper{ width:100%; height:100% }
.swiper-slide{ display:flex; align-items:center; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center center }
.text-line{ background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)); background-image:linear-gradient(90deg,#fff,#fff); background-position:100% 100%; background-repeat:no-repeat; background-size:0 1px; -webkit-transition:background-size .5s cubic-bezier(0.215,0.61,0.355,1); transition:background-size .5s cubic-bezier(0.215,0.61,0.355,1) }
.text-line:hover{ background-position:0 100%; background-size:100% 1px }
.container{ max-width:1400px; margin:0 auto }
.section{ padding:75px 0 }
.section:nth-child(odd){ background-color:#f5f5f5 }
.section-title{ text-align:center; margin-bottom:40px }
.section-title h3{ font-size:36px; font-weight:bold; color:#338dbe; margin-bottom:5px; position:relative; display:inline-block; letter-spacing:2px }
.section-title h3:after{ content:""; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); width:20px; height:2px; background-color:#999 }
.section-title p{ font-size:16px; color:#8c8c8c; text-transform:uppercase; margin-top:15px }
.more-btn{ display:inline-block; padding:8px 12px; background-color:#338dbe; color:#fff; font-size:15px; border-radius:4px; transition:all .5s ease }
.more-btn:hover{ background-color:#19a8cc }
.header{ position:fixed; top:0; left:0; width:100%; z-index:100; background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1); z-index:9999999; transition:box-shadow .3s,height .3s,background .3s }
.header .header-container{ margin:0 4.42% 0 13.54%; display:flex; align-items:center; justify-content:space-between }
.header .logo{ height:69px }
.header .logo img{ height:100% }
.header .nav{ border-right:1px solid #eee; padding:0 40px 0 100px }
.header .nav ul{ display:flex; align-items:center; justify-content:center }
.header .nav ul li{ transition:all .5s ease; margin:0 22px; position:relative }
.header .nav ul li a{ transition:all .5s ease; font-size:20px; color:#333; padding:50px 0px; display:block; transition:all .5s ease }
.header .nav ul li a:hover{ color:#338dbe }
.header .nav ul li.active a{ padding:50px 25px; color:#fff; background-color:#338dbe; border-radius:0 }
.header .nav ul li.active:after{ display:none }
.header .header-right{ display:flex; align-items:center; justify-content:center }
.header .header-right .search{ display:flex; align-items:center; justify-content:center; position:relative }
.header .header-right .search input{ box-sizing:border-box; width:234px; height:48px; border:1px solid #ddd; border-radius:30px; padding:0 20px 0 60px; outline:none }
.header .header-right .search input:focus{ border-color:#338dbe }
.header .header-right .search button{ position:absolute; left:20px; background:none; border:none; cursor:pointer }
.header .header-right .search button img{ width:30px }
.header .header-right .header-evm{ position:relative; cursor:pointer; margin-left:40px }
.header .header-right .header-evm .iconfont{ font-size:40px }
.header .header-right .header-evm .evm-popup{ display:none; position:absolute; left:50%; top:110%; transform:translateX(-50%); background:#fff; box-shadow:0 4px 24px rgba(0,0,0,.12); border-radius:8px; padding:12px; z-index:99; min-width:120px; text-align:center; opacity:0; pointer-events:none; transition:opacity .25s }
.header .header-right .header-evm .evm-popup .flex{ display:flex; align-items:center; justify-content:center }
.header .header-right .header-evm .evm-popup img{ width:120px; height:120px; display:block; border-radius:6px }
.header .header-right .header-evm:hover .evm-popup{ display:block; opacity:1; pointer-events:auto }
.header .menu-btn{ display:none; width:30px; height:20px; position:relative; cursor:pointer }
.header .menu-btn span{ display:block; width:100%; height:2px; background-color:#333; position:absolute; left:0; transition:all .5s ease }
.header .menu-btn span:nth-child(1){ top:0 }
.header .menu-btn span:nth-child(2){ top:9px }
.header .menu-btn span:nth-child(3){ top:18px }
.header .menu-btn.active span:nth-child(1){ transform:rotate(45deg); top:9px }
.header .menu-btn.active span:nth-child(2){ opacity:0 }
.header .menu-btn.active span:nth-child(3){ transform:rotate(-45deg); top:9px }
.header .nav ul li a{ transition:padding .3s,background .3s,color .3s }
.header.header-fixed{ box-shadow:0 2px 10px rgba(0,0,0,.1); background:#fff }
.header.header-fixed .nav ul li a{ padding-top:33px; padding-bottom:33px }
.header.header-fixed .nav ul li.active a{ padding-top:33px; padding-bottom:33px }
.header-header{ height:120px; background-color:#fff }
.banner{ height:calc(100vh - 120px); position:relative }
.banner .swiper-slide{ height:100% }
.banner .banner-content{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; overflow:hidden }
.banner .banner-content::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(90deg,rgba(20,102,152,0.8) 0%,rgba(0,0,0,0.2) 100%); z-index:1 }
.banner .banner-fixed-text{ position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); z-index:10; color:#fff; text-align:center }
.banner .banner-fixed-text h2{ line-height:1; font-size:80px; font-weight:bold; letter-spacing:4px; text-shadow:0 2px 5px rgba(0,0,0,.3); position:relative; display:inline-block }
.banner .banner-fixed-text .banner-fixed-text-line{ display:flex; align-items:center; justify-content:center; font-size:30px; margin-top:30px; letter-spacing:2px; text-shadow:0 1px 3px rgba(0,0,0,.3) }
.banner .banner-fixed-text .banner-fixed-text-line .line{ background:url("../img/banner-text.png") no-repeat; background-size:cover; width:122px; height:1px }
.banner .swiper-pagination-bullet{ width:9px; height:9px; background:#fff; opacity:.6; margin:0 10px !important }
.banner .swiper-pagination-bullet-active{ opacity:1; background:#fff }
.banner .swiper-pagination{ bottom:30px }
.banner .swiper-button-next,.banner .swiper-button-prev{ color:#fff; background:rgba(20,102,152,.6); width:50px; height:50px; border-radius:50% }
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ font-size:24px; font-weight:bold }
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background:#338dbe }
.banner .swiper-button-next{ right:30px }
.banner .swiper-button-prev{ left:30px }
.float-btns{ position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:99 }
.float-btns a{ display:flex; align-items:center; justify-content:center; flex-direction:column; width:67px; height:67px; background-color:#0065eb; text-align:center; margin:4px 0; box-shadow:0 0 10px rgba(0,0,0,.1); transition:all .5s ease; color:#fff; position:relative }
.float-btns a:hover{ background-color:#338dbe; transform:translateY(1px) }
.float-btns a .iconfont{ font-size:40px; line-height:1 }
.float-btns a span{ font-size:12px; display:block; line-height:1; margin-top:5px }
.float-btns a.phone-service .iconfont{ font-size:50px; line-height:.8 }
.float-btns a .float-popup{ visibility:hidden; position:absolute; opacity:0; z-index:-1; right:80px; top:50%; transform:translate(0%,-50%) }
.float-btns a .float-popup img{ width:150px }
.float-btns a.phone-service .float-popup{ border-radius:5px; font-size:18px; min-width:190px; padding:20px; background-color:#fff; color:#338dbe; text-align:center; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(0,0,0,.1) }
.float-btns a.phone-service .float-popup i{ font-size:36px; color:#338dbe; line-height:1; margin-right:10px }
.float-btns .online-service:hover .float-popup,.float-btns .phone-service:hover .float-popup{ display:flex; opacity:1; pointer-events:auto; transition:opacity .5s; visibility:visible; z-index:99 }
.about{ padding-bottom:0; position:relative; z-index:99 }
.about .container{ padding-bottom:180px; position:relative }
.about .about-content{ display:flex; align-items:stretch }
.about .about-text{ flex:1; padding-right:90px }
.about .about-text h4{ font-size:22px; font-weight:bold; margin-bottom:15px; color:#333; line-height:1; letter-spacing:4px }
.about .about-text h5{ font-size:12px; color:#999 }
.about .about-text .text{ line-height:1.4; margin-bottom:35px; color:#333; text-align:justify; margin-top:35px; max-height:260px; overflow-x:hidden }
.about .about-video{ flex:1 }
.about .about-video .video-wrapper{ position:relative; width:100%; height:100%; overflow:hidden }
.about .about-video .video-wrapper .play-btn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:87px; height:87px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .5s ease; z-index:99 }
.about .about-video .video-wrapper .play-btn img{ width:100%; transition:all .5s ease }
.about .about-video .video-wrapper:hover img{ transform:scale(1.05) }
.about .about-video .video-wrapper .video{ display:block; width:100%; height:100% }
.about .about-video .video-wrapper .video video{ display:block; width:100%; height:100%; object-fit:contain }
.about .count-box{ position:absolute; width:100%; bottom:-60px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:0; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1) }
.about .count-item{ text-align:left; background-color:#fff; padding:30px 20px; border-radius:5px; transition:all .5s ease }
.about .count-item .boxs{ width:160px; text-align:left; margin:0 auto }
.about .count-item h4{ font-size:16px; margin-bottom:10px; color:#666; text-align:left; display:inline-block; padding-bottom:5px; border-bottom:1px solid #d9d9d9 }
.about .count-item .st{ font-size:50px; line-height:1; font-weight:bold; color:#333; display:flex; align-items:end; justify-content:left; margin-top:10px }
.about .count-item .st .unit{ margin-left:5px; color:#333; line-height:1; font-weight:bold; margin-bottom:5px }
.about .count-item .yuan{ color:#338dbe }
.about .count-item .yuan .unit{ color:#338dbe }
.service{ padding-top:140px }
.service .service-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:60px 0; justify-items:center; align-items:start }
.service .service-item{ background:none; box-shadow:none; border-radius:0; padding:0; text-align:center; transition:box-shadow .4s cubic-bezier(0.4,0,0.2,1),transform .4s cubic-bezier(0.4,0,0.2,1); margin:0 auto; opacity:0; transform:translateY(40px) }
.service .service-item.in-view{ opacity:1; transform:translateY(0); transition:opacity .7s cubic-bezier(0.4,0,0.2,1),transform .7s cubic-bezier(0.4,0,0.2,1) }
.service .service-item:hover{ transform:translateY(-10px) scale(1.03) }
.service .service-item:hover .service-icon img{ transform:scale(1.08) rotate(-4deg); transition:transform .4s cubic-bezier(0.4,0,0.2,1) }
.service .service-item:hover h4{ color:#338dbe }
.service .service-item .service-icon{ margin-bottom:10px }
.service .service-item .service-icon img{ width:260px; height:260px; display:block; margin:0 auto; transition:transform .4s cubic-bezier(0.4,0,0.2,1) }
.service .service-item h4{ font-size:28px; font-weight:bold; color:#222; margin-bottom:18px; letter-spacing:2px; transition:color .4s cubic-bezier(0.4,0,0.2,1) }
.service .service-item .text{ font-size:14px; color:#666; line-height:1.8; margin:0 auto; max-width:330px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.service .service-item a{ display:none }
.news .news-tab{ width:100%; display:flex; align-items:center; justify-content:center; margin:0 0 50px 0 }
.news .news-tab ul{ display:flex; gap:50px; padding:0; margin:0; list-style:none }
.news .news-tab ul li{ margin:0; padding:0 }
.news .news-tab ul li a{ display:block; letter-spacing:2px; padding:18px 35px; background:#f7f9fa; color:#222; font-size:25px; border-radius:4px; text-align:center; transition:all .5s; box-sizing:border-box }
.news .news-tab ul li.active a{ background:#338dbe; color:#fff }
.news .news-tab ul li:hover a{ background:#e6f0f8; color:#338dbe }
.news .news-tab ul li:hover.active a{ background:#338dbe; color:#fff }
.new-con-body{ display:none; opacity:0; transform:translateY(20px); transition:opacity .4s cubic-bezier(0.4,0,0.2,1),transform .4s cubic-bezier(0.4,0,0.2,1) }
.new-con-body.active{ display:block; opacity:1; transform:translateY(0) }
.news-main{ display:flex; align-items:stretch; justify-content:space-between }
.news-main-left{ width:30%; border-radius:2px; overflow:hidden; box-shadow:0 2px 16px rgba(0,0,0,.06); transition:all .5s ease }
.news-main-left a{ width:100%; height:100%; display:block }
.news-main-left .news-img{ width:100%; height:290px; overflow:hidden }
.news-main-left .news-img img{ width:100%; height:100%; object-fit:cover; display:block }
.news-main-left .news-card{ box-sizing:border-box; background:#fff; padding:30px 24px }
.news-main-left .news-card .news-img-title{ font-size:18px; display:flex; align-items:center; justify-content:space-between }
.news-main-left .news-card .news-img-title span{ font-size:16px; color:#999; transition:all .5s ease }
.news-main-left .news-card .news-img-desc{ font-size:18px; color:#333; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:20px }
.news-main-left .news-card .news-more{ font-size:14px; color:#338dbe; text-decoration:none; float:right }
.news-main-left .news-card .news-more:hover{ color:#1a5e8a }
.news-main-left:hover{ box-shadow:0 8px 32px rgba(51,141,190,.2); transform:translateY(-6px) scale(1.03) }
.news-main-left:hover .news-card .news-img-title span{ color:#338dbe; text-decoration:underline }
.news-main-center{ display:flex; align-items:center; justify-content:center; width:30%; border-radius:2px; position:relative; overflow:hidden }
.news-main-center a{ width:100%; height:100%; display:block; position:relative }
.news-main-center .img{ width:100%; height:100%; border-radius:10px; overflow:hidden; margin:0 auto 0 auto; transition:all .5s ease }
.news-main-center .img img{ width:100%; height:100%; object-fit:cover; display:block }
.news-main-center .new-center-show{ position:absolute; left:0; top:50%; opacity:0; width:100%; height:100%; box-sizing:border-box; background:rgba(51,141,190,.92); border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:36px 40px 32px 40px; color:#fff; z-index:2; transition:all .5s ease }
.news-main-center .new-center-show .news-date{ font-size:18px; margin-bottom:30px; font-weight:400 }
.news-main-center .new-center-show .news-title{ font-size:20px; font-weight:bold; margin-bottom:18px; line-height:1.4; letter-spacing:1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.news-main-center .new-center-show .news-desc{ font-size:16px; line-height:1.8; margin-bottom:20%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.news-main-center .new-center-show .news-more{ display:flex; align-items:center; font-size:16px; color:#fff; cursor:pointer; font-weight:500; gap:8px }
.news-main-center .new-center-show .news-more .circle{ width:52px; height:52px; display:flex; align-items:center; justify-content:center; margin-left:12px }
.news-main-center:hover .img{ transform:scale(1.05) }
.news-main-center:hover .new-center-show{ top:0; opacity:1 }
.news-main-right{ display:flex; flex-direction:column; gap:40px; width:34.28% }
.news-main-right .news-list-item{ display:flex; align-items:center; background:#fff; overflow:hidden; transition:box-shadow .3s,transform .3s; border-radius:10px }
.news-main-right .news-list-item a{ display:flex; overflow:hidden; align-items:stretch }
.news-main-right .news-list-item .img{ width:200px; height:135px; display:flex; align-items:center; justify-content:center; overflow:hidden }
.news-main-right .news-list-item .img img{ object-fit:cover; width:100%; height:100%; display:block }
.news-main-right .news-list-item .news-list-content{ flex:1; padding-left:25px; display:flex; flex-direction:column; justify-content:space-between }
.news-main-right .news-list-item .news-list-content .news-list-date{ font-size:16px; color:#999 }
.news-main-right .news-list-item .news-list-content .news-list-title{ font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.news-main-right .news-list-item .news-list-content .news-list-more{ font-size:16px; color:#999; text-decoration:none; align-self:flex-start; transition:color .2s }
.news-main-right .news-list-item:hover{ transform:translateY(-6px) scale(1.03) }
.news-main-right .news-list-item:hover .news-list-content .news-list-title{ color:#338dbe; text-decoration:underline }
.news-main-right .news-list-item:hover .news-list-content .news-list-more{ color:#338dbe; text-decoration:underline }
.join-flex{ display:flex; justify-content:space-between; align-items:stretch; padding-top:30px }
.join-left{ flex:1 }
.join-left h2{ font-size:36px; font-weight:500; color:#222; margin-bottom:24px; line-height:1.2 }
.join-left .join-desc{ font-size:20px; color:#666; margin-bottom:48px }
.join-left .join-img{ width:100%; max-width:700px; border-radius:8px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,.08) }
.join-left .join-img img{ width:100%; display:block }
.join-right{ flex:1; padding-left:80px; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-end }
.join-form-card{ width:100%; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.05); padding:40px 30px; display:flex; flex-direction:column; gap:24px; align-items:stretch }
.join-form-card .form-row{ display:flex; align-items:center; justify-content:space-between }
.join-form-card .form-row label{ font-size:16px; color:#333; font-weight:500; padding-right:25px }
.join-form-card .form-row input{ flex:1; background:#f3f4f8; border:none; border-radius:6px; padding:16px 18px; font-size:16px; color:#333; outline:none; transition:box-shadow .2s,border .2s; box-shadow:none; margin-bottom:0; border:2px solid #e1e1e5 }
.join-form-card .form-row input:focus{ border:2px solid #338dbe; background:#fff; box-shadow:0 0 0 2px rgba(51,141,190,.1333333333) }
.join-form-card .btns{ display:flex; align-items:center; justify-content:flex-end }
.join-form-card .join-submit{ width:calc(100% - 90px); padding:16px 0; background:#338dbe; color:#fff; border:none; border-radius:6px; font-size:20px; font-weight:bold; cursor:pointer; margin:32px 0 0 0; transition:background .2s,box-shadow .2s,transform .2s; box-shadow:0 2px 10px rgba(51,141,190,.08); letter-spacing:2px }
.join-form-card .join-submit:hover{ background:#146698; transform:translateY(-2px); box-shadow:0 6px 18px rgba(51,141,190,.12) }
.footer{ background:#0b1d2f; color:#fff; padding:0 }
.footer .footer-main{ display:flex; justify-content:space-between; padding:70px 0 60px 0; align-items:stretch }
.footer .footer-contact{ flex:2.2 }
.footer .footer-contact ul{ list-style:none; padding:0; margin:0 }
.footer .footer-contact ul li{ font-size:18px; color:#fff; padding:20px 0; display:flex; align-items:flex-start; line-height:2; border-bottom:1px solid #223d50 }
.footer .footer-contact ul li:last-child{ border:none }
.footer .footer-contact ul li img{ width:28px; height:28px; margin-right:32px; margin-top:6px; flex-shrink:0 }
.footer .footer-navs{ flex:2; display:flex; justify-content:space-between; padding:0 70px; margin:0 70px; box-sizing:border-box; border-left:1px solid #223d50; border-right:1px solid #223d50 }
.footer .footer-navs .footer-nav{ display:flex; flex-direction:column; align-items:center }
.footer .footer-navs .footer-nav .nav-title{ font-size:20px; color:#fff; font-weight:bold; margin-bottom:18px; letter-spacing:1px }
.footer .footer-navs .footer-nav a{ color:#fff; font-size:18px; margin-bottom:12px; text-decoration:none; transition:color .2s }
.footer .footer-navs .footer-nav a:hover{ color:#338dbe }
.footer .footer-qrcode{ display:flex; flex-direction:column; align-items:center }
.footer .footer-qrcode img{ width:215px; height:215px; border-radius:8px; margin-bottom:12px; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.08) }
.footer .footer-qrcode p{ color:#fff; font-size:18px; margin:0; letter-spacing:1px }
.footer .footer-bottom{ background:#081523; color:#fff; text-align:center; font-size:16px; padding:18px 0; letter-spacing:1px; border:none }
.footer .footer-bottom a{ color:#fff }
.back-to-top{ position:fixed; right:20px; bottom:30px; width:50px; height:50px; background-color:#338dbe; border-radius:50%; color:#fff; text-align:center; line-height:50px; cursor:pointer; opacity:0; visibility:hidden; transition:all .5s ease; z-index:99 }
.back-to-top:hover{ background-color:#19a8cc; transform:translateY(-5px) }
.back-to-top img{ width:20px; height:20px; margin-top:15px }
.breadcrumb{ height:90px; border-bottom:1px solid #e1e1e5 }
.breadcrumb .container{ height:100%; display:flex; align-items:center; justify-content:space-between }
.breadcrumb a{ height:100%; color:#666; display:inline-block }
.breadcrumb span{ color:#146698 }
.breadcrumb .right-nav{ display:flex; align-items:center; gap:30px; height:100% }
.breadcrumb .right-nav a{ position:relative; font-size:20px; color:#222; text-decoration:none; padding:0 4px; transition:color .3s; height:100%; display:flex; align-items:center; justify-content:center }
.breadcrumb .right-nav a.active{ color:#338dbe; font-weight:bold }
.breadcrumb .right-nav a.active::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#338dbe; border-radius:2px }
.breadcrumb .right-nav a:hover{ color:#338dbe }
.service-banner{ height:510px; background-size:cover; background-position:center; position:relative }
.service-banner .banner-fixed-text{ color:#fff; padding-top:8% }
.service-banner .banner-fixed-text h2{ font-size:36px; letter-spacing:2px; position:relative; display:inline-block; line-height:1 }
.service-banner .banner-fixed-text .text{ font-size:17px; margin-top:15px; letter-spacing:1px }
.service-banner .banner-fixed-text .line{ width:45px; height:1px; background-color:#fff; margin-top:20px }
.service-banner .banner-fixed-text .service-centre{ font-size:18px; z-index:2; margin-top:20px; text-transform:uppercase }
.talent-service{ background-color:#fff !important }
.talent-service .service-intro{ margin:0 auto 60px; font-size:20px; line-height:1.4; color:#666 }
.talent-service .service-flex-row{ display:flex; gap:35px }
.talent-service .service-flex-row .service-card{ flex:1; background:#ebf4f9; border-radius:12px; box-shadow:0 2px 12px rgba(51,141,190,.06); padding:32px 28px 28px 28px; display:flex; flex-direction:column; min-width:0 }
.talent-service .service-flex-row .service-card h3{ font-size:25px; font-weight:bold; margin-bottom:12px; display:flex; align-items:center }
.talent-service .service-flex-row .service-card .line{ display:inline-block; width:42px; height:7px; background:#338dbe; margin-bottom:20px }
.talent-service .service-flex-row .service-card .service-content{ padding-left:0; margin:0; list-style:none }
.talent-service .service-flex-row .service-card .service-content p{ font-size:15px; color:#222; margin-bottom:20px; line-height:1.6 }
.talent-service .service-flex-row .service-card .service-content p strong{ font-weight:600; margin-right:4px }
.talent-service .service-flex-row .service-card:nth-child(2){ background:#eff1f4 }
.recruitment-section{ width:100%; position:relative; background-size:cover; background-position:center; overflow:hidden }
.recruitment-section .section-title{ display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; top:70px; width:100% }
.recruitment-section .section-title h3{ color:#fff }
.recruitment-section .section-title h3:after{ background-color:#fff }
.recruitment-section .section-title p{ color:#fff }
.recruitment-section .recruitment-rpo{ width:100%; padding:170px 0; display:flex; align-items:flex-start; justify-content:center; flex-direction:column }
.recruitment-section .recruitment-rpo-title{ font-size:30px; font-weight:bold; margin-bottom:20px; color:#fff }
.recruitment-section .recruitment-rpo-line{ width:42px; height:7px; background:#fff; margin-bottom:30px }
.recruitment-section .recruitment-rpo-desc{ font-size:21px; line-height:2; color:#fff; max-width:430px; text-align:justify }
.business-flex{ display:flex; align-items:center; justify-content:center; gap:90px; margin:60px 0 0 0 }
.business-flex .business-img{ flex:1.1 }
.business-flex .business-img img{ width:100%; border-radius:10px; box-shadow:0 4px 24px rgba(0,0,0,.1); display:block }
.business-flex .business-content{ width:380px; display:flex; align-items:flex-end; justify-content:center; flex-direction:column; text-align:right }
.business-flex .business-content h4{ font-size:29px; font-weight:bold; margin-bottom:18px; color:#222 }
.business-flex .business-content .line{ width:42px; height:7px; background:#338dbe; margin-bottom:35px }
.business-flex .business-content p{ font-size:21px; color:#222; line-height:1.6 }
.business-flex-reverse{ flex-direction:row-reverse }
.business-flex-reverse .business-content{ display:flex; align-items:flex-start; justify-content:center; text-align:left }
.about-show{ width:100% }
.about-show .container{ padding-bottom:0 }
.about-show .about-content .about-text .text{ max-height:380px; margin-bottom:0; font-size:15px }
.about-show .count-content{ margin-top:80px; width:100%; background:linear-gradient(90deg,rgba(51,141,190,0.95) 0%,rgba(51,141,190,0.85) 100%); background-image:url("../img/gy-about-bg.jpg"),linear-gradient(90deg,rgba(51,141,190,0.95) 0%,rgba(51,141,190,0.85) 100%); background-size:cover; background-position:center; padding:0; display:flex; align-items:center; justify-content:center; position:relative }
.about-show .count-content .count-box{ width:1400px; position:relative; left:0; top:0; bottom:0; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; gap:0; min-height:110px; padding:45px 0; background-color:rgba(0,0,0,0); box-shadow:0 0 0 0 }
.about-show .count-content .count-box .line{ width:1px; height:90px; background:hsla(0,0%,100%,.25) }
.about-show .count-content .count-box .count-item{ padding:0; text-align:center; color:#fff; position:relative; background-color:rgba(0,0,0,0) }
.about-show .count-content .count-box .count-item .boxs{ width:auto }
.about-show .count-content .count-box .count-item .boxs h4{ font-size:16px; font-weight:400; margin-bottom:12px; color:#fff; letter-spacing:1px }
.about-show .count-content .count-box .count-item .boxs .st{ font-size:44px; font-weight:bold; color:#fff; margin-bottom:0; margin-top:10px }
.about-show .count-content .count-box .count-item .boxs .st .unit{ font-weight:400; margin-left:2px; color:#fff; vertical-align:super }
.joinus-banner{ position:relative; width:100%; height:340px; background:#f5f8fb url("../img/banner-fw.jpg") center center/cover no-repeat; display:flex; align-items:center; justify-content:center; margin-top:0 }
.joinus-banner-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(90deg,rgba(20,102,152,0.8) 0%,rgba(0,0,0,0.2) 100%); z-index:1 }
.joinus-banner-content{ position:relative; z-index:2; text-align:left; color:#fff; padding-left:60px }
.joinus-banner-content h2{ font-size:32px; font-weight:bold; margin-bottom:10px; letter-spacing:1px }
.joinus-banner-content p{ font-size:16px; margin-bottom:18px }
.joinus-banner-en{ font-size:13px; opacity:.85; letter-spacing:2px }
.joinus-section{ background:#fff !important }
.joinus-section .joinus-form{ width:100%; margin:0 auto; background:#fff; display:flex; flex-direction:column; box-sizing:border-box }
.joinus-section .joinus-form .joinus-form-row{ display:flex; gap:140px; margin-top:0 }
.joinus-section .joinus-form .joinus-form-row:not(:first-child){ margin-top:45px }
.joinus-section .joinus-form .joinus-form-row .form-col{ flex:1; display:flex; flex-direction:column }
.joinus-section .joinus-form .joinus-form-row .form-col label{ font-size:24px; margin-bottom:10px; font-weight:500 }
.joinus-section .joinus-form .joinus-form-row .form-col input{ background:#fff; border:1.5px solid #e1e1e5; border-radius:6px; padding:14px 18px; font-size:15px; color:#333; outline:none; transition:box-shadow .2s,border .2s; margin-bottom:0; resize:none }
.joinus-section .joinus-form .joinus-form-row .form-col input:focus{ border:1.5px solid #338dbe; background:#f3f4f8; box-shadow:0 0 0 2px rgba(51,141,190,.1333333333) }
.joinus-section .joinus-form .joinus-form-message{ display:block }
.joinus-section .joinus-form .joinus-form-message .message{ background:#fff; border:1.5px solid #e1e1e5; border-radius:6px; padding:14px 18px; font-size:15px; color:#333; outline:none; transition:box-shadow .2s,border .2s; min-height:150px; max-height:300px }
.joinus-section .joinus-form .joinus-form-message .message:focus{ border:1.5px solid #338dbe; background:#f3f4f8; box-shadow:0 0 0 2px rgba(51,141,190,.1333333333) }
.joinus-section .joinus-form .joinus-submit{ padding:18px 0px; background:#338dbe; color:#fff; border:none; border-radius:2px; font-size:24px; cursor:pointer; margin:50px 0 0 0; transition:background .2s,box-shadow .2s,transform .2s; box-shadow:0 2px 10px rgba(51,141,190,.08); letter-spacing:2px; display:inline-block; width:240px }
.joinus-section .joinus-form .joinus-submit:hover{ background:#146698; transform:translateY(-2px); box-shadow:0 6px 18px rgba(51,141,190,.12) }
.aboutus-section{ padding:60px 0 0 0 }
.aboutus-section .aboutus-flex{ display:flex; align-items:flex-start; gap:60px }
.aboutus-section .aboutus-text{ flex:1; padding-right:40px }
.aboutus-section .aboutus-text h4{ font-size:26px; font-weight:bold; margin-bottom:10px; color:#146698 }
.aboutus-section .aboutus-text h5{ font-size:14px; color:#999; margin-bottom:20px }
.aboutus-section .aboutus-text .aboutus-desc{ font-size:16px; color:#444; line-height:2; text-align:justify }
.aboutus-section .aboutus-video{ flex:1 }
.aboutus-section .aboutus-video .aboutus-video-wrapper{ position:relative; width:100%; border-radius:8px; overflow:hidden }
.aboutus-section .aboutus-video .aboutus-video-wrapper img{ width:100%; display:block; border-radius:8px }
.aboutus-section .aboutus-video .aboutus-video-wrapper .aboutus-play-btn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px; height:60px; display:flex; align-items:center; justify-content:center; background:hsla(0,0%,100%,.85); border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.12) }
.aboutus-section .aboutus-video .aboutus-video-wrapper .aboutus-play-btn img{ width:60% }
.aboutus-strength{ background-color:#fafafa !important }
.aboutus-strength .strength-swiper{ padding-bottom:80px; margin-top:50px }
.aboutus-strength .swiper-slide{ padding:18px; box-sizing:border-box; background:#fff; border-radius:12px; box-shadow:0 2px 20px rgba(0,0,0,.1) }
.aboutus-strength .strength-grid{ width:100%; height:200px; overflow:hidden; box-sizing:border-box; transition:box-shadow .3s,transform .3s; display:flex; align-items:center; justify-content:center }
.aboutus-strength .strength-grid img{ width:100%; box-sizing:border-box }
.aboutus-strength .strength-grid:hover{ box-shadow:0 8px 32px rgba(51,141,190,.2); transform:translateY(-4px) scale(1.03) }
.aboutus-strength .swiper-pagination .swiper-pagination-bullet{ width:25px; height:5px; border-radius:25px }
.history-section{ background-color:#fff !important }
.history-section .history-years-nav{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:90px; width:100%; margin-top:70px }
.history-section .history-years-nav .years-swiper{ flex:1; margin:0 30px; overflow:hidden }
.history-section .history-years-nav .years-swiper .swiper-wrapper{ align-items:center }
.history-section .history-years-nav .years-swiper .swiper-slide{ width:auto; height:auto; display:flex; justify-content:center; align-items:center }
.history-section .history-years-nav .years-swiper .swiper-slide.swiper-slide-active .year-item{ font-size:98px; color:#dfe3ef; font-weight:bold; pointer-events:none; background:none; padding:0; transform:none; min-width:auto }
.history-section .history-years-nav .year-item{ cursor:pointer; color:#298edc; transition:all .3s ease; line-height:1; font-weight:bold; font-size:17px; text-align:center; min-width:100px; height:100px; box-sizing:border-box; padding:0px 20px; border-radius:6px; display:flex; line-height:.8; align-items:flex-end; justify-content:center }
.history-section .history-years-nav .year-item:hover{ color:#146698; transform:translateY(-2px) }
.history-section .history-years-nav .history-prev{ transform:rotate(180deg) }
.history-section .history-years-nav .history-prev,.history-section .history-years-nav .history-next{ background:#fff; border:1px solid #e0e7f6; border-radius:50%; width:36px; height:36px; color:#4f6dfb; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 0px 5px rgba(0,0,0,.15); transition:all .3s ease }
.history-section .history-years-nav .history-prev:hover,.history-section .history-years-nav .history-next:hover{ background-color:#338dbe; color:#fff; border-color:#338dbe }
.history-section .history-years-nav .history-prev:disabled,.history-section .history-years-nav .history-next:disabled{ opacity:.5; cursor:not-allowed }
.history-section .history-years-nav .history-prev:disabled:hover,.history-section .history-years-nav .history-next:disabled:hover{ background:#fff; color:#4f6dfb; border-color:#e0e7f6 }
.history-section .timeline-list{ display:flex; flex-direction:column; gap:40px; margin:0 auto }
.history-section .timeline-item{ display:flex; align-items:flex-start; position:relative; min-height:60px }
.history-section .timeline-date{ width:180px; text-align:right; font-size:23px; font-weight:500; flex-shrink:0; position:relative; z-index:2; margin-top:5px; line-height:1.2; margin-right:30px }
.history-section .timeline-dot{ width:15px; height:15px; box-sizing:border-box; border:2px solid #338dbe; border-radius:50%; background:#fff; position:relative; top:8px; margin-right:30px; z-index:2 }
.history-section .timeline-dot::after{ content:""; position:absolute; left:50%; margin-left:-1px; top:13px; width:2px; height:32px; background:#eaf3f8; z-index:1 }
.history-section .timeline-desc{ width:600px; font-size:19px; line-height:2; text-align:left; word-break:break-all }
.contact-us{ background-color:#fff !important }
.contact-card{ display:flex; justify-content:space-between; align-items:stretch; margin:60px auto 0 }
.contact-card .contact-left{ background-color:#fafafa; flex:1 }
.contact-card .contact-info{ display:flex; flex-direction:column; justify-content:center; padding:50px 80px 80px 50px; box-sizing:border-box }
.contact-card .contact-info .contact-logo{ display:flex; align-items:center; padding-bottom:20px; border-bottom:1px solid #e1e1e1 }
.contact-card .contact-info .contact-logo img{ height:48px }
.contact-card .contact-info .contact-list{ list-style:none; padding:0; margin:0 }
.contact-card .contact-info .contact-list li{ padding:25px 0; border-bottom:1px solid #e1e1e1; display:flex; align-items:flex-start; font-size:22px }
.contact-card .contact-info .contact-list li img{ width:28px; height:28px; margin-right:20px; margin-top:8px; flex-shrink:0 }
.contact-card .contact-info .contact-list li span{ color:#222; margin-right:6px }
.contact-card .contact-info .contact-list li div{ line-height:1.7 }
.contact-card .contact-info .contact-list li .text div{ line-height:2 }
.contact-card .contact-map{ flex:1; display:flex; align-items:center; justify-content:center }
.contact-card .contact-map #maps{ width:100%; height:100% }
.news-list-container{ background-color:#fff !important }
.cx-news-list .cx-items{ padding:20px 20px 20px 0; border-bottom:1px solid #ededed; margin-top:20px; position:relative; transition:box-shadow .3s,transform .3s,background .3s; cursor:pointer }
.cx-news-list .cx-items .cx-news-item{ display:flex; align-items:stretch; border-radius:0; box-shadow:none; position:relative }
.cx-news-list .cx-items .cx-news-item:last-child{ border-bottom:none }
.cx-news-list .cx-items .cx-news-item .cx-news-date{ display:flex; align-items:center; justify-content:center; flex-direction:column; border-radius:0; text-align:center; position:relative; min-width:125px }
.cx-news-list .cx-items .cx-news-item .cx-news-date .day{ text-align:center; font-size:64px; line-height:1; font-weight:bold }
.cx-news-list .cx-items .cx-news-item .cx-news-date .month{ font-size:21px; margin-top:8px }
.cx-news-list .cx-items .cx-news-item .cx-news-date::before{ content:""; right:-48px; top:50%; transform:translateY(-50%); width:30px; height:1px; background-color:#333; position:absolute }
.cx-news-list .cx-items .cx-news-item .cx-news-date::after{ content:""; position:absolute; right:-19px; top:50%; transform:translateY(-50%); width:0; height:0; border-top:16px solid rgba(0,0,0,0); border-bottom:16px solid rgba(0,0,0,0); border-left:20px solid rgba(0,0,0,0) }
.cx-news-list .cx-items .cx-news-item .cx-news-content{ flex:1; display:flex; flex-direction:column; justify-content:center; padding-left:70px; padding-right:70px }
.cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-title{ font-size:28px; font-weight:900; margin-bottom:16px }
.cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-title a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#222; text-decoration:none; transition:color .2s }
.cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-title a:hover{ color:#338dbe; text-decoration:underline }
.cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-desc{ font-size:20px; color:#666; line-height:1.7; margin-bottom:0; margin-top:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.cx-news-list .cx-items .cx-news-item .cx-news-img{ position:relative; max-width:385px; max-height:200px; width:100%; border-radius:6px; overflow:hidden; display:flex; align-items:center; justify-content:center }
.cx-news-list .cx-items .cx-news-item .cx-news-img::before{ content:""; display:block; padding-top:52%; width:100% }
.cx-news-list .cx-items .cx-news-item .cx-news-img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; display:block; border-radius:6px; transition:all .5s ease }
.cx-news-list .cx-items::before{ content:""; width:125px; height:0px; background:#3398be; position:absolute; left:0; top:0 }
.cx-news-list .cx-items::after{ content:""; width:125px; height:0px; background:#3398be; position:absolute; left:0; bottom:0 }
.cx-news-list .cx-items:hover{ background:#fafafa }
.cx-news-list .cx-items:hover::before{ height:20px }
.cx-news-list .cx-items:hover::after{ height:20px }
.cx-news-list .cx-items:hover .cx-news-item .cx-news-date{ background:#3398be; color:#fff }
.cx-news-list .cx-items:hover .cx-news-item .cx-news-date::after{ border-left-color:#3398be }
.cx-news-list .cx-items:hover .cx-news-item .cx-news-title a{ color:#338dbe; text-decoration:underline }
.cx-news-list .cx-items:hover .cx-news-item .cx-news-img img{ transform:scale(1.06) }
.cx-pagination{ display:flex; justify-content:center; align-items:center; gap:20px; margin:70px 0 0 0 }
.cx-pagination .cx-page-btn{ box-shadow:0 0 5px rgba(0,0,0,.08); width:38px; height:38px; border-radius:50%; background:#fff; border:1.5px solid #f0f0f0; color:#222; font-size:18px; display:flex; align-items:center; justify-content:center; transition:all .2s; text-decoration:none; user-select:none; cursor:pointer }
.cx-pagination .cx-page-btn:hover{ border-color:#3398be; color:#3398be; background:#f5fbff }
.cx-pagination .cx-page-btn.active{ background:#3398be; color:#fff; border-color:#3398be; cursor:default; pointer-events:none }
.cx-pagination .cx-page-btn.cx-page-prev{ margin-right:30px }
.cx-pagination .cx-page-btn.cx-page-next{ margin-left:30px }
.cx-pagination .cx-page-btn.cx-page-prev,.cx-pagination .cx-page-btn.cx-page-next{ color:#7d8db3; font-size:18px; border:1.5px solid #f0f0f0; background:#fff }
.cx-pagination .cx-page-btn.cx-page-prev:hover,.cx-pagination .cx-page-btn.cx-page-next:hover{ border-color:#3398be; color:#3398be; background:#f5fbff }
.news-detail-main .container{ display:flex; gap:35px; align-items:flex-start }
.news-detail-content{ flex:1 1 0; background:#fff; border-radius:8px; padding:60px 40px 80px 40px; box-shadow:0 4px 16px rgba(0,0,0,.15) }
.news-detail-header{ border-bottom:1px solid #ccc; margin-bottom:24px; padding-bottom:20px }
.news-detail-date{ color:#888; font-size:15px; margin-top:24px }
.news-detail-title{ font-size:32px; font-weight:bold; color:#222; margin:0; text-align:center }
.news-detail-body{ font-size:18px; color:#333; line-height:2; margin-top:30px }
.news-detail-body p{ margin:18px 0 }
.news-detail-body img{ max-width:100%; margin:24px 0 }
.news-detail-sidebar{ width:380px; box-sizing:border-box; background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.01); padding:35px 20px }
.news-detail-sidebar .sidebar-title{ font-size:23px; color:#333; margin-bottom:18px; display:flex; align-items:center; justify-content:left }
.news-detail-sidebar .sidebar-title img{ height:26px; margin-right:15px }
.news-detail-sidebar .sidebar-hot-list{ list-style:none; padding:0; margin:0 }
.news-detail-sidebar .sidebar-hot-list li{ display:flex; align-items:center; margin-bottom:16px; padding-bottom:20px; border-bottom:1px solid #ccc }
.news-detail-sidebar .sidebar-hot-list li:last-child{ border:none }
.news-detail-sidebar .sidebar-hot-list li .num{ display:flex; align-items:center; justify-content:center; width:35px; height:35px; color:#fff; border-radius:3px; text-align:center; margin-right:18px; font-size:20px }
.news-detail-sidebar .sidebar-hot-list li a{ flex:1; color:#333; font-size:19px; text-decoration:none; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.news-detail-sidebar .sidebar-hot-list li a:hover{ color:#d32d2d; text-decoration:underline }
.news-detail-sidebar .sidebar-hot-list li:nth-child(1) .num{ background:#fe4601 }
.news-detail-sidebar .sidebar-hot-list li:nth-child(2) .num{ background:#fe7d4c }
.news-detail-sidebar .sidebar-hot-list li:nth-child(3) .num{ background:#fac7b4 }
.news-detail-sidebar .sidebar-hot-list li:nth-child(4) .num{ background:#f1f1ef; color:#333 }