.bodybg {
	background: #f1f1f1
}
.main {
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto
}
#banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 0
}
.top_bn {
	width: 100%;
	max-height: 260px;
	overflow: hidden;
	display: none
}
.top_bt {
	width: 50px;
	height: 50px;
	background: url(../img/top_bt.png) no-repeat;
	cursor: pointer;
	position: fixed;
	z-index: 999;
	top: 40px;
	right: 20px;
	display: none
}
.casemt {
	margin-top: 20px
}
.case {
	margin: 0 20px 20px 20px;
	padding: 10px 10px;
	border: 1px solid #e3e3e3;
	background: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 3px 3px 10px #eaeaea;
	box-shadow: 3px 3px 10px #eaeaea
}
.case_more_btn {
	width: 172px;
	height: 50px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
	background-color: #eaeaea;
	font-size: 24px;
	color: #282828;
	margin-bottom: 40px
}
@media screen and (max-width:480px) {
.case {
	margin: 0 10px 10px 10px;
	padding: 5px 5px
}
.case_more_btn {
	margin-bottom: 20px;
	width: 86px;
	height: 25px;
	font-size: 14px;
	line-height: 25px
}
}
.topBar {
	width: 100%;
	height: 80px;
	background: #ba79b1;
	text-align: center
}
.topBar img {
	width: 314px;
	padding-top: 12px
}
@media screen and (max-width:480px) {
.topBar {
	height: 60px
}
.topBar img {
	width: 235px;
	padding-top: 9px
}
}
@media screen and (max-width:320px) {
.topBar {
	height: 40px
}
.topBar img {
	width: 157px;
	padding-top: 6px
}
}
.proBox {
	margin: 0 20px 20px 20px;
	overflow: hidden
}
.proBox dl {
	width: 280px;
	padding-left: 10px;
	height: 180px;
	padding-top: 20px;
	margin-top: 20px;
	font-size: 24px;
	line-height: 1;
	color: #323046;
	position: relative
}
.proBox dl a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.proBox dl.probg1 {
	background: url(../images/project/pro1.jpg) no-repeat
}
.proBox dl.probg2 {
	background: url(../images/project/pro2.jpg) no-repeat
}
.proBox dl.probg3 {
	background: url(../images/project/pro3.jpg) no-repeat
}
.proBox dl.probg4 {
	background: url(../images/project/pro4.jpg) no-repeat
}
.proBox dl.probg5 {
	background: url(../images/project/pro5.jpg) no-repeat
}
.proBox dl.probg6 {
	background: url(../images/project/pro6.jpg) no-repeat
}
.proBox dl.probg7 {
	background: url(../images/project/pro7.jpg) no-repeat
}
.proBox dl.probg8 {
	background: url(../images/project/pro8.jpg) no-repeat
}
.proBox dl.probg9 {
	background: url(../images/project/pro9.jpg) no-repeat
}
.proBox dl.probg10 {
	background: url(../images/project/pro10.jpg) no-repeat
}
.proBox dl.probg11 {
	background: url(../images/project/pro11.jpg) no-repeat
}
.proBox dl.probg12 {
	background: url(../images/project/pro12.jpg) no-repeat
}
.proBox dl.probg13 {
	background: url(../images/project/pro13.jpg) no-repeat
}
.proBox dl.probg14 {
	background: url(../images/project/pro14.jpg) no-repeat
}
.proBox dl.probg15 {
	background: url(../images/project/pro15.jpg) no-repeat
}
.proBox dl.probg16 {
	background: url(../images/project/pro16.jpg) no-repeat
}
.proBox dl.probg17 {
	background: url(../images/project/pro17.jpg) no-repeat
}
.proBox dl.probg18 {
	background: url(../images/project/pro18.jpg) no-repeat
}
.proBox dl.probg19 {
	background: url(../images/project/pro19.jpg) no-repeat
}
.proBox dl.probg20 {
	background: url(../images/project/pro20.jpg) no-repeat
}
.proBox span {
	font-size: 12px;
	line-height: 1
}
@media screen and (max-width:480px) {
.proBox {
	margin: 0 10px 10px 10px
}
.proBox dl {
	width: 185px;
	padding-left: 7px;
	height: 120px;
	padding-top: 15px;
	margin-top: 10px;
	font-size: 16px
}
.proBox dl.probg1, .proBox dl.probg2, .proBox dl.probg3, .proBox dl.probg4, .proBox dl.probg5, .proBox dl.probg6, .proBox dl.probg7, .proBox dl.probg8, .proBox dl.probg9, .proBox dl.probg10, .proBox dl.probg11, .proBox dl.probg12, .proBox dl.probg13, .proBox dl.probg14, .proBox dl.probg15, .proBox dl.probg16, .proBox dl.probg17, .proBox dl.probg18, .proBox dl.probg19, .proBox dl.probg20 {
	background-size: 192px auto
}
}
@media screen and (max-width:375px) {
.proBox dl {
	width: 165px
}
.proBox dl.probg1, .proBox dl.probg2, .proBox dl.probg3, .proBox dl.probg4, .proBox dl.probg5, .proBox dl.probg6, .proBox dl.probg7, .proBox dl.probg8, .proBox dl.probg9, .proBox dl.probg10, .proBox dl.probg11, .proBox dl.probg12, .proBox dl.probg13, .proBox dl.probg14, .proBox dl.probg15, .proBox dl.probg16, .proBox dl.probg17, .proBox dl.probg18, .proBox dl.probg19, .proBox dl.probg20 {
	background-size: 172px auto
}
}
@media screen and (max-width:360px) {
.proBox dl {
	width: 158px
}
.proBox dl.probg1, .proBox dl.probg2, .proBox dl.probg3, .proBox dl.probg4, .proBox dl.probg5, .proBox dl.probg6, .proBox dl.probg7, .proBox dl.probg8, .proBox dl.probg9, .proBox dl.probg10, .proBox dl.probg11, .proBox dl.probg12, .proBox dl.probg13, .proBox dl.probg14, .proBox dl.probg15, .proBox dl.probg16, .proBox dl.probg17, .proBox dl.probg18, .proBox dl.probg19, .proBox dl.probg20 {
	background-size: 165px auto
}
}
@media screen and (max-width:320px) {
.proBox dl {
	width: 140px;
	padding-left: 7px;
	height: 90px;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 14px
}
.proBox dl.probg1, .proBox dl.probg2, .proBox dl.probg3, .proBox dl.probg4, .proBox dl.probg5, .proBox dl.probg6, .proBox dl.probg7, .proBox dl.probg8, .proBox dl.probg9, .proBox dl.probg10, .proBox dl.probg11, .proBox dl.probg12, .proBox dl.probg13, .proBox dl.probg14, .proBox dl.probg15, .proBox dl.probg16, .proBox dl.probg17, .proBox dl.probg18, .proBox dl.probg19, .proBox dl.probg20 {
	background-size: 147px auto
}
}
.doctorBox {
	margin: 0 20px
}
#doctor h2 {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	text-indent: .5em
}
#doctor h2.hbg1 {
	background: #99f
}
#doctor h2.hbg2 {
	background: #4dbfb6
}
#doctor h2.hbg3 {
	background: #5947a9
}
@media screen and (max-width:480px) {
.doctorBox {
	margin: 0 10px
}
#doctor h2 {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	text-indent: .5em;
	font-weight: normal
}
}
.itembox {
	overflow: hidden;
	width: 100%;
	overflow: hidden
}
.itembox dl {
	width: 100%;
	height: 290px;
	border-radius: 3px;
	-webkit-box-shadow: 3px 3px 10px #eaeaea;
	box-shadow: 3px 3px 10px #eaeaea;
	margin-bottom: 20px;
	background: #fff
}
.itembox dt {
	width: 100%;
	height: 220px;
	overflow: hidden
}
.itembox dd.title {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	font-size: 20px
}
.itembox dd.title span {
	display: block;
	float: left;
	width: 37px;
	height: 24px;
	margin: 8px 14px 0 10px
}
.itembox dd.title span.ch {
	background: url(../images/doctor/ch.jpg) no-repeat
}
.itembox dd.title span.us {
	background: url(../images/doctor/us.jpg) no-repeat
}
.itembox dd.title span.kr {
	background: url(../images/doctor/kr.jpg) no-repeat
}
.itembox dd.title span.jpn {
	background: url(../images/doctor/jpn.jpg) no-repeat
}
.itembox dd.title span.th {
	background: url(../images/doctor/th.jpg) no-repeat
}
.itembox dd.btom {
	width: 100%
}
.itembox dd.btom a {
	display: block;
	float: left;
	height: 30px;
	font-size: 18px;
	color: #d6d6d6;
	line-height: 30px;
	margin: 0 10px
}
.itembox dd.btom a.zan {
	background: url(../images/doctor/doc_icon2.jpg) no-repeat left center;
	padding-left: 25px
}
.itembox dd.btom a.gz {
	background: url(../images/doctor/doc_icon1.jpg) no-repeat left center;
	padding-left: 30px
}
@media screen and (max-width:480px) {
.itembox dl {
	height: 190px;
	margin-bottom: 10px;
	background: #fff
}
.itembox dt {
	height: 150px
}
.itembox dd.title {
	height: 20px;
	line-height: 20px;
	font-size: 14px
}
.itembox dd.title span {
	width: 19px;
	height: 12px;
	margin: 4px 7px 0 5px
}
.itembox dd.title span.ch {
	background: url(../images/doctor/ch.jpg) no-repeat;
	background-size: 19px 12px
}
.itembox dd.title span.us {
	background: url(../images/doctor/us.jpg) no-repeat;
	background-size: 19px 12px
}
.itembox dd.title span.kr {
	background: url(../images/doctor/kr.jpg) no-repeat;
	background-size: 19px 12px
}
.itembox dd.title span.jpn {
	background: url(../images/doctor/jpn.jpg) no-repeat;
	background-size: 19px 12px
}
.itembox dd.title span.th {
	background: url(../images/doctor/th.jpg) no-repeat;
	background-size: 19px 12px
}
.itembox dd.btom a {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	margin: 0 5px
}
.itembox dd.btom a.zan {
	background: url(../images/doctor/doc_icon2.jpg) no-repeat left center;
	background-size: 9px 9px;
	padding-left: 12px
}
.itembox dd.btom a.gz {
	background: url(../images/doctor/doc_icon1.jpg) no-repeat left center;
	background-size: 12px 9px;
	padding-left: 15px
}
}
@media screen and (max-width:375px) {
.itembox dl {
	height: 175px
}
}
@media screen and (max-width:360px) {
.itembox dl {
	height: 165px
}
}
@media screen and (max-width:320px) {
.itembox dl {
	height: 150px
}
}
.docbanner {
	width: 100%;
	position: relative;
	height: auto
}
.docbanner p {
	position: absolute;
	top: 79%;
	left: 3%;
	z-index: 9999;
	font-size: 1.125em;
	line-height: 1.1
}
.docbanner p span {
	font-size: 2.25em;
	font-weight: bold
}
.docbanner a {
	display: block;
	position: absolute;
	top: 79%;
	right: 3%;
	width: 47px;
	height: 43px;
	background: url(../images/icons/zan_icon.png) no-repeat
}
@media screen and (max-width:480px) {
.docbanner p span {
	font-size: 1.68em
}
.docbanner a {
	background: url(../images/icons/zan_icon.png) no-repeat;
	background-size: 30px auto
}
}
#doc_detais h2 {
	display: block;
	width: 100%;
	border-bottom: 1px solid #afafaf;
	font-size: 20px;
	font-weight: bold;
	color: #282828;
	text-indent: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin-top: 10px
}
#doc_detais h2.d1 {
	background: url(../images/icons/doc_icon1.png) no-repeat 8px center
}
#doc_detais h2.d2 {
	background: url(../images/icons/doc_icon2.png) no-repeat 6px center
}
#doc_detais h2.d3 {
	background: url(../images/icons/doc_icon3.png) no-repeat 8px center
}
#doc_detais p {
	font-size: 20px;
	color: #868686;
	padding-left: 130px;
	line-height: 1.7
}
.docpt10 {
	padding-top: 20px
}
.docpl10 {
	padding-right: 10px
}
a.doc_up, a.doc_down {
	display: inline-block;
	width: 32px;
	height: 18px;
	margin: 20px auto;
	cursor: pointer;
	position: relative;
	left: 50%;
	margin-left: -16px
}
a.doc_up {
	background: url(../images/icons/doc_up.png) no-repeat
}
a.doc_down {
	background: url(../images/icons/doc_down.png) no-repeat
}
@media screen and (max-width:480px) {
a.doc_up, a.doc_down {
	margin: 10px auto 0
}
.docpt10 {
	padding-top: 10px
}
#doc_detais h2 {
	font-weight: normal;
	font-size: 16px;
	text-indent: 30px;
	height: 30px;
	line-height: 30px
}
#doc_detais h2.d1 {
	background: url(../images/icons/doc_icon1.png) no-repeat 6px center;
	background-size: 15px auto
}
#doc_detais h2.d2 {
	background: url(../images/icons/doc_icon2.png) no-repeat 5px center;
	background-size: 16px auto
}
#doc_detais h2.d3 {
	background: url(../images/icons/doc_icon1.png) no-repeat 6px center;
	background-size: 16px auto
}
#doc_detais p {
	font-size: 14px;
	padding-left: 65px
}
a.doc_up {
	background: url(../images/icons/doc_up.png) no-repeat;
	background-size: 16px 9px
}
a.doc_down {
	background: url(../images/icons/doc_down.png) no-repeat;
	background-size: 16px 9px
}
}
@media screen and (max-width:320px) {
.docpt10 {
	padding-top: 10px
}
#doc_detais h2 {
	font-size: 14px;
	text-indent: 20px;
	height: 20px;
	line-height: 20px
}
#doc_detais p {
	font-size: 12px;
	padding-left: 65px
}
#doc_detais h2.d1 {
	background: url(../images/icons/doc_icon1.png) no-repeat 4px center;
	background-size: 10px auto
}
#doc_detais h2.d2 {
	background: url(../images/icons/doc_icon2.png) no-repeat 3px center;
	background-size: 12px auto
}
#doc_detais h2.d3 {
	background: url(../images/icons/doc_icon1.png) no-repeat 4px center;
	background-size: 11px 11px
}
}
.doctornews {
	background: #fff;
	width: 100%;
	padding-top: 20px;
	overflow: hidden
}
.newsitem {
	margin: 0 20px 40px;
	overflow: hidden
}
.newsitem dd, .newsitem dt {
	float: left
}
.newsitem dd.times {
	width: 22%;
	font-size: 24px;
	color: #000;
	line-height: 1
}
.newsitem dt.imgs {
	width: 27.5%;
	margin-right: 2%
}
.newsitem dt.imgs ul {
	float: left;
	width: 100%
}
.newsitem dt.imgs li {
	float: left;
	width: 100%;
	margin: 1px 0
}
.newsitem dt.imgs li img {
	float: left;
	width: 100%
}
.newsitem dd.news {
	width: 48.5%;
	overflow: hidden;
	font-size: 18px;
	color: #282828
}
.newsitem dd.times strong {
	font-size: 48px
}
.newsitem dd.news strong {
	font-size: 24px;
	display: block;
	line-height: 1;
	padding-bottom: 20px
}
@media screen and (max-width:480px) {
.newsitem dd.times strong {
	font-size: 24px
}
.newsitem dd.times {
	font-size: 14px
}
.newsitem dd.news {
	font-size: 14px
}
.newsitem dd.news strong {
	font-size: 16px;
	padding-bottom: 10px
}
}
@media screen and (max-width:320px) {
.newsitem dd.times strong {
	font-size: 20px
}
.newsitem dd.news {
	font-size: 12px
}
.newsitem dd.news strong {
	font-size: 14px;
	padding-bottom: 10px
}
}
.bodybg2 {
	background: #282828;
	width: 100%;
	height: 100%
}
.bodybg2 .bx-wrapper .bx-pager {
	bottom: -70%
}
.bodybg2 .bx-wrapper {
	margin-top: 30%
}
.pictext {
	margin-top: -30px
}
.bodybg2 p {
	font-size: 14px;
	color: #fff;
	padding: 5px 10px
}
.bodybg2 p.doc_title {
	font-size: 18px;
	font-weight: bold
}
@media screen and (min-width:480px) {
.bodybg2 .bx-wrapper .bx-pager {
	bottom: -40%
}
.bodybg2 .bx-wrapper {
	margin-top: 10%
}
}
@media screen and (max-height:480px) {
.bodybg2 .bx-wrapper .bx-pager {
	bottom: -70%
}
.bodybg2 .bx-wrapper {
	margin-top: 10%
}
}
@media screen and (max-height:640px) {
.bodybg2 .bx-wrapper .bx-pager {
	bottom: -80%
}
.bodybg2 .bx-wrapper {
	margin-top: 10%
}
}
.artitem {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 20px;
	font-size: 20px;
	color: #a3a3a3;
	margin-bottom: 20px
}
.artitem a {
	color: #303030;
	font-size: 24px
}
.artitem dt {
	float: left;
	width: 28.33333%;
	margin-right: 2%
}
.artitem dd {
	padding-top: 5px
}
h2.art {
	display: block;
	width: 100%;
	height: 50px;
	background: #eaeaea;
	line-height: 50px;
	color: #282828;
	font-size: 30px;
	text-indent: 10px;
	margin: 15px 0 30px
}
@media screen and (max-width:480px) {
.wp h2 {
	font-size: 18px
}
h2.art {
	height: 25px;
	padding: 5px 0;
	line-height: 25px;
	text-indent: 5px;
	margin-bottom: 15px;
	margin-top: 5px
}
.artitem {
	padding-bottom: 10px;
	margin: 15px 0;
	font-size: 12px;
	color: #a3a3a3
}
.artitem a {
	color: #303030;
	font-size: 14px
}
}
.art_detail {
	margin: 30px 10px 0;
	font-size: 24px;
	color: #282828;
	line-height: 1.5
}
.art_detail img {
	display: block;
	margin: 0 auto
}
.art_detail h2 {
	font-size: 30px;
	text-align: center;
	line-height: 40px
}
.art_detail h3 {
	font-size: 18px;
	line-height: 35px;
	padding-bottom: 10px;
	text-align: center
}
.art_detail p {
	padding-top: 10px
}
.art_detail strong {
	margin: 8px 0 0 0;
	color: purple
}
.art_detail_h2 {
	width: 100%;
	background: #eaeaea;
	margin-top: 40px;
	text-indent: 20px
}
.related_box {
	width: 100%;
	margin-top: 20px
}
.related_box a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #282828;
	border-bottom: 1px solid #282828;
	opacity: .6
}
.article_ad {
	margin-top: 20px;
	overflow: hidden
}
.article_ad .bx-viewport {
	border: 10px solid #fff
}
.article_ad .bx-wrapper .bx-pager {
	bottom: -40px
}
@media screen and (max-width:480px) {
.art_detail {
	margin: 20px 10px 0;
	font-size: 16px;
	color: #282828;
	line-height: 1.5
}
.art_detail img {
	display: block;
	margin: 0 auto
}
.art_detail h2 {
	font-size: 22px
}
.art_detail h3 {
	font-size: 14px;
	line-height: 1;
	padding-bottom: 20px
}
.related_box a {
	height: 40px;
	line-height: 40px
}
.art_detail_h2 {
	margin-top: 30px;
	text-indent: 15px
}
.article_ad {
	margin-top: 10px;
	overflow: hidden;
	margin-bottom: -30px
}
.article_ad .bx-viewport {
	border: 5px solid #fff
}
.article_ad .bx-wrapper .bx-pager {
	bottom: -25px
}
}
@media screen and (max-width:360px) {
.art_detail {
	margin: 15px 8px 0;
	font-size: 14px;
	color: #282828;
	line-height: 1.5
}
.art_detail h2 {
	font-size: 18px
}
.art_detail h3 {
	font-size: 12px;
	line-height: 1;
	padding-bottom: 15px
}
.related_box a {
	height: 30px;
	line-height: 30px
}
.art_detail_h2 {
	margin-top: 20px;
	text-indent: 10px
}
}
.iinfo {
	width: 100%;
	background: #f3f3f3;
	text-align: center;
	line-height: 16px;
	font-size: 14px;
	padding: 15px 0
}
.iinfo span {
	display: inline-block;
	padding: 0 5px
}
.iinfo span img {
	width: 16px;
	padding-right: 3px;
	vertical-align: top
}
@media screen and (min-width:400px) {
.iinfo {
	line-height: 18px;
	font-size: 15px;
	padding: 15px 0
}
.iinfo span img {
	width: 18px
}
}
@media screen and (min-width:480px) {
.iinfo {
	line-height: 24px;
	font-size: 18px;
	padding: 15px 0
}
.iinfo span img {
	width: 24px
}
}
@media screen and (min-width:560px) {
.iinfo {
	line-height: 28px;
	font-size: 20px;
	padding: 20px 0
}
.iinfo span img {
	width: 28px
}
}
.artNav {
	margin: 20px 20px;
	background: #fff;
	overflow: hidden;
	padding-bottom: 20px;
	box-shadow: 0 0 5px 1px #e8e8e8
}
.artNav a {
	display: block;
	float: left;
	width: 30%;
	background: #f4f4f4;
	text-align: center;
	margin-top: 20px;
	margin-left: 1.5%;
	margin-right: 1.5%;
	font-size: 24px;
	color: #282828;
	padding: 10px 0
}
.artNav a.current {
	background: #282828;
	color: #fff
}
.artbox {
	margin: 20px 20px;
	background: #fff;
	padding-bottom: 20px;
	box-shadow: 0 0 5px 1px #e8e8e8
}
.artbox .imgbox {
	padding: 10px 10px;
	overflow: hidden
}
.artbox h2 {
	text-align: center;
	font-size: 28px;
	line-height: 1.2
}
.artbtn {
	margin: 20px 10px;
	background: #fa604a;
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding: 35px 0;
	display: block;
	border-radius: 5px
}
.artbtn:hover {
	color: #fff
}
.artitem2 {
	width: 47.5%;
	overflow: hidden;
	margin-bottom: 20px
}
.artitem2 dd {
	width: 100%;
	overflow: hidden;
	background: #e9e9e9;
	line-height: 1.7
}
.artbox .imgbox p {
	font-size: 14px
}
.artbox .imgbox p span {
	color: #fa604a
}
.artitem2 span {
	display: block;
	width: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 5px
}
.steptext {
	width: 100%;
	overflow: hidden
}
.steptext span {
	display: block;
	width: 24%;
	float: left;
	padding-top: 5px;
	font-size: 12px;
	margin-right: 1%
}
.at_b1 {
	border-bottom: 1px dashed #c9c7c7
}
.apt10 {
	padding-top: 20px
}
.artitem2 span.at1 {
	background: #ea452d;
	height: 25px;
	line-height: 25px
}
.artitem2 span.at2 {
	background: #fa604a;
	height: 40px;
	line-height: 40px
}
.fang {
	background: url(../images/article/fang.jpg) no-repeat left center;
	color: #fa604a;
	font-size: 26px;
	margin-left: 34px;
	padding-left: 32px;
	margin-top: 30px
}
.txt {
	font-size: 26px;
	color: #151515;
	padding-left: 66px
}
@media screen and (max-width:480px) {
.apt10 {
	padding-top: 10px
}
.artNav, .artbox {
	margin: 10px 10px;
	padding-bottom: 10px
}
.artbox .imgbox {
	padding: 5px
}
.artbox h2 {
	font-size: 18px;
	line-height: 1.3
}
.artNav a {
	font-size: 14px;
	padding: 5px 0;
	margin-top: 10px;
	width: 30%
}
.artbtn {
	margin: 10px 5px;
	font-size: 20px;
	color: #fff;
	padding: 15px 0
}
.artitem2 span.at2 {
	background: #fa604a;
	height: 65px;
	line-height: 65px
}
.artitem2 {
	margin-bottom: 10px
}
.fang {
	background: url(../images/article/fang.jpg) no-repeat left center;
	font-size: 16px;
	margin-left: 17px;
	padding-left: 16px;
	margin-top: 10px;
	background-size: 9px 9px
}
.txt {
	font-size: 16px;
	color: #151515;
	padding-left: 33px
}
}
@media screen and (max-width:400px) {
.artitem2 span.at1 {
	height: 40px;
	line-height: 40px
}
.artitem2 span.at2 {
	background: #fa604a;
	height: 100px;
	line-height: 95px
}
.artNav a {
	font-size: 12px;
	padding: 5px 0;
	margin-top: 10px;
	width: 30%
}
}
.nonediv {
	display: none;
	width: 100%
}
.f1 {
	background: #f1f1f1
}
@-webkit-keyframes reverseRotataZ {
0% {
-webkit-transform:rotateZ(-360deg)
}
100% {
-webkit-transform:rotateZ(360deg)
}
}
.head {
	width: 100%;
	background: #282828;
	text-align: center
}
.head img {
	max-width: 85%;
	padding: 10px 0
}
.menu {
	width: 100%;
	height: 40px;
	font-size: 14px;
	position: relative;
	background: #890c84;
	overflow: hidden
}
.menu ul li {
	float: left;
	height: 36px;
	line-height: 40px;
	overflow: hidden;
	color: #fff;
	padding: 0 10px
}
.menu ul li.on {
	border-bottom: 4px #e131da solid
}
.mainz {
	width: 98%;
	margin: 0 1%
}
.mainz .box {
	float: left;
	width: 100%
}
.mainz .box .con {
	float: left;
	width: 100%;
	margin-top: 10px
}
.mainz .box .con i {
	float: left;
	width: 30px;
	height: 60px;
	background: url(../images/test/ico01.png) top no-repeat;
	background-size: 100%;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	font-style: normal
}
.mainz .box .con dl {
	float: right;
	width: 88%
}
.mainz .box .con dt {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 30px
}
.mainz .box .con dd {
	float: left;
	width: 32%;
	margin-right: 1%;
	background: #ddd;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 13px
}
.mainz .box .con dd.small {
	line-height: 18px;
	padding: 2px 0;
	height: 36px
}
.mainz .box .con dd.ddon {
	background: #9e0c98;
	color: #fff
}
.mainz .box form {
	float: left;
	width: 100%;
	margin-top: 20px
}
.mainz .box form ul {
	width: 300px;
	margin-left: 2%
}
.mainz .box form ul li {
	float: left;
	width: 100%;
	margin: 8px 0
}
.mainz .box form ul li label {
	float: left;
	width: 70px;
	font-size: 15px;
	line-height: 30px;
	text-align: right
}
.mainz .box form ul li.submit {
	text-align: center
}
.mainz .box form ul li.value {
	display: none
}
.mainz .box form ul li.subject {
	display: none
}
.mainz .box form ul li.nature {
	display: none
}
.mainz .box form ul li input[type="text"] {
	float: left;
	height: 28px;
	margin-left: 1%;
	width: 215px;
	line-height: 28px;
	border: 1px #434343 solid;
	padding: 0 3px
}
.mainz .box form ul li input[type="submit"] {
	display: inline-block;
	width: 100px;
	height: 30px;
	text-align: center;
	border: 0;
	background: #9e0c98;
	color: #fff;
	font-size: 18px;
	border-radius: 6px
}
.mainz .box .txt {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	padding: 15px 0 0
}
.mainz .box .txt span {
	color: #f00
}
.mainz .box .recom {
	float: left;
	width: 100%;
	padding: 5px 0
}
.mainz .box .recom b {
	float: left;
	width: 24%;
	height: 100%;
	font-weight: bold;
	font-size: 18px;
	text-align: center
}
.mainz .box .recom ul {
	float: left;
	width: 76%;
	height: 100%
}
.mainz .box .recom ul li {
	float: left;
	width: 24%;
	margin-right: 1%;
	height: 100%;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	display: table;
	overflow: hidden
}
.mainz .box .recom ul li:nth-child(1) {
	background: #dfbfd7
}
.mainz .box .recom ul li:nth-child(2) {
	background: #6db5cb
}
.mainz .box .recom ul li:nth-child(3) {
	background: #f096bc
}
.mainz .box .recom ul li:nth-child(4) {
	background: #ba79b1
}
.mainz .box .recom ul li a {
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px
}
.mainz .box p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 30px
}
.mainz .box2 .con dl.dl1 dd span {
	float: left;
	background-image: url(../images/test/ico03.png);
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-left: 30%
}
.mainz .box2 .con dl.dl1 dd span.s1 {
	width: 19px;
	height: 20px;
	background-position: left bottom
}
.mainz .box2 .con dl.dl1 dd span.s2 {
	width: 14px;
	height: 20px;
	background-position: right bottom
}
.mainz .box2 .con dl.dl1 dd.ddon span.s1 {
	background-position: left top
}
.mainz .box2 .con dl.dl1 dd.ddon span.s2 {
	background-position: right top
}
.mainz .box2 .con dl.dl3 dd {
	width: 48%;
	background: 0;
	height: auto;
	margin-right: 2%
}
.mainz .box2 .con dl.dl3 dd.ddon {
	background: 0
}
.mainz .box2 .con dl.dl3 dd label {
	float: left;
	width: 100%;
	text-align: left;
	line-height: 30px
}
.mainz .box2 .con dl.dl3 dd input {
	float: left;
	width: 98%;
	border: 1px #282828 solid;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	padding: 0 2px
}
.mainz .box5 .con dl.photo dd {
	width: 90%;
	height: auto;
	background: 0;
	margin: 0
}
.mainz .box5 .con dl .pic {
	padding: 10px 0
}
.mainz .box5 .con dl .pic img {
	max-width: 90%
}
.mainz .box5 .con dl p.p1 {
	color: #707070;
	line-height: 26px;
	padding-bottom: 10px
}
.mainz .box5 .con dl p.p2 {
	color: #707070;
	line-height: 26px;
	font-size: 14px;
	padding-top: 10px
}
.mainz .box5 .con dl input[type="button"] {
	width: 190px;
	height: 40px;
	background: #ba79b1;
	border: 0;
	border-radius: 5px;
	font-size: 18px;
	color: #fff
}
.mainz .box5 .loading {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(255,255,255,0.8);
	text-align: center
}
.mainz .box5 .loading img {
	-webkit-animation: reverseRotataZ 3s linear infinite;
	margin-top: 100px
}
.mainz .box5 .loading span {
	color: #890c84;
	font-size: 24px;
	display: block;
	padding-top: 50px
}
.mainz .box5 form ul {
	width: 98%
}
.mainz .box5 form ul li input[type="text"] {
	width: 182px
}
.mainz .box5 form ul li textarea {
	float: left;
	height: 66px;
	width: 182px;
	line-height: 22px;
	border: 1px #434343 solid;
	padding: 0 3px;
	margin-left: 1%
}
.mainz .box6 .tit {
	float: left;
	width: 100%;
	line-height: 20px;
	font-size: 16px;
	padding-top: 10px;
	text-align: center;
	color: #890c84
}
.mainz .box6 .con dl dd {
	width: 49%;
	background: 0;
	height: auto
}
.mainz .box6 .con dl dd.ddon {
	background: 0
}
.mainz .box6 .con dl dd label {
	float: left;
	width: 100%;
	text-align: left;
	line-height: 30px
}
.mainz .box6 .con dl dd input {
	float: left;
	width: 96%;
	border: 1px #282828 solid;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	padding: 0 2px
}
.mainz .box7 .con dl.dl1 dd span {
	float: left;
	background-image: url(../images/test/ico03.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 30%
}
.mainz .box7 .con dl.dl1 dd span.s1 {
	width: 19px;
	height: 20px;
	background-position: left bottom
}
.mainz .box7 .con dl.dl1 dd span.s2 {
	width: 14px;
	height: 20px;
	background-position: right bottom
}
.mainz .box7 .con dl.dl1 dd.ddon span.s1 {
	background-position: left top
}
.mainz .box7 .con dl.dl1 dd.ddon span.s2 {
	background-position: right top
}
.mainz .box7 .con dl.dl3 dd span {
	float: left;
	background-image: url(../images/test/ico04.png);
	background-repeat: no-repeat
}
.mainz .box7 .con dl.dl3 dd span.s1 {
	width: 26px;
	height: 17px;
	background-position: left 0;
	margin: 11px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s2 {
	width: 19px;
	height: 26px;
	background-position: left -17px;
	margin: 7px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s3 {
	width: 22px;
	height: 26px;
	background-position: left -43px;
	margin: 7px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s4 {
	width: 26px;
	height: 24px;
	background-position: left -70px;
	margin: 8px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s5 {
	width: 30px;
	height: 25px;
	background-position: left -94px;
	margin: 8px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s6 {
	width: 30px;
	height: 22px;
	background-position: left -119px;
	margin: 9px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s7 {
	width: 24px;
	height: 21px;
	background-position: left -141px;
	margin: 10px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s8 {
	width: 19px;
	height: 35px;
	background-position: left -162px;
	margin: 3px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s9 {
	width: 30px;
	height: 24px;
	background-position: left -197px;
	margin: 8px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s10 {
	width: 20px;
	height: 26px;
	background-position: left -221px;
	margin: 7px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s11 {
	width: 30px;
	height: 24px;
	background-position: left -247px;
	margin: 8px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s12 {
	width: 30px;
	height: 8px;
	background-position: left -271px;
	margin: 16px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s13 {
	width: 20px;
	height: 26px;
	background-position: left -279px;
	margin: 7px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s14 {
	width: 19px;
	height: 28px;
	background-position: left -305px;
	margin: 6px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd span.s15 {
	width: 29px;
	height: 14px;
	background-position: left bottom;
	margin: 13px 0 0 23%
}
.mainz .box7 .con dl.dl3 dd.ddon span {
	float: left;
	background-image: url(../images/test/ico05.png);
	background-repeat: no-repeat
}
.mainz .box9 .con dl.dl1 dd {
	width: 99%
}
.photo_box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/loadsing.gif) no-repeat center 200px rgba(0,0,0,0.8);
	text-align: center;
	z-index: 1000
}
.photo_box img {
	padding-top: 20px;
	max-width: 90%
}
.photo_box_btn {
	height: 49px;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	background: -webkit-gradient(radial, 160 20, 160, 160 20, 30, from(#7e1f71), to(rgba(225,46,115,70)), color-stop(100%, #bc2870))
}
.photo_box_btn a {
	float: left;
	width: 100px;
	height: 29px;
	line-height: 29px;
	margin: 10px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	color: #890c84;
	font-size: 16px
}
.photo_box_btn input {
	float: right;
	width: 100px;
	height: 29px;
	line-height: 29px;
	margin: 10px;
	text-align: center;
	background: #fff;
	border: 0;
	border-radius: 5px;
	color: #890c84;
	font-size: 16px
}
@media screen and (min-width:400px) {
.menu {
	width: 100%;
	height: 44px;
	font-size: 14px;
	position: relative;
	background: #890c84;
	overflow: hidden
}
.menu ul li {
	float: left;
	height: 40px;
	line-height: 44px;
	overflow: hidden;
	color: #fff;
	padding: 0 10px
}
.menu ul li.on {
	border-bottom: 4px #e131da solid
}
.mainz .box .con dl {
	width: 90%
}
.mainz .box .con dd {
	width: 24%;
	font-size: 14px
}
.mainz .box form ul {
	margin-left: 10%
}
.mainz .box5 form ul {
	margin-left: 0
}
.mainz .box5 form ul li input[type="text"] {
	width: 250px
}
.mainz .box5 form ul li textarea {
	width: 250px
}
.mainz .box .recom ul li a {
	font-size: 15px
}
.footer {
	height: 80px
}
.foot {
	height: 80px
}
.fcon .nav {
	width: 88px;
	height: 88px
}
.fcon .nav a {
	font-size: 16px
}
.fcon .nav a img {
	width: 55%
}
.fcon .link {
	width: 77%
}
.fcon .link a {
	font-size: 14px;
	padding-top: 15px;
	line-height: 26px
}
.fcon .link a img {
	width: 30%
}
.fcon .link a.ask span {
	width: 18px;
	height: 18px;
	top: 10px;
	right: 25%;
	line-height: 18px;
	font-size: 14px
}
.navs_ul1 {
	bottom: 90px
}
.navs_ul1 li span {
	font-size: 15px
}
.navs_ul2 li {
	margin-top: 10px
}
.navs_ul2 li span {
	font-size: 14px;
	line-height: 22px
}
}
@media screen and (min-width:480px) {
.menu {
	width: 100%;
	height: 50px;
	font-size: 15px;
	position: relative;
	background: #890c84;
	overflow: hidden
}
.menu ul li {
	float: left;
	height: 46px;
	line-height: 50px;
	overflow: hidden;
	color: #fff;
	padding: 0 10px
}
.menu ul li.on {
	border-bottom: 4px #e131da solid
}
.mainz .box .con dl {
	width: 92%
}
.mainz .box .con dd {
	width: 24%;
	font-size: 15px
}
.mainz .box form ul {
	margin-left: 20%
}
.mainz .box5 form ul {
	margin-left: 0
}
.mainz .box5 form ul li input[type="text"] {
	width: 320px
}
.mainz .box5 form ul li textarea {
	width: 320px
}
.mainz .box .recom ul li a {
	font-size: 16px;
	line-height: 18px
}
.footer {
	height: 90px
}
.foot {
	height: 90px
}
.fcon .nav {
	width: 98px;
	height: 98px
}
.fcon .nav a {
	font-size: 16px
}
.fcon .nav a img {
	width: 55%
}
.fcon .link {
	width: 79%
}
.fcon .link a {
	font-size: 14px;
	padding-top: 15px;
	line-height: 26px
}
.fcon .link a img {
	width: 30%
}
.fcon .link a.ask span {
	width: 18px;
	height: 18px;
	top: 10px;
	right: 27%;
	line-height: 18px;
	font-size: 14px
}
.navs_ul1 {
	bottom: 100px
}
.navs_ul1 li span {
	font-size: 16px
}
.navs_ul2 li {
	margin-top: 14px
}
.navs_ul2 li span {
	font-size: 15px;
	line-height: 24px
}
}
@media screen and (min-width:560px) {
.menu {
	width: 100%;
	height: 50px;
	font-size: 16px;
	position: relative;
	background: #890c84;
	overflow: hidden
}
.menu ul li {
	float: left;
	height: 46px;
	line-height: 50px;
	overflow: hidden;
	color: #fff;
	padding: 0 10px
}
.menu ul li.on {
	border-bottom: 4px #e131da solid
}
.mainz .box .con dl {
	width: 94%
}
.mainz .box .con dd {
	width: 24%;
	font-size: 16px
}
.mainz .box form ul {
	margin-left: 25%
}
.mainz .box5 form ul {
	margin-left: 0
}
.mainz .box5 form ul li input[type="text"] {
	width: 400px
}
.mainz .box5 form ul li textarea {
	width: 400px
}
.mainz .box .recom ul li a {
	font-size: 17px;
	line-height: 20px
}
.footer {
	height: 100px
}
.foot {
	height: 100px
}
.fcon .nav {
	width: 108px;
	height: 108px
}
.fcon .nav a {
	font-size: 16px
}
.fcon .nav a img {
	width: 55%
}
.fcon .link {
	width: 80%
}
.fcon .link a {
	font-size: 14px;
	padding-top: 15px;
	line-height: 26px
}
.fcon .link a img {
	width: 30%
}
.fcon .link a.ask span {
	width: 18px;
	height: 18px;
	top: 10px;
	right: 30%;
	line-height: 18px;
	font-size: 14px
}
.navs_ul1 {
	bottom: 110px
}
.navs_ul1 li span {
	font-size: 18px
}
.navs_ul2 li {
	margin-top: 18px
}
.navs_ul2 li span {
	font-size: 18px;
	line-height: 28px
}
}
.warn {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999
}
.warn .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	background: #fff;
	padding: 30px;
	margin-left: -130px;
	margin-top: -80px;
	text-align: center
}
.warn .cont b {
	font-size: 16px;
	line-height: 24px
}
.warn .cont p {
	font-size: 14px;
	line-height: 22px
}
.artfoucs3 a {
	display: block;
	width: 100%;
	position: relative
}
.artfoucs3 a span {
	display: block;
	width: 100%;
	height: 35px;
	background: #000;
	opacity: .5;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1
}
.artfoucs3 a i {
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	line-height: 30px;
	z-index: 2;
	font-style: normal
}
.btnabox {
	overflow: hidden;
	margin: 30px 10px
}
.btnabox a {
	display: block;
	width: 48.333333%
}
@media screen and (max-width:480px) {
.btnabox {
	margin: 30px 0
}
}