@charset "utf-8";
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th, table td {
	padding: 5px;
}
table tr td img {
	width: 100%;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
ception, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*定位*/
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-left: auto;
	margin-right: auto;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.clear {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
*html .clearfix {
	height: 1%
}
.Clearfix {
	display: block;
}
.vm {
	vertical-align: center;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.abs-right {
	position: absolute;
	right: 0;
}
.zoom {
	zoom: 1
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
/*其他*/
.curp {
	cursor: pointer
}
;
/*原reset*/
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input, button, textarea, select {
 *font-size: 100%;
}
input, select {
	vertical-align: middle;
}
body {
	font: 12px/1.231 arial, helvetica, clean, sans-serif;
	font-size: 63%;
}
select, input, button, textarea, button {
	font: 99% arial, helvetica, clean, sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
 *font-size: 108%;
	line-height: 100%;
}
/*title*/
h1 {
	font-size: 0.4rem;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
/*end reset*/

/*fontsStyle*/
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class*="icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
    /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
	content: "\e600";
}
.icon-arrow-down:before {
	content: "\e601";
}
.icon-arrow-right:before {
	content: "\e602";
}
.icon-arrow-up:before {
	content: "\e603";
}
.icon-phone:before {
	content: "\e606";
}
.icon-house:before {
	content: "\e607";
}
/*.icon-search:before {
  content: "\e60a";
}*/
.icon-details:before {
	content: "\e604";
}
.icon-left:before {
	content: "\e605";
}
/*end fontsStyle*/

/*Common*/
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul, li {
	list-style: none;
}
.mian {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-width: 320px;
	max-width: 750px;
	overflow: hidden;
	background-color: #fff;
	font-family: Microsoft YaHei;
}
a {
	text-decoration: none;
	color: #666;
}
/* 根据设计稿决定  640px    1rem=64px;(640/100) */

/*清除浮动*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	/*兼容 IE*/
	zoom: 1;
}
i, em {
	font-style: normal;
}
/* zzc */
.zzc {
	display: none;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
#mbah, #mjszc {
	color: #999;
}
/*公共颜色调用*/
.pagedSpan a {
	background: #333;
}
.CategoryList_Title i {
	color: #333;
}
.hdPhone p i {
	border: 1px solid #fff;
}
.pagedSpan a {
	color: #fff;
}
.pagedSpan {
	background: #feeddc;
}
/*分页*/
.pagedSpan {
	margin: 0.6rem 10%;
	height: 0.75rem;
	line-height: 0.75rem;
	border-radius: 5px;
	text-align: center;
	color: #333;
	margin-bottom: 0.6rem;
	background: none;
	font-size: 0.4rem;
}
.pagedSpan a {
	width: 25%;
	height: 0.75rem;
	line-height: 0.75rem;
	color: #333;
	background: none;
}
.pagedSpan em {
	color: #333;
}
.pagedSpan .btnPagedUp {
	border: 1px solid #ccc;
	border-radius: 5px;
}
.pagedSpan .btnPagedDown {
	border: 1px solid #ccc;
	border-radius: 5px;
}
.pagedSpan select {
	border: none;
	background: none;
}
.pagedSpan select option {
	border-color: Red;
}
.pagedSpan span {
	border: 1px solid #ccc;
	padding: 0 10px;
	border-radius: 5px;
	display: inline-block;
	height: 2rem;
}
/*分类标题*/
.CategoryList_Title {
	height: 2.968em;
	line-height: 2.968em;
	padding: 0 .687em;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #b0b4bb;
	font-size: 1rem;
	background: linear-gradient(180deg, #f2f2f2 0%, #e0e0e0 100%);
}
.CategoryList_Title i {
	font-size: 1.2em;
	margin-top: .75em;
}
.CategoryList_Title .icon-details {
	margin-right: .5em;
}
/*分类列表*/
.CategoryLista {
}
.CategoryLista > li > a {
	height: 3.031em;
	line-height: 3.031em;
	display: block;
	color: #333;
	background: #f4f4f4;
	padding: 0 1.125em;
	border-bottom: 1px solid #cfcbc1;
	border-top: 1px solid #fff;
	font-size: 1.125rem;
}
.CategoryLista li i {
	float: right;
	margin-top: .45em;
	color: #656565;
	font-weight: bold;
	font-size: 1.6em;
}
.CategoryLista > li li a {
	height: 3.031em;
	line-height: 3.031em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #666;
	background: #fff;
	padding: 0 2.062em;
	border-bottom: 1px solid #cfcbc1;
	border-top: 1px solid #fff;
	font-size: 1em;
}
.CategoryLista li:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.CategoryLista .icon-arrow-down {
	color: #f90;
}
.CategoryLista > li > ul > li > ul {
	padding: 0 1.125em;
}
/*搜索*/
#DetailedSpan div table {
	width: 640px !important;
}
#ErrorInfo {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
.green {
	color: #00b7bd;
}
.red {
	color: Red;
	text-align: center;
	margin-bottom: 1em;
}
#nodata {
	padding: 80px;
	padding-left: 150px;
	margin: 10px 0;
	background: url(../images/inpage/nodata.gif) no-repeat 20px 20px;
}
/*
@media screen and (min-width:320px) {
  html{font-size:75%;}
}
@media screen and (min-width:375px) {
  html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
  html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
  html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
  html{font-size:125%;}
}
@media screen and (min-width:640px) {
  html{font-size:150%;}
}
*/

/* InpageHeader */
.InpageHeader {
	width: 100%;
	background: #fff;
	height: 1.4rem;
	position: relative;
}
.InpageHeader img {
	display: block;
	width: 100%;
}
.InpageHeader a.back {
	display: block;
	margin-left: 3%;
	width: 4%;
	position: relative;
	z-index: 2;
	float: left;
	height: 1.4rem;
	background: url(../images/back.png) no-repeat center;
	background-size: 95%;
}
.InpageHeader span {
	display: block;
	width: 14%;
	float: right;
	position: relative;
	z-index: 2;
	height: 1.4rem;
	background: url(../images/header_menu.png) no-repeat center;
	border-left: 1px solid #eaeaea;
	background-size: 70%;
}
.InpageHeader p {
	position: absolute;
	width: 100%;
	height: 1.4rem;
	text-align: center;
	line-height: 1.4rem;
 font-size: .538rem;
	color: #00b7bd;
	background-color: #fff;
}
/* .InpageNav */
.InpageNav {
	width: 100%;
	background: #fff;
	position: relative;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.InpageNav .InpageNav-slide {
	position: relative;
	height: 1.25rem;
	width: 86%;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-box;
}
.InpageNav .classfiy {
	width: 100%;
	box-sizing: border-box;
	background: #eaeaea;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;
}
.InpageNav .classfiy .classfiy_close {
	display: block;
	width: 7%;
	position: absolute;
	top: 0.3rem;
	right: 3%;
}
.InpageNav .classfiy .classfiy_close img {
	display: block;
	width: 100%;
}
.InpageNav .classfiy .conBox dl {
 padding: .406rem 3% .438rem;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #f5f5f5;
}
.InpageNav .classfiy .conBox dl:first-child {
	border-top: none;
}
.InpageNav .classfiy .conBox dt {
	text-align: center;
 font-size: .4rem;
	color: #666666;
}
.InpageNav .classfiy .conBox dd {
 margin-top: .813rem;
	overflow: hidden;
}
.InpageNav .classfiy .conBox dd > a {
	display: block;
 font-size: .34rem;
	color: #666666;
	text-align: center;
	line-height: 1rem;
	height: 1rem;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 2px;
	background: #fff;
	width: 23.5%;
	margin-left: 2%;
	float: left;
	margin-bottom: 0.125rem;
}
.InpageNav .classfiy .conBox dd > a:nth-child(4n+1) {
	margin-left: 0;
}
.InpageNav-left {
	height: 1.25rem;
	position: relative;
	overflow: hidden;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-box-flex: 1;
}
.InpageNav-list {
	position: absolute;
	left: 0;
}
.InpageNav-list ul {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}
.InpageNav-list ul li {
	display: inline-block;
}
.InpageNav-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1.25rem;
 font-size: .375rem;
	text-align: center;
	color: #333;
	padding: 0 0.2rem;
	box-sizing: border-box;
	position: relative;
}
.InpageNav-list ul li.on a {
	color: #00b7bd !important;
}
.InpageNav .sideline {
	display: block;
	position: absolute;
	border: 0;
	height: 2px;
	background-color: #00b7bd;
	left: 0;
	bottom: 0px;
	pointer-events: none;
}
/*产品分类样式*/
#InpageNavN {
	width: 100%;
	background: #fff;
	position: relative;
}
#InpageNavN .wrapper {
	position: relative;
	height: 1.25rem;
	width: 86%;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
#InpageNavN .wrapper .scroller {
	position: absolute;
}
#InpageNavN .wrapper .scroller li {
	height: 1.25rem;
	color: #666666;
	line-height: 1.25rem;
 font-size: .375rem;
	text-align: center;
	position: relative;
}
#InpageNavN .wrapper .scroller li i {
	width: 58%;
	height: 2px;
	background: #00b7bd;
	left: 21%;
	bottom: 2px;
	position: absolute;
	display: none;
}
#InpageNavN .wrapper .scroller li a {
	color: #666666;
	display: block;
}
#InpageNavN .wrapper .scroller .sideline {
	display: block;
	position: absolute;
	border: 0;
	height: 2px;
	background-color: #00b7bd;
	left: 0;
	bottom: 2px;
	pointer-events: none;
}
#InpageNavN .wrapper .scroller li.cur i {
	display: block;
}
#InpageNavN .wrapper .scroller li.cur a {
	color: #000;
}
#InpageNavN .more {
	display: block;
	float: right;
	width: 14%;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #00b7bd;
 font-size: .375rem;
	color: #fff;
}
#InpageNavN .classfiy {
	width: 100%;
	box-sizing: border-box;
	background: #eaeaea;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;
}
#InpageNavN .classfiy .classfiy_close {
	display: block;
	width: 7%;
	margin: 0.3rem auto;
	position: unset;
	top: 0;
	right: 0;
}
#InpageNavN .classfiy .classfiy_close img {
	display: block;
	width: 100%;
}
#InpageNavN .classfiy .conBox {
	padding: 0.1rem 3% 0;
}
#InpageNavN .classfiy .conBox h4 {
	font-size: 0.35rem;
	color: #00b7bd;
	font-weight: bold;
	padding-left: 2.5%;
	margin-bottom: 0.2rem;
	width: 48%;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#InpageNavN .classfiy .conBox h4 a {
	color: #00b7bd;
}
#InpageNavN .classfiy .conBox dd {
	padding-top: 0.5rem;
	box-sizing: border-box;
	border: 1px solid #d5d2d2;
	border-top: none;
	overflow: hidden;
}
#InpageNavN .classfiy .conBox dd p a {
	display: block;
	width: 30%;
	margin-left: 2.5%;
	float: left;
	height: 0.8rem;
	line-height: 0.8rem;
	border: 1px solid #dddddd;
	border-radius: 2px;
	margin-bottom: 0.2rem;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.35rem;
}
#InpageNavN .classfiy .conBox dl {
	width: 100%;
	margin-top: 0.1rem;
	padding: unset;
}
#InpageNavN .classfiy .conBox dt {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	background-size: 3%;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.4rem;
	color: #fff;
	padding-left: 5%;
	border: 1px solid #d5d2d2;
	text-align: left;
}
#InpageNavN .classfiy .conBox dt a {
	color: #333333;
}
#InpageNavN .classfiy .conBox dt a.on {
/*color: #d5d2d2;*/
}
#InpageNavN .classfiy .conBox dd {
	padding: 0.4rem 0;
	display: none;
	background: #fff;
 margin-top: .01rem;
}
#InpageNavN .classfiy .conBox dd p {
	font-size: 0.4rem;
	color: #666666;
	line-height: 0.5rem;
	overflow: hidden;
	float: left;
	width: 100%;
}
#InpageNavN .classfiy .conBox dl.on dt {
	background: url(../images/teamCon2_icon02.png) no-repeat 94% center #fff;
	background-size: 5%;
	color: #00b7bd;
	border-color: #d5d2d2;
}
#InpageNavN .classfiy .conBox dl.on dt a {
	color: #00b7bd;
}
/*nav_menu*/
.nav_menu {
	width: 0;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 99999;
	overflow: scroll;
	background: #fff;
}
.nav_menu img {
	display: block;
	width: 85%;
}
.nav_menu .top {
	width: 100%;
 padding-top: .297rem;
 padding-bottom: .25rem;
}
.nav_menu .Navlog {
	width: 54%;
	display: block;
	margin-left: 4%;
}
.nav_menu .btn {
	display: block;
	width: 12%;
	position: absolute;
	top: 1%;
	right: 5%;
}
.nav_menu .btn img {
	display: block;
	width: 84%;
}
.nav_menu ul {
	overflow: hidden;
	width: 100%;
	overflow: scroll;
	height: 80%;
}
.nav_menu li {
	width: 100%;
	overflow: hidden;
	background: url(../images/nav_icon01.png) no-repeat 89% center;
	height: 1rem;
	border-bottom: 1px solid #eaeaea;
}
.nav_menu li:first-child {
	border-top: 1px solid #eaeaea;
}
.nav_menu li p > a {
	color: #333333;
 font-size: .375rem;
	display: block;
	height: 1rem;
	line-height: 1rem;
	box-sizing: border-box;
	padding-left: 6%;
}
/* InpageFooter */
.InpageFooter {
	width: 100%;
	background: #fff;
 padding-top: .625rem;
	margin-top: 0.33rem;
	border-top: 1px solid #eaeaea;
}
.InpageFooter img {
	display: block;
	width: 100%;
}
.InpageFooterTop {
	padding: 0 3% 20%;
	box-sizing: border-box;
}
.InpageFooterTop .Input {
	width: 94%;
	margin: 0 auto;
	height: 1rem;
	border: 1px solid #dddddd;
	border-radius: 1rem;
}
.InpageFooterTop .Input input {
	display: block;
	width: 84%;
	height: 1rem;
	border: none;
	outline: none;
	float: left;
	border-radius: 1rem 0 0 1rem;
	box-sizing: border-box;
	padding-left: 4%;
 font-size: .375rem;
}
.InpageFooterTop .Input a {
	display: block;
	width: 16%;
	float: right;
	border-radius: 0 1rem 1rem 0;
	background: url(../images/InpageFooter_searchBtn.png) no-repeat center;
	background-size: 35%;
	height: 1rem;
}
.InpageFooterTop .menu {
	width: 100%;
	text-align: center;
 margin-top: .531rem;
}
.InpageFooterTop .menu li {
	display: inline-block;
 padding: 0 .391rem;
 font-size: .375rem;
	color: #666666;
	box-sizing: border-box;
	border-left: 1px dotted #c2c2c2;
}
.InpageFooterTop .menu li a {
	color: #666666;
}
.InpageFooterTop .menu li:first-child {
	border-left: none;
}
.InpageFooterTop .Copyright {
	width: 100%;
 margin-top: .438rem;
}
.InpageFooterTop .Copyright p {
 font-size: .25rem;
	color: #999999;
	margin-bottom: 0.2rem;
	text-align: center;
}
.InpageFooterTop .Copyright p a {
	color: #999999;
}
.InpageFooterBottom {
	width: 100%;
	height: 1rem;
	position: fixed;
	bottom: 0;
	left: 0;
}
.InpageFooterBottom li {
	width: 25%;
	float: left;
	height: 1rem;
	text-align: center;
 font-size: .39rem;
	color: #fff;
	background: #00b7bd;
	box-sizing: border-box;
	border-left: 1px solid #fff;
	line-height: 1rem;
}
.InpageFooterBottom li img {
	display: inline-block;
	position: relative;
 width: .547rem;
 height: .547rem;
	top: 0.15rem;
	margin-right: 3%;
}
.InpageFooterBottom li:first-child {
	border-left: none;
}
.InpageFooterBottom li a {
	display: block;
	color: #fff;
}
.InpageFooterBottom li em {
	color: #fff;
	font-weight: bold;
}
/* 404页面样式 */
.notFound {
	width: 96%;
	padding: 24% 2% 0;
	border-top: 1px solid #eaeaea;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	left: 0;
	top: 0;
	background: #f4f4f4;
}
.notFound img {
	display: block;
	width: 100%;
}
.notFound .notFoundPic {
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #e2e2e2;
	display: block;
}
.notFound .notFoundBack {
	display: block;
	width: 100%;
	border-top: 1px solid #ffffff;
	padding-top: 0.6rem;
}
.notFound .notFoundBack img {
	width: 50%;
	margin: 0 auto;
}
.notFound .menu {
	width: 100%;
	text-align: center;
}
.notFound .menu li {
	display: inline-block;
 padding: 0 .391rem;
 font-size: .375rem;
	color: #666666;
	box-sizing: border-box;
	border-left: 1px dotted #c2c2c2;
}
.notFound .menu li a {
	color: #666666;
}
.notFound .menu li:first-child {
	border-left: none;
}
/* backTop */
.backTop {
	position: fixed;
	width: 17%;
	right: 0%;
	bottom: 12%;
	display: none;
}
.backTop img {
	display: block;
	width: 100%;
}
/*end Common*/



.Conter {
	width: 94%;
	margin: 0 auto;
}
/* Header YangFangLing 2019年5月15日 */
.header {
	height: 2rem;
}
.headerLogo {
	height: 2rem;
}
.headerLogo .logoText h3 {
font-size: .45rem;
	color: #333;
	font-weight: normal;
}
.headerLogo .logoText h3 b {
	color: #00b7bd;
}
.headerLogo .logoText p {
font-size: .37rem;
	color: #333;
margin-top: .156rem;
	background: url(../images/phore.png) no-repeat center left / 10%;
}
.headerLogo .logoText p a {
	color: #333;
}
.headerLogo a.Logo {
	width: 2.6rem;
margin-right: .25rem;
	height: 2rem;
	border-right: 1px #ddd solid;
padding-right: .25rem;
}
.headerLogo a.Logo img {
	width: 100%;
	position: relative;
top: .6rem;
}
.headerLogo .logoText {
	padding-top: 0.55rem;
}
/* Header End */

/* Footer YangFangLing 2019年5月15日 */
.Footer {
	background-color: #000;
	overflow: hidden;
}
.FooterTop {
	padding: 0rem 0 2.2rem;
	color: #999;
	text-align: center;
}
.FooterTop h3 {
font-size: .4rem;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px #666 solid;
margin-bottom: .4rem;
padding-bottom: .5rem;
padding-top: .7rem;
	background: #333;
}
.FooterTop p {
	color: #fff;
font-size: .4rem;
line-height: .7rem;
	padding: .2;
}
.FooterTop p a {
	color: #fff;
}
.footerBottom {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #00b7bd;
	z-index: 999;
}
.footerBottom .mainCon {
	position: relative;
}
.footerBottom .mainCon ul {
	float: left;
	width: 100%;
	display: flex;
}
.footerBottom li {
	text-align: center;
	flex: 1;
	border-left: 1px #51c3cb solid;
}
.footerBottom li:first-child {
	border-left: none;
}
.footerBottom li a {
padding: .15rem 0;
	box-sizing: border-box;
	display: block;
}
.footerBottom li span {
	display: block;
	box-sizing: border-box;
}
.footerBottom li img {
	display: block;
width: .8rem;
height: .8rem;
	position: relative;
	margin: 0 auto;
}
.footerBottom li em {
	display: block;
font-size: .4rem;
	color: #fff;
margin-top: .1rem;
}
.footerBottom li:first-child a {
	border-left: none;
}
/* Footer End */


.tt {
	height: 85px;
	text-align: center;
	font-size: 30px;
	color: #333333;
	font-weight: normal;
	position: relative;
	margin-top: 50px;
}
.tt em {
	display: block;
	font-size: 14px;
	color: #555555;
	font-style: normal;
	text-transform: uppercase;
	line-height: 40px;
}
.tt:before {
	content: "";
	position: absolute;
	width: 25px;
	height: 1px;
	left: 290px;
	top: 30px;
}
.tt:after {
	content: "";
	position: absolute;
	width: 25px;
	height: 1px;
	right: 290px;
	top: 30px;
}
.xn_mc_cla_3_wrap {
	position: relative;
	height: 2rem;
	background: #f8f8f8;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0.1rem 1rem -0.1rem rgba(0, 0, 0, 0.2);
}
.xn_mc_cla_3_wrap::after {
	content: '';
	display: block;
	width: 5rem;
	height: 1px;
	background: #00b7bd;
	position: absolute;
	left: 0;
	bottom: 0;
}
.scrollTips {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 0.8rem;
	opacity: .8;
	font-size: 0.29333333333333333rem;
	color: #4e4e4e;
	border-top: 1px solid #d3d3d3;
}
.scrollTips span {
	margin: 0 5px;
}
.scrollTips::before {
	content: '';
	display: block;
	width: 0.09333333333333334rem;
	height: 0.16rem;
	background: url() no-repeat center;
	background-size: cover;
}
.scrollTips::after {
	content: '';
	display: block;
	width: 0.09333333333333334rem;
	height: 0.16rem;
	background: url() no-repeat center;
	background-size: cover;
}
.xn_mc_cla_3_wrap>div {
	width: 94%;
	margin: 0 auto;
	height: 1.2rem;
	overflow-x: auto;
	overflow-y: hidden;
}
.xn_mc_cla_3_tp {
	position: relative;
	width: 94%;
	margin: 0 auto;
	height: 1.2rem;
	display: flex;
	align-items: center;
}
.xn_mc_claproducts_2_li {
	height: 0.48rem;
	display: flex;
	font-size: 0.32rem;
	color: #313131;
	flex-shrink: 0;
	line-height: 0.48rem;
}
.xn_mc_news_2_curr {
	color: #00b7bd;
}
.xn_mc_claproducts_2_li.on a {
	color: #429650;
}
.xn_mc_claproducts_2_li:first-child::before {
	margin-left: 0;
	display: none;
}
.xn_mc_claproducts_2_li::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #d3d3d3;
	margin: 0 0.2666667rem;
}
.xn_c_products_2_warp {
	position: relative;
	background: url() no-repeat center 20px;
	background-size: 750px;
	background-size: 10rem;
}
.claproduct_view_t {
	height: 2.4rem;
	padding-top: 0.2666667rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #429650;
	text-align: center;
}
.xn_c_products_2_t1 {
	font-family: "AvantGarde";
	position: absolute;
	width: 100%;
	height: 2.4rem;
	text-align: center;
	font-size: 0.5rem;
	color: #ececec;
	font-weight: bold;
}
.InpageMain {
	background: #fff;
}
.xn_c_products_2_t2 {
	font-weight: bold;
	position: relative;
	z-index: 2;
	margin-top: 18px;
	line-height: 0.5733333rem;
	font-size: 0.7rem;
	text-align: center;
	color: #00b7bd;
}
.xn_c_products_2_t3 {
	text-align: center;
	padding-top: 0.3rem;
	font-size: 0.32rem;
}
xn_c_product_msg {
	font-size: 0.37rem;
}
.xn_c_products_2_img1 img {
	display: block;
	width: 90%;
	margin: 2% auto;
	height: auto;
}
.xn_c_products_2_img2 {
	margin-bottom: 0.4rem;
}
.xn_c_products_2_img2 img {
	display: block;
	width: 83%;
	margin: 2% auto;
	height: auto;
}
.xn_c_product_line {
	line-height: 0.5633333rem;
	font-size: 0.35rem;
}
.xn_c_products_2_c {
	display: flex;
	font-size: 0.35rem;
	padding: 0.3333333rem 3%;
}
.xn_c_product_c {
	width: 0.9333333rem;
	font-weight: bold;
	font-size: 0.3733333rem;
}
.xn_c_products_2_c2, .xn_c_products_2_c4 {
	background: #00b7bd;
}