/*======================================
		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.

======================================*/
@import url('reset.css');

/* layout
--------------------------------------------------------------------------*/

html {  height:100%; }
body { font: normal 12px/1.5 Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif;background:url(imgbodyBg.jpg) repeat-x; }
.iframeBody{ background:#fff !important;}
.wrapper { }
.inWrapper { width:980px;background:#fff;margin:0 auto; padding:5px 10px 0; text-align:left;}

.sideBar {width:220px; }
.mainBar{ width:755px;}
.colL{ width:230px; float:left;}
.colR{ width:520px; float:right;}
.col2{width:375px;}
.borderBto{ border-bottom:1px solid #e2e2e2;}
.sideBarIn{}

/* Global
--------------------------------------------------------------------------*/
.justify { text-align:justify; text-justify:inter-ideograph }
.hide { display: none; }
.pdT{ padding-top:10px;}
.marT { margin-top:5px; }
.marLR{ margin-left:10px; margin-right:10px;}
.alignC { text-align:center; }
/*float and clear
======================*/
.fl { float: left; }
.fr { float: right; }
.clf { clear: both; }
.cl { clear:both;}
.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 */ 
/* Links and Text
======================*/
a:link, a:visited { color:#333; text-decoration:none; }
a:hover, a:active { color:#cc6600; text-decoration:underline; }
a.redLink:link, a.redLink:visited { color:#f00;}
.redTxt { color:#f00 !important; }


/* Header
--------------------------------------------------------------------------*/
.header { background:url(imgheaderBg.jpg) no-repeat center top;}
.header .inWrapper { position:relative; height:113px; padding:0; background:none;}
.topMini{ position:absolute;right:10px; top:0px; color:#333; margin-top:5px;}
.topMini a{ color:#333; padding:0 6px;}


/* menuArea
--------------------------------------------------------------------------*/
.menuArea{}
.menuArea .inWrapper { width:1000px;height:35px; background:url(imgmenuBg.jpg) repeat-x;padding:0;}

/*menu*/
.date{ float:right; color:#fff;width:180px; height:35px; line-height:35px; text-align:right; padding-right:20px;}
.menu{ float:left; width:772px; font-size:14px; color:#fff;}
.menu a:link,.menu a:visited{ display:block; float:left; width:94px; text-align:center;height:35px; line-height:35px; color:#fff;font-weight:800; text-decoration:none; background:url(imgmenuSprit.jpg) no-repeat right top; }
.menu a:hover { color:#ffff00; border:none; }
.menu a.current:link,.menu a.current:visited { color:#ffff00; background:url(imgmenuArrow.gif) no-repeat center bottom;}

/*quickForm*/
.quickForm{ background:url(imgquickFormBg.jpg) repeat-x; border:1px solid #d2e1f1; padding-top:40px;}
.iconBg{ background:url(imgicon_quickForm1.gif) no-repeat 16px 50%; height:32px; line-height:32px; padding-left:50px; color:#818181; margin-bottom:5px;}
.iconBg2{ background-image: url(imgicon_quickForm2.gif);}
.iconBg3{ background-image: url(imgicon_quickForm3.gif);}
/*d4uForm*/
.d4uForm{ background:#fff;}
.d4uForm li{margin-bottom:3px;}
.d4uForm label{float:left; width:60px; text-align:right; padding-right:10px;}
.d4uForm .input_txt { height:18px;line-height:18px;width:120px; border:1px solid #d7d7d7; background:#fff url(imginputBg.jpg) repeat-x; padding-left:4px;}
.d4uForm select{height:20px;line-height:20px;width:126px;border:1px solid #d7d7d7;}
.d4uForm .btnBar{ padding-left:23px;}
.d4uForm .input_btn { border:1px solid #72aada;height:24px;line-height:24px;  background:#dde9ff url(imginputBtnBg.jpg) repeat-x; cursor:pointer; width:84px; text-align:center; margin-right:5px;}


.leftForm a:link,.leftForm a:visited{ color:#458fce;}
.leftForm a:hover{}
.leftForm .btnBar{ padding-left:70px;}

.leftForm .input_btn{ width:58px;}

.sideH1 { height:150px; overflow: hidden; }

/*serviceRoom*/
.serviceRoom{ background:url(imgserviceBg.jpg) no-repeat; height:435px; padding:0 6px;}
.serviceRoom h2{ color:#666; padding-left:10px;}
.serviceRoom .loginTitle{ padding-top:42px; margin-bottom:10px;}
.serviceRoom .listTitle{ background:#f8f8f8; border-top:1px solid #ececec; height:26px; line-height:26px;}
.eduLink{ padding:8px 4px 4px 12px;height:56px; text-align:center;}
.eduLink a:link,.eduLink a:visited{ display:block; float:left; text-indent:20px; height:24px; line-height:24px; width:88px; color:#666; margin:2px 4px;}
.eduLink a:hover{ color:#f60;}
.eduLink a.link1{ background:url(imgeduLinkBg1.jpg) no-repeat;}
.eduLink a.link2{ background:url(imgeduLinkBg2.jpg) no-repeat;}
.eduLink a.link3{ background:url(imgeduLinkBg3.jpg) no-repeat;}


.linkList li{ background: url(imgarrow_linkList.jpg) no-repeat 16px 50%; padding-left:30px; height:28px; line-height:28px;}
.linkList li.borderBot{ border-bottom:1px solid #ececec;}
.serviceRoom .linkList li{ height:26px; line-height:26px;}
/*search_form*/
.searchArea{ background:url(imgsearchBg.jpg) no-repeat; height:95px;}
.search_form { padding:10px 10px 0 44px;}
.search_form li label{width:2em;}
.search_form li .input_btn{ width:60px; margin-right:10px;}


/*questionForm*/
.questionForm { background:#f3f3f3; padding:10px;}
.questionForm h3{ background:url(imgicon_question.jpg) no-repeat left top; height:24px; line-height:24px; padding-left:32px;}
.questionForm .grayTxt{ color:#999;}
.questionForm .input_txt{ width:105px;}
.questionForm .input_btn{ width:50px; margin-left:5px;}


.btnArea .input_btn{ border:1px solid #bebebe; background:url(imggrayBtnBg.jpg) repeat-x; margin-top:5px; height:35px; line-height:35px; width:96px; border-radius:3px;}
/* newsList
--------------------------------------------------------------------------*/
.newsList { }
.newsList li { padding:3px 0 2px 6px;background:url(imgarrow_list.gif) no-repeat 0 10px; _height:1%;}
.newsList li span { float:right; color:#999; padding-right:10px;}
.inCon .newsList li{ border-bottom:1px dashed #ddd;}
.inCon .newsList li span{ float:right;}

/* newsList
--------------------------------------------------------------------------*/
.newsList{ line-height:1.7;}
.newsList img{ float:left; padding-top:11px;}
.newsList a:link,.newsList a:visited{padding-left:10px;line-height:1.7;}
.newsList a:hover{}

/* newsList1
--------------------------------------------------------------------------*/
.newsList1 { }
.newsList1 li { padding:3px 0 2px 15px;background:url(imgarrow_list.gif) no-repeat 0 10px; _height:1%;}
.newsList1 li span { float:right; color:#999; padding-right:10px;}
.inCon .newsList1 li{ border-bottom:1px dashed #ddd;}
.inCon .newsList1 li span{ float:right;}


/* newsList1
--------------------------------------------------------------------------*/
.newsList1{ line-height:1.7;}
.newsList1 img{ float:left; padding-top:11px;}
.newsList1 a:link,.newsList a:visited{padding-left:10px;line-height:1.7;}
.newsList1 a:hover{}


/*areaBlock*/
.areaBlock{ }
.areaTitle,.tabTitle,.areaTitle,.tabTitle2{ background:url(imgareaTitleBg.jpg) repeat-x; height:30px; line-height:30px; padding:0 10px; color:#458fce;border:1px solid #d2e1f1;border-bottom:none;}

.areaTitle strong{ display:block; height:30px; line-height:30px;color:#458fce;}
.areaTitle span{ float:right;}
.areaTitle span a{ display:block;color:#458fce; background:url(imgarrow_linkList.jpg) no-repeat right center;width:49px; height:30px; line-height:30px; color:#999; text-align:right; padding-right:10px;}
.areaContent{ padding:5px 10px ;border:1px solid #d2e1f1; border-top:none;}
.areaContents{ padding:5px 10px ;border:1px solid #d2e1f1; border-top:none; height: 150px;}


/*tab*/
.tabArea{}
.tabTitle,.tabTitle2{padding:0; overflow:hidden;}
.tabTitle ul{}
.tabTitle li,.tabTitle2 li{ cursor:pointer; float:left; border-right:1px solid #dbecec; height:30px; line-height:30px; width:90px;  text-align:center;  color:#458fce;}
.tabTitle li.tabSel,.tabTitle2 li.tabSel{ background:#fff; font-weight:800;}


.tabContent,.tabContent2{ padding:10px;border:1px solid #dbecec;border-top:none; height:150px;}
.tabContent2{ height:141px;}
.tabMore strong{ background: url(imglineGray.jpg) repeat-x left center; display:block; height:35px; margin-right:60px;}
.tabMore span{ float:right;}
.tabMore span a{ display:block;color:#458fce; background:url(imgmoreBtn.jpg) no-repeat; width:49px; height:16px; text-indent:-2000px; margin:8px 0 0 0;}

/*inTab*/
.inTab{ border-bottom:1px solid #ddd; height:30px; margin-bottom:20px;}
.inTab ul{ float:right; margin-right:10px;}
.inTab ul li{cursor:pointer; float:left;  height:30px; line-height:30px; width:90px; margin-left:6px; text-align:center; background:#ec7800; }
.inTab ul li a{color:#fff;}
.inTab ul li.tabSel{background:#fff; font-weight:800; border:1px solid #ddd; border-bottom:1px solid #fff;}
.inTab ul li.tabSel a{color:#333; }

/* focus */
/* focus */


.focus{height:185px; width:500px; overflow:hidden; position:relative; background:#fff;}
.focusImg{ width:210px; height:160px; float:left;}
.focus .items{width:500px; float:left; height:175px;}
.focus .items img{ width:210px; height:160px;}
.focus .items dl{ margin-left:230px;}
.focus .items dt{ padding-right:10px;}
.focus .items dt a{font-size:14px; font-weight:800; color:#3b639f;}
.focus .items dd{ font-size:12px; line-height:18px; height:160px;color:#8c8c8c; padding:10px 10px 0 0;}
.focus .items dd a{color:#3b639f;}



/* slider */

#slideshow{position: relative;height:175px;margin: 0 auto; }
#slideshow .img{position: absolute;height: 300px;}
#slideshow .itemArea{position: absolute;width:19999px;height: 185px;}

#slideshow .btns{z-index: 10;position: absolute; width:500px;}

/*page dot*/
#slideshow .btns b{ position: absolute;width: 100px;display: block;height: 14px;overflow: hidden;top: 170px;left:80px;}
#slideshow .btns b i{ width: 8px;float: left;height: 8px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 6px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background:#c6c6c6;}
#slideshow .btns b i: hover{background: #5d9ac9}
#slideshow .btns b i.on{background: #5d9ac9;cursor: default}
#slideshow .btns b i.on: hover{background: #3cd2f1;cursor: default}

/*page arrow*/
#slideshow .btns s{position: absolute;width: 16px;height: 19px;background:no-repeat center center;overflow: hidden;top: 165px;cursor: pointer}
#slideshow .btns s i{}
#slideshow .btns s.prev{left: 0px; background:url(imgarrowL.gif);}
#slideshow .btns s.prev i{top: -80px}
#slideshow .btns s.next{left:22px;background:url(imgarrowR.gif);}

.paging{height: 185px;position: absolute;overflow: hidden;}
.wtit .info,.wtit .tit{float: left;}
.wtit .info{padding: 35px 0 0 20px;color: #989898;}
.wtit .info span{margin: 0 8px;}


/*friendLink*/
.friendLink{ background:#f7f9fc; border:1px solid #c6dbee;}
.friendLink .linkTitle{ font-weight:800; font-size:14px; color:#458fce; float:left; padding:6px 10px 0; }
.friendLink .linkList{border-left:1px solid #c6dbee; margin-left:50px; padding:10px;}

.friendLink .linkList a{ padding:0 12px;}

/*linkImg*/
.linkImg a{ display:block;padding-top:5px;}
.linkImg img{ display:block;}






/*sideNav*/
.sideNav { }
.sideNav h2 { height:45px;  line-height:40px; background: url(imgsideNavTitleBg.jpg) repeat-x;; color:#fff;  font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; font-weight:400;border-bottom:1px solid #71a9da; }
.sideNav h2 span{ display:block; background:url(imgsideNavTitleArrow.gif) no-repeat 10px 50%; padding-left:40px; height:45px;}
.sideNav ul li a{ display:block;text-align:center; padding:8px; height:1%; border-bottom:1px solid #c7d9e6; background:#f5f8fa url(imgsideNavArrow.jpg) no-repeat 10px 50%;}
.sideNav ul li a:hover,.sideNav ul li a.current{ background:#fff url(imgsideNavArrowSel.jpg) no-repeat  10px 50%; text-decoration:none; font-weight:800; color:#d7a909;}




/* inCon
======================*/
.inTitle { background: url(imginTitleBg.jpg) repeat-x;; height:42px; overflow:hidden; border:1px solid #a0c3e2; border-bottom:1px solid #e5eff7;}
.inTitle h1 { height:42px; line-height:42px; font-family:"\5FAE\8F6F\96C5\9ED1";font-size:24px; color:#666; font-weight:400; width:300px; text-align:right; padding-right:20px;  }
.local { height:42px; line-height:42px; color:#999; font-size:12px; padding-right:20px;padding-left:20px; color:#aaa;}
.local a{ display:block; float:left; width:6em; margin-right:10px; background:url(imglocalBgArrow.jpg) no-repeat right center;}
.local a.homeLink{}

.local1 { height:42px; line-height:42px; color:#999; font-size:12px; padding-right:20px;padding-left:20px; color:#aaa;}
.local2 a{ display:block; float:left; width:6em; margin-right:10px; background:url(imglocalBgArrow.jpg) no-repeat right center;}
.local2 a.homeLink{}

.inCon { padding:40px 40px 20px; border:1px solid #a0c3e2; border-top:none; background:#fafcfc; line-height:1.8; color:#444; min-height:450px; height:auto !important; height:450px; }
.inCon p { margin-bottom:20px; }
.back,.page{text-align:center; padding:20px;}
.back a:link,.back a:visited,.page a:link,.page a:visited{ color:#F66; margin:0 10px;}

/* pageNav
======================*/
.pageNav{ text-align:right; padding-top:30px;}
.pageNav p{ float:right;}
.pageNav span{ display:block; float:left; width:24px; text-align:center;}
.pageNav a{ display:block; float:left; width:22px; height:16px; line-height:16px; border:1px solid #ddd; margin-left:4px; text-align:center; text-decoration:none;}
.pageNav a:hover{ color:#f30;}
.pageNav a.current{ background:#09F; color:#fff; border:1px solid #09F;}
.pageNav em{ color:#999; float:left; font-style:inherit;}

/* newsDetail
======================*/
.newsDetail {  padding:40px 40px 20px; border:1px solid #a0c3e2; border-top:none; background:#fafcfc; line-height:1.8; color:#444; min-height:450px; height:auto !important; height:450px;  }

.newsDetail h2 { font-family:"Microsoft YaHei"; font-size:26px; line-height:26px; font-weight:400; text-align:center; padding:10px 0; }
.newsDetail small { color:#999; font-size:12px; display:block; text-align:center; padding-bottom:20px; border-bottom:1px dashed #eee; }
.newsDetail .newsCon { padding:30px 0;line-height:1.6;}
.newsDetail .newsCon p { margin-bottom:20px;  }
.newsDetail .newsCon img { }

.friendLink{ border-left: 1px solid #dbecec;}
.friendLink strong{background:none; color:#3399cc;}


/* Footer
--------------------------------------------------------------------------*/
.footer {}
.footerNav{ background:#d0501d url(imgmenuBg.jpg) repeat-x; color:#fff; text-align:center; padding:8px;}
.footer a:link,.footer a:visited { color:#fff; padding:0 20px; }
.footer a:hover { color:#FF0; }
.footer .copyright { text-align:center; padding:20px 0 30px; color:#fff; background:url(imgfooterbg.jpg) no-repeat;}