/*======================================
		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;}
.inBody{height:100%;background:#dfe9f3;}
.wrapper { width:1000px;background:#dfe9f3;margin:0 auto; padding-bottom:10px; text-align:left; }
.inWrapper { padding:10px 10px 0;}

.sideBar { width:270px; }
.mainBar{ width:700px;}
.mainBarBg{ background:url(imgcontentBg.jpg) no-repeat #fff;}
.mainBarBg2{ background:url(imgcontentBgIn.jpg) no-repeat center top #fff;}
.colL{ width:270px; float:left;}
.colR{ width:430px; float:right;}
.col2{width:345px;}

.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 {padding:0;}



/* 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{font-family:"\5FAE\8F6F\96C5\9ED1";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:#cd0a0a; background:url(imgmenuSel.jpg) repeat-x;}

/*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 #e5d3a8; 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 #ea9b01;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;}
.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{ background:#fff; }
.areaTitle{ background:url(imgareaTitleBg.jpg) repeat-x; height:29px; line-height:29px; padding:0 10px 0 0;  overflow:hidden; border:1px solid #f4cf73;}
.areaTitle strong{ display:block; height:29px; padding-left:10px;color:#cc6600; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px;}
.areaTitle span{ float:right;}
.areaTitle span a{ display:block;color:#458fce; background:url(imgmoreBtn.gif) no-repeat; width:49px; height:16px; text-indent:-2000px; margin:8px 0 0 0;}
.areaContent{ padding:10px; border:none;}




/*tab*/
.tabArea{ background:url(imgtabAreaBg.jpg) no-repeat; height:550px;}
.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:6px;}
.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.gif) 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{ background:#000; height:240px; overflow:hidden; width:260px; text-align:center; position:relative;}
/*============================*/
/*=== 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; height:30px; line-height:30px; background:#000; color:#fff;}
.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(imagesbtn_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{ position:absolute; left:0; top:194px; width:260px;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;}


.sideCon{ background:#fff url(imgsideBg.jpg) no-repeat;padding:10px;}

.sideCon h2{ font-size:18px; color:#cc0000; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:400px; padding-bottom:10px;}

/*areaBlock   sideCon*/
.sideCon .areaBlock{ background:none; }
.sideCon .areaTitle{ background:url(imgsideTitleBg.gif) no-repeat ;border: none;}
.sideCon .areaTitle strong{ color:#fff;}



.sideCon .sideTxt{ line-height:1.8;}
.sideCon .btn-detail:link,.sideCon .btn-detail:visited{ display:block; text-align:right; font-weight:800; border-bottom:1px dashed #C90; color:#cc0000;}
.sideCon .btn-detail:hover,.sideCon .btn-detail:active{}
 
/*btn-list-area*/
.btn-list-area{ background:url(imgbtnListBg.jpg) no-repeat; height:131px;}
.btn-list{ padding:35px 10px 0;}
.btn-list a:link,.btn-list a:visited{ display:block; width:120px; height:36px; background:url(imgbtnBg.png) no-repeat center center; _background:url(imgbtnBg.gif) no-repeat center center; color:#cd3a09; font-family:"\5FAE\8F6F\96C5\9ED1"; float:left; margin:2px; text-align:center; line-height:34px; font-size:16px;}
.btn-list a:hover,.btn-list a:active{ text-decoration:none; background:url(imgbtnBg-active.png) no-repeat center center;_background:url(imgbtnBg-active.gif) no-repeat center center; color:#fff;}
/*btn-list-area2*/
.btn-list-area2{ background:url(imgbtnListBg2.jpg) no-repeat; height:240px;}
.btn-list-area2 .btn-list{ padding-top:60px;}
.btn-list-area2 .btn-list a:link,.btn-list-area2 .btn-list a:visited{background:url(imgbtnBg2.png) no-repeat center center;_background:url(imgbtnBg2.gif) no-repeat center center; float:none; width:100%; height:40px; line-height:36px;}
.btn-list-area2 .btn-list a:hover,.btn-list-area2 .btn-list a:active{ background:url(imgbtnBg-active2.png) no-repeat center center;_background:url(imgbtnBg-active2.gif) no-repeat center center; }



/*sideNav*/
.sideNav { background: url(imgsideNavBg.jpg) no-repeat #fbeea6; padding:60px 0 20px;}

.sideNav-list a{ display:block; height:40px; background:url(imgbtnBg2.png) no-repeat center center; _background:url(imgbtnBg2.gif) no-repeat center center; color:#cd3a09; font-family:"\5FAE\8F6F\96C5\9ED1"; text-align:center; line-height:36px; font-size:16px;}

.sideNav-list a:hover,.sideNav-list a.current{text-decoration:none; background:url(imgbtnBg-active2.png) no-repeat center center;_background:url(imgbtnBg-active2.gif) no-repeat center center; color:#fff;}




/* inCon
======================*/

.inTitle { height:61px; overflow:hidden; }
.inTitle h1 { height:61px; line-height:61px; font-family:"\5FAE\8F6F\96C5\9ED1";font-size:20px; color:#333; padding-right:40px; text-align:right; color:#fff; float:right;}
.local { height:61px; line-height:61px; font-size:12px; padding-left:20px; color:#fff;}
.local a:link,.local a:visited{ display:block; float:left; background:url(imgarrow_local.gif) no-repeat right center; color:#fce6d8; padding:0 10px;}
.local span{ padding-left:6px;}

.inCon {padding:40px 40px 20px; 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:#e75406; color:#fff; border:1px solid #c11f06;}
.pageNav em{ color:#999; float:left; font-style:inherit;}

/* newsDetail
======================*/
.newsDetail { padding:40px;}
.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 {text-align:center; background:#fff;}
.footer .inWrapper{ width:1000px; margin:0 auto; padding:0;}
.footerNav{ height:35px; line-height:35px; background:url(imgmenuBg.jpg) no-repeat; color:#fff; text-align:center;}
.footer a:link,.footer a:visited {font-family:"\5FAE\8F6F\96C5\9ED1";color:#fff; padding:0 20px;  font-size:14px;}
.footer a:hover {  }
.footer .copyright { text-align:center; padding:20px 20px 60px; color:#333;}