body{ background:#ddd; margin:10px 0;}
*{ font-size:14px; color:#000;}
.top,.main, .bottom{ width:980px; margin:0 auto; }
.top{ background:#fff; height:168px;}
.top .wrap{ padding:0 20px;}
.logo{ float:left; width:480px; height:80px; line-height:80px; text-align:left; margin-top:10px; margin-bottom:10px;}
.logo img{ max-width:480px; max-height:80px;}
.phone{ float:left;width:300px; height:120px; text-align:right;}
.phone .dt{ display:none;}
.phone .hotline{ display:inline-block; height:40px; color:#fff; background:#245998; vertical-align:top;}
.phone .hotline .dd{ display:block; background:url(phone.png) no-repeat 20px center; height:40px; line-height:40px; color:#fff; padding-left:50px; padding-right:20px; font-size:18px;}
.phone .mail{display:inline-block; width:75px; height:40px; background:#ffcc00; vertical-align:top;}
.phone .mail .dd a{ display:block; background:url(mail.png) no-repeat 20px center; height:40px; padding-left:1999px; overflow:hidden;}
.lng{ float:right; width:260px; height:40px; background:#245998; text-align:center;}
.lng .cn a{ display:inline-block; background:url(lng.png) no-repeat 0 7px; text-indent:12px; padding:0 10px; color:#fff; margin-top:9px;}
.lng .en a{ display:inline-block; background:url(lng.png) no-repeat 0 -12px; text-indent:12px; padding:0 10px; color:#fff; margin-top:9px;}
.menu{ padding:0 20px; font-size:0; clear:both; background:#245998;}
.menu .MenuCenter{ display:inline-block; width:940px; z-index:100;}
.menu li{ float:left;position:relative;}
.menu li a{ display:block; padding:0 35px; height:48px; line-height:48px; font-weight:bold; font-size:15px; color:#fff;}
.menu .SubMenu1{ display:none; width:130px; position:absolute; z-index:100;}
.menu li li{ float:none; height:36px; background:#245998; position:relative;}
.menu li li:hover,.menu li li:hover a{ background:#eee; color:#245998;}
.menu li li a{ display:block; line-height:36px; height:36px; color:#eee; text-align:center; white-space:nowrap; background:#245998; font-weight:normal;}
.menu .SubMenu2{ display:none; left:128px; top:0; position:absolute; z-index:120;}
.menu li li:hover .SubMenu2{ display:block; width:auto;}
.menu li li:hover .SubMenu2 li a{ text-align:left;}
.menu li li:hover .SubMenu2 li:hover a{ background:#245998; color:#fff;}
.banner{ width:980px; height:330px; margin:0 auto; background:#fff; text-align:center;}
.sbanner{ width:980px; height:190px; margin:0 auto; background:#fff; text-align:center; overflow:hidden;}
.slide { position: relative; width:940px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.ban_c { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.ban_t { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 20px; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: #333; background: rgba(0,0,0,.5); z-index: 3; }
.ban_nav { position: absolute; bottom: 4px; left: 0; width: 100%; text-align: center; z-index: 4; }
.ban_c img { width: 100%; height: 100%; }
.ban_nav a { display: inline-block; vertical-align: middle; width: 12px; height: 12px; line-height: 14px; overflow: hidden; text-align: center; margin-left: 8px; cursor: pointer; text-decoration: none; font-size: 10px; -webkit-text-size-adjust: none; background: #ccc; text-indent:14px; border-radius:6px;}
.ban_nav .on { background: #f90; color: #fff; }
.Left, .Right { cursor: pointer; }
.pro1{ width:980px;}
.pro1 *{ background:#fff;}
.Margin ul{ display:inline-block; margin-top:25px;margin-bottom:25px;}
.Margin li{ float:left; display:inline-block; width:288px; height:400px; margin-left:26px; border:1px solid #ddd; -webkit-box-shadow: 3px 3px 3px #ddd;-moz-box-shadow: 3px 3px 3px #ddd; box-shadow: 3px 3px 3px #ddd;}
.Margin li .mode{ display:none;}
.bottom{ margin-bottom:10px;}
.bottom *{ background:#245998; font-size:12px;}
#Navigator.submenu{ width:980px; height:80px;}
.dmenu .MenuCenter{ display:inline-block; width:940px; height:60px; line-height:60px; margin:20px; border-bottom:1px solid #6BA6B6; }
.dmenu ul{ display:inline-block; }
.dmenu li{ float:left; color:#fff;}
.dmenu li a{ display:inline-block; margin:auto 20px; color:#fff;}
.dmenu li.menutop.li4 { border-right:0px;}
.dmenu li .a1,.dmenu li .a2,.dmenu li .sela{ text-transform:lowercase; }
.dmenu li .a1:first-letter,.dmenu li .a2:first-letter,.dmenu li .sela:first-letter{ text-transform:uppercase;}
.copyright .wrap { width:940px; margin:0 20px; padding-bottom:30px;}
.copyright *{ color:#85C0CA;}
.main{ background:#fff;}
.frame{ padding:30px 20px;}
.guide{ background:url(bgg.png) repeat-x 0 18px;}
.NavigatorTitle{ display:inline-block; font-size:20px; color:#000; background:url(titlebg.png) no-repeat #fff left 0; height:40px; line-height:45px; padding-right:20px;}
.NavigatorTitle:first-letter{ font-size: 1.8em; line-height:35px; padding-left:0.2em; vertical-align:top; font-family:Georgia, "Times New Roman", Times, serif;color:#fff; margin-right:10px;}
.GuideMap{ text-align:right; color:#888;}
.GuideMap *{ color:#888;}
.body{ padding:20px;}
#ProductDetail .Title{ font-size:30px; font-weight:bold; text-align:center;}
.Log{ display:none}
.Picture{ text-align:center;}
#ProductDetail img{ max-width:900px;}
#ProductView li{ float:left; width:192px; height:222px; text-align:center; margin:10px; padding:4px; border:1px solid #eee; box-shadow:5px 5px 5px #eee;}
#ProductView li:hover{ background:#f8f8f8;}
#ProductView .thumbs{ display:block;}
#ProductView .thumbs a{ display:table-cell; width:192px; height:192px; font-size:0; vertical-align:middle;}
#ProductView img{ max-width:192px; max-height:168px;}
#ProductView .atext{ display:block;}
.Pagination{ display:inline-block; width:100%; margin-top:20px; border-top:1px dotted #ccc; text-align:center; line-height:50px;}
.Pagination input{ height:20px; line-height:18px;}
#Telephonist{ background-image:url(server.jpg);}