/*reset*/
html, body {width: 100%;min-height: 100%;background: #f9f9f9;}
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 {
  --cf: #fff;
  --c0: #000;
  --c3: #333;
  --c5: #555;
  --c6: #666;
  --c9: #999;
  --cb: #bbbbbb;
  --red: #de2f36;
  --blue: #015aaa;
  --bluelight: #eaf5ff;
  --main-theight: 100px;
  --tph: 110px;
  --fz100: 100px;
  --fz85: 85px;
  --fz72: 72px;
  --fz60: 60px;
  --fz48: 48px;
  --fz38: 38px;
  --fz36: 36px;
  --fz34: 34px;
  --fz30: 30px;
  --fz15: 15px;
  --fzrv30: -30px;
  --fz24: 24px;
  --fz20: 20px;
  --itpl:160px;
}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
@font-face {
  font-family: 'axis';
  src: url('Axis.eot');
  src: local('fontName Regular'),
  local('fontName'),
  url('Axis.woff') format('woff'),
  url('Axis.ttf') format('truetype'),
  url('Axis.svg#fontName') format('svg');
}
@font-face {
  font-family: 'kr';
  src: url('KelsonSans-Regular.eot');
  src: local('fontName Regular'),
  local('fontName'),
  url('KelsonSans-Regular.woff') format('woff'),
  url('KelsonSans-Regular.ttf') format('truetype'),
  url('KelsonSans-Regular.svg#fontName') format('svg');
}
.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}
.imgct {object-fit: contain}
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;}
.circle {border-radius: 50%;}
.columnar {border-radius: 10000px;}
.w1660 {width: 1660px;margin: 0 auto;box-sizing: border-box}
.w1400 {width: 1400px;margin: 0 auto;box-sizing: border-box}
/************************头部*********************/
.header {position: fixed;top: 0;left: 0;width: 100%;height: var(--main-theight);z-index: 999;background: var(--cf);}
.header-box {display: flex;align-items: center;justify-content: space-between;}
.header-nav {display: flex;align-items: center;line-height: 100px;}
.header-nav li {margin-right: 2.75rem;font-size: 18px;color: var(--c0);transition: .3s;position: relative;}
.header-nav li a {display: block;}
.header-nav li:last-child {margin-right: 0;}
.header-nav li:before {content: "";position: absolute;top: 0;right: 0;transform-origin: 100% 100%;width: 0;height: 4px;background: var(--red);transition: .3s;}
.header-nav li:hover {color: var(--red);}
.header-nav li:hover:before {width: 100%;transition: width .3s;transform-origin: 50% 50%;left: 0;right: auto;}
.header-nav li.act {color: var(--red);}
.header-nav li.act:before {width: 100%;left: 0;}
.header-btns {display: none;}
.navs {display: none;}
/************************底部*********************/
.bottom {background: url("../images/cbs.png") no-repeat right bottom var(--cf);position: relative;}
.bottom:after {content: "";width: 66px;height: 106px;background: url("../images/cbc.png") no-repeat;position: absolute;background-size: 100% 100%;left: 0;bottom: 0;}
.bottom-box {display: flex;align-items: flex-end;justify-content: space-between;padding-right: 30%;}
.bottom-l {width: 800px;}
.bottom-logo {padding: var(--fz36) 0;border-bottom: 1px solid #e7e7e7}
.bottom-cen {padding: var(--fz36) 0;}
.bottom-cen h1 {font-size: 18px;color: var(--c3);font-weight: normal;}
.bottom-cen ul {padding-top: var(--fz24);}
.bottom-cen ul li {font-size: 14px;color: var(--c3);display: flex;align-items: center;padding: 10px 0;}
.bottom-cen ul li img {margin-right: 5px;}
.bottom-fot {display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: var(--c3);padding: var(--fz36) 0;border-top: 1px solid #e7e7e7}
.bhcom::after { content: "百航科技-专业网络品牌设计公司";}
.bhcom:hover::after {color: var(--blue)}
.bottom-r {padding-bottom: var(--fz30);}
.bottom-r li {font-size: 14px;color: var(--c3);padding: 10px 0;}
.bottom-r li a {transition: .3s;}
.bottom-r li a:hover {color: var(--blue);}
/*分页*/
.fenye {text-align: center;}
.fenye :where(a,span,i) {display: inline-block;font-size: 14px;color: var(--c3);min-width: var(--fz38);line-height: var(--fz38);margin: 0 4px;padding: 0 2px;}
.fenye a {background: var(--cf);border: 1px solid #dcdcdc;transition: .3s;}
.fenye a:hover {color: var(--cf);background: var(--blue);}
.fenye span {background: var(--bluelight);border: 1px solid #dcdcdc;color: var(--blue);}
.fenye .fenye-btn {background: var(--red) !important;color: var(--cf);}
/*1600*/
@media screen and (max-width: 1700px) {
  /*--------------------------首页-----------------------*/
  .w1660 {width: 1440px;}

}
/*1440*/
@media screen and (max-width: 1580px) {
  /*--------------------------首页-----------------------*/
  :root {
    --tph: 80px;
    --fz100: 70px;
    --fz85: 75px;
    --fz72: 60px;
    --fz60: 48px;
    --fz48: 38px;
    --fz38: 32px;
    --fz36: 30px;
    --fz34: 28px;
    --fz30: 24px;
    --fz15: 12px;
    --fzrv30: -24px;
    --fz24: 20px;
    --fz20: 18px;
    --itpl:140px;
  }
  .w1660, .w1400 {width: 1280px;}
  .bottom {background: var(--cf);}
  .bottom-box {padding-right: 0}

}
/*1280*/
@media screen and (max-width: 1420px) {
  /*--------------------------首页-----------------------*/
  :root {
    --tph: 70px;
    --fz100: 60px;
    --fz85: 52px;
    --fz72: 40px;
    --fz60: 36px;
    --fz48: 32px;
    --fz38: 28px;
    --fz36: 26px;
    --fz34: 24px;
    --fz30: 20px;
    --fz15: 10px;
    --fzrv30: -20px;
    --fz24: 18px;
    --fz20: 16px;
    --itpl:120px;
  }
  .w1660, .w1400 {width: 1200px;}
  .header-l img {height: 50px;}
}
/*1024*/
@media screen and (max-width: 1240px) {
  /*--------------------------首页-----------------------*/
  :root {
    --main-theight: 70px;
    --tph: 60px;
    --fz100: 50px;
    --fz85: 40px;
    --fz72: 32px;
    --fz60: 30px;
    --fz48: 26px;
    --fz38: 22px;
    --fz36: 20px;
    --fz34: 19px;
    --fz30: 18px;
    --fz15: 9px;
    --fzrv30: -18px;
    --fz24: 16px;
    --fz20: 12px;
    --itpl:110px;
  }
  .w1660, .w1400 {width: 980px;}
  .header-l {display: flex;height: var(--main-theight);align-items: center;}
  .header-r {display: none;}
  .header-btns {width: 5rem;position: absolute;z-index: 33;height: var(--main-theight);display: block;margin-left: 1.5rem;background: var(--blue);right: 0;top: 0;}
  .header-btns span {width: 40%;height: 2px;position: absolute;top: 35%;left: 30%;background: var(--cf);}
  .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 rgba(0, 0, 0, .95);background-size: cover;box-sizing: border-box;transition: .6s;opacity: 0;overflow: hidden;}
  .navs.act {opacity: 1;height: 100%;padding-top: 6rem;padding-bottom: 3rem;}
  .navs-cen {height: 100%;overflow-y: auto;position: relative;z-index: 4;}
  .navs-cen ul li {border-bottom: 1px solid var(--c6);}
  .navs-cen ul li a {display: block;font-size: 14px;color: var(--cf);padding: 15px 0;}

}
/*手机*/
@media screen and (max-width: 1000px) {
  /*--------------------------首页-----------------------*/
  html, body {font-size: 12px;}
  .w1660, .w1400 {width: 100%;padding: 0 15px;}
  :root {
    --main-theight: 40px;
    --tph: 30px;
    --fz100: 20px;
    --fz85: 32px;
    --fz72: 26px;
    --fz60: 24px;
    --fz48: 22px;
    --fz38: 20px;
    --fz36: 18px;
    --fz34: 15px;
    --fz30: 16px;
    --fz15: 8px;
    --fzrv30: -16px;
    --fz24: 14px;
    --fz20: 8px;
  }
  .header-btns {width: 50px;}
  .header-l img {height: 30px;}
  .navs.act {padding-top: 4.5rem;padding-bottom: 2rem;}
  .bottom-logo img {height: 50px;}
  .bottom-r {display: none;}
  .bottom:after {display: none;}
  .bottom-fot {display: block;text-align: center;}
  /*分页*/
  .fenye :where(a,span,i) {font-size: 12px;}
}
/*手机320*/
@media screen and (max-width: 350px) {
  html, body {font-size: 10px;}

}