﻿/* Topfo CSS Document 3.0 */
body {padding:0; margin:0; font-size:12px; color:#333; background:#fff; }
* {padding:0; margin:0; }
ul {padding:0; margin:0;}
li {list-style:none; line-height:150%}
img {border:0;line-height:0;}
form {padding:0; margin:0;}

/* css-hack */
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix {display:inline-table;}
* html .clearfix {height:1%;}
*+html .clearfix {min-height:1px;}
.clearfix {display:block;}
.clear {clear:both; font-size:1px; visibility:hidden; width:1px; line-height:0;}

/* 字体链接样式 */
a:link,a:visited {color:#333;text-decoration:none;}
a:hover {color: #f00;text-decoration:none;}
.strong {font-weight:bolder;}
.float_l {float:left;}
.float_r {float:right;}
.f_14px {font-size:14px;}
.f_16px {font-size:16px;}
.f_white {color:#fff;}
.f_org {color:#f60;}
.f_org a:link, .f_org a:visited{color:#f60;text-decoration:none;}
.f_org a:hover{color:#f00;text-decoration:underline;}
.f_red {color:#f00;}
.f_red a:link, .f_red a:visited{color:#f00;text-decoration:none;}
.f_red a:hover{color:#f00;text-decoration:underline;}
.f_blue {color:#00f;}
.f_blue a:link, .f_blue a:visited{color:#00f;text-decoration:none;}
.f_blue a:hover{color:#f00;text-decoration:underline;}


/*主体部分样式*/
.bg {width:100%; padding:0px; margin:0; background:#FFFCE1 url(../img/topfo3_bg.jpg) repeat-x; overflow:hidden;}
.con {width:960px; padding:0px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.con1_l {height:13px; padding:10px 0 0 15px; background:url(../img/topfo3_iconbg.gif) 0 520px repeat-y; overflow:hidden;}
.con1_r {height:16px; padding:7px 0 0 15px; overflow:hidden;}
.con1_r li {float:right; background:url(../img/topfo3_iconbg.gif) 0 109px repeat-y; padding-left:10px;}
.con1_r .mail {width:35px; }
.con1_r .def {background:url(../img/topfo3_iconbg.gif) 0 73px repeat-y; width:60px; padding-left:16px;}
.con1_r .ser {background:url(../img/topfo3_iconbg.gif) 0 37px repeat-y; width:36px; }
.logo {height:110px; padding-top:28px; text-align:center;}
.logo_site {height:55px; padding-top:28px; text-align:center;}
.logo_inv {width:255px; height:25px; text-align:right; margin:40px auto 15px auto; background:url(../img/topfo3_btnbg.gif) 0 192px repeat-y; overflow:hidden;}
.logo_fo {width:300px; height:25px; text-align:right; margin:40px auto 15px auto; background:url(../img/topfo3_btnbg.gif) 0 222px repeat-y; overflow:hidden;}
.logo_hug {width:255px; height:25px; text-align:right; margin:40px auto 15px auto; background:url(../img/topfo3_btnbg.gif) 0 252px repeat-y; overflow:hidden;}
.navbg {width:100%; height:44px; margin:0; text-align:center; background:#FFFCE1 url(../img/topfo3_iconbg.gif) 0 440px; overflow:hidden;}
.nav {width:885px; padding-left:75px; margin:0 auto; overflow:hidden;}
.nav li {float:left; width:270px; height:29px; padding-top:15px; text-align:center; cursor:pointer; overflow:hidden; }
.nav .btn_on {background:url(../img/topfo3_btnbg.gif) 0 bottom repeat-y;}
.nav .btn_off {background:url(../img/topfo3_btnbg.gif) 0 88px repeat-y;}
.con2 {width:800px; height:90px; margin:0 auto; background:url(../img/topfo3_seabg.jpg) 0 180px; overflow:hidden;}
.con2_l {width:780px; height:90px; text-align:left; background:url(../img/topfo3_seabg.jpg) 0 bottom repeat-y; overflow:hidden}
.con2_nav {height:30px; padding:11px 0 0 130px; overflow:hidden}
.con2_nav li {float:left; height:27px; text-align:center; background:url(../img/topfo3_iconbg.gif) 0 227px repeat-y; padding:0 10px; cursor:pointer; text-align:center;　overflow:hidden;}
.con2_nav .on1 {width:45px; background:url(../img/topfo3_btnbg.gif) 118px 169px; color:#f60; font-weight:bold; overflow:hidden;}
.con2_nav .on2 {width:76px; background:url(../img/topfo3_btnbg.gif) 133px 127px; color:#f60; font-weight:bold; overflow:hidden;}
.con2_l .text {width:760px; padding-left:54px; overflow:hidden}
.con2_l .text span {float:left; display:block;}
.con2_r {width:10px; height:90px; background:url(../img/topfo3_seabg.jpg) 0 top; overflow:hidden}
.con3 {margin:30px 0; line-height:25px;}
.con4 {width:725px; text-align:left; margin:0 auto;}
.con4_l {width:245px; height:72px; padding:28px 0 0 115px; background:#FFFCE6 url(../img/topfo3_picbg.jpg) 40px 105px repeat-y;}
.con4_r {width:280px; height:72px; padding:28px 0 0 80px; background:#FFFCE6 url(../img/topfo3_picbg.jpg) 18px 218px repeat-y;}
.con5 {height:40px; padding:2px 0 0 100px; overflow:hidden}
.con5 li {float:left; width:50px; height:35px; padding-top:8px; text-align:center; background:url(../img/topfo3_iconbg.gif) 0 339px repeat-y; cursor:pointer;}
.con5 li.on21 {font-weight:bold; background:url(../img/topfo3_btnbg.gif) 0 300px repeat-y; color:#fff;}
.con6 {width:360px; height:130px; background:#FFFCE6; overflow:hidden;}
.con6 .col {width:320px; height:50px; margin:10px 0 0 20px; background:url(../img/topfo3_iconbg.gif) right 386px; }
.con6 .tit{height:26px; padding:16px 0 0 50px; background:url(../img/topfo3_picbg.jpg) 0 348px repeat-y; display:block;}
.con6 .tit2{height:26px; padding:16px 0 0 50px; background:url(../img/topfo3_picbg.jpg) 0 278px repeat-y; display:block;}
.con6 .flow {padding-left:35px; height:30px;}
.con6 .flow li {float:left; width:57px; padding-left:20px; background:url(../img/topfo3_iconbg.gif) 0 260px repeat-y; }
.con6 .btn {width:300px; text-align:right;}
.con7 {width:850px; height:102px; margin:0 auto; background:url(../img/topfo3_bg2.jpg) no-repeat; overflow:hidden;}
.con7_nav {height:25px; padding-top:25px; overflow:hidden;}
.con8 {width:770px; text-align:left; margin:0 auto;}
.con8_pro {width:380px; overflow:hidden;}
.con8_pro .text {height:160px; padding:25px 0 0 20px; background:#FFFCE6; overflow:hidden;}
.con8_pro .tit {height:50px;}
.con8_pro .l {float:left; width:63px; height:18px; padding:7px 0 0 21px; margin-top:5px; background:url(../img/topfo3_btnbg.gif) 0 140px repeat-y; display:block; overflow:hidden;}
.con8_pro .lr {float:left; width:63px; height:18px; padding:7px 0 0 46px; margin-top:5px; background:url(../img/topfo3_btnbg.gif) 25px 140px repeat-y; display:block; overflow:hidden;}
.con8_pro .lo {float:left; width:88px; height:18px; padding:7px 0 0 21px; margin-top:5px; background:url(../img/topfo3_btnbg.gif) 0 165px repeat-y; display:block; overflow:hidden;}
.con8_pro .r {float:left; width:250px; padding-left:10px; line-height:20px; display:block; overflow:hidden;}
.con8_pro .link {padding-top:20px; text-align:center;}
.btm {height:25px; margin-top:80px; border-bottom:1px solid #ccc;}
.copy {padding:12px 0;text-align:center; line-height:20px;}

.inp_inv {width:350px; height:18px; padding:5px 0 0 3px; border:1px solid #f60; background:#fff; color:#333;}
.inp_fobg {width:400px; height:21px; padding:2px 0 0 3px; margin-right:10px; border:1px solid #f60; background:#fff url(../img/topfo3_iconbg.gif) 380px 296px repeat-y; overflow:hidden;}
.inp_fo {width:350px; height:21px; border:none; background:#fff;}
.inp_btn1 {width:120px; height:25px; border:none; background:url(../img/topfo3_btnbg.gif) right 300px repeat-y; cursor:pointer; overflow:hidden;}
.inp_btn1 {width:90px; height:25px; border:none; background:url(../img/topfo3_btnbg.gif) right 275px; cursor:pointer; overflow:hidden;}
.inp_btn2 {width:120px; height:25px; border:none; background:url(../img/topfo3_btnbg.gif) right 300px repeat-y; cursor:pointer; overflow:hidden;}
.inp_btn3 {width:120px; height:25px; border:none; background:url(../img/topfo3_btnbg.gif) 240px 300px; cursor:pointer; overflow:hidden;}
#search2 {width:400px; border:none; background:none transparent scroll repeat 0% 0%; text-indent:5px; line-height:20px; overflow:hidden;}
#sel_search2 {width:380px; height:28px; line-height:28px; overflow:hidden;}

/*2010.2.4增加样式*/
.con_des {width:800px; height:20px; margin:40px auto 5px auto; text-align:center;}
.con_menu {width:800px; height:20px; margin:0 auto 30px auto; text-align:center; overflow:hidden;}
.con9 {width:725px; margin:40px auto 0 auto; text-align:left; overflow:hidden;}
.con9_sub {width:340px; padding-left:20px; overflow:hidden;}
.con9_sub .sub {width:250px; height:90px; padding-left:90px; overflow:hidden;}
.con9_sub .sub2 {width:235px; height:90px; padding-left:90px; margin-left:15px; overflow:hidden;}
.con9_sub .tit {width:150px; height:17px; padding:6px 0 0 20px; background:url(../img/topfo3_btnbg.gif) 0 140px repeat-y; overflow:hidden;}
.con9_sub .tit2 {width:150px; height:17px; padding:6px 0 0 20px; background:url(../img/topfo3_btnbg.gif) 0 164px repeat-y; overflow:hidden;}
.con9_sub .des {width:250px; line-height:21px; padding-top:5px;}
.con9_sub .des2 {width:220px; line-height:21px; padding-top:5px;}
.con9_sub .link {padding-top:15px;}











