@charset "utf-8";
textarea::-webkit-input-placeholder {color: #ddd;}
textarea::-moz-placeholder { color: #ddd;}
textarea:-moz-placeholder { color: #ddd;}
textarea:-ms-input-placeholder { color: #ddd;}
.header{width:100%;z-index:1000}
.header .menu li a{color:#fff}
.header .menu li a.cur,.header .menu li a:hover{color:#f36229}
.banner{position:relative;width:100%;height:1070px;background:#0b192c;margin:-105px auto 0;overflow:hidden;clear:both}
.banner .swiper-slide{position:relative;width:100%;height:100%;height:1070px;overflow:hidden;line-height:0}
.banner .swiper-slide a{display:block;width:100%;height:100%}
.banner .swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.banner .banner_con{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;z-index:10;pointer-events:none;padding-top:105px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}
.banner .banner_con .con{pointer-events:auto;max-width:720px;color:#fff}
.banner .banner_con .con h2{font-size:48px;font-weight:700;line-height:1.18;color:#fff;margin:0 0 32px 0;letter-spacing:-.5px}
.banner .banner_con .con .info{font-size:22px;line-height:30px;margin:0 0 60px 0;font-weight:400}
.banner .banner_con .con .btn{display:flex;align-items:center;gap:20px;margin-bottom:76px}
.banner .banner_con .con .btn a{width:295px;height:67px;padding:0 21px;font-size:22px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;box-sizing:border-box;text-decoration:none}
.banner .banner_con .con .btn a img{width:22px;height:auto;transition:transform .3s ease}
.banner .banner_con .con .btn a:hover img{transform:translateX(4px)}
.banner .banner_con .con .btn a:first-child{background:#f36229;color:#fff!important;box-shadow:0 4px 16px rgba(243,98,41,.35)}
.banner .banner_con .con .btn a:first-child:hover{background:#f4703c;transform:translateY(-2px);box-shadow:0 8px 24px rgba(243,98,41,.5)}
.banner .banner_con .con .btn a:last-child{background:0 0;border:1.5px solid rgba(255,255,255,.8);color:#fff!important}
.banner .banner_con .con .btn a:last-child:hover{border-color:#fff;background:rgba(255,255,255,.15);transform:translateY(-2px)}
.banner .banner_con .con .desc{font-size:22px;font-weight:700;color:#fff;line-height:30px;margin:0}
.banner .banner_con .quote{pointer-events:auto;width:442px;background:#fff;border-radius:8px;padding:49px 34px 67px;box-sizing:border-box}
.banner .banner_con .quote h3{font-size:24px;font-weight:700;color:#f36229;margin:0 0 22px 0}
.banner .banner_con .quote ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.banner .banner_con .quote ul li{position:relative;display:flex;align-items:center;background:0 0}
.banner .banner_con .quote ul li:before{content:"";position:absolute;width:1px;height:14px;background:#c3c3c3;top:20px;left:50px}
.banner .banner_con .quote ul li img{position:absolute;left:21px;top:26px;transform:translateY(-50%);width:17px;pointer-events:none}
.banner .banner_con .quote ul li input,.banner .banner_con .quote ul li textarea{width:100%;height:52px;padding:0 16px 0 60px;border:1px solid #e1e6eb;border-radius:8px;font-size:14px;color:#222;outline:0;background:#fafbfc;box-sizing:border-box;font-family:inherit;transition:all .2s ease}
.banner .banner_con .quote ul li input::placeholder,.banner .banner_con .quote ul li textarea::placeholder{color:#999}
.banner .banner_con .quote ul li input:focus,.banner .banner_con .quote ul li textarea:focus{border-color:#f36229;background:#fff;box-shadow:0 0 0 3px rgba(243,98,41,.15)}
.banner .banner_con .quote ul li textarea{height:120px;padding-top:14px;resize:none}
.banner .banner_con .quote ul li button{width:100%;height:52px;background:#f36229;border:none;border-radius:8px;font-size:16px;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:11px}
.banner .banner_con .quote ul li button:hover{background:#f4703c;transform:translateY(-1px);box-shadow:0 4px 14px rgba(243,98,41,.35)}
.banner .banner_con .quote ul li:last-child:before{display:none}
.banner .switch{position:absolute;width:auto;bottom:35px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:16px;pointer-events:auto}
.banner .switch .banner_next,.banner .switch .banner_prev{width:47px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:all .3s ease}
.banner .switch .banner_next img,.banner .switch .banner_prev img{width:auto;height:14px;filter:brightness(10)}
.banner .switch .banner_next:hover,.banner .switch .banner_prev:hover{opacity:1}
.banner .switch .swiper-pagination{position:relative;bottom:0;padding:0;margin:0;display:flex;align-items:center;padding-top:10px}
.banner .switch .swiper-pagination-bullet{width:11px;height:11px;background:#fff;border-radius:50%;opacity:1;cursor:pointer;margin:0 9px!important;transition:all .3s ease}
.banner .switch .swiper-pagination-bullet-active{background-color:#f36229}
h2.main_title{font-size:48px;font-weight:700;line-height:1;color:#0b355f;text-align:center}
h2.main_title a{color:#0b355f}
.intro{padding:112px 0 97px;background:#fff}
.intro ul{margin-top:66px;display:flex;justify-content:space-between;align-items:flex-start}
.intro ul li{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;transition:transform .3s ease}
.intro ul li:hover{transform:translateY(-4px)}
.intro ul li img{height:50px;width:auto;object-fit:contain;margin-bottom:39px;display:block}
.intro ul li span{display:block;font-size:18px;color:#2c2c2c;line-height:1;white-space:nowrap}
.product{padding:100px 0 140px;background:#fff;box-shadow:inset 0 20px 20px 0 rgba(4,0,0,.05)}
.product .pro_con{display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap;margin-top:55px}
.product .pro_con dl{width:407px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 40px 0 rgba(4,0,0,.1);border:1px solid #f0f3f7;transition:transform .3s ease,box-shadow .3s ease;margin:0;margin-bottom:42px;margin-right: 36px;}
.product .pro_con dl:nth-of-type(3n){margin-right: 0;}
.product .pro_con dl:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.09)}
.product .pro_con dl dt{line-height:0;height:280px}
.product .pro_con dl dt a{display:block;width:100%}
.product .pro_con dl dt img{width:100%;height:100%;object-fit:cover;display:block}
.product .pro_con dl dd{padding:28px 32px 36px;margin:0}
.product .pro_con dl dd a{display:block;text-decoration:none}
.product .pro_con dl dd h4{font-size:18px;font-weight:700;color:#0b355f;margin:0 0 12px 0;line-height:1.3}
.product .pro_con dl dd p{margin:0 0 20px 0;font-size:16px;line-height:24px;color:#2c2c2c;max-height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product .pro_con dl dd span{font-size:18px;font-weight:400;color:#f36229;display:inline-block;transition:transform .25s ease}
.product .pro_con dl dd a:hover span{transform:translateX(4px)}
.serve{padding:104px 0 117px;background:#ececec;box-shadow:inset 0 -20px 20px 0 rgba(4,0,0,.05)}
.serve ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin-top:53px}
.serve ul li{width:416px;height:261px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease}
.serve ul li:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08)}
.serve ul li h3{font-size:22px;font-weight:700;color:#fff;background:#0b355f;padding:0 20px;margin:0;line-height:80px;box-sizing:border-box;transition:all .5s ease}
.serve ul li p{font-size:18px;color:#2c2c2c;line-height:30px;padding:32px 22px 40px;margin:0}
.serve ul li:hover h3{background:#f36229}
.works{padding:100px 0;background:#fff}
.works ul{margin-top:55px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.works ul li{width:250px;height:250px;position:relative;background:#fff;border-radius:50px;padding:32px 20px 32px 38px;border:2px solid #040404;display:flex;align-items:center;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.works ul li:after,.works ul li:before{position:absolute;content:"";width:10px;height:10px;background:#040404;border-radius:50%;top:50px;left:-6px}
.works ul li:after{top:auto;bottom:50px}
.works ul li:hover{transform:translateY(-6px)}
.works ul li i{position:absolute;left:-42px;top:50%;transform:translateY(-50%);font-style:normal;font-size:167px;font-weight:900;line-height:1;color:#0b355f;font-family:inherit;user-select:none}
.works ul li i:after{position:absolute;content:"";width:60px;height:126px;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.works ul li:nth-child(3) i{color:#f36229}
.works ul li div{width:180px;height:180px;padding:32px 16px;box-sizing:border-box;background:#fff;border-radius:16px;position:relative;z-index:2}
.works ul li div:after{position:absolute;content:"";width:203px;height:203px;background:url(../images/process_bg.png) no-repeat center;background-size:contain;border-radius:36px;overflow:hidden;left:0;top:0;z-index:-1}
.works ul li div h3{margin:0 0 8px 0;font-size:18px;line-height:24px;color:#0b355f;max-height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px}
.works ul li div p{font-size:16px;line-height:20px;color:#2c2c2c}
.cases{padding:100px 0;background:#fff;box-shadow:inset 0 20px 20px 0 rgba(4,0,0,.05)}
.cases .case_nav{display:flex;justify-content:center;align-items:center;gap:10px;margin:6px 0 43px}
.cases .case_nav h3{margin:0;font-size:22px;font-weight:500;display:flex;align-items:center}
.cases .case_nav h3 a{color:#2c2c2c;text-decoration:none;transition:color .3s ease}
.cases .case_nav h3 a:hover{color:#f36229}
.cases .case_nav h3.cur a,.cases .case_nav h3:first-child a{color:#f36229}
.cases .case_nav h3:not(:last-child)::after{content:"·";margin-left:9px;color:#2c2c2c;font-size:24px;line-height:1;font-weight:400}
.cases ul{display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap}
.cases ul li{border-radius:8px;overflow:hidden;line-height:0;width:309px;height:208px;margin-bottom:20px;margin-right: 21px;}
.cases ul li:nth-of-type(4n){margin-right: 0;}
.cases ul li a{display:block;width:100%;height:100%;line-height:0;overflow:hidden}
.cases ul li img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.cases ul li:hover img{transform:scale(1.06)}
.customer{padding:100px 0 60px;background:#ececec}
.customer ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.customer ul li{width:406px;height:258px;background:#fff;padding:50px 40px;box-shadow:0 10px 30px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;border-radius:8px;margin-bottom:40px}
.customer ul li:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.08)}
.customer ul li a{display:block;text-decoration:none}
.customer ul li p{font-style:italic;color:#2c2c2c;margin:0 0 35px 0;min-height:72px;font-size:18px;line-height:24px;color:#2c2c2c;max-height:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.customer ul li h4{font-size:18px;font-weight:700;color:#0b355f;margin:0;padding-top:35px;border-top:1px dashed rgba(44,44,44,.5);line-height:1}
.news{padding:85px 0 80px;background:#fff}
.news .news_nav{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:50px}
.news .news_nav h3{margin:0;font-size:22px;font-weight:400;display:flex;align-items:center}
.news .news_nav h3 a{color:#2c2c2c;text-decoration:none;transition:color .3s ease}
.news .news_nav h3 a:hover{color:#f36229}
.news .news_nav h3.on a{color:#f36229}
.news .news_nav h3:not(:last-child)::after{content:"·";margin-left:10px;color:#2c2c2c;font-size:22px;line-height:1;font-weight:400}
.news .news_con{display:flex;justify-content:space-between;align-items:flex-start}
.news .news_con .news_list{width:637px;padding-top:13px}
.news .news_con .news_list .hot{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid #d2d2d2}
.news .news_con .news_list .hot a{display:block;text-decoration:none}
.news .news_con .news_list .hot h4{font-size:36px;font-weight:700;color:#1e293b;line-height:48px;margin:0 0 36px 0;transition:color .3s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news .news_con .news_list .hot p{font-size:15px;color:#898888;line-height:24px;margin:0 0 26px 0}
.news .news_con .news_list .hot span{display:block;width:124px;height:40px;border:2px solid #15262e;box-sizing:border-box;font-size:14px;font-weight:400;color:#333;transition:color .3s ease;line-height:36px;text-align:center}
.news .news_con .news_list .hot:hover h4,.news .news_con .news_list .hot:hover span{color:#f36229}
.news .news_con .news_list .hot:hover span{border-color:#f36229}
.news .news_con .news_list ul li{margin-bottom:20px}
.news .news_con .news_list ul li a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;gap:20px}
.news .news_con .news_list ul li h4{font-size:15px;font-weight:400;color:#444;margin:0;line-height:1.2;transition:color .3s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news .news_con .news_list ul li span{font-size:15px;color:#aaa;white-space:nowrap}
.news .news_con .news_list ul li:hover h4{color:#f36229;text-decoration:underline}
.news .news_con .news_right{width:582px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap}
.news .news_con .news_right li{position:relative;margin-bottom:22px;overflow:hidden;height:135px;width: 272px;}
.news .news_con .news_right li a{display:block;width:100%;height:100%;line-height:0;position:relative}
.news .news_con .news_right li img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.news .news_con .news_right li h4{position:absolute;bottom:0;left:0;width:100%;padding:0 16px;margin:0;font-size:14px;font-weight:400;color:#fff;line-height:32px;z-index:2;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.6)}
.news .news_con .news_right li:hover img{transform:scale(1.08)}
.faq{padding:100px 0 90px;background:#ececec}
.faq ul{margin-top:40px}
.faq ul li{background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.03);border:1px solid #e2e8f0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:10px}
.faq ul li:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.06)}
.faq ul li:hover h3{color:#f36229}
.faq ul li:hover h3::after{transform:rotate(-135deg);border-color:#f36229}
.faq ul li:hover p{max-height:200px;opacity:1;padding:0 28px 22px}
.faq ul li h3{font-size:18px;font-weight:600;color:#0b355f;margin:0;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;transition:color .3s ease}
.faq ul li h3::after{content:"";width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .3s ease;margin-left:16px}
.faq ul li p{max-height:0;opacity:0;overflow:hidden;padding:0 28px;margin:0;font-size:15px;color:#475569;line-height:1.6;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}
.contact{padding:100px 0;background:#fff}
.contact .container{display:flex;justify-content:space-between;align-items:flex-start}
.contact .contact_con{width:650px}
.contact .contact_con h2{font-size:48px;line-height:1;font-weight:700;color:#0b355f;margin:0 0 40px 0;letter-spacing:-.5px}
.contact .contact_con ul li{display:flex;align-items:center}
.contact .contact_con ul li:last-child{border-bottom:none}
.contact .contact_con ul li i{width:42px;height:42px;background:#0b355f;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-style:normal;margin-right:20px}
.contact .contact_con ul li i img{width:21px;height:auto;filter:brightness(10)}
.contact .contact_con ul li p{padding:22px 0;border-bottom:1px dashed #919191;flex:1}
.contact .contact_con ul li p strong{display:block;font-size:18px;font-weight:700;color:#0b355f;line-height:1.3}
.contact .contact_con ul li p span{display:block;font-size:18px;color:#2c2c2c;line-height:1.3}
.contact .contact_con ul li p span a{color:#2c2c2c;text-decoration:none;transition:color .3s ease}
.contact .contact_con ul li p span a:hover{color:#f36229}
.contact .contact_con ul li:last-child p{border-bottom:none}
.contact .map{width:589px;height:443px;border-radius:8px;overflow:hidden;margin-top:96px}
.contact .map img{width:100%;height:100%;object-fit:cover;display:block}
.contact #map{width:589px;height:443px;border-radius:8px;margin-top:96px;overflow:hidden}
.request{padding:67px 0 77px;background:#0b355f}
.request .container{display:flex;justify-content:space-between;align-items:center}
.request .pic{width:650px;height:463px;border-radius:10px;overflow:hidden}
.request .pic img{width:100%;height:100%;object-fit:cover;display:block}
.request .quote{width:577px}
.request .quote h2{font-size:48px;font-weight:700;line-height:1;color:#fff;margin:0 0 10px 0;letter-spacing:-.5px}
.request .quote p.sub{font-size:22px;color:#fff;line-height:1;margin:0 0 62px 0;font-weight:400}
.request .quote ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap}
.request .quote ul li{width:100%;position:relative;box-sizing:border-box;margin-bottom:10px}
.request .quote ul li.half{width:calc(50% - 7px)}
.request .quote ul li input,.request .quote ul li select,.request .quote ul li textarea{width:100%;background:0 0;border:1px solid rgba(255,255,255,.6);border-radius:6px;padding:0 26px;font-size:16px;color:#fff;font-family:inherit;box-sizing:border-box;transition:all .3s ease;outline:0}
.request .quote ul li input::placeholder,.request .quote ul li select::placeholder,.request .quote ul li textarea::placeholder{color:rgba(255,255,255,.7)}
.request .quote ul li input:focus,.request .quote ul li select:focus,.request .quote ul li textarea:focus{border-color:#f36229}
.request .quote ul li input{height:57px}
.request .quote ul li select{height:57px;appearance:none;cursor:pointer;color:rgba(255,255,255,.7)}
.request .quote ul li select option{background:#0b355f;color:#fff}
.request .quote ul li:has(select)::after{content:"";position:absolute;right:20px;top:25px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(255,255,255,.8);pointer-events:none}
.request .quote ul li textarea{height:57px;padding-top:16px;resize:none}
.request .quote ul li button{width:100%;height:57px;background:#f36229;border:none;border-radius:6px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}
.request .quote ul li button:hover{background:#f4703c;box-shadow:0 6px 20px rgba(243,98,41,.35);transform:translateY(-2px)}