body {
    background: #fff;
    line-height: 30px;
}

ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
div {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

a,
a:hover,
a:link{
    color: #333;
    text-decoration: none;
}

.header {
    /* border-bottom: solid 1px #ddd; */
    padding:20px 0;
    /* box-shadow: 0 2px 5px rgb(57 47 63 / 6%);
    position: sticky; */
    top: 0;
    /* background: #2456e2; */
    z-index: 9999;
    left: 0;
    right: 0;
    position: absolute;
}

.header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo h1 {
    margin: 0 0 0 0;
    font-size: 30px;
}

.logo h1 a {
    font-weight: bold;
    color: #fff;
}

.logo h1 img {
    width: 60px;
    margin-right: 10px;
}

.nav ul {
    display: flex;
}

.nav ul li {
    padding: 0 20px;
    border-radius: 20px;
}
.nav ul li.current{
    background: #fff;
}
.nav ul li.current a{
    color: #2456e2;
}
.nav ul li a {
    font-size: 16px;
    color:rgba(255, 255, 255, 0.5)

}

.banner {
    position: relative;
}

.banner .owl-controls {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.banner .owl-theme .owl-controls .owl-page span {
    width: 50px;
    height: 3px;
}

.about,
.product {
    padding: 100px 0;
}

h2.tit {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.about {
    background: url(../img/aboutbg.png);
}

.about-img {
    margin-right: 50px;
}

.about img {
    max-width: 100%;
}

.about .desc {
    font-size: 16px;
    color: #666;
    line-height: 45px;
}

.about .desc p {
    text-indent: 2em;
}

.bg {
    background: #f6f9fe;
}

.product-box {
    padding: 50px 0;
}
/* .cdx{
    background-image: url(../img/cdx.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
} */

.product-box .title {
    text-align: center;
    padding: 0 0 50px 0;
}

.product-box .desc {
    font-size: 16px;
    color: #666;
    line-height: 45px;
}

.product-box .desc p {
    text-indent: 2em;
}

.product-box img{width: 100%;}

.culture{
    padding: 100px 0;
    background: url(../img/culture.png) no-repeat #f6f9fe;
}
.culture h2{ color: #fff;}
.culture ul{ margin-top: 80px; padding: 0 50px;}
.culture ul li .item-box{
    background: #fff;
    height: 360px;
    text-align: center;
    border-radius: 10px;
    padding:20px;
    box-shadow: 5px 12px 25px rgb(0 0 0 / 8%);

}
.culture ul li .item-box .icon{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-image: url(../img/ico_1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.culture ul li:nth-child(2) .item-box .icon{
    background-image: url(../img/ico_2.jpg);
}
.culture ul li:nth-child(3) .item-box .icon{
    background-image: url(../img/ico_3.jpg);
}
.culture ul li:nth-child(4) .item-box .icon{
    background-image: url(../img/ico_4.jpg);
}
.culture ul li .item-box h4{
    padding:20px 0;
    font-size: 24px;
}
.culture ul li .item-box .desc{
    color: #666;
}
.contact{
    padding: 100px 0;
}
.contact h2{
    padding: 0 0 30px 0;
}
.contact h5{
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 50px;
    margin-top: 30px;
}
.contact ul{
    padding-left: 50px;
}
.contact ul li{
    line-height: 34px;
    color: #333;
    font-size: 16px;
    position: relative;
    padding-left:60px;
}
.contact ul li label{
    position: absolute;
    left: 0;
    color: #666;
    font-weight: normal;
}
.map {
	margin-bottom: 10px;
	width: 100%;
	height:300px;
  }
  .map .iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap;
	position: absolute;
	left: 8px;
  }
  .map .iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
  }
  .anchorBL {
	display: none;
  }
  .map-title img,
  .map-title span {
	display: block;
	float: left;
  }
  .BMap_Marker .BMapLabel-box {
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
	position: relative;
	padding: 10px;
	width: 170px;
	background: #fff;
	top: -49px;
	left: -68px;
  }
  .BMap_Marker .BMapLabel-box img {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -9px;
  }
  .join{
      padding: 100px 0;
      background:url(../img/join-bg.png) no-repeat center bottom #00a2ff;
  }
  .join-box{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      color: #fff;
  }
  .join .info{
      font-size: 22px;
      line-height:40px;
  }
  .join-tel{
      font-size: 30px;
      border-radius: 50px;
      padding:10px 20px;
      font-weight: bold;
      background: #fff;
      color: #00a2ff;
  }
  .footer{
      text-align: center;
      padding: 30px 0;
  }