/*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;}
:root{
    --cf: #fff;
    --c0: #000;
    --c3: #333;
    --c6: #666;
    --c9: #999;
    --red: #de2f36;
    --blue: #015aaa;
    --bluelight: #eaf5ff;
    --fz36: 2.25rem;
}
::-webkit-scrollbar{width: 6px;}
::-webkit-scrollbar-thumb{background-color: #c1c1c1;}
::-webkit-scrollbar-track{background-color: #f7f7f7;}
@font-face{
    font-family: 'ARIALBD';
    src: url('ARIALBD.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('ARIALBD.woff') format('woff'),
    url('ARIALBD.ttf') format('truetype'),
    url('ARIALBD.svg#fontName') format('svg');
}
@font-face{
    font-family: 'servo';
    src: url('servo_outlined_regular.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('servo_outlined_regular.woff') format('woff'),
    url('servo_outlined_regular.ttf') format('truetype'),
    url('servo_outlined_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%;}
.capsule{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%;z-index: 9999;background: var(--cf);}
.header-t{display: flex;align-items: center;justify-content: space-between;height: 100px;}
.header-l{}
.header-l a{display: flex;align-items: center;}
.header-l span{ margin: 0 6px;width: 2px;height: 30px;}
.hform{background: #f2f2f2;display: flex;align-items: center;padding: 5px 15px;}
.hform input{border: none;font-size: 14px;color: var(--blue);background: none;width: 130px;}
.hform input::placeholder{color: var(--blue);}
.hform button{background: none;border: none;padding: 0;margin-left: 10px;cursor: pointer;}
.hform button img{display: block;}
.header-btn{display: none;}
.header-b{background: var(--blue);position: relative;}
.pcnav{display: flex;justify-content: space-between;}
.pcnav li{flex: 1;text-align: center;font-size: 18px;font-weight: bold;color: var(--cf);display: flex;justify-content: center;position: relative;}
.pcnav li:after{content: "";position: absolute;right: 0;top: 30%;height: 40%;width: 2px;background: var(--cf);}
.pcnav li:last-child:after{display: none;}
.pcnav li a{padding: 15px 0;position: relative;}
.pcnav li a:after{content: "";width: 100%;height: 2px;background: var(--cf);bottom: 0;left: 0;position: absolute;display: none;}
.pcnav li.act a:after{display: block;}
/*二级菜单*/
.pcsubnav{padding: 1rem 0;position: absolute;top: calc(100% - 2px);background: #006ed0;left: 0;right: 0;display: none;}
.pcsubnav dl{display: flex;justify-content: space-between;}
.pcsubnav dt{flex: 1;text-align: center;font-size: 16px;color: var(--cf);line-height: 2.5;}
.sjj_nav{display: none;}
/************************底部*********************/
:root{
    --footpd: 140px;
}
.foot{background: url("../images/foot.jpg") no-repeat center/cover;}
.foot-t{padding: 30px 0;border-bottom: 1px solid #61aef2;display: flex;align-items: center;justify-content: space-between;}

.foot-t-r{display: flex;align-items: center;}
.foot-t-r li{padding: 0 25px;position: relative;font-size: 18px;color: var(--cf);font-weight: bold;}
.foot-t-r li:after{content: "";position: absolute;right: 0;top: 20%;height: 60%;width: 2px;background: #69afed;}
.foot-t-r li:first-child{padding-left: 0;}
.foot-t-r li:last-child{padding-right: 0;}
.foot-t-r li:last-child:after{display: none;}

.foot-c{padding: 50px 0;margin-top: 60px;}
.foot-c ul{display: flex;align-items: center;justify-content: space-between;}
.foot-c p{display: flex;align-items: center;font-size: 14px;color: #53afff;margin-bottom: 5px;}
.foot-c p i{margin-left: 5px;}
.foot-c span{font-size: 14px;color: var(--cf);display: block;padding-left: 29px;}

.foot-b{display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: var(--cf);padding: 30px 0;border-top: 1px solid #61aef2}
.bhcom::after{ content: "百航科技-专业网络品牌设计公司";}

/*分页*/
.fenye{text-align: center;margin-top: 4rem;}
.fenye :where(a,span,i){display: inline-block;font-size: 14px;color: var(--c3);min-width: var(--fz36);line-height: var(--fz36);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);}

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

}
/*1280*/
@media screen and (max-width: 1360px){
    /*--------------------------首页-----------------------*/
    :root{
    }
    .w1600{width: 1140px;}
    .w1400{width: 1080px;}
    /*头部*/
    .pcnav li{font-size: 16px;}
    .pcsubnav dt{font-size: 14px;}
}
/*1024*/
@media screen and (max-width: 1180px){
    /*--------------------------首页-----------------------*/
    :root{
        --fz36: 1.875rem;
    }
    .w1600, .w1400{width: 920px;}
    /*头部*/
    .header-r{display: flex;align-items: center;}
    .hform{margin-right: 3rem;}
    .header-btn{ display: block;position: absolute; right: 0; top: 0; bottom: 0; width: 70px;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%;}
    .header-b{display: none;}

    /*手机导航*/
    .sjj_nav{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 80;background: #fff;padding: 80px 4vw 60px;box-sizing: border-box;overflow: hidden;display: none;}
    .sjj_nav .sjj_nav-box{height: 100%;overflow-y: auto}
    .sjj_nav ul li i{position: absolute;top: 5px;right: 0px;border-left: 1px #ddd solid;height: 30px;padding: 0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform: rotate(-90deg);transition: all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform: rotate(0deg)}
    .sjj_nav ul li{border-bottom: 1px #ddd solid;position: relative;line-height: 40px;font-size: 18px}
    .sjj_nav ul li:last-child{border-bottom: 1px #ddd solid;}
    .sjj_nav ul li dl{display: none;margin: 0 10px}
    .sjj_nav ul li a{color: #666;width: 80%}
    .sjj_nav ul li dt{border-bottom: 1px #ddd solid;font-size: 16px;}
    .sjj_nav ul li dt:last-child{border: none;}
    .sjj_nav ul li dt a{color: #999;display: block;text-align: left;}
    .sjj_nav ul li i svg{width: 20px;height: 20px;fill: #555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill: #c9141e}

    /*底部*/
    .foot-t{padding: 20px 0;}
    .foot-t-l img{height: 50px;}
    .foot-t-r li{font-size: 14px;padding: 0 15px;}
    .foot-c{ padding: 30px 0;margin-top: 40px;}
}
/*手机*/
@media screen and (max-width: 960px){
    /*--------------------------首页-----------------------*/
    html, body{font-size: 12px;}

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

    :root{
        --fz36: 1.5rem;
        --footpd: 3rem;
    }
    /*头部*/
    .header-t{height: 40px;}
    .header-l img{height: 32px;}
    .header-l span{display: none;}
    .header-noimg{display: none;}
    .hform input{font-size: 12px;}
    .header-btn{width: 40px;}
    .sjj_nav{padding-top: 50px;}
    .sjj_nav ul li{font-size: 16px;}
    .sjj_nav ul li dt{font-size: 14px;}
    /*分页*/
    .fenye{margin-top: 2rem;}
    .fenye :where(a,span,i){font-size: 12px;}
    /*底部*/
    .foot-t{padding: 15px 0;}
    .foot-t-r{display: none;}
    .foot-c{padding: 15px 0;margin: 0}
    .foot-c ul{display: block;}
    .foot-c ul li{padding: 5px 0;}
    .foot-b{padding: 10px 0;display: block;text-align: center;line-height: 1.85;}
}
/*手机320*/
@media screen and (max-width: 350px){
    html, body{font-size: 10px;}
}