@charset "UTF-8";
@import "/css/init.css";
:root {--theme-color: #1e9fff;--header-height: auto;}
.iconfont {font-size: inherit !important;line-height: 1em}
body {min-width: 1300px;position: relative;background-color: #f7f8fa; font: 14px / 1 "Microsoft YaHei" !important}
body.popup {min-width: initial; padding: 20px; background-color: #ffffff;}
.main {min-height: calc(100vh - 748px); display: flex; justify-content: center}
body a {color: inherit;}
body a:hover {color: currentColor;}

/* Header */
.topBar{--p: calc((100% - 1200px) / 2);width: auto;height: 47px;background: #2d3e50;padding: 0 calc((100% - 1200px) / 2);display: flex;align-items: center;}
.topBar .welcome{flex: 7;color: #FFFFFF;}
.topBar::after{content: "";display: block;width: calc((100%  - 1200px) / 2);height: 47px;background: var(--theme-color);position: absolute;right: 0;top: 10px;z-index: 667;}
.topBar .miniMenu{flex: 5;background: var(--theme-color);height: 100%;position: relative;top: 10px;z-index: 667;display: flex;align-items: center;justify-content: flex-end;color: #FFFFFF;gap: 20px;}
.topBar .miniMenu::before {content: "";display: block;position: absolute;width: 30px;height: 47px;right: calc(100% - 2px);top: 0;background: var(--theme-color);clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);}
.topBar .miniMenu a{border: 1px solid transparent; padding: 6px 10px;}
.topBar .miniMenu a:hover{border: 1px dashed #FFFFFF;}
.topBar .miniMenu span{width: 2px; height: 12px; background: #FFFFFF;}

.header {--header-color: #000000;height: var(--header-height);background-color: #FFFFFF; padding: 0 calc((100% - 1200px) / 2); min-width: 1300px; color: var(--header-color, #000000); position: relative; z-index: 666; display: flex; align-items: center;}
.header .headBox {display: flex;justify-content: space-around;align-items: center; padding: 15px 0; margin: 0 auto; gap: 10px}
.header .logoImg {height: 80px; background: #FFFFFF;}
.header .logo {display: flex; flex-direction: column; gap: 5px;}
.header .logo .cn_name {font-size: 1.6rem;line-height: 1.8rem;font-weight: bold}
.header .logo .en_name {font-size: 0.7rem;line-height: 0.8rem}
.header .nav {display: flex; gap: 30px; height: 70px; align-items: center; justify-content: center; --nav-item-len: 9; padding: 5px 0;}
.header .nav .item {font-size: 1rem;position: relative; display: block; text-align: center; line-height: 30px; border: 1px solid transparent; padding: 5px;}
.header .nav .item::before {content: "";display: block;width: 0;height: 2px;background: #00aaf1;position: absolute;top: calc(50% + 15px);left:5px; border-radius: 5px; transition: width .3s;}
.header .nav .item:hover > a{color: var(--theme-color)}
.header .nav .item.active::before {width: 20px;}
.header .nav .item:hover::before{width: 20px;}
.header .nav .item.active > a{color: var(--theme-color)}
.header .nav .item > a {display: block; width: 100%; height: 100%;}
.header .nav .item .children {position: absolute;top: 100%;left: 0;width: max-content;transform: scale(1, 0); transition: all .3s; transform-origin: top left; padding-top: 20px; display: block; filter: drop-shadow(0 0 5px transparent);}
.header .nav .item .children .childrenBox {background: #ffffff; position: relative; padding: 10px; border-radius: 5px; display: flex; gap: 10px; flex-direction: column;}
.header .nav .item:hover .children {transform: scale(1, 1); filter: drop-shadow(0 0 5px rgba(0, 0, 0, .2));}
.header .nav .item .children .childrenBox::before {content: "";display: block;width: 10px;height: 10px;background: #ffffff;position: absolute;top: 0;left: 15px;transform: rotate(45deg);transition: top .3s;border-radius: 3px 0 0 0;}
.header .nav .item:hover .children .childrenBox::before {top: -5px;}
.header .nav .item .children a {display: block; height: 30px; line-height: 20px; font-size: 14px; padding: 5px;}
.header .nav .item .children a:last-child {border-bottom: none;}
.header .nav .item .children a:hover {background: #f0f0f0;}
/*.header .nav span.item:first-child::after {display: none;}*/
.header .nav span.item:hover {border: 1px dashed #00aaf1;}

.header .verticalLine {width: 1px;height: 20px;border-left: 1px solid #cccccc}
.header_seat {height: var(--header-height)}

body > .position {width: 1200px; margin: 20px auto; color: #616161;font-weight: 100;font-size: 1.1rem; position: relative; z-index: 2;}
body > .position > span::after, .position > a::after {content: " > "}
body > .position span:last-child::after, .position a:last-child::after {display: none}

/* commonBanner */
.commonBanner {height: 300px; background: url("/images/tmp/commonBanner.jpg") center center no-repeat; background-size: cover; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 30px; position: relative;}
.commonBanner::after{content: ""; position: absolute; inset: 0; background: rgba(19, 42, 87, 0.5); pointer-events: none;}
.commonBanner .title {height:40px;line-height:40px;text-align:center;font-size:26px; padding: 0 50px;font-weight:bold;color:#ffffff;box-sizing:border-box;border-radius: 20px; position: relative; z-index: 2;}
.commonBanner .position {color: #e9e9e9;font-weight: 100;font-size: 1.1rem; position: relative; z-index: 2;}
.commonBanner .position > span::after, .position > a::after {content: " > "}
.commonBanner .position span:last-child::after, .position a:last-child::after {display: none}
.commonBanner .list {height:auto;box-sizing:border-box;display:flex;gap:50px; color: #FFFFFF; position: relative; z-index: 2;}
.commonBanner .list .listItem {height:40px;font-size:1.1rem;line-height:36px;display:flex;position:relative;border-radius:20px; cursor: pointer; padding: 0 30px; border: 2px solid transparent;}
.commonBanner .list .listItem:hover{color:var(--theme-color);background-color:#f9f9f9;}
.commonBanner .list .listItem.active {border: 2px solid var(--theme-color);}
.commonBanner .list .listItem.active::before {background-color:var(--theme-color);}

/* 搜索 */
.search{width: 100%; padding: 20px calc((100% - 1200px) / 2); margin: 0 auto; height: 80px; display: flex; align-items: center; background: #efefef;}
.search .inp{color: #1e293b; height: 28px; width: 300px; padding: 5px 10px; border: 1px solid var(--theme-color);}
.search .btn{width: 100px; height: 40px; background: var(--theme-color); color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; gap: 5px; user-select: none;}
.search .btn:active{background: #2976ff;}

/* Footer */
.footerBox {width: 100%;display: flex; flex-direction: column; align-items: center;background: #3b7fc5; background-size: cover;}
.tel{width: 100%; height: 165px; background: var(--theme-color); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; position: relative;}
.tel .title{width: 150px; background: rgba(255,255,255,0.5); height: 36px; border-radius: 20px; text-align: center; line-height: 36px; font-size: 16px; color: #FFFFFF;}
.tel .phone{color: #FFFFFF; font-size: 20px;}
.tel img{position: absolute; inset: 0; object-fit: cover ; width: 100%; height: 100%; opacity: .1; user-select: none; pointer-events: none;}
.footer {width: 1200px; position: relative; display: grid; grid-template-columns: 360px auto 300px; grid-template-rows: 1fr auto; gap: 50px; padding: 80px 0; color: #FFFFFF;}
.footer .title{font-size: 24px; font-weight: bold; margin-bottom: 50px;}
.footer .quickLink .bd{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.footer .quickLink .bd li{ opacity: .8;}
.footer .quickLink .bd li:hover{ opacity: 1;}
.footer .aboutUs .bd{display: flex; flex-direction: column; gap: 20px; opacity: .8;}
.footer .qrCode{display: flex; justify-content: space-between; align-items: center;}
.footer .qrCode .image{width: 135px;height: auto;text-align: center;}
.footer .qrCode .image img{width: 135px; height: 135px;}
.footer .qrCode .image p{line-height: 20px;}
.footer .flink{grid-column: 1 / 4;}
.footer .flink .bd{display: flex; gap: 15px 30px; flex-wrap: wrap;}
.footer .flink .bd a{ opacity: .8;}
.footer .flink .bd a:hover{text-decoration: underline;opacity: 1;}
.Copyright{width: 100%;height: 50px;background: var(--theme-color);color: #FFFFFF;padding: 0 calc((100% - 1200px) / 2);display: flex;justify-content: space-between;align-items: center;font-size: 12px;}
.Copyright .copyright_text{display: flex; gap: 15px; align-items: center;}

@font-face {font-family: "alfy";  src: url("/font/fangyuan/AlimamaFangYuanTiVF-Thin.woff2") format("woff2"), url("/font/fangyuan/AlimamaFangYuanTiVF-Thin.woff") format("woff"), url("/font/fangyuan/AlimamaFangYuanTiVF-Thin.ttf") format("fft")}
@font-face {font-family: "alsh";  src: url("/font/shuhei/AlimamaShuHeiTi-Bold.woff2") format("woff2"), url("/font/shuhei/AlimamaShuHeiTi-Bold.woff") format("woff"), url("/font/shuhei/AlimamaShuHeiTi-Bold.otf") format("otf"), url("/font/shuhei/AlimamaShuHeiTi-Bold.ttf") format("ttf")  }
@font-face {font-family: "jinbu";  src: url("/font/DingTalkJinBuTi-Regular.ttf") format("ttf")  }