@charset "utf-8";

.mustfill{ color:#FF0000}
.alert{ background:#FFFFCC; border:1px solid #FFCC00; height:50px; width:80%; text-align:center}
A:link,A:visited{ color:#555555}
body{ color:#333333}

.path { line-height:26px;  color:#006699; text-indent:1em}
.path A:link,.path A:visited{ color:#006699;}

/*全局*/
#header,.body,#footer{ width:930px; margin-left:auto; margin-right:auto; clear:both}
/*header*/
#header{ height:106px;  background-image:url(../images/header_bg.jpg); background-repeat:repeat-x}
#header .top,#header .sideBlock{ height:66px; }
#header .top .logo{width:182px; float:left; padding-left:18px; padding-top:13px; }
#header .top .sideBlock{ width:730px; float:left; background-image:url(../images/search_form.jpg); background-repeat:no-repeat; background-position:470px 0px;}
#header .top .sideBlock .form{ margin-top:27px; margin-left:477px; }
#header .top .sideBlock .words{ border-width:0px; width:208px; height:12px; }
#header .top .sideBlock .submit{ border-width:0px; width:19px; height:19px; }

#header .menu{width:915px; height:40px; clear:both; padding-left:15px; background-image:url(../images/menu_bg.jpg); background-position:center center; background-repeat:no-repeat; }
#header .menu li{ height:40px; width:80px; text-align:center; float:left; line-height:40px; color:#095272; font-weight:bold }
#header .menu a:link,#header .menu a:active,#header .menu a:visited ,#header .menu a:hover{ color:#095272}
#header .menu .separator{ width:8px; float:left; background-image:url(../images/menu_separator.gif); background-repeat:no-repeat; background-position:center center}
#header .menu .last{ width:155px; float:right;}
#header .menu .last img{ margin-top:8px}

/*footer*/
#footer{ height:50px; margin-top:5px; color:#8E9199; background-image:url(../images/footer_bg.jpg); background-repeat:no-repeat; background-position:center center}
#footer a:link,#footer a:active,#footer a:hover,#footer a:visited { color:#8E9199}
#footer .link,#footer .copyright{ width:450px; float:left;}
#footer .link{ line-height:40px; margin: 5px 0px 0px 10px;}
#footer .copyright{ text-align:right; line-height:20px; margin:5px 10px 0px 0px}

.picShow{ width:100%; height:100px; margin-top:2px; margin-bottom:3px; text-align:center;}

/*index_def*/
#index_def .picShow{ width:100%; height:250px; text-align:center}
#index_def .mainBar .left,#index_def .mainBar .mid,#index_def .mainBar .right{ height:226px; float:left}

#index_def .mainBar .left{ width:312px; margin-left:2px; margin-right:11px; border:1px #E3EBF3 solid; background-image:url(../images/index_def-mainbar_left_bg.jpg); background-repeat:repeat-x}
.switchMenu1,.switchMenu2{ width:70px; height:24px; float:left; margin-top:6px; margin-left:5px; text-align:center; line-height:24px; cursor:pointer}
.switchMenu1{ color:#095272; font-weight:bold; background-image:url(../images/switchmenu1_bg.jpg); background-repeat:no-repeat}

#index_def .mainBar{width: 100%}
#index_def .mainBar .left .block { width:290px; height:165px; padding-top:30px; margin-left:auto; margin-right:auto; }
#index_def .mainBar .left .block .content{ width:280px; height:120px; margin-left:auto; margin-right:auto; }
#index_def .mainBar .left .block .content li{ line-height:24px}
#index_def .mainBar .left .block .more{ margin-top:25px; text-align:right;}

#index_def .mainBar .mid{ width:356px; margin-right:15px; }
#index_def .mainBar .mid .top { width:100%; height:80px; margin-bottom:3px; border:1px #E3EBF3 solid}
#index_def .mainBar .mid .bottom{ width:100%; height:129px; padding-top:5px; padding-bottom:5px; border:1px #E3EBF3 solid; background:#FAFAFA }
#index_def .mainBar .mid li{ width:50%; float:left; text-indent:1em; height:22px}

#index_def .mainBar .right{ width:226px; background-image:url(../images/index_def-mainbar_right_bg.jpg); background-repeat:no-repeat}
#index_def .mainBar .right .topic{ color:#095272; width:200px;  font-weight:bold; margin-top:10px; margin-left:15px;  padding:0px;  background-image:none; }
#index_def .mainBar .right li .pic{ width:80px; float:left; text-align:center; }
#index_def .mainBar .right li .info{ width:140px; float:left}
#index_def .mainBar .right li .info .title{ margin-bottom:3px; }
#index_def .mainBar .right li .info .title A:link,#index_def .mainBar .right li .info .title A:visited{color:#189CAC}

#index_def .mainBar .right li{ height:60px; clear:both; }
#index_def .mainBar .right select{ margin-left:18px}


/*pages*/
.sideBar{ width:226px; float:left;}
.sideBar .block{ height:167px; border:1px #E3EBF3 solid;  background-image:url(../images/sidebar_block_bg.jpg); background-repeat:repeat-x}
.sideBar .block .topic{ height:35px; line-height:35px; padding-left:40px; color:#095272; font-weight:bold; background-image:url(../images/icon.gif); background-repeat:no-repeat; background-position:15px 7px;}
.sideBar .block .main{ width:190px;  padding-top:10px; margin-left:auto; margin-right:auto;}
.sideBar .block li{ text-indent:2em; line-height:24px;}

.sideBar .contact{ width:193px; height:169px; padding:15px 20px; background-image:url(../images/contact_bg.jpg); background-repeat:no-repeat}
.sideBar .contact .topic{ color:#095272; font-weight:bold; }
.sideBar .contact .main{ padding-top:10px}
.sideBar .contact .main .content{ padding-top:8px; font-weight:bold; color:#666666}


.mainBar{ width:695px; float:left}
.mainBar .topic { width:675px; height:44px; padding-left:20px; color:#095272; font-weight:bold; line-height:36px; background-image:url(../images/mainbar_topic_bg.jpg); background-repeat:no-repeat;}
.mainBar .main .content{ width:95%; text-indent:2em; margin-left:auto; margin-right:auto; padding-top:20px; line-height:22px; max-width: 500px; width: expression(this.width >500 && this.height < this.width ? 500: true); }
#info_def .mainBar .main .content{ width:95%; text-indent:2em; margin-left:auto; margin-right:auto; padding-top:20px; letter-spacing: 0px }
.mainBar .main .title{ height:30px; font-size:14px; text-align:center}
.mainBar .main .dateline{ text-align:right; color:#999999; width:90%; margin-left:auto; margin-right:auto; border-bottom:1px #CCCCCC solid}

.list{ width:95%; margin-left:auto; margin-right:auto;  }
.list td{ font-size:12px; height:24px; text-indent:2em; border-bottom:1px #99CCCC dotted}
.list .listtitle{ width:70%; text-align:left}
.list .catalog{ width:15%; text-align:center}
.list .dateline{ width:15%; text-align:center}
#product_show .mainMenu .list{ margin-left:60px}
#product_show .mainBar .main .list .title{ width:100%; text-align:left}

/*主版块菜单显示*/
.mainMenu{ width:90%; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.mainMenu li{ width:100%; line-height:26px; text-indent:4em; background-image:url(../images/jiantou.gif); background-repeat:no-repeat; background-position:30px top;}
#menu_def .mainMenu li{ width:150px; line-height:26px; float:left; text-indent:4em; background-image:url(../images/jiantou.gif); background-repeat:no-repeat; background-position:30px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.productlist li{ width:340px; float:left; }
.product { height:70px; border-bottom:1px #EFEFEF dotted}
.product .pic{ width:30%; padding-top:5px; float:left; text-align:center; }
.pic img{ max-width: 500px; width: expression(this.width >500 && this.height < this.width ? 500: true);}
.product .info{ width:70%; float:left}
.product .info .title{ margin-bottom:3px; line-height:24px; height:24px; text-align:left; }
.product .info .title A:link,.product .info .title A:visited{color:#189CAC}
.productlist .more{ clear:both; text-align:right; height:26px; line-height:26px}
.productlist .more A:link,.productlist .more A:visited{ color:#189CAC; font-weight:bold}

#product_def .pic{ text-align:center}
#product_def .title{ width:90%; margin-left:auto; margin-right:auto; text-align:center; font-weight:bold; font-size:14px; border-bottom:1px #ddd solid; margin-bottom:10px;}
.productinfo{ clear:both; width:90%; margin-left:auto; margin-right:auto; background:#EFEFEF; margin-top:10px }
.productinfo td{ height:28px; text-align:center; width:200px }


#guestbook_def .form,.guestbookList{ width:90%; margin-left:auto; margin-right:auto;}
#guestbook_def .form table,.guestbookList table{ width:100%; background:#CCCCCC; margin-top:5px;}
#guestbook_def .form td,.guestbookList td{ background:#FFFFFF; line-height:22px; text-indent:1em }
.guestbookList .content,.guestbookList .reply{ background-color:#FFFFEC; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;  width:90%}
.guestbookList .reply{ background-color:#FFCCCC;}
#guestbook_def .guestbookList .dateline{ border-bottom:0px; }

#guestbook_def .form .field{ padding:5px;}

.link { border-bottom:1px #CCFFCC dotted; width:95%; margin-left:auto; margin-right:auto}
.link .name{ line-height:24px;}
.link .name A:link,.link .name A:visited{color:#189CAC; font-weight:bold}
.link .intro{ text-indent:2em; }