/*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;}
:root {
    --cf: #fff;
    --c0: #000;
    --c3: #333;
    --c6: #666;
    --c9: #999;
    --cc: #ccc;
    --ce: #eee;
    --f3: #f3f3f3;
    --blue: #1155b4;
    --bluelight: #d2e7ff;
}
i {font-style: normal;}

.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}
/************************头部*********************/

/************************底部*********************/
.bhcom::after { content: "百航科技-专业网络品牌设计公司";}

/*分页*/
.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: 1640px) {
    /*--------------------------首页-----------------------*/
    .w1600 {width: 1400px;}
    .w1400{width: 1280px;}
}
/*1440*/
@media screen and (max-width: 1480px) {
    /*--------------------------首页-----------------------*/
    :root {
        --tph: 80px;
    }
    .w1600{width: 1280px;}
    .w1400{width: 1200px;}

}
/*1280*/
@media screen and (max-width: 1360px) {
    /*--------------------------首页-----------------------*/
    :root {
        --tph: 70px;
    }
    .w1600{width: 1140px;}
    .w1400{width: 1080px;}
}
/*1024*/
@media screen and (max-width: 1180px) {
    /*--------------------------首页-----------------------*/
    :root {
        --main-theight: 70px;
    }
    .w1600, .w1400 {width: 920px;}
}
/*手机*/
@media screen and (max-width: 960px) {
    /*--------------------------首页-----------------------*/
    html, body {font-size: 12px;}

    .w1600, .w1400 {width: 100%;padding: 0 15px;}

    :root {
        --main-theight: 40px;
    }

    /*分页*/
    .fenye :where(a,span,i) {font-size: 12px;}
}
/*手机320*/
@media screen and (max-width: 350px) {
    html, body {font-size: 10px;}
}