/*reset*/
html, body {width: 100%;min-height: 100%;font-size: 16px;overflow-x: hidden;}
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, span {margin: 0;padding: 0;border: 0;outline: none;}
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;}
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-thumb {background-color: #d4b18a;border-radius: 6px;}
:root {
  --main-white: #fff;
  --main-gray: #7e7e7e;
  --main-graylight: #ececec;
  --main-black: #000;
  --main-yellow: #e66832;
  --main-light1: #f5bd16;
  --main-blue: #008ed7;
  --main-sblue: #0062a4;
  --main-red: #c10100;
  --main-title: 2.5rem;
  --main-width: 6.25rem;
}
.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;}
.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)}
.wcont {padding: 0 6.25rem;box-sizing: border-box;}
.nywcont {width: 1400px;margin: 0 auto;}
.swiper-container {overflow: hidden;}
/*-----------------------首页------------------------*/
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;transition: .5s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;}
.header.act {background: var(--main-white);}
.header.header-ny {background: var(--main-white);}
.header-l {position: relative;margin-left: 1.5rem;}
.header-l img {display: block;transition: .5s;}
.header-l .logo2 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.header.act .header-l .logo1, .header.header-ny .header-l .logo1 {opacity: 0;}
.header.act .header-l .logo2, .header.header-ny .header-l .logo2 {opacity: 1;}
.header-c {}
.header-c ul {display: flex;align-items: center;}
.header-c li {padding: 0 1.35rem;font-size: 1.25rem;color: var(--main-white);}
.header-c li.act {font-weight: bold;}
.header.act .header-c li, .header.header-ny .header-c li {color: var(--main-black);}
.header.act .header-c li:hover, .header.header-ny .header-c li:hover, .header.act .header-c li.act, .header.header-ny .header-c li.act {color: var(--main-yellow) !important;font-weight: normal;}
.header-c li a {position: relative;transition: .3s;}
.header-c li a:after {content: "";width: 50%;left: 25%;bottom: -.5rem;height: 2px;position: absolute;background: var(--main-white);opacity: 0;transition: .5s;}
.header.act .header-c li.act a:after, .header.header-ny .header-c li.act a:after {background: var(--main-yellow)}
.header-c li.act a:after, .header-c li:hover a:after {opacity: 1;}
.header-r {padding: 2rem 1.5rem;transition: .5s;}
.header.act .header-r, .header.header-ny .header-r { background-image: linear-gradient(to bottom right, var(--main-yellow), var(--main-light1));overflow: hidden;}
.header-search {}
.header-search form {display: flex;border-radius: 1000px;overflow: hidden;}
.header-search input, .header-search button {border: none;}
.header-search input {width: 6.25rem;box-sizing: border-box;padding: .5rem 1rem;font-size: 14px;color: var(--main-gray);}
.header-search button {width: 1.65rem;padding: 0;background: url("../images/icon01.png") no-repeat .35rem center var(--main-graylight);cursor: pointer}
.header-btnbox {display: none;}
.navs {display: none;}

/*底部*/
.homefoot {background: #373737;padding: 5rem 0;}
.homefoot .wcont {display: flex;align-items: center;justify-content: space-between;}
.homefoot-l {width: 50%;}
.homefoot-c {display: flex;padding: 4rem 0;}
.homefoot-c ul {}
.homefoot-c li {display: flex;align-items: center;font-size: 14px; color: var(--main-white);text-align: right;margin-bottom: .85rem;}
.homefoot-c li p {margin-left: .5rem;}
.homefoot-c-ewm {margin-left: 2rem;}
.homefoot-c-ewm dl {display: flex;align-items: center;}
.homefoot-c-ewm dl img {height: 6rem;}
.homefoot-c-ewm dl dd {margin-right: 1rem;text-align: center;}
.homefoot-c-ewm dl dd p {font-size: 1rem;color: var(--main-white);margin-top: .5rem;}
.homefoot-c-ewm dl dd:last-child {margin-right: 0;}
.homefoot-b {font-size: 1.125rem;color: var(--main-white);line-height: 2;}
.homefoot-b img {margin-bottom: 2rem;}
.homefoot-r {width: 47%;}
/*另外的bottom*/
.otherfoot{background:url("../images/otherbots.png") no-repeat center;background-size: cover;}
.homefoot-logo{padding: 3.5rem 0;}
.otherfoot-top{display: flex;padding-bottom: 3.5rem;justify-content: space-between;}
.otherfoot-l ul {}
.otherfoot-l li {display: flex;font-size: 14px; margin-bottom: 1.5rem;align-items: start}
.otherfoot-l li:last-child{margin-bottom: 0;}
.otherfoot-l li img {width: 1.75rem;}
.otherfoot-l li div {margin-left: .75rem;color: var(--main-white);}
.otherfoot-l li h1 {font-size: 18px;font-weight: normal;}
.otherfoot-l li p {font-size: 14px;margin-top: 5px;}
.otherfoot-c{display: flex;justify-content: space-between;}
.otherfoot-c-l{margin-right: 2.5rem;}
.otherfoot-c-l h1{font-size: 2rem;color: var(--main-white)}
.otherfoot-c-l p{font-size: 1.5rem;color: var(--main-white);padding-top: 10px;padding-bottom: 15px;}
.otherfoot-c-l span{display: block;width: 1rem;height: 2px;background: var(--main-white);}
.otherfoot-c-r{}
.otherfoot-c-r ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;width: 15rem;}
.otherfoot-c-r li{width: 50%;margin-bottom: 1.5rem;}
.otherfoot-c-r li h1{font-weight: normal;font-size: 17px;color: var(--main-white);white-space: nowrap;}
.otherfoot-c-r li p{font-size: 14px;color: var(--main-white);white-space: nowrap;}

.otherfoot-ewm {}
.otherfoot-ewm dl {display: flex;align-items: center;}
.otherfoot-ewm dl img {height: 6rem;}
.otherfoot-ewm dl dd {margin-right: 1rem;text-align: center;}
.otherfoot-ewm dl dd p {font-size: 1rem;color: var(--main-white);margin-top: .5rem;}
.otherfoot-ewm dl dd:last-child {margin-right: 0;}

.otherfoot-bot{display: flex;align-items: center;justify-content: space-between;padding: 2rem 0;border-top:1px solid var(--main-white);color: var(--main-white)}


/*底部*/
.bottom {background: #373737;}
.bottom-t {padding: 2.5rem 0;display: flex;align-items: center;justify-content: space-between;}
.bottom-t-l {}
.bottom-t-r {}
.bottom-t-r ul {display: flex;align-items: center;}
.bottom-t-r li {font-size: 14px;color: var(--main-white);margin-left: 2rem;transition: .5s}
.bottom-t-r li:hover {color: var(--main-light1)}
.bottom-t-r li:first-child {margin-left: 0;}
.bottom-c {display: flex;align-items: center;justify-content: space-between;padding: 2.5rem 0;border-top: 1px solid #515151;}
.bottom-c-l {width: 40%;display: flex;align-items: center;}
.bottom-c-l img {margin-right: 10px;}
.bottom-c-l p {font-size: 14px;color: var(--main-white)}
.bottom-c-l h1 {font-size: 14px;color: var(--main-white);margin-top: 5px;}
.bottom-c-c {flex-shrink: 0}
.bottom-c-r {width: 40%;}
.bottom-c-r ul {}
.bottom-c-r li {font-size: 14px;color: var(--main-white);text-align: right;padding: .675rem 0;}
.bottom-c-r li p {margin-right: 5px;display: inline-block;vertical-align: middle;}
.bottom-b {display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: var(--main-white);padding: 2.5rem 0;border-top: 1px solid #515151;}
.bhjszc:after {content: "百航科技-专业网络品牌设计公司";transition: .5s;}
.bhjszc:hover:after {color: var(--main-light1)}

.popvideo{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 99999; padding: 10vh 10vw; box-sizing: border-box; display: none;}
.popvideo-close{position: absolute; right: 3vw; top: 3vw; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; cursor: pointer}
.popvideo-close span{ position: absolute; top: 50%; left: 20%; width: 60%; transform: rotate(45deg); height: 2px; background: #fff;}
.popvideo-close span:nth-child(2){
  transform: rotate(-45deg)
}
.popvideo-cont{ width: 100%; height: 100%;}
.popvideo-cont video{ width: 100%; height: 100%; display: block}

#vshow{cursor: pointer}


/*1600*/
@media screen and (max-width: 1850px) {
  /*--------------------------首页-----------------------*/
  .header-c li {padding: 0 .5rem;}
}
/*1440*/
@media screen and (max-width: 1580px) {
  :root{
    --main-width: 3.125rem;
  }
  .wcont {padding: 0 3.125rem;}
  .nywcont {padding: 0 3.125rem;width: auto;box-sizing: border-box}
  /*--------------------------首页-----------------------*/
  .header-c {display: none;}
  .header-r {display: flex;align-items: center;}
  .header-btnbox {display: flex;align-items: center;margin-left: 2rem;}
  .header-msg {font-size: 1.25rem;color: var(--main-white);margin-right: 5px;}
  .header-btns {width: 2rem;position: relative;z-index: 33;height: 16px;}
  .header-btns span {width: 100%;height: 1px;position: absolute;top: 0;left: 0;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: 100%;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: 60%;left: 20%;}
  .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: 60%;left: 20%;}
  .navs {position: fixed;z-index: 222;top: 0;left: 0;width: 100%;height: 0;background: rgba(0, 0, 0, .5);box-sizing: border-box;transition: .6s;opacity: 0;overflow: hidden;display: block;}
  .navs.act {opacity: 1;height: auto;padding-top: 12rem;padding-bottom: 3rem;}
  .navs .wcont {height: 100%;}
  .navs-cen {height: 100%;position: relative;z-index: 4;}
  .navs-cen ul {display: flex;justify-content: space-between;}
  .navs-cen ul li {}
  .navs-cen ul li h1 {font-size: 1.375rem;color: var(--main-white);margin-bottom: 1rem;position: relative;}
  .navs-cen ul li h1:before {content: "";position: absolute;left: -1rem;top: 50%;width: 4px;height: 4px;margin-top: -2px;border-radius: 50%;background: var(--main-white);}
}
/*1280*/
@media screen and (max-width: 1420px) {
  html, body {font-size: 14px;}
  /*--------------------------首页-----------------------*/
}
/*1024*/
@media screen and (max-width: 1240px) {
  /*--------------------------首页-----------------------*/
  /*--------------------------联系我们-----------------------*/
  .bottom-t-r {display: none;}
  /*底部*/
  .homefoot .wcont {display: block;}
  .homefoot-l {width: auto}
  .homefoot-c {justify-content: space-between;}
  .homefoot-b-sss {display: flex;align-items: center;justify-content: space-between;}
  .homefoot-r {display: none;}
  /*另外的bottom*/
  .otherfoot-l li h1{font-size: 16px;}
  .otherfoot-l li p{font-size: 12px;}
  .otherfoot-c{display: none;}


}
/*手机*/
@media screen and (max-width: 1000px) {
  :root{
    --main-width: 20px;
  }
  html, body {font-size: 12px;}
  .wcont, .nywcont {padding: 0 15px;}
  /*--------------------------首页-----------------------*/
  .header-l {width: 65%;margin-left: 15px;}
  .header-r {padding: 1rem 15px;}
  .header-search {display: none;}
  .header-btnbox {margin-left: 0;}
  .header-btns {height: 12px;}
  .navs{background: rgba(0, 0, 0, .75)}
  .navs.act {padding-top: 6rem;height: 100%;}
  .navs-cen ul {display: block;}
  .navs-cen ul li {border-bottom: 1px solid #ccc;margin-bottom: 1rem;padding-left: 1.5rem;}
  .navs-cen ul li h1 {position: relative;}
  /*底部*/
  .homefoot {padding: 2.5rem 0;}
  .homefoot-c {display: block;padding: 2.5rem 0;}
  .homefoot-c-ewm {margin-left: 0;margin-top: 2.5rem;}
  .homefoot-b-sss {display: block;text-align: center;}
  .homefoot-b-sss span {display: block;}
  .bottom-c {display: block;position: relative;}
  .bottom-c-l {width: 100%;}
  .bottom-c-c {position: absolute;right: 0;top: 2.5rem;}
  .bottom-c-c img {height: 4rem;}
  .bottom-c-r {width: 100%;margin-top: 2.5rem;}
  .bottom-c-r li {display: flex;flex-direction: row-reverse;align-items: center;justify-content: flex-end}
  .bottom-c-r li p {margin-left: 5px;margin-right: 0;}
  .bottom-b {display: block;text-align: center;line-height: 1.8;padding: 2rem 0;}
  .bottom-b span{display: block;}
  /*另外的bottom*/
  .homefoot-logo{padding: 2.5rem 0;}
  .otherfoot-top{display: block;padding-bottom: 2.5rem;}
  .otherfoot-ewm{padding-top: 2rem;}
  .otherfoot-ewm dl{justify-content: space-between;}
  .otherfoot-bot{padding: 1.5rem 0;display: block;line-height: 1.75;text-align: center;font-size: 14px;}
  .otherfoot-bot p a{display: block;}

  .popvideo{padding: 10vh 20px;}
  .popvideo-close{width: 30px;height: 30px;}

}
/*手机320*/
@media screen and (max-width: 350px) {
  html, body {font-size: 10px;}
}