html{-webkit-text-size-adjust: none;word-wrap: break-word}
body, input, button, textarea, select, option{font-size: normal}
div,h3{padding:0px;margin:0px;}
a, input, textarea{text-decoration: none;outline: 0}
li, img, label, input{vertical-align: middle}
.wrapper,.top,.flash{width:100%;}
.wrapper{ clear:both;padding:16px 0 0 0;}
.topwrap{padding:0.6em 0 0 0; position:relative;height:80px;}
.logo{width:70%; position:absolute; left:40px; text-align:center;}
.topwrap img{width:100%;max-width:300px;}
.topwrap a:hover{text-decoration: none;}
.glyphicon-list{color: #060; font-size:2em; font-weight:lighter;}
.fa-angle-left{font-size:3.6em;color: #060; font-weight: lighter;}
.glyphicon-plus{ color:#FFF;}
.fleft{ float:left;}.fright{ float:right;}
.topwrap .topmenuicol{display:none; top:8px;left:8px; position:absolute;}
.topwrap .topmenuicor{display:none;top:8px;right:4px;position:absolute;}
.navbar{ margin:0px; background-color:#1F9B23; border: none;}
.navbar a{ font-weight:bold;}
.flash img{width:100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
#small_search{color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #5dc1fc;}
.floatl{FLOAT: left;}
.floatr{FLOAT: right;}
.list-style {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
A {
	COLOR: #666
}
A:hover {
	COLOR: #999
}
#main {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#main .text {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BACKGROUND: url(../images/boxbg.gif) repeat-x left top; HEIGHT: 170px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; overflow:hidden;
}
#main .box {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #666; PADDING-TOP: 5px
}
#main .left {
	BORDER-BOTTOM: #e3e3e3 1px solid; BORDER-LEFT: #e3e3e3 1px solid; WIDTH: 298px; BORDER-TOP: #e3e3e3 1px solid; BORDER-RIGHT: #e3e3e3 1px solid
}
#main .center {
	BORDER-BOTTOM: #e3e3e3 1px solid; BORDER-LEFT: #e3e3e3 1px solid; MARGIN: 0px 10px; WIDTH: 338px; BORDER-TOP: #e3e3e3 1px solid; BORDER-RIGHT: #e3e3e3 1px solid
}
#main .right {
	BORDER-BOTTOM: #e3e3e3 1px solid; BORDER-LEFT: #e3e3e3 1px solid; WIDTH: 298px; BORDER-TOP: #e3e3e3 1px solid; BORDER-RIGHT: #e3e3e3 1px solid
}
#main H3.title {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; PADDING-LEFT: 10px; BACKGROUND: url(../images/index_h3bg.gif) repeat-x left top; HEIGHT: 32px; COLOR: #666; FONT-SIZE: 13px; OVERFLOW: hidden; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#main H3.title A.more {
	MARGIN-TOP: 6px; PADDING-LEFT: 16px; BACKGROUND: url(../images/more.gif) no-repeat left 50%; COLOR: #690; FONT-SIZE: 12px; FONT-WEIGHT: normal; MARGIN-RIGHT: 10px
}
#main H3.title DIV.line {
	MIN-WIDTH: 60px; LINE-HEIGHT: 27px; MARGIN-TOP: 5px; PADDING-LEFT: 10px; WHITE-SPACE: nowrap; BACKGROUND: url(../images/index_h3line.gif) no-repeat left top; FLOAT: left; HEIGHT: 27px; CURSOR: pointer
}
* HTML #main H3.title DIV.line {
	WIDTH: 60px
}
#main H3.title DIV.line SPAN {
	TEXT-ALIGN: center; LINE-HEIGHT: 27px; PADDING-RIGHT: 10px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url(../images/index_h3line.gif) no-repeat right top; HEIGHT: 27px; CURSOR: pointer
}
* HTML #main H3.title DIV.line SPAN {
	PADDING-TOP: 2px
}
* + HTML #main H3.title DIV.line SPAN {
	PADDING-TOP: 2px
}
#main UL.newsx {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; PADDING-TOP: 5px
}
#main UL.newsx LI {
	LINE-HEIGHT: 25px; PADDING-LEFT: 10px; BACKGROUND: url(../images/newsx.gif) no-repeat left 10px; HEIGHT: 25px; COLOR: #555; OVERFLOW: hidden
}
#main UL.newsx LI A {
	COLOR: #555
}
#main UL.newsx LI A:hover {
	COLOR: #666; TEXT-DECORATION: underline
}
#main UL.newsx LI SPAN {
	FLOAT: right; MARGIN-LEFT: 5px
}
#main UL.newsx LI.top {
	COLOR: #f00
}
#main UL.newsx LI.top A {
	COLOR: #f00
}
#main UL.newsx LI.top A:hover {
	COLOR: #f00
}
* HTML #main UL.newsx LI IMG {
	PADDING-TOP: 8px
}
.mad,.mad img{width:100%; border:none;}
.clear{ clear:both;}
footer{ text-align:center; background-color: #1F9B23;  color:#f4f3f3; padding:20px 0px 10px 0px; margin-top: 20px; font-size:11px;}
.copyright{ line-height:20px;}
.copyright a{ color:#f4f3f3;}
.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 200px; padding: 5px;}
#service {
	TEXT-ALIGN: center;
}
#service ul,#service li {
	list-style:none;margin:0px;padding:0px; display:none;
}
#service ul li a{
	color:#000; font-size:0.9em;
	text-decoration:none;
}
#service ul li a:hover{
	color:#fff;
	text-decoration:none;
}
#service ul li{
float:left; width:92px; border-right:#999 solid 1px dotted; text-align:center; display:block;margin:1px; line-height:20px;	
}
#service ul li:hover{
background:#00CC99;	
}
#web {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px;
}
#web #left {
	WIDTH: 730px; FLOAT: right; OVERFLOW: hidden
}
#web #right {
	PADDING-BOTTOM: 10px; WIDTH: 220px; FLOAT: left
}
#web #right H3.title {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; PADDING-LEFT: 10px; BACKGROUND: url(../images/index_h3bg.gif) repeat-x left top; HEIGHT: 32px; COLOR: #666; FONT-SIZE: 13px; OVERFLOW: hidden; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#web #right H3.title DIV {
	MIN-WIDTH: 60px; LINE-HEIGHT: 27px; MARGIN-TOP: 5px; PADDING-LEFT: 10px; WHITE-SPACE: nowrap; BACKGROUND: url(../images/index_h3line.gif) no-repeat left top; FLOAT: left; HEIGHT: 27px; CURSOR: pointer
}
* HTML #web #right H3.title DIV {
	WIDTH: 60px
}
#web #right H3.title SPAN {
	TEXT-ALIGN: center; LINE-HEIGHT: 27px; PADDING-RIGHT: 10px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url(../images/index_h3line.gif) no-repeat right top; HEIGHT: 27px; CURSOR: pointer
}
* HTML #web #right H3.title DIV SPAN {
	PADDING-TOP: 2px
}
* + HTML #web #right H3.title DIV SPAN {
	PADDING-TOP: 2px
}
#web #right H3.title A.more {
	LINE-HEIGHT: 100px; MARGIN-TOP: 12px; WIDTH: 39px; BACKGROUND: url(../images/more.gif) no-repeat; HEIGHT: 14px; OVERFLOW: hidden; MARGIN-RIGHT: 10px
}
#web #right .webnav {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-TOP: 0px
}
#web #right .border {
	BORDER-BOTTOM: #e3e3e3 1px solid; BORDER-LEFT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; BORDER-RIGHT: #e3e3e3 1px solid
}
#web #right DIV.line {
	MARGIN-TOP: 10px
}
#web #right .webnav UL {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 20px; LIST-STYLE-IMAGE: none
}
#web #right .webnav UL LI {
	PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px
}
#web #right .webnav UL.memberul {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#web #right .webnav UL.memberul LI {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 28px; MARGIN: 6px auto 2px; PADDING-LEFT: 30px; WIDTH: 154px; PADDING-RIGHT: 10px; ZOOM: 1; BACKGROUND: url(../images/web_navbg.gif) no-repeat; HEIGHT: 28px; FONT-SIZE: 100%; OVERFLOW: hidden; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#web #right .webnav UL.memberul LI A {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/ico.gif) no-repeat left 4px; COLOR: #666
}
#web-sidebar H2 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 28px; MARGIN: 6px auto 2px; PADDING-LEFT: 30px; WIDTH: 154px; PADDING-RIGHT: 10px; ZOOM: 1; BACKGROUND: url(../images/web_navbg.gif) no-repeat; HEIGHT: 28px; FONT-SIZE: 100%; OVERFLOW: hidden; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#web-sidebar H2 A {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/ico.gif) no-repeat left 4px; COLOR: #666
}
#web-sidebar DIV.part2dom {
	MARGIN-LEFT: 15px
}
#web-sidebar DT {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 28px; MARGIN: 6px 1px 2px; PADDING-LEFT: 30px; WIDTH: 154px; PADDING-RIGHT: 10px; ZOOM: 1; BACKGROUND: url(../images/web_navbg.gif) no-repeat; HEIGHT: 28px; FONT-SIZE: 100%; OVERFLOW: hidden; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#web-sidebar DT A {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/ico.gif) no-repeat left 4px; COLOR: #666
}
* HTML #web-sidebar DT A {
	BACKGROUND-POSITION: left 2px
}
* + HTML #web-sidebar DT A {
	BACKGROUND-POSITION: left 2px
}
#web-sidebar DD {
	MARGIN-LEFT: 25px
}
#web-sidebar DD H4 {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
#web-sidebar DD H4 A {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/jt.gif) no-repeat left 5px; COLOR: #666
}
#web #right DIV.text {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-TOP: 5px
}
#web #right DIV.met_online {
	VISIBILITY: hidden
}
#web #right .met_onlinename {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-WEIGHT: bold; PADDING-TOP: 3px
}
#web #right .met_qq {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-WEIGHT: bold; PADDING-TOP: 3px
}
#web #left H3.title {
	LINE-HEIGHT: 25px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 15px; BACKGROUND: url(../images/sb.gif) no-repeat right top; HEIGHT: 25px; COLOR: #666; FONT-SIZE: 100%; OVERFLOW: hidden; FONT-WEIGHT: normal; text-indent:2px;}
.glyphicon-home{color:#1F9B23;}
#news_list UL {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
#news_list LI {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 15px; PADDING-RIGHT: 8px; BACKGROUND: url(../images/jt.gif) no-repeat 3px 12px; HEIGHT: 30px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#news_list LI A:hover {
	TEXT-DECORATION: underline
}
#news_list LI SPAN {
	FLOAT: right; COLOR: #666
}
* HTML #news_list LI IMG {
	PADDING-TOP: 8px
}
#news_list DL {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
#news_list DIV.line {
	HEIGHT: 10px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid
}
#news_list DT {
	POSITION: relative
}
#news_list DD {
	WIDTH: 100%
}
#news_list DD .text {
	PADDING-LEFT: 10px
}
#news_list DD H3 {
	FONT-SIZE: 100%
}
#news_list DD P {
	COLOR: #666
}
#shownews {
	PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#shownews H1.title {
	BORDER-BOTTOM: #ccc 1px dotted; TEXT-ALIGN: center; PADDING-BOTTOM: 4px; MARGIN-BOTTOM: 10px; FONT-SIZE: 150%; PADDING-TOP: 4px
}
#shownews DIV.text {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 0px
}
#shownews .related {
	MARGIN-TOP: 8px; PADDING-LEFT: 5px; FONT-SIZE: 100%
}
#shownews .related-list {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 20px; LIST-STYLE-IMAGE: none
}
#shownews .related-list LI {
	LINE-HEIGHT: 22px; WIDTH: 48%; FLOAT: left; HEIGHT: 22px; OVERFLOW: hidden; MARGIN-RIGHT: 8px
}
#shownews .related-list LI A:hover {
	TEXT-DECORATION: underline
}
.input-group{padding:6px 0;}
@media only screen and (min-width:768px){
	.search{
	margin-top:40px;
	margin-right:10px;
}
	.navbar{clear:both;min-height: 50px;}
      .navbar-nav > li:first-child { border-left:0; }
      .navbar-nav > li:last-child{ border-right:0; }
	.navbar-nav > li > a {height: 50px; transition:background 0.4s; text-align: center; line-height: 50px;padding:0 16px;}
      .navbar-default .navbar-nav > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background-color: #00CC66; color: #fff;}
      .navbar-brand{display: none;}

      .nav_small{ background-color:#7ecefd; padding-top: 0px; padding-bottom: 0px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{border: 1px solid #b7e4fe; border-bottom-width: 0;}
      .nav_small > li > a{line-height:30px; color: #fff; font-size: 12px; font-family: Arial;}
      .nav_small > li > a:hover{background-color:#00CC66; color: #fff;}
	#app_menudown,#small_search,.footer_nav{ display:none; }
	}
@media only screen and (max-width:767px){
body{ width:100%;}
.container.head{ width:100%;}
.search input{ width:85%;}.search button{ width:10%}
.navbar{ margin-top:15px;}
      .navbar-default .navbar-brand {color: #fff;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #5dc1fc;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #00CC66;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li { border-bottom:1px solid #5dc1fc; }
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #00CC66; color: #fff;}
#main .left,#main .right,#main .center{width:100%;margin-bottom:8px;}
.footer_nav{background-color: #fafafa;}footer{padding-bottom:50px;}#service ul li{width:32%;}.topwrap .topmenuicol,.topwrap .topmenuicor{ display:block;}
.topwrap{height:60px;}#web #left,#web #right{width:100%;float:none;}
}