@font-face {
  font-family: 'PingFang Regular';
  src: url('/healthcodon/fonts/PingFang Regular.eot'); /* IE9 Compat Modes */
  src: url('/healthcodon/fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('/healthcodon/fonts/PingFangSC-Regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
       url('/healthcodon/fonts/PingFangSC-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/healthcodon/fonts/PingFang Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/healthcodon/fonts/PingFang Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/healthcodon/fonts/PingFang Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family:'cour';
	src:url('/healthcodon/fonts/cour.ttf') format('truetype');
	font-weight:none;
	font-style:none;
}
@font-face {
	font-family: "PingFang Bold";
	src: url("/healthcodon/fonts/._PingFang Bold.ttf");
}


/*手机内容样式开始*/
.PhoneBar{
	min-width: 320px;
	max-width: 768px;
	/* display: none; */
}
*:-moz-focus-inner{
	outline:none;
}

/*插件样式开始*/
.focus {
	/*margin: 43px auto;*/
	margin: 28px auto;
	position: relative;
	overflow: hidden;
}
.focus .hd {
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 1;
	bottom: 15px;
	text-align: center;
}
.focus .hd ul {
	overflow: hidden;
	text-align: center;
	width:100%;
	margin-top: 10px;
}
.focus .hd ul li {
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	border-radius: 50%;
	margin-right: 10px;
	display: inline-block;
	text-indent: -9999px;
}
.focus .hd ul .on {
	background: rgba(153,153,153,.8);
}
.focus .bd {
	position: relative;
	z-index: 0;
}
.focus .bd li img {
	width: 100%;
}
.focus .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
/*插件样式结束*/
.newlist{
	padding-left:0;
}
/*手机内容样式结束*/


#thediv{
    display:none; 
}
#link:hover #thediv{
    display:block ;
}
 @media screen and (max-width: 769px) {
    #phoneMain  {
		display: block !important;
    }
}
@media screen and (min-width: 769px) {
    #pcMain {
		display: block  !important;
    }
}
/*轮播图样式开始*/

/*轮播图样式结束*/

/* 关于我们样式开始 */
.aboutWidth{
	width: 975px;
	text-align: center;
	margin-bottom: 130px;
}
.aboutFont{
	font-size: 34px;
	margin-top: 86px;
	margin-bottom: 36px;
}
.aboutSpan{
	border-bottom: 2px solid #000;
	display: inline-block;
	width: 82px;
	margin-bottom: 38px;
}
.aboutP{
	color: #999;
	/*padding: 0 320px;*/
	margin: 0 0 124px 0;
	font-size: 16px;
}
.aboutUl{
	display: flex;
}
.aboutLi{
	flex: 1;
}
.aboutStyle{
	display: inline-block;
	width: 92px;
	height:92px;
	border: 1px solid #69b5f0;
	border-radius: 100px;
	margin-bottom: 74px;
}
.aboutImg{
	margin-top:27px;
}
.aboutSize{
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 35px;
	font-family:'PingFang Regular';
}
.aboutColor{
	color: #999;
	margin-bottom: 27.8px;
	font-family:'PingFang Regular';
	overflow: hidden;
	padding: 0 20px;
	box-sizing: border-box;
}
/* 关于我们样式结束 */

/*product样式开始*/
#product{
	background-color: #f3f3f3;
	/*height: 950px;*/
}
.productWidth{
	width: 975px;
	text-align: center;
	margin-bottom: 130px;
}
.productFont{
	/*font-size: 34px;*/
	/*font-family: 'PingFang Bold';*/
	/*font: 34px/1 PingFang-SC-Bold;*/
	font-size: 34px;
	margin-top: 85px;
	margin-bottom: 36px;
}
.productStyle{
	border-bottom: 1px solid #000;
	display: inline-block;
	width: 82px;
	margin-bottom: 136px;
}
.productTable{
	display: table;
	margin-bottom: 22px;
}
.productColor{
	width: 285px;
	background-color: #ededed;
	display: table-cell;
	height: 193px;
	text-align: center;
	zoom: 1;
	vertical-align: middle;
}
.productHeight{
	width: 285px;
	background-color: #ededed;
	height: 275px;
	display: table-cell;
	text-align: center;
	zoom: 1;
	vertical-align: middle;
}
.productCenter{
	width: 285px;
	background-color: #ededed;
	height: 346px;
	display: table-cell;
	text-align: center;
	zoom: 1;
	vertical-align: middle;
}
.productUl{
	display: flex;
	padding: 0 20px;
	/*margin-left: -126px;*/
}
.productLi{
	flex: 1;
	width: 200px;
	height: 244px;
	margin-right: 40px;
	border-radius: 10px;
	background-color: #ebebeb;
}
.productLi a{
	display: flex;
	justify-content: center;

}
.productLi span{
	position: absolute;
	font-size: 22px;
	color: #000;
	margin-top:28px ;
	/*font-family: "PingFang Bold";*/
}
.noMR{
	margin-right: 0px;
}

/*product样式结束*/

/* proteinApp开始 */
#proteinApp{
	background: url(/healthcodon/images/bannBacg.jpg) no-repeat center/100%;
	position: relative;
	/*height: 950px;*/
}
/* #proteinApp .App_left{
	width: 236px;
	height: 260px;
	position: absolute;
	top: 60%;
	left: 65%;
	transform: translate(-65%,-60%);
	text-align: center;
} */
#proteinApp .App_IOS{
	width: 300px;
	height: 300px;
	/* border: 1px solid rgba(255,255,255,0.6); */
	/* border-radius: 6px; */
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	visibility: visible;
}
#proteinApp .App_IOS>div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#proteinApp .App_IOS>div>img{
	width: 190px;
	height: 190px;
}
#proteinApp .App_left>div:nth-child(2)>h3{
	font-family: "PingFang Regular";
	font-size: 26px;
	color: #FFFFFF;
}
#proteinAppp .App_right{
	width: 236px;
	height: 260px;
	position: absolute;
	top: 60%;
	left: 95%;
	transform: translate(-95%,-60%);
	text-align: center;
}
.appPadd{
	display: inline-block;
	width: 30%;
}
.yBottom{
	margin-bottom: 30px;
	text-align: center;
	float: left;
}
.banerImg{
	position: absolute;
	left: -24px;
	top:278px;
	z-index:2;
}
#banerImg1{
	height: 411px;
    width: 190px;
    margin-top: 278px;
    padding-top: 14px;
}
.bannerUl{
    text-align: center;
    float: right;
}
.bannerLi {
	margin-top: 299px;
	font-size: 40px;
	color: #000;
	/*font-family: PingFang-SC-Bold;*/
	/* margin-bottom: 25px; */
	text-align: justify;
	text-justify: distribute-all-lines;
}
#bannerLi{
	font-family: 'PingFang Regular';
	font-size: 25px;
	color: #333;
	opacity: 0.75;
	margin-bottom: 20px;
}
.IOS{
	width: 229px;
}
.yIos{
	color: #000;
	text-align: center;
	margin-top: 15px;
	font-size: 28px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	margin: 15px auto;
	border: 1px solid #666;
	border-radius: 10px;
}
.carousel{
	min-width: 100% !important;
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: inline-block;
}
/* proteinApp结束 */


/* 定制模块开始 */
#customize{
	/*height:950px;*/
	background:url(/healthcodon/images/customize1.png) no-repeat center/100%;
	/*margin-top: 80px;*/
}
.cusH1{
	font-size:34px;
	text-align:center;
	margin-top: 86px;
	margin-bottom: 36px;
	/* font-family:'PingFang Regular'; */
	font-weight:500;
	color:#000;
}
.cusP{
	font-size:20px;
	color:#000;
	font-family:'PingFang Regular';
	text-align:center;
	/*padding: 0 250px;*/
	margin-bottom: 250px;
}
.cusP-1{
	margin-bottom: 180px!important;
}
.cusBorder{
	border-bottom: 2px solid #000;
	display: inline-block;
	width: 82px;
	margin-bottom: 35px;
}
.cusTop{
	text-align: center;
	margin-top: 84px;
	margin-bottom: 108px;
}
.cusWidth{
	width: 975px;
	text-align: center;
}
#customize a{
	color: #000;
	font-family:'PingFang Regular';
	font-size:16px;
	border:1px solid #333;
	padding:15px 48px;
}
#customize a:hover{
	background: #000;
	color: #fff;
}
/* 定制模块结束 */


/* PDB加载模块样式开始 */
#pdb{
	background:#eaeaea;
	/*height:950px;*/
	box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.pdbLeft{
	/* margin-left:240px; */
}
.pdbFloat{
	float:left;
	margin-top: 340px;
	top:100px;
}
.pdbSpan{
	overflow: hidden;
}
.pdbSize{
	font-size: 40px;
	color:#000;
	margin-bottom: 58px;
}
.pdbRight{
	float: right;
	font-size: 30px;
    color: #000;
}
.pdbMargin{
	margin-bottom: 28px;
}
.pdbBorder{
	border-bottom: 2px solid #000;
	display:block;
	width: 82px;
	margin-bottom: 35px;
	float: right;
}
.pdbLoat{
	float:right;
}
.pdbHidden{
	overflow: hidden;
	width: 400px;
	height: 400px;
	background-color:rgba(186,182,189,.3);
	display:table;
	margin-top: -370px;
	margin-left: 30px;
}
.pdbCell{
	display:table-cell;
	width:100%; 
	height:400px; 
	text-align:center; 
	*font-size:178px; 
	zoom:1; 
	vertical-align:middle;
}
.pdbImg{
	height: 25px;
}
.pdbTop{
	border:4px solid rgba(181,255,251,.78);
	margin-top: 25px;
}
.pdbWidth{
	margin-top: 196px;
	height: 400px;
	width:400px;
}

/* PDB加载模块样式结束 */


/*新闻模块样式开始*/
.newWidth{
	width: 975px;
	margin-bottom: 130px;
}
.newText{
	text-align: center;
	/*text-align: right;*/
}
.newFont{
	font-size: 34px;
	margin-top: 86px;
	margin-bottom: 36px;
}
.newDisplay{
	display: inline-block;
	width: 82px;
	border:0.5px solid #000;
	margin-bottom: 11px;
}
.newUl{
	margin-top:40px;
}
.newLi{
	border-bottom: 0.5px dashed #000;
	margin-bottom: 54px;
	font-family: inherit;
}
.newP{
	margin-bottom:20px;
}
.newSpan{
	float: right;
}
.newBottom{
	margin-bottom: 20px;
}
a:focus{
	outline:none;
	text-decoration:none;
}
/*新闻模块样结束*/