@charset "utf-8";
/* reset HTML */
* { margin:0; padding:0; }
body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size:1em; }
a { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }
ul,
ol,
li { list-style:none; }
fieldset,
img { border:none; }
legend { display:none; }
em,
strong,
cite,
th { font-style:normal; font-weight:normal; }
input,
textarea,
select,
button { font:12px Helvetica, Arial, sans-serif; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/
/* common style */
.txtred { color: #F00; }
.txtd { font-size: 8px; }

.txtblack { color: #000; }
.txtblue { color: #2569A7; }
.txtgray{ color: #888; }
.txt12p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; }
.bggray{ background: #eee; }
.bgrad{ background: #fee; }
.bold{ font-weight: bold; }
.center {text-align:center}
.wp { margin: auto; width: 960px; background: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.fleft { float: left; }
.fright { float: right; }
.leftpic { float: left; margin-right: 10px; }
.clear { clear: both; }
/* allpage style */
.header { height: 100px; }
.header .toplogo { float: left; margin: 15px 20px; }
.header .lang { text-align: right; padding: 1em; }
.header .lang .txtred { font-weight: bold; }
.nav .topseach { float: right; width: 190px; margin: 3px 15px 0 0; border: 1px solid #CCC; }
.nav .topseach input { border: 0px none; height: 20px; float: left; color: #999; }
.nav .topseach #sfield1 { width: 160px; margin-left: 5px; }
.nav .topseach #sbutton1 { width: 20px; margin-bottom: -5px; cursor:pointer; _cursor: hand; }
.nav { height: 30px; padding: 5px 0; border-bottom: 1px solid #CCC; }
.nav ul { height: 30px; margin-left: 20px; }
.nav li { list-style-type: none; float: left; line-height: 30px; }
.nav a { display: block; height: 30px; color: #666; margin: 0 0 0 1px; padding: 0 1em; font-size: 14px; width: 100px; text-align: center; }
.nav a:hover { color: #900; background: #EEE; text-decoration: none; }
.nav .cur { }
.nav .cur a,
.nav .cur a:hover { background: #D00; font-weight: bold; color: #FFF; }
.footer { height: 80px; padding: 5px 0; text-indent: 2em; line-height: 2em; border-bottom: 1px solid #CCC; background-color: #EEE; }
/* index only */
.ban { height: 280px; border-bottom: 1px solid #CCC; background-color: #EEE; background-image: url(../images/banbg.gif); background-repeat: no-repeat; background-position: right top; }
.ban .fright { width: 240px; margin: 10px 10px 0 0; }
.ban .fright h2 { font-size: 16px; line-height: 24px; margin-top: 6px; color: #666; }
.ban .sort h3 { font-size: 12px; line-height: 30px; text-align: right; color: #777; }
.ban .sort { width: 200px; margin: 0 auto; }
.ban .sort select { width: 100%; margin-bottom: 15px; }
.ban .sort .inputdiv { text-align: center; padding-top: 5px; }
.ban .sort #sbutton2 { width: 100px; height: 24px; }
.solu { min-height: 260px; padding: 5px 0; border-bottom: 1px solid #CCC; }
.solu h4 { font-size: 16px; padding: 10px; color: #777; font-style: italic; text-indent: 1em; font-family: Georgia; font-weight: normal; }
.solu .w310 { width: 300px; padding:5px; margin-left: 15px; }
.solu .w311 { width: 300px; padding:5px; border-left: 1px dashed #bbb; }
.solu .cel { padding:10px; clear: left; }
.solu .cel img { float: left; height: 80px; width: 80px; }
.solu .cel .fleft { width: 80px; }
.solu .cel .fright { width: 185px; }
.solu .cel h5 { }
.solu .cel p { font-size: 10px; overflow:hidden; height:3.5em; color: #777; }
.solu .cel .more { margin-top: 5px; }
.solu .cel .more a { color: #F00; font-weight: bold; }
/* iFocus */
#ifocus { width:680px; height:260px; float: left; margin: 10px 0 0 10px; }
#ifocus_btn { display:inline; float:left; width:100px; margin:10px 0 0 10px; }
#ifocus_btn li { width:105px; height:70px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn img { width:90px; height:60px; margin:5px; }
#ifocus_btn .current { background: url(../images/ifocus_btnbg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_pic { display:inline; position:relative; float:right; width:560px; height:240px; overflow:hidden; margin:10px 0 0 0; }
#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:560px; height:240px; overflow:hidden; }
#ifocus_piclist img { width:560px; height:240px; }
/* xxx only */
.acc { font-weight: bold; color: #999; padding-top: 8px; cursor: default; }
.bane { border-bottom: 1px solid #CCC; padding:5px; width: 950px; }
.bane img { width: 950px; }
.main { border-bottom: 1px solid #CCC; background: #EEE url(../images/mainbg.png) repeat-y; }
.main .ml { min-height: 400px; width: 239px; }
.main .mlmap { background-image: url(../images/mapbg.jpg); background-repeat: no-repeat; background-position: left top; }
.main .mr { min-height: 400px; width: 720px; background-color: #FFF; border-left: 1px solid #CCC; }
.main .ml .ul1 { margin: 5px; }
.main .ml .ul1 li{ padding: 5px; text-indent: 1em; }
.main .ml .ul1 .cur { font-weight: bold; background: #d00 url(../images/ico02.png) no-repeat 212px center; }
.main .ml .ul1 .cur a,
.main .ml .ul1 .cur a:hover { color: #FFF; }
.main .ml .ul1 a:hover { color: #D00; }
.main .mr .mainhead { margin: 5px 10px 0 10px; border-bottom: 1px solid #CCC; padding: 10px; }
.main .mainhead .fright a { padding: 4px 4px 4px 15px; color: #000; background: url(../images/ico07.png) no-repeat 3px center; border: 1px solid #CCC; }
.main .mainhead .fright a:hover { color: #FFF; background: #d00 url(../images/ico08.png) no-repeat 3px center;  border: 1px solid #d00; text-decoration: none; }
.main .mr .mainhead h2 { font-size: 18px; font-style: italic; font-family: Georgia; font-weight: normal; }
.main .mr .mainbody { margin: 0 10px; padding: 20px; }
.main .mr .mainbody .ava,
.main .mr .mainbody .ava img { width: 400px; height: 200px; }
.main .mr .mainbody .srt { float: right; width: 220px; padding: 9px; border: 1px solid #ccc; margin-top: 3em; display: none; }
.main .mr .mainbody .des { clear: both; padding-top: 10px; }
.main .mr .mainbody .des .fleft{ width: 400px; }
.main .mr .mainbody .des .fright{ width: 250px; }
.main .mr .mainbody p { line-height: 1.5em; margin-bottom: 1em; }
.main .mr .mainbody p a{ font-weight: bold; color: #06c; }
.main .mr .mainbody .ul2 { margin: 10px; }
.main .mr .mainbody .ul2 li { line-height: 2em; background: url(../images/ico04.png) no-repeat 9px 9px; padding-left: 2em; }
.main .mr .mainbody .ul3 { margin: 0px; }
.main .mr .mainbody .ul3 li{ margin: 10px; float: left; width: 64px; height: 64px; }
.main .mr .mainbody h3 { font-size: 14px; color: #D00; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #D00; }
.main .mr .mainbody h4 { font-size: 13px; color: #D00; line-height: 20px; }
.main .mr .mainbody h4 a{ color: #D00;}
.pdtable { width: 100%; background-color: #FFF; }
.pdtable th { padding: 2px; border: 1px solid #666; background-color: #FF7575; color: #000; }
.pdtable td { padding: 2px; border: 1px solid #aaa; text-align: center; line-height: 18px; height: 18px; }
.pdtable .trhover { background-color: #dff; }
.pdtable a { color: #0366C0; }
.pdtable a:hover { color: #F00; text-decoration: underline; }
.scrollarea { width:100%; overflow: hidden; position: relative; background-color: #CCC; margin-top: -1px; }
.scrolltable { position: absolute; }
.controlb{ margin: 0px; padding: 5px; background-color: #eee; height: 28px; border: 1px solid #ccc; }
.controlb li{ float: left; line-height: 20px; cursor: hand; cursor: pointer; color: #000; text-align: center; height: 20px; width: 20px; margin-right: 5px; padding-top: 6px; background: #fff url(../images/scrollpage.gif) no-repeat left center; }
.controlb .selected{ font-weight: bold; color: #fff; background: #d00 url(../images/scrollpage.gif) no-repeat right center; cursor: default; }
.controlb .hover{ font-weight: bold;}
.prod{}
.prod .prodli{ width: 329px; float: left; height: 260px; margin: 0 1px 0 0; overflow: hidden; }
.prod a{ color: #C00; }
.prod a:hover{ color: #F00; text-decoration: underline; }
.main .mr .mainbody .prod h4 { font-size: 12px; }
.prod h5 { font-size: 14px; text-indent: 9px; }
.prod h6 { font-size: 12px; font-weight: normal; text-indent: 9px; color: #666; display: none; }
.prod .fleft { padding: 10px 0 0 10px; width: 100px; }
.prod .fright { padding: 10px 10px 0 0; width: 200px; line-height: 18px; font-size: 10px; }
.prod .prohead { padding: 5px; }
.prod .ul1 li { font-size: 10px; padding-left: 13px; background: url(../images/ico06.png) no-repeat 4px 7px; }
.accordion { margin-top: 5px; }
.accordion li{ display: block; }
.accordion .j1{ padding-left: 20px; background: url(../images/ico04.png) no-repeat 10px center; }
.accordion .j1 a{ color:#000; font-weight: bold; }
.accordion .j2{ padding-left: 35px; background: url(../images/ico05.png) no-repeat 25px center; }
.accordion .j2 a{ color:#555; font-weight: bold; }
.accordion .j3{ padding-left: 50px; background: url(../images/ico06.png) no-repeat 40px center; }
.accordion .j3 a{ color:#777 }
.accordion a{ display: block; padding: 2px; }
.accordion a:hover{ background-color: #fff; text-decoration: none; color: #D00; }
.accordion .now{ }
.accordion .now a{ font-weight: bold; background: #D00 url(../images/ico01.png) no-repeat right center; color: #fff; }
.accordion .nohand,
.accordion .nohand:hover{ cursor: default; color: #000; background-color: #EEE; }
.accordion li span { background-color: #999; font-size: 10px; color: #fff; padding: 2px; margin-left: 8px; }
.accordion .now span { background-color: #600; font-weight: normal; }
.grd { padding-top: 80px; }
.main .mr .mainbody .grd .xhx{color: #FF0000; }
.grd .xhx { font-size: 12px; text-decoration: underline; }
.grd .btt { padding: 3px 5px 3px 18px; border: 1px solid #CCCCCC; background: url(../images/ico07.png) no-repeat 5px 7px; }