@charset "utf-8";
/*public start*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}
html {
  font-size: 62.5%;
  margin: 0 auto !important;
}
body,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}
body {
  font-size: 12px;
  font-family: "微软雅黑";
  color: #333;
  background: #fff;
  margin: 0 auto !important;
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}
button,
img,
input {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}
/*去掉input等聚焦时的蓝色边框*/
input,
select,
textarea {
  font-size: 12px;
  margin: 0;
  padding: 0;
  outline: none;
}
input,
select {
  vertical-align: middle;
}
textarea {
  resize: none;
}
/*防止拖动*/
ol,
ul {
  list-style: none;
}
img {
  vertical-align: middle;
  font-size: 0;
  border: 0;
  outline: none;
  max-width: 100%;
}
/*去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
em,
i {
  font-style: normal;
  text-decoration: none;
}
a {
  color: #333;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
}
.clear {
  clear: both;
}
.fix:after,
.fix:before {
  content: " ";
  display: table;
}
.fix:after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.last {
  margin-right: 0 !important;
}
/*public end*/
.content {
  width: 94%;
  margin: 0 auto;
}
.wrap {
  padding-bottom: 1.386792rem;
}
.header {
  position: relative;
  height: 1.509433rem;
  z-index: 999;
}
.header .logo {
  position: absolute;
  left: 1.5%;
  top: 50%;
  transform: translateY(-50%);
  width: 71%;
}
.header .logo img {
  width: 8.584905rem;
  height: 0.754716rem;
}
.header .menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5%;
  width: 0.528301rem;
  height: 0.45283rem;
  cursor: pointer;
}
.header .menu.cur i:nth-child(2) {
  display: none;
}
.header .menu.cur i:nth-child(1) {
  transform: rotateZ(45deg) translateY(0.26415rem);
}
.header .menu.cur i:nth-child(3) {
  transform: rotateZ(-45deg) translateY(-0.26415rem);
}
.header .menu i {
  display: block;
  width: 100%;
  height: 0.075471rem;
  background-color: #000000;
  margin-bottom: 0.113207rem;
  transition: all 0.3s ease-out;
}
.header .menu i:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
}
.header .menu-list {
  position: absolute;
  top: 1.509433rem;
  transform: translateX(335%);
  width: 30%;
  background-color: rgba(2, 119, 205, 0.8);
  transition: all 0.8s ease-out;
  border-bottom-left-radius: 10px;
}
.header .menu-list.cur {
  transform: translateX(235%);
  transition: all 0.8s ease-out;
}
.header .menu-list li {
  height: 0.849056rem;
  line-height: 0.849056rem;
  text-align: center;
  font-size: 0.339622rem;
}
.header .menu-list li.cur a {
  background-color: rgba(0, 0, 0, 0.2);
}
.header .menu-list li a {
  display: block;
  color: #fff;
}
.banner {
  margin-bottom: 0.283018rem;
}
.banner .swiper-pagination-bullet {
  width: 0.226415rem;
  height: 0.226415rem;
  border: 0.037735rem solid #fff;
  border-radius: 0;
  background: none;
  opacity: 1;
}
.banner .swiper-pagination-bullet-active {
  background-color: #0277cd;
  border: 0.037735rem solid #0277cd;
}
.banner,
.pagebanner {
  width: 100%;
}
.banner img,
.pagebanner img {
  width: 100%;
  vertical-align: middle;
}
.main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1.5%;
}
.index-title {
  position: relative;
  padding: 0.245283rem 0;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 0.566037rem;
}
.index-title .title {
  position: relative;
  font-size: 0.377358rem;
  padding-left: 0.377358rem;
  line-height: 0.566037rem;
  display: inline-block;
}
.index-title .title:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 0.188679rem;
  height: 0.566037rem;
  background-color: #0277cd;
}
.index-title .more {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #999;
  font-size: 0.26415rem;
}
.index-title .more img {
  width: 0.415094rem;
  height: 0.415094rem;
}
.pagemain {
  width: 100%;
}
.product-list li {
  float: left;
  width: 45%;
}
.product-list li img {
  width: 100%;
}
.product-list li:nth-child(2n) {
  float: right;
}
.product-list li span {
  display: block;
  font-size: 0.26415rem;
  line-height: 1.037735rem;
  text-align: center;
}
.service-list li {
  float: left;
  width: 43%;
  margin-bottom: 0.566037rem;
  text-align: center;
}
.service-list li:nth-child(2n) {
  float: right;
}
.service-list li img {
  width: 0.867924rem;
  height: 0.90566rem;
}
.service-list li h3 {
  font-weight: bold;
  color: #0277cd;
  font-size: 0.339622rem;
  line-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.service-list li p {
  font-size: 0.26415rem;
  line-height: 1.5em;
}
.about img {
  margin-bottom: 0.471698rem;
  width: 100%;
}
.about p {
  font-size: 0.26415rem;
  line-height: 2em;
  margin-bottom: 0.377358rem;
}
.footer {
  border-top: 1px solid #999;
  padding-top: 0.377358rem;
  margin-top: 25px;
}
.footer p {
  text-align: center;
  color: #999;
  font-size: 0.26415rem;
  margin-bottom: 0.301886rem;
}
.content-list {
  margin-bottom: 0.433962rem;
  text-align: center;
}
.content-list li {
  display: inline-block;
  margin-right: 0.377358rem;
}
.content-list li img {
  width: 0.660377rem;
  height: 0.660377rem;
}
.nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  background: #0277cd;
  text-align: center;
}
.nav li {
  float: left;
  width: 25%;
  height: 1.386792rem;
}
.nav a {
  color: #fff;
  font-size: 0.26415rem;
}
.nav img {
  width: 0.484716rem;
  height: 0.484716rem;
  margin-top: 0.183018rem;
  margin-bottom: 0.188679rem;
}
.nav span {
  display: block;
}
.nybox {
  padding: 0 1.5%;
}
.crumbs {
  padding: 0.188679rem 0;
  font-size: 0.26415rem;
  border-bottom: 1px solid #adadad;
  margin-bottom: 0.566037rem;
}
.crumbs img {
  width: 0.528301rem;
  height: 0.45283rem;
}
.about-nav {
  margin-bottom: 0.377358rem;
}
.about-nav li {
  float: left;
  width: 23%;
  text-align: center;
  background-color: #dcdcdc;
  margin: 0 1%;
  height: 0.754716rem;
  line-height: 0.754716rem;
  border-radius: 5px;
  margin-bottom: 0.283018rem;
  overflow: hidden;
}
.about-nav li.cur a {
  background-color: #0277cd;
  color: #fff;
}
.about-nav li a {
  display: block;
}

.product-nav {
  margin-bottom: 0.377358rem;
}
.product-nav li {
  float: left;
  width: 23%;
  text-align: center;
  background-color: #dcdcdc;
  margin: 0 1%;
  height: 0.754716rem;
  line-height: 0.754716rem;
  border-radius: 5px;
  margin-bottom: 0.283018rem;
  overflow: hidden;
}
.product-nav li.cur a {
  background-color: #0277cd;
  color: #fff;
}
.product-nav li a {
  display: block;
}
@media (max-width: 425px) {
  .product-nav li {
    width: 48%;
  }
}
.page-box {
  text-align: center;
  margin-bottom: 1.132075rem;
}
.product-detailts-img {
  text-align: center;
  margin: 0 auto;
  margin-top: 0.566037rem;
  margin-bottom: 0.566037rem;
  width: 8.113207rem;
  height: 6.037735rem;
}
.product-detailts-img img {
  width: 100%;
}
.product-detailts h2 {
  padding-bottom: 0.283018rem;
  margin-bottom: 0.283018rem;
  border-bottom: 1px solid #d6d6d6;
}
.product-detailts h2 span {
  font-size: 0.377358rem;
  font-weight: bold;
  color: #0277cd;
}
.product-detailts dl {
  margin-bottom: 0.566037rem;
}
.product-detailts dl dd {
  font-size: 0.26415rem;
  line-height: 1.8em;
}
.product-detailts h3 {
  border-bottom: 1px solid #0277cd;
  margin-bottom: 0.660377rem;
}
.product-detailts h3 span {
  display: block;
  font-size: 0.301886rem;
  width: 1.886792rem;
  height: 0.660377rem;
  line-height: 0.660377rem;
  background-color: #0277cd;
  color: #fff;
  text-align: center;
}
.detailts-box {
  text-align: center;
}
.detailts-box img {
  margin-bottom: 0.471698rem;
  width: 100%;
}
.contact-box h2 {
  font-size: 0.377358rem;
  color: #0277cd;
  font-weight: bold;
  margin-bottom: 0.377358rem;
}
.contacttxt {
  margin-bottom: 0.377358rem;
}
.contacttxt li {
  margin-bottom: 0.188679rem;
  font-size: 0.26415rem;
}
.contacttxt li i {
  display: inline-block;
  margin: 0 0.113207rem;
}
.map {
  border: 1px solid #d6d6d6;
  margin-bottom: 0.754716rem;
}
.contact-from h2 {
  font-size: 0.377358rem;
  font-weight: bold;
  color: #0277cd;
  margin-bottom: 0.471698rem;
}
.from-list li {
  margin-bottom: 0.566037rem;
}
.from-list li label {
  float: left;
  display: inline-block;
  width: 1.320754rem;
  height: 0.566037rem;
  line-height: 0.566037rem;
  font-size: 0.26415rem;
  text-align: right;
  white-space: nowrap;
  margin-right: 0.188679rem;
}
.from-list li.l1 input {
  border: 1px solid #c4c4c4;
  width: 4.679245rem;
  height: 0.566037rem;
  width: 0.377358rem;
}
.from-list li.l2 textarea {
  float: left;
  width: 8.113207rem;
  height: 3.584905rem;
}
.from-list li.l3 {
  text-align: center;
}
.from-list li.l3 input {
  width: 3.018867rem;
  height: 0.754716rem;
  background-color: #0277cd;
  border-radius: 0.377358rem;
  color: #fff;
}
@media (max-width: 768px) {
  html,
  .nav {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  html,
  .nav {
    max-width: 640px;
  }
}

.about_content{ font-size: 14px;}

.contact-list {
  margin-bottom: 30px;
}
.contact-list li {
  font-size: 14px;
  margin-bottom: 10px;
}
.contact-list li i {
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
}
.contact-form li {
  font-size: 14px;
  margin-bottom: 30px;
}
.contact-form li label {
  float: left;
  display: inline-block;
  width: 60px;
  line-height: 40px;
  text-align: center;
}