/* 公共样式 */
/*@font-face {*/
/*  font-family: 'pingfang';*/
/*  src: local('pingfang'), url('PingFang Bold.ttf') format('truetype');*/
/*}*/
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main.content {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
/*继承body设定的字体大小*/
body {
  font-family: "Microsoft YaHei", Tahoma, Arial, Simsun, sans-self;
}
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
/*除去浮动*/
.clearfix {
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
a,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #333;
}
a,
button,
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*当要添加小图标时可修改*/
img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/*在IE下除去边框和底部空白*/
em,
i {
  font-style: normal;
}
/*如需默认样式可修改*/
input,
select,
textarea {
  vertical-align: middle;
  outline: none;
}
/*出去获得焦点下的蓝色边框*/
textarea {
  resize: none;
}
/*禁止用户缩放文本框*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
}
/*按钮初始化*/
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
}
/*修改placeholder文字颜色*/
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}
/*public*/
body {
  width: 100%;
  background-color: #1f272d !important;
  font-family: 'pingfang';
  color: #cccccc;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1000px) {
  section {
    border-top: 0.00520833rem solid transparent;
  }
  li {
    list-style: none;
    border-top: 0.00520833rem solid transparent;
  }
  a {
    text-decoration: none;
  }
  .w {
    width: 7.3125rem !important;
    margin: 0 auto;
  }
  .header {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 0.375rem;
    background: #1f272d;
    z-index: 10;
  }
  .header div {
    float: left;
    height: 0.375rem;
    background-color: #1f272d;
  }
  .header .logo {
    width: 20%;
    background: url(../img/1/顶部-logo.png) no-repeat center;
    background-size: 0.77083333rem 0.21354167rem;
  }
  .header .nav .nav-ul > li {
    float: left;
    font-size: 0.08333333rem;
    color: #00d2ff;
  }
  .header .nav .nav-ul > li:hover {
    background-color: #2c363d;
  }
  .header .nav .nav-ul > li.active {
    color: #00d2ff;
    background-color: #2c363d;
    border-bottom: 0.015625rem solid #00d2ff;
  }
  .header .nav .nav-ul > li a {
    display: block;
    line-height: 0.359375rem;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    color: #ffffff;
  }
  .header .nav .nav-ul > li .nav-ul-li-ul {
    position: absolute;
    display: none;
    width: 0.76rem;
    z-index: 2;
    text-align: center;
  }
  .header .nav .nav-ul > li .nav-ul-li-ul li {
    height: 0.36458333rem;
    line-height: 0.36458333rem;
    background: rgba(0, 0, 0, 0.5);
  }
  .header .nav .nav-ul > li .nav-ul-li-ul li:hover {
    background: #17222A;
  }
  .header .nav .nav-ul > li .nav-ul-li-ul li:hover a {
    color: #05C5F0 !important;
  }
  .header .tel-icon {
    display: flex;
    margin-top: 10px;
    width: 20%;
    background: url(../img/1/icon-电话.png) no-repeat 0.46875rem center;
    align-items: center;
    padding-left: 0.6rem;
  }
  .header .tel-icon .tel-pc {
    font-size: 0.10416667rem;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.00520833rem;
  }
  .header .tel-icon .tel-mobile {
    display: none;
    font-size: 0.09375rem;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.00520833rem;
  }
  body > .content,
  main {
    margin-top: 0.375rem;
    border-bottom: 1px solid #404c55;
  }
  footer {
    width: 100%;
    background: #1f272d !important;
    margin-top: 0 !important;
  }
  footer > .footer-nav {
    margin-top: 0.15625rem;
	border-top: 1px solid #aaaaaa;
  }
  footer > .footer-nav > .nav-ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  footer > .footer-nav > .nav-ul > li {
    padding: 10px 14px;
  }
  footer > .footer-nav > .nav-ul > li > a {
    color: #fff;
    font-size: 0.10416667rem;
  }
  footer > .footer-business {
    padding: 0 1.35416667rem;
    display: flex;
    margin-top: 0 !important;
  }
  footer > .footer-business .footer-business-left {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.29166667rem;
    overflow: hidden;
  }
  footer > .footer-business .footer-business-left ul {
    position: relative;
    width: 1.18229167rem;
    margin-bottom: 0.1875rem;
  }
  footer > .footer-business .footer-business-left ul ol {
    font-size: 0.11458333rem;
    font-family: PingFang, PingFang-SC-Heavy;
    color: #00d2ff;
  }
  footer > .footer-business .footer-business-left ul li {
    margin-top: 0.16666667rem;
    font-size: 0.09375rem;
    font-family: PingFang, PingFang-SC-Medium;
    color: #7b8f9f;
  }
  footer > .footer-business .footer-business-right {
    width: 100%;
    margin: 0.3125rem 0;
    display: flex;
    justify-content: center;
  }
  footer > .footer-business .footer-business-right > .footer-logo-box {
    margin-right: 10px;
  }
  footer > .footer-business .footer-business-right div {
    text-align: center;
  }
  footer > .footer-business .footer-business-right .qrcode-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  footer > .footer-business .footer-business-right .qrcode-box div {
    margin-right: 0.05208333rem;
    margin-bottom: 0.05208333rem;
  }
  footer > .footer-business .footer-business-right .qrcode-box div img {
    height: 1rem;
  }
  footer > .footer-business .footer-business-right .qrcode-box p {
    padding-top: 0.046875rem;
    font-size: 0.07291667rem;
    font-family: PingFang, PingFang-SC-Medium;
    color: #cccccc;
    line-height: 0.125rem;
    letter-spacing: 0rem;
  }
  .right-float-div {
    position: fixed;
    right: 0;
    bottom: 10%;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    border-top-left-radius: 0.03125rem;
    border-bottom-left-radius: 0.03125rem;
    text-align: center;
    width: 0.51041667rem;
    height: 2.08333333rem;
    background: #2d3841;
    z-index: 10;
  }
  .right-float-div div:nth-child(n) {
    cursor: pointer;
  }
  .banner {
    height: 3.125rem;
    width: 10rem;
    background: transparent no-repeat center;
    -webkit-background-size: 10rem 3.125rem;
    background-size: 10rem 3.125rem;
  }
  .footer-logo {
    height: 0.5rem;
  }
  .qrcode1 img,
  .qrcode2 img {
    height: 1rem;
  }
  .tel img,
  .qq img,
  .wx img,
  .top img {
    width: 0.26041667rem;
    height: 0.26041667rem;
  }
  .prev img,
  .next img {
    width: 0.13541667rem;
    height: 0.07291667rem;
  }
  .tel-show-box {
    display: none;
    position: absolute;
    top: 0.25rem;
    right: 0.52083333rem;
    width: 1.864583rem;
    height: 0.36458333rem;
    line-height: 0.38458333rem;
    background: skyblue;
    text-align: center;
    color: #ffffff;
    font-size: 0.15625rem;
  }
  .wx-show-box {
    display: none;
    position: absolute;
    right: 0.52083333rem;
    width: 0.86458333rem;
    height: 0.86458333rem;
    line-height: 0.86458333rem;
    background: skyblue;
    text-align: center;
  }
  .wx-show-box img {
    width: 0.86458333rem;
    height: 0.86458333rem;
  }
  .footer-contact-data {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.09375rem;
    border: 0.00520833rem solid #404c55;
  }
  .footer-contact-data > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*width: 9.89583333rem;*/
    /*margin: 0 auto;*/
  }
  .footer-contact-data > div .item {
    padding: 0.03125rem 0.05208333rem;
    margin-right: 0.05208333rem;
    margin-bottom: 0.07291667rem;
    line-height: 0.13541667rem;
  }
}
@media screen and (max-width: 999px) {
  .element::-webkit-scrollbar {
    width: 0 !important;
  }
  .element {
    -ms-overflow-style: none;
  }
  .element {
    overflow: -moz-scrollbars-none;
  }
  section {
    border-top: 1px solid transparent;
  }
  li {
    list-style: none;
    border-top: 1px solid transparent;
  }
  a {
    text-decoration: none;
  }
  .w {
    width: 10rem !important;
    margin: 0 auto;
  }
  .header {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 10rem !important;
    height: 0.96rem;
    background: #1f272d;
    z-index: 10;
  }
  .header div {
    float: left;
    height: 0.96rem;
    background-color: #1f272d;
  }
  .header .logo {
    width: 30%;
    background: url(../img/1/顶部-logo.png) no-repeat center;
    background-size: 1.97333333rem 0.54666667rem;
  }
  .header .nav {
    display: none;
  }
  .header .tel-icon {
    width: 30% !important;
    line-height: 0.96rem;
    background: url(../img/1/ml.png) no-repeat;
    background-position: 80% center !important;
    background-size: 16% !important;
    text-align: center !important;
  }
  .header .tel-icon .tel-pc {
    display: none;
    font-size: 0.24rem;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.01333333rem;
  }
  .header .tel-icon .tel-mobile {
    display: none;
    margin-top: 0.96rem;
    border-top: 1px solid;
    background: #1f272d;
  }
  .header .tel-icon .tel-mobile li a {
    color: #ffffff;
  }
  body > .content,
  main {
    margin-top: 0.96rem;
  }
  footer {
    width: 100%;
    background: #1f272d !important;
  }
  footer > .footer-nav {
    margin-top: 0.4rem;
	border-top: 1px solid #aaaaaa;
  }
  footer > .footer-nav > .nav-ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  footer > .footer-nav > .nav-ul > li {
    padding: 0.08rem;
    margin-bottom: 0.13333333rem;
  }
  footer > .footer-nav > .nav-ul > li > a {
    color: #ffffff;
    padding: 0.08rem;
    margin-bottom: 0.13333333rem;
  }
  footer > .footer-business {
    padding: 0 0.33333333rem;
    display: flex;
    flex-direction: column;
  }
  footer > .footer-business .footer-business-left {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
  footer > .footer-business .footer-business-left ul {
    position: relative;
    width: 3.02666667rem;
    margin-bottom: 0.48rem;
  }
  footer > .footer-business .footer-business-left ul ol {
    font-size: 0.32rem;
    font-family: PingFang, PingFang-SC-Heavy;
    color: #00d2ff;
  }
  footer > .footer-business .footer-business-left ul li {
    width: 96%;
    margin-top: 0.42666667rem;
    font-size: 0.29333333rem;
    font-family: PingFang, PingFang-SC-Medium;
    color: #7b8f9f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  footer > .footer-business .footer-business-left ul:after {
    position: absolute;
    top: 0;
    right: 5px;
    content: '';
    display: block;
    width: 2px;
    height: 90%;
    border-right: 1px solid #404c55;
  }
  footer > .footer-business .footer-business-left ul:nth-child(3n-3):after {
    display: none;
  }
  footer > .footer-business .footer-business-right {
    margin-top: 0.33333333rem;
  }
  footer > .footer-business .footer-business-right div {
    text-align: center;
  }
  footer > .footer-business .footer-business-right div img {
    width: 80%;
    height: auto;
  }
  footer > .footer-business .footer-business-right .qrcode-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.62666667rem;
  }
  footer > .footer-business .footer-business-right .qrcode-box div {
    width: 42%;
    height: 42%;
    margin-right: 0.13333333rem;
    margin-bottom: 0.13333333rem;
  }
  footer > .footer-business .footer-business-right .qrcode-box div img {
    width: 100%;
    height: 100%;
  }
  footer > .footer-business .footer-business-right .qrcode-box p {
    padding-top: 0.12rem;
    font-size: 0.18666667rem;
    font-family: PingFang, PingFang-SC-Medium;
    color: #cccccc;
    line-height: 0.32rem;
    letter-spacing: 0rem;
  }
  .right-float-div {
    position: fixed;
    right: 0;
    bottom: 10%;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    border-top-left-radius: 0.08rem;
    border-bottom-left-radius: 0.08rem;
    text-align: center;
    width: 1.30666667rem;
    height: 5.33333333rem;
    background: #2d3841;
    z-index: 10;
  }
  .right-float-div div:nth-child(n) {
    cursor: pointer;
  }
  .banner {
    width: 10rem;
    padding-bottom: 32%;
    background: transparent no-repeat center;
    background-size: 100% 100%;
  }
  .footer-logo {
    width: 2.97333333rem;
    height: 0.84rem;
  }
  .qrcode1 img,
  .qrcode2 img {
    width: 1.33333333rem;
    height: 1.33333333rem;
  }
  .tel img,
  .qq img,
  .wx img,
  .top img {
    width: 0.66666667rem;
    height: 0.66666667rem;
  }
  .prev img,
  .next img {
    width: 0.34666667rem;
    height: 0.18666667rem;
  }
  .tel-show-box {
    display: none;
    position: absolute;
    top: 0.64rem;
    right: 0.52083333rem;
    line-height: 0.38458333rem;
    background: skyblue;
    text-align: center;
    color: #ffffff;
    font-size: 0.4rem;
    padding: 6px;
  }
  .wx-show-box {
    display: none;
    position: absolute;
    right: 1.33333333rem;
    width: 2.21333333rem;
    height: 2.21333333rem;
    line-height: 2.21333333rem;
    background: skyblue;
    text-align: center;
  }
  .wx-show-box img {
    width: 2.21333333rem;
    height: 2.21333333rem;
  }
  .footer-contact-data {
    width: 100%;
    border: 1px solid #404c55;
    padding-top: 0.24rem;
  }
  .footer-contact-data > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    width: 10rem;
    margin: 0 auto;
  }
  .footer-contact-data > div .item {
    padding: 0.08rem 0.13333333rem;
    margin-right: 0.13333333rem;
    margin-bottom: 0.18666667rem;
    line-height: 0.34666667rem;
  }
}
/*# sourceMappingURL=common.css.map */