/*reset*/
html, body {width: 100%;min-height: 100%;}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, div, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;}
body {font-size: 16px;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);font-family: '微软雅黑', 'sans-serif'}
a {text-decoration: none;outline: 0;}
ol, ul {list-style: none}
blockquote, q {quotes: none}
.clear { clear: both; line-height: 0px; height: 0; overflow: hidden;}
blockquote::before, blockquote::after, q::before, q::after {content: none}
ins {text-decoration: none}
del {text-decoration: line-through}
button, input, select, textarea {font-family: inherit;font-size: 100%;vertical-align: middle;outline: none}
textarea {resize: none;overflow: auto;vertical-align: top}
[hidden] {display: none}
a, a:hover, a:visited, a:link, a:active {color: inherit}
table {border-collapse: collapse;border-spacing: 0}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: ""}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
.fl {float: left;}
.fr {float: right;}
img {border: 0;max-width: 100%;height: auto;width: auto \9; /* ie8 */ vertical-align: middle;}
i {font-style: normal;}
:root {
  --main-white: #fff;
  --main-black: #000;
  --main-b3: #333333;
  --main-b5: #555555;
  --main-b6: #666666;
  --main-b9: #b9b9b9;
  --main-a7: #a7a7a7;
  --main-bd: #e7e7e7;
  --main-ef: #efefef;
  --main-be: #000066;
  --main-zi: #4246c2;
  --main-theight: 6.5rem;
}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1655275986845') format('woff2'),
  url('iconfont.woff?t=1655275986845') format('woff'),
  url('iconfont.ttf?t=1655275986845') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mytable {display: table;}
.mycell {display: table-cell;vertical-align: middle;}
.cover {background: no-repeat center;background-size: cover}
.contain {background: no-repeat center;background-size: contain}
.bg {background: no-repeat center;}
.imgbox {position: relative;overflow: hidden;}
.img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: .5s;object-fit: cover}
li:hover .img, a:hover .img {transform: scale(1.05)}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: justify;}
.clamp {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.wcont {padding: 0 6.25rem;box-sizing: border-box;}
.nywcont {width: 1400px;margin: 0 auto;}
.w1600 {width: 1600px;margin: 0 auto;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: var(--main-white);display: flex;justify-content: space-between;}
.header.act {border-bottom: 2px solid #e4e9f3;}
.header-l {padding: 0 3.75rem;background: var(--main-be);width: 100%;height: var(--main-theight);display: flex;align-items: center;position: relative;}
.header-l:after {content: "";width: 100%;height: 50%;position: absolute;left: 0;bottom: 100%;background: var(--main-white);transition: .5s;}
.header.act .header-l:after {transition: bottom .5s cubic-bezier(0.535, 0.015, 0.385, 1.400), height .3s .5s;bottom: 0;height: 100%;}
.header-l img {position: relative;z-index: 2;}
.header-logo {display: block;}
.header-logo2 {display: none;}
.header-r {display: flex;align-items: center;flex-shrink: 0;padding: 0 2rem;}
.header-nav {}
.header-nav ul {display: flex;align-items: center;}
.header-nav li {font-size: 1rem;color: var(--main-b3);}
.header-nav li a {padding: 0 1.25rem;display: block;}
.header-nav li a p {line-height: var(--main-theight);position: relative;}
.header-nav li a p:after {content: ""; border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent var(--main-be);position: absolute;left: 50%;bottom: 0;margin-left: -10px;opacity: 0;}
.header-nav li.act p {color: var(--main-be)}
.header-subs {position: absolute;top: 100%;background: rgba(255, 255, 255, .9);width: 100%;left: 0;padding: 3.125rem 3.75rem;box-sizing: border-box;display: none;justify-content: space-between;border-top:2px solid #e4e9f3}
.header-subs-l {padding: 0 5rem;width: 100%;margin-right: 4rem;}
.header-subs-l dl {display: flex;align-items: center;flex-wrap: wrap}
.header-subs-l dd {width: 20%;margin-right: 5%;padding: 1.5rem 0;}
.header-subs-l dd:nth-child(4n) {margin-right: 0;}
.header-subs-l dd a {display: flex;align-items: center;justify-content: space-between;padding: 1rem 0;border-bottom: 1px solid var(--main-b6);font-size: 1rem;color: var(--main-black);transition: .5s;}
.header-subs-l dd a i {font-size: 1.5rem;}
.header-subs-l dd a:hover {color: var(--main-be)}
.header-subs-r {height: 19rem;width: 33rem;flex-shrink: 0}
.header-search {padding: 0 1.25rem;}
.header-search a {background: var(--main-be);font-size: 1.5rem;color: var(--main-white);border-radius: 50%;width: 3.125rem;height: 3.125rem;display: block;line-height: 3.125rem;text-align: center;}
.header.act .header-l .header-logo {display: none;}
.header.act .header-l .header-logo2 {display: block;}
.header-nav li:hover p {color: var(--main-be)}
.header-nav li:hover p:after {opacity: 1;}
.header-nav li:hover .header-subs {display: flex;}
.header-btns {display: none;}
.navs {display: none;}
.nyheader{background: rgba(255,255,255,.5);transition: .5s;}
.nyheader:hover{background: var(--main-white);}
.nyheader .header-l{background: none;}
.nyheader .header-l:after{display: none;}
.nyheader .header-logo{display: none;}
.nyheader .header-logo2{display: block;}
.nyheader.act{background: var(--main-white);}
/*底部*/
.bottom {background: url("../images/bg02.jpg") no-repeat center;background-size: cover;}
.bottom-t {padding: 3rem 0;}
.bottom-t .w1600 {display: flex;justify-content: space-between;}
.bottom-t-l {display: flex;}
.bottom-t-l dl {margin-right: 5rem;}
.bottom-t-l dl:last-child {margin-right: 0;}
.bottom-t-l dt {margin-bottom: 2rem;font-size: 1rem;color: var(--main-white);font-weight: bold;transition: .5s;}
.bottom-t-l dd {margin-bottom: 0.6rem;font-size: .875rem;color: rgba(255, 255, 255, .5);transition: .5s;}
.bottom-t-r {width: 18rem;}
.bottom-t-r-item {display: flex;margin-bottom: 2rem;}
.bottom-t-r-item i {font-size: 1.5rem;color: var(--main-white);margin-right: .5rem;}
.bottom-t-r-item h1 {font-size: 1rem;color: var(--main-white);margin-bottom: 1rem;}
.bottom-t-r-item p {font-size: .875rem;color: rgba(255, 255, 255, .5);}
.bottom-t-r-ewm {display: flex;justify-content: space-between;}
.bottom-t-r-ewm div {width: 48%;}
.bottom-b {border-top: 1px solid rgba(255, 255, 255, .5);padding: 2rem 0;}
.bottom-b .w1600 {display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: rgba(255, 255, 255, .5)}
.bhcom {margin-right: 1rem;}
.bhcom::after { content: "百航科技-专业网络品牌设计公司";}
/*1600*/
@media screen and (max-width: 1850px) {
  /*--------------------------首页-----------------------*/
  .w1600 {width: 1440px;}
  .header-nav li a {padding: 0 .75rem;}
  .header-search {padding: 0 1rem;}
  .header-subs-l {padding: 0;}
  .header-subs-l dd a {padding: 1rem 0;}

}
/*1440*/
@media screen and (max-width: 1580px) {
  /*--------------------------首页-----------------------*/
  :root {
    --main-theight: 5.5rem;
  }
  .w1600 {width: 1280px;}
  .header-subs {padding: 2rem;}
  .header-subs-l dd {width: 22%;margin-right: 4%;}
  .header-subs-r {width: 30rem;}
  .bottom-t-l dl {margin-right: 3rem;}
}
/*1280*/
@media screen and (max-width: 1420px) {
  /*--------------------------首页-----------------------*/
  html, body {font-size: 14px;}
  .w1600 {width: 1200px;}

}
/*1024*/
@media screen and (max-width: 1240px) {
  /*--------------------------首页-----------------------*/
  .w1600 {width: 980px;}
  .header {background: var(--main-white);}
  .header.act{border-width: 1px;}
  .header-nav {display: none;}
  .header-l {background: var(--main-white);}
  .header-l:after{display: none;}
  .header-logo {display: none;}
  .header-logo2 {display: block !important;height: 4rem;}
  .header-r {padding: 0;}
  .header-search a {background: none;color: var(--main-be);font-size: 3rem;}
  .header-btns {width: 5rem;position: relative;z-index: 33;height: var(--main-theight);display: block;margin-left: 1.5rem;background: var(--main-be);}
  .header-btns span {width: 40%;height: 2px;position: absolute;top: 35%;left: 30%;background: var(--main-white);}
  .header-btns span:nth-child(1) {transition: transform .3s, width .3s, left .3s, top .3s .3s}
  .header-btns span:nth-child(2) {top: 50%;transition: .6s;}
  .header-btns span:nth-child(3) {top: 65%;transition: transform .3s, width .3s, left .3s, top .3s .3s}
  .header-btns.act span:nth-child(1) {top: 50%;transform: rotate(45deg);transition: top .3s, width .3s .3s, left .3s .3s, transform .3s .3s;width: 40%;left: 30%;}
  .header-btns.act span:nth-child(2) {opacity: 0;}
  .header-btns.act span:nth-child(3) {top: 50%;transform: rotate(-45deg);transition: top .3s, width .3s .3s, left .3s .3s, transform .3s .3s;width: 40%;left: 30%;}
  .navs {display: block;position: fixed;z-index: 222;top: 0;left: 0;width: 100%;height: 0;background: no-repeat center #313437;background-size: cover;box-sizing: border-box;transition: .6s;opacity: 0;overflow: hidden;}
  .navs.act {opacity: 1;height: 100%;padding-top: 8rem;padding-bottom: 3rem;}
  .navs .wcont {height: 100%;}
  .navs-cen {height: 100%;overflow-y: auto;position: relative;z-index: 4;}
  .navs-cen ul li {border-bottom: 1px solid var(--main-b6);margin-bottom: 1rem;}
  .navs-cen ul li h1 {font-size: 1.375rem;color: #fff;margin-bottom: 1rem;position: relative;}
  .navs-cen ul li .navbtn {position: absolute;right: 0;top: -.25rem;font-size: 1.5rem;color: #fff;font-family: "iconfont";font-weight: normal;display: block;cursor: pointer;padding: .5rem;transition: .3s;}
  .navs-cen ul li p {font-size: 14px;color: #fff;padding: .3rem 0;}
  .navs-cen ul li .navbtn.act {transform: rotate(90deg)}
  .navs-cen ul li .navs-subs {display: none;padding-bottom: .5rem;}
  .navs-cen ul li .navs-subs p:before{content:"◎";margin-right: 1rem;font-size: 12px;transform: scale(.8);margin-left: .5rem;display: inline-block;}
}
/*手机*/
@media screen and (max-width: 1000px) {
  /*--------------------------首页-----------------------*/
  :root {
    --main-theight: 4.5rem;
  }
  html, body {font-size: 12px;}
  .wcont, .nywcont {padding: 0 15px;}
  .w1600 {width: 100%;box-sizing: border-box;padding: 0 15px;}
  .header-l {padding: 0 15px;}
  .header-search a {font-size: 2rem;}
  .header-btns {margin-left: 0; width: 4rem;}
  .header-logo2 {height: 3.5rem;}
  .bottom{background-position: left center;}
  .bottom-t-l {display: none;}
  .bottom-t {padding: 1.5rem 0;}
  .bottom-t .w1600 {display: block;padding: 0 20px;}
  .bottom-t-r {width: 100%;}
  .bottom-t-r-item i {font-size: 2rem;}
  .bottom-t-r-item h1 {font-size: 1.5rem;}
  .bottom-t-r-item p {font-size: 1.25rem;}
  .bottom-t-r-ewm{justify-content: center;}
  .bottom-t-r-ewm div{width: 50%;text-align: center;}
  .bottom-b {padding: 1.5rem 0;}
  .bottom-b .w1600 {display: block;text-align: center;padding: 0px 20px;}
}
/*手机320*/
@media screen and (max-width: 350px) {
  html, body {font-size: 10px;}
}