/*reset*/
html, body {width: 100%;min-height: 100%;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 {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;}
@font-face {
    font-family: 'aleo';
    src: url('Aleo-Regular.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('Aleo-Regular.woff') format('woff'),
    url('Aleo-Regular.ttf') format('truetype'),
    url('Aleo-Regular.svg#fontName') format('svg');
}
:root {
    --cf: #fff;
    --c0: #000;
    --c3: #333;
    --c5: #555;
    --c6: #666;
    --c9: #999;
    --cb: #bbbbbb;
    --red: #9d0202;
    --blue: #015aaa;
    --bluelight: #eaf5ff;
    --org: #c15e00;
    --org2: #d5a361;
    --org3: #ffce95;
    --org4: #edddc1;
    --main-theight: 90px;
    --bk: 40px;
}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
.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;}
.w1600 {width: 1600px;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%;background: url("../images/hbg.jpg") no-repeat center/cover;z-index: 13;}
.header .w1600 {display: flex;align-items: center;justify-content: space-between;height: var(--main-theight);}
.header-l a {display: block;}
.header-l a img {display: block;}
.header-c {}
.header-c ul {display: flex;align-items: center;}
.header-c li {margin: 0 5px;}
.header-c li a {font-size: 16px;color: var(--c3);display: block;padding: 15px 25px;transition: .3s;}
.header-c li.act a {background: url("../images/ic01.png") no-repeat center;background-size: contain;color: var(--red);}
.header-c li a:hover {color: var(--red);}
.header-r {display: flex;align-items: center;}
.header-r a {margin-left: 15px;position: relative;padding: 10px 0;}
.header-r a:first-child {margin-left: 0;}
.header-ewm {position: absolute;top: 100%;width: 115px;background: #e3e3e3;border-radius: 5px;left: 50%;transform: translateX(-50%);padding: 5px;box-sizing: border-box;display: none;}
.header-ewm img {display: block;width: 100%;}
.header-ewm:after {content: "";width: 0; height: 0; border-width: 0 5px 5px; border-style: solid; border-color: transparent transparent #e3e3e3;position: absolute;top: -5px;left: 50%;margin-left: -5px;}
.header-r a:hover .header-ewm {display: block;}
.header-btn {display: none;}
/*通用title*/
.tytitle {padding-left: 42px;background: url("../images/ic05.png") no-repeat left center;}
.tytitle h1 {font-size: 30px;color: var(--red);}
.tytitle h3 {font-size: 24px;color: var(--org4);text-transform: uppercase;margin-top: -8px;}
/************************底部*********************/
.foot {background: url("../images/botbg.jpg") no-repeat center/cover;font-size: 14px;color: var(--org3);}
.foot-t {padding: 30px 0;display: flex;align-items: center;justify-content: space-between;}
.foot-t-l img {margin-right: 30px;}
.foot-t-l img:last-child {margin-right: 0;}
.foot-gotop {display: flex;align-items: center;cursor: pointer;}
.foot-gotop span {margin-right: 10px;transition: .3s;font-size: 14px;color: var(--org3);}
.foot-c {display: grid;grid-template-columns: repeat(2, 1fr);border-top: 1px solid rgba(0, 0, 0, .3);border-bottom: 1px solid rgba(0, 0, 0, .3)}
.foot-c-l {padding: 30px 0;}
.foot-c-l p {margin-bottom: 20px;line-height: 1.7;}
.foot-c-l p:last-child {margin-bottom: 0;}
.foot-c-r {border-left: 1px solid rgba(0, 0, 0, .3);padding: 30px 0;display: flex;justify-content: space-between;padding-left: 20%;padding-right: 15px;}
.foot-c-r dt {font-size: 16px;font-weight: bold;border-bottom: 2px solid var(--org2);padding-bottom: 3px;transition: .3s;}
.foot-c-r dd {font-size: 14px;margin-top: 15px;transition: .3s;}
.foot-c-r dt:hover, .foot-c-r dd:hover {color: var(--org2);}
.foot-b {display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
.bhcom::after { content: "百航科技-专业网络品牌设计公司";}
/*分页*/
.fenye {text-align: center;color: var(--cf);padding-top: 3rem;}
.fenye :where(a,span,i) {display: inline-block;font-size: 14px;line-height: 28px;margin: 0 4px;padding: 0 10px;}
.fenye i{padding: 0;}
.fenye a {background: #c8a063;transition: .3s;}
.fenye a:hover {background: var(--red);}
.fenye span {background: var(--red);}
.fenye i {color: #c8a063;}
/*内页通用*/
.ny{margin-top: var(--main-theight);}
.nyban {height: 500px;position: relative;}
.nyban:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;background: url("../images/ic12.jpg") repeat-x center/auto 100%;height: 12px;z-index: 2;}
.mbx {}
.mbx .w1600{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--org4);}
.mbx-l{font-size: 18px;color: #231815;line-height: 4.5rem;display: flex;align-items: center;padding-left: 10px;}
.mbx-l a{margin-right: 3rem;position: relative;}
.mbx-l a:last-child{margin-right: 0;}
.mbx-l a.act:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: var(--org2);}
.mbx-r{font-size: 14px;color: var(--c9);}
.mbx-r span{color: #231815;}
.nybox{padding-top: 3rem;}


/*1600*/
@media screen and (max-width: 1640px) {
    /*--------------------------首页-----------------------*/
    .w1600 {width: 1400px;}
    .w1400 {width: 1280px;}
    /*内页通用*/
    .nyban{height: 450px;}
}
/*1440*/
@media screen and (max-width: 1480px) {
    /*--------------------------首页-----------------------*/
    :root {
    }
    .w1600 {width: 1280px;}
    .w1400 {width: 1200px;}
    .tytitle h1 {font-size: 28px;}
    .tytitle h3 {font-size: 22px;}
    /*内页通用*/
    .nyban{height: 400px;}
}
/*1280*/
@media screen and (max-width: 1360px) {
    /*--------------------------首页-----------------------*/
    :root {
        --main-theight: 70px;
    }
    .w1600 {width: 1140px;}
    .w1400 {width: 1080px;}
    .header-c li a {padding: 10px 15px;}
    .tytitle h1 {font-size: 24px;}
    .tytitle h3 {font-size: 20px;}
    /*内页通用*/
    .nyban{height: 350px;}
}
/*1024*/
@media screen and (max-width: 1180px) {
    /*--------------------------首页-----------------------*/
    :root {
        --main-theight: 70px;
    }
    .w1600, .w1400 {width: 920px;}
    .header-c li {margin: 0;}
    /*内页通用*/
    .nyban{height: 300px;}
}
/*手机*/
@media screen and (max-width: 960px) {
    /*--------------------------首页-----------------------*/
    html, body {font-size: 12px;}
    .w1600, .w1400 {width: 100%;padding: 0 15px;}
    :root {
        --main-theight: 40px;
        --bk: 20px;
    }
    .header-l a img {height: 35px;}
    .header-c {display: block; position: fixed; z-index: 222; top: 40px; left: 0; width: 100%; height: 0; background: no-repeat center #f8efe0; background-size: cover; box-sizing: border-box; transition: .6s; opacity: 0; overflow: hidden;}
    .header-c.act {opacity: 1; height: 100%; padding-bottom: 2rem;}
    .header-c ul {flex-direction: column;padding-top: 20px;}
    .header-c li {margin-bottom: 10px;}
    .header-c li a {font-size: 14px;}
    .header-xlewmdn {display: none;}
    .header-r {padding-right: 35px;}
    .header-r a {margin-left: 5px;padding: 0;}
    .header-icon {height: 30px;}
    .header-ewm {display: none !important;}
    .header-btn {display: block;position: absolute;right: 0;top: 0;bottom: 0;width: 40px;background: #000;}
    .header-btn span {width: 40%;height: 2px;position: absolute;top: 35%;left: 30%;background: var(--cf);}
    .header-btn span:nth-child(1) {transition: transform .3s, width .3s, left .3s, top .3s .3s}
    .header-btn span:nth-child(2) {top: 50%;transition: .6s;}
    .header-btn span:nth-child(3) {top: 65%;transition: transform .3s, width .3s, left .3s, top .3s .3s}
    .header-btn.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-btn.act span:nth-child(2) {opacity: 0;}
    .header-btn.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%;}
    .tytitle {padding-left: 40px;}
    .tytitle h1 {font-size: 20px;}
    .tytitle h3 {font-size: 18px;margin-top: -5px;}
    /*底部*/
    .foot-t {padding: 20px 0;}
    .foot-t-l {width: 100%;}
    .foot-t-l img:first-child {height: 40px;}
    .foot-t-l img:last-child {height: 30px;}
    .foot-t-l img {margin-right: 15px;}
    .foot-t-r {display: none;}
    .foot-c {display: block;}
    .foot-c-l {width: 100%;padding: 15px 0;}
    .foot-c-l p {margin-bottom: 10px;}
    .foot-c-r {display: none;}
    .foot-b {padding: 20px 0;display: block;}
    .foot-b-l {margin-bottom: 10px;}
    /*分页*/
    .fenye{padding-top: 1.5rem;}
    .fenye :where(a,span,i) {font-size: 12px;padding: 0 7px;line-height: 20px;}
    /*内页通用*/
    .nyban{height: 170px;}
    .mbx .w1600{}
    .mbx-r{padding: 10px 0;font-size: 12px;display: none;}
    .mbx-r i{display: none;}
    .mbx-l{padding-left: 0;font-size: 14px;line-height: 3rem;}
    .mbx-l a{margin-right: 1rem;}
}
/*手机320*/
@media screen and (max-width: 350px) {
    html, body {font-size: 10px;}
}