/*======================================
		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%; background:url(imgbodyBg.jpg) repeat-x;}
body { font: normal 12px/1.5 Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif; }
.inBody{ background:#fff; height:100%;}
.wrapper { width:1000px;background:#fff;margin:0 auto; text-align:left; }
.inWrapper { padding:10px 10px 0;}

.sideBar { width:270px; }
.mainBar{ width:700px;}
.colL{ width:270px; float:left;}
.colR{ width:430px; float:right;}
.col2{width:485px;}

.sideBarIn{}

/* Global
--------------------------------------------------------------------------*/
.justify { text-align:justify; text-justify:inter-ideograph }
.hide { display: none; }
.pdT{ padding-top:10px;}
.marT { margin-top:10px; }
.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 {  }
.header .inWrapper { position:relative; height:108px; padding:0; background:#0075f1;}
.topMini{ position:absolute;right:10px; top:6px; color:#fff; margin-top:5px;}
.topMini a{ color:#fff; padding:0 12px;}


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

/*menu*/
.date{ float:right; width:200px; 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;}

/*search_form*/
.searchArea{ background:url(imgsearchBg.jpg) no-repeat; height:182px;}
.search_form { padding:60px 20px 0;}
.search_form li{ margin-bottom:10px;}

.search_form li label{ float:left; width:60px; text-align:right; padding-right:10px;}
.search_form .input_txt { height:22px;line-height:22px;width:140px; border:1px solid #dcdcdc; background:#fff url(imginputBg.jpg) repeat-x; padding-left:10px;}
.search_form select{height:22px;line-height:22px;width:150px;}
.search_form .input_btn { border:1px solid #72aada;height:24px;line-height:24px;  background:#dde9ff url(imginputBtnBg_search.jpg) repeat-x; cursor:pointer; width:70px; text-align:center; margin-right:8px;}



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


/*areaBlock*/
.areaBlock{ }
.areaTitle{ background:url(imgareaTitleBg.jpg) repeat-x; height:30px; line-height:30px;border-bottom:1px solid #d2e1f1; padding:0 10px 0 0; color:#458fce;border-right:1px solid #d2e1f1;}
.areaTitle strong{ display:block; height:30px; background:url(imgareaTitleIcon.jpg) no-repeat left top; padding-left:10px; color:#fff;}
.areaTitle span{ float:right;}
.areaTitle span a{ display:block;color:#458fce; background:url(imgmoreBtn.jpg) no-repeat; width:49px; height:16px; text-indent:-2000px; margin:8px 0 0 0;}
.areaContent{ padding:10px;border:1px solid #d2e1f1; border-top:none;}

.areaTitlejqhdtz{ background:url(imgareaTitleBg.jpg) repeat-x; height:30px; line-height:30px;border-bottom:1px solid #d2e1f1; padding:0 10px 0 0; color:#458fce;border-right:1px solid #d2e1f1;}
.areaTitlejqhdtz strong{ display:block; height:30px; background:url(imgareaTitleIcon.jpg) no-repeat left top; padding-left:8px; color:#fff;}
.areaTitlejqhdtz span{ float:right;}
.areaTitlejqhdtz span a{ display:block;color:#458fce; background:url(imgmoreBtn.jpg) no-repeat; width:49px; height:16px; text-indent:-2000px; margin:8x 0 0 0;}



/*tab*/
.tabArea{ background:url(imgtabAreaBgnew.jpg) no-repeat; height:815px;}
.tabTitle{ height:50px; overflow:hidden;}
.tabTitle ul{ float:right; width:210px; margin-top:43px;}
.tabTitle li{ cursor:pointer; float:left; border-right:1px solid #dcecec; height:30px; line-height:30px; width:90px; margin-left:6px; text-align:center; background:#ec7800; color:#fff;}
.tabTitle li.tabSel{ background:#fff; font-weight:800; color:#333;}


.tabContent{ padding:60px 25px 30px;}
.tabContent .notList li { padding:1px 0 1px 16px;background:url(imgarrow_list.gif) no-repeat 0 10px;}
.grayTxt{ color:#999; padding-right:12px;}
.redTxt{ color:#cc6633; padding-right:6px;}
.rightTxt{ float:right; width:50px;}

.tabMore strong{ background: url(imglineGray.jpg) repeat-x left center; display:block; height:35px; line-height:35px; margin-right:60px; padding-left:10px;}
.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; }

/*mapApi*/
.mapApi{ height:175px;}
/* focus */
.focus{ border:1px solid #d2e1f1; background:#fff; height:258px; width:258px; text-align:center;}
/*============================*/
/*=== f260x240 ===*/
/*============================*/
.f260x240{width:260px;height:240px;overflow:hidden; margin:0 auto; }
.f260x240 img{width:260px;height:210px}
.f260x240 img{}


.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides li span{ display:block; padding:10px 0;}
.rslides_nav{ display:none;height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/btn_slideshow.png) no-repeat 0 0;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}

.rslides_tabs{clear:both;text-align:center; height:31px; overflow:hidden;}
.rslides_tabs li{display:inline-block; *display:inline; zoom:1; float:none;margin-right:5px;}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#e45a1c}


#slider-wrapper { height:250px; width:250px; margin:0 auto; margin-top: 4px; }


/* The Nivo Slider styles */
.nivoSlider { position: relative;  height:230px; width:250px;  background: url(imgloading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px;display: none;  }
.nivoSlider a { border: 0; display: block; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; }

/* The slices in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; }
/* Caption styles */
.nivo-caption { position: absolute; left: 0px; bottom:0px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ width: 100%; z-index: 89; text-shadow: none; font-family: Helvetica, Arial, sans-serif; }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; color: #efe9d1; text-decoration: underline;}
.nivo-html-caption { display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position: absolute; top: 45%; z-index: 99; cursor: pointer; display: block; width: 30px; height: 30px; background: url(imgarrows.png) no-repeat; text-indent: -9999px; border: 0; }
a.nivo-nextNav { background-position: -30px 0; right: 15px; }
a.nivo-prevNav { left: 15px; }

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav { position: absolute; left:70px; bottom: -20px; }
.nivo-controlNav a { position: relative; cursor: pointer;display: block; width: 18px; height: 18px; background: url(imgbullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; }
.nivo-controlNav a.active { font-weight: bold;background-position: 0 -18px; }


/*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:#f9f9f9 url(imginTitleBg.jpg) repeat-x; height:42px; overflow:hidden; }
.inTitle h1 { height:42px; line-height:42px; font-family:"\5FAE\8F6F\96C5\9ED1";font-size:18px; color:#333; 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; background:url(imgicon_home.jpg) no-repeat left center; padding-left:20px; color:#aaa;}
.local a{ display:block; float:left;background:url(imglocalBgArrow.jpg) no-repeat right top; width:80px;}
.local a.homeLink{  background:none; padding-left:30px; width:60px;}

.inCon { padding:40px 40px 20px; border:1px solid #dbecec; line-height:1.8; color:#444; min-height:450px; height:auto !important; height:450px; }
.inCon p { margin-bottom:20px; }
.inCon .newsList li{ border-bottom:1px dashed #ddd; height:28px; line-height:28px; background-position:0 center;} 
.inCon .newsList li span{ float:right;}
.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;border:1px solid #dbecec; }
.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;}

/*linkList*/
.linkLis{}
.linkList a{ padding:0 20px;}
/* Footer
--------------------------------------------------------------------------*/
.footer { height:130px;}
.footerNav{ background:#e9e9e9; color:#999; text-align:center; padding:10px;}
.footer a:link,.footer a:visited { color:#333; padding:0 20px; }
.footer a:hover { color:#cc6600; }
.footer .copyright { text-align:center; padding:20px; color:#fff; background:url(imgfooterbg.jpg) no-repeat; height:60px;}