@charset "utf-8";
@import url("normalizes.css");
a{ text-decoration:none; outline:none; color:#007cc2;}
a:hover{ text-decoration:underline;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#151515 url(../bg/body_bg.jpg) repeat-x left top;}
#container { padding-right:80px; overflow:hidden; width:908px; float:right; margin-top:39px; background:#0e3c91 url(../bg/container_bg.jpg) no-repeat right top;}
#header{ height:128px; background:#fff; position:relative;}
#header #logo{ position:absolute; top:25px; left:21px;}
#topBar{text-align:right; position:relative; float:right; width:627px; height:24px; line-height:24px;}
.seotitle{ font-size:11px; font-weight:normal; color:#716f6f; padding-right:196px;}
.topOper{ background:#9e9e9e; width:179px; position:absolute; height:24px; top:0; right:0;} 
.topOper li{ padding-left:9px;float:left;height:24px; font-size:12px;text-align:left;text-indent:20px;width:80px;}
.topOper li a{ color:#FFFFFF;}
.topOper .sitemapIcons{ background:url(../icons/icons_1.gif) no-repeat 8px center;}
.topOper .emailIcons{background:url(../icons/icons_2.gif) no-repeat 5px center;}
#nav{ height:30px; width:908px; background:#d4d4d4; position:absolute; top:98px;}
#navlist li{ float:left; }
#navlist a{color:#3667be;float:left; text-transform:uppercase; display:block; font-size:12px; padding:0 13px; height:30px; line-height:30px;}
#navlist a:hover{ text-decoration:none; background:#007cc2; color:#FFFFFF;} 
#search{ width:229px; height:30px; float:right; position:relative;}
#searchArea{ position:absolute; top:4px;}
#searchArea .searchAreaInput{background:url("../icons/searchArea.gif") no-repeat scroll left center transparent;border:none;font-size:11px;height:22px;line-height:22px;padding-left:20px;width:153px;}
#search .submitBtn{position:absolute;right:11px;top:4px;}
#topDesc{ background:#fff; height:103px; color:#716f6f; line-height:20px;}
.leftDesc{ float:left; height:103px; width:582px; padding-left:16px;}
.leftDesc div{ padding-right:38px;}
.rightContact{float:right; height:103px; width:310px;}
#topDesc h4{ color:#007cc2; font-size:14px; font-weight:bold; padding-top:13px; padding-bottom:3px;}
#wrapMain{ height:276px; background:#fff; border:1px solid #d3d3d3;}

#wrapFlash{ width:595px; height:100%; float:left; background-color:#eaeaea;}
#wrapFlash .thumbList {width:118px; height:276px; position:relative; float:left;}
#thumbPrev, #thumbNext {width:118px; height:15px; display:block; position:absolute; top:0; left:0; background:transparent url(../icons/flashNav.png) no-repeat 0 0;}
#thumbNext {top:auto; bottom:0; background-position:0 100%;}
.thumbList ul {width:113px; height:232px; position:relative; overflow:hidden; margin:23px 0 0 3px;}
.thumbList ul li {border:1px solid #a3a49f; height:39px; margin-bottom:6px; position:relative; overflow:hidden;}
.thumbList ul * {cursor:pointer;}
.thumbList ul a {width:111px; position:relative; text-decoration:none; color:#fff; display:block;}
.thumbList ul a:hover {text-decoration:none;}
.thumbList ul a span {width:111px; height:13px; display:block; line-height:13px; background-color:#000; position:absolute; bottom:0; left:0; text-align:center;}
.thumbList ul a.current span {background-color:#fff; color:#000;}
#wrapFlash .productInfo {width:476px; height:100%; overflow:hidden; position:relative; float:left; display:inline; margin-left:1px;}
#wrapFlash .one-product {width:476px; height:100%; float:left; overflow:hidden;}
#wrapFlash .img {width:270px; height:100%; overflow:hidden; float:left;}
#wrapFlash .desc {width:167px; height:228px; padding:24px 18px; float:left; margin-left:3px; display:inline; background:transparent url(../bg/flash_desc.jpg) no-repeat 0 0;}
#wrapFlash .desc h3 {font-size:14px; font-weight:bold; color:#000; margin-bottom:10px;}
#wrapFlash .desc p { height:180px; overflow:hidden;font-size:12px; line-height:150%; margin-bottom:10px;}
#wrapFlash .desc p.subtitle {font-weight:bold; line-height:170%; margin-bottom:25px; color:#1775b0;}
#wrapFlash .desc a {color:#1775b0;}
#wrapOther{float:right; overflow:hidden;width:310px;}
.ContactButton{ border-bottom:1px solid #d3d3d3; background:#eaeaea url(../icons/contact_bg.gif) repeat-x; height:32px; margin-top:1px;}
.ContactButton li{ float:left;}
.ContactButton a{text-indent:35px; width:103px;color:#3667be; font-size:12px; line-height:30px; height:30px; display:block;}
.ContactButton .msn { background:url(../icons/contactbotton_sp.gif) no-repeat right top;}
.ContactButton .skype { background:url(../icons/contactbotton_sp.gif) no-repeat right top;} 
.ContactButton .msn a{ background:url(../icons/icons_msn.gif) no-repeat 9px 50%;}
.ContactButton .skype a{ text-indent:51px;background:url(../icons/icons_skype.gif) no-repeat 9px 50%;}
.ContactButton .email a{background:url(../icons/icons_email.gif) no-repeat 9px 50%;}
.ContactButton a:hover{ text-decoration:none;}
#wrapOther h5{ background:url(../icons/arrow_icons.gif) no-repeat left center; height:25px; line-height:25px; color:#3667be; font-size:14px;text-indent:20px;}
#wrapOther .warpLogin{ font-size:12px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding-left:6px; background:url(../bg/login_bg.gif); height:84px;}
#wrapOther .loginArea input{ color:#007cc2; border:none; width:137px; }
.loginArea{ text-indent:5px; color:#007cc2;background:url(../icons/loginArea.gif) no-repeat left center ; height:24px; line-height:24px; width:209px;}
.warpLogin .submitBtn,.warpLogin .register{ font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #007cc2; color:#007cc2; width:89px; height:20px;background:url(../bg/login_bg.gif); text-align:center; line-height:20px;}
.warpLogin .register{ width:87px;display:block;}
.warpLogin .register:hover{ text-decoration:none;}
.wrapSelect{ background:#c4c4c4;padding:6px 12px;}
.wrapSelect select{ height:22px; color:#626262; font-family:Arial, Helvetica, sans-serif; width:286px; line-height:22px;}
.wrapNews{padding-left:6px;}
.wrapNews h5{ padding:3px 0;}
.wrapNews li{background:url("../icons/icons_3.gif") no-repeat scroll 8px 50% transparent;height:22px;line-height:22px;padding-left:12px;text-indent:8px;}
.wrapNews li a{ color:#000000; }
.wrapNews li a:hover{ color:#3278cf;}
#wrapProductList{ width:908px; position:relative; overflow:hidden; border-top:1px solid #c9c9c9; height:249px;}
#wrapProductList ul{ width:1000px; float:left;}
#wrapProductList li{ overflow:hidden; float:left; width:182px; position:relative;}
#wrapProductList li h4{cursor:pointer; background:url("../icons/icons_4.gif") no-repeat scroll 156px 50% #F6F6F6;border-bottom:1px solid #C9C9C9;font-size:12px;font-weight:normal;height:28px;line-height:28px;text-align:center;}
#wrapProductList li .wrapPro{ border-right:1px solid #d3d3d3;width:181px; overflow:hidden; height:220px;}
.wrapDesc { background:#f6f6f6; height:105px;}
.wrapDesc h3{ padding-left:23px; background:url(../icons/icons_5.gif) 13px 13px no-repeat; padding-top:9px; color:#716f6f; font-size:12px;}
.wrapDesc h3 a{ color:#716f6f;}
.wrapDesc div{padding-top:4px; color:#716f6f; padding-left:23px; line-height:18px;}
#wrapProductList .hover h4{background:url("../icons/icons_4_hover.gif") no-repeat scroll 156px 50% #d8d8d8;}
#wrapProductList .hover .wrapDesc { background:#d8d8d8;}
#wrapProductList .hover .wrapDesc h3 {background:url("../icons/icons_5_hover.gif") no-repeat scroll 13px 13px transparent;}
#wrapProductList .subclass {width:151px; padding:10px 15px; overflow:hidden; display:none; position:absolute; left:0; top:29px; border-bottom:1px solid #ccc; background-color:#fff;}
#wrapProductList .subclass li {line-height:18px; font-weight:bold;}
#wrapProductList .subclass a {color:#007cc2;}
.wrapPro .img {width:181px; overflow:hidden;}
#footer{ height:55px; background:#0d3c8f; position:relative;}
#footer .footIcons{ padding-top:10px; padding-left:18px;} 
.footNav{ text-align:right; line-height:18px; position:absolute; right:10px; top:0;}
.footNav ul{ float:right;}
.footNav ul li { float:left; color:#FFFFFF;}
.footNav ul li a{ text-transform:capitalize; color:#FFFFFF; padding:0 5px;} 
.footNav div{ width:438px; clear:both; color:#a8c6fb; } 
.passArea{margin-left:3px;}
#wrapContent{background:#fff; font-size:12px; color:#3b3c3b; overflow:hidden;}
.content{ width:869px; color:#3b3c3b; margin:0 auto;line-height:20px;}
.contactLeft { width:418px; float:left; line-height:20px; padding-left:26px; padding-top:23px;}
h1{font-size:24px; color:#007cc2; font-weight:normal;}
.contactLeft h1 {padding-bottom:21px; text-transform:uppercase;}
.contactDes{ width:356px;}
.contactLeft h3{ color:#007cc2; font-size:12px; font-weight:normal; padding:15px 0;}
.contactLeft  .wrapRadio span{ padding-right:10px;}
.contactLeft  .wrapRadio { padding-bottom:20px;}
.contactLeft .address{ height:251px; background:url(../bg/contact_bg.jpg) no-repeat right bottom;}
.contactRight{ float:left; width:438px; padding-top:34px;}
.contactRight table span{ padding-right:5px;}
.inputArea{ width:314px; height:21px; border:1px solid #898989;}
.areaArea{ height:53px; width:314px; border:1px solid #898989; overflow:auto;}
.submitContact{ padding-top:20px; padding-bottom:32px;}

.pageWrapper {padding:22px 30px}
#downloadList {padding-top:20px;}
#downloadList li {height:59px; position:relative; border:1px solid #c8cacb; margin-bottom:10px; line-height:18px; color:#5b6164; padding-left:78px; padding-right:127px;}
#downloadList p {padding-top:12px;}
#downloadList li.current {border-color:#81caff; background-color:#e7f5ff; color:#007cc2;}
#downloadList li .btn {width:114px; height:34px; text-indent:-9999px; display:block; position:absolute; top:50%; right:12px; margin-top:-17px; background:transparent url(../icons/download.png) no-repeat 0 0;}
#downloadList li.current .btn {background-position:0 100%;}
#downloadList li img {width:49px; height:49px; position:absolute; top:50%; left:15px; margin-top:-24px;}

#newsList li {min-height:90px; _height:90px; padding-left:113px; position:relative; margin-bottom:18px;}
#newsList li img {width:90px; height:90px; border:1px solid #dcdddd; position:absolute; top:0; left:0;}
#newsList li h3 {font-size:14px; font-weight:bold; margin-bottom:2px;}
#newsList li h3 a {color:#002db0; text-decoration:none;}
#newsList li h3 a:hover {text-decoration:underline;}
#newsList li p {line-height:18px;}
#newsList .postmeta {color:#007cc2; padding-top:5px;}

#marketArea {padding-top:5px; padding-bottom:30px;}
#marketArea .bg {height:336px; padding-bottom:20px; background:transparent url(../bg/market.jpg) no-repeat 124px 5px;}
#marketArea .text {width:233px; padding:26px; line-height:18px; background-color:#fff; border:1px solid #d3d5d5;}

#pageInner {overflow:hidden;}
#pageInner .contentLeft {width:609px; float:left; padding-left:16px; padding-top:16px;}
#pageInner .contentRight {width:276px; float:right; background-color:#f5f5f5;}
.here {margin-bottom:14px;}
#pageInner .productText {width:596px; padding-left:13px;}
#pageInner .productText h3 {font-size:14px; margin-bottom:20px; line-height:100%;}
#pageInner .productText .text {width:370px; float:left;}
#pageInner .productText .img {width:213px; float:right; margin-top:-18px;}
#innerTabNav {overflow:hidden; padding-top:25px; position:relative; left:-2px;}
#innerTabNav li {width:auto; height:28px; line-height:23px; float:left;}
#innerTabNav li a {display:block; height:23px; position:relative; padding:0 25px 5px 25px; text-decoration:none; color:#494b4c; background:transparent url(../bg/inner_tab.png) no-repeat 100% 100%;}
#innerTabNav li a span {width:2px; height:28px; position:absolute; left:0; top:0; background:transparent url(../bg/inner_tab.png) no-repeat 0 100%;}
#innerTabNav li a:hover, #innerTabNav li.current a {color:#fff; background-position:100% 0;}
#innerTabNav li a:hover span, #innerTabNav li.current a span {background-position:0 0;}
#innerTabContent {padding-top:1px;}
#innerTabContent .tabContent {display:none; background-color:#f6f6f6; padding:21px 18px;}
#innerTabContent .current {display:block;}
.tabContent .title {margin-bottom:33px;}
.tabContent .gallery {width:100%; margin-bottom:18px; overflow:hidden;}
.tabContent .gallery img {width:117px; height:88px; margin-right:52px; float:left;}
.tabContent .desc {line-height:20px;}
#pageInner .unknown {line-height:30px; padding-right:54px; text-align:right;}
#pageInner .ContactButton {height:38px; margin-bottom:15px; background:#eaeaea;}
#pageInner .ContactButton li {background:none; height:38px;}
#pageInner .ContactButton li a {width:auto; height:21px; padding-right:20px; margin-top:9px; line-height:21px; display:block; border-right:1px solid #bbb;}
#pageInner .ContactButton li.last a {border:none;}
#pageInner .contentRight .panel {padding:0 21px; margin-bottom:20px; line-height:18px;}
#pageInner .contentRight .faq a {color:#716f6f;}
#pageInner .contentRight .panel h3 {padding-left:19px; margin-bottom:15px; font-size:14px; color:#151515; font-weight:normal; background:transparent url(../icons/list_style_01.png) no-repeat 0 50%;}
#pageInner .contentRight .panel h3 a {color:#151515;}
#productTree {color:#767575;}
#productTree a {color:#767575;}
#productTree li.parent {padding-left:21px; margin-bottom:2px; background:transparent url(../icons/folder.png) no-repeat 0 3px;}
#productTree li.parent h4 {cursor:pointer;}
#productTree li.on {background-position:0 -26px; color:#007cc2;}
#productTree li.parent ul {display:none;}
#productTree li.on ul {display:block;}
#productTree li h4, #productTree li h5 {font-size:12px; line-height:16px; color:#767575; font-weight:normal;}
#productTree li h5 {font-size:11px; padding-top:4px;}
#productTree .child {padding-top:16px; margin-bottom:16px;}
#productTree .child li {min-height:22px; _height:22px; padding-left:41px; margin-bottom:9px; position:relative;}
#productTree .child a {color:#767575;}
#productTree .child a:hover {color:#007cc2; text-decoration:none;}
#productTree .child img {width:31px; height:22px; position:absolute; top:0; left:0;}
#pageInner .contentRight .faq ol li {list-style:decimal inside;}
#pageInner .contentRight .faq, #pageInner .contentRight .faq a {color:#716f6f;}

/* DEBUG */
#wrapContent {zoom:1;}
#pageInner {zoom:1;}
#innerTabNav {zoom:1;}
#innerTabNav li a {float:left;}
#innerTabNav .ContactButton li a {float:left;}
#innerTabNav .gallery {zoom:1;}

.showcontent{padding:10px;}
.sitemapclass { line-height:20px;}
.sitemapclass h2{ font-size:14px; padding:10px 0;}
.sitemapclass .sitemapclass2{ padding-left:20px;}

.searchlist li{ padding:10px 0; line-height:20px; border-bottom:1px solid #ccc;}
.search_title{display:block;
font-size:14px;
font-weight:bold;
padding-bottom:5px;}
.search_content{ padding-left:20px;}
.search_updatetime{ display:block; padding-left:20px;}
.search_detail{ display:block; padding-left:20px;}


/* MESSAGE */
.contactus{ background:#fff url(../bg/contactus_bg.jpg) no-repeat left top; height:630px; position:relative;}
#map{ position:absolute; left:85px; top:47px;}
#contactForm{ font-size:12px; position:absolute; width:388px; right:39px; top:47px;}
#contactForm h1{ font-size:30px;}
.contactline{ line-height:24px;}
.inputArea2{border:1px solid #898989;height:21px;width:218px;}
.wrapContactForm{ line-height:24px; padding-top:30px;}
.areaArea2{ width:219px; height:65px; border:1px solid #898989;}