body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
	margin:0px;
}
.webDiv{
	display:block;
}
.mobileDiv{
	display:none;
}
.page {
  width: 1200px;
  height: auto;
  background: url(/img/web/contentBg.png) no-repeat;
  background-size: 100% 100%;
  margin:auto;
}

.text_13 {
    font-size: 16px;
    line-height: 28px;
    color: #4B4B4B;
}

.text_16{
    font-size: 16px;
    line-height: 45px;
    vertical-align: top;
    color: white;
}

.text_15 {
    font-size: 16px;
    line-height: 28px;
    color: rgba(36, 200, 253, 1);
}

.website_div{
	width:100%;
	height: 165px;
	border-radius: 8px;
	border: 1px solid rgba(218, 218, 218, 1);
	background-color: white;
}

.website_item_div1{
	width:30%;
	float:left;
}

.website_img{
	width: 120px;
	margin: 35px 20px;
	height: auto;
}

.website_item_div2{
	width:70%;
	float:right;
	padding: 10px 0px;
}

.website_title{
	font-size: 20px;
	color: #19182A;
}

.website_title2 {
    font-size: 20px;
    color: white;
	line-height: 45px;
}

.website_talbe{
	width:100%;
	margin-top: 15px;
}

.website_td{
	width: 50%;
    padding: 10px 15px 10px 0px;
}

.website_td2{
	width: 50%;
    padding: 10px 0px 10px 15px;
}

.title{
	text-align: center;
	font-size: 28px;
	padding: 30px 0px;
}

.box_16 {
    width: 100%;
	height: 310px;
}
.box_15 {
    width: 100%;
	height: auto;
}
.contact_div{
	width: 32%;
    float: left;
	font-size: 20px;
    vertical-align: top;
    color: #19182A;
    padding-left: 15px;
	text-align: center;
}
.contact_span{
	font-size: 20px;
    vertical-align: top;
    color: #19182A;
    padding-left: 15px;
}
.customer_div{
    width: 86%;
    padding: 0px 7%;
    height: 418px;
}
.image_8 {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.foot_div{
	width: 100%;
	height:auto;
    background: url(/img/web/footIcon.png) no-repeat;
	background-size: 100% 100%;
}
.foot_bg_div{
	width: 100%;
    height: auto;
    padding: 30px 7% 10px 7%;
    background: url(/img/web/footIcon2.png) 0px 0px no-repeat;
    background-size: 100% 100%;
}
.foot_img{
	vertical-align: middle;
    margin-top: 10px;
}


.group_1 {
  width: 1200px;
  height: auto;
}

.box_1 {
  z-index: 2;
  background: url(/img/web/banner_bg.png)
    100% no-repeat;
  width: 1200px;
  position: relative;
}

.group_2 {
  width: 1200px;
  height: auto;
}

.section_1 {
  height: 88px;
  width: 1200px;
}

.box_2 {
  width: 100%;
  height: 57px;
  margin: 22px 0 0 35px;
}

.image_1 {
  width: 49px;
  height: 50px;
  margin-top: 4px;
}

.section_2 {
  width: 192px;
  height: 57px;
  margin-left: 24px;
}

.section_3 {
  width: 116px;
  height: 33px;
}

.text_1 {
  width: 38px;
  height: 33px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  white-space: nowrap;
  line-height: 33px;
  text-align: left;
}

.box_3 {
  width: 15px;
  height: 21px;
  background: url(/img/web/footIcon7.png)
    0px 0px no-repeat;
  background-size: 15px 21px;
  margin: 5px 0 0 1px;
}

.text_2 {
  width: 61px;
  height: 33px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  white-space: nowrap;
  line-height: 33px;
  text-align: left;
  margin-left: 1px;
}

.text_3 {
  width: 192px;
  height: 22px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  margin-top: 2px;
}

.text_4 {
  width: 80px;
  height: 28px;
  display: inline-block;
  font-size: 20px;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  margin: 8px 0 0 350px;
  color: rgba(255, 255, 255, 1);
}
.textActive{
	color: rgba(241, 191, 101, 1) !important;
}

.text_5 {
  width: 80px;
  height: 28px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  margin: 8px 0 0 54px;
}

.section_4 {
	width: 1100px;
    height: auto;
    margin: 25px 50px 0 50px;
}

.paragraph_1 {
	width: 271px;
    height: 99px;
    display: inline-block;
    color: rgba(111, 220, 255, 1);
    font-size: 15px;
    line-height: 28px;
    text-align: left;
    margin-top: 190px;
}

.group_3 {
    height: 350px;
    background: url(/img/web/headIcon6.png) 100% no-repeat;
    background-size: 100%;
    margin-left: 58px;
    width: 430px;
}

.box_4 {
    width: 150px;
    height: 156px;
    margin: 68px 0 0 165px;
}

.image_2 {
    width: 105px;
    height: auto;
}

.text_8 {
    width: 144px;
    height: 50px;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    white-space: nowrap;
    line-height: 50px;
    text-align: left;
    margin: 0px 0 0 10px;
}

.text-wrapper_1 {
    width: 276px;
    height: 204px;
    margin: 0px 0 0 67px;
}

.text_9 {
    width: 144px;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-size: 28px;
    white-space: nowrap;
    text-align: left;
    margin-top: 10px;
}

.paragraph_2 {
	width: 100%;
    height: 99px;
    display: inline-block;
    color: rgba(111, 220, 255, 1);
    font-size: 15px;
    line-height: 28px;
    text-align: left;
    margin-top: 32px;
}

.group_4 {
	z-index: 1975;
    position: absolute;
    left: 838px;
    top: 178px;
    width: 310px;
    height: 45px;
    background: url(/img/web/headIcon4.png) -1px -1px no-repeat;
    background-size: 467px 61px;
}

.group_5 {
	z-index: 1976;
    position: absolute;
    left: 842px;
    top: 222px;
    width: 8px;
    height: 8px;
    background-color: rgba(85, 239, 196, 1);
    border-radius: 50%;
}

.text-wrapper_2 {
  z-index: 1664;
  height: 153px;
  background: url(/img/web/headIcon3.png) 100% no-repeat;
  background-size: 100%;
  width: 362px;
  position: absolute;
  left: 50px;
  top: 162px;
}

.text_10 {
    width: 186px;
    height: 50px;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-size: 28px;
    white-space: nowrap;
    line-height: 50px;
    text-align: left;
    margin-top: 63px;
}

.image_3 {
	z-index: 1679;
    position: absolute;
    left: 796px;
    top: 222px;
    width: 63px;
    height: auto;
}

.text_11 {
  width: 216px;
  height: 50px;
  display: inline-block;
  color: rgba(25, 24, 42, 1);
  font-size: 36px;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
  margin: 74px 0 0 852px;
}

.grid_1 {
  width: 1536px;
  height: 516px;
  flex-wrap: wrap;
  margin: 48px 0 0 192px;
}

.box_5 {
  height: 240px;
  border-radius: 8px;
  border: 1px solid rgba(218, 218, 218, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 750px;
  margin: 0 36px 36px 0;
}

.box_6 {
  width: 650px;
  height: 180px;
  margin: 30px 0 0 30px;
}

.group_22 {
  height: 180px;
  width: 180px;
}

.box_39 {
  width: 145px;
  height: 108px;
  background: url(/img/web/contentIcon2.png)
    100% no-repeat;
  margin: 36px 0 0 18px;
}

.box_8 {
  width: 240px;
  height: 180px;
  margin-left: 30px;
}

.box_33 {
  width: 265px;
  height: 57px;
}

.image_18 {
  width: 49px;
  height: 50px;
  margin-top: 4px;
}

.group_16 {
  width: 192px;
  height: 57px;
}

.group_17 {
  width: 116px;
  height: 33px;
}

.text_45 {
  width: 38px;
  height: 33px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  white-space: nowrap;
  line-height: 33px;
  text-align: left;
}

.box_34 {
  width: 15px;
  height: 21px;
  background: url(/img/web/footIcon7.png)
    0px 0px no-repeat;
  background-size: 15px 21px;
  margin: 5px 0 0 1px;
}

.text_46 {
  width: 61px;
  height: 33px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  white-space: nowrap;
  line-height: 33px;
  text-align: left;
  margin-left: 1px;
}

.text_47 {
  width: 192px;
  height: 22px;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  margin-top: 2px;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.aboutUsDiv{
	width: 96%;
    margin: 50px 0px;
    padding: 20px 2% 20px 2%;
    border: 1px solid rgba(218, 218, 218, 1);
    background: white;
    border-radius: 8px;
}

@media screen and (max-width: 768px) { 
	.webDiv{
		display:none;
	}
	.m_contentDiv{
		width:100%;
		background: url(/img/mobile/contentBg.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.mobileDiv{
		display:block;
	}
	.m_topDiv {
	  height: auto;
	  background: url(/img/mobile/bg1.png) no-repeat;
		width: 100%;
		background-size: 100% 100%;
	}
	.m_bannerDiv {
		width: 100%;
		height: 36px;
		padding: 6px 0 15px 14px;
	}
	.m_flex-row {
	  display: flex;
	  flex-direction: row;
	}

	.m_justify-between {
	  display: flex;
	  justify-content: space-between;
	}

	.m_group_23 {
		position: relative;
		width: 50px;
		height: 30px;
		overflow: hidden;
		 background: url(/img/mobile/bg2.png) 100% no-repeat;
		margin-top: 13px;
		margin-right: 30px;
	}
	.m_bannerImg{
		width: 95%;
		height: auto;
		margin: 90px 2.5% 20px 2.5%;
	}

	.m_flex-col {
	  display: flex;
	  flex-direction: column;
	}
	.m_box_38 {
	  position: absolute;
	  left: 4px;
	  top: 5px;
	  width: 24px;
	  height: 4px;
	  background: url(/img/mobile/topIcon2.png)
		0px 0px no-repeat;
	  background-size: 24px 4px;
	}
	.text_3 {
	  font-size: 16px;
	}
	.text_1 {
		height: 18px;
		font-size: 16px;
		line-height: 18px;
		display: block;
	}
	.m_box_39 {
	  position: absolute;
	  left: 4px;
	  top: 14px;
	  width: 24px;
	  height: 4px;
	  background: url(/img/mobile/topIcon2.png)
		0px 0px no-repeat;
	  background-size: 24px 4px;
	}

	.m_box_40 {
	  position: absolute;
	  left: 4px;
	  top: 23px;
	  width: 24px;
	  height: 4px;
	  background: url(/img/mobile/topIcon2.png)
		0px 0px no-repeat;
	  background-size: 24px 4px;
	}
	.m_contentTitle{
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		color: #19182A;
		margin: 0px 25px 25px 25px;
	}
	.m_websiteDiv{
		width: 90%;
		background: #FFFFFF;
		border-radius: 12px;
		margin: auto;
		border: 1px solid #DADADA;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.m_websiteImg {
		width: 50%;
		height: auto;
		margin: 20px 25%;
	}
	.m_websiteFont{
		font-size: 16px;
		font-weight: 500;
		color: #19182A;
		margin-bottom: 15px;
	}
	.m_websiteFont2{
		font-size: 14px;
		font-weight: 400;
		color: #4B4B4B;
		line-height: 30px;
	}
	.m_websiteFont3{
		color: #04f0fa
	}
	.m_websiteMark {
		width: 50px;
		height: 3px;
		margin: auto;
		background: #FFDA6B;
	}
	.m_websiteTable{
		width: 90%;
		margin: auto;
		margin-top: 10px;
	}
	.m_aboutUsDiv{
		padding: 10px 0px 25px 0px;
	}
	.m_aboutUsFont{
		font-size: 16px;
		color: #19182A;
		line-height: 22px;
		vertical-align: top;
	}
	.m_aboutUsTr{
		display: block;
		height: 40px;
	}
	.image_1 {
		width: 40px;
		height: 40px;
		margin-top: 4px;
	}
	.m_aboutUsDiv2{
		width:90%;
		margin:auto;
		background: #FFFFFF;
		border-radius: 12px;
		font-size: 14px;
		font-weight: 400;
		color: #4B4B4B;
		line-height: 26px;
		border: 1px solid #DADADA;
	}
	.m_customerDiv{
		padding: 0px 0px 30px 0px;
	}
	.m_customerDiv2{
		background: #FFFFFF;
		border-radius: 12px;
		border: 1px solid #DADADA;
		width:90%;
		margin:auto;
	}
	.m_footerDiv{
		background: url(/img/mobile/footerBg.png) no-repeat;
		background-size: 100% 100%;
	}
	.m_footerFont{
		font-size: 18px;
		color: #FFFFFF;
		line-height: 21px;
	}
	.m_footerFont2{
		font-size: 16px;
		font-weight: 400;
		color: rgba(255,255,255,0.8);
		line-height: 22px;
		padding-top: 16px;
		vertical-align: middle;
	}
	.m_footerDiv2{
		height:38px;
	}
	.m_nav{
		display:none;
	}
	.m_mainnav ul li{
	  background-color: #181a2a;
	  padding: 20px 30px;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.header-transparent{
	  background-color: #19182a !important;
	  padding-top: 0 !important;
	}
	.m_td{
		padding: 10px;
	}
	.m_img{
		width: 100%;
		height: auto;
	}
	header{
	  width: 100%;
	  position: fixed;
	  height: 70px;
	  z-index: 999;
	  top: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  color: #fff;
	  padding-top: 0px;
	  transition: all 0.3s;
	}
	li{
	  list-style: none;
	}
	 a {
	  text-decoration: none;
	  color: white;
	}
}