* { margin: 0px; padding: 0px; }
body * { overflow: hidden; }
body { background: #757575 url(topBanner.jpg) no-repeat center 35px; }

.bannerTop { height: 326px; text-align: center; vertical-align: bottom; }
.bannerTop .describe { margin-top: 268px; text-align: left; width: 750px; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 150%; text-indent: 2em; }
.conArea { width: 960px; margin: 0 auto; text-align: center; background: url(conBg.jpg) repeat-y left top; }

.con1 { margin: 0 20px; }
.con1 .left { border: 1px solid #ccc; width: 640px; height: 220px; background-color: #F3F3F3; }
.con1 .left .headLine { height: 29px; background: url(con1leftopBg.jpg) repeat-x top left; font-size: 14px; text-align: left; padding-left: 10px; line-height: 29px; vertical-align: middle; }
.con1 .left .headLine img  { _margin-top: 10px; }
.con1 .left h3 { margin: 10px 20px; text-align: left; color: #f60; font-size: 14px; }
.con1 .left h3 a,.con1 .left h3 a:link,.con1 .left h3 a:visited { color: #f60; text-decoration: none; }
.con1 .left h3 a:hover { text-decoration: underline; }
.con1 .left p { font-size: 12px; color: #666; text-indent: 2em; text-align: left; margin: 0 20px; line-height: 180%; }
.con1 .left .dotLine { margin: 5px 20px; height: 1px; overflow: hidden; border-bottom: 1px dashed #ccc; }
.con1 .right { width: 261px; height: 220px; border-left: 1px solid #ccc; }
.con1 .right ul li { background: url(arrowLeft.jpg) no-repeat left 5px; list-style: none; text-align: left; padding-left: 10px; font-size: 12px; line-height: 180%; }
.con1 .right ul { float: right; width: 250px; margin-top: 20px; }
.con1 .right .headLine { height: 25px; background: url(con1rightopBg.jpg) no-repeat left top;  font-size: 14px; text-align: left; padding-left: 40px; line-height: 25px; vertical-align: middle; color: #fff; }
.con1 .right .btn { width: 121px; height: 28px; overflow: hidden; background: url(confirmBtn.jpg) no-repeat left top; margin-top: 20px; }

.con2 { margin: 0 20px; }
.con2 .headLine { height: 25px; background: url(topconbanner.jpg) no-repeat left top; font-size: 14px; text-align: left; color: #Fff; line-height: 25px; vertical-align: middle; padding-left: 25px; }
.con2 .headLine a,.con2 .headLine a:link,.con2 .headLine a { float: right; color: #fff; text-decoration: none; margin-right: 10px; }
.con2 .headLine a:hover { color: #c60; text-decoration: underline; }
.con2 .con2Bd .left { width: 410px; }
.con2 .con2Bd .left a img { padding: 4px; width: 400px; height: 250px; border: 1px solid #ccc; background-color: #f5f5f5; }
.con2 .con2Bd .left a:hover img { border: 1px solid #f60; }
.con2 .con2Bd .right { width: 490px; }
.con2 .con2Bd .right ul li { float: left; margin-left: 8px; _margin-left: 7px; margin-right: 7px; _margin-right: 6px; }
.con2 .con2Bd .right ul li a img { border: 1px solid #ccc; padding: 3px; background-color: #f5f5f5; }
.con2 .con2Bd .right ul li a:hover img { border: 1px solid #f60; }
.con2 .con2Bd .right ul li p a,.con2 .con2Bd .right ul li p a:link,.con2 .con2Bd .right ul li p a:visited { line-height: 200%; color: #000; text-decoration: none; font-size: 12px; }
.con2 .con2Bd .right ul li p a:hover { color: #f60; text-decoration: underline; }
.con2 .con2Bd .left a,.con2 .con2Bd .left a:link,.con2 .con2Bd .left a:visited { line-height: 200%; color: #000; text-decoration: none; font-size: 12px; }
.con2 .con2Bd .left a:hover { color: #f60; text-decoration: underline; }

.bottomBorder { background: url(bottomBorder.jpg) no-repeat left top; height: 9px; }

.foot { text-align: center; font-size: 12px; color: #fff; line-height: 180%; width: 960px; margin: 0 auto; }
.foot a,.foot a:link,.foot a:visited { text-decoration: none; color: #fff; }
.foot a:hover { text-decoration: underline; }
.foot .red { color: #FF0000; }
.foot .textline { border-top: 1px solid #fff; width: 700px; margin: 0 auto; text-align: center; }

/* defineNav */
.topNav960{ clear:both; background:#fff;}
.directNav{height:35px; background:#fff; font-size: 12px; clear:both; text-align:left; line-height:37px; margin:0 auto; width:960px; clear:both; background:#fff;}
.directNav .logoTip{ float:left; margin:5px 8px 0 0;}
.directNav a{color:#000; text-decoration: none; }
.directNav a img { border: none; }
.directNav a:visted{color:#000;}
.directNav a:hover{color:#bc2931; text-decoration: underline; }
/* endNav */

/********************* function *****************************/
.inB { display: inline-block; display: -moz-inline-block; *display: inlne; zoom: 1; }
.left { float: left; }
.right { float: right; }
.blank10 { height: 10px; overflow: hidden; clear: both; }
.blank20 { height: 20px; overflow: hidden; clear: both; }