/* CSS Document */

* {

	padding: 0;

	margin: 0;

}

html, body {

	font-size: 14px;

	font-family: Arial, "微软雅黑", sans-serif;

	overflow-x: hidden;

	width: 100%;

	color: #5e5e5e

}

a {

	color: #5e5e5e;

	text-decoration: none;

}

ul, ol {

	list-style: none;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 14px;

	font-weight: normal;

}

b, strong {

	font-weight: normal;

}

i, em {

	font-style: normal;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

img {

	border: 0;

}

.clearfix:after {

	clear: both;

	display: block;

	content: '';

}

.clearfix {

	zoom: 1;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

input, textarea {

	font-family: "微软雅黑", Arial;

	outline: 0;

	font-size: 14px;

	-webkit-appearance: none;

	background: none;

	border: solid 1px #ddd;

	line-height: 18px;

	padding: 3px

}

body a {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

input[type="button"], input[type="submit"] {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.content {

	width: 100%;

	clear: both;

	overflow: hidden

}

.container {

	width: 1200px;

	margin: 0 auto;

}

.main {

	width: 100%;

	clear: both

}

/*--- 阴影 --*/

.shadow {

	-moz-box-shadow: 0 0 5px #ccc;

	/* 老的 Firefox */

	-webkit-box-shadow: 0 0 5px #ccc;

	box-shadow: 0 0 5px #ccc;

	/* For IE 8 */

	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');

	/* For IE 5.5 - 7 */

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');

}

/*--- 圆角 --*/

.radius {

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border: solid #ececec 1px;

}

/*--- 背景 ---*/

.bg-purple {

	background: #cc00ff

}

.bg-lilac {

	background: #a086d3

}

.bg-gray {

	background: #efefef

}

/*--- 按钮 --*/

.button {

	line-height: 18px;

	padding: 5px 20px;

	border: solid 1px #0CF;

	background: #1a9ee6;

	color: #fff;

	border: 0;

	cursor: pointer

}

.button:focus {

	background: #0581c5

}

a.btn-blue {

	background: #147da6;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

}

a.btn-blue:hover {

	background: #006389

}

a.btn-orange {

	background: #ff6800;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

}

a.btn-orange:hover {

	background: #ff4200

}

a.btn-green {

	background: #2cac17;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

}

a.btn-green:hover {

	background: #138400

}

/*--- header ---*/

.header {

	width: 100%;

	clear: both;

	background: #a798c3;

	height: 80px;

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 30;

	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);

}

.topbar {

	position: relative

}

.hotline {

	position: absolute;

	top: 25px;

	left: 240px;

	transition: .3s;

	line-height: 30px;

	background: url(../images/24hot.png) no-repeat left center;

	font-size: 24px;

	color: #fff;

	padding-left: 35px

}

.logo {

	position: absolute;

	top: 0;

	left: 0;

	transition: .3s

}

.nav {

	position: absolute;

	top: 0;

	right: 0;

	transition: .3s

}

.animenu_toggle {

	display: none;

	cursor: pointer;

	background: #4b3080;

	border: 0;

	padding: 13px 20px;

	height: 24px;

	width: 20px;

	float: right

}

.animenu_toggle:hover {

	background: #372163;

}

.animenu_toggle_bar {

	display: block;

	width: 20px;

	height: 2px;

	background: #fff;

	-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);

	transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);

}

.animenu_toggle_bar+.animenu_toggle_bar {

	margin-top: 6px;

}

.animenu_toggle-active .animenu_toggle_bar {

	margin: 0;

	position: absolute;

}

.animenu_toggle-active .animenu_toggle_bar:nth-child(1) {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.animenu_toggle-active .animenu_toggle_bar:nth-child(2) {

	opacity: 0;

}

.animenu_toggle-active .animenu_toggle_bar:nth-child(3) {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.animenu {

	display: block;

}

.animenu ul {

	padding: 0;

	font: 0px '微软雅黑';

}

.animenu li, .animenu a {

	display: inline-block;

}

.animenu a {

	color: #d5c0ff;

	text-decoration: none;

}

.animenu_nav {}



.animenu_nav>li {

	position: relative;

	height: 45px;

	line-height: 80px;

	font-size: 16px

}

.animenu_nav>li>a {

	padding: 0 10px;

	text-transform: uppercase;

}

.animenu_nav>li>a:first-child:nth-last-child(2):before {

	content: "";

	position: absolute;

	border: 4px solid transparent;

	border-bottom: 0;

	border-top-color: currentColor;

	top: 50%;

	margin-top: -2px;

	right: 10px;

}

.animenu_nav>li:hover>ul {

	opacity: 1;

	visibility: visible;

	margin: 0;

}

.animenu_nav>li:hover>a {

	color: #fff;

	background: #3f2a68

}

.index_wx {

	display: none

}

.index_wx img {

	width: 360px;

	height: 360px

}

.index_wx h3 {

	text-align: center;

	font-size: 16px

}

@media only screen and (max-width: 767px) {

	.header {

		height: 50px

	} .logo {

		top: 5px;

		left: 10px;

	} .logo img {

		width: 120px;

		height: 40px

	} .nav {

		top: 0;

		right: 0;

		left: 0

	} .top-right {

		top: 15px;

		right: 80px

	} .top-hotline {

		display: none

	} .animenu_toggle {

		display: inline-block;

	} .animenu {

		background: #a798c3;

	} .animenu_nav {

		display: none;

		background: #a798c3;

		padding: 0;

		margin-top: 50px

	} .animenu_nav>li {

		border-bottom: 1px solid #483372;

		height: 40px;

		line-height: 40px;

		font-size: 16px;

		width: 100%

	} .animenu_nav>li>a {

		padding: 0 20px;

		text-transform: uppercase;

		width: 100%

	} .animenu_nav a:hover {

		background: #3f2a68;

		color: #fff;

	} .index_wx {

		text-align: center;

		margin: 20px auto;

		width: 100%;

		width: 360px;

		display: block

	}

}

.animenu_nav-open {

	display: block !important;

}

.animenu_nav-open .animenu_nav_child {

	display: block;

}

/*--- footer ---*/

.footer {}



.footer-info {

	background: rgba(154, 9, 130, 0.86);

	color: #fff;

	padding: 30px 0

}

.footer-contact {

	float: left;

	width: 30%

}

.footer-contact dt {

	margin-bottom: 5px

}

.footer-contact dd {

	color: #fff;

	font-size: 24px;

	line-height: 34px

}

.footer-tags {

	float: left;

	width: 40%

}

.footer-tags li {

	float: left;

	background: #a798c3;

	line-height: 24px;

	padding: 0 8px;

	margin: 5px;

	border-radius: 3px;

}

.footer-tags li a {

	color: #fff;

}

.footer-tags li a:hover {

	color: #fff

}

.footer-tags li:hover {

	background: #a798c3;

	color: #fff

}

.footer-wx {

	float: right

}

.footer-wx img {

	width: 200px;

	height: 200px

}

.footer-wx p {

	text-align: center;

	line-height: 30px

}

.footer-bot {

	background-color: #a798c3;

	color: #fff;

	text-align: center;

	padding: 30px 0

}

/*--- banner ---*/

.banner {

	width: 100%;

	height: 450px;

	position: relative;

	margin-top: 80px;

	overflow: hidden

}

.banner_body {

	width: 2560px;

	height: 100%;

	position: absolute;

	left: 50%;

	margin-left: -1280px;

}

.banner .active {

	display: block;

}

.banner li {

	height: 450px;

	width: 100%;

	position: relative;

}

.banne .pan_txt {

	text-align: center;

	position: absolute;

	top: 0px;

	left: 50%;

	width: 800px;

	margin-left: -400px;

}

.ban_title {

	font-size: 42px;

	color: #fff;

	text-align: center;

	line-height: 70px;

	overflow: hidden;

	height: 70px;

	padding-top: 13%;

	width: 800px;

	margin: 0 auto;

}

.ban_Englis {

	text-align: center;

	color: #d0dcea;

	line-height: 16px;

	width: 746px;

	margin: auto;

	overflow: hidden;

	height: 32px;

	font-size: 14px;

}

.ban_date {

	width: 286px;

	text-align: right;

	color: #00f3ff;

	font-size: 18px;

	margin: 0 auto;

	line-height: 20px;

}

.ban_but_l {

	top: 45%;

	left: 30px;

}

.ban_c_but i {

	font-size: 24px;

	margin-top: -2px;

}

.ban_c_but a {

	width: 40px;

	height: 30px;

	background: rgba(0, 0, 0, 0.2);

	border-radius: 20px;

	text-align: center;

	padding-top: 10px;

	color: #fff;

	font-size: 18px;

	position: absolute;

	transition: all 0.3s ease-out 0s;

}

.ban_c_but a:hover {

	background: #2882E8;

	color: #fff;

}

.ban_bot_but {

	position: absolute;

	bottom: 10px;

	left: 50%;

	margin-left: -20px

}

.ban_bot_but li {

	width: 8px;

	height: 8px;

	border: 2px solid #777;

	float: left;

	cursor: pointer;

	border-radius: 6px;

	margin: 0 6px;

	border-color: rgba(111, 111, 111, 0.4)

}

.ban_but_r {

	top: 45%;

	right: 30px;

}

.banner .ban_bot_but .active {

	width: 12px;

	height: 12px;

	background-color: #2882e8;

	border: 0px;

}

.ban_box {

	position: relative;

	z-index: 3;

	height: 420px;

}

/*------ index ------*/

.content .mtitle {

	padding-top: 50px;

	text-align: center;

}

.content .mtitle h3 {

	font-size: 24px;

	line-height: 36px;

	font-weight: 700;

	clear: both

}

.content .mtitle p.subtitle {

	color: #999

}

.content .more {

	text-align: center;

	padding: 30px 0;

}

.content .more a {

	background: #fff;

	border-radius: 20px;

	font-size: 16px;

	border: solid 1px #ccc;

	padding: 8px 60px;

}

.content .more a:hover {

	background: #a798c3;

	color: #fff;

	border: #a798c3

}

/*--- job ---*/

.job-bg {

	background: #a086d3

}

.job {

	background: #a086d3

}

.job ul {

	overflow: hidden;

	color: #fff

}

.job ul li {

	float: left;

	width: 46%;

	padding: 2% 2%;

	overflow: hidden;

}

.job ul li h4 {

	font-size: 20px;

	margin: 10px auto;

	clear: both;

	font-weight: bold

}

.job ul li p {

	line-height: 30px;

}

/*--- service ---*/

.service {

	background: #a086d3

}

.service ul {

	overflow: hidden;

	color: #fff

}

.service ul li {

	float: left;

	width: 21%;

	padding: 2% 2%;

	overflow: hidden;

	text-align: center

}

.service ul li:hover {

	background: #a798c3;

	cursor: pointer

}

.service ul li img {

	margin: 10px auto;

	display: block;

}

.service ul li h4 {

	font-size: 20px;

	margin: 10px auto;

	clear: both

}

.service ul li p {

	line-height: 30px;

}

.service-wx img {

	width: 177px;

	height: 177px

}

/*--- product ---*/

.product {

	padding: 50px 0;

	clear: both;

	overflow: hidden

}

.pinfo {

	line-height: 30px;

	margin-bottom: 20px

}

.plist {

	width: 60%;

	float: left

}

.plist ul li {

	width: 28%;

	margin: 0 1%;

	padding: 20px 1%;

	float: left;

	background: #C609CB;

	border-radius: 5px;

	font-size: 16px;

	color: #fff;

	text-align: center

}

.plist ul li h3 {

	clear: both;

	font-size: 20px;

	margin-bottom: 20px

}

.clist {

	width: 32%;

	float: right

}

.clist ul li {

	width: 46%;

	margin: 2%;

	float: left;

	overflow: hidden

}

.clist .p-img {

	height: 120px;

	overflow: hidden

}

/*--- flow ---*/

.flow-bg {

	background: url(../images/flow-bg.png) no-repeat top center;

	color: #50a3a7

}

.flow {

	padding: 50px 0

}

.flow ul {

	padding: 0 3%;

	overflow: hidden

}

.flow ul li {

	float: left

}

.flow-icon {

	border: solid 2px #570f64;

	margin: 0 auto;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	text-align: center;

	width: 50px;

	height: 50px;

	padding: 23px;

	background: #fff;

	margin-bottom: 10px

}

.flow ul li p {

	text-align: center;

	font-size: 16px;

	color: #fff

}

.flow-info {

	width: 10%;

}

.flow-arrow {

	background: url(../images/arrow-r.png) no-repeat center center;

	height: 100px;

	width: 5%

}

/*--- medical ---*/

.medical-bg {

	background: url(../images/case-bg.png) no-repeat top center #ececec

}

.medical {

	padding: 30px 0

}

.medical ul {

	overflow: hidden;

}

.medical ul li {

	width: 19%;

	padding: 0.5%;

	float: left;

	overflow: hidden;

	text-align: center

}

.medical .p-img {

	height: 160px;

}

/*--- about us ---*/

.about {

	padding: 50px 0;

	background: url(../images/about-img.png) no-repeat right top;

}

.about-con {

	padding-right: 450px;

	line-height: 30px;

}

.about-data {

	margin: 30px 0;

	overflow: hidden;

}

.about-data ul li {

	width: 33%;

	float: left

}

.about-data-num {

	border: solid 2px #a086d3;

	margin: 0 auto;

	-webkit-border-radius: 47px;

	-moz-border-radius: 47px;

	border-radius: 47px;

	font-size: 30px;

	text-align: center;

	width: 90px;

	height: 30px;

	padding: 30px 0;

	line-height: 30px;

	color: #a086d3;

	margin-bottom: 10px

}

.about-data ul li p {

	text-align: center;

}

/*--- news ---*/

.news {

	padding: 30px 0

}

.news ul {

	overflow: hidden

}

.news ul li {

	float: left;

	width: 46%;

	margin: 0.5% 1%;

	padding: 1%

}

.news ul li:hover {

	background: #efefef;

	cursor: pointer

}

.news-img {

	width: 75px;

	height: 75px;

	overflow: hidden;

	float: left;

	margin-right: 20px

}

.news-img img {

	max-height: 75px;

}

.news-tit {

	font-weight: bold;

	line-height: 25px;

	height: 25px;

	overflow: hidden

}

.news-con {

	line-height: 25px;

	color: #999;

	height: 50px;

	overflow: hidden

}

.news-time {

	line-height: 25px;

	color: #f66b35

}

/*--- technology ---*/

.tech {

	padding: 50px 0

}

.tech ul li {}



/* 内页 */

.item-banner {

	clear: both;

	padding: 0;

	margin: 0;

	overflow: hidden;

	background-color: #f2eeed;

	height: 280px;

	margin-top: 80px

}

.banner-about {

	background: url(../images/banner-about.png) center top no-repeat;

}

.banner-surrogate {

	background: url(../images/banner-surrogate.png) center top no-repeat;

}

.banner-case {

	background: url(../images/banner-case.png) center top no-repeat;

}

.banner-medical {

	background: url(../images/banner-medical.png) center top no-repeat;

}

.banner-knowledge {

	background: url(../images/banner-knowledge.png) center top no-repeat;

}

.banner-notice {

	background: url(../images/banner-notice.png) center top no-repeat;

}

.banner-img {

	background: url(../images/banner-img.png) center top no-repeat;

}

.item-title {

	margin: 120px auto 0 auto;

	font-size: 36px;

	color: #fff;

	text-align: center

}

.sider {

	float: left;

	width: 220px;

	padding: 0

}

.crumb {

	padding: 10px 0;

	border-bottom: solid 1px #ddd;

	line-height: 30px;

	text-align: right;

	height: 30px;

	overflow: hidden

}

.crumb h3 {

	font-weight: bold;

	font-size: 16px;

	float: left

}

.html {

	line-height: 30px;

	padding: 25px;

	font-size: 14px;

	overflow: hidden

}

.html dl dt {

	font-size: 22px;

	font-weight: 700;

	text-align: center

}

.html dl dd {

	margin: 10px 0 0 0

}

.html-img {

	text-align: center;

}

.html-img img {

	width: 60%;

	margin: 0 auto

}

.html b, .html strong {

	font-weight: bold

}

.html th {

	background: #eee;

	border: solid 1px #ddd;

	line-height: 30px;

	text-align: center

}

.html td {

	border: solid 1px #ddd;

	line-height: 30px;

	width: 100px;

	text-align: center

}

.html-time {

	text-align: center;

	color: #999;

	font-size: 12px

}

.html-or {

	margin-top: 30px;

	height: 30px;

	line-height: 30px

}

.html-prev {

	float: left;

	width: 45%;

	height: 30px;

	overflow: hidden

}

.html-next {

	float: right;

	width: 45%;

	height: 30px;

	overflow: hidden;

	text-align: right

}

.html-tags {

	color: #999;

	margin-top: 20px

}

.html a {

	text-decoration: underline;

	color: #FF6700

}

.newslist {

	padding: 30px 10px;

	clear: both;

	overflow: hidden

}

.newslist ul li {

	border-bottom: dashed 1px #ccc;

	padding: 10px 0;

	overflow: hidden

}

.newslist ul li .news-img {

	float: left;

	width: 120px;

	height: 75px;

	border: solid 1px #ccc;

	padding: 4px;

	overflow: hidden

}

.newslist ul li .news-img img {

	width: 100%

}

.newslist ul li .news-tit {

	overflow: hidden;

	font-size: 16px;

	font-weight: bold;

	margin: 0 0 10px 170px;

	height: 20px;

	line-height: 20px;

	overflow: hidden;

	margin-bottom: 10px

}

.newslist ul li .news-info {

	line-height: 28px;

	height: 56px;

	overflow: hidden;

	color: #777;

	margin-left: 170px

}

.newslist ul li .news-time {

	color: #F30;

	font-size: 12px;

	line-height: 24px;

	margin-left: 170px

}

.searchlist {

	padding: 30px 10px;

	clear: both;

	overflow: hidden

}

.searchlist ul li {

	border-bottom: dashed 1px #ccc;

	line-height: 35px;

}

.searchlist ul li span {

	color: #E44114;

	float: left;

	margin-right: 10px

}

.search-form {

	margin: 10px 0;

}

.search-input {

	width: 200px;

}

.search-btn {}



.taglist {

	padding: 30px 10px;

	clear: both;

	overflow: hidden

}

.taglist ul li {

	line-height: 30px;

	padding: 5px 10px

}

.gbook {

	padding: 30px 10px;

	clear: both;

	overflow: hidden

}

.gbook-info {

	float: right;

	width: 30%

}

.gbook table {

	width: 60%;

}

.gbook table th {

	width: 20%;

	text-align: right;

}

.gbook table th, .gbook table td {

	line-height: 30px;

	padding: 5px

}

.noticelist {

	padding: 30px 10px;

	clear: both;

	overflow: hidden

}

.noticelist ul li {

	border-bottom: dashed 1px #ccc;

	padding: 10px 0;

	overflow: hidden;

	line-height: 30px

}

.noticelist ul li .notice-img {

	float: left;

	width: 120px;

	height: 90px;

	overflow: hidden

}

.noticelist ul li .notice-img img {

	width: 100%

}

.noticelist ul li .notice-tit {

	font-size: 18px;

	font-weight: bold;

	height: 32px;

	margin-left: 150px

}

.noticelist ul li .notice-info {

	color: #777;

	margin-left: 150px

}

.piclist {

	padding: 30px 10px;

	clear: both;

	overflow: hidden

}

.piclist ul li {

	width: 19%;

	padding: 0.5%;

	float: left;

	text-align: center;

	height: 140px;

	overflow: hidden

}

.piclist .p-img {

	height: 140px;

}

.piclist .p-img img {

	width: 100%;

	cursor: pointer;

}

.piclist a {

	color: #fff

}

.piclist a:hover {

	color: #fff

}

.lightbox_wrap {

	display: none;

}

.lightbox_bg {

	background: #000;

	filter: alpha(opacity=70);

	opacity: .7;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

}

.lightbox {

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	z-index: 102;

	text-align: center;

}

.lightbox p {

	position: absolute;

	height: 61px;

	width: 38px;

	top: 50%;

	left: 0;

	z-index: 102;

	background: transparent url(../images/themes.png) no-repeat left top;

	margin-top: -30.5px;

	cursor: pointer;

}

.lightbox p.next {

	left: auto;

	background-position: right top;

	right: 0;

}

.p-img {

	padding: 4px;

	background: #fff;

	border: solid 1px #ddd;

	overflow: hidden;

	text-align: center

}

.p-img img {

	width: 100%

}

.p-tit {

	font-size: 14px;

	line-height: 30px;

	height: 30px;

	overflow: hidden;

	margin-top: -30px;

	background: #682edb;

	opacity: 0.9;

	color: #fff

}

.proinfo {

	line-height: 30px;

	margin: 30px 0

}

.proinfo dl dt {

	text-align: center;

	font-size: 24px;

	line-height: 36px;

	margin-bottom: 10px;

	font-weight: bold

}

.proinfo dl dd {

	line-height: 30px

}

.prolist {

	padding: 30px 0;

	clear: both;

	overflow: hidden

}

.prolist ul li {

	width: 28%;

	margin: 50px 2%;

	border: solid 4px #a086d3;

	float: left;

}

.prolist ul li b {

	font-weight: bold;

	font-size: 16px

}

.prolist ul li:hover {

	background: #a086d3;

	color: #fff;

	cursor: pointer

}

.pro-tit {

	margin: -52px auto 0 auto;

	width: 100px;

	text-align: center;

	line-height: 60px;

	font-size: 60px;

	padding: 20px 0;

	border: solid 5px #a086d3;

	-webkit-border-radius: 54px;

	-moz-border-radius: 54px;

	border-radius: 54px;

	background: #fff;

	color: #a086d3;

	font-weight: bold

}

.pro-con {

	padding: 20px 20px;

	line-height: 30px;

	min-height: 280px

}

.pro-img {

	height: 100px;

	overflow: hidden;

}

.pro-img img {

	width: 100%

}

.digg4 {

	padding: 3px;

	margin: 3px;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-bottom: 20px

}

.digg4 a, .digg4 span.miy {

	margin: 2px;

	text-decoration: none;

}

.digg4 .disabledfy {

	font-family: Tahoma, Verdana;

}

.metpager_8 a, .metpager_8 span.miy {

	border: 1px solid #ddd;

	padding: 2px 5px 2px 5px;

	color: #aaa;

}

.metpager_8 a:hover {

	border: 1px solid #a0a0a0;

}

.metpager_8 a:hover {

	border: 1px solid #a0a0a0;

}

.metpager_8 span.current {

	border: 1px solid #e0e0e0;

	padding: 2px 5px 2px 5px;

	margin: 2px;

	color: #aaa;

	background-color: #f0f0f0;

	text-decoration: none;

}

.metpager_8 span.disabled {

	border: 1px solid #f3f3f3;

	padding: 2px 5px 2px 5px;

	margin: 2px;

	color: #ccc;

}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {

	.container {

		width: 100%;

		margin: 0 auto;

	} .about-con {

		padding-right: 350px

	}

}

@media only screen and (min-width: 768px) and (max-width: 999px) {

	.container {

		width: 100%;

		margin: 0 auto;

	} .about-con {

		padding-right: 250px

	}

}

@media only screen and (max-width: 767px) {

	.container {

		width: 100%;

		margin: 0 auto;

	} .hotline {

		position: absolute;

		top: 10px;

		left: 160px;

		font-size: 16px;

		background: url(../images/24hot-l.png) no-repeat left center;

	} .footer-contact {

		float: left;

		width: 40%;

		padding-left: 1%

	} .footer-tags {

		float: left;

		width: 58%;

		padding-right: 1%

	} .footer-wx {

		float: left;

	} .about {

		background: none

	} .about-con {

		padding: 0 20px;

	} .plist {

		width: 100%;

		float: none

	} .clist {

		width: 100%;

		float: none

	} .service ul li {

		width: 46%;

		padding: 2% 2%;

	} .news ul li {

		float: left;

		width: 96%;

		margin: 0.5% 1%;

		padding: 1%

	} .medical ul li {

		width: 48%;

		padding: 1%;

	} .banner {

		width: 100%;

		height: 240px;

		margin-top: 50px;

	} .banner_body {

		width: 1280px;

		height: 100%;

		position: absolute;

		left: 50%;

		margin-left: -640px;

	} .banner li {

		height: 240px;

		width: 100%;

		position: relative;

	} .ban_bot_but li {

		width: 8px;

		height: 8px;

		border: 2px solid #777;

		float: left;

		cursor: pointer;

		border-radius: 6px;

		margin: 0 6px;

		border-color: rgba(111, 111, 111, 0.4)

	} .ban_box {

		position: relative;

		z-index: 3;

		height: 220px;

	} .flow-icon {

		border: solid 2px #570f64;

		margin: 0 auto;

		-webkit-border-radius: 40px;

		-moz-border-radius: 40px;

		border-radius: 40px;

		text-align: center;

		width: 50px;

		height: 50px;

		padding: 13px;

		background: #fff;

		margin-bottom: 10px

	} .piclist ul li {

		width: 48%;

		padding: 0.5% 1%;

	} .prolist ul li {

		width: 94%;

	} .crumb {

		padding: 10px;

	} .item-banner {

		margin-top: 50px

	} .noticelist ul li .notice-img {

		float: left;

		width: 90px;

		height: 60px;

		overflow: hidden

	} .noticelist ul li .notice-tit {

		font-size: 18px;

		font-weight: bold;

		height: 32px;

		margin-left: 110px

	} .noticelist ul li .notice-info {

		color: #777;

		margin-left: 110px

	} .job ul li {

		width: 90%;

		padding: 2% 5%;

		overflow: hidden;

	}

}

/*--- QQKF ---*/

.qqkf {

	margin-right: 0;

	width: 82px;

	position: fixed;

	right: 2px;

	top: 50%;

	-webkit-box-shadow: #DDD 0px 1px 5px;

	-moz-box-shadow: #DDD 0px 1px 5px;

	box-shadow: #DDD 0px 1px 5px;

	z-index: 99;

}

.qqkf .consult {

	background-image: url(../images/consult_icon.gif);

	background-repeat: no-repeat;

	background-position: center -77px;

	display: block;

	height: 76px;

	width: 82px;

}

.qqkf .consult .phone {

	background-color: rgb(247, 247, 255);

	position: absolute;

	width: 160px;

	left: -160px;

	top: 0px;

	line-height: 73px;

	color: #000;

	font-size: 18px;

	text-align: center;

	display: none;

	box-shadow: #DDD -1px 1px 4px;

}

.qqkf a.consult:hover .phone {

	display: inline !important;

}

.qqkf .cart {

	background-image: url(../images/consult_icon.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

	display: block;

	height: 16px;

	width: 16px;

	font-size: 12px;

	line-height: 16px;

	color: #45BDFF;

	text-align: center;

	padding: 15px 18px 47px 48px;

}

.qqkf a.cart:hover .pic {

	display: block;

}

.qqkf .btn_top {

	background-image: url(../images/float_top.gif);

	background-repeat: no-repeat;

	background-position: center top;

	display: block;

	height: 39px;

	width: 82px;

	-webkit-transition: all 0s ease-in-out;

	-moz-transition: all 0s ease-in-out;

	-o-transition: all 0s ease-in-out;

	transition: all 0s ease-in-out;

}

.qqkf .btn_top:hover {

	background-image: url(../images/float_top.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

.qqkf .cart .pic {

	display: none;

	position: absolute;

	left: -160px;

	top: 65px;

	width: 160px;

	height: 160px;

	background: url(../images/weixin.jpg);

}

#udesk-feedback-tab {

	position: fixed;

	right: 2px;

	top: 50%;

	margin-top: -76px;

	-webkit-box-shadow: #DDD 0px -1px 5px;

	-moz-box-shadow: #DDD 0px -1px 5px;

	box-shadow: #DDD 0px -1px 5px;

	z-index: 99;

	cursor: pointer;

	background-image: url(../images/consult_icon.gif);

	background-repeat: no-repeat;

	background-position: center top;

	display: block;

	height: 76px;

	width: 82px;

	background-color: #FFF!important;

}

div.system_publish {

	display: none;

}

/* 织梦原版翻页代码*/

.dede_pages{

	width:100%;

	float:none;

	overflow:hidden;

	text-align:center;

}

.dede_pages ul{

	margin:0px auto;

	float:none;

	clear:both;

	overflow:hidden;

	text-align:center;

	white-space:nowrap;

}

.dede_pages ul li,.viewbox .dede_pages ul li a{

	float:none;

	display:inline;

}