/* Last Modified: 09.08.2010 */
/* @group common */
* { margin: 0; padding: 0; }
body,html { background:#fff; font: 12px/1.5 '\5B8B\4F53',sans-serif; }
ul { list-style: none; }
p { font: 12px/150% sans-serif; margin:0 0 3px 0; }
a { outline: none; text-decoration: none; color: #2b2b2b; }
a:hover{ text-decoration: underline; color: #F00; }
a img { border: none; }
.clear{	height: 0;width: 100%;clear: both;display: block;font:0/0 sans-serif;margin: 0;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }

.noBg{ background: none !important; }
.f12px {font-size:12px;}
.f14px {font-size:14px;}
.left{ float: left;}
.right{ float: right; }
.tcenter{ text-align: center;}
.tcenter img{ border: 1px solid #dcdddd; padding: 1px; margin-bottom: 2px;}

.dotline{ clear:both; height:1px; overflow:hidden; display:block; font-size:1px; background: url(/template/jtppcIndex/img/titlebgs.png) 0 -102px repeat-x; margin: 0 8px;}
.blank1 {clear:both; height:1px; overflow:hidden; display:block; font-size:1px;}

.c-gray, .c-gray:visited, .c-gray a {color:#999;}
.c-blue, .c-blue:visited, .c-blue a {color:#3283ce;}
a.c-blue:hover, .c-blue a:hover, a.c-gray:hover, .c-gray a:hover{ color: #f00;}

.list12 li {background: url(/template/jtppcIndex/img/othericons.png) -10px -182px no-repeat;clear:both;line-height:21px; height: 21px;padding-left:9px; vertical-align: middle;overflow:hidden;}
.list14 li {background: url(/template/jtppcIndex/img/othericons.png) -10px -180px no-repeat;clear:both;font-size:14px;line-height:25px;padding-left:9px;}
.list14 li:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.list14 li a{ float: left; }
.list14 li span{color: #666; float: right;}
.list14{ padding: 0 10px; }
.list12{ padding: 0 10px; }
.list-2col li{ width: 45%; float:left; clear:none; padding-right:2px; }
.listdotbg .dotbg{ display: block; background: url(/template/jtppcIndex/img/titlebgs.png) 0 -92px repeat-x; }
.listdotbg a{ background: #fff; padding-right:2px ;}
.listdotbg .right{ background: #fff; padding-left: 2px; font-size: 10px; font-family: verdana; color: #999;}

.piclist{ overflow: hidden; padding-left: 2px; text-align:center;}
.piclist li{ float: left; width: 104px; padding: 0 4px;}
.piclist h3{ font-size: 12px; width: 104px; height: 14px; line-height: 14px; overflow: hidden; margin: 5px 0;}
.piclist img{ border: 1px solid #dcdddd; padding: 1px;}
.piclist .btn{ margin: 0 auto;}

.box{ width: 960px; float: left; display: inline; margin:0 5px 8px 0;}
.box, .box .inner{ background: url(/template/jtppcIndex/img/boxbg.png) repeat-y;}
.box{ background-position: 0 0; background-color:#fff ; }
.box .inner{ background-position: 100% 0;}

.round-top, .round-top span, .round-bot, .round-bot span{ background:url(/template/jtppcIndex/img/roundbg.png) no-repeat; font-size: 0;}
.round-top{ display: block; background-position: 100% -5px;}
.round-top span{ display: block; height: 4px; background-position:  0 0;}
.round-bot{ display: block; background-position: 100% -15px;}
.round-bot span{ display: block; height: 5px; background-position: 0 -10px;}

.title{ background: url(/template/jtppcIndex/img/titlebgs.png) 0 -10px repeat-x; height: 26px; line-height: 23px; margin: 0 3px; }
h1{ text-indent: -9999px;}
h2{ float: left; font-size: 14px; font-weight: bold; color: #3283ce; padding: 0 0 0 23px; text-shadow: 0 1px #fff; background: url(img/titleicons.png) no-repeat 0 0;}
.content{ padding: 10px; overflow: hidden;}
h2.icon01{ background-position: -7px -7px;}
h2.icon02{ background-position: -7px -43px;}
h2.icon03{ background-position: -7px -79px;}
h2.icon04{ background-position: -7px -115px;}
h2.icon05{ background-position: -7px -151px;}
h2.icon06{ background-position: -7px -187px;}
h2.icon07{ background-position: -7px -223px;}
h2.icon08{ background-position: -7px -259px;}
h2.icon09{ background-position: -7px -295px;}
h2.icon10{ background-position: -7px -331px;}
h2.icon11{ background-position: -7px -367px;}
h2.icon12{ background-position: -7px -403px;}
h2.icon13{ background-position: -7px -439px;}
.title .right{ padding: 0 10px 0 0;}

.btn{ display: inline-block; background: url(/template/jtppcIndex/img/othericons.png) -10px -52px no-repeat; width: 58px; height: 23px; text-align: center; line-height: 23px; color: #333; border: none; font-size: 12px; cursor: pointer; }
.btn:hover{ color: #000;}
a.btn:hover{ text-decoration: none;}

.tabs, .tabs li{ background: url(/template/jtppcIndex/img/tabbg.png) no-repeat;}
.tabs{ height: 23px; line-height: 22px; background-position: 0 0; background-repeat: repeat-x; padding-left: 10px;}
.tabs li{ float: left; height: 23px; cursor: pointer; width: 66px; color: #999; text-align: center; }
.tabs li.active{ background-position: 0 -23px; color:#3283ce; font-weight: bold;}

.col365{ width: 365px;}
.col365 .content{ height: 184px;}
.col220{ width: 220px;}
.col220 .content{ height: 184px;}
.col316{ width: 316px; margin-right: 6px;}
.col316 .content{ height: 184px;}

.col327{ width: 327px;}
.col477{ width: 477px; margin-right: 6px;}
.col477 .content{ height: 130px;}

.banner960{ width:960px; margin-bottom:12px;}
/* @end */

/* @group main */
#wrap{ width: 960px; margin: 0 auto; overflow: hidden;}
.wrap-inner{ width: 980px;}
#header{ background:#6fc1ff url(/template/jtppcIndex/img/header.jpg) no-repeat; height: 130px; margin-top: 5px;}
/* @end */

/* @group nav */
#nav{ background:#848484 url(/template/jtppcIndex/img/navbg.png) no-repeat; height: 31px; border-top: 1px solid #acbcc8; margin-bottom: 8px;}
#nav ul{ padding:0 3px 2px ; line-height: 29px; font-size: 14px; text-shadow: 0 -1px #444; }
#nav li{ position: relative; float: left; background: url(/template/jtppcIndex/img/navlibg.png) right no-repeat; padding-right: 2px;}
#nav a{ padding: 0 12px; display: block;}
#nav a:link, #nav a:visited{ color: #dcdddd;}
#nav a:hover{ color: #fff; text-decoration: none; background: #666;}
#nav li ul{ position: absolute; top: 28px; left:0; display: none; padding: 0; font-size: 12px; background: #444; }
#nav li ul li{ padding: 0; float: none; background: none; white-space: nowrap; border: 1px solid #666; border-top: none;  }
#nav li ul li a{ line-height:29px; height: 29px; padding: 0 16px;}


/* @end */

/* @group menu */
#menu{ width: 210px;}
#menu .content{ height: 184px;}
.menuitem{ _zoom:1; border-bottom: 1px solid #dcdddd; overflow: hidden; padding: 0 0 7px 0; margin-bottom: 7px;}
.menuitem h3{ float: left; background: url(/template/jtppcIndex/img/menuicons.png) no-repeat 0 0; width: 50px; padding-top: 19px; font-weight: bold; color: #333; font-size: 12px; text-align: center; line-height: 16px; }
.menuitem h3.menu1{ background-position: 0 -10px;}
.menuitem h3.menu2{ background-position: 0 -55px;}
.menuitem h3.menu3{ background-position: 0 -100px;}
.menuitem ul{ margin-left: 60px;}
.menuitem li{ float: left; width: 65px;}
/* @end */

/* @group news */
#news{ width: 530px; }
#news .content{ height: 210px;}
#news .box-bg{background: url(/template/jtppcIndex/img/newsbg.jpg) right top no-repeat; }
.focus-img{ width: 235px; float: left; padding: 10px 0 0 0;}
.focus-img img{ background: #fff; width: 220px; padding: 1px; border: 1px solid #dcdddd; margin-bottom: 5px;}
.focus-img h3{ font-size: 12px; font-weight: bold; width: 220px; text-align: center;}
.focus-news{ width: 275px; float: left;}
.focus-news .title{ height: 25px; line-height: 25px; border-bottom: 1px solid #dcdddd; background: none; padding: 0 0 3px; margin:0 0 5px 0;}
.focus-news .title .right{ padding: 5px 5px 0 0;}
.focus-news h3{ float: left; font-size: 14px; font-weight: bold; color: #3283ce; background: url(/template/jtppcIndex/img/othericons.png) -10px -8px no-repeat; padding: 0 0 0 27px; margin-left: 10px; }
.focus-news li{ background-position: -10px -203px;}

/* @end */

/* @group login */
#login{ width: 210px;}
#login .content{ height: 184px;}
#login input{ vertical-align: middle;}
.loginform{ height: 125px;}
.loginform li{ height: 22px; line-height: 22px; margin-bottom: 5px;}
.loginform .txtin{ border: 1px solid #dadada; height: 16px; width: 120px; padding: 1px; margin-left: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.loginform .txtin.short{ width: 50px;}
.loginform li img{ vertical-align: middle;}
.submitbtn{ float: 	left; padding: 0 0 0 41px; margin: 3px 0 0 0;}
.extralink{ float: right; margin: 3px 0 0 0; padding: 0 5px 0 0;}
.extralink p{ margin: 0; line-height: 1.2; background: url(/template/jtppcIndex/img/othericons.png) -10px -132px no-repeat; padding: 0 0 0 10px;}
.extralink p.c-blue{ background-position: -10px -159px;}
#login h3{ clear: both; font-size: 14px; font-weight: bold; border-top: 1px solid #dcdddd; padding-top: 5px; padding-left: 5px; line-height: 22px; margin-bottom: 5px;}
.searchform input{ border: none;}
.searchin{ background: url(/template/jtppcIndex/img/searchin.png) left no-repeat; height: 19px; width: 155px; line-height: 19px; padding: 1px;}
/*.searchgo{ width: 40px; height: 21px; cursor: pointer;}*/
.searchgo{ background: url(/template/jtppcIndex/img/othericons.png) -10px -95px no-repeat; width: 24px; height: 21px; cursor: pointer;}
/* @end */

/* @group notices */
#notices{ width: 210px;}
#notices .content{ height: 184px;}
#notices .list12 li{ height:auto; background: url(/template/jtppcIndex/img/dot.png) 0 8px no-repeat; }
/* @end */

/* @group project */
#project{ width: 745px;}
#project .content{ height: 184px; background:url(/template/jtppcIndex/img/projectbg.jpg) right top no-repeat;}
#project, #project .inner{ background-image: url(/template/jtppcIndex/img/pj_boxbg.png);}
#project .round-top, #project .round-top span, #project .round-bot, #project .round-bot span{ background-image:url(/template/jtppcIndex/img/pj_roundbg.png);}
#project .title{ background-position: 0 -56px; margin: 0 3px;}
#project .title h2{ color: #fff; text-shadow: 0 -1px #6ea3d3;}
#project .list12{ margin-top: 10px;}
.plist{ width: 250px; float: left; padding:0 10px 0 0;}
.intro{ width: 175px; padding-right: 5px; float: right;}
.intro p{ margin: 0; line-height: 1.8; text-indent: 2em;}
.intro a.xqtj{ float: right; width: 127px; height: 46px; text-indent: -9999px; display: block; background: url(/template/jtppcIndex/img/zxxqtj.png) no-repeat; margin: 15px 0 0;}
#xiangmu .cnt{ display: none;}
#xiangmu .cnt.active{ display: block;}
#jishu .cnt{ display: none;}
#jishu .cnt.active{ display: block;}
/* @end */

/* @group links */
#links .content{ height: 55px;}
#links li{ float: left; width: 100px; }
#links ul{ overflow: hidden; clear: left; margin: 5px 8px;}
/* @end */

/* @group footer */
#footer { width: 960px;}
#footer .content{ color: #777; padding: 5px 0; }
#footer a:link,#footer a:visited{ color: #888; }
#footer a:hover{ color: #000;}
#footer img{ vertical-align: middle;}
.footertxt{ overflow: hidden; _zoom:1; padding: 0 0 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
/* @end */

/* @group subpage */
#subcontent{ width: 660px;}
#subcontent .content{ _zoom:1;}
#subsider{ width: 295px; background: none;}
#subsider .box{ width: 295px;}
.crumb{ background: url(/template/jtppcIndex/img/home.png) left no-repeat; margin-bottom: 15px; height: 21px; line-height: 21px; color: #666; padding: 0 0 0 22px;}
.crumb a:link, .crumb a:visited{ color: #666;}
.crumb span{ color:#3283CE;}
.crumb a:hover{ color: #000;}
.listtitle{ overflow: hidden; border-bottom: 1px solid #dcdddd; margin-bottom: 12px; _zoom:1;}
.listtitle h2{ background: none; font-size: 20px; padding: 0 0 0 5px; line-height: 35px;}
.sublists .dotline{ margin: 10px 5px;}
.sublists .piclist{ padding-left: 5px;}
.sublists .piclist li{ padding: 0 26px;}
/* @end */

/* @group pages */
#pagenav{ float: left; margin-top: 5px; height: 30px; text-align: center; _zoom:1;}
#pagenav span{ float: left; padding: 0 8px 0 6px; color:#999; line-height: 21px; }
#pagenav a{ float: left; display: inline-block; margin: 0 3px 0 0; border: 1px solid #dae8f4; height: 21px; line-height: 21px; background: #e9f4ff; padding: 0 6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#pagenav a:link, #pagenav a:visited{  color:#3283ce;}
#pagenav a:hover{ text-decoration: none; background: #3283CE; border-color: #3283CE; color: #fff;}
/* @end */

/* @group totop */
.totop{ margin-top: 5px; height: 30px;}
.totop a{ font-family: verdana; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #666; }
/* @end */

/* @group submenu */
#submenu .content{ padding-left: 20px; _zoom:1;}
#submenu a{ display: inline-block; float: left; margin-right: 15px; width: 95px; height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; background: url(/template/jtppcIndex/img/othericons.png) 0 -155px no-repeat; padding-left: 20px; }
#submenu a:hover{ color: #fff; background: #5598d7 url(/template/jtppcIndex/img/othericons.png) 0 -228px no-repeat;; text-decoration: none; font-weight: bold; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
/* @end */

/* @group subsearch */
.subsearch .searchform{ padding: 0 0 0 20px;}
.subsearch p{ margin: 0 0 5px;}
.subsearch input{ vertical-align: middle; }
.subsearch .searchin{ width: 200px;}
/* @end */

/* @group article */
.article{ padding: 0 0 0 10px; color: #2b2b2b; }
.atitle{clear:both;font-size:24px;font-weight:bold;line-height:28px;margin:17px 0 2px; background: none; padding: 0; float: none;}
.ainfo {line-height:21px;}
.atext {clear:both;font-size:14px;line-height:23px;overflow:hidden;padding:9px 0;text-align:justify;width:610px;word-wrap:break-word;}
.atext a:link{ color:#5598d7; text-decoration: underline;   }
.atext a:hover{ color: #f00; }
.atext p {font-size:14px;line-height:23px;text-indent:2em; margin: 12px 0;}
.atext img {border:1px solid #ccc;}
#article .dotline{ margin: 0 0 10px 0;}
.apages { border: 1px solid #dcdddd; padding: 5px 10px; width: 550px; margin-top: 5px; line-height: 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.related{margin-top: 12px;}
/* @end */

/* @group muticol */
.muticol{ float: left; width: 665px !important;}
/* @end */