@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif, Verdana; font-size:12px; color:#666; height:44px; background:url(../images/common/topbg.gif) repeat-x;}
a{outline: none;blr:expression(this.onFocus=this.blur()); color:#666; text-decoration:none;}
ul{list-style:none;}
.wrap{ width:984px;background:#fff; margin:0 auto;background:url(../images/topbg.gif) repeat-x top;}
.logo{ width:190px;background:url(../images/topbg.gif) repeat-x; float:left; padding:0 0 6px 0;}
/*.name{ font-size:14px; font-weight:bold; color:#333; height:60px;line-height:40px;margin:22px 0 0 -20px; display:block; float:left;}*/
ul.nav{ width:984px; height:27px;float:left; background:url(../images/common/nav.gif); margin:0 0 10px 0;}
ul.nav li{float:left; }
.nav a{height:27px;text-decoration:none; display:block;}
.nav_01 a{ width:118px;}
.nav_01 a:hover{background:url(../images/common/nav01_g.gif);}
.nav_02 a{ width:103px;}
.nav_02 a:hover{background:url(../images/common/nav02_g.gif);}
.nav_03 a{ width:136px;}
.nav_03 a:hover{background:url(../images/common/nav03_g.gif);}
.nav_04 a{ width:95px; }
.nav_04 a:hover{background:url(../images/common/nav04_g.gif);}
.nav_05 a{ width:123px; }
.nav_05 a:hover{background:url(../images/common/nav05_g.gif);}
.nav_06 a{ width:79px; }
.nav_06 a:hover{background:url(../images/common/nav06_g.gif);}
.nav_07 a{ width:121px; }
.nav_07 a:hover{background:url(../images/common/nav07_g.gif);}

.rightContent{ float:right; width:160px; padding:10px; font-size:11px;}
.topRight{ float:right; margin:45px -115px 0 0;}



.banner{ width:984px; height:370px;background:url(../images/common/banner.gif) no-repeat top;}
.bannerText{color:#FFF; padding:70px 0 0 50px; line-height:24px;}
.bannerMore a{ color:#FFF;font-size:14px;font-weight:bold;text-decoration:underline; }
.bannerMore a:hover{text-decoration:none;}
.bannerText h1{ font-size:32px; font-weight:bold; padding:0 0 30px 0;}
.bannerText h2{ color:#FF993C;font-size:17px;font-weight:bold; margin:93px 0 0 -20px;}

.bimTop{ padding:18px 0 0 0;}
.bim{ border-left:1px solid #ccc; border-right:1px solid #ccc; height:141px;padding:0 0 0 15px;}
.listBim{ border-right:1px solid #EBEBEB; width:128px;height:141px; font-size:11px;text-align:center; float:left; padding:0 0 0 4px;}
.listBim a{ color:#666;text-decoration:none;}
.xTitle{ clear:both;font-weight:bold;}
ul.button{ margin:0px 0 0 700px;}
ul.button li{ padding:6px;}
/*left*/
.leftWrap{ width:450px; float:left;padding:0 0 0 10px;}
dl.leftPro{width:420px;padding:5px 0 0 10px; font-size:12px;}
dl.leftPro dt{ font-size:18px; color:#3C65B5; margin:17px 0 0 0 ;}
dl.leftPro dd{margin:10px 0 0 0;color:#3C65B5; }
dl.leftPro dd a:link{ color:#666;font-weight:bold;text-decoration:none; }
dl.leftPro dd a:visited{color:#666;font-weight:bold;text-decoration:none;}
dl.leftPro dd a:hover{color:#FF9A47;font-weight:bold; text-decoration:underline;}
dl.leftPro dd a:active{color:#666;font-weight:bold;text-decoration:none;}
.newsIcon{ margin:0 0 0 25px;}

/*right*/
.rightWrap{ width:524px; float:left;}
.blueBim{ width:500px; border-top:2px solid #3053A6; margin:-3px 0 0 0;}
.news{ padding:35px 0 0 10px;}
.news a{ color:#666; text-decoration:none;}
.news a:hover{color:#666;text-decoration:underline;}
.data{ color:#D78E02; line-height:24px;padding:5px 0 0 0;}
.data a{ color:#D78E02; line-height:24px;padding:5px 0 0 0;text-decoration:none;}
.data a:hover{ color:#3C65B5; line-height:24px;padding:5px 0 0 0px;text-decoration:none;}
.more{ margin:0 0 0 400px; color:#666;}
.more{ margin:0 0 0 400px; color:#666;}
.table_Img{ width:500px; height:320px;text-align:center; margin:5px 0 10px 10px; }
/*footer*/
.footer_bg{ width:984px; height:260px;background:url(../images/common/img_01.gif) repeat-x top; float:left; padding:35px 0 0 0px;}
dl.footer{ font-size:11px; line-height:24px; float:left; padding:0 0 0 40px;}
dl.footer dt{ font-weight:bold;font-size:12px; border-bottom:1px solid #E1E1E1; width:150px; height:28px;}
dl.footer dd a{font-size:11px; line-height:24px; color:#666;text-decoration:underline;}
dl.footer dd a:hover{font-size:11px; line-height:24px; color:#666; text-decoration:none;}
.win{ margin:0 0 0 38px;}
ul.bottomNav{width:984px; float:left;display:block; line-height:30px;}
ul.bottomNav li{float:left;padding:0 0 0 43px;}
ul.bottomNav li a{float:left;text-decoration:none; color:#666;display:block;}
.copy{ clear:both;text-align:center;margin:0 0 30px 0;}
/*---------------------------------mainleft----------------------------------*/
.mainLeft{ width:243px;float:left; padding:25px 0 0 0 ;}
.mainlist{list-style-type: none;border-left:1px solid #ccc; border-right:1px solid #ccc; color:#333;font-size:11px; line-height:24px;}
.mainlist li{ width:190px;margin:0 0 0 25px;display:block;border-bottom:#D6D6D6 1px dashed;}
.mainlist li a{color:#D333; height:24px; }
.mainlist li a:hover{ display:block;color:#333; background:#F1F1F1;}
.listTitle{ width:150px;font-size:12px;font-weight:bold; margin:0 0 0 10px;} 
.listTitle a{ width:150px;font-size:12px;font-weight:bold; margin:0 0 0 10px;} 
/*---------------------------------mainright----------------------------------*/
.clear{ clear:both;}
.mainRight{ width:730px; float:left;padding:25px 0 0 10px ;}
.rightBim{ width:728px;border:1px solid #ccc;}
#topTitlebg{background:url(../images/common/img_024.gif) no-repeat;}
ul.topTitle{ width:700px; height:32px;}
ul.topTitle li{width:130px;height:32px; text-align:center; margin:0 0 0 6px;line-height:32px;float:left;background:url(../images/common/img_023.gif) no-repeat;}
ul.topTitle li a:hover{width:130px;height:32px; text-align:center; line-height:32px;float:left;background:url(../images/common/img_024.gif) no-repeat;}
ul.topTitle li a:hover{width:130px;height:32px; text-align:center; line-height:32px;float:left;background:url(../images/common/img_024.gif) no-repeat;}
.proWrap{width:350px;display:block; float:left; padding:35px 0 20px 10px;}
.proImg{ width:110px;float:left;}
.rightPro { font-size:18px; color:#3C65B5; margin:17px 0 10px 10px ;}
.proTitle{color:#496FBA;font-weight:bold; }
.proTitle a{color:#496FBA;font-weight:bold; }
.proTitle a:hover{color:#ff6666;font-weight:bold; }
.BuyNow{background:url(../images/common/img_21.gif) no-repeat 5px 10px;padding:10px 0 0 40px;line-height:31px;float:left;}
.Download{background:url(../images/common/img_020.gif) no-repeat 5px 10px;padding:10px 0 0 40px;line-height:31px;float:left;}
.newPrice{ color:#F30; font-weight:bold; margin:0 0 0 20px;}
.oldPrice{ color:#9C0;font-weight:bold;text-decoration:line-through; margin:0 0 0 20px;}
/*---------------------------------dwon----------------------------------*/
dl.downContent{ width:650px;padding:10px 0 5px 30px; border-bottom:1px solid #ccc; margin:0 0 20px 20px;}
dl.downContent dd{ padding:5px 0 0 0 ;}
.downIcon{ margin:0 0 0 560px ;}
/*---------------------------------news----------------------------------*/
ul.newsListWarp{ padding:15px 0 0 20px;}
ul.newsListWarp li{padding-left:10px;list-style:none;display:block;min-height:25px;width:650px;line-height:25px;border-bottom:#CCC dotted 1px;margin:0;}
ul.newsListWarp span { color:#D78E02;}
ul.newsListWarp span a{ color:#D78E02;}
.newsChangePageWarp{height:20px;padding:20px;}
.newsChangePageWarp a{color:#666;}
.newsChangePageWarp span{color:#09F;}

/*---------------------------------效果----------------------------------*/
.Accordion {overflow:hidden;}
.AccordionPanel {margin:0px;padding:0px;}
.AccordionPanelTab{margin:0px;padding:2px;cursor:pointer;-moz-user-select: none;-khtml-user-select: none;height:25px;line-height:25px;}
.AccordionPanelContent{overflow:auto;height:250px;}
.AccordionPanelOpen .AccordionPanelTab{}
.AccordionFocused .AccordionPanelTab{}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab{}
/*---------------------------------purchase----------------------------------*/
ul.purchase{width:728px;float:left;display:block;padding:20px 0 0 0;}
ul.purchase li{float:left;font-weight:bold;color:#496FBA;width:142px;text-align:center;}
ul.purchase li.proTitle_p{width:300px;}

ul.purchaseContent{width:728px;float:left; display:block;border-bottom:1px solid #ccc; margin-top:15px;}
ul.purchaseContent li{float:left;font-weight:bold;line-height:22px;width:142px;text-align:center;}
ul.purchaseContent li.proTitle_p{width:290px;text-align:left;padding-left:10px;}
span.oldPrice_p{color:#9C0;text-decoration:line-through;padding:0 10px;}
span.newPrice_p{color:#F30;padding:0 10px;}

/*---------------------------------product----------------------------------*/
.productTitle{ font-size:12px;font-weight:bold; padding:20px 0 0 15px;color:#496FBA;}
.productImg{ width:230px; height:152px;padding:15px 0 0 15px;float:left;}
.contentText_01{ width:450px;float:left; padding:10px 0 0 15px;}
.contentText_02{ width:435px;float:left; padding:10px 0 0 30px;}
.size{font-weight:bold;}
.price{ padding:0 0 0 20px;}
.buy{ float:left; padding:10px 15px 0 10px;}
.down{padding:10px 0 0 0;}
ul.mainTitle{ width:700px; display:block;}
#mainTitlebg{background:url(../images/common/img_024.gif) no-repeat;}
ul.mainTitle li{width:130px;height:32px; text-align:center; margin:20px 0 0 12px;line-height:32px;float:left;background:url(../images/common/img_023.gif) no-repeat;}
ul.mainTitle li a:hover{width:130px;height:32px; text-align:center; line-height:32px;float:left;background:url(../images/common/img_024.gif) no-repeat;}
ul.mainTitle li a:hover{width:130px;height:32px; text-align:center; line-height:32px;float:left;background:url(../images/common/img_024.gif) no-repeat;}
.mainBim{width:700px;display:block;border:1px solid #BFCADE;margin:0 0 20px 12px;}
.mainText{ width:660px;padding:35px 0 0 20px;line-height:24px;}
.mainTextSub{ width:650px;padding:0 0 0 30px;line-height:24px;}
.table{ width:550px; height:100px; text-align:left; margin:10px 0 0 25px; background:#E6EAF2;line-height:24px;}
.table td{border:1px solid #BFCADE;}
.tableTitle{ font-size:16px;font-weight:bold;color:#496FBA;margin:10px 0 10px 45px;}
.tableIconbg{ margin:10px 0 10px 0px;background:url(../images/common/mbi_022.gif) no-repeat 25px;}

/*-----------------------------------buy---------------------------------------*/
.textWarp{ padding:15px 0 20px 30px;}
.txtTable{ width:650px;border:#CCC solid 1px; line-height:32px;}
.txtTable span{ margin:0 0 0 15px;}
ul.commitment{ padding:40px 0 0 50px; list-style:disc;}
ul.commitment li{line-height:24px;}
/*-----------------------------------details_02---------------------------------------*/
ul.Warum{padding:10px 0 0 40px; list-style:disc; line-height:25px; width:650px;}
.weil{color:#ff6666; font-weight:bold;padding:5px 0 0 35px;}
/*--------------------------------tutorial---------------------------------------*/
ul.tutorial{ padding:10px 0 0 50px;}
ul.tutorial li{}
ul.tutorial li span{ font-size:16px; font-weight:bold; color:#496FBA;}
/*--------------------------------about---------------------------------------*/
.about{ width:650px; padding:40px 0 0 40px;}
.faqTitle{ width:600px; font-size:15px;font-weight:bold; color:#660000;margin:30px 0 0 50px; padding:0 0 0 20px;background:url(../images/common/mbi_043.gif) no-repeat ; border-bottom:1px dashed #ccc;}
ul.faq{width:650px; padding:40px 0 0 40px; line-height:24px;}
ul.faq li{ }
ul.faq li span a{ font-weight:bold; color:#660000;}