@charset "UTF-8";
/*Mobile Sass(.scss) Library by @BlwooSky*/
/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
/*tools*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
ul.fix li { float: left; }
.l { float: left; }
.r { float: right; }
.cell { display: table-cell; width: 2000px; }
body { background: #eee; padding-bottom: 60px; font-family: "Microsoft YaHei"; }

header { top:0; left:0; width:100%; z-index:2; overflow: hidden; height: 55px; background: #027e7a; }
header img { margin: 5px 0 0 7px; width: 224px; height: auto; }
 
/*banner*/
  ul.li {
	list-style: lower-roman;
}
.slide{
	width:100%; min-width:320px; max-width:640px;
	position: relative;
	overflow: hidden;
	
	margin: 0 auto !important;
}
.slide img{ display:block; width:100%;}
.slide .hd{
	width:100%;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 5px;
	text-align: center;
}
.slide .hd ul{
	display: inline-block;
	padding: 3px 5px;
	background-color: rgba(255,255,255,0.7);
	-webkit-border-radius: 5px;
	font-size: 0;
	vertical-align: top;
	
}
.slide .hd ul li {
	display: inline-block;
	width:10px;
	height:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background: #8C8C8C;
	margin: 0 5px;
	vertical-align: top;
	overflow: hidden;
}
.slide .hd ul .on {
	background: red;
}
.slide .bd{
	position: relative;
	z-index: 0;
}
.slide .bd li img {
	width: 100%;
}
.slide .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: block;
	width: 100%;
}
/*banner*/

/*新增banner开始*/
.bn-swipe { overflow: hidden; visibility: hidden; position: relative; }
.bn-swipe-wrap > div { float: left; width: 100%; position: relative; text-align: center; }
.bn-swipe-wrap { overflow: hidden; position: relative; }
.bn-wrap { width: 320px; margin:0 auto; height: 124px; overflow: hidden; position: relative; margin-top:25px; }
.bn-wrap p { overflow: hidden; position: absolute; right: 3px; bottom: 5px; z-index: 2; margin: 0; height: 20px; }
.bn-num { display: block; float: left; width: 10px; height: 10px; background: #937661; margin-right: 4px; margin-top: 5px; }
.bn-wrap p .active { width: 16px; height: 16px; background: #e85329; margin-top: 0; }
/*新增banner结束*/

.topSearchBar { height: 50px; background: #fff; padding: 5px 20px 0 20px; position: relative; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:none; }
.topSearchBar form { margin: 0 auto; width: 100%; background: #dfdfdf; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px #cecece, inset 0 3px 1px #b0b0b0; box-shadow: 1px 1px 1px #cecece, inset 0 3px 1px #b0b0b0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius:3px; }
.noticeTxt { z-index: 0; position: absolute; left: 10px; color: #a8a6a6; top: 10px; }
.noticeTxt b { font-weight: bold; margin-left: 5px; }
.searchRelated { opacity: 0; position: absolute; left: 0; top: 40px; padding: 0 20px; width: 100%; line-height: 2em; z-index: 4; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchRelated ul { background: #fff; overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); }
.searchRelated li { border-bottom: 1px solid #efefef; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.searchRelated li:nth-last-of-type(1) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 0 0 5px 5px;
}
.searchRelated li:hover, .searchRelated li:active { background: #efefef; }
.topSearchTxt { width: 100%; text-indent: 10px; position: relative; z-index: 1; display: block; padding: 0; line-height: normal; height: 36px; background: none; border: none; color: #a8a6a6; font-family: "Microsoft YaHei"; }
.topSearchTxt::-webkit-input-placeholder {
color: #a8a6a6;
}
.searchWrap { z-index: 1; position: absolute; right: 0; top: 4px; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); }
.searchWrap:before, .searchWrap:after { content: ""; display: block; position: absolute; }
.searchWrap:before { width: 6px; height: 12px; background: #aaa; top: 19px; left: 50%; margin-left: -3px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius:2px; }
.searchWrap:after { left: 50%; top: 0; margin-left: -11px; background: transparent; width: 14px; height: 14px; border: 4px solid #aaa; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border-radius:11px; }
.topSearchBtn { z-index: 2; position: relative; width: 40px; height: 33px; border: none; background: transparent; }
.wrapHome { padding: 0 20px; overflow: hidden; margin-top:5px; }
.mainNav { margin: 20px 0 5px 0; text-align: center; line-height: 1em; font-size: 14px; }
.mainNav img { max-width: 100%; height: auto; }
.mainNav li { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainNav li:nth-of-type(3n+1) {
padding-right: 10px;
}
.mainNav li:nth-of-type(3n+2) {
padding: 0 5px;
}
.mainNav li:nth-of-type(3n+3) {
padding-left: 10px;
}
.mainNav a { display: block; color: #666; }
.mainNav p { overflow: hidden; margin: 6px 0; white-space: nowrap; }
.swipe { overflow: hidden; visibility: hidden; position: relative; line-height: 0; }
.swipe img { max-width: 100%; height: auto; }
.swipeWrap { overflow: hidden; position: relative; }
.swipeWrap > a { text-align: center; display: block; float: left; width: 100%; padding-right: 82px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.docAskLink { display: block; position: absolute; width: 98px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; bottom: 0; left: 50%; margin-left: -145px; background: #fda431; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius:2px; }
.docAskLink2 { display: block; position: absolute; width: 98px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; bottom: 0; left: 50%; margin-left: -41px; background: #fda431; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius:2px; }
.docSlide { overflow: hidden; }
.docSlideWrap { overflow: hidden; position: relative; background: #fff; }
.docTxt { position: absolute; right: 0; top: 0; height: 100%; width: 82px; background: #027e7a; text-align: center; }
.docTxt b { font-size: 28px; color: #fff; display: block; margin: 25% 0 3px 0; line-height: 1.2em; }
.docTxt i { font-size: 12px; color: #015e5b; font-family: arial; text-transform: capitalize; }
.docTxt a { display:block; width:100%; height:55px; padding-bottom:5px; position:absolute; left:0; bottom:5px; }
#pagination { text-align: center; margin-top: 6px; line-height: 2em; }
#pagination li { width: 33.3%; margin-bottom: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#pagination li:nth-of-type(3n+1) {
padding-right: 6px;
}
#pagination li:nth-of-type(3n+2) {
padding: 0 3px;
}
#pagination li:nth-of-type(3n+3) {
padding-left: 6px;
}
#pagination a { color: #666; display: block; background: #fff; border: 1px solid #dedee2; }
#pagination .on { background: #017e7a; border-color: #006764; color: #fff; }
.bottomSection { text-align: center; }
.bottomTools { line-height: 30px; height: 30px; color: #017e7a; font-size: 0; background: #fff; }
.bottomTools i { margin: 0 5px; }
.bottomTools a, .bottomTools i { vertical-align: middle; color: #017e7a; font-size: 16px; }
.copyInfo { color: #666; line-height: 2em; font-size: 14px; }
.copyInfo a { color: #04807c; text-decoration: underline; }
.backToTop { height: 30px; display: block; line-height: 30px; color: #666; border-top: 1px solid #cccfd5; border-bottom: 1px solid #cccfd5; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e4e7)); background: -webkit-linear-gradient(top, white, #e2e4e7); background: linear-gradient(to bottom, white, #e2e4e7); }
.backToTop:hover, .backToTop:active { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }
 @-webkit-keyframes flash { 0%, 40%, 100% {
opacity: 1;
}
 50%, 90% {
opacity: 0;
}
}
 @keyframes flash { 0%, 40%, 100% {
opacity: 1;
}
 50%, 90% {
opacity: 0;
}
}
/*底部漂浮旧*footer { z-index:1; overflow: hidden; border-top: 1px solid #cccfd5; height: 55px; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 14px; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e4e7)); background: -webkit-linear-gradient(top, white, #e2e4e7); background: linear-gradient(to bottom, white, #e2e4e7); }
footer ul { display: table; table-layout: fixed; width: 100%; }
footer li { display: table-cell; }
footer li:nth-of-type(1) a:hover:before, footer li:nth-of-type(1) a:active:before, footer li:nth-of-type(1) a.active:before {
background-position: -10px -35px;
}
footer li:nth-of-type(1) a:before {
background-position: 0 0;
}
footer li:nth-of-type(2) a:hover:before, footer li:nth-of-type(2) a:active:before, footer li:nth-of-type(2) a.active:before {
background-position: -42px -35px;;
}
footer li:nth-of-type(2) a:before {
background-position: -42px 0;
}
footer li:nth-of-type(3) a:hover:before, footer li:nth-of-type(3) a:active:before, footer li:nth-of-type(3) a.active:before {
background-position: -76px -35px;
}
footer li:nth-of-type(3) a:before {
background-position: -76px 0;
}
footer li:nth-of-type(4) a:hover:before, footer li:nth-of-type(4) a:active:before, footer li:nth-of-type(4) a.active:before {
background-position: -114px -35px;
}
footer li:nth-of-type(4) a:before {
background-position: -114px 0;
}
footer a { position: relative; z-index:2; display: block; color: #339693; }
footer a:before { content: ""; display: block; margin: 0 auto; width: 38px; height: 37px; background: url(../images/icons.png) no-repeat; -webkit-background-size: 188px auto; background-size: 188px auto; }
footer a:hover, footer a:active, footer a.active { background: #dfdfdf; color: #ff7500; }
footer .flashNo { position: absolute; right: 5px; top: 5px; width: 18px; height: 18px; background: #d7000e; color: #fff; font-family: arial; line-height: 18px; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-radius:9px; -webkit-animation: flash 2s infinite; animation: flash 2s infinite; }*/


.notification { position: fixed; top: 0; left: 0; width: 100%; height: 77px; background: #05726e; padding: 18px 10px; color: #fff; line-height: 1.2em; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); }
.notification a { position: absolute; right: 10px; top: 0; color: #fff; }
.notification a i { display: block; width: 80px; height: 30px; line-height: 30px; font-weight: bold; background: #fda431; text-align: center; color: #1d5d53; margin-bottom: 14px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
/*

.popupWin { position: fixed; width: 224px; left: 50%; top: 50%; display: none; margin-left: -112px; margin-top: -67px; z-index: 3; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.popupTitle { background: #04807c; height: 30px; line-height: 30px; color: #fff; position: relative; }
.popupTitle:before { content: ""; display: inline-block; vertical-align: middle; width: 32px; height: 100%; margin-left: 5px; background: url(../images/icon_popup.png) no-repeat; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupTitle a { position: absolute; top: 0; right: 0; display: block; width: 28px; height: 100%; background: url(../images/icon_popup.png) no-repeat -32px 2px #047672; -webkit-background-size: 61px auto; background-size: 61px auto; }

.popupInner { padding: 8px; background: #f2f2f2; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.popupInner img { width: 56px; height: auto; }
.popupInner .dialogBtn { width: 140px; background: #fff; padding: 8px; font-size: 12px; color: #666; white-space: nowrap; position: relative; border: 1px solid #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popupInner .dialogBtn i { display: block; color: #ff7500; margin-top: 10px; text-decoration: underline; }
.popupInner .dialogBtn:before, .popupInner .dialogBtn:after { width: 0; height: 0; content: ""; position: absolute; right: 10px; border: 6px solid transparent; }
.popupInner .dialogBtn:before { border-top-color: #fff; bottom: -10px; z-index: 1; }
.popupInner .dialogBtn:after { border-top-color: #e9e9e9; bottom: -11px; z-index: 0; }
.popupInner .popB { margin: 10px 0 0 0; }
.popupInner .popB p { font-size: 14px; padding-top: 6px; color: #666; }
.popupInner .popB .flashNo { display: inline-block; width: 14px; height: 14px; vertical-align: middle; background: #ff7500; text-align: center; color: #fff; line-height: 14px; font-family: arial; -webkit-animation: flash 1s infinite; animation: flash 1s infinite; }
.popupInner .replyQuickly { display: inline-block; width: 72px; height: 26px; line-height: 24px; text-align: center; background: #04807c; color: #fff; font-size: 14px; border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-radius:2px; -webkit-box-shadow: inset 0 -2px 1px #014441; box-shadow: inset 0 -2px 1px #014441; }
*/
.wrapInner { padding: 10px; overflow: hidden; margin-top:5px; }
.innerNav { background: #fff; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #dadbdf; }
.innerNav li { width: 33.3%; }
.innerNav li:nth-of-type(1) img, .innerNav li:nth-of-type(2) img, .innerNav li:nth-of-type(3) img, .innerNav li:nth-of-type(4) img {
margin-top: 8px;
}
.innerNav li:nth-of-type(5) img {
max-width: 28px;
}
.innerNav li:nth-of-type(6) img {
max-width: 20px;
}
.innerNav a { color: #666; display: block; height: 40px; width: 100%; white-space: nowrap; }
.innerNav a:hover, .innerNav a:active { background: #eee; }
.innerNav img { float: left; height: auto; vertical-align: middle; max-width: 30px; margin-left: 10px; }
.sectionTitle { line-height: 33px; text-indent: 10px; color: #fff; background: #04807c; margin: 10px 0 0 0; }
.sectionTitle a { color: #fff; }
.icoList li a { position: relative; }
.icoList li a:before { content: ""; width: 6px; height: 6px; left: 7px; top: 50%; margin-top: -3px; background: #027e7a; position: absolute; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius:3px; }
.arcList { margin-top: 10px; }
.arcList li { margin-bottom: 10px; }
.arcList a { display: block; background: #fff; padding: 10px 10px 10px 20px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.arcList a:hover, .arcList a:active { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }
.arcList h3 { color: #04807c; position: relative; margin-bottom: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.arcList h3:before { content: ""; width: 6px; height: 6px; display: inline-block; background: #04807c; position: absolute; left: -10px; top: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius:3px; }
.arcList p { color: #666; font-size: 14px; height: 43px; overflow: hidden; line-height: 1.6em; }
.arcList p .readMoreTxt { font-weight:normal; width: 66px; color: #ff0000; background: #fff; }
.arcList i { color: #ff0000; }
.pagingArc { font-size: 0; margin: 10px 0; }
.pagingArc a { font-size: 14px; display: inline-block; width: 48%; height: 40px; line-height: 40px; background: #4696a3; position: relative; color: #fff; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pagingArc a:before { content: ""; height: 0; width: 0; border: 20px solid white; position: absolute; top: 0; }
.pagingArc a:hover, .pagingArc a:active { background: #a6a6a6; }
.pagingArc a:nth-of-type(1) {
float: left;
padding-left: 25px;
}
.pagingArc a:nth-of-type(1):hover:before {
border-right-color: #a6a6a6;
}
.pagingArc a:nth-of-type(1):before {
left: -20px;
border-right-color: #4696a3;
}
.pagingArc a:nth-of-type(2) {
padding: 0 20px 0 10px;
float: right;
}
.pagingArc a:nth-of-type(2):hover:before {
border-left-color: #a6a6a6;
}
.pagingArc a:nth-of-type(2):before {
right: -20px;
border-left-color: #4696a3;
}
.pagingArc a:nth-of-type(2) ~ span {
display: none;
}
.paging { text-align: center; margin: 10px 0; padding: 0 20px; }
.paging a { display: block; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.paging span { display: inline-block; width: 100% !important; height: 40px !important; line-height: 40px !important; color: #fff; background: #4696a3; position: relative; }
.paging span:before { content: ""; height: 0; width: 0; border: 20px solid transparent; position: absolute; top: 0; }
.paging span:hover, .paging span:active { background: #a6a6a6; }
.paging span.prePage { width: 48% !important; float: left; }
.paging span.prePage:hover:before { border-right-color: #a6a6a6; }
.paging span.prePage:before { left: -40px; border-right-color: #4696a3; }
.paging span.nextPage { width: 48% !important; float: right; }
.paging span.nextPage:hover:before { border-left-color: #a6a6a6; }
.paging span.nextPage:before { right: -40px; border-left-color: #4696a3; }
.paging span.nextPage ~ span {
display: none;
}
.commonIll { margin-top: 10px; text-align: center; line-height: 30px; font-size: 14px; }
.commonIll li { width: 25%; margin-bottom: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.commonIll li:nth-of-type(4n+1) {
padding-right: 6px;
}
.commonIll li:nth-of-type(4n+2), .commonIll li:nth-of-type(4n+3) {
padding: 0 3px;
}
.commonIll li:nth-of-type(4n+4) {
padding-left: 6px;
}
.commonIll a { display: block; color: #04807c; background: #fff; border: 1px solid #dadbdf; }
.commonIll a:hover, .commonIll a:active { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.contactBtn { margin: 10px 0; text-align: center; line-height: 36px; display:none;}
.contactPhone, .contactOnline { width: 48%; font-size: 14px; color: #fff; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius:5px; }
.contactPhone i:before, .contactOnline i:before { content: ""; display: inline-block; vertical-align: middle; width: 28px; height: 28px; margin-right: 1px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-radius:14px; }
.contactPhone i, .contactPhone b, .contactOnline i, .contactOnline b { display: block; }
.contactPhone b, .contactOnline b { background: rgba(255, 255, 255, 0.2); }
.contactPhone:hover, .contactPhone:active, .contactOnline:hover, .contactOnline:active { -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); }
.contactPhone { background: #fd8724; }
.contactPhone i:before { background: url(../images/icons.png) no-repeat -125px 0px #e06702; -webkit-background-size: 155px auto; background-size: 155px auto; }
.contactOnline { background: #04807c; }
.contactOnline i:before { background: url(../images/icons.png) no-repeat -107px -23px #065956; -webkit-background-size: 133px auto; background-size: 133px auto; }
article { padding: 5px; background: #fff; }
.arcTitle { text-align: center; color: #000; font-size: 18px; line-height: 1.4em; margin: 10px 0; }
.arcMeta { text-align: center; color: #666; font-size: 14px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; }
.arcContent { padding:10px; line-height: 1.8em; color: #666; height: 315px; overflow: hidden; }
.arcContent p { margin-bottom:15px; }
.arcContent p:first-letter { margin-left:2em; }
.arcContent img { max-width: 100%; height: auto !important; }
.arcContent strong, .arcContent b { font-weight:bold !important; }
.arcContent em, .arcContent i { font-style:italic !important; }
.showAllContent { width: 50%; margin: 0 auto; display: block; text-align: center; line-height: 2em; color: #666; color: #fff; background: #008f84; border-bottom: 1px solid #e9e9e9; margin-top: 10px; }
.arcInfos { font-size: 14px; padding: 10px 5px; color: #666; }
.arcInfos i { color: #04807c; }
.roadSection { background: #fff; padding: 10px; }
.roadSection ul { line-height: 1.4em; font-size: 14px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; }
.roadSection ul a { color: #04807c; }
.roadSection li { position: relative; padding-left: 20px; }
.roadSection li:before { content: ""; display: inline-block; position: absolute; left: 5px; top: 8px; width: 6px; height: 6px; background: #04807c; margin: 0 5px 0 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.roadSection img { max-width: 100%; height: auto; }
.mapImg { text-align: center; padding: 10px 0; line-height: 0; }
.warmNotice { border: 1px dashed #ffcc00; padding: 10px; background: #fbf9eb; }
.warmNotice h3 { color: #f56c11; margin-bottom: 5px; }
.warmNotice p { line-height: 1.4em; color: #666; }
.roadLink1, .roadLink2 { display: block; text-align: center; line-height: 45px; margin-top: 10px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius:5px; }
.roadLink1 { color: #279d99; font-size: 14px; -webkit-box-shadow: inset 0 -3px 1px #939292; box-shadow: inset 0 -3px 1px #939292; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#d9d8d8)); background: -webkit-linear-gradient(top, white, #d9d8d8); background: linear-gradient(to bottom, white, #d9d8d8); }
.roadLink2 { color: #fff; background: #04807c; -webkit-box-shadow: inset 0 -3px 1px #014643; box-shadow: inset 0 -3px 1px #014643; }
.roadLink2 b { font-size: 18px; margin-right: 5px; }
.roadLink2:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; width: 22px; height: 30px; background: url(../images/icons.png) no-repeat -160px -3px; -webkit-background-size: 188px auto; background-size: 188px auto; }
.redTxt { color:red !important; }
/*Add by dxl for ydbanner*/
.yd_banner { display:none; text-align:center; margin-top:10px; }
.yd_banner img { max-width:100%; height:auto; }
/*评论by DXL*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.artComments { font-size:16px; font-family: "Microsoft Yahei"; background: #fff; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.artComments dl { padding: 10px; border-top: 1px solid #ededed; }
.artComments ul { margin-bottom: 10px; }
.artComments li { font-size: 14px; float: left; margin-left: 5px; }
.artComments li i { padding: 0 5px 0 3px; color: #4b9999; font-style: initial; }
.artComments li:last-of-type i { color: #ff6600; font-style: initial; }
.artComments dt { margin-bottom: 10px; }
.artComments dt i { color: #a9a9a9; padding-left: 8px; font-style: initial; }
.artComments dt b { font-weight: bold; color: #007c78; }
.artComments dd { line-height: 20px; }
.artCommentWrap h3 { color: #007c78; font-weight: bold; }
.artCommentWrap textarea { border: 1px solid #007c7a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; width: 100%; margin-top: 5px; font: 14px/18px "Microsoft Yahei"; }
.artCommentSub { text-align: right; }
.artCommentSub input { background: #007d7b; color: #fff; border: none; font: 16px/18px "Microsoft Yahei"; padding: 5px 10px; }
 a[href*="tongji"] {
display:none;
}
/*文章页广告，好评*/
.color {/*margin-top:70px;*/ margin-top:10px; width: 100%; position: relative; font-size:16px; line-height:1; }
.color a { color: #FFF; font-family: "Microsoft YaHei"; }
.color li { width: 100%; display: table; padding-right: 5px; margin-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.color li:nth-of-type(1) {
padding-right: 0;
}
.color li:nth-of-type(1) p:nth-of-type(1) a {
background: #DBB1B3;
}
.color li:nth-of-type(1) p:nth-of-type(2) a {
background: #97C0C5;
}
.color li:nth-of-type(1) p:nth-of-type(3) a {
background: #E5B19B;
}
.color li:nth-of-type(2) {
padding-right: 0;
padding-left: 98px;
}
.color li:nth-of-type(2) p:nth-of-type(1) a {
background: #97C0C5;
}
.color li:nth-of-type(2) p:nth-of-type(2) a {
background: #E5B19B;
}
.color li:nth-of-type(2) p:nth-of-type(3) a {
background: #DBB1B3;
}
.color li:nth-of-type(2) p:nth-last-of-type(1) {
padding-right:0;
}
.color li:nth-of-type(3) {
padding-left: 98px;
padding-right: 76px;
}
.color li:nth-of-type(3) a {
background: #97C0C5;
}
.color li:nth-of-type(4) {
padding-left: 46px;
padding-right: 76px;
}
.color li:nth-of-type(4) p:nth-of-type(1) a {
background: #A5C49E;
}
.color li:nth-of-type(4) p:nth-of-type(2) a {
background: #C5AF86;
}
.color li p { display: table-cell; text-align: center; color: #FFF; padding-right: 5px; font-family: "Microsoft YaHei"; }
.color li p:nth-of-type(3) {
padding: 0;
}
.color li p a { display: block; padding: 5px 0; white-space:nowrap; }
.color .A, .color .B { overflow:hidden; height:89px; width: 41px; position: absolute; top: 30px; left: 0; text-align: center; background: #A1CF98; line-height: 89px; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.color .A a { line-height: 18px; display: inline-block; }
.color .B a { line-height:25px; display: inline-block; }
.color .B { width: 48px; height: 58px; background: #84B29B; left: 46px; padding: 6px 0; line-height: 58px; }
.color .C { width: 76px; background: #84B29B; right: 0; bottom: 0; padding: 10px 0; height:58px; line-height: 58px; position: absolute; bottom: 0px; right: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.color .C a { line-height: 20px; display: inline-block; }
.arcRead { text-align: center; padding-left: 5px; font-size: 12px; color: #029391; line-height: 26px; }
.arcRead:before { content: ""; display: inline-block;/* background: url(../images/ding.png) no-repeat;*/ width: 12px; height: 13px; margin-right: 5px; }
/*.top部分*/
/* line 159, ../scss/style.scss */
.top { height: 67px; line-height: 67px; text-align: center; /*position: relative;*/
  z-index:2; /*position:fixed;*/ width:100%; top:0; left:0; background: #24a39c; }
/* line 165, ../scss/style.scss */
.top b { font-size: 30px; color: #fff; font-weight: normal; }
/* line 170, ../scss/style.scss */
.top a { position: absolute; display: block; width: 56px; }
/* line 174, ../scss/style.scss */
.top a.back { height:67px; width:68px; text-indent:5px; top:0px; left: 5px; color:#FFF; background: url(/images/icon_main1.png) no-repeat 0px 5px; }
/* line 180, ../scss/style.scss */
.top a.phone { right: 20px; top: 10px; height: 43px; background-image: url(/images/icon_main.png); background-repeat: no-repeat; background-position: -229px -8px; -webkit-box-shadow: 0 4px 1px #cfd377, 0 0 1px 4px #4db1a6, 0 4px 1px 4px #4db1a6; -moz-box-shadow: 0 4px 1px #cfd377, 0 0 1px 4px #4db1a6, 0 4px 1px 4px #4db1a6; box-shadow: 0 4px 1px #cfd377, 0 0 1px 4px #4db1a6, 0 4px 1px 4px #4db1a6; }
/* line 188, ../scss/style.scss */
.top a.phone:active { -webkit-box-shadow: 0 1px 1px #cfd377, 0 0 1px 4px #4db1a6; -moz-box-shadow: 0 1px 1px #cfd377, 0 0 1px 4px #4db1a6; box-shadow: 0 1px 1px #cfd377, 0 0 1px 4px #4db1a6; }
.tp { text-align:center; line-height:0; }
.tp img { max-width:100%; height:auto; display:inline; }
.docBtns { width: 140px; height: 26px; font-size: 0; white-space: nowrap; display: inline-block; /*position: absolute;*/ right: 5px; bottom: 5px; }
.docBtns .telBtn, .docBtns .swtBtn { font-size: 12px; text-decoration: none; color: #fff; padding: 5px 10px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.docBtns .telBtn { margin-right: 2px; margin-right:10px; -webkit-animation: btn1 1s infinite; animation: btn1 1s infinite; background: -webkit-gradient(linear, left top, left bottom, from(#ffc64a), to(#eda509)); background: -webkit-linear-gradient(top, #ffc64a, #eda509); background: linear-gradient(to bottom, #ffc64a, #eda509); -webkit-box-shadow: 0 0 3px #ffff56; box-shadow: 0 0 3px #ffff56; }
.docBtns .swtBtn { margin-left: 2px; -webkit-animation: btn2 1s infinite; animation: btn2 1s infinite; background: -webkit-gradient(linear, left top, left bottom, from(#09c2c3), to(#1c9fa0)); background: -webkit-linear-gradient(top, #09c2c3, #1c9fa0); background: linear-gradient(to bottom, #09c2c3, #1c9fa0); -webkit-box-shadow: 0 0 3px #80feff; box-shadow: 0 0 3px #80feff; }
/*modify the top Phone Btn*/
.phoneBtn { position: absolute; display: block; width: 82px !important; height: 32px !important; line-height: 28px; background: #006867; right: 10px; /*top: 50%;*/ margin-top: -30px; color: #ffff66; text-align: center; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px 1px #005754; box-shadow: 0 0 1px 1px #005754; }
.top .phoneBtn { position: absolute; display: block; width: 82px !important; height: 32px !important; line-height: 28px; background: #006867; right: 10px; /*top: 50%;*/ margin-top: -53px; color: #ffff66; text-align: center; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px 1px #005754; box-shadow: 0 0 1px 1px #005754; }
.phoneBtn b { display: inline-block; font-size: 12px; vertical-align: middle; line-height: 1.2em; }
.phoneBtn b:before, header .phoneBtn b:after { content: ""; display: inline-block; position: absolute; width: 1px; height: 100%; top: 0; }
.phoneBtn b:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 51, 51, 0)), color-stop(50%, #003333), color-stop(100%, rgba(0, 51, 51, 0))); background: -webkit-linear-gradient(top, rgba(0, 51, 51, 0), #003333, rgba(0, 51, 51, 0)); background: linear-gradient(to bottom, rgba(0, 51, 51, 0), #003333, rgba(0, 51, 51, 0)); left: 24px; }
.phoneBtn b:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 134, 134, 0)), color-stop(50%, #008686), color-stop(100%, rgba(0, 134, 134, 0))); background: -webkit-linear-gradient(top, rgba(0, 134, 134, 0), #008686, rgba(0, 134, 134, 0)); background: linear-gradient(to bottom, rgba(0, 134, 134, 0), #008686, rgba(0, 134, 134, 0)); left: 25px; }
.phoneBtn:before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 24px; margin-right: 7px; background: url(../images/headTel.png) no-repeat; -webkit-background-size: 15px auto; background-size: 15px auto; }
/*固定电话*/
.fixedPhone { z-index: 3; display: block; height: 40px; line-height: 40px; background: #eb8200; width: 100%; padding: 5px 125px 0 10px; text-align: center; overflow: hidden; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;/* position: fixed;*/ top: 55px; left: 0; right: 0; }
.fixedPhone .b { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fixedPhone .b { color: #cc6600; background: #fff; display: block; height: 30px; line-height: 30px; font-family: arial; font-size: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.fixedPhone .i { color: #fff; background: #894c00; display: inline-block; height: 30px; line-height: 30px; font-style: normal; padding: 0 10px; margin: -29px -117px 0 0; float:right; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.fixedPhone .i:before { content: ""; margin-top: -4px; display: inline-block; vertical-align: middle; width: 16px; height: 24px; margin-right: 7px;  -webkit-background-size: 16px auto; background-size: 16px auto; }
.vo { position: fixed; top: 0; }
.artComments p { color:red; }
.fixedPhone .i em { font-style:normal; -webkit-animation:zooming 1s infinite; animation:zooming 1s infinite; display: inline-block; }
 @-webkit-keyframes zooming { 0% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
text-shadow:0 0 5px white;
}
100% {
-webkit-transform: scale(.8);
}
}
@keyframes zooming { 0% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
text-shadow:0 0 5px white;
}
100% {
-webkit-transform: scale(.8);
}
}



/* 列表页zhusu */
.topColors { text-align: center; overflow: hidden;font-family: "Microsoft YaHei"; }
.topColors ul{ margin:0;padding:0; }
.topColors em,.topColors i{ font-style:normal; }
 
.topColors li { display: table; width: 100%; margin-bottom: 2px; }
.topColors li:nth-last-of-type(1) { font-size: 20px; }
.topColors li:nth-last-of-type(1) a{ padding:0; }
.topColors li:nth-last-of-type(1) span { height: 40px; line-height: 40px; background:#DBB1B3; }
.topColors li:nth-last-of-type(1) em{ font-size:22px; margin-right:6px; }
.topColors li:nth-of-type(1) a:nth-of-type(1) span { background: #3f87d3; }
.topColors li:nth-of-type(1) a:nth-of-type(2) span { background: #deb780; }
.topColors li:nth-of-type(2) a:nth-of-type(1) span { background: #4ea7ad; }
.topColors li:nth-of-type(2) a:nth-of-type(2) span { background: #e06961; }
.topColors li:nth-of-type(3) a:nth-of-type(1) span { background: #db48f0; }
.topColors li:nth-of-type(3) a:nth-of-type(2) span { background: #6f9ad1; }

.topColors a { display: table-cell; color: #fff; }
.topColors a:nth-of-type(1) { padding-right: 1px; }
.topColors a:nth-of-type(2) { padding-left: 1px; }
.topColors span { display: block; height: 30px; line-height: 30px; }
.topColors span:active { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); }
.topColors b { display: inline-block; width: 99%; font-weight: normal;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }

/*****文章页question*******/
.quetion { margin-top:5px; }
.quetion ul { width: 100%; display: table; table-layout: fixed; height: 40px; }
.quetion ul li { display: table-cell; padding: 0 2px; }
.quetion ul li a { display: block; color: #fff; font-size: 14px; font-family: "Microsoft Yahei"; line-height: 40px; text-align: center; border-radius: 5px; }
.quetion ul li:nth-of-type(1) a {background:#ff7272;}
.quetion ul li:nth-of-type(2) a {background:#18c0d7;}
.quetion ul li:nth-of-type(3) a {background:#fd6621;}
.quetion ul li:nth-of-type(4) a {background:#18d784;}
/*quetion end*/