@charset "utf-8";
a,
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	transition-duration: .6s;
}
body,
html {
	margin:  0 auto;
	width: 100%;
	height: 100%;
	font-family: "微软雅黑", arial, sans-serif;
	background-color: #e9f0f5;
	position: relative;
}
a{cursor: pointer;display: block;}
a:link {text-decoration: none;}
a:visited {text-decoration:none;}
a:hover{text-decoration:none;}
a:active {text-decoration:none;}
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
.fz14{font-size: 14px !important;}
.fz16{font-size: 16px !important;}
.fz18{font-size: 18px !important;}
.fz20{font-size: 20px !important;}
.fz24{font-size: 24px !important;}
.fz30{font-size: 30px !important;}
.fz36{font-size: 36px !important;}
.fz42{font-size: 42px !important;}
.fz50{font-size: 50px !important;}
.fwn{font-weight: normal !important;}
.c1a{color: #1A1A1A;}
.content-mt{margin-top: 100px !important;}
.mt10{margin-top: 10px !important;}
.mt22{margin-top: 22px !important;}
.mt32{margin-top: 32px !important;}
.mt50{margin-top: 50px !important;}
.mt150{margin-top: 150px !important;}
.mb30{margin-bottom: 30px !important;}
.mb80{margin-bottom: 80px !important;}
.mr10{margin-right: 10px !important;}
.pt30{padding-top: 30px !important;}
.pt60{padding-top: 60px !important;}
.pt150{padding-top: 150px !important;}
.pb15{padding-bottom: 15px !important;}
.pb50{padding-bottom: 50px !important;}
.height100{height: 100% !important;}
.ti{text-indent: 2em;}
.blur {   
    -webkit-filter: blur(10px) !important; /* Chrome, Opera */
       -moz-filter: blur(10px) !important;
        -ms-filter: blur(10px) !important;   
            filter: blur(10px) !important;   
}
.bdsharebuttonbox{
	width: 224px !important;
	margin: 0 auto
}
.bdsharebuttonbox a{
	float: none !important;
	display: inline-block !important;  
}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.right-contact{
	position: fixed;
	right: 0;
	bottom: 50%;
	margin-bottom: -120px;
	width: 80px;
	height: 240px;
}
.right-contact .iconfont{
	display: block;
	color: #FFFFFF;
	line-height: 50px;
	width: 100%;
	text-align: center;
	font-size: 24px;
}
.contact-item,.contact-item-tel{
	display: block;
	width: 80px;
	height: 80px;
	background: #333333;
	color: #FFFFFF;
}
.contact-item-tel{
	position: relative;
}
.contact-item-tel h3{
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 80px;
	background: #FF9000;
	color: #FFFFFF;
	font-size: 18px;
	top: 0;
	left: -200px;
	text-align: center;
	line-height: 80px;
	overflow: hidden;
}
.contact-item:hover,.contact-item-tel:hover{
	background: #ff9000;
}
.contact-item-tel:hover h3{
	visibility: visible;
	width: 200px;
}
.right-contact h2{
	width: 100%;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}
.contact-item-qqmob{
	display: none;
}
#load{
	display: block;
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #ffecb2;
	animation: load .6s 5s forwards;
	-moz-animation: load .6s 5s forwards;	
	-webkit-animation: load .6s 5s forwards;
	-o-animation: load .6s 5s forwards;
}
@keyframes load
{
from {opacity: 1;}
to {opacity: 0;}
}
@-moz-keyframes load
{
from {opacity: 1;}
to {opacity: 0;}
}
@-webkit-keyframes load
{
from {opacity: 1;}
to {opacity: 0;}
}
@-o-keyframes load
{
from {opacity: 1;}
to {opacity: 0;}
}
#tmall{
	position: relative;
	display: block;
	background-color: #ad282b;
}
#tmall img{
	position: absolute;
	z-index: 0;
	margin-top: 10px;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
#tmall h2{
	position: absolute;
	z-index: 999;
	padding-top: 10px;
	color: #FFFFFF;
	height: auto;
}
.load-bg{
	display: table;
	width: 100%;
	max-width: 1080px;
	height: 100%;
	margin: 0 auto;
	background-image: url(../img/loadbg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.load-con{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.load-bg img{
	display: block;
	margin: 0 auto;
}
.load-pro-bg{
	margin: 0 auto;
	width: 400px;
	height: 10px;
	border: 1px solid #f63341;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#load-pro{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	height: 8px;
	border: none;
	background: #f63341;
	animation: load-pro 5s ease-in-out;
	-moz-animation: load-pro 5s ease-in-out;	
	-webkit-animation: load-pro 5s ease-in-out;
	-o-animation: load-pro 5s ease-in-out;
}
@keyframes load-pro
{
from {width: 0;}
to {width: 100%;}
}
@-moz-keyframes load-pro 
{
from {width: 0;}
to {width: 100%;}
}
@-webkit-keyframes load-pro 
{
from {width: 0;}
to {width: 100%;}
}
@-o-keyframes load-pro 
{
from {width: 0;}
to {width: 100%;}
}
#loading{
	width: 100%;
	text-align: center;
	line-height: 20px;
}
#real-con{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	clear: both;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.nav-box{
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 80px;
	background: #0dbc8e;
	z-index: 999;
}
.nav{
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width:1080px;
	height: 100%;
}
#nav-logobox{
	display: block;
	float: left;
	height: 100%;
}
#nav-con{
	overflow: hidden;
	float: right;
	height: 36px;
	color: #FFFFFF;
	list-style: none;
	margin-top: 22px;
}
#nav-con li{
	float: left;
	display: table;
	height: 100%;
	margin-left: 10px;
}
#nav-con li a{
	color: #FFFFFF;
	display: table-cell;
	vertical-align: middle;
	padding-left: 12px;
	padding-right: 12px;
}
#nav-con li a:hover{
	background: #0ecc9a;
}
#nav-con li a.active{
	background: #0ecc9a;
}
.menu-icon {
  display: none;
  width: 75px;
  height: 50px;
  cursor: pointer;
  position: relative;
  top: -5px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden; }

.menu-icon path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #fff;
  stroke-dashoffset: 0px; }
.menu-icon path#top,
.menu-icon path#bottom {
  stroke-dasharray: 240px 950px; }
.menu-icon path#middle {
  stroke-dasharray: 240px 240px; }
.cross path#top,
.cross path#bottom {
  stroke-dashoffset: -650px; }
.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden; }
	list-style: none;
	width: 100%;
    height: auto;
	display: block;
	position: relative;
	margin-bottom: 0.2rem;
}
#index-banner li{
	position: absolute;
	top: 0;
}
.advantage{
	width: 100%;
	max-width: 1080px;
	height: 450px;
	margin: 0 auto;
	background: #FFFFFF;
	cursor: pointer;
}
.advantage li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.advantage ul{
	overflow: hidden;
	list-style: none;
	height: 100%;
}
.advantage ul li{
	overflow: hidden;
	float: left;
	width: 31%;
	height: 100%;
	margin-right: 3.5%;
	border: 3px solid #52d3aa;
	transition: border-width 0s; 
	transition: background-color 1s; 
}
.advantage ul li h2{
	width: 90%;
	margin: 0 auto;
	border-bottom: 2px solid #aaaaaa;
	text-align: center;
	color: #333333;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
}
.advantage ul li p{
	width: 80%;
	height:auto;
	margin:0 auto;
	text-align:center;
	word-wrap:break-word; width:100%;
}
.advantage ul li strong{
	font-weight: normal;
	color: #666666;
	line-height: 24px;
}
.advantage ul li:nth-child(3){
	margin-right: 0 !important;
}
.advantage .iconfont{
	display: block;
	width: 100%;
	height: 88px;
	line-height: 88px;
	background: #52d3aa;
	color: #FFFFFF;
	font-size: 60px;
	text-align: center;
}
.advantage ul li:nth-child(2) .iconfont{
	font-size: 47px;
}
.advantage ul li:hover{
	border: 0px;
	background: #ff9000;
}
.advantage ul li:hover h2{
	border-bottom: solid #FFFFFF;
}
.advantage ul li:hover h2,.advantage ul li:hover p strong{
	color: #FFFFFF;
}
.advantage ul li:hover .iconfont{
	background: none;
}
.adv-more{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	margin: 0 auto;
	background: none;
	transition-duration: .6s;
}
.adv-more .iconfont{
	display: none;
	background: none;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	transition-duration: .6s;
}
.advantage ul li:hover .adv-more{
	transform: rotate(720deg);
	transition:all .6s ease-in-out ;
	transition-duration: .6s;
}
.advantage ul li:hover .adv-more .iconfont{
	display: block;
}
.brief-intro{
	width: 100%;
	height: 1000px;
	background: url(../img/intro-bg.jpg);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
.brief-intro .iconfont{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 90px;
	color: #FFFFFF;
}
.brief-intro h1{
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	line-height: 100px;
	font-weight: 500;
}
.brief-intro p{
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
	margin-top: 60px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
}
.brief-intro p strong{
	font-weight: normal;
}
#yellow-line{
	width: 65px;
	height: 5px;
	background: #fd6f05;
	margin: 0 auto;
}
.corepro-titlebox{
	width: 254px;
	height: 70px;
	margin: 0 auto;
	overflow: hidden;
}
.corepro-titlebox .iconfont{
	color: #333333;
	font-size: 56px;
	line-height: 70px;
	float: left;
}
.corepro-titles{
	height: 70px;
	float: right;
	color: #333333;
}
.corepro-titles h1{
	line-height: 46px;
	margin: 0 !important;
}
.corepro-titles span{
	line-height: 24px;
	margin: 0 !important;
}
.corepros{
	list-style: none;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.corepros img,.pro-imgs img,.contact-title{
	display: block;
}
.corepros li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.corepros li{
	margin-top: 50px;
	width: 30%;
	height: auto;
	float: left;
	margin-right: 5%;
	background: #efefef;
}
.corepros li:nth-child(3n){
	margin-right: 0;
}
.corepros li:hover{
	background: #ff9000;
	border: 4px solid #ff9000;
	transition: border-width 0s; 
	transition: background-color 1s;
}
.corepros li:hover .pro-mask{
	display: block;
}
.corepros li:hover .pro-infos-box a{
	background: #FFFFFF;
	color: #ff9000;
}
.corepros li:hover .pro-detail-box{
	display: block;
}
.pro-imgs{
	position: relative;
}
.pro-imgs img{
	width: 100% !important;
	height: auto;
	margin: 0 !important;
}
.pro-mask{
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	top: 0;
	left: 0;
}
.pro-detail-box{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	display: none;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 40px;
	text-align: center;
	background: rgba(255,144,0,.8);
}
.pro-detail-box:hover{
	transform: rotate(720deg);
	transition:all .6s ease-in-out ;
}
.pro-detail-box .iconfont{
	color: #FFFFFF;
	margin: 0 auto;
}
.pro-infos-box{
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
}
.pro-title-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 10px;
}
.pro-title-box h2{
	color: #1A1A1A;
	float: left;
	line-height: 30px !important;
	font-weight: normal;	
}
.pro-title-box a{
	display: block;
	float: right;
	width: 45%;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	color: #FFFFFF;
	background: #999999;
	font-weight: normal;
}
.pro-pos-weight{
	overflow: hidden;
	float: left;
	height: auto;
	width: 45%;
	margin-top: 5px;
	padding-top: 5px;
}
.pro-pos{
	width: 100%;
	overflow: hidden;
}
.pro-pos .iconfont{
	float: left;
	font-size: 20px;
	line-height: 20px;
	color: #999999;
}
.pro-pos p{
	float: left;
	line-height: 20px;
	color: #999999;
}
.pro-level{
	overflow: hidden;
	width: 50%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	float: right;
	border-left: 1px solid #dfdfdf;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.pro-level .iconfont{
	display: block;
	float: left;
	height: 55px;
	line-height: 55px;
	color: #ff9000;
}
.pro-level p{
	display: block;
	float: right;
	color: #ff9000;
	height: 55px;
	line-height: 55px;
}
.corepros li:hover .pro-title-box{
	border-bottom:1px solid #FFFFFF;
}
.corepros li:hover .pro-level{
	border-left:1px solid #FFFFFF;
}
.corepros li:hover .iconfont,
.corepros li:hover h2,
.corepros li:hover .pro-level p,
.corepros li:hover p{
	color: #FFFFFF !important;
}
.more-pros{
	display: block;
	text-align: center;
	width: 100%;
	height: 60px;
	line-height: 60px;
	max-width: 1080px;
	margin: 0 auto;
	background: #0dbc8e;
	color: #FFFFff;
}
.more-pros:hover{
	background: #52d3aa;
}
.footer{
	width: 100%;
	height: auto;
	background: #333333;
	padding-bottom: 40px;
}
.footer-box{
	width: 100%;
	max-width: 1080px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.footer-box img{
	display: block;
	vertical-align: middle;
	max-width: 100%;
}
.footer-logo{
	width: 24%;
	height: auto;
	float: left;
}
.footer-sup-coo{
	width: 69.8%;
	height: 263px;
	float: right;
	overflow: hidden;
}
.footer-supply,.cooperate{
	width: 100%;
	height: 50%;
	overflow: hidden;
	border-bottom: 2px solid #484848;
	border-top: 2px solid #484848;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cooperate{
	border-top: none;
}
.footer-supply h2,.cooperate h2{
	color: #FFFFFF;
	float: left;
	font-weight: normal;
	line-height: 90px;
}
.footer-supply ul,.cooperate ul{
	float: right;
	list-style: none;
	overflow: hidden;
	width: 80%;
	height: 100%;
}
.footer-supply ul li,.cooperate ul li{
	height: 100%;
	float: left;
	margin-right: 16px;
}
.cooperate ul li{
	margin-right: 10px;
}
.footer-copy{
	line-height: 25px;
	color: #FFFFFF;
	font-weight: normal;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
#adv-mask{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	z-index: 999;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#adv-con-box{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#adv-con-box img{
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 600px;
}
#adv-con-box p{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
}
#adv-con{
	display: none;
	position: relative;
	width: 100%;
	height: 80%;
	max-width: 1080px;
	background: #FFFFFF;
	margin: 0 auto;
	overflow: auto;
	padding-top: 1.5%;
	padding-bottom: 3%;
}
#adv-con ul{
	display: table-cell;
	vertical-align: middle;
}
#adv-con a{
	position: absolute;
	right: 8px;
	top: 3px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
#adv-con a .iconfont{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#adv-con a:hover{
	transform: rotate(2160deg);
	transition:all 1.2s ease-in-out ;
}
.contact-content{
	width: 100%;
	max-width: 1080px;
	height: auto;
	margin: 0 auto;
	border-left: 1px solid #f0efef;
	border-right: 1px solid #f0efef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-title{
	width: 21%;
	height: auto;
	margin: 0 auto;
}
.contact-map{
	width: 100%;
	height: auto;
}
.contact-list{
	width: 85%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.contact-list h1{
	line-height: 88px;
	color: #1A1A1A;
}
.contact-list .iconfont{
	font-size: 36px;
	line-height: 88px;
}
#mymap{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	height: 50%;
	overflow: hidden;
}
.two-codebox{
	overflow: hidden;
	position: relative;
}
.wechat-codeimg{
	position: absolute;
	max-width: 232px;
	bottom: 0;
	right: 0;
}
.about-content-box,.news-content-box{
	width: 100%;
	max-width: 1080px;
	min-height: 800px;
	border: 1px solid #b2b1b1;
	background: #FFFFFF;
	margin: 0 auto;
	color: #1A1A1A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.news-content-box img{
	display: block;
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 10px;
}
.news-title{
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
	padding-top: 20px;
}
.news-title h1{
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
}
.news-title .iconfont,.news-title span{
	line-height: 36px;
}
.about-content-box h1{
	width: 100%;
	text-align: center;
	line-height: 130px;
	border-bottom: 1px solid #eeeeee;
	font-weight: normal;
}
.about-content-box h2,.news-content-box h2{
	text-align: center;
	line-height: 90px;
	font-weight: normal;
}
.news-content-box h3{
	color: red;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	font-weight: normal;
}
.about-content-box p,.news-content-box p{
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	line-height: 36px;
}
.holder{
	width: 100%;
	height: 98px;
	line-height: 98px;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
	display: table;
}
.news-list,.health-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	list-style: none;
	padding-bottom: 25px;
}
.news-list li,.health-list li{
	width: 48.1%;
	background: #efefef;
	margin-bottom: 30px;
	height: auto;
}
.news-list li:nth-child(2n+1),.health-list li:nth-child(2n+1){
	float: left;
	margin-left: 8px;
}
.news-list li:nth-child(2n),.health-list li:nth-child(2n){
	float: right;
	margin-right: 8px;
}
.health-list li{
	position: relative;
}
.health-list li a{
	width: 100%;
	display: block;
}
.health-list li img{
	width: 100%;
	height: auto;
}
.health-list li h1{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-indent: 1em;
	text-align: left;
	background: rgba(0,0,0,.6);
	color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
}
.health-list li h1 a{
	color: #FFFFFF;
}
.news-list li:hover .news-imgmask{
	height: 100%;
}
.news-list li:hover .pro-detail-box{
	display: block;
}
.list-box{
	display: block;
	width: 100%;
	height: 100%;
}
.news-imgmask{
	width: 100%;
	height: 68px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.66);
	z-index: 999;
}
.news-imgmask h1,.news-imgmask h2{
	color: #FFFFFF;
	position: absolute;
	height: 30px;
	line-height: 30px;
}
.news-imgmask h1{
	left: 8px;
	bottom: 30px;
	text-align: left;
	border: none;
}
.news-imgmask h2{
	left: 8px;
	bottom: 3px;
}
.news-summary{
	text-align: left !important;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 52px !important;
	border: 1px solid #CCCCCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.holder{
	display: table-cell;
 	vertical-align: middle;
}
 .holder a {
 	width: 15%;
 	text-align: center;
 	float: left;
 	height: 36px;
 	line-height: 36px;
 	font-size: 18px;
 	margin-left: 8%;
 	cursor: pointer;
 	color: #1A1A1A;
 }
 .holder a:hover {
 	background-color: #ff9000;
 	color: #fff;
 	border-radius: 8px;
 }
 .holder a.jp-current {
 	color: #FFFFFF;
 	background: #ff9000;
 	font-weight: normal;
 	border-radius: 8px;
 }
 .holder a.jp-current:hover {
 	cursor: default;
 	background: #ff9000;
 }
 .health-h2{
	text-align: left !important;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	font-weight: bold !important; 	
 }
 .pro-classify{
 	width: 100%;
 	list-style: none;
 	height: auto;
 	overflow: hidden;
 }
 .pro-classify li{
 	width: 20%;
 	float: left;
 	text-align: center;
 }
 .pro-classify li a{
 	height: 50px;
 	line-height: 50px;
 	color: #1A1A1A;
 }
 .pro-classify li a.active{
 	background: #ff9000;
 	color: #FFFFFF;
 }
 .pro-classify li:hover{
 	background: #ff9000;
 }
.pro-classify li:hover a{
	color: #FFFFFF;
 }
 .pro-title-box h2 a{
 	width: 100%;
 	background: none;
 	color: #1A1A1A;
}
.corepros li:hover .pro-title-box h2 a{
	background: none;
	color: #FFFFFF;
}
 .pro-infos{
 	width: 100%;
 	overflow: hidden;
 }
 .pro-infos .iconfont{
 	float: left;
	font-size: 20px;
	line-height: 20px;
	color: #999999;
 }
 .pro-infos p{
 	float: left !important;
	line-height: 20px !important;
	color: #999999 !important;
	width: auto;
 }
.info-pos{
	width: 55%;
	float: left;
	overflow: hidden;
}
.info-weight{
	width: 45%;
	float: right;
	overflow: hidden;
}
 @media screen and (max-width: 1080px){
  	.nav-box{
  		height: auto;
}
.nav{
	height: auto;
}
  	#nav-logobox{
  		display: block;
  		position: absolute;
  		left: 12px;
  		top: 3px;
  		height: 45px;
  	}
  	#nav-con{
  		width: 100%;
  		height: auto;
  		margin-top: 5px;
  	}
  	#nav-con li{
  		display: none;
  		width: 100%;
  		float: none;
  		margin-left: 0;
  		margin-top: 3px;
  	}
  	#nav-con li a{
  		display: block;
  		width: 100%;
  		text-align: center;
  		padding-top: 3px;
  		padding-bottom: 3px;
  		padding-left: 0;
  		padding-right: 0;
  	}
  	#header-nav-btn{
  		width: 100%;
  		display: block !important;
  		overflow: hidden;
  	}
  	#header-nav-btn a{
  		float: right;
  	}
  	#header-nav-btn a:hover{
  		background: none !important;
  	}
  	#header-nav-btn a::selection{
  		background: none;
  	}
  	#header-nav-btn a::-moz-selection{
  		background: none;
  	}
  	.menu-icon{
  		float: right;
  		display: block;
  		height: 40px;
  	}
  	.footer-sup-coo{
		height: 200px;
	}
	.footer-box img{
		display: block;
		height: 100%;
		width: auto;
	}
	.footer-supply,.cooperate{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.footer-supply h2,.cooperate h2{
		line-height: 70px;
	}
	.footer-logo img{
		width: 96%;
		height: auto;
		margin-left: 8px;
	}
  }
  
 @media screen and (max-width: 960px){
 	.pt150{padding-top: 120px !important;}
 	.pb15{padding-bottom: 13px !important;}
 	.mt10{margin-top: 6px !important;}
 	.mt32{margin-top: 28px !important;}
 	.mt50{margin-top: 40px !important;}
 	.mt150{margin-top: 120px !important;}
 	.mb80{margin-bottom: 65px !important;}
 	.mr10{margin-right: 8px !important;}
 	.fz14{font-size: 12px !important;}
 	.fz16{font-size: 14px !important;}
 	.fz18{font-size: 16px !important;}
 	.fz20{font-size: 16px !important;}
 	.fz24{font-size: 22px !important;}
 	.fz30{font-size: 28px !important;}
 	.fz36{font-size: 32px !important;}
 	.fz42{font-size: 39px !important;}
 	.fz50{font-size: 46px !important;}
 	.load-bg img{
 		width: 36%;
 		max-width: 248px;
	}
	.load-pro-bg{
		width: 60%;
		height: 8px;
	}
	#load-pro{
		height: 6px;
	}
 	.advantage{
		height: 360px;
	}
	.advantage .iconfont{
		height: 50px;
		line-height: 50px;
		font-size: 45px;
	}
	.advantage ul li:nth-child(2) .iconfont{
		font-size: 40px;
	}
	.brief-intro{
		height: 888px;
	}
	.brief-intro .iconfont{
	font-size: 75px;
	}
	.brief-intro h1{
		line-height: 85px;
	}
	.brief-intro p{
		margin-top: 45px;
	}
	#yellow-line{
		width: 60px;
	}
	.corepros li{
		margin-right: 5%;
		margin-top: 35px;
	}
	.corepros li:nth-child(3n){
		margin-right: 0;
	}
	.corepro-titlebox{
		width: 250px;
	}
	.corepro-titlebox .iconfont{
		font-size: 50px;
	}
	.corepro-titles h1{
		line-height: 44px;
	}
	.corepro-titles span{
		line-height: 22px;
	}
	.pro-infos-box{
		padding-left: 10px;
		padding-right: 10px;
	}
	.pro-level{
		padding-left: 3px;
		padding-right: 3px;
	}
	.pro-title-box{
		padding-bottom: 6px;
	}
	.pro-title-box a{
		height: 26px;
		line-height: 26px;
	}
	.pro-pos .iconfont{
		font-size: 16px;
		line-height: 16px;
	}
	.more-pros{
		height: 55px;
		line-height: 55px;
	}
	.footer-logo{
		display: none;
	}
	.footer-sup-coo{
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.footer-supply ul,.cooperate ul{
		width: 85%;
	}
	.footer-supply ul li,.cooperate ul li{
		margin-right: 12px;
	}
	.cooperate ul li{
		margin-right: 8px;
	}
	.cooperate ul li:nth-last-child(1){
		margin-right: 0;
	}
	.footer-copy{
		line-height: 23px;
	}
	.contact-list h1{
		line-height: 80px;
	}
	.contact-list .iconfont{
		font-size: 33px;
		line-height: 80px;
	}
	.wechat-codeimg img{
		width: 188px;
		height: auto;
	}
	.holder{
		height: 88px;
		line-height: 88px;
	}
	.news-imgmask h1,.news-imgmask h2{
		height: 28px;
		line-height: 28px;
	}
	.news-imgmask h1{
		bottom: 28px;
	}
	.news-imgmask h2{
		bottom: 2px;
	}
	.news-summary{
		line-height: 50px !important;
	}
 }
 
 @media screen and (max-width: 768px){
 	.pt150{padding-top: 90px;}
 	.pb15{padding-bottom: 11px !important;}
 	.pb100{padding-bottom: 120px !important;}
 	.mt32{margin-top: 24px !important;}
 	.mt50{margin-top: 30px !important;}
 	.mt150{margin-top: 90px !important;}
 	.mb80{margin-bottom: 50px !important;}
 	.fz14{font-size: 11px !important;}
 	.fz16{font-size: 13px !important;}
 	.fz18{font-size: 14px !important;}
 	.fz20{font-size: 16px !important;}
 	.fz24{font-size: 18px !important;}
 	.fz30{font-size: 24px !important;}
 	.fz36{font-size: 28px !important;}
 	.fz42{font-size: 36px !important;}
 	.fz50{font-size: 42px !important;}
 	.right-contact{
		right: 0;
		bottom: 0;
		margin-bottom: 0;
		width: 100%;
		height: 80px;
		overflow: hidden;
	}
	.right-contact .iconfont{
		color: #0dbc8e;
		height: 50px;
		line-height: 50px;
	}
	.right-contact h2{
		height: 30px;
		line-height: 10px;
		color: #0dbc8e;
	}
	#tmall h2{
		line-height: 18px;
	}
	.contact-item-tel{
		display: none;
	}
	.contact-item,.contact-item-qqmob{
		float: left;
		display: block;
		width: 25%;
		height: 80px;
		background: #EEEEEE;
	}
	.contact-item:hover,.contact-item-qqmob:hover{
		background: #EEEEEE;
	}
 	#nav-logobox{
 		display: block;
  		top: 3px;
  		height: 36px;
  	}
  	#header-nav-btn a{
  		padding: 0 !important;
  	}
  	.menu-icon{
  		width: 50px;
  		height: 36px;
  	}
  	.advantage{
	height: auto;
	}
	.advantage ul{
		height: auto;
	}
	.advantage ul li{
		float: none;
		width: 88%;
		margin: 0 auto;
		margin-top: 20px;
		height: 120px;
		border-left: none;
	}
	.advantage li{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
	.advantage ul li h2{
		width: 75%;
		padding-left: 5%;
		float: right;
		height: 60px;
		line-height: 60px;
		border: none;
		text-align: left;
	}
	.advantage ul li p{
		width: 70%;
		float: right;
		height:auto;
		text-align:left;
		word-wrap:break-word;
		margin-left: 8px;
		margin-top: 0 !important;
		padding-right: 5%;
	}
	.advantage ul li:nth-child(1){
		margin-top: 0px !important;
	}
	.advantage ul li:nth-child(3){
		margin: 0 auto !important;
		margin-top: 20px !important;
	}
	.advantage .iconfont{
		float: left;
		width: 20%;
		height: 120px;
		line-height: 120px;
		font-size: 45px;
	}
	.advantage ul li:nth-child(2) .iconfont{
		font-size: 40px;
	}
	.advantage ul li:hover h2{
		border-bottom: none;
	}
	.adv-more{
		display: none;
	}
	.brief-intro .iconfont{
		font-size: 60px;
	}
	.brief-intro h1{
		line-height: 70px;
	}
	.brief-intro p{
		margin-top: 40px;
		line-height: 40px;
	}
	#yellow-line{
		width: 55px;
	}
	.corepros{
		padding-left: 0;
		padding-right: 0;
	}
	.corepros li{
		width: 48%;
		margin-right: 0;
		margin-left: 1%;
		margin-top: 25px;
	}
	.corepros li:nth-child(2n){
		float: right !important;
		margin-right: 1%;
	}
	.corepros li:hover{
		border: none;
	}
	.pro-detail-box{
		margin-top: -35px;
		margin-left: -35px;
		width: 70px;
		height: 70px;
		line-height: 70px;
		border-radius: 35px;
	}
	.corepro-titlebox{
		width: 230px;
	}
	.corepro-titlebox .iconfont{
		font-size: 40px;
	}
	.corepro-titles h1{
		line-height: 42px;
	}
	.corepro-titles span{
		line-height: 20px;
	}
	.more-pros{
		height: 50px;
		line-height: 50px;
	}
	.footer-sup-coo{
		height: 160px;
		width: 96%;
	}
	.footer-supply,.cooperate{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.footer-supply h2,.cooperate h2{
		line-height: 64px;
	}
	.footer-supply ul li,.cooperate ul li{
		margin-right: 6px;
	}
	.cooperate ul li:nth-last-child(1){
		margin-right: 0;
	}
	.footer-copy{
		line-height: 21px;
	}
	.contact-list h1{
		line-height: 66px;
	}
	.contact-list .iconfont{
		font-size: 32px;
		line-height: 66px;
	}
	.wechat-codeimg{
		right: 6px;
	}
	.wechat-codeimg img{
		width: 128px;
	}
	.holder{
		height: 78px;
		line-height: 78px;
	}
	.news-imgmask h1,.news-imgmask h2{
		height: 26px;
		line-height: 26px;
	}
	.news-imgmask h1{
		bottom: 26px;
	}
	.news-imgmask h2{
		bottom: 1px;
	}
	.news-list li,.health-list li{
		float: none !important;
		max-width: 520px;
		width: 98%;
		margin: 0 auto !important;
		margin-bottom: 18px !important;
	}
	.news-summary{
		line-height: 40px !important;
	}
	.health-list li h1{
		height: 45px;
		line-height: 45px;
	}
 }
  @media screen and (max-width: 667px){
  	.pt150{padding-top: 80px !important;}
  	.pb15{padding-bottom: 9px !important;}
  	.mt32{margin-top: 20px !important;}
  	.fz36{font-size: 22px !important;}
  	.fz42{font-size: 33px !important;}
  	.fz50{font-size: 40px !important;}
  	.pb100{padding-bottom: 80px !important;}
  	.right-contact{
		height: 60px;
	}
	#tmall img{
		bottom: 18px;
	}
	#tmall h2{
		padding-top: 3px;
		font-size: 11px;
		line-height: 16px;
	}
	.right-contact .iconfont{
		height: 40px;
		line-height: 40px;
	}
	.right-contact h2{
		height: 20px;
		line-height: 20px;
		font-size: 10px;
	}
  	.load-pro-bg{
		width: 80%;
		height: 6px;
	}
	#load-pro{
		height: 4px;
	}
 	.advantage ul li h2{
		height: 45px;
		line-height: 45px;
	}
	.advantage .iconfont{
		float: left;
		width: 20%;
		height: 120px;
		line-height: 120px;
		font-size: 36px;
	}
  	.brief-intro p{
		margin-top: 35px;
	}
	.corepros li{
		margin-top: 15px;
	}
	.corepro-titlebox{
		width: 200px;
	}
	.more-pros{
		height: 45px;
		line-height: 45px;
	}
	.footer-sup-coo{
		height: 140px;
	}
	.footer-supply,.cooperate{
		padding-top: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid #484848;
		border-top: 1px solid #484848;
	}
	.footer-supply h2,.cooperate h2{
		line-height: 44px;
	}
	.footer-copy{
		line-height: 19px;
	}
	#adv-con-box img{
		width: 66%;
		max-width: 600px;
	}
	#adv-con-box p{
		width: 80%;
		line-height: 28px;
	}
	#adv-con{
		height: 100%;
		padding-top: 1.8%;
		padding-bottom: 0;
	}
	#adv-con ul{
		display: table-cell;
		vertical-align: middle;
	}
	#adv-con a{
		position: absolute;
		right: 8px;
		top: 3px;
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	#adv-con a:hover{
		transform: rotate(2160deg);
		transition:all 1.2s ease-in-out ;
	}
	#adv-con-box p{
		width: 88%;
		line-height: 24px;
	}
	.contact-list{
		width: 95%;
	}
	.contact-list h1{
		line-height: 50px;
	}
	.contact-list .iconfont{
		font-size: 30px;
		line-height: 50px;
	}
	.wechat-codeimg img{
		width: 120px;
	}
	 .holder a {
	 	width: 25%;
	 	height: 30px;
	 	line-height: 30px;
	 	font-size: 14px;
	 	margin: 0;
	 }
	 .holder{
		height: 68px;
		line-height: 68px;
	}
	 .holder a:hover {
	 	border-radius: 3px;
	 }
	 .holder a.jp-current {
	 	border-radius: 3px;
	 }
	 .news-imgmask h1,.news-imgmask h2{
		height: 24px;
		line-height: 24px;
	}
	.news-imgmask h1{
		bottom: 24px;
	}
	.news-imgmask h2{
		bottom: 0px;
	}
	 .news-summary{
		line-height: 36px !important;
	}
	.health-list li h1{
		height: 42px;
		line-height: 42px;
	}
  }
 @media screen and (max-width: 480px){
 	.pt150{padding-top: 50px !important;}
 	.pb15{padding-bottom: 7px !important;}
 	.mt10{margin-top: 3px !important;}
 	.mt32{margin-top: 16px !important;}
 	.mt50{margin-top: 20px !important;}
 	.mt150{margin-top: 60px !important;}
 	.mb80{margin-bottom: 35px !important;}
 	.fz14{font-size: 9px !important;}
 	.fz16{font-size: 11px !important;}
 	.fz18{font-size: 14px !important;}
 	.fz24{font-size: 15px !important;}
 	.fz30{font-size: 22px !important;}
 	.fz36{font-size: 20px !important;}
 	.fz42{font-size: 30px !important;}
 	.fz50{font-size: 38px !important;}
 	.right-contact{
		height: 50px;
	}
	.right-contact .iconfont{
		height: 35px;
		line-height: 35px;
	}
	.right-contact h2{
		height: 15px;
		line-height: 15px;
		font-size: 10px;
	}
	#tmall img{
		bottom: 30px;
	}
 	#owl-demo{
 		margin-top: 25px;
 	}
 	.advantage ul li{
		height: 150px;
		margin-top: 8px !important;
		border: 2px solid #52d3aa;
	}
	.advantage .iconfont{
		height: 150px;
		line-height: 150px;
	}
	.advantage ul li:nth-child(1){
		margin-top: 0px !important;
	}
	.advantage ul li:nth-child(3){
		margin: 0 auto !important;
		margin-top: 8px !important;
	}
	.advantage ul li:nth-child(2) .iconfont{
		font-size: 30px;
	}
	.brief-intro p{
		margin-top: 30px;
		line-height: 35px;
	}
	.corepros li{
		width: 49.5%;
		margin-top: 8px;
		margin-left: 0;
	}
	.corepros li:nth-child(2n){
		margin-right: 0;
	}
	.corepros li:hover{
		border: none;
	}
	.pro-detail-box{
		margin-top: -30px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		border-radius: 30px;
	}
	.pro-mask{
		height: 97%;
	}
	.pro-pos-weight{
		padding-top: 0;
		width: 100%;
		overflow: hidden;
	}
	.pro-infos-box .iconfont{
		display: none;
	}
	.pro-pos{
		float: left;
		margin-top: 0 !important;
	}
	.pro-pos:nth-child(2n){
		float: right;
	}
	.pro-infos-box{
		padding-top: 0;
	}
	.corepro-titlebox{
		width: 180px;
	}
	.corepro-titlebox .iconfont{
		font-size: 32px;
	}
	.corepro-titles h1{
		line-height: 36px;
	}
	.corepro-titles span{
		line-height: 20px;
	}
	.pro-pos-weight{
		width: 100%;
	}
	.pro-title-box{
		padding-bottom: 3px;
	}
	.pro-title-box a{
		display: none;
	}
	.pro-title-box h2{
		line-height: 28px !important;
	}
	.pro-title-box h2 a{
		display: block;
	}
	.pro-level{
		display: none;
	}
	.corepros li:hover .pro-level{
		border:none;
	}
	.more-pros{
		height: 45px;
		line-height: 45px;
	}
	.footer-sup-coo{
		width: 100%;
		height: 100px;
	}
	.footer-supply,.cooperate{
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #484848;
		border-top: 1px solid #484848;
	}
	.footer-supply ul li,.cooperate ul li{
		margin-right: 2px;
	}
	.cooperate ul li:nth-last-child(1){
		margin-right: 0;
	}
	.cooperate{
		border-top: none;
	}
	.footer-supply h2,.cooperate h2{
		line-height: 44px;
		margin-left: 8px;
	}
	.footer-supply ul,.cooperate ul{
		width: 80%;
	}
	.footer-copy{
		line-height: 17px;
	}
	.contact-list{
		width: 98%;
	}
	.contact-list h1{
		line-height: 40px;
	}
	.contact-list .iconfont{
		font-size: 22px;
		line-height: 40px;
	}
	.wechat-codeimg img{
		width: 100px;
	}
	.holder{
		height: 58px;
		line-height: 58px;
	}
	 .news-imgmask h1,.news-imgmask h2{
		height: 20px;
		line-height: 20px;
	}
	.news-imgmask h1{
		bottom: 24px;
	}
	.news-summary{
		line-height: 32px !important;
	}
	.health-list li h1{
		height: 36px;
		line-height: 36px;
	}
	.pro-classify li a{
	 	height: 32px;
	 	line-height: 32px;
	 }
 }
  @media screen and (max-width: 414px){
  	.pb15{padding-bottom: 5px !important;}
  	.mt32{margin-top: 12px !important;}
  	.mt50{margin-top: 15px !important;}
  	.mt150{margin-top: 50px !important;}
  	.fz30{font-size: 18px !important;}
  	.more-pros{
		height: 30px;
		line-height: 30px;
	}
	.corepro-titles h1{
		line-height: 30px;
	}
	.pro-detail-box{
		margin-top: -20px;
		margin-left: -20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}
  	.footer-sup-coo{
		height: 80px;
	}
	.footer-supply h2,.cooperate h2{
		line-height: 34px;
	}
	.footer-copy{
		line-height: 17px;
	}
	.contact-list{
		width: 95%;
	}
	.contact-list h1{
		line-height: 30px;
	}
	.contact-list .iconfont{
		font-size: 18px;
		line-height: 30px;
	}
	.wechat-codeimg img{
		width: 66px;
	}
	.news-imgmask{
		height: 50px;
	}
	 .news-imgmask h1,.news-imgmask h2{
		height: 18px;
		line-height: 18px;
	}
	.news-imgmask h1{
		bottom: 24px;
	}
  }