@charset "utf-8";
/* Global CSS by goldeneyes  */
@import url("base.css");
* {-webkit-text-size-adjust:none;}

/* Base Style */
body { font:12px/150% Arial, Helvetica, sans-serif, "宋体"; color:#666; text-align:center; background:#FFF;}
a { color:#1F4F82; text-decoration:none; }
a:hover { color:#D30000; text-decoration:underline; }
a.btn-more { display:block; width:40px; height:18px; background:url(../images/btn-more.png) no-repeat; text-indent:-9999em; _overflow:hidden;}
a.btn-more:hover { background-position:0 -18px;}
p { margin-bottom:1em; text-indent:2em;}
ul.list-dot { list-style:disc;}
ul.list-dot li { margin-left:2em;}
ul.list-dot li a { color:#666; text-decoration:none;}
ul.list-dot li a:hover { color:#333; background:#E3E3E3;}
ol.list-no { list-style:decimal;}
ol.list-no li { margin-left:2em;}

/* Livehelp */
#livehelp { background-color:#F4F4F4; position:absolute; top:103px; height:338px; right:0; width:144px; text-align:left; background:url(../images/bg-livehelp.png) no-repeat; z-index:9999; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}
#livehelp h4 { padding:10px 0; font:bold 15px "微软雅黑", Arial, Helvetica, sans-serif; color:#111; }
#livehelp h5 { padding:2px 0; font:12px "微软雅黑", Arial, Helvetica, sans-serif; color:#111; border-top:1px solid #CCC;}
#livehelp .livehelp-left { float:left; width:25px; height:338px; cursor:pointer; }
#livehelp .livehelp-right { float:right; width:105px; overflow-x:hidden; }
#livehelp .livehelp-right a { margin-bottom:5px; }
a.btn-demo, a.btn-mechanism, a.btn-blue, a.btn-green { display:block; width:97px; height:26px; text-align:center; font-weight:bold; line-height:26px; color:#FFF; text-decoration:none; background:url(../images/btn.png) no-repeat;}
a.btn-mechanism, a.btn-blue { background-position:0 -52px;}
a.btn-demo:hover, a.btn-green:hover { background-position:0 -26px; color:#FFF; text-decoration:none;}
a.btn-mechanism:hover, a.btn-blue:hover { background-position:0 -78px; color:#FFF; text-decoration:none;}

/* Header */
#toplink { width:100%; height:60px; background:#002535; }
.toplink-content { position:relative; width:1000px; height:60px; margin:0 auto;}
#logo { position:absolute; left:28px; top:10px; z-index:99;}
#logo a { display:block; width:280px; height:59px; text-indent:-9999em; background:url(../images/logo.png) no-repeat;}
ul.list-toplink { position:absolute; right:200px; top:30px;}
ul.list-toplink li { float:left; display:inline;}
ul.list-toplink li a { float:left; display:block; height:22px; padding:0 6px; line-height:22px; color:#CCC; text-decoration:none;}
ul.list-toplink li a:hover { color:#FFF;}
#lang { position:absolute; width:105px; height:20px; right:20px; top:0; font-size:11px; background:url(../images/btn-lang.png) no-repeat; color:#0075A9; }
#lang:hover { background-position:0 -20px;}
#lang a:hover { color:#FFF;}
#phone { position:absolute; right:30px; top:32px; font-size:26px; color:#FFF; font-weight:bold; font-style:italic;}

/* Nav */
#nav { position:relative; width:100%; height:74px; background:url(../images/bg-nav.png) repeat-x; z-index:2;}
.nav-content { position:relative; width:1000px; height:53px; margin:0 auto; background:url(../images/bg-nav-top.png) center top no-repeat;}
ul.list-nav { position:absolute; left:20px; top:13px; }
ul.list-nav li { float:left; display:inline; margin:0 5px;}
ul.list-nav li a { float:left; display:block; height:27px; padding-right:4px; text-decoration:none;}
ul.list-nav li a:hover, ul.list-nav li a.curr { background:url(../images/btn-nav-right.gif) right center no-repeat; text-decoration:none;}
ul.list-nav li a span { display:block; float:left; height:27px; padding:0 14px 0 18px; line-height:27px; font-size:14px; color:#FFF; cursor:pointer; }
ul.list-nav li a:hover span, ul.list-nav li a.curr span { background:url(../images/btn-nav-left.gif) left center no-repeat;}

/* Testimonials */
#testimonials { position:absolute; top:45px; right:25px; width:290px; text-align:left; z-index:9999;}
h4.testimonials { position:absolute; top:50px; right:320px; width:20px; text-align:left; font:bold 15px/120% "微软雅黑", Arial, Helvetica, sans-serif; color:#FFF; z-index:9999;}
.testimonials{display:inline-block; overflow:hidden;}
.testimonials img{vertical-align:top; border:0; margin:0; padding:0}
.testimonials div{display:inline; float:left; margin:auto;}
.testimonials div.title{ width:280px; height:32px; padding-left:10px; line-height:32px; color:#111; font-weight:bold; background:url(../images/bg-testimonials-title.png) no-repeat; cursor:pointer; overflow:hidden;}
.testimonials div.content{ position:relative; display:none; width:250px; _width:240px; margin:0 5px 5px 5px; padding:10px 15px; color:#FFF; background:#246100; border:1px solid #4dc400;}
.testimonials div.content div.photo { position:absolute; right:0; bottom:0; z-index:9999;}

/* Banner */
#banner { position:relative; width:100%; height:340px; margin-top:-21px; background:#111; z-index:1; _zoom:1; text-align:left; overflow: hidden;}
a.btn-trial, a.btn-agency { position:absolute; width:156px; height:58px; bottom:60px; left:25px; text-indent:-9999em; background:url(../images/btn-trial.png) no-repeat; z-index:9999;}
 a.btn-agency { width:227px; background:url(../images/btn-agency.png) no-repeat; left:190px;}
#banner-content { position: relative; width: 1000px; height:340px; margin:0 auto; overflow: hidden; }
#pagebanner { position:relative; width:100%; height:100px; margin-top:-21px; background:#111; z-index:1; text-align:left;}
#pagebanner-content { position: relative; width: 1000px; height:60px; margin:0 auto; padding:20px 0;}
#pagebanner-content h1 { position:absolute; top:30px; left:20px; font:bold 34px/100% "微软雅黑", Arial, Helvetica, sans-serif; color:#FFF; }
#pagebanner-content h1 span { font-size:24px;}
#pagebanner.legal { background:#261a16;}
#pagebanner.legal #pagebanner-content { background:url(../images/pagebanner-legal.jpg) no-repeat;}
#pagebanner.sitemap { background:#e6c165;}
#pagebanner.sitemap #pagebanner-content { background:url(../images/pagebanner-sitemap.jpg) no-repeat;}
#pagebanner.about { background:#222;}
#pagebanner.about #pagebanner-content { background:url(../images/pagebanner-about.jpg) no-repeat;}
#pagebanner.business { background:#32403f;}
#pagebanner.business #pagebanner-content { background:url(../images/pagebanner-business.jpg) no-repeat;}
#pagebanner.culture { background:#494b07;}
#pagebanner.culture #pagebanner-content { background:url(../images/pagebanner-culture.jpg) no-repeat;}
#pagebanner.qualification { background:#44080a;}
#pagebanner.qualification #pagebanner-content { background:url(../images/pagebanner-qualification.jpg) no-repeat;}
#pagebanner.contact { background:#222;}
#pagebanner.contact #pagebanner-content { background:url(../images/pagebanner-contact.jpg) no-repeat;}
#pagebanner.recruitment { background:#222;}
#pagebanner.recruitment #pagebanner-content { background:url(../images/pagebanner-recruitment.jpg) no-repeat;}
#pagebanner.customer { background:#23222a;}
#pagebanner.customer #pagebanner-content { background:url(../images/pagebanner-customer.jpg) no-repeat;}
#pagebanner.service { background:#00202e;}
#pagebanner.service #pagebanner-content { background:url(../images/pagebanner-service.jpg) no-repeat;}
#pagebanner.experience { background:#00202e;}
#pagebanner.experience #pagebanner-content { position:relative; background:url(../images/pagebanner-experience.jpg) no-repeat;}
#pagebanner.mechanism { background:#222;}
#pagebanner.mechanism #pagebanner-content { position:relative; background:url(../images/pagebanner-mechanism.jpg) no-repeat;}
#banner-content .image-reel { position:absolute; left:0; top:0; }
#banner-content .image-reel img { float: left; }
#banner-tab { position: absolute; bottom: 0; left: 0; width: 100%; font-size:12px; height:43px; z-index: 9999; text-align: center; line-height: 43px; display: none; background:url(../images/bg-tab-banner.png) repeat-x; }
#banner-tab-content { width:1000px; height:43px; margin:0 auto;}
#banner-tab a { float:left; display:block; padding: 0 20px; text-decoration: none; color: #999; }
#banner-tab a:hover { color:#FFF;}
#banner-tab a.active { color:#FFF; background:#D30000; height:41px; border-top:2px solid #FF0000;}

/* Main */
#main { width:1000px; margin:0 auto; text-align:left;}
#position { margin:0 auto; padding:10px 0; color:#999; border-bottom:1px dotted #CCC;}
.pagenewsletter { margin:10px auto; border-top:1px solid #CCC;}
.pagenewsletter h4 { padding:10px 0; padding-left:54px; font:bold 14px "微软雅黑", Arial, Helvetica, sans-serif; color:#111; background:url(../images/icon-mail.png) 8px center no-repeat; }
.pagenewsletter input[type=text] { width:138px; height:23px; margin-top:9px; padding:0; padding-left:12px; font:11px/23px "微软雅黑", Arial, Helvetica, sans-serif; color:#FFF; border:none; vertical-align:middle; background:url(../images/input-pagemail.gif) no-repeat;}
.pagenewsletter input[type=image] { margin-top:9px; vertical-align:middle;}
.pagenewsletter .pagenewsletter-content { padding:0 20px 10px 20px;}
.knowmore { margin:10px auto; border-top:1px solid #CCC;}
.knowmore h4 { padding:10px 0; padding-left:54px; font:bold 14px "微软雅黑", Arial, Helvetica, sans-serif; color:#111; background:url(../images/icon-knowmore.png) 15px center no-repeat; }
#products { position:relative; width:766px; float:left; margin-top:10px;}
#quickintro { position:absolute; left:110px; top:0; width:600px; height:42px; background:url(../images/bg-quickintro.gif) left center no-repeat;}
.intro-video { position:absolute; left:170px;}
.intro-audio a, .intro-video a { display:block; float:left; padding:0 20px; padding-left:32px; height:39px; line-height:38px; font-size:14px; font-weight:bold; color:#666; text-decoration:none;}
.intro-audio a { background:url(../images/icon-intro-audio.gif) left center no-repeat}
.intro-video a { background:url(../images/icon-intro-video.gif) left center no-repeat}
.intro-audio a:hover { color:#333; text-decoration:none; background:#CCC url(../images/icon-intro-audio.gif) left center no-repeat}
.intro-video a:hover { color:#333; text-decoration:none; background:#CCC url(../images/icon-intro-video.gif) left center no-repeat}
/***
.newsletter { position:absolute; width:330px; height:42px; right:20px;}
.newsletter h4 { float:left; height:42px; padding:0 6px 0 45px; font-weight:bold; line-height:42px; background:url(../images/icon-mail.png) left 10px no-repeat;}
.newsletter .address { width:166px; height:23px; margin-top:9px; padding:0; padding-left:12px; font:11px/23px "微软雅黑", Arial, Helvetica, sans-serif; color:#FFF; border:none; vertical-align:middle; background:url(../images/input-mail.gif) no-repeat;}
.newsletter .sendmail { margin-top:9px; vertical-align:middle;}
***/
#products h4 { padding:10px 0; padding-left:20px; font:bold 16px "微软雅黑", Arial, Helvetica, sans-serif; color:#111;}
#points { position:relative; width:210px; float:right; margin-top:10px;}
#points ul.list-dot { position:absolute; top:35px; z-index:2;}
.pic-points { position:absolute; top:90px; right:0; z-index:1;}
#points h4 {position:relative; padding:10px 0; font:bold 16px "微软雅黑", Arial, Helvetica, sans-serif; color:#111;}
#points h4 a.btn-more { position:absolute; right:30px; top:10px;}
.box-gray { width:324px;}
.box-gray h4 { position:relative; width:300px; height:41px; padding:0; padding-left:24px; font:bold 16px/41px "微软雅黑", Arial, Helvetica, sans-serif; color:#FFF; background:url(../images/bg-title-blue.jpg) no-repeat;}
.box-gray h4 a.btn-more { position:absolute; right:15px; top:13px;}
.box-gray-content { width:294px; padding:10px 15px; background:url(../images/bg-box-gray.jpg) repeat-y;}
.box-gray-bottom { width:324px; height:10px; background:url(../images/bg-box-gray-bottom.jpg) no-repeat;}
#threeparts { margin:20px auto;}
#threeparts .box-gray { float:left;}
#tutorial, #customer, #faq { position:relative;}
#tutorial { margin-right:12px;}
#customer { margin-right:12px;}
.pic-tutorial { position:absolute; bottom:3px; right:2px;}
.pic-customer { position:absolute; bottom:3px; right:2px;}
.pic-faq { position:absolute; bottom:3px; right:-6px;}
.left { width:200px; height:800px; float:left; background:url(../images/bg-left.gif) right top no-repeat;}
.left ul.menu { margin:20px 0;}
.left ul.menu li a { display:block; width:200px; height:35px; font-weight:bold; line-height:35px; color:#666; text-align:center; background:url(../images/btn-menu.png) right top no-repeat;}
.left ul.menu li a:hover { color:#FFF; text-decoration:none; background-position: right -35px;}
.left ul.menu li a.curr { color:#FFF; background-position: right -70px;}
.content { width:720px; padding:10px 20px 20px 20px; padding-right:40px; float:right;}
.content h1 { padding:20px 0; font:bold 26px/120% "微软雅黑", Arial, Helvetica, sans-serif; color:#111; }
.content h2 { margin:20px 0 10px 0; padding:0 0 31px 0; width:720px; font:bold 16px/120% "微软雅黑", Arial, Helvetica, sans-serif; color:#111; background:url(../images/cutline-short.jpg) center bottom no-repeat;}
.content h3 { padding:10px 0 5px 0; font-size:14px; font-weight:bold; color:#111;}
.content .notice { margin:10px 0; padding:10px 0; position:relative; font-size:14px; font-weight:bold; line-height:150%; color:#D30000; }
.content .notice span.quotes-l { position:absolute; left:-30px; top:20px; font-size:80px; font-style:italic;}
.content .notice span.quotes-r { position:absolute; right:-10px; bottom:-20px; font-size:80px; font-style:italic;}
.tab-featured, .tab-category { width:960px; margin:0 auto; margin-bottom:10px; border-collapse:collapse;}
.tab-featured th, .tab-featured td, .tab-category th, .tab-category td { padding:6px; text-align:center;}
.tab-featured th, .tab-featured td { background:#F4F4F4; border-bottom:1px solid #FFF;}
.tab-featured th { font:bold 16px/120% "微软雅黑", Arial, Helvetica, sans-serif; color:#111; }
.tab-category td { border-bottom:1px dotted #CCC; text-align:center;}
.tab-category td.option { width:210px; color:#333; font-weight:bold; text-align:right;}
.tab-featured td.option { width:210px; color:#333; font-weight:bold; font-size:14px; text-align:right;}
.tab-featured td span.price { color:#D30000; font-weight:bold; font-size:16px; font-family:"Times New Roman", Times, serif;}
.category { width:935px; margin:0 auto; margin-bottom:1px; padding-left:25px; height:37px; line-height:37px; font-size:14px; font-weight:bold; color:#CCC; text-align:left; border-bottom:1px solid #333; background:url(../images/bg-category.png) no-repeat;}
.open { width:935px; margin:0 auto; margin-bottom:1px; padding-left:25px; height:37px; line-height:37px; font-size:14px; font-weight:bold; color:#FFF; text-align:left; border-bottom:1px solid #0088c2; background:url(../images/bg-category.png) 0 -37px no-repeat; cursor:pointer;}



/* BrandSlider */
#brandslider { width:960px; height:100px; margin:0 auto; margin-top:20px; _overflow:hidden;}
#brandslider a { color:#666; text-decoration:none;}
#brandslider a:hover { color:#333;}
.jcarousel-skin-tango { width:1000px; height:100px; _overflow:hidden;}
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal {}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { height: 100px; }
.jcarousel-skin-tango .jcarousel-item { width: 120px; height: 100px; overflow:hidden; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin:0 10px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 0; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 23px; right: 0px; width: 36px; height: 41px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: -20px; right:auto; background-image: url(../images/prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -36px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -72px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -108px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 23px; left: -20px; width: 36px; height: 41px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 0px; background-image: url(../images/next-horizontal.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -36px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -72px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -108px 0; }
.thumb { line-height:80px; text-align:center}

/* Footer */
#footer { position:relative; width:1000px; margin:0 auto; padding-top:10px; font-family:"微软雅黑", Arial, Helvetica, sans-serif;  border-top:1px solid #CCC;}
#logo-gray { position:absolute; left:20px; top:10px; display:none;}
.footer-nav { position:absolute; right:20px; top:18px; color:#666;}
.footer-nav a { text-decoration:none;}
.copyright { position:absolute; right:20px; top:38px; color:#666; font-size:11px;}
.gs { position:absolute; left:0; top:10px;}
.icp { position:absolute; left:115px; top:10px;}
.police { position:absolute; left:228px; top:10px;}
.blxx { position:absolute; left:340px; top:10px;}