/*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 {
  --white: #fff;
  --black: #000;
  --b3: #333333;
  --b5: #555555;
  --b6: #666666;
  --b9: #999999;
  --ac: #acacac;
  --bb: #bbbbbb;
  --e5: #e5e5e5;
  --ef: #efefef;
  --org: #f28300;
  --blue:#005cc3;
  --bluelight:#89c1ff;
  --red:#cc0f0f;
  --title: 2.5rem;
  --f30:1.875rem;
  --width: 9.375vw;
  --hwidth: 3.75rem;
}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}

@font-face {
  font-family: 'iconfont';
  src: url('/static/index/css/iconfont.woff2') format('woff2'),
  url('/static/index/css/iconfont.woff') format('woff'),
  url('/static/index/css/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'acrom';
  src: url('/static/index/css/acrom.eot');
  src: local('fontName Regular'),
  local('fontName'),
  url('/static/index/css/acrom.woff') format('woff'),
  url('/static/index/css/acrom.ttf') format('truetype'),
  url('/static/index/css/acrom.svg') format('svg');
}
.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;}
.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;}
.w1400{width: 1400px;margin: 0 auto;}
.header{position: fixed;top: 0;left: 0;z-index: 9999;background: var(--white);box-shadow: 0 2px 15px rgba(0,0,0,.1);width: 100%;padding: 0 var(--hwidth);box-sizing: border-box;height: 5rem;display: flex;align-items: center;justify-content: space-between;}
.header-l{}
.header-l a{display: block;}
.header-l img{display: block;}
.header-c{}
.header-c ul{display: flex;align-items: center;}
.header-c li{margin: 0 1rem;font-size: 16px;color: var(--black);transition: .5s;}
.header-c li:hover{color: var(--blue)}
.header-r{display: flex;align-items: center;}
.header-zq{font-size: 16px;color: var(--blue);font-weight: bold;}
.header-xp{display: flex;align-items: center;margin-left: 1.5rem;}
.header-xp i{background: var(--red);font-size: 12px;color: var(--white);text-align: center;width: 1.5rem;line-height: 1.5rem;border-radius: 50%;margin-right: 5px;}
.header-xp span{font-size: 16px;color: var(--red)}
.header-lang{margin-left: 1.5rem;font-size: 16px;color: var(--b3);position: relative;cursor: pointer;padding: .5rem 0;}
.header-lang dl{position: absolute;top: 100%;box-shadow: 0 0 5px rgba(0,0,0,.1);background: var(--white);min-width: 100%;display: none;}
.header-lang dd{font-size: 14px;background: var(--white);transition: .5s;white-space: nowrap;}
.header-lang dd a{display: block;padding:5px .5rem;}
.header-lang dd:hover{background: var(--ef);}
.header-lang:hover dl{display: block;}
.header-button{display: none;}
.navs{display: none;}
.bhcom::after {  content: "百航科技-专业网络品牌设计公司";}
.bottom-top{padding: 3rem 0;background: #fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.bottom-top .w1400{display: flex;align-items: center;justify-content: space-between;}
.bottom-top-r li {display: flex;padding: .5rem 0;line-height: 1.5rem;}
.bottom-top-r li i {flex-shrink: 0;font-size: 1.5rem;color: var(--blue)}
.bottom-top-r li p {width: 100%;overflow: hidden;margin-left: .5rem;font-size: 14px;color: var(--black);}

.bottom-bot{padding: 1.25rem 0;font-size: 14px;}
.bottom-bot .w1400{display: flex;align-items: center;justify-content: space-between;}
.mybot{display: none;}
/*1600*/
@media screen and (max-width: 1850px){
  /*--------------------------尚特-----------------------*/

}

/*1440*/
@media screen and (max-width: 1580px){
  /*--------------------------尚特-----------------------*/
  :root{
    --hwidth:2.5rem;
  }
  .w1400{width: 1280px;}
  .header-c li{margin: 0 .5rem;}

}


/*1280*/
@media screen and (max-width: 1420px){
  /*--------------------------尚特-----------------------*/
  html, body {font-size: 14px;}
  .w1400{width: 1200px;}
}

/*1024*/
@media screen and (max-width: 1240px){
  /*--------------------------尚特-----------------------*/
  :root{
    --title: 1.8rem;
  }
  .w1400{width: 980px;}
  .header-c{display: none;}
  .header-button {display: flex;align-items: center;margin-left: 1.5rem;}
  .header-btns {width: 25px;position: relative;z-index: 33;margin-right: 5px;height: 16px;}
  .header-btns span {width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: var(--blue);}
  .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%;}
  .header-msg {line-height: 1;}
  .header-msg span {font-size: 14px;color: var(--blue);display: block;}
  .header-msg i {font-size: 14px;color: var(--blue);display: block;}
  .navs {display: block;position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 0;background: no-repeat center rgba(0,0,0,.9);background-size: cover;box-sizing: border-box;transition: .6s;opacity: 0;overflow: hidden;}
  .navs.act {opacity: 1;height: 100%;padding-top: 8rem;padding-bottom: 8rem;}
  .navs .navs-cont {height: 100%;padding: 0 var(--width);}
  .navs-cen {height: 100%;overflow-y: auto;position: relative;z-index: 4;overflow-x: hidden}
  .navs-cen ul li {border-bottom: 1px solid #ccc;margin-bottom: 1rem;}
  .navs-cen ul li h1 {font-size: 1.375rem;color: var(--white);margin-bottom: 1rem;position: relative;font-weight: normal;}
  .navs-cen ul li .navbtn {position: absolute;right: 0;top: -.25rem;font-size: 1.5rem;color: var(--white);font-family: "iconfont";font-weight: normal;display: block;cursor: pointer;padding: .5rem;transition: .3s;}
  .navs-cen ul li p {font-size: 1rem;color: var(--white);padding: .3rem 0;}
  .navs-cen ul li .navbtn.act {transform: rotate(90deg)}
  .navs-cen ul li .navs-subs {display: none;padding-bottom: .5rem;}
  .navs-bot{position: absolute;bottom:2.5rem;left: var(--width);display: flex;width: 50%;}

  .bottom-top .w1400{display: block;}
  .bottom-top-l{margin-bottom: 2rem;}

}


/*手机*/
@media screen and (max-width: 1000px){
  /*--------------------------尚特-----------------------*/
  :root{
    --hwidth:15px;
  }
  html, body {font-size: 12px;}
  .w1400{width: 100%;box-sizing: border-box;padding: 0 15px;}
  .header-r .header-zq,.header-r .header-xp{display: none;}
  .header{height: 3.5rem;}
  .header-l img{height: 30px;}
  .navs.act{padding-top: 5.5rem;}
  .navs-bot{width: 100%;}
  .mybot{height: 50px;display: block;}
  .mybot-box{height: 50px;display: flex;justify-content: space-between;text-align: center;color: var(--white);position: fixed;bottom: 0;left: 0;width: 100%;z-index: 333;}
  .mybot-item{width: 50%;font-size: 14px;display: flex;align-items: center;justify-content: center;}
  .mybot-item i{font-size: 2rem;margin-right: 5px;}
  .mybot-bh{background: var(--red);}
  .mybot-dh{background: var(--blue);}
  .bottom-top{padding: 2rem 0;}
  .bottom-top-l{width: 80%;}
  .bottom-bot .w1400{display: block;text-align: center;}
}
/*手机320*/
@media screen and (max-width: 350px) {
  html, body {font-size: 10px;}
  .w1400{padding: 0 10px;}
}