/**
 * new homepage style
 *
 * @author xinsea
 * @date   2010-07-20
 * @link   http://www.xinsea.com/
 */

/** Reset **/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}

a { color:#333;}
a:hover { color:#049;}

.mb_10, .banner690, .partners { margin-bottom:10px;}

/** 布局基础样式 **/
body { background:#f9f7f8 url(../images/bg.jpg) no-repeat top center;}
#page, #header, #content, #footer { margin-left:auto; margin-right:auto;}
.col-main { float:left; width:100%; min-height:1px;}
.col-sub, .col-extra { float:left;}

/** 布局格子 **/
.grid-m0s7 { margin-bottom:10px;}
.grid-m0s7 .main-wrap { margin-right:280px; }
.grid-m0s7 .col-sub { width:270px; margin-left:-270px; }

/** 清除浮动 **/
.clear:after, .layout:after, .main-wrap:after, .col-sub:after, .col-extra:after { content:'\20'; display:block; height:0; clear:both;}
.clear, .layout, .main-wrap, .col-sub, .col-extra {  *zoom:1;}

#sitenav .quickmenu li, .nav .bd, .nav .fl_l, .nav .fl_r, .nav ul li { background:url(../images/topsprites.png) no-repeat;}
.mod .rc-tp, .mod .rc-bt, .mod .rc-tp b, .mod .rc-bt b, .mod .bd .box, .mod .hd h3, .mod .hd .act, .mod .tit, .topic .hd, .slider .ft, .submit, .notice .hd, .service dt, .notice, .sublist li, .infolist li, .hti li, .zx_apply li, .readmore { background:url(../images/sprites.png) no-repeat;}

#page {}
#header, #footer { width:986px;}
#content { width:970px; padding:10px 8px; background-color:#f4f4f4;}

#sitenav { height:30px; color:#333; line-height:30px;}
#sitenav .datetime { float:left;}
#sitenav .quickmenu { float:right;}
#sitenav .quickmenu li { float:left; padding:0 10px; background-position:right 10px;}
#sitenav .quickmenu li.last { background:none;}

.logo_pic { padding-top:5px;}
.logo_pic #logo { float:left;}
.logo_pic .banner { float:right; padding-top:20px;}

.nav { height:43px; margin-top:10px;}
.nav s, .nav .bd, .nav ul li { float:left;}
.nav s { width:8px; height:43px; overflow:hidden;}
.nav .fl_l { background-position:left -30px;}
.nav .fl_r { background-position:right -76px;}
.nav .bd { width:970px; height:43px; background-repeat:repeat-x; background-position:0 -121px;}
.nav ul { margin-left:5px; overflow:hidden;}
.nav ul li { height:43px; margin-left:-1px; padding:0 17px; background-position:0 16px; line-height:43px; color:#fff; font-size:14px;}
.nav a { color:#fff;}


#header { padding:15px 13px 0; }
#header .logo { width:178px; float:left; }
#header .rBox { float:right; color:#fff; }
#header .rBox .topBar { text-align:right; margin:15px 0; }
#header .rBox a, #header .rBox a:visited { color:#fff; }

.nav { height:42px; line-height:42px; padding-left:10px; color:#fff; background:url(../../common/images/index/nav_bg.gif) no-repeat; }
.nav li { float:left; padding:0 12px; background:url(../../common/images/index/nav_line.gif) no-repeat right center; }
.nav li.bn { background:none; }
.nav li a { display:block; width:70px; text-align:center; font-size:14px; }
.nav li.on a { background:url(../../common/images/index/nav_on.gif) no-repeat center center; }
.nav li a, .nav li a:visited { color:#fff; }
.nav li a:hover { color:#ff0; }

/* mod */
.mod { background-color:#fff;}
.mod .rc-tp, .mod .rc-bt { position:relative; display:block; height:3px; overflow:hidden; z-index:100;}
.mod .rc-tp b, .mod .rc-bt b { float:right; width:3px; height:3px;}
.mod .rc-tp { margin-bottom:-3px; background-position:-227px -50px;}
.mod .rc-bt { margin-top:-3px; background-position:-227px -53px;}
.mod .rc-tp b { background-position:-225px -50px;}
.mod .rc-bt b { background-position:-225px -53px;}
.mod .bd { border:1px solid #cdcdcd;}
.mod .bd .box { padding:10px 10px 12px; border:1px solid #fff; border-top:0; background-repeat:repeat-x; background-position:0 -361px;}
.mod .hd { position:relative; height:26px;}
.mod .hd h3 { position:absolute; left:0; top:2px; line-height:24px; color:#333; font-size:14px;}
.mod .tit { border:1px solid #cdcdcd; border-bottom:0; background-repeat:repeat-x; background-position:0 -301px;}
.mod .tit h3 { left:10px; top:4px; padding-left:8px; background-position:-226px -62px; line-height:20px; color:#BA8100;}
.mod .hd .act { position:absolute; top:10px; right:0;}

.topic { display:inline; float:left; width:200px; margin:0 10px 10px 0;}
.topic .bd { border-color:#F8C799;}
.topic .rc-tp { background-position:-227px -56px;}
.topic .rc-bt { background-position:-227px -59px;}
.topic .rc-tp b { background-position:-225px -56px;}
.topic .rc-bt b { background-position:-225px -59px;}
.topic .hd { border:1px solid #f8c799; border-bottom:0; background-repeat:repeat-x; background-position:0 -327px;}
.topic .hd h3 { left:10px; padding-left:17px; background-position:-217px -83px;}
.topic .bd ul { padding:10px 10px 5px;}
.topic .bd li { margin-bottom:5px;}
.topic .bd li a { display:block;}

#slider { float:left; width:478px; border:1px solid #cdcdcd;}
#slider img { display:block;}
#slider .ft { height:25px; padding:5px 10px 0 0; border-right:1px solid #fff; border-left:1px solid #fff; background-repeat:repeat-x; background-position:0 -297px; background-color:#fff;}
#slider .ft img { float:right;}

.service { clear:both;}
.service .bd .box { padding:6px 10px;}
.service dt { float:left; width:36px; height:83px; background-position:-150px -70px; text-indent:-9999px;}
.service dd { display:inline; float:left; margin-left:7px;}
.service dd img { display:block;}

.loginform .hd h3 { padding-left:20px; background-position:-214px -156px; color:#BA8100;}
.loginform .hd { margin-bottom:10px;}
.loginform #loginform { padding-top:2px;}
.loginform ul { float:left; padding-right:10px;}
.loginform li { margin-bottom:4px;}
.loginform .text { width:140px; height:15px; padding:1px; border:1px solid #ccc;}
.loginform .password { width:140px; height:15px; padding:1px; border:1px solid #ccc;}
.loginform .submit { float:left; width:50px; height:44px; border:0; background-position:1px -201px; color:#fff;}
.loginform p { float:left; width:100%; padding-top:3px; text-align:right;}

.loginform .loginover { padding:10px 0;}
.loginform .loginover strong { color:#f00;}
.loginform .loginover p { margin-top:10px; text-align:left;}
.loginform .loginover p a { margin-right:10px;}

.notice { height:150px; height:146px\9; overflow:hidden; padding:0 10px 10px; border-right:1px solid #fff; border-left:1px solid #fff; background-repeat:repeat-x; background-position:0 110px;}
.notice .hd { background-repeat:repeat-x; background-position:0 -275px;}
.notice .hd h3 { left:4px; height:18px; padding:0 10px; background-position:-224px -63px; background-color:#fff; line-height:18px; color:#BA8100;}
.notice .hd .act { top:5px;}
.notice p { line-height:24px;}
.notice .main { margin-top:5px; *margin-top:0;}

.pic100 { margin-top:10px;}
.pic100 img { display:block;}

.sublist { padding:9px 10px;}
.sublist li { padding-left:10px; background-position:-227px -131px; line-height:21px;}

.news, .expert { display:inline; float:left; width:324px;}
.news { margin-right:18px;}
.news .hd, .expert .hd, .activity .hd, .msmjia .hd, .hti .hd { border-bottom:1px solid #ccc;}
.news .hd h3, .expert .hd h3, .activity .hd h3, .msmjia .hd h3, .hti .hd h3 { width:85px; background-position:-140px -220px; color:#fff; text-align:center;}
.news .hd .act, .expert .hd .act, .activity .hd .act, .msmjia .hd .act, .hti .hd .act { width:35px; height:12px; background-position:-59px -230px; text-indent:-9999px;}

.infolist { padding-top:10px; line-height:21px;}
.infolist li { padding-left:8px; background-position:-228px -190px;}

.activity li { float:left; width:333px;}
.activity h4 { margin:10px 0;}
.activity .info { padding-left:125px;}
.activity .info img { float:left; width:110px; height:80px; margin-left:-125px; padding:1px; border:1px solid #ccc;}
.activity .info p { height:21px; overflow:hidden; line-height:21px;}

.scrollpic{ position:relative; width:664px; height:138px;overflow:hidden; padding:15px 1px 0;}
.hot-product{width:656px; height:138px;overflow:hidden;position:relative; margin:0 auto;}
.hot-product ul{position:absolute;width:9000px;overflow:hidden;}

.msmjia ul {}
.msmjia ul li { display:inline; float:left; width:140px; margin:0 10px; padding:1px; border:1px solid #ccc;}
.msmjia li img { display:block; width:140px; height:110px;}
.msmjia li span { display:block; background-color:#e8e8e8; line-height:24px; text-align:center;}

.banner690 img { display:block; width:690px; height:80px;}

.aboutjt { float:left; width:240px;}
.aboutjt .hd h3 { left:0; padding-left:17px; background-position:-217px -83px;}
.aboutjt img { display:block; margin:5px 0;}
.aboutjt p { line-height:21px; text-indent:2em;}

.hti { float:right; width:436px;}
.hti ul { padding-top:10px;}
.hti ul li { padding-left:15px; background-position:-220px -113px; line-height:22px;}
.hti ul li span { float:right;}

.partners {}
.partners .hd h3, .links .hd h3 { left:0; padding-left:17px; background-position:-217px -83px;}
.partners .hd .act, .links .hd .act { width:35px; height:12px; background-position:-59px -230px; text-indent:-9999px;}
.partners .box ul { padding:10px 2px 0;}
.partners .box li { display:inline; float:left; width:134px;}

.links .info { margin-top:10px; line-height:24px;}
.links .info a { margin-right:10px;}

.zx_apply { margin-bottom:10px;}
.zx_apply li { display:inline; float:left; width:130px; height:70px;}
.zx_apply .zxu { margin-right:10px; padding-left:65px; width:65px; background-position:0 -50px;}
.zx_apply .zxu a { display:block; margin-top:10px; height:22px; text-indent:-9999px;}
.zx_apply .apply { padding-left:60px; width:70px; background-position:0 -121px;}
.zx_apply .apply a { display:block; margin-top:10px; height:45px; text-indent:-9999px;}

.periodical ul { padding:8px 0 8px 10px;}
.periodical ul.sublist { padding:7px 0 7px 10px;}
.periodical .piclist { padding-bottom:0;}
.periodical .piclist li { float:left; width:120px; padding-right:9px;}
.periodical img { display:block; width:100px; height:130px; margin:0 auto; padding:2px; border:1px solid #ccc;}
.periodical h4 { margin:5px 0; text-align:center;}
.periodical .readmore { display:block; width:67px; height:21px; margin:0 auto; background-position:-59px -200px; line-height:21px; text-align:center;}
.periodical .sublist li {}

.bbsbox { padding:9px 10px;}
#scrollDiv { height:126px; overflow:hidden;}
#scrollDiv ul { padding:0;}


#footer { padding:10px 0 20px; background:url(../../common/images/index/footer_bg.gif) repeat-x; color:#fff; text-align:center; line-height:24px;}
#footer p { margin:0;}
#footer a { margin:0 5px; color:#fff;}
#footer .statistic { display:none;}

#idTransformView{width:478px;height:258px;overflow:hidden;position:relative;}
#idTransformView ul { margin:0; padding:0;}
#idSlider{ display:block; position:absolute; top:0; left:0;}
#idSlider li { float:left; height:258px; background-color:#0066FF;}
#idSlider img{ width:478px; height:258px; display:block;}
.num{position:absolute;right:5px;bottom:5px;}
.num li{float:left;color:#FF7300;text-align:center;line-height:16px;width:16px;height:16px;font-family:Arial;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;border:1px solid #FF7300;background-color:#fff;}
.num li.on{color:#fff;line-height:21px;width:21px;height:21px;font-size:16px;margin:0 1px;border:0;background-color:#FF7300;font-weight:bold;}

.openWindow { width:180px; position:absolute; right:5px; text-align:left; background:#FFFDF5; }
.openWindow h2 { height:28px; line-height:28px; padding-left:28px; padding-top:2px; background:url(../images/t_0.gif) no-repeat; font-size:12px; }
.openWindow img { float:right; margin-right:2px; margin-bottom:2px; cursor:pointer; }
.openWindow .border { border:1px solid #FFB78B; border-top:none; }

.leftImage { width:180px; position:absolute; left:5px; text-align:right; background:#FFFDF5; }
.leftImage h2 { height:28px; line-height:28px; padding-left:28px; padding-top:2px; background:url(../images/t_0.gif) no-repeat; font-size:12px; }
.leftImage img { float:left; margin-right:2px; margin-bottom:2px; cursor:pointer; }
.leftImage .border { border:1px solid #FFB78B; border-top:none; }

#bannerBig { margin:0 auto; text-align:center;}