/*======================================
		Design4U Web CSS
		author:   Design4U
		QQ:       66383210
		Email:    caixfm@gmail.com
		Website:  http://design4u.cn
		Version:  V1.0
		
		Works Include:
		Web Design, UI Design, Graphic Design, Flash Animation, Industrial Design, Etc.

======================================*/

/* =0 Reset*/
@import url('reset.css');
/* =Global
======================*/
html { }
body { font: normal 12px/1.6 Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif; color: #000; text-align:center; background:url(imagesbg_body.jpg) repeat-x; }
textarea { border:1px solid #999; margin-bottom:10px; width:100%; }
input { color:#666; font-size:12px; }
.marT { margin-top:10px; }
.marT5 { margin-top:5px; }
.pd15 { padding:15px; }
.pd10 { padding:10px; }
.pdlr10 { padding-left:10px; padding-right:10px; }
.grayTxt { color:#999 !important; }
.redTxt { color:#f00 !important; }
.wrapper { width:1002px; margin:0 auto; text-align:left; }
/* =Links and Text
======================*/
a, a:visited { color: #333; text-decoration:none; }
a:hover, a:active { color: #cc3300; text-decoration: underline; }
a.redLink, a.redLink:visited { color:#f00; }
a.redLink:hover, a.redLink:active { color:#f00; }
.btn { background:url(imagesbtn.jpg) repeat-x; height:22px; line-height:22px; padding:0 10px; border:1px solid #076cc7; color:#fff; }
.btn:link, .btn:visited { display:block; background:url(imagesbtn.jpg) repeat-x; height:22px; line-height:22px; padding:0 10px; border:1px solid #076cc7; color:#fff; }
.btn:hover, .btn:active { }
/*float and clear
======================*/
.fl { float: left; }
.fr { float: right; }
.clf { clear: both; }
.cl { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; display:block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */ 

/* =menu
======================*/
.menu { background:url(imagesbg_menu.jpg) repeat-x; height:33px; }
.menu .inwrapper { background:url(images/bg_menuBar.jpg) repeat-x; }
.menu ul li { float:left; width:100px; height:33px; overflow:hidden; background:url(imagesbg_menuSprite.jpg) no-repeat top right; }
.menu ul li a, .menu ul li a:visited { color:#fff; display:block; height:33px; line-height:33px; font-size:14px; font-weight: bolder; text-align:center; }
.menu ul li a:hover, .menu ul li a:active { color: #ffff66; }
.menu ul li.index a { background:url(images/icon_index.jpg) no-repeat 20px 50%; padding-left:30px; }
.menu ul li.curren { background:url(imagesbg_menuSel.jpg) no-repeat; color:#000; font-weight:bold; }
.menu ul li.curren a, .menu ul li.curren a:visited { color:#000; font-weight:bold; line-height:40px; }
/* =search
======================*/
.search { float:right; }
.search form { height:33px; width:178px; background:url(imagesbg_search_zckjs.jpg) no-repeat center center; }
.search form input { vertical-align:middle; }
.search input.txt { height:18px; line-height:18px; width:130px; *width:130px;
border:none; margin-top:6px; margin-left:6px; background:none; }
.search input.btn { background:url(imagesbg_searchBtn.jpg) no-repeat; height:18px; *height:16px;
width:25px; border:none; margin-top:6px; *margin-top:0px;
text-indent:-2000em; }
/* =content
======================*/
.content { background:#fff; }
.content .inwrapper { }
.content .incontent { padding:10px; _padding-bottom:5px; +padding-bottom:5px;
background:url(images/bg_contentBottom.jpg) no-repeat left bottom; }
/* main
======================*/
.bd { border:1px solid #bcbcbc; }
.main { width:700px; float:left; }
.main .aboutNav { float:left; width:170px; height:254px;}
.main .aboutNav ul {  padding:0; background:#fc9900 url(imagesbg_aboutNav.jpg) no-repeat bottom center; }
.main .aboutNav ul li { padding-left:20px; height:40px; line-height:40px; }
.main .aboutNav ul .first { padding-top:10px; }
.main .aboutNav ul li a, .main .aboutNav ul li a:visited { color:#fff; font-weight:bolder; }
.main .aboutNav ul li a:hover, .main .aboutNav ul li a:active { color:#ff0; }
.main .aboutTxt { margin-left:180px; }
.main .aboutTxt h2 { background:url(imagestitle_about.jpg) no-repeat left 50%; }
.main .aboutTxt h2 span a { background:url(imagesbg_moreAbout.jpg) repeat-x center center; color:#333; }
.main .aboutTxt .con { height:190px; padding:15px; padding-right:12px; overflow:hidden; }
.main .aboutTxt .con h3 { color:#993300; font-size:14px; padding-bottom:15px; margin-left:180px; }
.main .aboutTxt .con p { text-indent:2em; margin-bottom:10px; margin-left:180px; }
.main .aboutTxt .aboutImg { float:left; display:inline; }
.main .aboutTxt .con p span { text-align:right; display:block; }
.main .aboutTxt .con a, .main .aboutTxt .con a:hover { color:#f00; }
.main h2 { background:url(imagestitle_main.jpg) no-repeat left center; height:32px; line-height:32px; color:#f60; font-size:14px; padding-left:30px; }
.main h2 span { float:right; width:44px; margin-right:10px; }
.main h2 span a, .main h2 span a:visited { display:block; background:url(imagesbg_more.jpg) repeat-x center center; color:#fff; font-size:12px; font-weight:normal; height:32px; line-height:32px; text-align:center; }
.main h2 span a:hover, .main h2 span a:active { }
.local { border:1px solid #ddd; margin-bottom:10px; background:url(imagesbt_input.jpg) repeat-x; height:23px; line-height:23px; color:#999; }
.local span { display: block; background:url(imageslocalLine.jpg) no-repeat top right; float:left; width:80px; text-align:center; height:23px; line-height:23px; }
.local a { display: block; background:url(imageslocalArrowLine.gif) no-repeat right top; float:left; padding-right:20px; height:23px; line-height:23px; margin-right:6px; margin-left:6px; }
/*index block height and width
======================*/
.col { width:343px; }
.sideH1 { height:170px; overflow: hidden; }
.sideH2 { height:166px; overflow: hidden; }
.sideH3 { height:166px; overflow: hidden; }
.mainH2 { height:216px !important; overflow: hidden; }
.mainH3 { height:151px; overflow: hidden; }
.newsImg { margin:15px 0 15px 15px; display:inline; }
.bg1 { background:url(imagesbg1.jpg) no-repeat right bottom; }
/*newsList
======================*/
.newsList { padding:15px; }
.newsListWidth { width:300px; }
.newsList li { background:url(imagesarrow_list.jpg) no-repeat 0 8px; padding:2px; padding-left:20px; zoom:1; }
.newsList li span { color:#999; padding-left:10px; }
/*turnPage
======================*/
.turnPage { color:#999; padding:10px; text-align:right; }
.turnPage span { float:right; }
.turnPage a { display:block; float:left; border:1px solid #d2d2d2; background:url(imagesbtnBg.jpg) repeat-x; padding:1px 10px; margin-right:4px; }
.turnPage input.txt { border:1px solid #999; width:2em; }
.turnPage input.btn { border:1px solid #999; width:3em; }
.inHeight { height:auto !important; height:772px; min-height:772px; }
/*sidebar
======================*/
.sidebar { width:270px; float:right; }
.sidebar h2 { background:url(imagestitle_sidebar.jpg) no-repeat left top; height:32px; line-height:32px; color:#4e4e4e; font-size:14px; padding-left:30px; }
.sidebar h2 span { float:right; width:44px; margin-right:10px; }
.sidebar h2 span a, .sidebar h2 span a:visited { display:block; background:url(imagesbg_more2.jpg) repeat-x center center; color:#fff; font-size:12px; font-weight:normal; height:32px; line-height:32px; text-align:center; }
.sidebar h2 span a:hover, .sidebar h2 span a:active { }
.sidebar h2 a, .sidebar h2 a:visited { color:#4e4e4e; }
.sidebar h2 a:hover, .sidebar h2 a:active { }
.sidebar h2.sideTitle1 { background:url(images/bg_sideTitle1.jpg) no-repeat; height:40px; }
.sidebar h2.sideTitle2 { background:url(images/bg_sideTitle2.jpg) no-repeat; height:40px; }
.sidebar .bd { background:#b4b4b4 url(imagessideBarBg.jpg) repeat-x; }
.sidebar ul { background:#fff; }
.sidebar ul li { }
/*link
======================*/
.linkForm { padding:15px; }
.linkForm select { width:240px; }
/*detail
=====================*/
.detail { }
.detail h1 { text-align:center; font-size:22px; color:#666; padding:30px 0; border-bottom:1px solid #eee; }
.detail h4 { font-size:12px; color:#999; font-size:12px; text-align:center; font-weight:normal; padding:10px; }
.detail .con { padding:20px; }
.detail .con p { text-indent:2em; margin-bottom:20px; }
.back { }
/*footer
=====================*/
.footer {  }
.footer .inwrapper{margin:0 10px;background:url(imagesbg_footer.jpg) repeat-x; height:110px;}
.footer a { padding:0 8px;}
.botNav { height:32px; line-height:32px; text-align:center; }
.copyright { color:#fff; text-align:center; padding:15px; }

/*TabbedPanels
=====================*/
.TabbedPanels { overflow: hidden; margin: 0px; padding: 0px; clear: none; width: 100%;background:#c8c8c8 url(imagesbg_title.jpg) repeat-x; }
.TabbedPanelsTab { margin-left:2px;}
.TabbedPanelsTab li { position: relative; top: 1px; float: left; margin: 3px 2px 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsTab li a, .TabbedPanelsTab li a:visited { display:block; padding: 4px 10px; background:url(cssimagestab_norm.jpg) repeat-x; border:1px solid #999; height:16px; overflow:hidden;}
.TabbedPanelsTab li.curren a{ background:#fff; font-weight:bolder; color:#f60; text-decoration:none; border-bottom:1px solid #fff; height:20px; }
.TabbedPanelsTab li a:hover, .TabbedPanelsTab li a:active { background:#f8f8f8; color:f60; text-decoration:none; }
.TabbedPanelsContent { clear: both; border-top: solid 1px #999; background-color: #fff; height:auto !important; height:694px; min-height:694px; }