* {margin: 0px; padding: 0px; box-sizing: border-box;}
.clear {font-size: 0px; clear: both; line-height: 0px; height: 1px;}
.clearfix:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border-style: none;}
a:link {outline: none;	TEXT-DECORATION: none;}
a:visited {outline: none; TEXT-DECORATION: none;}
a:hover {outline: none;	TEXT-DECORATION: none;}
a:active {outline: none; TEXT-DECORATION: none;}
ul { list-style-type: none;}
ul li { list-style-type: none;}
.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank49{ width:100%; height:49px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank55{ width:100%; height:55px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}
/* body ------------------------------*/
body {font-family:微软雅黑; font-size: 14px; line-height: 120%; color: #313131; background-color:White;}

.max{width:100%; max-width:750px; height:auto; margin:0 auto; overflow:hidden;}
 .clearfix::after {
  content:".";/*加一段内容*/
  display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
  height:0;/*避免生成的内容破坏原有布局高度*/
  clear:both;/*清除浮动*/
  visibility:hidden;/*让生成的内容不可见*/
}
a {
	display: block;
}
span {
	display: block;
}
img{display:block; max-width: 100%;
    width: auto;
  height: auto;}
.inner {
	width: 94%;
	margin: 0 auto;
}
.header {
	display: flex;
  justify-content: space-between;
  align-items: center;
	padding: 13px 3%;
	position:fixed;
	width: 100%;
	background: #ffffff;
	top: 0;
	left: 0;
	height: 55px;
	z-index: 22;
}
.nav_photo {
	width: 25px;
}
.logo {
	width: 45px;
}
.header_title {
	font-size: 20px;
	color: #00a2e3;
	font-weight: bold;
}
.nav {
	background:rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left:0 ;
	display: none;
	z-index: 33;
}
.nav_list {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.nav_item a {
	font-size: 16xp;
	color: #ffffff;
	padding: 10px 0;
	text-align:center;
}
.close {
	position:absolute;
	top: 40px;
	right: 15px;
}
.index_trim {
	background: #e5f3fa;
	padding: 30px 0;
}
.index_trim_title {
	font-size: 18px;
	color: #34a3e0;
	font-weight: bold;
	line-height: 18px;
	text-align:center;
	margin-bottom: 10px;
}
.index_trim_caption {
	font-size: 16px;
	color: #34a3e0;
	line-height: 16px;
	margin-bottom: 19px;
	text-align:center;
}
.index_trim_block {
	width: 31%;
	margin-left: 3.5%;
	float: left;
	margin-top: 25px;
}
.index_trim_block:nth-child(even) {
	margin-top: 40px;
}
.index_trim_block:first-of-type {
	margin-left:0;
}
.index_trim_box {
	position:relative;
}
.index_trim_box img {
	width: 60%;
	margin:0 auto;
}
.index_trim_name {
	font-size: 14px;
	color: #ffffff;
	position:absolute;
	top: 58%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.index_trim_photo {
	border-radius: 30px;
  box-shadow: #edf2f4 0px 0px 5px 5px;
	margin-top: -25px;
}
.index_pro {
	margin: 40px 0;
}
.pro_title {
	font-size: 18px;
	text-align:center;
	color: #34a3e0;
	margin-bottom: 15px;
	font-weight: bold;
}
.pro_section {
	margin-top: 50px;
}
.pro_list {
	margin-bottom: 30px;
}
.pro_list a {
	width: 100%;
}
.pro_list a img {
	float: left;
}
.pro_box {
	width: 55%;
	float: right;
}
.pro_list:nth-child(even) a img {
	float: right;
}
.pro_list:nth-child(even) .pro_box {
	float: left;
}
.pro_box_title {
	font-size: 16px;
	color:#090806;
	font-weight:bold;
	margin-right: 15px;
	line-height: 18px;
}
.pro_box_text {
	font-size: 14px;
	color: #090806;
	line-height:20px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
	margin-right: 15px;
	margin-top: 15px;
}
.pro_list:nth-child(even) .pro_box_title {
	text-align:right;
	margin-left: 15px;
	margin-right: 0;
}
.pro_list:nth-child(even) .pro_box_text {
	text-align:right;
	margin-left: 15px;
	margin-right: 0;
}
.pro_link {
	font-size: 16px;
	color:#159acf;
	text-align:center;
	width: 60%;
	margin: 0 20% 30px 20%;
	border: 1px solid #159acf;
	padding:8px 0;
	border-radius: 50px;
}
.index_bottom_section {
	background: #159acf;
	padding: 25px 0;
}
.index_bottom_caption {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 19px;
	line-height: 18px;
	text-align:center;
}
.index_bottom_title {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 35px 0 10px 0;
	text-align:center;
}
.index_bottom_text {
	font-size: 16px;
	color:#ffffff;
	text-align:center;
}
.index_bottom_section img {
	width: 50%;
	margin:0 auto;
}
.index_contact {
	margin: 23px 0 33px 0;
}
.index_contact_box {
	margin: 30px 0;
	display: flex;
  justify-content: center;
  align-items: center;
}
.index_contact_tel {
	color: #159acf;
	font-weight:bold;
	font-size: 24px;
	margin-left: 15px;
}
.footer {
	position:fixed;
	width: 100%;
	bottom:0;
	left:0;
	box-shadow:0px -2px 5px #f1f8f9;
	background: #ffffff;
	z-index:22;
	padding: 3px 0;
}
.footer_item {
	width: 25%;
	float: left;
	text-align:center;
}
.footer_item img {
	margin:0 auto;
}
.footer_text {
	font-size: 14px;
	color:#159acf;
	text-align:center;
}

/*产品*/
.nav1_list {
	display: flex;
  justify-content: flex-start;
  align-items: center;
	padding: 13px;
}
.nav1 {
	background: #00a2e3;
}
.nav1_list a {
	font-size: 14px;
	color:#ffffff;
	margin-left: 5px;
}
.nav1_list span {
	font-size: 14px;
	color:#ffffff;
	margin-left: 5px;
}
.product_section {
	margin-top: 40px;
}
.product_top_item {
	float: left;
	padding: 9px 15px;
	width: 48%;
	margin-left: 4%;
	cursor: pointer;
	position:relative;
	margin-bottom: 15px;
	display: flex;
  justify-content: space-between;
  align-items: center;
}
.product_top_item:nth-child(odd) {
	margin-left: 0;
}
.product_top_item1 {
	background: #62a7de;
}
.product_top_item2 {
	background: #e1a14d;
}
.product_top_item3 {
	background: #73b670;
}
.product_top_item4 {
	background: #d76f79;
}
.product_top_text {
	margin-left: 15px;
	font-size: 16px;
	color:#ffffff;
	line-height: 16px;
}
.product_top {
	margin: 35px 0 0 0;
}
.product_top_ico {
	position:absolute;
	bottom:-8px;
	left: 50%;
	transform:translateX(-50%);
	display: none;
}
.product_current .product_top_ico {
	display: block;
}
.product_section .pro_section {
	margin-top: 35px;
}
.pro_block {
	display: none;
}

/*详情*/
.product_ex_title {
	font-size: 16px;
	color:#707070;
	margin: 15px 0;
	text-align:center;
}
.box {
	margin-bottom: 15px;
}
.box img {
	margin:0 auto;
}

/*新闻*/
.news_top {
	display: flex;
  justify-content: space-around;
  align-items: center;
}
.news_top_text {
	font-size: 16px;
	color: #7d7d7d;
	margin: 20px 0 5px 0;
	width: 35%;
	text-align:center;
}
.news_top_text a {
	color: #7d7d7d;
}
.news_top_current {
	color: #6bbdeb;
}
.news_top_current a {
	color: #6bbdeb;
}
.news_item {
	padding: 15px 3%;
	border-bottom: 1px solid #eeeeee;
}
.news_item img {
	border:1px solid #eeeeee;
}
.news_item a {
	display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_box {
	width: 55%;
}
.news_title {
	font-size: 16px;
	color:#505050;
	margin-bottom: 15px;
	line-height: 23px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.news_time {
	font-size: 14px;
	color:#7a7a7a;
}
.news_block {
	display: none;
}
.news_ex_title {
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	margin: 20px 0;
}

/*关于*/
.about_top {
	display: flex;
  justify-content: space-between;
  align-items: center;
	margin: 20px 0 30px 0;
}

.about_top_text {
	width: 23%;
	border:1px solid #00a2e3;
	padding: 8px 0;
	border-radius: 50px;
	text-align:center;
	font-size: 14px;
	color: #00a2e3;
}
.about_top_current {
	background: #00a2e3;
	color: #ffffff;
}
.contact_title {
	font-size: 18px;
	line-height: 18px;
	color: #00a2e3;
	margin-bottom: 15px;
	text-align:center;
	margin-top: 18px;
	font-weight: bold;
}
.contact_caption {
	text-align:center;
	font-size: 16px;
	color: #444444;
	line-height: 16px;
	margin-bottom: 20px;
}
.contact_box {
	text-align:center;
	display: flex;
    justify-content: center;
    align-items: center;
}
.contact_box img {
	display: inline-block;
	margin: 0 !important;
}
.contact_tel {
	font-size: 20px;
	color: #00a2e3;
	line-height: 20px;
	display: inline-block;
	margin: 0 10px 0 5px;
}
.contact_tel1 {
	display: inline-block;
	font-size: 23px;
	line-height: 23px;
	color: #00a2e3;
}
.about_block img {
	margin: 0 auto;
}
.contact_section {
	margin: 19px 0 30px 0;
}
.contact_text {
	font-size: 14px;
	line-height: 18px;
	text-align:center;
	color: #7d7d7d;
	margin-bottom: 7px;
}
.map {
	margin: 20px 0;
}

.brand_title {
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	margin: 30px 0 15px 0;
	color: #00a2e3;
	font-weight: bold;
}
.brand_caption {
	font-size: 16px;
	color: #878787;
	margin-bottom: 19px;
	text-align:center;
	line-height: 16px;
}
.brand_text {
	font-size: 14px;
	margin:15px 0;
	text-align:center;
	line-height: 14px;
	color:#878787;
}

/*加盟*/
.span_title {
	font-size: 16px;
	color:#00a2e3;
	margin: 15px 0;
}