@charset "UTF-8";

::-webkit-scrollbar-track-piece {
	width: 5px;
	background-color: #f8f8f8
}

::-webkit-scrollbar,::-webkit-scrollbar-thumb {
	width: 5px;
	background-color: #f9be00
}

::-webkit-scrollbar-thumb:hover {
	width: 5px;
	background-color: #f9be00
}

#browser_ie {
	BACKGROUND-COLOR: #f6f6b4;
	DISPLAY: none;
	HEIGHT: auto;
	COLOR: #000;
	FONT-SIZE: 15px
}

#browser_ie .brower_info {
	MARGIN: 0 auto;
	WIDTH: 100%
}

#browser_ie .brower_info .notice_info {
	POSITION: relative;
	MARGIN-TOP: 5px;
	WIDTH: 100%
}

#browser_ie .brower_info .notice_info P {
	text-align: center;
	LINE-HEIGHT: 40px;
	WIDTH: 100%;
	DISPLAY: block
}

.normalblock {
	display: block;
	overflow: hidden;
	width: 100%
}

* {
	box-sizing: border-box
}

.head2,.mediashow,.mediashow320 {
	display: none
}

.navblock {
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 999999999;
	display: none;
	padding: 20px 0;
	height: auto;
	background-position: center;
	background-size: 100% auto
}

.navblock,.navlist {
	overflow: hidden;
	width: 100%
}

.navlist {
	margin: auto;
	max-width: 1220px
}

.navlist li {
	display: none;
	overflow: hidden;
	margin: 10px 0;
	width: 100%;
	min-height: 130px;
	text-align: center
}

.navlist li:nth-child(1) {
	text-align: left
}

.navlist li:nth-child(5) {
	margin: 8px auto;
	width: 100%
}

.navlist li:nth-child(6) {
	min-height: 100px
}

.navlist li:nth-child(1) .per:nth-child(1) {
	width: 100px
}

.per {
	display: inline-block;
	box-sizing: border-box;
	padding: 10px;
	width: 180px;
	max-width: 250px;
	min-width: 130px;
	vertical-align: top
}

.pertit {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 22px
}

.pera,.pertit {
	overflow: hidden;
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px 1px #aaa
}

.pera {
	display: block;
	font-size: 16px;
	line-height: 30px
}

.pera:hover {
	display: block;
	width: 100%;
	color: #000;
	transition: .5s
}

.imga {
	position: relative;
	display: inline-block;
	padding: 5px 20px 5px 100px;
	width: 270px;
	min-height: 110px;
	vertical-align: middle;
	text-align: left
}

.per.per2,.per.per3 {
	width: 300px;
	max-width: 300px;
	text-align: center
}

.per.per4 {
	padding: 0;
	width: 170px;
	max-width: 180px;
	text-align: center
}

.per.per4 .imga {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	width: 150px;
	text-align: center
}

.per.per4 .imga img {
	position: relative;
	left: 0;
	display: block;
	margin: 29px auto auto
}

.per.per4 .navword {
	display: block;
	margin-top: 3px;
	width: 100%;
	text-align: center
}

.per.per4 .imga:before {
	top: 0;
	left: 50%;
	margin-top: 17px;
	margin-left: -37px
}

.imga:before,.per.per4 .imga:before {
	position: absolute;
	width: 74px;
	height: 74px;
	border-radius: 10px;
	background: #fff;
	content: "";
	transform: rotate(45deg)
}

.imga:before {
	top: 50%;
	left: 0;
	margin-top: -37px
}

.imga img {
	position: absolute;
	top: 50%;
	left: 12px;
	margin-top: -25px
}

.navword {
	padding-top: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px #aaa;
	font-size: 18px;
	line-height: 20px
}

.per2.dq .navword,.per2:hover .navword,.per4.dq .navword,.per4:hover .navword {
	color: #000;
	transition: .5s
}

.inputboxs {
	box-sizing: border-box;
	margin: 22px auto auto;
	width: 552px
}

.inputboxs input[type=text] {
	padding-left: 10px;
	width: 420px;
	background: #fff;
	color: #999
}

.inputboxs input[type=button],.inputboxs input[type=text] {
	float: left;
	display: block;
	height: 45px;
	border: 0;
	font-size: 16px;
	line-height: 45px
}

.inputboxs input[type=button] {
	width: 130px;
	background: #fffde1;
	color: #333;
	text-align: center
}

.inputboxs input[type=text]::-webkit-input-placeholder {
	color: #999;
	font-size: 16px
}

.inputboxs input[type=text]:-moz-placeholder,.inputboxs input[type=text]::-moz-placeholder {
	color: #999;
	font-size: 16px
}

.inputboxs input[type=text]:-ms-input-placeholder {
	color: #999;
	font-size: 16px
}

.mvp {
	display: none
}

.tklist {
	overflow: hidden;
	width: 100%
}

.tklist li {
	position: relative;
	overflow: hidden;
	margin: 5px 2%;
	width: 96%
}

.tkimg {
	border-radius: 10px
}

.tkimg,.tkimg img {
	overflow: hidden;
	width: 100%
}

.tkcon {
	height: 30%;
	background: linear-gradient(transparent,rgba(0,0,0,.8))
}

.tkcon,.tktit {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%
}

.tktit {
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	line-height: 30px
}

.fb.f30.pnumber {
	display: inline-block;
	width: 400px;
	vertical-align: middle
}

.weebsitemap {
	overflow: hidden;
	width: 100%;
	text-align: left
}

.weebsitemap a {
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #aaa;
	color: #333;
	font-size: 14px;
	line-height: 16px
}

.footphone,.weebsitemap a:hover {
	color: #aacd23
}

.footphone {
	margin-top: 10px;
	height: 50px;
	font-size: 30px;
	line-height: 50px
}

.footphone img {
	display: inline-block;
	margin-top: -5px;
	width: 32px;
	vertical-align: middle
}

.footbottom {
	padding-bottom: 20px;
	width: 100%;
	max-width: 100%;
	border-top: 1px dotted #ddd
}

.footbottom .w100 {
	margin: auto;
	max-width: 1200px
}

.footbottom .footer-show {
	padding-top: 10px
}

.pagebg {
	height: 460px;
	background-position: center center
}

.pagebg,.pagebg2 {
	width: 100%;
	background-size: cover
}

.pagebg2 {
	height: 560px
}

.pagebg.ani {
	animation: 5s infinite alternate zoomIn
}

.pagecontent {
	overflow: hidden;
	width: 100%
}

.totalnav {
	position: absolute;
	top: 20%;
	left: 0;
	width: auto;
	max-width: 300px;
	text-align: left
}

.totaltit {
	padding: 15px 47px 5px 53px;
	width: auto;
	background: url(../images/titbg1.png) left top no-repeat,url(../images/titbg2.png) bottom right no-repeat;
	color: #f9be00;
	font-size: 30px;
	line-height: 32px
}

.totaltiten {
	display: none;
	padding: 0 30px 0 48px;
	width: auto;
	color: #999;
	text-transform: uppercase;
	font-size: 14px
}

.navgroup {
	overflow: hidden;
	width: 100%;
	text-align: left
}

.navgroup a {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	padding: 15px 10px;
	width: 175px;
	border-radius: 30px;
	color: #444;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	transition: .5s
}

.navgroup a.dq,.navgroup a:hover {
	background: #f9be00;
	color: #fff
}

.navgroup a.dq:before,.navgroup a:hover:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/navbg1.png) top left no-repeat,url(../images/navbg2.png) top right no-repeat;
	content: ""
}

.pagetitle {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #f9be00
}

.page1200,.pagetitle .page1200 {
	margin: auto;
	width: 100%;
	max-width: 1200px
}

.pagetitle .page1200 {
	position: relative;
	padding: 20px 0 20px 310px;
	min-height: 100px
}

.pagenav {
	position: relative;
	margin: auto;
	padding: 20px 20px 20px 40px;
	width: 100%;
	max-width: 1200px
}

.pagenav a {
	display: inline-block;
	color: #999;
	font-size: 14px
}

.pagenav a:nth-child(1) {
	position: absolute;
	top: 20px;
	left: 0
}

.pagenav a:last-child:after,.pagenav a:nth-child(1):after {
	display: none
}

.pagenav a:after {
	content: "/"
}

.pagenav a.dq,.pagenav a:hover {
	color: #abcf27
}

.pageabout,.pageindependent {
	overflow: hidden;
	width: 100%
}

.pageabout .pagetitle .page1200 {
	padding-left: 240px
}

.pageabout .navgroup a {
	margin-right: 0;
	width: 150px
}

.pageabout .totalnav {
	max-width: 240px;
	min-width: 220px
}

.pagevideo {
	overflow: hidden;
	width: 100%
}

.pagevideo .pagetitle .page1200 {
	padding-left: 240px
}

.pagevideo .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagevideo .totalnav {
	max-width: 240px;
	min-width: 220px
}

.pagenews {
	overflow: hidden;
	width: 100%;
	background: #f7f7f7
}

.pagenews .pagetitle .page1200 {
	padding-left: 320px
}

.pagenews .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagenews .totalnav {
	max-width: 240px;
	min-width: 220px
}

.pagenews .totaltiten {
	width: 300px
}

.pagechain {
	overflow: hidden;
	width: 100%
}

.pagechain .pagetitle .page1200 {
	padding-left: 400px
}

.pagechain .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagechain .totalnav {
	max-width: 350px;
	min-width: 350px
}

.pagehealth {
	overflow: hidden;
	width: 100%
}

.pagehealth .pagetitle {
	background: #fff
}

.pagehealth .pagetitle .page1200 {
	padding-left: 240px
}

.pagehealth .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagehealth .totalnav {
	max-width: 240px;
	min-width: 220px
}

.pagehealth .totaltit,.pagehealth .totaltiten {
	padding-left: 50px
}

.pageresident {
	overflow: hidden;
	width: 100%;
	background: #fafafa
}

.pageresident .pagetitle {
	background: #fff
}

.pageresident .pagetitle .page1200 {
	padding-left: 240px
}

.pageresident .navgroup a {
	margin-right: 0;
	width: 150px
}

.pageresident .totalnav {
	max-width: 240px
}

.pageresident .totaltit,.pageresident .totaltiten {
	width: 230px
}

.pageresident .article.page1200 {
	max-width: 1300px
}

.pageliving {
	overflow: hidden;
	width: 100%
}

.pageliving .pagetitle {
	background: #fff
}

.pageliving .pagetitle .page1200 {
	padding-left: 240px
}

.pageliving .navgroup a {
	margin-right: 0;
	width: 150px
}

.pageliving .totalnav {
	max-width: 240px
}

.pageliving .totaltit {
	width: 220px
}

.pagecare {
	overflow: hidden;
	width: 100%
}

.pagecare .pagetitle {
	background: #fff
}

.pagecare .pagetitle .page1200 {
	padding-left: 240px
}

.pagecare .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagecare .totalnav {
	max-width: 240px
}

.pagecare .totaltit {
	padding-left: 55px;
	width: 230px
}

.pagecare .totaltiten {
	padding-left: 55px
}

.pagereheal {
	overflow: hidden;
	width: 100%
}

.pagereheal .pagetitle {
	background: #fff
}

.pagereheal .pagetitle .page1200 {
	padding-left: 290px
}

.pagereheal .navgroup a {
	margin-right: 0;
	width: 210px
}

.pagereheal .totalnav {
	max-width: 290px
}

.pagereheal .totaltit {
	width: 230px
}

.pagereheal .totaltiten {
	padding-right: 10px
}

.pagespecialarea .totalnav {
	width: 230px;
	max-width: 250px
}

.pagespecialarea {
	overflow: hidden;
	width: 100%
}

.pagespecialarea .pagetitle {
	background: #fff
}

.pagespecialarea .pagetitle .page1200 {
	padding-left: 240px
}

.pagespecialarea .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagedis {
	overflow: hidden;
	width: 100%
}

.pagedis .pagetitle {
	background: #fff
}

.pagedis .pagetitle .page1200 {
	padding-left: 240px
}

.pagedis .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagedis .totalnav {
	max-width: 250px
}

.pagecommunity {
	overflow: hidden;
	padding-top: 20px;
	width: 100%
}

.pagecommunity .pagetitle {
	background: #fff
}

.pagecommunity .pagetitle .page1200 {
	padding-left: 240px
}

.pagecommunity .navgroup a {
	margin-right: 0;
	width: 150px
}

.pagecommunity .totalnav {
	max-width: 250px
}

.article {
	overflow: hidden;
	width: 100%
}

.articletitle {
	color: #333;
	font-size: 30px;
	line-height: 35px
}

.articlebrief,.articletitle {
	overflow: hidden;
	padding: 0 10%;
	width: 100%;
	text-align: center
}

.articlebrief {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #222;
	font-size: 24px;
	line-height: 32px
}

.articlecontent {
	overflow: hidden;
	width: 100%
}

.articlecontent img {
	max-width: 100%
}

.bookbutton {
	overflow: hidden;
	margin: 50px auto;
	width: 100%;
	text-align: center
}

.bookbutton a {
	display: inline-block;
	margin: 0 20px;
	width: 250px;
	height: 60px;
	border-radius: 40px;
	background: url(../images/book1.png) right top no-repeat #aacd23;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 60px
}

.bookbutton a img {
	margin-right: 10px;
	width: 32px
}

.bookbutton a:last-child {
	background-color: #f9be00
}

.indexbt.bookbutton {
	overflow: hidden;
	margin: 20px auto 10px;
	width: 100%;
	text-align: left
}

.indexbt.bookbutton a {
	display: inline-block;
	margin: 0 10px;
	width: 180px;
	height: 46px;
	border-radius: 40px;
	background: url(../images/book1.png) right top no-repeat #aacd23;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 46px
}

.indexbt.bookbutton a img {
	margin-right: 10px;
	width: 32px
}

.indexbt.bookbutton a:last-child {
	background-color: #f9be00
}

.articleshare {
	display: none
}

.articleshare,.articleshare2 {
	margin: auto;
	width: 100%;
	text-align: center
}

.articleshare2 a,.articleshare a {
	display: inline-block;
	color: #666;
	font-size: 16px
}

.indexbt1 {
	display: none
}

.a1 {
	margin: 30px auto;
	font-size: 20px
}

.a1,.a2 {
	overflow: hidden;
	width: 85%;
	color: #444
}

.a2 {
	position: relative;
	margin: auto;
	padding-left: 25px;
	font-size: 18px
}

.a2:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #f9be00;
	content: "";
	transform: rotate(45deg)
}

.housecoiffure li {
	overflow: hidden;
	margin-top: 40px;
	padding: 15px 15px 10px;
	width: 100%;
	background: #efefef
}

.coiffurel {
	float: left;
	width: 70%
}

.coiffurer {
	float: left;
	padding: 20px 30px;
	width: 30%
}

.coiffurerbox,.coiffurername {
	overflow: hidden;
	width: 100%
}

.coiffurername {
	margin-top: 20%;
	color: #000;
	font-size: 20px;
	line-height: 25px
}

.coiffurerbrief {
	position: relative;
	overflow: hidden;
	margin: 10px 0;
	padding-left: 30px;
	width: 100%;
	color: #333;
	font-size: 17px;
	line-height: 30px
}

.coiffurerbrief img {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px
}

.coiffurercontent {
	overflow: hidden;
	width: 100%;
	color: #999;
	font-size: 14px
}

.coiffuremore {
	display: block;
	margin-top: 20px;
	width: 200px;
	height: 50px;
	border-radius: 30px;
	background: url(../images/navbg1.png) top left no-repeat,url(../images/navbg2.png) top right no-repeat #a9cd23;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 50px
}

#demoContent {
	width: 100%;
	height: auto;
	text-align: center
}

#demoContent .effect,.gallery {
	overflow: hidden;
	width: 100%
}

.gallery {
	box-sizing: border-box;
	text-align: center
}

.gallery .bd li {
	overflow: hidden;
	margin-top: 0;
	padding: 0;
	width: 100%
}

.gallery .bd {
	overflow: hidden;
	width: 100%;
	background: #fff
}

.gallery .bd li .pic {
	width: 100%;
	background: #fff;
	line-height: 0
}

.gallery .bd li .bg,.gallery .bd li .title {
	display: none
}

.gallery .bd .tempWrap {
	width: 100%
}

.gallery .bd li img {
	height: auto;
	max-width: 100%
}

.gallery .hd {
	position: relative;
	margin-top: 10px;
	padding: 10px 3px;
	zoom: 1
}

.gallery .hd ul {
	overflow: hidden;
	zoom: 1
}

.gallery .hd li {
	position: relative;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 0;
	padding: 0;
	width: 25%;
	text-align: center;
	cursor: pointer
}

.gallery .hd li img {
	width: 100%;
	height: auto;
	border: 3px solid #ddd
}

.gallery .hd li.on {
	background: url(../images/icoup.gif) center 0 no-repeat
}

.gallery .hd li.on img {
	border: 3px solid #248e4d;
	background: #fff;
	transition: .5s
}

.gallery .hd .sNext,.gallery .hd .sPrev {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 666;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.4);
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 60px;
	cursor: pointer
}

.gallery .hd .sNext {
	right: 10px;
	left: auto
}

.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover {
	color: #248e4d;
	transition: .5s
}

.gallery .hd li.on .indexprotit {
	border-color: #248e4d;
	transition: .5s
}

.intelligent,.intelligent li {
	overflow: hidden;
	width: 100%
}

.intelligent li {
	position: relative;
	margin-top: 25px;
	padding: 10px 10px 20px 350px;
	min-height: 235px;
	border-bottom: 1px dotted #ddd
}

.intelligentimg {
	position: absolute;
	top: 10px;
	left: 0;
	overflow: hidden;
	width: 320px
}

.intelligentimg img {
	width: 100%;
	transition: .5s
}

.intelligentcontent {
	overflow: hidden;
	padding: 20px 10px;
	width: 100%
}

.intelligenttit {
	overflow: hidden;
	width: 100%;
	color: #222;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px
}

.intelligenttit img {
	margin-top: -3px;
	margin-right: 10px;
	width: 40px
}

.intelligentcon {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	color: #444;
	font-size: 18px;
	line-height: 25px
}

.pagecontent img {
	max-width: 100%
}

.pageabout .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pageabout .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pageabout .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pageabout .articleshare {
	margin-top: 13px
}

.pageabout .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.glory {
	padding: 10px 5px
}

.glory,.glory li {
	overflow: hidden;
	width: 100%
}

.glory li {
	position: relative;
	margin-top: 5px;
	padding: 10px 10px 20px;
	transition: .5s
}

.gloryimg {
	float: left;
	overflow: hidden;
	padding: 0;
	width: 25%
}

.gbox {
	padding: 30px;
	width: auto;
	max-width: 100%;
	background: url(../images/imgbk1.png) 0 0/100% 100%
}

.li2 .gbox {
	margin: auto;
	width: 65%
}

.gloryimg img {
	width: 100%;
	box-shadow: 1px 1px 15px 1px #bbb;
	transition: .5s
}

.glorycontent {
	overflow: hidden;
	padding: 50px 10px 20px;
	width: 65%
}

.glorytit {
	overflow: hidden;
	width: 100%;
	color: #222;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px
}

.glorytit img {
	margin-top: -3px;
	margin-right: 10px;
	width: 40px
}

.glorycon {
	overflow: hidden;
	margin-top: 10px;
	padding-left: 20px;
	width: 100%;
	color: #777;
	text-align: justify;
	font-size: 18px;
	line-height: 25px
}

.glory li:hover {
	box-shadow: 1px 1px 10px 1px #f9be00;
	transition: .5s
}

.dashiji {
	color: #001558
}

.dashiji .yearabout {
	margin-right: 150px;
	margin-bottom: 28px;
	margin-left: 150px;
	color: #f9be00;
	text-align: center;
	font-size: 72px
}

.dashiji .text {
	color: #777
}

.dashiji .dome-inner {
	background: url(../images/shuxian.jpg) center repeat-y
}

.dashiji .demoone {
	padding-bottom: 50px
}

.dashiji .show-demo {
	width: 50%
}

.dashiji .month {
	font-size: 36px
}

.dashiji .firstleft .show-demo {
	padding-top: 170px;
	min-height: 500px
}

.dashiji .firstleft .show-demo:nth-child(1) {
	padding-top: 0
}

.dashiji .firstleft .show-d {
	margin-top: 40px
}

.dashiji .firstleft .show-d img {
	width: 100%;
	transition: .3s ease-out;
	-ms-transition: all .3s 0s ease-out
}

.dashiji .firstleft .show-d img:hover {
	opacity: .9
}

.dashiji .firstleft .month {
	margin-top: -23px
}

.dashiji .firstleft .text {
	margin-top: 40px;
	color: #777;
	font-size: 16px;
	line-height: 25px
}

.dashiji .firstleft .show-demo:nth-child(odd) {
	float: left
}

.dashiji .firstleft .show-demo:nth-child(odd) .show-d {
	padding-right: 52px;
	min-height: 500px
}

.dashiji .firstleft .show-demo:nth-child(odd) .month {
	margin-right: -10px;
	padding-right: 58px;
	background: url(../images/xianbiao1.png) right center no-repeat;
	text-align: right
}

.dashiji .firstleft .show-demo:nth-child(odd) .text {
	padding-left: 20%
}

.dashiji .firstleft .show-demo:nth-child(even) {
	float: right
}

.dashiji .firstleft .show-demo:nth-child(even) .show-d {
	padding-left: 52px;
	min-height: 500px
}

.dashiji .firstleft .show-demo:nth-child(even) .month {
	margin-left: -8px;
	padding-left: 58px;
	background: url(../images/xianbiao2.png) left center no-repeat;
	text-align: left
}

.dashiji .firstleft .show-demo:nth-child(even) .text {
	padding-right: 20%
}

.pageabout .right select {
	display: block;
	margin-left: 12px;
	width: 100px;
	border: none;
	background: url(../images/selectbg.png);
	color: #f9be00
}

.pageabout .right {
	padding: 15px 3px;
	border: 1px solid #ddd;
	text-align: center
}

.qandalist,.qandalist li {
	overflow: hidden;
	width: 100%
}

.qandalist li {
	margin-top: 35px
}

.question {
	padding-left: 120px
}

.answer,.question {
	position: relative;
	overflow: hidden;
	width: 80%;
	min-height: 100px
}

.answer {
	margin-top: 35px;
	margin-left: 20%;
	padding-right: 120px
}

.qimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: radial-gradient(#abcd2e,#fbffea)
}

.qconcon,.qimg img {
	width: 100%
}

.qconcon {
	position: relative;
	overflow: hidden;
	padding: 30px;
	border: 2px solid #abcd2e;
	border-radius: 15px;
	background: #fbffea;
	color: #777;
	font-size: 20px
}

.qconbox:before {
	position: absolute;
	top: 45px;
	left: 2px;
	width: 10px;
	height: 10px;
	background: #abcd2e;
	content: "";
	transform: rotate(45deg)
}

.qconbox {
	position: relative;
	overflow: hidden;
	padding: 0 7px
}

.aimg {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: radial-gradient(#fff9ee,#f9be00)
}

.aconcon,.aimg img {
	width: 100%
}

.aconcon {
	position: relative;
	overflow: hidden;
	padding: 30px;
	border: 2px solid #f9be00;
	border-radius: 15px;
	background: #fff9ee;
	color: #777;
	text-align: justify;
	font-size: 20px
}

.aconbox:before {
	position: absolute;
	top: 45px;
	right: 2px;
	width: 10px;
	height: 10px;
	background: #f9be00;
	content: "";
	transform: rotate(45deg)
}

.aconbox {
	position: relative;
	overflow: hidden;
	padding: 0 7px
}

.introduce {
	overflow: hidden;
	padding: 20px 35px;
	width: 100%
}

.introduce li {
	position: relative;
	overflow: visible;
	padding: 85px 40px 85px 230px;
	width: 100%;
	background: url(../images/about4-guide1.png) bottom/100% auto no-repeat
}

.introduce li:nth-child(2n) {
	padding-right: 230px;
	padding-left: 75px;
	background: url(../images/about4-guide2.png) bottom/100% auto no-repeat
}

.introduce li:nth-child(2n) .guideitem {
	float: right;
	padding-right: 25px;
	text-align: right
}

.introduce li:before {
	position: absolute;
	bottom: 22%;
	left: 0;
	width: 5px;
	height: 78%;
	background: #f9be00;
	content: ""
}

.introduce li:nth-child(1):before {
	height: 33%
}

.introduce li:last-child {
	background: #fff
}

.introduce li:last-child:before {
	top: 0;
	bottom: auto;
	height: 33%
}

.introduce li:nth-child(2n):before {
	right: 0;
	left: auto
}

.guidenum {
	position: absolute;
	top: 40%;
	left: -35px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background: #f9be00;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 70px
}

.introduce li:nth-child(2n) .guidenum {
	right: -35px;
	left: auto
}

.guidename {
	position: absolute;
	top: 40%;
	left: 12px;
	margin-top: -20px;
	width: 200px;
	height: auto;
	border-radius: 30px;
	background: #f9be00;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 40px
}

.introduce li:nth-child(2n) .guidename {
	right: 12px;
	left: auto
}

.guidecon {
	overflow: hidden;
	margin-top: -20px;
	width: 100%
}

.guidesign {
	float: left;
	width: 10%
}

.introduce li:nth-child(2n) .guidesign {
	float: right
}

.guidesign img {
	max-width: 80%
}

.guideitem {
	float: left;
	width: 80%
}

.g1 {
	position: relative;
	overflow: hidden;
	margin: auto;
	padding-left: 25px;
	width: 100%;
	color: #444;
	font-size: 18px
}

.g1:before {
	position: absolute;
	top: 12px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background: #f9be00;
	content: ""
}

.introduce li:nth-child(2n) .g1:before {
	right: 0;
	left: auto
}

.introduce li:nth-child(2n) .g1 {
	padding-right: 25px
}

.require {
	overflow: hidden;
	width: 100%
}

.requiretit {
	color: #f9be00;
	font-size: 30px
}

.requiretit,.requiretit2 {
	overflow: hidden;
	width: 100%;
	text-align: center
}

.requiretit2 {
	margin-top: 10px;
	color: #000;
	font-weight: 600;
	font-size: 18px
}

.bgssy {
	background: #f9be00
}

.bgg {
	background: #a9cd23
}

.bgssy1 {
	background: #faeec9
}

.bgssy2 {
	background: #faf4e1
}

.bgg1 {
	background: #eaf1d0
}

.cy {
	color: #f9be00
}

.cg {
	color: #a9cd23
}

.cg2,.cg2b {
	color: #aacd23
}

.cg2b {
	font-weight: 600
}

.per50 {
	float: left;
	margin: 30px 1%;
	padding: 15px 10px;
	width: 48%;
	color: #fff;
	text-align: center;
	font-size: 18px
}

.big24 {
	font-size: 24px
}

.reqblock {
	overflow: hidden;
	margin: 25px auto;
	padding: 20px;
	width: 95%;
	border-radius: 6px;
	box-shadow: 1px 1px 5px 1px #f9be00;
	text-align: center
}

.r1 {
	font-size: 18px
}

.about5list,.about5list li {
	overflow: hidden;
	width: 100%
}

.about5list li {
	position: relative;
	padding: 30px 90px 30px 330px;
	min-height: 220px;
	border-bottom: 1px solid #eee
}

.about5img {
	position: absolute;
	top: 30px;
	left: 0;
	width: 300px
}

.about5con {
	overflow: hidden;
	width: 100%;
	color: #444;
	font-size: 18px
}

.maplink {
	position: absolute;
	right: 0;
	display: block;
	padding: 10px;
	width: 80px;
	height: 80px;
	border: 1px solid #f9be00;
	border-radius: 10px;
	color: #333;
	text-align: center
}

.maplink img {
	display: block;
	margin: auto
}

.pagehealth .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagehealth .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagehealth .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagehealth .articleshare {
	margin-top: 13px
}

.pagehealth .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.pagehealth {
	background: #fafafa
}

.healthlist {
	overflow: hidden;
	padding: 10px;
	width: 100%
}

.healthlist li {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	width: 100%;
	box-shadow: 1px 1px 20px 1px #ddd;
	transition: .5s
}

.healthimg {
	float: left;
	width: 33%
}

.healthimg img {
	overflow: hidden;
	width: 100%;
	transition: .5s
}

.healthcon {
	position: relative;
	float: left;
	padding: 35px 80px 20px 150px;
	width: 67%
}

.healthdate {
	position: absolute;
	top: 38px;
	left: 50px;
	overflow: hidden;
	width: 60px;
	height: 60px;
	background: #a9cd23;
	color: #fff;
	text-align: center
}

.healthtit {
	color: #000;
	font-size: 20px
}

.healthbrief,.healthtit {
	overflow: hidden;
	width: 100%
}

.healthbrief {
	color: #999;
	text-align: justify;
	font-size: 16px
}

.healthmore {
	float: right;
	display: block;
	margin-top: 25px;
	width: 140px;
	height: 33px;
	border-radius: 50px;
	background: #f9be00;
	color: #fff;
	text-align: center;
	line-height: 33px;
	transition: .5s
}

.year {
	margin-top: 10px;
	font-size: 18px;
	line-height: 20px
}

.day,.year {
	display: block;
	width: 100%
}

.day {
	font-size: 17px;
	line-height: 18px
}

.healthlist li:hover {
	box-shadow: 1px 1px 20px 1px #f9be00;
	transition: .5s
}

.healthlist li:hover .healthmore {
	width: 150px;
	transition: .5s
}

.pageresident .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pageresident .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pageresident .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pageresident .articleshare {
	margin-top: 13px
}

.pageresident .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.fh5co-desc,.j_workname {
	overflow: hidden;
	width: 100%
}

.j_workname {
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	color: #222;
	font-size: 20px
}

.j_workauthor {
	overflow: hidden;
	margin-top: 7px;
	width: 100%;
	color: #333;
	font-size: 17px
}

#fh5co-board .item .j_share a {
	display: inline-block
}

#fh5co-board .item .j_share a img {
	width: 24px
}

.j_share {
	overflow: hidden;
	margin-top: 5px;
	width: 100%;
	color: #000;
	text-align: right
}

.nav li a {
	padding: 5px 0
}

.j_workauthor2 {
	color: #999;
	text-align: justify;
	font-size: 16px;
	line-height: 22px
}

.j_workname2 {
	overflow: hidden;
	padding-bottom: 5px;
	width: 100%;
	color: #222;
	font-size: 20px
}

#fh5co-board .column {
	width: 33.33%
}

.pageflip {
	overflow: hidden;
	margin: 40px 0;
	width: 100%;
	text-align: center
}

.pageflip a {
	position: relative;
	display: inline-block;
	padding: 20px;
	color: #f9be00;
	font-size: 14px
}

.pageflip a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-top: -15px;
	margin-left: -15px;
	width: 28px;
	height: 28px;
	border: 1px solid #f9be00;
	border-radius: 7px;
	content: "";
	transform: rotate(45deg)
}

.pageflip a.first:before {
	display: none
}

.pageflip a span {
	position: relative;
	z-index: 2;
	color: #f9be00;
	transition: .5s
}

.pageflip a.dq:before,.pageflip a:hover:before {
	background: #f9be00;
	color: #fff;
	transition: .5s
}

.pageflip a.dq span,.pageflip a:hover span {
	color: #fff;
	transition: .5s
}

.pageliving {
	position: relative
}

.pageliving .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pageliving .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pageliving .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pageliving .articleshare {
	margin-top: 13px
}

.pageliving .articlecontent {
	position: relative;
	z-index: 33
}

.pageliving .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.pageliving .articletitlebg {
	overflow: hidden;
	margin: 40px auto;
	width: 100%;
	text-align: center
}

.pageliving .articletitlebg2 {
	position: relative;
	margin: 20px auto auto;
	padding: 20px;
	width: 60%;
	border: 1px solid #f9be00;
	border-radius: 50px;
	background: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 35px
}

.articletitlebg2:after,.pageliving .articletitlebg2:before {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: #f9be00;
	content: "";
	transform: rotate(45deg)
}

.pageliving .articletitlebg2:before {
	left: -6px
}

.pageliving .articletitlebg2:after {
	right: -6px
}

.f20c0 {
	color: #000;
	font-size: 20px
}

.f18c7 {
	color: #777;
	font-size: 18px;
	line-height: 30px
}

.f30c3 {
	color: #333;
	font-size: 30px;
	line-height: 40px
}

.mar30 {
	margin-top: 30px
}

.pagebgimg {
	position: absolute;
	top: 333px;
	width: 100%
}

.poem {
	margin: auto;
	padding-bottom: 30px;
	width: 70%;
	background: url(../images/livingbg1.png) bottom left no-repeat,url(../images/livingbg1.png) bottom right no-repeat;
	font-size: 20px;
	line-height: 40px
}

.livingtit,.poem {
	overflow: hidden;
	text-align: center
}

.livingtit {
	margin-top: 60px;
	width: 100%;
	color: #000;
	font-size: 30px
}

.livinglist {
	overflow: hidden;
	width: 100%
}

.livinglist li {
	float: left;
	overflow: hidden;
	margin-top: 20px;
	padding: 5px;
	width: 33.33%
}

.livinglist li.x_w50 {
	width: 50%
}

.livingcon,.lvingimg {
	overflow: hidden;
	width: 100%
}

.livingcon {
	position: relative;
	padding: 17px 10px 17px 90px;
	min-height: 100px
}

.lvingimg img {
	overflow: hidden;
	width: 100%
}

.livingsign {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 64px;
	height: 64px
}

.livingword {
	width: 100%;
	height: 75px;
	color: #777;
	text-align: justify;
	font-size: 18px;
	line-height: 25px
}

.imgbg {
	display: inline-block;
	overflow: hidden;
	width: 190px;
	height: 190px;
	border-radius: 100px;
	vertical-align: middle
}

.imgbg img {
	width: 100px
}

.per50w {
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-align: left
}

.big60 {
	font-size: 60px
}

.bordertb {
	margin: 40px 0;
	padding: 30px 0;
	border: 1px solid #ddd
}

.timezone {
	width: 100%;
	text-align: center
}

.f18c3 {
	margin-top: 15px;
	color: #333;
	font-size: 18px
}

.f22c0 {
	margin-top: 20px;
	color: #000;
	font-weight: 600;
	font-size: 22px
}

.ma_30 {
	margin: -60px auto 20px;
	width: 80px;
	height: 70px;
	background: #fff
}

.pagespecialarea {
	position: relative
}

.pagespecialarea .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagespecialarea .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagespecialarea .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagespecialarea .articleshare {
	margin-top: 13px
}

.pagespecialarea .articlecontent {
	position: relative;
	z-index: 33
}

.pagespecialarea .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.specialarea {
	overflow: hidden;
	padding: 10px;
	width: 100%
}

.specialarea li {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	width: 100%;
	box-shadow: 1px 1px 20px 1px #ddd;
	transition: .5s
}

.specialareaimg {
	width: 100%
}

.specialareaimg img {
	overflow: hidden;
	width: 100%;
	transition: .5s
}

.specialareacon {
	position: absolute;
	bottom: 30px;
	left: 40px;
	padding: 20px 40px;
	width: 50%;
	background: #fff;
	transition: .5s
}

.specialareatit {
	overflow: hidden;
	width: 100%;
	color: #000;
	font-size: 20px
}

.specialareabrief {
	overflow: hidden;
	width: 100%;
	color: #999;
	font-size: 16px
}

.specialareamore {
	float: right;
	display: block;
	margin-top: 25px;
	width: 140px;
	height: 33px;
	border-radius: 50px;
	text-align: center;
	font-size: 17px;
	line-height: 33px;
	transition: .5s
}

.specialarea li:hover .specialareamore {
	color: #f9be00;
	transition: .5s
}

.specialarea li:hover .specialareacon {
	box-shadow: 1px 1px 20px 1px #f9be00;
	transition: .5s
}

.pagecare {
	position: relative
}

.pagecare .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagecare .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagecare .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagecare .articleshare {
	margin-top: 13px
}

.pagecare .articlecontent {
	position: relative;
	z-index: 33
}

.pagecare .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.pagecare .articletitlebg {
	position: relative;
	overflow: hidden;
	margin: 40px auto;
	width: 100%;
	text-align: center
}

.pagecare .articletitlebg2 {
	position: relative;
	margin: 10px auto auto;
	padding: 20px;
	width: 60%;
	border: 1px solid #f9be00;
	border-radius: 50px;
	background: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 38px
}

.articletitlebg2:after,.pagecare .articletitlebg2:before {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: #f9be00;
	content: "";
	transform: rotate(45deg)
}

.pagecare .articletitlebg2:before {
	left: -6px
}

.pagecare .articletitlebg2:after {
	right: -6px
}

.pagecare .articletitlebg .str {
	position: absolute;
	bottom: 50%;
	left: -20%;
	z-index: -1;
	width: 140%;
	height: 1px;
	background: #f9be00
}

.careimgblock {
	overflow: hidden;
	margin: 20px 0;
	width: 100%
}

.block72 {
	width: 63%
}

.block28,.block72 {
	float: left;
	overflow: hidden;
	padding: 5px
}

.block28 {
	width: 37%
}

.careimgblock img {
	width: 100%
}

.mar10 {
	margin-top: 10px
}

.carelist {
	overflow: hidden;
	width: 100%
}

.carelist li {
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	padding: 40px 25px 10px 40px;
	width: 31.33%;
	border: 1px solid #f9be00
}

.caretit {
	position: relative;
	overflow: hidden;
	margin: 7px 0;
	padding-left: 30px;
	width: 100%;
	color: #333;
	font-size: 24px;
	line-height: 40px
}

.caretit:before {
	position: absolute;
	top: 25%;
	left: 14px;
	width: 3px;
	height: 50%;
	background: #aacd23;
	content: ""
}

.carebrief {
	position: relative;
	padding: 5px 0 5px 12px;
	height: 135px;
	text-align: justify
}

.care2list,.care2list li {
	overflow: hidden;
	width: 100%
}

.care2list li {
	margin-top: 30px;
	border: 1px solid #f9be00;
	border-top: 1px solid #f9be00;
	background: #fffcf3
}

.care2img {
	position: relative;
	width: 30%
}

.care2con,.care2img {
	float: left;
	overflow: hidden
}

.care2con {
	padding: 20px 40px;
	width: 70%
}

.carebrief {
	overflow: hidden;
	width: 100%;
	color: #333;
	font-size: 18px;
	line-height: 25px
}

.care2img img {
	width: 100%
}

.care2list li:nth-child(2n) {
	border: 1px solid #a8cd1e;
	background: #fbfef1
}

.care2list li:nth-child(2n) .care2img {
	float: right
}

.abjujia {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 20px;
	background: #f9be00;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 30px
}

.care2list li:nth-child(2n) .abjujia {
	right: 0;
	left: auto;
	background: #a8cd1e
}

.pagereheal {
	position: relative
}

.pagereheal .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagereheal .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagereheal .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagereheal .articleshare {
	margin-top: 13px
}

.pagereheal .articlecontent {
	position: relative;
	z-index: 33
}

.pagereheal .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.pagereheal .articletitlebg {
	position: relative;
	overflow: hidden;
	margin: 40px auto;
	width: 100%;
	text-align: center
}

.pagereheal .articletitlebg2 {
	position: relative;
	margin: 10px auto auto;
	padding: 20px;
	width: 60%;
	border: 1px solid #f9be00;
	border-radius: 50px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 38px
}

.articletitlebg2:after,.pagereheal .articletitlebg2:before {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: #f9be00;
	content: "";
	transform: rotate(45deg)
}

.pagereheal .articletitlebg2:before {
	left: -6px
}

.pagereheal .articletitlebg2:after {
	right: -6px
}

.pagereheal .articletitlebg .str {
	position: absolute;
	bottom: 50%;
	left: -40%;
	z-index: -1;
	width: 180%;
	height: 1px;
	background: #f9be00
}

.b80f18c0 {
	overflow: hidden;
	margin: 40px auto;
	width: 80%;
	color: #444;
	text-align: justify;
	font-size: 18px;
	line-height: 30px
}

.reheal {
	text-align: center
}

.reheal,.reheal li,.rehealimg {
	overflow: hidden;
	width: 100%
}

.rehealimg img {
	max-width: 90%
}

.rehealcon {
	overflow: hidden;
	margin: auto;
	padding: 10px;
	width: 80%;
	max-width: 700px
}

.reheal2list,.reheal2list li {
	overflow: hidden;
	width: 100%
}

.reheal2list li {
	margin-top: 50px
}

.reheal2con,.reheal2img {
	float: left;
	overflow: hidden;
	width: 50%
}

.reheal2con {
	padding: 20px 60px
}

.reheal2brief {
	margin-top: 10px;
	color: #999;
	text-align: justify;
	font-size: 16px;
	line-height: 25px
}

.reheal2brief,.reheal2tit {
	overflow: hidden;
	width: 100%
}

.reheal2tit {
	margin: 5px 0;
	fcolor: #333
}

.reheal2img img {
	width: 100%
}

.reheal2list li:nth-child(2n) {
	text-align: right
}

.reheal2list li:nth-child(2n) .reheal2img {
	float: right
}

.contenttit {
	margin: 20px 0;
	font-size: 30px
}

.contentbrief,.contenttit {
	text-align: center
}

.reheal3bri,.reheal3title {
	margin: auto;
	width: 90%
}

.reheal3list {
	overflow: hidden;
	width: 100%
}

.reheal3list li {
	float: left;
	overflow: hidden;
	margin: 40px 1.5%;
	padding: 15px;
	width: 30.33%;
	background: #fff;
	box-shadow: 1px 1px 10px 2px #faf4e1;
	transition: .5s
}

.reheal3con,.reheal3img {
	overflow: hidden;
	width: 100%
}

.reheal3con {
	padding: 20px 40px
}

.reheal3brief {
	margin-top: 10px;
	color: #999;
	font-size: 16px;
	line-height: 25px
}

.reheal3tit {
	overflow: hidden;
	margin: 5px 0;
	width: 100%;
	fcolor: #333
}

.reheal3img img {
	width: 100%
}

.reheal3list li:hover {
	box-shadow: 1px 1px 10px 2px #f9be00;
	transition: .5s
}

.reheal3 {
	margin-top: 30PX;
	padding: 60px 0;
	text-align: center
}

.reheal3,.reheal3brief,.reheal31list {
	overflow: hidden;
	width: 100%
}

.reheal31list li {
	float: left;
	overflow: hidden;
	margin: 40px .5%;
	padding: 5px;
	width: 19%;
	background: #fff;
	transition: .5s
}

.reheal31con,.reheal31img {
	overflow: hidden;
	width: 100%
}

.reheal31con {
	padding: 10px 30px
}

.reheal31brief {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	color: #999;
	text-align: justify;
	font-size: 16px;
	line-height: 25px
}

.reheal31tit {
	overflow: hidden;
	margin: 5px 0;
	width: 100%;
	font-weight: 600;
	font-size: 24px;
	fcolor: #333
}

.reheal31img img {
	width: 100%
}

.reheal31list li:hover {
	box-shadow: 1px 1px 10px 2px #f9be00;
	transition: .5s
}

.str2 {
	margin: auto;
	width: 40px;
	height: 1px;
	background: #f9be00
}

.reheal4 {
	overflow: hidden;
	margin-top: 30PX;
	padding: 60px 0;
	width: 100%;
	text-align: center
}

.reheal4title {
	margin: auto;
	width: 90%;
	text-align: center
}

.center {
	margin: 20px 0;
	text-align: center
}

.reheal4list {
	overflow: hidden;
	width: 100%
}

.reheal4list li {
	float: left;
	overflow: hidden;
	margin: 40px 0;
	padding: 8px;
	width: 33.33%;
	background: #fff;
	text-align: center;
	transition: .5s
}

.reheal4con,.reheal4img {
	overflow: hidden;
	width: 100%
}

.reheal4con {
	margin-top: -45px;
	padding: 60px 5px 40px;
	border: 1px solid #a9cd23;
	border-radius: 10px;
	text-align: center
}

.reheal4brief {
	margin-top: 10px;
	min-height: 50px;
	color: #333;
	font-size: 18px;
	line-height: 25px
}

.reheal4brief,.reheal4tit {
	overflow: hidden;
	width: 100%
}

.reheal4tit {
	margin: 5px 0;
	color: #a9cd23;
	font-size: 30px
}

.reheal4img img {
	max-width: 100%
}

.reheal4list li:nth-child(2) .reheal4con {
	border-color: #f9be00
}

.reheal4list li:nth-child(3) .reheal4con {
	border-color: #0091db
}

.reheal4list li:nth-child(2) .reheal4tit {
	color: #f9be00
}

.reheal4list li:nth-child(3) .reheal4tit {
	color: #0091db
}

.reheal5list {
	overflow: hidden;
	width: 100%;
	background: url(../images/reheal4bg4.png) center 30px no-repeat
}

.reheal5list li {
	float: left;
	overflow: hidden;
	margin: 40px 0;
	padding: 8px;
	width: 25%;
	text-align: center;
	transition: .5s
}

.reheal5img {
	overflow: hidden;
	margin: auto;
	width: 140px;
	height: 140px;
	border-radius: 70px
}

.reheal5list li:nth-child(4) .reheal5img {
	margin-left: 28%
}

.reheal5list li:nth-child(3) .reheal5img {
	margin-left: 25%
}

.reheal5brief {
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
	min-height: 50px;
	color: #333;
	text-align: justify;
	font-size: 18px;
	line-height: 25px
}

.reheal5img img {
	max-width: 100%
}

.bgfa {
	background: #fafafa
}

.reheal6list {
	overflow: hidden;
	width: 100%
}

.reheal6list li {
	float: left;
	overflow: hidden;
	margin: 18px 1.5%;
	padding: 10px;
	width: 47%;
	background: #fff;
	box-shadow: 1px 1px 15px 1px #efefef;
	text-align: center;
	transition: .5s
}

.reheal6brief,.reheal6img {
	overflow: hidden;
	width: 100%
}

.reheal6brief {
	margin-top: 10px;
	min-height: 75px;
	color: #888;
	text-align: justify;
	font-size: 18px;
	line-height: 25px
}

.reheal6con {
	padding: 20px 45px 30px;
	text-align: center
}

.reheal6con,.reheal6tit {
	overflow: hidden;
	width: 100%
}

.reheal6tit {
	margin: 5px 0;
	height: 50px;
	color: #000;
	font-size: 20px;
	line-height: 25px
}

.reheal6img img {
	max-width: 100%
}

.pagedis {
	position: relative;
	padding-top: 20px
}

.pagedis .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagedis .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagedis .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagedis .articleshare {
	margin-top: 13px
}

.pagedis .articlecontent {
	position: relative;
	z-index: 33
}

.pagedis .distitle {
	position: relative;
	overflow: hidden;
	margin: 10px auto;
	padding: 20px 0 30px;
	width: 100%;
	text-align: center
}

.pagedis .didbg {
	padding: 0 100px;
	background: url(../images/disbg1.png) top left no-repeat,url(../images/disbg2.png) right top no-repeat;
	font-size: 60px
}

.pagedis .discontent {
	overflow: hidden;
	width: 100%
}

.pagedis .distitle:before {
	margin-left: -130px;
	width: 260px;
	background: #f9be00
}

.pagedis .distitle:after,.pagedis .distitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 2px;
	content: ""
}

.pagedis .distitle:after {
	margin-left: -100px;
	width: 200px;
	background: #aacd23
}

.pagedis .distiten {
	display: none;
	overflow: hidden;
	margin: auto;
	width: 100%;
	line-height: 32px
}

.pagedis .disbrief {
	overflow: hidden;
	margin: 5px auto auto;
	width: 80%;
	font-weight: 600;
	line-height: 34px
}

.disblock1,.disblock2,.disblock3,.disblock4,.disblock5 {
	margin-top: 50px
}

.disblock5 {
	padding: 50px 10px
}

.disblock1img {
	float: left;
	width: 40%
}

.disblock1img img {
	overflow: hidden;
	width: 100%
}

.disblockcon {
	float: left;
	padding: 20px;
	width: 60%
}

.d2 {
	position: relative;
	overflow: hidden;
	margin: 15px auto auto;
	padding-left: 25px;
	width: 100%;
	color: #777;
	font-size: 16px
}

.d2:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #f9be00;
	content: "";
	transform: rotate(45deg)
}

.dis1list {
	width: 100%
}

.dis1list,.dis1list li {
	overflow: hidden;
	padding: 10px
}

.dis1list li {
	position: relative;
	float: left;
	width: 33.33%;
	text-align: center
}

.dis1img {
	overflow: hidden;
	margin: auto;
	width: 75%
}

.dis1con,.dis1img img {
	overflow: hidden;
	width: 100%
}

.dis1con {
	margin-top: -130px;
	padding: 170px 20px 40px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 1px 1px 10px 1px #eee;
	transition: .5s
}

.dis1tit {
	color: #000;
	font-weight: 600;
	font-size: 18px
}

.dis1brief,.dis1tit {
	overflow: hidden;
	width: 100%
}

.dis1brief {
	color: #333;
	font-size: 16px
}

.block4img1 {
	overflow: hidden;
	width: 100%;
	text-align: center
}

.block4img2,.block4img3 {
	float: left;
	overflow: hidden;
	width: 50%;
	text-align: center
}

.block4img1 img,.block4img2 img，.block4img3 img {
	width: auto;
	max-width: 80%
}

.dis1list1 {
	overflow: hidden;
	padding: 10px;
	width: 100%
}

.dis1list1 li {
	position: relative;
	float: left;
	overflow: hidden;
	padding: 10px 20px;
	width: 33.33%;
	text-align: center
}

.dis1img1 {
	margin: auto
}

.dis1img1,.dis1img1 img {
	overflow: hidden;
	width: 100%
}

.dis1con1 {
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin: -60px auto auto;
	padding: 20px 30px 40px;
	width: 80%;
	border-radius: 10px;
	background: #fff;
	box-shadow: 1px 1px 10px 1px #ccc;
	transition: .5s
}

.dis1tit1 {
	color: #aacd23;
	font-weight: 600;
	font-size: 18px
}

.dis1brief1,.dis1tit1 {
	overflow: hidden;
	width: 100%
}

.dis1brief1 {
	margin-top: 10px;
	min-height: 125px;
	color: #333;
	font-size: 16px;
	line-height: 25px
}

.dis1con1:before {
	left: 0;
	width: 100%;
	background: #f9be00
}

.dis1con1:after,.dis1con1:before {
	position: absolute;
	bottom: 0;
	height: 5px;
	content: ""
}

.dis1con1:after {
	left: 10%;
	width: 80%;
	background: #aacd23
}

.dis1list2,.dis1list2 li {
	overflow: hidden;
	width: 100%
}

.dis1list2 li {
	position: relative;
	margin-top: 40px
}

.dis1img2 {
	float: left;
	overflow: hidden;
	width: 50%
}

.dis1img2 img {
	overflow: hidden;
	width: 100%
}

.dis1list2 li:nth-child(2n) .dis1img2 {
	float: right
}

.dis1con2 {
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 50%
}

.dis1tit2 {
	color: #666;
	font-size: 18px;
	line-height: 25px
}

.dis1brief2s,.dis1tit2 {
	overflow: hidden;
	width: 100%
}

.dis1brief2s {
	color: #333;
	text-align: justify;
	font-size: 16px;
	line-height: 20px
}

.dis1listblock {
	position: relative;
	margin: 20px 0;
	padding: 8px 10px 8px 115px;
	min-height: 78px
}

.dis1sign {
	position: absolute;
	top: 5px;
	left: 30px;
	overflow: hidden;
	width: 70px;
	height: 70px;
	border-radius: 40px;
	background: #ddd;
	text-align: center;
	transition: .5s
}

.dis1sign img {
	margin: 10px auto;
	width: 50px
}

.dis1list2 li:nth-child(2n) .dis1listblock {
	padding-left: 85px
}

.dis1list2 li:nth-child(2n) .dis1sign {
	left: 0
}

.dis1sign:hover {
	background: #aacd23;
	transition: .5s
}

.ltxylist2,.ltxylist2 li {
	overflow: hidden;
	width: 100%
}

.ltxylist2 li {
	position: relative;
	margin: 20px 0;
	padding-left: 75px;
	min-height: 55px
}

.ltxyimg2 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 55px
}

.ltxycon2,.ltxyimg2 img {
	overflow: hidden;
	width: 100%
}

.ltxycon2 {
	margin-top: 5px
}

.ltxytit2 {
	color: #000;
	font-size: 18px;
	line-height: 25px
}

.ltxybrief2,.ltxytit2 {
	overflow: hidden;
	width: 100%
}

.ltxybrief2 {
	color: #333;
	font-size: 16px;
	line-height: 20px
}

.disblock6 {
	margin-top: 50px
}

.disblock6img {
	float: left;
	width: 40%
}

.disblock6img img {
	overflow: hidden;
	width: 100%
}

.disblock6con {
	float: left;
	padding: 5px 20px;
	width: 60%
}

.d3 {
	position: relative;
	overflow: hidden;
	margin: 15px auto auto;
	width: 100%;
	color: #777;
	font-size: 16px;
	line-height: 40px
}

.d3 .bggno,.d3 .bgssyno {
	padding: 5px 10px
}

.d3 .bggno {
	text-align: center
}

.disblock7 {
	margin-top: 50px;
	padding: 30px 10px 40px;
	background: url(../images/dis2bg.png) center bottom no-repeat #f7f7f7
}

.dis2list {
	overflow: hidden;
	width: 100%
}

.dis2list li {
	position: relative;
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 20%
}

.dis2list li:nth-child(2) {
	padding: 20px;
	width: 30%
}

.dis2list li:nth-child(1) {
	margin-left: 5%;
	width: 30%
}

.dis2list li:nth-child(3) {
	margin-right: 5%;
	width: 30%
}

.dis2list li:nth-child(5) {
	margin-right: 20%
}

.dis2list li:nth-child(8),.dis2list li:nth-child(9),.dis2list li:nth-child(10) {
	margin-left: 10%
}

.dis2img {
	overflow: hidden;
	width: 100%;
	text-align: center
}

.dis2img img {
	overflow: hidden;
	max-width: 100%
}

.dis2tit {
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 30px
}

.dis2list2,.dis2tit {
	overflow: hidden;
	width: 100%
}

.dis2list2 {
	margin: 30px 0
}

.dis2list2 li {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0;
	padding: 10px;
	width: 25%
}

.dis2img2 {
	overflow: hidden;
	margin: auto;
	width: 140px;
	height: 140px;
	border: 2px solid #f9be00;
	border-radius: 70px;
	text-align: center;
	line-height: 140px
}

.dis2img2 img {
	overflow: hidden;
	margin-top: 15px;
	width: 100px;
	height: 100px
}

.dis2tit2 {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 30px
}

.block8 {
	margin-top: 40px
}

.pagedetail {
	position: relative
}

.pagedetail .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagedetail .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagedetail .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagedetail .articleshare {
	margin-top: 13px
}

.pagedetail .articlecontent {
	position: relative;
	z-index: 33
}

.backlist {
	display: block;
	margin: 50px auto;
	width: 200px;
	border: 1px solid #ddd;
	border-radius: 30px;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 50px
}

.updown {
	margin-top: 30px;
	padding: 20px 0;
	border-top: 1px solid #ddd
}

.upblock,.updown {
	overflow: hidden;
	width: 100%
}

.upblock {
	padding: 10px 0;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px;
	line-height: 40px
}

.bgf {
	margin-right: 20px;
	padding: 10px 20px;
	background: #ddd
}

.upblock a {
	color: #666
}

.upblock a:hover {
	color: #f9be00
}

.backlist:hover {
	border-color: #f9be00;
	background: #f9be00;
	color: #fff;
	transition: .5s
}

.detailtitle {
	padding: 0 10%;
	color: #333;
	font-size: 30px;
	line-height: 35px
}

.detailbrief,.detailtitle {
	overflow: hidden;
	width: 100%;
	text-align: center
}

.detailbrief {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd
}

.detaildes {
	display: inline-block;
	color: #999;
	font-size: 15px
}

.detailcontent {
	overflow: hidden;
	width: 100%
}

.pagechain .articletitle {
	position: relative;
	padding-bottom: 15px
}

.pagechain .articlebrief {
	margin-top: 10px;
	font-size: 18px
}

.pagechain .articlebrief2 {
	padding: 0 5%;
	color: #a9cd23;
	font-size: 24px
}

.pagechain .articleshare {
	margin-top: 13px
}

.pagechain .articletitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.topnew {
	padding: 38px 0;
	background: #f8f8f8
}

.topnew .showimgbk {
	padding-top: 54.83333%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.topnew .swiper-wrapper {
	padding-bottom: 10px
}

.topnew .swiper-container .swiper-pagination {
	position: absolute;
	top: 71%;
	right: 20px;
	bottom: auto;
	left: auto;
	float: right;
	text-align: right
}

.topnew .swiper-container .swiper-pagination span {
	width: 10px;
	height: 10px;
	background: #ccc;
	opacity: 1
}

.topnew .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #ff8d1b
}

.transition {
	transition: .3s ease-out;
	-ms-transition: all .3s 0s ease-out
}

.topn {
	padding: 90px 50px 50px;
	box-shadow: 0 3px 10px 1px rgba(0,0,0,.1)
}

.topn .time {
	top: -45px;
	padding: 10px 14px;
	background: #a9cd23;
	color: #fff;
	text-align: right;
	line-height: 20px
}

.topn .time .ri {
	text-align: center;
	line-height: 46px
}

.topn .title {
	margin-bottom: 10px;
	color: #333
}

.topn .title em {
	margin-left: 16px;
	color: #ff8d1b;
	vertical-align: text-top
}

.topn .des:hover,.topn .title:hover {
	color: #ff8d1b
}

.n-list {
	padding-bottom: 40px;
	background: #f8f8f8
}

.n-list ul {
	margin: 0 -10px
}

.n-list li {
	margin-bottom: 20px;
	width: 33.33%
}

.n-list li .inner {
	margin: 0 10px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.1)
}

.n-list li .showimgbk {
	padding-top: 56.84755%
}

.n-list li .showimgbk .time {
	bottom: 0;
	left: 0;
	padding: 15px;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-align: right;
	line-height: 15px
}

.n-list li .showimgbk .time .ri {
	text-align: center;
	line-height: 30px
}

.n-list li .text {
	padding: 36px
}

.n-list li .text .ti {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #dedede;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}

.n-list li .text .ti:hover {
	color: #ff8d1b
}

.n-list li .text p {
	overflow: hidden;
	margin-top: 10px;
	height: 50px;
	color: #666;
	line-height: 25px
}

.n-list li .text p:hover {
	color: #ff8d1b
}

.n-list .more {
	margin-top: 10px;
	padding-top: 10px;
	width: 50px;
	height: 40px;
	background: #ff8d1b;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	cursor: pointer
}

.n-list .more span {
	display: block;
	margin: 7px auto 0
}

.n-list .more:hover {
	background: #d37211
}

.boxs {
	box-shadow: 0 8px 10px 2px rgba(0,0,0,.1)
}

.showMore {
	padding-top: 64px;
	padding-bottom: 74px;
	background: #f8f8f8
}

.showMore ul {
	margin: 0 -5px
}

.showMore li {
	width: 25%
}

.showMore li .i {
	margin: 0 5px;
	padding: 30px;
	background: #fff
}

.showMore li .i p {
	margin-bottom: 23px
}

.showMore li .i .o {
	color: #42962b
}

.showMore li .i em {
	display: block
}

.showMore li .i .t {
	color: #0090ff
}

.showMore li .i .icon {
	padding-top: 100%;
	width: 100%;
	background-size: auto
}

.showMore li .i img {
	width: 100%
}

.showMore .liu {
	cursor: pointer
}

.hoverToTop {
	transition: .3s ease-out;
	-ms-transition: all .3s 0s ease-out
}

.hoverToTop:hover {
	transform: translate3d(0,-10px,0);
	-ms-transform: translate3d(0,-10px,0)
}

.showBooks {
	margin-top: 10px;
	padding: 30px;
	background: #fff
}

.showBooks p.f24 {
	color: #20e0b5
}

.showBooks .item1.item {
	margin-right: 0;
	width: 25%
}

.showBooks img {
	max-width: 100%
}

.showBooks .item {
	margin-right: 45px
}

.showBooks .item .icon1 {
	margin-top: 30px
}

.showBooks .item em {
	display: block
}

.showLiu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: none;
	background: rgba(0,0,0,.5)
}

.showLiu .inner {
	position: absolute;
	top: 15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 1000px
}

.showLiu .inner video {
	width: 100%
}

.showLiu .inner .Sloth-liuc {
	margin: 50px auto;
	cursor: pointer
}

.ltxylist,.ltxylist li {
	overflow: hidden;
	width: 100%
}

.ltxylist li {
	position: relative;
	margin: 30px 0;
	padding-left: 100px;
	min-height: 90px
}

.ltxyimg {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 75px
}

.ltxycon,.ltxyimg img,.ltxytit {
	overflow: hidden;
	width: 100%
}

.ltxytit {
	color: #000;
	font-size: 22px;
	line-height: 35px
}

.ltxybrief {
	overflow: hidden;
	width: 100%;
	color: #333;
	font-size: 18px;
	line-height: 30px
}

.pagecommunity .distitle {
	position: relative;
	overflow: hidden;
	margin: 10px auto;
	padding: 20px 0 30px;
	width: 100%;
	text-align: center
}

.pagecommunity .didbg {
	padding: 0 100px;
	background: url(../images/disbg1.png) top left no-repeat,url(../images/disbg2.png) right top no-repeat;
	font-size: 60px
}

.pagecommunity .comcontent {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	width: 100%
}

.pagecommunity .distitle:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -130px;
	width: 260px;
	height: 2px;
	background: #f9be00;
	content: ""
}

.pagecommunity .distitle:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 2px;
	background: #aacd23;
	content: ""
}

.pagecommunity .distiten {
	display: none;
	overflow: hidden;
	margin: auto;
	width: 100%;
	line-height: 32px
}

.pagecommunity .disbrief {
	overflow: hidden;
	margin: 20px auto auto;
	width: 60%;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 25px
}

.comblock1img {
	float: left;
	margin-left: 10%;
	width: 40%
}

.comblock1img img {
	overflow: hidden;
	width: 100%
}

.comblockcon {
	float: none;
	padding: 20px 0;
	width: 100%
}

.comblockcon img {
	width: 100%
}

.comblock1imgb {
	float: right;
	width: 100%
}

.comab {
	position: relative;
	bottom: 20px;
	left: 0;
	width: 100%;
	box-shadow: 1px 1px 10px 1px #eee
}

.comtit {
	width: 60%;
	color: #fff;
	text-align: center;
	font-size: 30px
}

.combrief {
	padding: 30px;
	width: 100%;
	background: #fff;
	color: #333;
	font-size: 16px;
	line-height: 25px
}

.comblock1 .page1200 {
	position: relative
}

.comlist {
	overflow: hidden;
	width: 100%
}

.comlist li {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 40px 1.5%;
	width: 30.33%;
	border-radius: 7px
}

.comimg,.comsignimg {
	overflow: hidden;
	width: 100%
}

.comsignimg {
	text-align: center
}

.comsign {
	z-index: 2;
	overflow: hidden;
	padding: 20px;
	width: 100%;
	background: rgba(0,0,0,.3)
}

.comcon,.comsign {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center
}

.comcon {
	z-index: 3;
	padding: 20px 30px;
	background: #e2e2e2;
	opacity: 0;
	transition: .5s
}

.comlist li:hover .comcon {
	opacity: 1;
	transition: .5s
}

.comtit2 {
	width: 100%;
	color: #fff;
	font-size: 30px
}

.comcon,.comcontit,.comimg img {
	overflow: hidden;
	width: 100%
}

.comcontit {
	color: #000;
	text-align: center;
	font-size: 30px
}

.comconbrief {
	margin-top: 5px;
	color: #333;
	font-size: 16px
}

.comconbrief,.onelist {
	overflow: hidden;
	width: 100%
}

.onelist {
	margin: 0 0 50px
}

.onelist li {
	position: relative;
	overflow: hidden;
	margin-top: 80px;
	width: 100%
}

.oneimg {
	float: left;
	overflow: hidden;
	width: 45%
}

.oneimg img {
	overflow: hidden;
	max-width: 100%
}

.onecon {
	float: left;
	overflow: hidden;
	padding: 20px 40px;
	width: 55%
}

.onelist li:nth-child(2n) .oneimg {
	float: right
}

.onecon .distitle {
	position: relative;
	overflow: hidden;
	margin: 10px auto;
	padding: 20px 0 30px;
	width: 100%;
	text-align: left
}

.onecon .didbg {
	padding: 80px 40px 20px 0;
	background: url(../images/disbg1.png) top left no-repeat,url(../images/disbg2.png) right bottom no-repeat;
	font-size: 60px
}

.onecon .didbg.f36 {
	padding: 55px 100px 20px 30px;
	font-size: 36px
}

.onecon .comcontent {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	width: 100%
}

.onecon .distitle:before {
	width: 260px
}

.onecon .distitle:after,.onecon .distitle:before {
	position: absolute;
	bottom: 0;
	left: 30px;
	margin-left: 0;
	height: 2px;
	background: #ddd;
	content: ""
}

.onecon .distitle:after {
	width: 200px
}

.onecon .distiten {
	margin: auto;
	font-size: 30px;
	line-height: 60px
}

.onecon .disbrief,.onecon .distiten {
	overflow: hidden;
	padding-left: 30px;
	width: 100%
}

.onecon .disbrief {
	margin: 20px auto auto;
	color: #666;
	text-align: left;
	font-size: 16px;
	line-height: 25px
}

.onecon .bookbuttons {
	overflow: hidden;
	margin: 50px auto;
	width: 100%;
	text-align: left
}

.onecon .bookbuttons a {
	display: inline-block;
	margin: 0 20px;
	width: 220px;
	height: 50px;
	border-radius: 40px;
	background: url(../images/book1.png) right top no-repeat #aacd23;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 50px
}

.onecon .bookbuttons a img {
	margin-right: 10px;
	width: 32px
}

.onecon .bookbuttons a:last-child {
	background-color: #f9be00
}

.block11 {
	background: #eee
}

.block10,.block11 {
	width: 100%
}

.block11 .page1200 {
	position: relative;
	width: 100%
}

.block11left {
	float: left;
	overflow: hidden;
	width: 50%
}

.block11right {
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: 50%
}

.numberblock {
	position: relative;
	float: left;
	padding: 40px 20px;
	width: 50%
}

.number {
	font-size: 100px;
	line-height: 120px
}

.number,.numname {
	text-align: center
}

.numname {
	top: 110px;
	right: 0;
	z-index: 2;
	margin: auto;
	width: 150px;
	font-size: 16px;
	line-height: 30px
}

.numstr {
	margin: 20px auto;
	width: 80px;
	height: 1px;
	background: #666
}

.numbrief {
	width: 100%;
	color: #333;
	text-align: center;
	font-size: 16px
}

.block11right .distiten {
	overflow: hidden;
	margin: auto;
	padding-left: 30px;
	width: 100%;
	font-size: 30px;
	line-height: 60px
}

.block11right .distitle {
	position: relative;
	overflow: hidden;
	margin: 10px auto;
	padding: 40px 0 60px;
	width: 100%;
	text-align: right
}

.block11right .didbg {
	padding: 50px 0 0 100px;
	background: url(../images/disbg1.png) center left no-repeat,url(../images/disbg2.png) right top no-repeat;
	font-size: 40px;
	line-height: 60px
}

.didbg.f36 {
	padding: 20px 90px;
	font-size: 36px
}

.block11right .distitle:before {
	right: 0;
	width: 260px;
	background: #f9be00
}

.block11right .distitle:after,.block11right .distitle:before {
	position: absolute;
	bottom: 0;
	left: auto;
	margin-left: 0;
	height: 2px;
	content: ""
}

.block11right .distitle:after {
	right: 20px;
	width: 200px;
	background: #aacd23
}

.dis1brief2 {
	overflow: hidden;
	width: 100%;
	min-height: 60px;
	color: #333;
	font-size: 16px;
	line-height: 20px
}

.block12left,.block12right {
	float: left;
	overflow: hidden;
	width: 50%
}

.block12right {
	padding: 40px 20px;
	min-height: 450px
}

.block12box {
	position: relative;
	overflow: hidden;
	width: 100%
}

.dab1,.dab2,.dab3 {
	overflow: hidden;
	margin: 15px auto 30px;
	width: 100%;
	color: #777;
	font-size: 16px;
	line-height: 20px
}

.dab1 {
	margin-top: 70px
}

.comblock12 {
	position: relative;
	margin: 40px 0 20px;
	padding: 10px
}

.comblock1img2 {
	float: left;
	width: 50%
}

.comblock1img2 img {
	overflow: hidden;
	width: 100%
}

.comblockcon2,.comblockcon2 img {
	width: 100%
}

.comblock1imgb2 {
	padding: 20px 0;
	max-width: 600px
}

.comab2 {
	position: relative;
	width: 100%;
	box-shadow: 1px 1px 10px 1px #eee
}

.comtit4 {
	width: 65%;
	color: #fff;
	text-align: center;
	font-size: 26px
}

.combrief4 {
	padding: 20px 30px;
	width: 80%;
	background: #fff;
	color: #333;
	font-size: 16px;
	line-height: 30px
}

.s3 {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	margin: 5px auto auto;
	width: 50%;
	color: #777;
	font-size: 24px;
	line-height: 40px
}

.s3 .bgssy {
	width: 70%
}

.s3 .bgg,.s3 .bgssy {
	float: left;
	display: block;
	padding: 5px 10px;
	color: #fff
}

.s3 .bgg {
	width: 30%;
	text-align: center;
	font-size: 26px
}

.s3 img {
	width: 45px
}

.comblock13 {
	position: relative;
	margin: 20px 0;
	padding: 10px
}

.comblock1img3 {
	float: none;
	padding: 0;
	width: 100%
}

.comblock1img3 img {
	overflow: hidden;
	width: 100%
}

.comblockcon3 {
	float: left;
	width: 100%
}

.comblock1imgb3 {
	padding: 20px 0
}

.comab3 {
	position: relative;
	width: 100%;
	box-shadow: 1px 1px 10px 1px #eee
}

.comtit3 {
	width: 65%;
	max-width: 500px;
	color: #fff;
	text-align: center;
	font-size: 30px
}

.combrief3 {
	padding: 30px;
	background: #fff;
	color: #333;
	line-height: 30px
}

.combrief3,.s33 {
	width: 100%;
	font-size: 16px
}

.s33 {
	position: relative;
	overflow: hidden;
	margin: 5px auto auto;
	color: #777;
	line-height: 40px
}

.s33 .bgssy {
	width: 70%
}

.s33 .bgg,.s33 .bgssy {
	float: left;
	display: block;
	padding: 5px 10px;
	color: #fff
}

.s33 .bgg {
	width: 30%;
	text-align: center;
	font-size: 20px
}

.s33 img {
	width: 45px
}

.f22cf {
	color: #fff;
	font-size: 18px
}

.f30cf {
	display: block;
	color: #fff;
	font-size: 30px;
	line-height: 40px
}

.resignbsssox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 66666;
	display: none;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.ressssignbg {
	position: relative;
	overflow: hidden;
	margin: 6% auto auto;
	padding: 80px 100px;
	width: 740px;
	min-height: 400px;
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat
}

.re111signrio {
	overflow: hidden;
	width: 100%;
	border-radius: 20px
}

.ressssigntit {
	position: relative;
	overflow: hidden;
	padding: 20px 50px;
	width: 100%
}

.r1esigntit .re111signtitsmall,.ressssigntit img {
	display: inline-block;
	vertical-align: middle
}

.r1esigntit .re111signtitsmall {
	width: 300px;
	color: #fff
}

.cssloseresign {
	position: absolute;
	top: 30px;
	right: 20px;
	display: block;
	width: 35px;
	color: #000;
	text-align: center;
	font-size: 16px
}

.cssloseresign i {
	display: block;
	font-size: 20px
}

.formsbg1 {
	top: 0;
	left: 0
}

.formsbg1,.forsmbg2 {
	position: absolute;
	z-index: 66;
	width: 140px
}

.forsmbg2 {
	top: 10px;
	right: 0
}

.formsbg3 {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 66;
	width: 140px
}

.formbg5,.fsormbg4 {
	position: absolute;
	top: 62%;
	right: 70px;
	z-index: 66;
	width: 140px
}

.formbg5 {
	display: none
}

.bgfff {
	background: #fff
}

.resigsnform {
	overflow: hidden;
	padding: 20px 30px 30px;
	width: 100%
}

input.forssmtj {
	display: block;
	margin: 30px auto;
	width: 250px;
	height: 50px;
	border: 0;
	border-radius: 40px;
	background: url(../images/book1.png) right bottom no-repeat #f9be00;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	-webkit-appearance: none
}

.fosrmtit {
	margin: 10px 0;
	color: #000;
	font-size: 16px
}

/*.formin,.formin2 {
	overflow: hidden;
	margin: 10px 0;
	padding: 0 20px;
	width: 100%;
	height: 35px;
	color: #999;
	font-size: 15px;
	line-height: 30px
}*/

/*.formin input {
	width: 300px
}

.formin2 input,.formin input {
	padding-left: 20px;
	height: 32px;
	outline: 0;
	border: 1px solid #ddd;
	line-height: 30px
}
*/
/*.formin2 input {
	width: 150px
}

.formin2 input[type=radiso] {
	background: url(../images/rbg1.png) no-repeat
}

.formin2 input[type=radiso],.formin2 input[type=radiso]:checked {
	margin-left: 0;
	padding-left: 0;
	width: 45px;
	height: 32px;
	outline: 0;
	border: 0;
	line-height: 30px;
	-webkit-appearance: none
}

.formin2 input[type=radiso]:checked {
	background: url(../images/rbg2.png) no-repeat
}

.formin sesslect {
	padding-left: 10px;
	width: 360px;
	height: 32px;
	outline: 0;
	background: url(../images/selectbgff2.jpg) 0 0/100% no-repeat;
	line-height: 30px
}*/

.canguan {
	color: #fff;
	font-size: 13px
}

.mianfei {
	color: #fff;
	font-size: 41px
}

.whitePoint {
	margin: 7px 8px;
	width: 7px;
	height: 7px;
	border-radius: 8px;
	background-color: #fff
}

.my-top-text {
	position: relative;
	height: 50px
}

.top-rectangle {
	position: absolute;
	top: 20px;
	left: 8px;
	width: 160px;
	height: 24px;
	border: 1px solid #fff
}

.top-content {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 5;
	padding-right: 7px;
	padding-left: 5px;
	background: #f9be00
}

.big-text {
	font-weight: 800;
	font-size: 26px
}

.resignbsssox_x {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	display: none;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.ressssignbg_x {
	position: relative;
	overflow: hidden;
	margin: 6% auto auto;
	padding: 80px;
	width: 700px;
	min-height: 400px;
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat
}

.ressssigntit_t {
	padding: 50px;
	background: #fffbed;
	color: #000;
	text-align: center;
	font-size: 18px
}

.ressssigntit_ta {
	display: inline-block;
	margin: 30px 0 0;
	padding: 0;
	width: 100px;
	border-radius: 20px;
	background: #f9be00;
	color: #000;
	line-height: 35px
}

.checklist {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: none;
	overflow: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.checklistbox {
	margin: 7% auto auto;
	padding: 40px 70px;
	width: 550px;
	height: 500px;
	border-radius: 20px;
	background: #fff
}

.checkcon {
	overflow: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 350px
}

.checktit {
	width: 100%;
	text-align: center;
	font-size: 20px
}

.checkconword {
	overflow: hidden;
	padding: 10px 20px;
	width: 100%;
	color: #999;
	font-size: 16px
}

.author {
	width: 100%;
	text-align: center
}

.author a {
	display: inline-block;
	margin: 15px 20px;
	padding: 5px 30px;
	color: #fff;
	font-size: 16px
}

.scroll_padding {
	margin: auto;
	padding: 0;
	max-width: 1200px
}

.picScroll-left6 {
	position: relative;
	overflow: hidden;
	width: 100%
}

.picScroll-left6 .hd {
	overflow: visible;
	margin: auto;
	width: 150px;
	height: 40px;
	line-height: 40px
}

.picScroll-left6 .hd .next,.picScroll-left6 .hd .prev {
	top: 50%;
	display: block;
	overflow: hidden;
	margin-top: -40px;
	width: 40px;
	height: 40px;
	background: #aaa;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	transition: .5s
}

.picScroll-left6 .hd .next:hover,.picScroll-left6 .hd .prev:hover {
	background: #f9be00;
	transition: .5s
}

.picScroll-left6 .hd .next i,.picScroll-left6 .hd .prev i {
	display: block;
	line-height: 40px
}

.picScroll-left6 .hd .next {
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 22px
}

.picScroll-left6 .hd .prev {
	position: absolute;
	left: 0;
	color: #fff;
	font-size: 22px
}

.picScroll-left6 .hd .prevStop {
	background-position: -60px 0
}

.picScroll-left6 .hd .nextStop {
	background-position: -60px -50px
}

.picScroll-left6 .bd {
	padding: 10px 40px
}

.picScroll-left6 .bd ul {
	overflow: hidden;
	zoom: 1
}

.picScroll-left6 .bd ul li {
	float: left;
	overflow: hidden;
	padding: 20px 0;
	width: 25%;
	text-align: center
}

.picScroll-left6 .bd ul li .pic {
	padding: 10px 10px 0;
	text-align: center
}

.picScroll-left6 .bd ul li .pic img {
	display: block;
	width: 100%;
	height: auto
}

.picScroll-left6 .bd ul li .pic a:hover img {
	border-color: #999
}

.picScroll-left6 .bd ul li .title {
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 10px 5px;
	width: 100%;
	text-align: center;
	text-overflow: ellipsis
}

.picScroll-left6 .bd ul li .title a {
	display: block;
	overflow: hidden;
	padding: 0 10px;
	width: 100%;
	height: 35px;
	background: #fff;
	box-shadow: 1px 1px 10px 1px #ccc;
	color: #666;
	text-overflow: ellipsis;
	font-size: 13px;
	line-height: 35px;
	transition: .5s
}

.picScroll-left6 .bd ul li:hover .title a {
	background: #f9be00;
	color: #fff;
	transition: .5s
}

.videobox {
	overflow: hidden;
	padding: 40px 20px;
	width: 100%;
	background: #000
}

@media only screen and (min-width:320px) and (max-width:768px) {
	div.piclist {
		overflow: hidden;
		padding: 10px;
		height: 300px
	}
}

#CuPlayer div.CuPc {
	margin: 0 auto;
	width: 100%;
	height: 450px
}

#CuPlayer div.CuMob {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 400px
}

#CuPlayer div.CuPad {
	margin: 0 auto;
	width: 100%;
	height: 450px
}

#CuPlayer .video-js {
	width: 100%;
	height: 100%
}

video::-webkit-media-controls-enclosure {
	display: none!important
}

.vlist {
	overflow: hidden;
	margin: auto;
	padding: 10px;
	width: 100%;
	max-width: 1200px
}

.vlist li {
	position: relative;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin: 10px 1%;
	width: 31.33%;
	box-shadow: 1px 1px 10px 1px #eee;
	cursor: pointer
}

.vimg,.vimg img,.vtit {
	overflow: hidden;
	width: 100%
}

.vtit {
	padding: 5px;
	background: #fff;
	color: #666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 35px
}

.vbrief {
	overflow: hidden;
	width: 100%
}

.video {
	width: 100%;
	height: 500px
}

.videotit {
	margin-bottom: 20px;
	color: #fff;
	font-size: 30px;
	line-height: 35px
}

.videonav,.videotit {
	width: 100%;
	text-align: center
}

.videonav {
	overflow: hidden;
	padding: 10px
}

.videonav li {
	display: inline-block;
	padding: 3px 10px;
	border-right: 1px solid #ddd
}

.videonav li:last-child {
	border: 0
}

.videonav li span {
	color: #888;
	font-size: 16px;
	cursor: pointer
}

.videonav li span:hover,.videonav li.dq span {
	color: #ff8d1b
}

.fixyear {
	top: 120px;
	right: 12%;
	background: #fff
}

.fixr,.fixyear {
	position: fixed;
	z-index: 999999999999
}

.fixr {
	top: 30%;
	right: 10px;
	width: 90px
}

.fixrbox {
	margin-top: -50px;
	margin-left: 14px;
	padding-top: 60px;
	width: 82px;
	background: #fff;
	box-shadow: 0 0 4px 1px #f9be00;
	text-align: center
}

.fixrbox a {
	display: block;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	font-size: 12px
}

.fixrbox a img {
	width: 25px
}

.fiximg img {
	width: 100px
}

.cb {
	color: #53b4e1
}

.fixewm {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	text-align: center
}

.fixewmbox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	width: 200px;
	height: 200px
}

.fixewmbox img,.fixmap {
	width: 100%
}

.fixmap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	display: none;
	height: 100%;
	background: rgba(0,0,0,.6)
}

.mapbox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px auto auto -400px;
	width: 800px;
	height: 400px;
	border: 2px solid #ddd;
	border-radius: 10px;
	background: #fff
}

.mapbox iframe {
	width: 100%;
	height: 100%
}

.x_w33 {
	width: 33.333%
}

.x_w50 {
	width: 50%
}

.reservation .code-fl {
	float: left
}

.reservation .code-clearfloat:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "."
}

/*.reservation .code-input {
	width: 261px
}*/

.reservation .code-input.show-num {
	width: 228px
}

.reservation .get-code {
	display: inline-block;
	padding: 1px 10px;
	height: 32px;
	border-radius: 3px;
	background-color: #f0be41;
	color: #fff;
	line-height: 29px
}

@media only screen and (max-width:767px) and (min-width:320px) {
	.reservation .get-code {
		height: 28px;
		line-height: 25px
	}

	.reservation .code-input {
		width: 99px
	}

	.reservation .code-input.show-num {
		width: 67px
	}
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	.reservation .code-input {
		width: 102px
	}

	.reservation .code-input.show-num {
		width: 200px
	}
}

.home-res-box {
	position: relative;
	width: calc(100% - 62px)
}

.home-right-btn {
	position: absolute;
	top: 0;
	right: 0;
	color: #f6b807;
	font-size: 16px;
	cursor: pointer
}

.home-right-line {
	margin-top: 12px;
	margin-right: 8px;
	width: 1px;
	height: 20px;
	background-color: #cbcbcb
}

.home-code-input {
	width: 100%
}