html{width:100%}body{width:100%}.placeholderBox{height:110px}.navBox{z-index:10;position:fixed;background-color:#fff;top:0;left:0;width:100%;box-sizing:border-box;padding:0 36px 0 64px;display:flex;align-items:center;justify-content:space-between;height:110px;border-bottom:solid #ccc 1px}.navBox .logo .logoImg{max-width:200px;display:block}.navBox .navList{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 170px 0 108px}.navBox .navList .navItem{transition:all 0.5s ease-out;flex:1;font-size:15px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10px 0 17px}.navBox .navList .navItem:first-child{margin-left:0}.navBox .navList .navItem .tit{font-size:16px}.navBox .navList .navItem .tit2{transition:all 0.5s ease-out;margin-top:6px;font-size:12px;display:none}.navBox .navList .navItem:hover,.navBox .navList .navItem.active,.navBox .navList .navItem.active2{position:relative;background-color:#1c4ab7;color:#fff}.navBox .navList .navItem:hover .tit2,.navBox .navList .navItem.active .tit2,.navBox .navList .navItem.active2 .tit2{display:block}.navBox .navList .navItem:hover::after,.navBox .navList .navItem.active::after,.navBox .navList .navItem.active2::after{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background-color:#fff;content:'';display:block;width:34px;height:2px}.navBox .phoneBox{display:flex;align-items:center}.navBox .phoneBox .searchIcon{width:34px;height:34px;border-radius:17px;background-color:#5587f1;transition:all 0.5s ease-out;display:flex;align-items:center;justify-content:center}.navBox .phoneBox .searchIcon:hover{background-color:#55a6f1}.navBox .phoneBox .phoneIcon{margin-left:30px;width:34px;height:34px;border-radius:17px;background-color:#f1ba03;transition:all 0.5s ease-out;display:flex;align-items:center;justify-content:center}.navBox .phoneBox .phoneIcon:hover{background-color:#f19203}.navBox .phoneBox .phone{padding-left:20px;font-size:17px;transition:all 0.5s ease-out}.navBox .phoneBox .phone:hover{color:#635e5e}.navBox .searchRow{height:0;overflow:hidden;transition:all 0.5s ease-out;position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;background-color:#eceff6}.navBox .searchRow .searchBox{width:72%;display:flex;align-items:center;padding:10px;margin:20px auto;background:#fff;border-radius:5px;position:relative}.navBox .searchRow .searchBox .inp{height:100%;font-size:14px;padding-right:40px;border-width:initial;border-style:none;border-color:initial;border-image:initial;outline:none;flex:1 1 0%}.navBox .searchRow .searchBox .btn{cursor:pointer;font-size:14px;color:#fff;border-width:initial;border-style:none;border-color:initial;border-image:initial;outline:none;background:#dcbb61;padding:4px 20px;border-radius:5px}.navBox .searchRow .searchBox .closeBtn{width:40px;height:40px;position:absolute;right:-60px;top:50%;transform:translateY(-50%)}.banner img{width:100%;height:auto}.banner .swiper-button-prev,.banner .swiper-button-next{width:50px;height:50px;background-size:contain}.banner .swiper-pagination{bottom:40px}.banner img{width:100%;display:block}.banner .swiper-slide{height:100%;cursor:pointer;background:no-repeat center center/cover}.banner .swiper-button-prev{left:4%;background:url(../image/l.png) no-repeat center center/cover;width:60px;height:60px}.banner .swiper-button-prev:hover{background:url(../image/l1.png) no-repeat center center/cover}.banner .swiper-button-prev.active{background:url(../image/l1.png) no-repeat center center/cover}.banner .swiper-button-next{right:4%;background:url(../image/r.png) no-repeat center center/cover;width:60px;height:60px}.banner .swiper-button-next:hover{background:url(../image/r1.png) no-repeat center center/cover}.banner .swiper-button-next.active{background:url(../image/r1.png) no-repeat center center/cover}.banner .swiper-pagination{bottom:64px !important}.banner .swiper-pagination-bullet{width:10px;border-radius:50%;height:10px;background:#ffffff;margin:0 14px !important;position:relative;opacity:1 !important}.banner .swiper-pagination-bullet-active{background-color:#ffb807}.banner .swiper-pagination-bullet-active::after{content:'';width:24px;height:24px;border:1px solid #ffb807;position:absolute;left:-8px;top:-8px;border-radius:50px;opacity:1 !important}.ghh{position:fixed;right:5px;top:2px;width:48px;height:38px;text-align:center;border-radius:5px;z-index:999;cursor:pointer;display:none;transform:scale(0.9);background:rgba(0,0,0,0.05)}.ghh .gh{float:right;width:34px;margin-top:17px;margin-right:5px;position:relative;cursor:pointer;display:table;transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s}.ghh .gh a{background-color:#fff;display:block;height:4px;margin-top:-2px;position:relative;top:50%;width:100%;transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s}.ghh .gh a:after,.ghh .gh a:before{background-color:#fff;display:block;height:4px;left:0;position:absolute;width:100%;content:' ';transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s}.ghh .gh a:after{top:10px}.ghh .gh a:before{top:-10px}.ghh .gh.selected{transform:rotate(90deg)}.ghh .gh.selected a{background-color:transparent !important}.ghh .gh.selected a:after{top:0;transform:translateY(0px) rotate(45deg);-webkit-transform:translateY(0px) rotate(45deg);-ms-transform:translateY(0px) rotate(45deg)}.ghh .gh.selected a:before{top:0;transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);-ms-transform:translateY(0px) rotate(-45deg)}.ghh:hover a:before{transform:translateY(-2px) rotate(0deg);-webkit-transform:translateY(-2px) rotate(0deg);-ms-transform:translateY(-2px) rotate(0deg)}.ghh:hover a:after{transform:translateY(2px) rotate(0deg);-webkit-transform:translateY(2px) rotate(0deg);-ms-transform:translateY(2px) rotate(0deg)}.gb_bg{position:absolute;width:50%;height:100vh;right:0%;top:0;text-align:center;z-index:800;display:none;background:rgba(0,0,0,0.5)}.gb_bg .nav2{position:absolute;right:0;top:42px;padding:10% 0 0}.gb_bg .nav2 a{padding:20% 20px;display:block;font-size:14px;color:#fff}@media screen and (max-width: 767px){.placeholderBox{display:none}.ghh{display:block}.navBox{display:none}.banner .swiper-button-prev,.banner .swiper-button-next{display:none}.banner .swiper-pagination{bottom:15px !important;transform:scale(0.6)}.topImg{height:140px;width:100%;display:flex;align-items:center;justify-content:center}.topImg .img{width:100%;height:100%;object-fit:cover}.crumb{display:flex;font-size:14px;color:#6c757d;padding:15px 16px}.crumb .item:last-child{color:#212529}.related{box-sizing:border-box;padding:30px 20px 20px;background-color:#121823}.related .conList .conItem:not(:first-child){display:none}.related .conList .conItem .phoneLineBox{margin-top:16px;display:flex}.related .conList .conItem .phoneLineBox .icon{width:45px;height:45px}.related .conList .conItem .phoneLineBox .icon .img{width:100%;height:100%;object-fit:cover}.related .conList .conItem .phoneLineBox .titBox{margin-left:10px;display:flex;flex-direction:column;justify-content:space-between}.related .conList .conItem .phoneLineBox .titBox .txt{font-size:26px;color:#ffffff}.related .conList .conItem .phoneLineBox .titBox .txt:first-child{font-size:15px}.related .conList .conItem .infoRow{margin-top:16px;color:rgba(255,255,255,0.5);font-size:14px}.related .friendLinkBox{display:none}.copyright{font-size:14px;box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.2);background-color:#121823;color:#a5a5a5}.copyright .con{margin-top:10px}.place{display:none}.page{margin-top:10px;color:#999999;display:flex;align-items:center;justify-content:center;flex-direction:column}.page .pagination{display:flex;align-items:center;justify-content:center}.page .pagination .next,.page .pagination .prev{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #a7a7a7}.page .pagination .next:hover,.page .pagination .prev:hover{border:1px solid #ffcd37}.page .pagination .next:hover span,.page .pagination .next:hover a,.page .pagination .prev:hover span,.page .pagination .prev:hover a{color:#ffcd37}.page .pagination .next span,.page .pagination .next a,.page .pagination .prev span,.page .pagination .prev a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:26px;margin-top:-3px;color:#a7a7a7}.page .pagination .next{margin-left:17px}.page .pagination .prev{margin-right:17px}.page .pagination li{width:37px;height:34px;line-height:1;display:flex;align-items:center;justify-content:center}.page .pagination li.active{color:#fff;background-color:#0670b7;position:relative}.page .pagination li.active::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:4px;width:12px;height:1px;background-color:#ffcd37}.page .page-jump{margin-top:8px;margin-bottom:8px}.page .page-jump .page-input{margin-left:17px;margin-right:12px;height:23px;width:64px;border-radius:6px;border:1px solid #999999;color:#999;text-align:center}.page .page-jump .page-jump-btn{margin-left:10px}}@media screen and (min-width: 768px){.placeholderBox{display:block}.crumb{height:46px;font-size:14px;padding:0 8vw;display:flex;align-items:center;background-color:#f4f4f4}.crumb .icon{height:14px;width:14px;margin-right:8px}.crumb .icon .img{width:100%;height:100;object-fit:cover}.crumb .tit{padding-left:5px;border-left:1px solid #888888;color:#888888}.crumb .item{color:#888888;margin-left:12px}.crumb .item:last-child{color:#212529}.topImg{height:500px;width:100%;display:flex;align-items:center;justify-content:center}.topImg .img{width:100%;height:100%;object-fit:cover}.related{margin-top:4px;background-color:#131922;padding:50px 150px 20px}.related .conList{display:flex;justify-content:space-between}.related .conList .conItem{color:#ffffff}.related .conList .conItem:first-child .row{color:#dadee4;margin-top:21px}.related .conList .conItem .logoBox{margin-top:17px;width:195px}.related .conList .conItem .logoBox .img{width:100%}.related .conList .conItem .phoneLineBox{margin-top:30px;display:flex}.related .conList .conItem .phoneLineBox .icon{width:40px;height:40px}.related .conList .conItem .phoneLineBox .icon .img{width:100%;height:100%;object-fit:cover}.related .conList .conItem .phoneLineBox .titBox{margin-left:14px;display:flex;flex-direction:column;justify-content:space-between}.related .conList .conItem .phoneLineBox .titBox .txt{font-size:17px}.related .conList .conItem .phoneLineBox .titBox .txt:nth-child(2){font-size:15px}.related .conList .conItem .tit{position:relative;font-size:15px}.related .conList .conItem .tit::after{content:'';display:block;background-color:#fcfeff;width:34px;height:2px;position:absolute;left:0;bottom:-14px}.related .conList .conItem .infoRow{margin-top:12px;color:#ffffff63}.related .conList .conItem .infoRow .phone{transition:all 0.2s ease-out}.related .conList .conItem .infoRow .phone:hover{color:#fff}.related .conList .conItem .infoRow .eMail{transition:all 0.2s ease-out}.related .conList .conItem .infoRow .eMail:hover{color:#fff}.related .conList .conItem .row{transition:all 0.2s ease-out;margin-top:12px;color:#ffffff63}.related .conList .conItem .row:hover{color:#ffffff}.related .conList .conItem .first{margin-top:40px}.related .conList .conItem .QRCodesBox{margin-top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.related .conList .conItem .QRCodesBox:first-child{margin-top:8px}.related .conList .conItem .QRCodesBox .QRCodes{width:116px;height:116px}.related .conList .conItem .QRCodesBox .QRCodes .img{width:100%;height:100%;object-fit:cover}.related .conList .conItem .QRCodesBox .msg{margin-top:20px}.related .friendLinkBox{margin-top:30px;color:#ffffff63}.related .friendLinkBox .link{transition:all 0.2s ease-out}.related .friendLinkBox .link:hover{color:#fff}.copyright{display:flex;justify-content:center;border-top:1px solid #dee5eb;padding:50px 0 55px;background-color:#131922;color:#ffffff63;text-align:center}.copyright .con{margin-left:5px}.copyright .code:hover{color:#ffffff}.page{color:#999999;display:flex;align-items:center;justify-content:center}.page .pagination{display:flex;align-items:center;justify-content:center}.page .pagination .next,.page .pagination .prev{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #a7a7a7}.page .pagination .next:hover,.page .pagination .prev:hover{border:1px solid #ffcd37}.page .pagination .next:hover span,.page .pagination .next:hover a,.page .pagination .prev:hover span,.page .pagination .prev:hover a{color:#ffcd37}.page .pagination .next span,.page .pagination .next a,.page .pagination .prev span,.page .pagination .prev a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:26px;margin-top:-3px;color:#a7a7a7}.page .pagination .next{margin-left:17px}.page .pagination .prev{margin-right:17px}.page .pagination li{width:37px;height:34px;line-height:1;display:flex;align-items:center;justify-content:center}.page .pagination li.active{color:#fff;background-color:#0670b7;position:relative}.page .pagination li.active::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:4px;width:12px;height:1px;background-color:#ffcd37}.page .page-jump{margin-left:28px}.page .page-jump .page-input{margin-left:17px;margin-right:12px;height:23px;width:64px;border-radius:6px;border:1px solid #999999;color:#999;text-align:center}.page .page-jump .page-jump-btn{margin-left:10px}}
