
@import url("foundation.css");

/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../../../../../themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../../../../../themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}*/

html, body
{
	padding: 0;
	margin: 0;
}
body {
	background-color: #ffffff;
	font-family: 'Open Sans';
	font-size: 14px;
	line-height: 22px;
	color: #333;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #330;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, textarea, input { font-family: 'Open Sans'; font-weight: normal; }

h1, h2, h3
{
	font-size: 18px;
}
h5, h6
{
	font-size: 14px;
}
h4 
{
	font-size: 15px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #7ba118;
	text-decoration: underline;
}
a{ text-decoration:none !important;}
pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page nav
{
	display: none;
}

#header,
.header,
#footer
{
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 76px;
	height: 76px;
	padding: 0 50px;
}

.subHeader, .subFooter { 
	background-color:#d4e7eb;
	font-size: 14px;
	color: #709838;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	position:relative;
	width: 100%;
 }
 .subFooter{ display:none;}
 
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }
 

#header a,
.header a
{
	background: url('../images/icons.png') no-repeat -5px -324px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 19px;
	left: 10px;
}

#header a.backBtn
{
	background: url('../images/icons.png') no-repeat -97px -318px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top:14px;
	right: 0px;
	left: inherit;
}

#header a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#content,
.content
{
	padding: 10px;
}

/*********************/

@media all and (min-width: 900px) {
	html, body {
		height: 100%;
	}
	#menu {
		/*background: #eee;*/
	}
	#page {
		
		min-height: 100%;
	}
	/* hide open-button */
	a[href="#menu"]
	{
		/*display: none !important;*/
	}
}

#Logo { height: 41px; display: inline-block; padding-top: 10px; line-height: 40px; }
#Logo.svg { padding:0px; }
#Logo.svg img { max-height: 70px; top: -1px; position: relative; }
#Logo img { max-height:40px; }

.bannerPane { text-align:center; overflow: hidden; }
.bannerPane img {  }

h3.title, h4.title {  padding-bottom:10px; font-size:16px; }
h2.title{ font-weight: bold; margin-bottom:20px; }
.row h3.title, .row h2.title , .row h4.title { margin-top:0px; }

/*********** ICONS */
.i-pane  { width:65px; height:65px; position:relative; float: left; border-radius: 50%; text-align: center; margin-right:15px; }
.i-pane.i-blue { background-color:#37bd9c; }
.i-pane.i-green { background-color:#9eb74e; }
.i-pane.i-orange { background-color:#e0af50; }
.i-pane.i-red { background-color:#ff7a73; }

.c-blue { color: #587eac; }
.c-green { color: #9eb74e; }
.c-orange { color: #e0af50; }
.c-red { color: #ff7a73; }

i { background: url("../images/icons.png") no-repeat left top; display:inline-block; position:relative; }

/*i.i-phone { width:72px; height:72px; background: url(../images/phoneicon.svg) no-repeat left top; top: 50%; left:50%; margin: -36px 0px 0px -65px; }*/
i.i-phone { width:72px; height:72px; background-position: 0px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-flexible { width:72px; height:72px; background-position: -72px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-neat { width:72px; height:72px; background-position: -144px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }

i.i-home { width:72px; height:72px; background-position: 7px -67px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-about { width:72px; height:72px; background-position: -74px -65px; top: 50%; left:50%; margin: -36px 0px 0px -65px;}
i.i-blog { width:72px; height:72px; background-position: -154px -68px; top: 50%; left:50%; margin: -33px 0px 0px -65px; }
i.i-shortcodes { width:72px; height:72px; background-position: 8px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-gallery { width:72px; height:72px; background-position: -73px -146px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-contact { width:72px; height:72px; background-position: -154px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }

i.i-home.i-small { width:19px; height:19px; background-position: 1px -233px; top: 3px; }
i.i-about.i-small { width:19px; height:19px; background-position: -39px -233px; top: 3px; left: 3px; }
i.i-blog.i-small{ width:19px; height:19px; background-position: -80px -232px; top: 3px; }
i.i-shortcodes.i-small { width:20px; height:19px; background-position: -119px -233px; top: 3px; }
i.i-gallery.i-small { width:20px; height:19px; background-position: -160px -233px; top: 3px; }
i.i-contact.i-small { width:20px; height:19px; background-position: -200px -232px; top: 3px; }

i.i-comments.i-small { width:16px; height:16px; background-position: -28px -388px; top: 3px; margin:0px 2px 0px 5px; }
i.i-author.i-small { width:16px; height:16px; background-position: -100px -388px; top: 3px; margin:0px 2px 0px 5px; }
i.i-calendar.i-small { width:16px; height:16px; background-position: -172px -388px; top: 3px; margin:0px 2px 0px 5px; }

i.i-small { margin: 0px 10px 0px 0px; left: 0px; }

.mainIconPane { display:inline-block; margin-bottom: 15px; }
.mainIconPane h4 { margin: 0px 0px 5px; }
.mainIconPane p { color:#979797; font-size:13px; }


.exploreSiteFullPane { padding:5px 0; }
.exploreSiteFullPane h3{ margin-left:2%; margin-right:2%;}
a.explorePane { text-decoration:none; }
.explorePane { width: 33.3333%; float: left; padding: 1%; border-bottom: 1px solid #DDD; text-align: center; text-decoration:none; }
.explorePane.middle { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }

.explorePane .i-pane { float:none; margin:0px; display: inline-block; }
.explorePane:active .i-pane, .explorePane:focus .i-pane, .explorePane:hover .i-pane, .explorePane.active .i-pane { background-color: #257F69; }

.explorePane:active, .explorePane:focus, .explorePane:hover { cursor:pointer; }

.block { font-size:14px; font-weight:bold; background-color:#f1f2f4; text-align:center; padding:15px;
border-top:1px solid #ccd2d8; border-bottom: 1px solid #ccd2d8; color:#709838; }

.o-page .mm-ismenu { background: #e7f6fb !important; }
.o-page .mm-list > li { background-color: #f7fae7; color: #006E44; }
.o-page .mm-menu.mm-vertical .mm-list .mm-panel { padding: 0px 0px 0px 40px !important; background-color: #0E1419 !important; }
.o-page .mm-menu.mm-vertical .mm-list .mm-panel li { background-color: #0E1419; border-bottom: 1px solid #233241; border-left: 1px solid #233241; }
.o-page .mm-menu > .mm-list { padding:0px; }
.o-page .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), 
.o-page .mm-menu .mm-list > li.mm-selected > span { background: #b0d4e0; color: #fff; font-weight:bold; }
.o-page .mm-menu .mm-list > li.mm-selected i.i-small { background-position-y: -273px; }
.o-page .mm-menu.mm-hassearch > .mm-panel { padding-top: 50px; }
.o-page .mm-menu .mm-search input { border: 0px; background: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.6); }
.o-page .mm-menu li.mm-noresults { text-align: center; font-size: 15px; display: none; padding: 10px; }
.o-page .mm-list > li > a, 
.o-page .mm-list > li > span { line-height: 30px; padding: 10px 10px 10px 15px; text-decoration: none; }
.o-page .mm-list > li > a:hover { background:#eaf4f5; }
.o-page .mm-list a.mm-subopen { padding:0px;}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { top: 20px; }
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height:50px; }
.o-page .mm-list a.mm-subclose { padding-top: 30px !important; }




/*********************************************************************************** ABOUT */
.o-team { display: inline-block; }
.o-team .o-team-person.opacity50 { opacity: 0.5; }
.o-team .o-team-person.opacity50.active { opacity: 1; }
.o-team .o-team-person { width:12%;  margin-left: 0.6%; text-align: center; float:left; }
.o-team .o-team-person:hover { cursor: pointer; }
.o-team .o-team-person > img { max-width:80%; border-radius: 50%; padding:3px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.o-team .o-team-person h4 { font-size: 14px; color:#555; margin:10px 0px 0px 0px; }
.o-team .o-team-person .h-line50 { border-bottom: 1px solid #dcdee0; margin: 10px 0px; width: 50%; position: relative; display: inline-block; }
.o-team .o-team-person p { font-size: 12px; color:#949494; margin-top: 0px; line-height: 1; }
.o-team .o-team-person .o-person-content { display:none; }
.o-person-details img { width:100%; }
.o-person-details h4 { font-size: 16px; color:#0e1419; margin:10px 0px 20px 0px; }
.o-person-details p { font-size: 12px; color:#949494; margin-top: 0px; line-height:20px; }

.o-person-details .a-skills { margin-bottom: 0px; border-bottom: 1px solid #DDD; padding-bottom: 10px; }

.chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 20px; margin-bottom: 50px; text-align: center;}
.chart canvas { position: absolute; top: 0; left: 0; }
.percent { display: inline-block; font-size: 30px; color: #777; z-index: 2; }
.percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; }
.angular { margin-top: 100px; }
.angular .chart { margin-top: 0; }


/*********************************************************************************** BLOG */
article { padding-top:30px; margin-bottom:30px; border-top:1px solid #eee; }
article:first-child { border-top:0px; margin-top:0px; padding-top:0px; }
article h3 a, article h2 a { text-decoration:none !important; font-weight:bold; }
article h3 a:hover, article h2 a:hover { text-decoration:none; }
article p {}
article div.a-meta { font-size:11px; }
article div.a-meta > a { text-decoration:none; }
article img { width:100%; }

.article-comments {}
.article-comments > ul { padding:5px; }
.article-comments > ul  li { list-style:none; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 10px; }
.article-comments > ul  li img { max-width:60px; padding:2px; background-color:#fff; border-radius:50%; float:left; border: 1px solid #DDD; margin: 10px 10px 10px 0px; }
.article-comments > ul  li p.c-a-name { font-size: 14px; margin:0px; }
.article-comments > ul  li p { margin:0px; }
.article-comments > ul  li .comment-date { font-size:12px;  }
.article-comments > ul  li p.desc { color:#999; }
.article-comments > ul > li > ul { padding-left:5px; }
.article-comments > ul > li > ul > li { background-color: #EEEFF1; padding: 5px 10px; margin-top: 10px; margin-bottom:0px; }

/*********************************************************************************** Gallery */

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item.big-item { float: left; width: 50%; }
div.gallery-item { float: left; width:50%; }
div.gallery-item a { display: block; margin: 3px; border: 1px solid #fff; color: #FFF; } 
div.gallery-item img { display: block; width: 100%; height: auto; }
div.gallery-item a p{ width:100%; height:32px; line-height:32px; font-size:14px; text-align:center; color:#333; overflow:hidden;}

/*********************************************************************************** Contact */
.contactForm {  }
.contactForm label{ width:100%; margin-top:10px; float: left; }
.contactForm label .required { color:red; }
.contactForm #ContactName { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 3px 10px; height: 30px; color: #555; width: 90%; outline: none; }
.contactForm #ContactEmail { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 3px 10px; height: 30px; color: #555; width: 90%; outline: none; }
.contactForm #ContactMessage { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 10px; color: #555; width: 90%; outline: none; min-height: 80px; }
.contactForm #SubmitContact { background-color: #4D7EA2; color: #FFF; padding: 10px 15px; border: none; text-transform: uppercase; cursor:pointer; margin-bottom: 10px; }
.contactForm #SubmitContact:hover { background-color: #245070; }


/*********************************************************************************** Shortcodes */
.o-buttons { padding:5px 10px; font-size:12px; color:#fff !important; margin:3px; text-decoration:none !important; display:inline-block;}
.o-buttons.b-big { padding: 10px 20px; font-size: 16px; }
.o-buttons:hover { text-decoration:none; }
.o-buttons.blue { background: #587eac; }
.o-buttons.blue:hover { background: #233241; }

.o-buttons.red { background: #ff7a73; }
.o-buttons.red:hover { background: #c14f4c; }

.o-buttons.green { background: #9eb74e; }
.o-buttons.green:hover { background: #707c2c; }

.o-buttons.orange { background: #e0af50; }
.o-buttons.orange:hover { background: #c68a2a; }


.notifications { padding:20px; position: relative; margin-bottom: 20px; font-size: 13px; }
.notifications i { background: url("../images/icons.png") no-repeat left top; display: inline-block; width:21px; height: 21px; position: absolute; right: 20px; top:50%; margin-top: -11px; }
.notifications.error { background-color: #feeeee; color:#e85252; }
.notifications.error i { background-position: -18px -900px; }
.notifications.success { background-color: #e8fce8; color:#4c9b4c; }
.notifications.success i { background-position: -46px -900px; }
.notifications.warning { background-color: #fff8ee; color:#e5a30e; }
.notifications.warning i { background-position: -71px -900px; width: 25px; }
.notifications.info { background-color: #f6f6f6; color:#3c96af; }
.notifications.info i { background-position: -102px -900px; }

.socialMedia { padding: 10px 0px 0px 0px;  display: inline-block; width: 100%; text-align: center; }
.socialMedia.scl-grey { background-color: #233241; }
.socialMedia a { background: url("../images/icons.png") no-repeat left top; text-indent: -9999px; overflow: hidden; display: inline-block; margin-right: 5px; }

.socialMedia a { width:26px; height: 26px; color: rgba(0, 0, 0, 0); }
.socialMedia a:hover { opacity: 0.9; }
/** Color socials ICONS **/
.socialMedia a.ico-facebook { background-position: -16px -436px; }
.socialMedia a.ico-twitter { background-position: -43px -436px; }
.socialMedia a.ico-linkedin { background-position: -68px -436px; }
.socialMedia a.ico-gplus { background-position: -94px -436px; }
.socialMedia a.ico-youtube { background-position: -120px -436px; }
.socialMedia a.ico-tumblr { background-position: -146px -436px; }
.socialMedia a.ico-pinterest { background-position: -172px -436px; }

.socialMedia.scl-grey a.ico-facebook { background-position: -4px -465px; }
.socialMedia.scl-grey a.ico-twitter { background-position: -36px -465px; }
.socialMedia.scl-grey a.ico-linkedin { background-position: -68px -468px; }
.socialMedia.scl-grey a.ico-gplus { background-position: -94px -468px; }
.socialMedia.scl-grey a.ico-youtube { background-position: -122px -468px; }
.socialMedia.scl-grey a.ico-tumblr { background-position: -152px -468px; }
.socialMedia.scl-grey a.ico-pinterest { background-position: -183px -468px; }


#loader { background: rgba(88, 126, 172, 0.85); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 9999; }
#loaderInner { left: 50%; margin: -50px 0 0 -62px; position: absolute; top: 50%; color: #fff; font-size: 25px; }
#loaderInner p { margin-left: 22px; font-size: 17px; }

/*新闻中心*/
.new{ width:96%; margin:2% 0 0 2%; margin-top:20px;}
.new dl{ overflow:hidden;width:100%; margin-bottom:28px;}
.new dl dt{ width:22%;  float:left;}
.new dl dt img{ display:block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:100%; height:auto;}
.new dl dd{ width:72%; float:right;}
.new dl dd h4{ font-size:14px; margin:0 0 6px 0; height:15px; overflow:hidden;}
.new dl dd h4 a{ color:#333; text-decoration:none;}
.new dl dd h4 a:hover{ color:#006d45;}
.new dl dd p{ font-size:12px; color:#666; line-height:1.8; position:relative; max-height:44px; overflow:hidden; margin:0;}
.new dl dd p span{ display:inline-block; position:absolute; right:2px; bottom:1px; color:#343434;}


/*翻页*/
.page{ width:100%;text-align:center; min-width:320px; padding-bottom:65px;}
.page{ padding-left:14px; margin:0 auto; padding-top:5px; text-align:center;}
.page a{ display:inline-block; padding:5px 11px; font-size:12px; background-color:#efefef; margin-right:6px; color:#333; text-decoration:none;}
.page a:hover{ color:#fff; background-color:#3ab8b4;}
.page span{ margin-left:10px; color:#333;}
.current{ color:#fff !important; background-color:#3ab8b4 !important;}


/*联系我们*/
.i_lx{ margin:30px auto 0; width:96%; padding:0 0px 60px;}
.lxbox{ overflow:hidden;}
.contact{ width:100%; padding:0 14px;}
.lxtit{ margin-bottom:20px;}
.lxtit h1{ font-size:36px; color:#333;}
.lxtit h6{ font-size:30px; color:#333; font-weight:normal; line-height:1em;}
.lxsubtit{ margin-bottom:14px;}
.lxsubtit h4{ font-size:20px; font-weight:normal;}
.lxsubtit h5{ font-size:16px; font-weight:normal; line-height:1.2em; margin:0;}
.con_nr{}
.con_nr p{ font-size:14px; line-height:1.3;}
.qrcode{ width:145px; margin-top:25px;}
.qrcode .qrtit{ background:url(../images/wx_icon.png) left center no-repeat; height:44px; border-bottom:3px solid #ccc;}
.qrcode .qrtit h4{ font-size:14px; line-height:1em; font-weight:normal; text-indent:55px; color:#333; margin:0;}
.qrcode .qrtit h5{ font-size:14px; line-height:1em; font-weight:normal; text-indent:55px; color:#333; margin:6px 0 0 0;}
.qrimg{ text-align:center; padding:8px 0;}
.qrimg img{ width:133px; height:133px;}

.message { width:100%;}
.message .m_1{ margin-top:40px;}
.message .m_1,.m_2{ overflow:hidden; font-size:14px;}
.message .m_1 ul{ overflow:hidden; width:626px;}
.message .m_1 ul li{ width:140px; margin-right:16px; float:left; margin-bottom:10px;}
.message .m_1 ul li input{ margin-right:5px;}
.message .m_2{ margin-top:10px;}
.message .m_2 ul{ width:100%; overflow:hidden;}
.message .m_2 ul li{ overflow:hidden; width:48%;  float:left; margin-bottom:6px;}
.message .m_2 ul li label{ display:block; font-size:14px; line-height:30px;}
.message .m_2 ul li input{ display:block; width:100%; height:28px; background-color:#d5ede1; margin:0;}
.message .m_2 select{ display:block; width:100%; height:28px; background-color:#d5ede1; float:left;}.message .m_2 ul li.inptull{ margin-right:4%;}
.message .m_3{}
.message .m_3 p{ line-height:30px;}
textarea{ width:100%; height:140px;background-color:#d5ede1;}
.message .tj{ margin-top:20px;}
.message .tj input{ display:block; width:100px; height:38px; background-color:#d5ede1; color:#555; text-align:center; line-height:38px; font-size:16px; cursor:pointer; border:none;}
.map{ width:100%; margin:30px 0 ; overflow:hidden;}
.map img{ width:100%; height:auto;}

/*新闻中心*/
.i_n_del{  padding:0 0px; border-top:1px solid #ddd; width:96%; margin:0 auto 65px;}
.i_n_del h3{ font-size:24px; font-weight:normal; text-align:center; color:#333;}
.i_n_del img{ display:block; width:100%; height:auto; margin:35px auto; }
.i_n_del .pubinfor{ font-size:14px; color:#666; text-align:center; margin-top:6px;}
.i_n_del .news_con{}
.i_n_del .news_con p{ font-size:14px; line-height:2em;}
.i_n_del .fy{ overflow:hidden; margin:50px 0 20px 0;}
.i_n_del .fy .sxy{ width:310px;}
.i_n_del .fy .sxy p{ line-height:2em;}
.i_n_del .fy .sxy p a{ color:#666;}
.i_n_del .fy .sxy p a:hover{ color:#5bb34b;}

/*加盟店*/
.na_st{ padding: 0 0px; width:96%; margin:30px auto 65px;}
.na_st dl{ overflow:hidden; border-bottom:1px dashed #d7d4d4; margin-bottom:38px; padding-bottom:20px;}
.na_st dl dt{ width:30%; float:left;}
.na_st dl dt img{width:100%; height:auto; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.na_st dl dt p{ padding-top:5px;}
.na_st dl dt p a{ display:inline-block; padding-left:20px; background:url(../images/search.png) 5px 3px no-repeat; color:#006d45; text-decoration:none;}
.na_st dl dt p a:Hover{ text-decoration:underline;}
.na_st dl dd{ color:#555; width:64%; float:right;}
.na_st dl dd h4{ font-size:16px; border-bottom:1px dashed #ccc; line-height:1.2; padding-bottom:12px; margin:0; color:#555;}
.na_st dl dd h4 a{ text-decoration:none;}
.na_st dl dd p{ font-size:14px; line-height:1.7;}
.na_st dl dd p a{ color:#006d45; margin-left:0; text-decoration:none;}
.na_st dl dd p a:hover{ color:#006d45;}
.na_st dl dd .tp{}
.na_st dl dd .tp ul{ overflow:hidden;}
.na_st dl dd .tp ul li{  width:72px; height:43px; padding:1px; border:1px solid #e2e2e2; margin-right:8px; float:left;}
.na_st dl dd .tp ul li a img{ width:72px; height:43px;}
.na_st dl dd .mapicon{ color:#b6842f; padding-left:16px; background:url(../images/icon/map_icon.png) left center no-repeat; line-height:30px;}

/*新闻-图集*/
.napa{ padding: 0 ; margin:30px 0 65px 0;}
.napat{}
.napat dl{ overflow:hidden;}
.napat dl dt{ width:30%; height:auto; float:left;}
.napat dl dt img{width:100%; height:auto; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.napat dl dd{ color:#555; width:64%; float:right;}
.napat dl dd h4{ font-size:16px; border-bottom:1px dashed #ccc; line-height:1.2; padding-bottom:14px; margin-bottom:8px; color:#555; margin:0;}
.napat dl dd p{ font-size:14px; line-height:1.7; max-height:44px; overflow:hidden;}
.cp_b{ margin-top:30px;}
.cp_b .cp_tit{}
.cp_b .cp_tit ul{ border-bottom:1px solid #ccc;}
.cp_b .cp_tit ul li{ float:left;}
.cp_b .cp_tit ul li{ display:inline-block; width:24%; height:35px; line-height:32px; text-align:center; color:#049C64; font-size:14px;  margin-right:1px;}
.cp_b .cp_tit ul li:hover{ color:#333;}
.cp_b .cp_tit ul li.on{ border:1px solid #ccc; border-width:1px 1px 0 1px; height:36px; margin-bottom:-1px; background-color:#fff; position:relative;  z-index:2; color:#333;}
.cp_b .cp_con{ padding-bottom:40px;}
.atlas_del{ padding-top:30px; overflow:hidden;}
.atlas_del p{ font-size:14px; color:#999; margin-bottom:24px; text-indent:2em; line-height:2;}
.atlas_del img.del01{ float:right; width:40%; height:auto; margin-left:16px;}
.atlas_del img.del02{ float:left; width:40%; height:auto; margin-right:16px;}
.na_dw{ position:absolute; left:0; top:-256px; background-color:#fff; border-radius:0;  padding:16px;}
.na_dw dl{border-bottom:none;}
.na_dw dl dt{ margin-right:16px; width:210px;}
.na_dw dl dt img{ border-radius:0; width:208px; border:1px solid #ccc; height:114px;}
.na_dw dl dd{ width:558px;}
.na_dw dl dd h4{ border-bottom:1px solid #e5e5e5; padding-bottom:8px; margin-bottom:4px;}
.na_dw dl dd h4 a{ color:#333;}
.na_dw dl dd h4 p{ font-size:12px; color:#999; padding-top:4px;}
.na_dw dl dd p{ color:#333;}
.na_dw dl dd h4 p em{ color:#ab6463;}
.na_dw dl dd p{ line-height:1.3;}
.na_dw dl dd .tp{ padding:6px 0 0;}


.atlas{ width:100%; overflow:hidden; padding-top:26px;}
.atlas dl{ overflow:hidden; width:100%;}
.atlas dd{ width:48%;  text-align:center;  margin-right:2%;   float:left; margin-bottom:16px;}
.atlas dd img{padding:4px 4px; width:100%; border:1px solid #ccc;}
.atlas dd>img{ width:100%; height:auto;}
.atlas ol{ width:100%; overflow:hidden; padding:0;}
.atlas ol li{ width:22%; margin-right:3%; text-align:center; float:left;  margin-bottom:26px;}
.atlas ol li img{height:auto; width:100%; padding:2px 2px;border:1px solid #ccc;}
.at_spe{ width:48%; overflow:hidden; padding:0 !important; border:none !important;margin-bottom:16px;}
.at_spe ul{ overflow:hidden; width:100%; }
.at_spe ul li{ float:left; width:48%; height:auto;  margin-bottom:4px;}
.at_spe ul li img{ display:block; width:100%; height:auto;  padding:2px 3px; border:1px solid #ccc;}
.at_spe ul li.at_spell{margin-right:4%;}
/*新闻列表*/
.news_list{ padding:30px 0;}
.news_list ol{}
.news_list ol li{ font-size:14px; padding-left:14px; background:url(../images/i_news_li.png) left center no-repeat; line-height:2em;}
.news_list ol li a{ color:#999;}
.news_list ol li span{ float:right; color:#999;}
.news_list ol li a:hover{ color:#006d45;}

/*********** foot *************/
ol, ul { list-style: none outside none; margin:0; padding: 0; }
.top_bar a{text-decoration:none;}
.top_bar { /* position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;*/ margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; height:50px;}
.top_menu {height:50px; background:#D4E7EB;}
.top_bar .top_menu>li {width:33% ; position:relative; text-align:center; background:url(../images/f_nav_bg.png) right center no-repeat;f}
.last-foot{background:none !important; width:34% !important;}
.top_menu>li:first-child {}
.top_bar .top_menu>li>a { height:50px;display:block; color:#ffffff !important; font-size:12px; cursor:pointer;}
.top_bar .top_menu>li>a label { height:18px; line-height:18px; display:block; color:#049C64 !important; font-size:14px; cursor:pointer; margin-top:2px;}
.top_bar .top_menu>li>a img { margin:6px 0 0 0; height: 20px; width: 20px; color: #fff; line-height: 48px; vertical-align:middle; border:none;}
.top_bar li:first-child a { display: block; text-decoration:none;}
.top_menu li:last-of-type a { background: none; }
.top_menu>li:last-of-type>a label { padding: 0 0 0 3px; }
.top_menu li:last-of-type a { background: none; }
.top_menu li{ float:left; width:25%;}
/*********** foot end*************/

.ss_logo{ text-align:center; background-color:#e7f6fb !important;}
.ss_logo img{ width:50%; height:auto; vertical-align:middle; display:inline-block; padding:10px 0;}



#o-person-details-pane{ width:96% !important; margin:0 auto !important;}
.o-person-details{ width:96% !important; margin:0 auto !important;}
.product{ width:96%px; padding:15px; overflow:hidden;}
.product ul{ overflow:hidden; width:100%;}
.product ul li a{ text-decoration:none; color:#555;}
.product ul li{ width:46%; float:left; margin:2%;}
.product ul li img{ width:100%; height:auto; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.product ul li p{ text-align:center; padding-top:4px; font-size:15px;}