@media screen and (max-width:400px) {
  html {
    font-size: 9.210526315789474px;
  }
}
@font-face{
  font-family: 'bm'; 
  src: url('../font/bm.ttf');
}
/* ------------------------------------------------------------------- 
 * responsive:
 * header
 * ------------------------------------------------------------------- */
@media screen and (max-width:1600px) {

}
@media screen and (max-width:1100px) {

}

@media screen and (max-width:900px) {
/* 幻灯片 */
.right-hdp{z-index: 99; }
.right-hdp img{ margin:100px 0px 0px 0px; width:100%; overflow:hidden;}
/*手机menu导航*/
.menu{ background: #000; width: 100%; height: 100px; position: fixed;}
/* .iphone__screen {width:100%;height:100%;top:2.5em; right: .025em; position: fixed; } */
.iphone__screen {width:100%;top:2.5em; right: .025em; position: fixed; }/*这里的高度删除，添加到nav__list*/
.nav {opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms; margin-top: 60px; position: absolute; }/*可以控制top高度距离*/
.nav--active .nav {opacity:1; }
.nav__trigger {display:block;position:absolute;width:30px;height:25px;right:10px;top:10px;}
.nav--active .nav__trigger {opacity:0.5;}
.nav__list {margin:0; padding-top: 20px; padding-bottom: 100%; background-color:#000; }/*这里可以设置子菜单背景和高度,padding-bottom控制高度背景*/
.nav__item {list-style-type:none;text-align:center; margin-top: 5px;}
.nav__link {font-size:1.3em; text-transform:uppercase;text-decoration:none;color:#FFFFFF;  opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;}
.nav__icon {display:inline-block;position:relative;width:30px;height:5px;background-color:#FFFFFF;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before,.nav__icon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#FFFFFF;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}

.menu img{ padding-top:10px; padding-left:25px; padding-bottom:20px; width: 118px; height: 127;}  /*logo*/
.menu-bottom-text{display:none;}  /*技术支持隐藏*/
.menu .nav {-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;height:100%;}
.menu .nav__link {opacity:0;-webkit-transition-delay:500ms;transition-delay:500ms;}
.menu .nav--active .nav__link {opacity:1;}
.menu .nav--active .nav {-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:translateX(0);transform:translateX(0);}
.menu .nav--active .nav__icon {background:rgba(0,0,0,0);}
.menu .nav--active .nav__icon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu .nav--active .nav__icon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*首页-内容 开始*/
.right-kj01-bt{ background-image:url(../images/i-bt.png); margin: 30px;}
.right-kj01-zu{ margin:0px 5px;  widyh:336px; height:auto; color:#000; }
.right-kj02{ width:100%; height:300px; overflow:hidden; position:relative;}
.right-lxwm{margin:20px 0 0px 30px;  position:absolute;}
.right-lxwm-ds{top:0; left:0; width: 100%;}
.right-lxwm-nr{color: #000; font-size: 18px; font-family:"bm"; line-height: 36px; margin:115px 0 0 15px; float: left;}
/*内页*/
.n-margin{margin-top: 100px;}
.n-right-kj01-bt{ background-image:url(../images/i-bt.png); margin: 20px 0 0 30px;}
.n-right-kj01-bt h1{font-family:"bm"; color:#FFF; font-size:36px; line-height:98px; margin-left:50px; }
.n-nr{margin: 50px 20px 10px 20px;}
.n-nr img{width: 100%; height: auto;}
.n-nr a{color: #000;}
/* footer{width: 100%; height: 100px; background: #000; line-height: 24px; font-size: 12px; color: #FFFFFF; text-align: center; justify-content:center;  align-items:center;} */
/*页脚*/
footer{width: 100%; height: 100px; background: black; display:flex; justify-content:center;}
footer h2{color: #707070;text-align: center;font-size: 14px; padding-top: 10px;}
footer a{color: #707070;}
.footer{position:fixed;bottom:0;z-index:999; width: 100%;background: black; height: 60px;}
.footer ul li{float: left; width: 33%; color: #fff; text-align: center; font-size: 12px; padding-top: 30px;}
.footer ul a{color: #fff;}
.footer-tb01{background-size: 30px 30px; background-repeat: no-repeat;background-image: url(../images/footer-bt01.png); background-position:top center; margin-top: 5px;}
.footer-tb02{background-size: 30px 25px; background-repeat: no-repeat;background-image: url(../images/footer-bt02.png); background-position:top center;  margin-top: 5px;}
.footer-tb03{background-size: 30px 20px; background-repeat: no-repeat;background-image: url(../images/footer-bt03.png); background-position:top center;  margin-top: 5px;}

}


@media screen and (max-width:800px) {


}

@media screen and (max-width:600px) {

}

@media screen and (max-width:500px) {

}

@media screen and (max-width:400px) {
}