@charset "utf-8";
@borderColor:#e0e0e0;
@mainColor:#009824;
@accessoryColor:#f60;

/*公用菜单样式*/
#mainmenu 
{
	.navbar
	{
		border:0px;min-height:40px;border-radius:0px;margin-bottom:0px;
		.navbar-nav
		{
			>li
			{
				text-align:left;
				>a { text-shadow:none;padding:10px 25px;font-size:1em;font-weight:normal;}	
				>ul
				{
					>li {				
						border:0px;
						>a  {color:#555;padding:8px 15px;font-size:1em;font-weight:normal}
					}
				}
			}
		}
		
		.navbar-toggle
		{
			border:0px;
		}

		
	}
	
	.navmenu-brand {padding: 0px;}

}


.dropdown-menu
{
	padding-top:0px;padding-bottom:0px;
}

.dropdown-submenu {
	position: relative;
	> .dropdown-menu 
	{
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
	}
	&:hover 
	{
		> .dropdown-menu {
		display: block;
		}
		
		> a:after {
		border-left-color: #fff;
		}
	}
	 > a:after 	 {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
	}
	
	&.pull-left {
		float: none;
		.dropdown-menu {
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		border-radius: 6px 0 6px 6px;
		}

	}
}

/*********************************普通模式*********************************************/

#mainmenu  .navbar-default {
	box-shadow:none;background:none;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;
	
	.navbar-brand {color:#fff;padding:0px 15px;}
	
	.navbar-toggle:hover,  .navbar-toggle:focus
	{
		background-color:#f5f5f5 !important;
	}
	.navbar-nav>li
	{
		>a  {
		border:1px solid  transparent;color:@mainColor;
		&:hover,&:focus,&:active
			{
			/*
			border:1px solid @accessoryColor;
			border-radius:25px;
			*/
			color:@accessoryColor
			}
		}
		>.dropdown-menu
		{
			margin-top:-1px;
			border-radius:5px;
		}
	
	}
	

}


/*********************************反色模式*********************************************/
#mainmenu  .navbar-inverse {
	background:@mainColor;min-height:40px;
	.navbar-nav
	{
		>li
		{
			>a {
			color:#fff;border-right:1px solid #006fb4;border-left:1px solid #0087dc;padding:10px 15px;
			&:hover,&:focus
				{
					background:#006acd
				}
			}
		}
	}
	.navbar-link {color:#fff}
	.navbar-brand {color:#fff;padding:2px 15px;padding-top:15px}
	.navbar-toggle
	{
		&:hover,&:focus
		{
			background-color:#006acd !important;
		}
	}
}




/*折叠装态*/
#mainmenu .offcanvas.in  {
	width:200px;border-left-color:#ccc;background:#fff;
	.navbar-nav
	{
		>li>a
		{
			color:#333;
			border-bottom:1px solid @borderColor;
			border-left:0px;border-right:0px;
			padding-top:8px;padding-bottom:8px;
			
			&:hover,&:focus
			{
				background:none;
				background-color:#f5f5f5;
				box-shadow:none;
				border-radius:0px;
				border:0px;
				border-bottom:1px solid @borderColor;
			}
			
		}
		li li a
		{
			padding-left:25px;
		}

		> .open > a,> .active > a
		{
			background: none;
			background-color: #f5f5f5;
			box-shadow: none;
			border-radius: 0px;
			border: 0px;
			border-bottom: 1px solid @borderColor;
		}
		
		.open .dropdown-menu>li>a
		{
			&:hover,&:focus
			{
				background-color:#f5f5f5;
			}
		}


	}
	
	
	.dropdown-menu 
	{
		> li
		{
			 > a
			 {
				 color:#333;
				border-bottom:1px solid @borderColor;
				border-left:0px;border-right:0px;
				padding-top:8px;padding-bottom:8px
				
			 }
		}
	}

}


#mainmenu .offcanvas .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display:none;
  width:100%;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  padding:10px;
 }

#mainmenu .offcanvas .submenu .header
{
	border-bottom:1px solid #e0e0e0;clear:both;float:none;margin-top:20px;margin-bottom:20px;padding-bottom:10px;font-weight:bold;color:#a00014; 
}

#mainmenu .offcanvas .submenu a {display:inline-block;text-align:center;margin-left:5px;margin-right:5px;margin-bottom:10px;}
#mainmenu .offcanvas .submenu img {display:block; margin-bottom:5px; }
#mainmenu .offcanvas .submenu  a:hover { text-decoration:none}

#mainmenu .offcanvas.in   .submenu {display:block;position:relative;
}
#mainmenu .offcanvas.in   .submenu  a {display:block;border-bottom:1px solid #e0e0e0;  text-align:center;}
#mainmenu .offcanvas.in .submenu img
{
	display:inline-block
}


/***********通用样式**********/
html { font-family:Helvetica Neue, Helvetica,corbel,arial,sans-serif;-webkit-text-size-adjust:none;}
body {background-color:#fff;position:relative;}
.opacity-button {border:0px;background:none;padding:0px;}
label {font-weight:normal}
hr {clear:both;float:none}

.radius {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px; 
}

.radius15 {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px; 
}

.radius-circle
{
border-radius:50%;
}
.border-top {border-top:1px solid @borderColor}
.border-bottom {border-bottom:1px solid @borderColor}

.input-xs {height:24px;text-indent:5px;border:0px;background:#f2f2f2;color:#555;border:1px solid @borderColor;background:#fff;}
.margintp {margin-top:10px}
.margin2xtp {margin-top:20px}
.margin3xtp {margin-top:30px}
.margin4xtp {margin-top:40px}

.marginbt {margin-bottom:10px}
.margin2xbt {margin-bottom:20px}
.margin3xbt {margin-bottom:30px}
.margin4xbt {margin-bottom:40px}

.linkbutton {
	display:inline-block;  padding:3px 10px;border:1px solid @mainColor;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;background:#fff;color:@mainColor;
	border-radius:4px;  
	&:hover { text-decoration:none;border:1px solid @accessoryColor;color:@accessoryColor}
}

.border {border:1px solid @borderColor}
.picshadow {box-shadow:0px 0px 8px 1px #ddd}
.summarytext {color:#777;line-height:160%;}

a {
	color:#333;
	&:hover {color:#f60;text-decoration:none}
}

.form-group {margin-bottom:10px}
.header1 {font-size:1.4em;color:@mainColor;}
.header2 {font-weight:bold;font-size:1.2em;margin:15px auto;color:@accessoryColor;}
.moretext {margin-top:20px;margin-bottom:15px;}
.moretext a {color:#777;}
.whitebg {background:#fff;}
.banner {border-bottom:1px solid #d8d8d8}

/***********顶部效果**********/
#top { background-color:#fff;
	#topbar {height:40px;background:@mainColor;padding-top:5px;}
	.toplink
	{
	 a  {color:#fff;line-height:30px;opacity:0.8;margin-left:15px;
	 &:hover {opacity:1;color:#fff; text-decoration:none}
	 }
	 .glyphicon {font-size:14px;}
	}

}



/***********首页效果**********/
 .row .prod:last-child {}
.prod {
	text-align:center;padding:10px;border-right:0px;
	.pic  {display:block;}
	.title a {display:block;margin-top:10px;text-align:center;margin-bottom:10px;}
	.summary,.summary *
	{
	text-align:left;color:#666 !important
	}
	.moretext {text-align:left;}

}


/***********页面部件**********/

#page_title { font-size:1.4em; color:@mainColor;margin:20px auto;font-weight:normal}
#page_content {
		margin:20px auto;
		p,div,td
		{line-height:180%}
}
#page_body {
	margin-top:20px;
	
	}
#right_panel {
	min-height:700px;padding:40px 0px;vertical-align:top
	
}

#content_panel { min-height:600px;}


#filter
{ 

div {padding-right:20px;
	a {margin-left:2px;padding: 0px 2px;color:#666;
	&.sel {background:@accessoryColor;color:#fff;}
	}
}
}


/***********页脚**********/
#footer_div
{
	#footer  {
		background:#fff;line-height:26px;padding:8px 0px;
	}
	#footer_nav
	{
		padding:15px 0px;background:#f8f8f8;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;
		 * {color:#444;}
		h5 {font-weight:bold; font-size:1.2em;}
		a {color:#666;display:block;line-height:200%;}
		
	}
	
	.icons a
		{
			i {margin-left:3px;color:#777;font-size:24px;}
			&:hover {
			i {text-decoration:none;color:@accessoryColor;}
			}
		}
		
}


/***********侧导航**********/
#left_panel {  padding-top:30px; vertical-align:top;}
#LeftNavPanel
{
	margin:10px auto;background:#fff;
	#leftheader {height:50px; line-height:50px;text-indent:15px;background:@mainColor;font-size:1.2em;color:#fff;border-radius:5px 5px 0px 0px; }
	#leftNav {
	border-radius:0px 0px 5px 5px; border:1px solid @borderColor;border-top:0px;
	 ul {	
	 ul {margin:0px 0px;} 
	 list-style:none;margin:0px;clear:both;padding:0px;
	 li a {
			display:block;padding:10px 0px;line-height:20px;border-bottom:1px solid #e5e5e5; text-align:left;text-indent:15px;
			&:hover {text-decoration:none;color:@accessoryColor;background:#f5f5f5 }
	  }
	  li  li a {font-size:13px;padding:8px 0px;padding-left:15px;padding-right:5px;border-top:0px;border-right:0px;border-bottom:1px solid #efefef;margin-bottom:0px;}
	  li  li li a {
		  font-size:0.9em;padding:6px 0px;padding-left:35px;padding-right:5px;border-top:0px;background:#fff url(/images/menu-right.jpg) no-repeat 35px 12px;border-bottom:1px solid #efefef;
		  &:hover {text-decoration:none;background:#fff url(/images/menu-right.jpg) no-repeat 35px 10px}
	  }
	  
	 }
	}

}

/*---------------浮动层-------------------*/

.floater {z-index:20000;position:absolute}
#rightFloater 
{
border:1px solid #dedede;
a {

display:block;padding:5px 5px;border-bottom:1px solid #dedede;background:#fff;color:#666;text-align:center;

&:hover {text-decoration:none;background:@accessoryColor;color:#fff}
&:last-child {margin-bottom:0px;}


}
}


/*---------------版面样式-------------------*/
.List {padding-left:15px;padding-right:15px;}

.titleList {
	padding-left:0px;padding-right:0px;
	.item {
	display:block;padding-top:15px;padding-bottom:15px;border-bottom:1px solid @borderColor;
	.title {line-height:40px;
		 a {background:url(/images/news2.png) no-repeat left 2px;text-indent:25px;display:block;
		 &:hover {color:#004986}
		 }
	}
	.time {color:#666;padding:0px;}
	.content {margin-left:25px;}
	.summary {margin-top:5px;color:#888;}
	.tag {margin-top:10px;color:#999;
		 a {color:#666666;}
		}
	.download  a {color:#666;display:block;background:url(/images/pdf.png) no-repeat left 2px;text-indent:22px;margin-top:10px}
	
	}
}


.topBottom  .item{
	background:#fff; position:relative;margin-bottom:30px;
	.pic {
		display:block;position:relative;border:1px solid @borderColor;overflow:hidden;padding:5px;
		&:hover {border:1px solid @accessoryColor;}
		.playicon	{height:100%;background:url(/images/play.png) no-repeat center center;position:absolute;left:0px;top:0px;width:100%;display:none;cursor:hand;}
		}
	.title { line-height:25px;font-size:1em;margin-top:10px;display:block;color:@mainColor;
	&:hover {color:@accessoryColor}	
	}
	.summary {line-height:20px !important;color:#555;text-align:left;margin-top:10px
			p,div,li {color:#555;}
			ul {margin:5px  0px;padding-left:20px;}
			}
}


.topBottom1  .item{
	background:#fff;position:relative;
	.pic {display:block;}
	.title {color:#005fd3;line-height:25px;}
	.summary {color:#de0f05;line-height:20px !important;color:#999;text-align:left;min-height:50px;margin-top:10px;}
	.tag {margin-top:10px;color:#999;}
}

 
.leftright  .item 
{
	.pic {background:#fff;display:block;padding:5px;}
	.title {color:#005fd3;line-height:25px;}
	.summary {
		color:#999;text-align:left;min-height:50px;margin-top:10px;
		p,div,li  {color:#666;}
		ul {margin:5px  0px;padding-left:20px;}
	}
	.tag {margin-top:10px;color:#999;}
	.more {margin-top:20px;}
}

.cascade>.item  {
	margin-bottom:20px; 
	>.header {font-weight:bold;color:#555;}
	>.titleList>.item {padding:5px 0px;}
	>.more {margin-top:10px;}
}



/*bootstrap样式覆写*/

.thumb-pager a {display:inline-block;border:1px solid @borderColor;margin-right:5px;margin-bottom:5px;}
.thumb-pager .cycle-pager-active {border:1px solid @accessoryColor;}

.tooltip-inner {
  max-width: 500px;
  padding: 3px 8px;
  color: #333;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border-radius: 4px;
    border:1px solid #d0d0d0 
}

.tooltip.top .tooltip-arrow {
  border-top-color: #d0d0d0;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #d0d0d0;
}
.tooltip.top-right .tooltip-arrow {

  border-top-color: #d0d0d0;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #d0d0d0;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #d0d0d0;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #d0d0d0;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #d0d0d0;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #d0d0d0;
}

.affix{position:fixed;top:20px;z-index:1000;width:240px;}
.affix-bottom{position:absolute;width:240px;}

.desctext {color:#888;font-size:1.1em;margin-top:10px;}

blockquote {font-size:1em;}
.cycle-slideshow-responsive,.cycle-slideshow-responsive * {
	BOX-SIZING: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box
}
 
.cycle-slideshow-responsive {
	POSITION: relative; MIN-WIDTH: 200px; PADDING-BOTTOM: 0px;  PADDING-LEFT: 0px; width:100%;PADDING-RIGHT: 0px;  PADDING-TOP: 0px
}

.cycle-slideshow-responsive IMG {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; TOP: 0px; PADDING-TOP: 0px; LEFT: 0px;cursor:hand;
}


.cycle-pager {
text-align: center;
width: 100%;
z-index: 500;
position: absolute;
bottom: 10px !important;
overflow: hidden;
}

.cycle-pager-bottom
{
	text-align: center;
width: 100%;
z-index: 500;
position:relative;
margin-top:15px;
}

.cycle-pager span {
font-family: arial;
font-size: 36px;
width: 15px;
height: 12px;
display: inline-block;
color: #fff;
cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
color: @accessoryColor;
}


@media (max-width: 740px)
{
html,body,.dropdown-menu {font-size:13px;}
#mainmenu  .navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu
{
	display:block;
}

#mainmenu  .navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu a,
#mainmenu  .navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu a:hover,
#mainmenu  .navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu a:focus
{
	text-indent:15px;
}
}


@media (min-width: 768px)
{
#mainmenu  .navbar-nav>li.dropdown:hover>.dropdown-menu {   display: block;     }
html,body,.dropdown-menu {font-size:13px;}

}

@media (min-width: 980px)
{
	#mainmenu .navbar .navbar-nav > li > a
	{
		padding:10px 15px;
		
	}

}



@media (min-width: 1200px)
{
	#mainmenu .navbar .navbar-nav > li > a
	{
		padding:10px 25px;
		
	}

}