*{

	padding: 0;

	margin: 0;

}

@font-face {

	font-family: myFirstFont;

	src: url("Hiragino Sans GB W3.ttf")

}

body,div,ul,li,h1,h2,h3,h4,h5,h6,input,button,p {

	padding:0;

	margin:0;

	font-family:Microsoft YaHei,sans-serif,Arial;

}

div,p,li,a {

	font-size: 14px;

	color: #323d35;

}

a {

	text-decoration: none;

}

input {

	outline: medium;

}

.topWrap {

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: 100px;

	z-index: 9999;

	background: #ffffff;

}

.top {

	position: relative;

	width: 998px;

	height: 100px;

	margin: 0 auto;

}

.top .logo {

	margin-top: 39px;

	margin-left: 34px;

	width: 134px;

	height: 38px;

	float: left;

}

.top .logo img{

	width: 100%;

}

.top .topNav {

	float: left;

	margin-left: 189px;

	width: 580px;

	height: 100px;

	line-height: 100px;

}

.top .topNav li {

	float: left;

	margin: 0 25px;

}

.top .topNav li a {

	color: #323d35;

	text-decoration: none;

	font-size: 18px;

}

.top .topNav li a:hover,.top .topNav .active a {

	color: #39d167;	

}

.top p {

	position: absolute;

	right: -38px;

	top: 40px;

	color: #323d35;

	cursor: pointer;

	font-size: 18px;

}

.banImg img{

	height: 390px;

}

.banImg{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	/*height: 390px;*/

	position: relative;

	/*background: url("images/banner.jpg") no-repeat center center;*/ 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImgi img{

	/*height: 390px;*/

}

.banImgi{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	/*height: 390px;*/

	position: relative;

	/*background: url("images/banneri.jpg") no-repeat center center;*/ 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImg1 img,.banImg2 img,.banImg3 img{

	/*height: 390px;*/

}

.banImg1{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	/*height: 390px;*/

	position: relative;

	/*background: url("images/banner1.jpg") no-repeat center center;*/ 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImg2{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	/*height: 390px;*/

	position: relative;

	/*background: url("images/banner2.jpg") no-repeat center center;*/ 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImg3{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	/*height: 390px;*/

	position: relative;

	/*background: url("images/banner3.jpg") no-repeat center center;*/ 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImg4{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	height: 390px;

	position: relative;

	background: url("images/banner4.jpg") no-repeat center center; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImg5{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	height: 390px;

	position: relative;

	background: url("images/banner5.jpg") no-repeat center center; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.banImg6{

	/*margin-top: 100px;*/

	width: 100%;

	min-width: 998px;

	height: 390px;

	position: relative;

	background: url("images/banner6.jpg") no-repeat center center; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}









.doctor {

	margin: 75px auto 80px;

	width: 998px;

	height: 288px;

	overflow: hidden;

}

.doctor figure {

	float: left;

	margin-left: 22px;

	width: 231px;

	height: 284px;

	background: #fafafa;

	border-bottom: 4px solid #63ca61;

}

.doctor figure:nth-child(1) {

	margin-left: 3px;

}

.doctor figure img {

	display: block;

	width: 231px;

	height: 230px;

}

.doctor figure p {

	width: 231px;

	height: 54px;

	line-height: 54px;

	text-align: center;

}





/*慢病理念部分*/

.ideaWrap {

	width: 100%;

	height: 460px;

	background: #fafafa;

}

.idea {

	margin: 0 auto;

	width: 998px;

	height: 460px;

	text-align: center;

	overflow: hidden;

}

.idea h2 {

	margin: 60px 0 30px;

	font-size: 36px;

	color: #323d35;

}

.idea h4 {

	font-size: 22px;

	color: #797a7a;

}

.idea figure {

	margin-top: 62px;

	width: 249px;

	float: left;

}

.idea figure img {

	margin: 0 auto;

	width: 100px;

	height: 100px;

	display: block;

}

.idea figure p {

	font-size: 24px;

	line-height: 78px;

	text-align: center;

}





/*手机部分*/

.shouji {

	margin: 66px auto;

	width: 998px;

	/*height: 430px;*/

	overflow: hidden;

}

.shouji .shoujiImg {

	float: left;

	margin-left: 88px;

	width: 245px;

	/*height: 503px;*/

}

.shouji .shoujiImg img {

	width: 100%;

}

.shouji .shoujiRight {

	float: left;

	margin-left: 44px;

	width: 620px;

	text-align: center;

}

.shouji .shoujiRight h5 {

	font-weight: normal;

	margin-top: 160px;

	font-size: 22px;

}

.shouji .shoujiRight h3 {

	margin-top: 36px;

	font-size: 28px;

}



.botImg{

	width: 100%;

	min-width: 998px;

	/*height: 400px;*/

}

.botImg img {

	width: 100%;

}



.bottomWrap {

	margin-top: 5px;

	width: 100%;

	height: 300px;

	background: #333333;

	overflow: hidden;

}

.bottom {

	margin: 28px auto 0;

	width: 1200px;

	height: 230px;

	overflow: hidden;

}



.bottom div p {

	display: inline-block;

	font-size: 18px;

	line-height: 42px;

	color: #ffffff;

	border-bottom: 1px solid #39d167;

}

.bottom .follow {

	width: 109px;

	height: 200px;

	float: left;

}



.bottom .follow img {

	margin-top: 24px;

	width: 109px;

	height: 109px;

}

.bottom .chronic {

	float: left;

	margin-left: 130px;

	width: 200px;

	height: 200px;

}

.bottom .chronic ul {

	margin-top: 18px;

	font-size: 14px;

	line-height: 34px;



}

.bottom .chronic ul li a {

	text-decoration: none;

	color: #adadad;	

}

.bottom .contact {

	float: left;

	margin-left: 150px;

	width: 340px;

	height: 200px;

}

.bottom .contact ul {

	margin-top: 18px;

	font-size: 14px;

	line-height: 34px;



}

.bottom .contact ul li a {

	text-decoration: none;

	color: #adadad;	

}

.copy {

	text-align: center;

	font-size: 16px;

	color: #adadad;

}





/*登录框部分*/

.loginWrap {

	display: none;

	position: fixed;

	z-index: 99;

	top: 25%;

	width: 100%;

	height: 390px;



}

.login {

	margin: 0 auto;

	width: 578px;

	height: 390px;

	background: #ffffff;

	border-radius: 10px;

}

.login .top {

	width: 578px;

	height: 73px;

	background: url("images/login-top.png");

	font-size: 22px;

	color: #ffffff;

	text-align: center;

	line-height: 73px;

}

.login .form-control {

	margin: 0 auto;

	width: 495px;

}

.login .form-control input {

	margin-top: 22px;

	padding-left: 35px;

	width: 460px;

	height: 75px;

	background: #edf0ee;

	border: none;

	font-size: 20px;

	color: #797a7a;

}

.login .form-control input:nth-child(3){

	background: #39d167;

	border-radius: 8px;

	padding: 0;

	width: 495px;

	color: #ffffff;

}







/*-------医生端部分---------*/

.doctorApp {

	margin: 100px auto 0;

	width: 998px;

	text-align: center;

	overflow: hidden;



}

.doctorApp h2,.pharmacy h2 {

	font-size: 36px;

	color: #323d35;

}

.doctorApp h4,.pharmacy h4 {

	margin-top: 20px;

	font-size: 22px;

	color: #797a7a;

}

.doctorApp figure {

	width: 330px;

	margin: 60px 0 80px;

	float: left;

}

.doctorApp figure img,.pharmacy figure img {

	margin: 0 auto;

	width: 128px;

	height: 128px;



}

.doctorApp figure p,.pharmacy figure p {

	line-height: 78px;

	font-size: 22px;

}





.shoujiWrap {

	width: 100%;

	height: 480px;

	background: #fafafa;

	overflow: hidden;

}

.shoujiLeft {

	margin: 50px auto 0;

	width: 998px;

	height: 480px;

	overflow: hidden;

}

.shoujiLeft .img {

	width: 197px;

	height: 404px;

	float: left;

}

.shoujiLeft .img img,.shoujiRight .img img {

	display: block;

	width: 100%;

	height: 100%;

}

.shoujiLeft .right {

	float: left;

	margin-left: 90px;

	width: 700px;

}

.shoujiLeft .right h1,.shoujiRight .left h1 {

	font-size: 34px;

	margin-top: 130px;

}

.shoujiLeft .right h1 span,.shoujiRight .left h1 span {

	font-size: 54px;

	color: #39d167;

}

.shoujiLeft .right h3,.shoujiRight .left h3 {

	margin-top: 30px;

	font-size: 22px;



} 

.shoujiRight {

	margin: 70px auto;

	width: 998px;

	height: 400px;

	overflow: hidden;

}

.shoujiRight .left {

	width: 580px;

	float: left;

	text-align: right;

}

.shoujiRight .img {

	float: right;

	width: 183px;

	height: 376px;

}



/*------药店端样式----------*/

.pharmacyWrap {

	width: 100%;

/*	border-top: 6px solid #39d167;*/

	overflow: hidden;

}

.pharmacy {

	margin: 120px auto 60px;

	width: 998px;

	text-align: center;

	overflow: hidden;

}

.pharmacy figure {

	margin-top: 60px;

	width: 499px;

	float: left;

}

.advant {

	width: 100%;

	height: 420px;

	background: #fafafa;

	overflow: hidden;

}

.advant figure,.advant-2 {

	width: 820px;

	margin: 0 auto;

	overflow: hidden;

}

.advant figure img {

	margin-top: 30px;

	display: block;

	float: left;

}

.advant figure p {

	width: 371px;

	float: right;

	text-align: center;

	margin-top: 200px;

	font-size: 34px;

}

.advant-2 {

	padding: 80px 0 60px;

	overflow: hidden;

}

.advant-2 p {

	width: 370px;

	float: left;

	text-align: center;

	margin-top: 160px;

	font-size: 34px;

}

.advant-2 img {

	display: block;

	float: right;

}



/*-------企业概述部分样式-------*/

.qygs {

	margin-top: 100px;

	width: 100%;

	min-width: 998px;

	height: 391px;

	position: relative;

	background: url("images/banner-qyjs.jpg") no-repeat center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.title {

	margin: 40px 0;

	width: 100%;

	min-width: 998px;

	overflow: hidden;

}

.title .left-line,.title .right-line {

	float: left;

	width: 35%;

	height: 1px;

	margin-top: 14px;

}

.title .left-line img,.title .right-line img {

	width: 100%;

	height: 1px;



} 

.title .mid {

	width: 30%;

	float: left;

	font-size: 34px;

	text-align: center;

	overflow: hidden;

}

.contentWrap {

	padding: 10px 0 60px;

	background: #fafafa;

	width: 100%;

	overflow: hidden;

}

.content,.tdjs {

	margin: 40px auto 0;

	width: 1040px;
	
	text-align: left;

}

.content p {

	margin-top: 40px;

	font-size: 20px;

	line-height: 36px;

	color: #797a7a;

	text-indent: 2rem;

}

.tdjsBan {

	margin-top: 100px;

	width: 100%;

	min-width: 998px;

	height: 391px;

	position: relative;

	background: url("images/banner-tdjs.jpg") no-repeat center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.tdjs p {

	font-size: 20px;

	line-height: 36px;

	color: #797a7a;

}

.tdjs .p1 {

	text-indent: 2rem;

}



.zxdt {

	margin-top: 100px;

	width: 100%;

	min-width: 998px;

	height: 391px;

	position: relative;

	background: url("images/banner-zxdt.jpg") no-repeat center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow: hidden;

}

.bj {

	background: #fafafa;

}

.show {

	margin: 20px auto;

	width: 1110px;

	overflow: hidden;

}

.show .left {

	padding: 12px 20px;

	float: left;

	width: 254px;

	background: #ffffff;

}

.show dl {

	overflow: hidden;

	margin-top: 12px;

}

.show .left dt {

	float: left;

	width: 74px;

	height: 73px;

}

.show .left dt img {

	width: 74px;

	height: 74px;

}

.show .left dd {

	float: right;

	width: 170px;

	font-size: 14px;

	color: #686868;

}

.show .left dd span {

	display: block;

}

.show .left dd span:nth-child(1){

	margin-top: 6px;

	width: 170px;

	height: 40px;

	line-height: 20px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.show .left dd span:nth-child(2){

	margin-top: 6px;

}

.show .right {

	float: right;

	padding: 20px 58px;

	width: 646px;

	background: #ffffff;

	color: #797a7a;



}

.show .right h3 {

	font-size: 28px;

	text-align: center;

	color: #797a7a;

}

.show .right p {

	text-indent: 2rem;

	font-size: 20px;

	line-height: 34px;

	margin-top: 20px;

	color: #797a7a;

}

.show .right .next {

	margin: 64px 0;

}

.show .right .next a{

	font-size: 20px;

	color: #797a7a;

}

/*增加*/



.inner {

	position: relative;

}



.inner {

	margin: 0 auto;

	width: 960px;

}



.ly-intro .ly-sec-ic,

.ly-intro .ly-sec-txt {

	display: inline;

}



.ly-sec-txt {

	text-align: left;

}



.ly-mid-outer,

.ly-sec-ic {

	height: 350px;

}



.ly-mid-outer {

	display: table;

}



.ly-mid {

	padding-top: 100px;

	vertical-align: middle;

	margin-bottom: 40px;

}



.ly-intro .ly-sec-txt h1 {

	padding: 44px 0 20px;

	color: #3b4b60;

}



.ly-intro .ly-bt-dl {

	width: 195px;

	height: 64px;

	line-height: 64px;

	color: #fff;

	font-size: 28px;

	background: #12b7f5;

	margin-top: 0;

	vertical-align: middle;

	text-shadow: none;

	box-shadow: 1px 1px 2px rgba(192, 192, 192, .75), 0 0 2px rgba(255, 255, 255, .8) inset;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	padding: 0;

}



.ly-bt-dl {

	font-size: 18px;

	margin-right: 35px;

	display: inline-block;

	width: 180px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	margin-top: 30px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

}



.ly-intro .ly-sec-txt h1 {

	padding: 44px 0 20px;

	color: #3b4b60;

}

.ly-txt-h4 {

	font-size: 20px;

	padding: 30px 0 20px;

	color: #3b4b60;

}

.ly-intro h1 {

	font-size: 56px;

	padding-top: 36px;

	color: #333;

}



.ly-intro h5 {

	font-size: 20px;

	font-weight: 400;

	padding: 0;

	color: #485a70;

}



.ly-intro .ly-btn {

	margin-top: 100px;

}



.ly-to-use h3 {

	padding-bottom: 20px;

	color: #333;

}



.ly-to-use h4 {

	color: #929292;

}



.ly-lst-dl a {

	border: 1px solid #ccc;

	border-radius: 4px;

	width: 110px;

	height: 110px;

	line-height: 110px;

	display: block;

	margin-bottom: 20px;

}



.ly-to-use h3 {

	padding-bottom: 20px;

	color: #333;

}



.ly-sec-txt h3 {

	font-size: 32px;

	padding: 24px 0;

}



.ly-dl-qr img {

	max-width: 100px;

	vertical-align: middle;

}



.ly-lst-dl a {

	border: 1px solid #ccc;

	border-radius: 4px;

	width: 110px;

	height: 110px;

	line-height: 110px;

	display: block;

	margin-bottom: 20px;

}



.ly-lst-item {

	margin-right: 20px;

	float: left;

}



.ly-bx-sec {

	display: block;

	clear: both;

}