@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html {font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body {
	 font-family: "Arial","Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;
	 font-size:14px;
	 margin: 0 auto; 
	 color: #4b4b4b; 
	 background-color: #fff;
	 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul ,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #3399ff; color: #fff; text-shadow: none; }
::selection { background: #3399ff; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a *{-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
input,textarea{
	border:0;
	background:none;
	outline:0;
	resize:none;
	}
h1,h2,h3,h4{
	font-weight:normal;
	}
em,i{
	font-style:normal;
	}
p + p, p + .lead {
    margin-top:0;
	}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: #cc0000;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #9c9c9c;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 8px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #c61210;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:0%;background: url(../images/a_l3.png) no-repeat 0 bottom;}
.bx-wrapper .bx-next {right: 0%;background: url(../images/a_r3.png) no-repeat right bottom;}
.bx-wrapper .bx-prev:hover {background-position: 0 top;}
.bx-wrapper .bx-next:hover {background-position: right top;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 30px;height:30px;text-indent: -9999px;z-index: 999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;/*background: url(images/controls.png) -86px -11px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;
outline: 0;/*background: url(images/controls.png) -86px -44px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 100%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.bx-viewport{ overflow:hidden;}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {  }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.01,.01);transform:scale(.01,.01);opacity:0}70%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(.01,.01);transform:scale(.01,.01);opacity:0}70%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0}}.uth{width:100%;height:920px;position:relative;font-family:ProximaRegular;overflow:hidden}.uth .transition{transition:all 800ms cubic-bezier(.42,.005,.07,1)}.uth .description{position:absolute;top:40px;left:15%;color:#fff;z-index:100;max-width:450px}.uth .description h2{margin:0;font-weight:400;font-size:12px;font-family:GothamBold,sans-serif;text-transform:uppercase}.uth .description h1{margin:20px 0 50px;font-weight:400;font-size:38px;font-family:GothamThin,sans-serif;text-transform:uppercase}.uth .description p{font-family:ProximaRegular,sans-serif;font-size:13px}.uth .description h1,.uth .description h2{color:#c4c4c5}.uth .grid{overflow:hidden;background:#093e68;box-shadow:inset -5px 0 5px 0 rgba(0,0,0,.5)}.uth .grid,.uth .grid .pattern{position:absolute;top:0;bottom:0;left:0}.uth .grid .pattern{right:0;background-image:url('assets/img/a9/BG-pattern.png')}.uth .man{left:1000px;width:400px;background-image:url('assets/img/a9/man.png');background-position:50% 140%}.uth .man,.uth .cad{position:absolute;top:0;bottom:0;background-repeat:no-repeat}.uth .cad{right:0;width:578px;background-image:url('assets/img/a9/A9-cad.png');background-position:50% 50%}.uth .cad .measurement{position:absolute;color:rgba(255,255,255,.6);text-align:center;font-size:14px}.uth .cad .measurement.top{top:122px;left:331px}.uth .cad .measurement.left{top:504px;left:8px;text-align:right}.uth .cad .details{position:absolute}.uth .cad .details span{display:block;position:absolute;color:#fff;font-size:14px;visibility:hidden;opacity:0;pointer-events:none;transition:all .8s cubic-bezier(.42,.005,.07,1)}.uth .cad .details:after{content:'';display:block;width:30px;height:30px;background-image:url('assets/img/a9/nav-plus.png');background-size:100%;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;transition:all .3s cubic-bezier(.42,.005,.07,1)}.uth .cad .details:before{content:'';display:block;position:absolute;transition:all .8s cubic-bezier(.42,.005,.07,1);visibility:hidden;opacity:0;pointer-events:none}.uth .cad .details.amplifier{top:510px;left:250px}.uth .cad .details.amplifier span{width:220px;bottom:-83px;left:-339px}.uth .cad .details.amplifier:before{top:-46px;left:-339px;width:393px;height:166px;background-image:url('assets/img/a9/over-ampli.png')}.uth .cad .details.bass{top:432px;left:400px}.uth .cad .details.bass span{width:220px;bottom:20px;left:-489px}.uth .cad .details.bass:before{left:-489px;top:-71px;width:503px;height:116px;background-image:url('assets/img/a9/over-bass.png')}.uth .cad .details.bass-reflex{top:261px;left:430px}.uth .cad .details.bass-reflex span{width:200px;bottom:21px;left:110px;text-align:right}.uth .cad .details.bass-reflex:before{left:-118px;top:-21px;width:428px;height:121px;background-image:url('assets/img/a9/over-bassreflex.png')}.uth .cad .details.midrange{top:380px;left:196px}.uth .cad .details.midrange span{width:220px;bottom:105px;left:-284px}.uth .cad .details.midrange:before{left:-284px;top:-90px;width:632px;height:151px;background-image:url('assets/img/a9/over-midrange.png')}.uth .cad .details.network{top:606px;left:336px}.uth .cad .details.network span{width:300px;bottom:-110px;left:-425px}.uth .cad .details.network:before{left:-425px;top:-116px;width:571px;height:263px;background-image:url('assets/img/a9/over-network.png')}.uth .cad .details.tweeter{top:463px;left:535px}.uth .cad .details.tweeter span{width:200px;bottom:20px;left:5px;text-align:right}.uth .cad .details.tweeter:before{left:-360px;top:-11px;width:563px;height:27px;background-image:url('assets/img/a9/over-tweeter.png')}.uth .cad .details.spotify{top:571px;left:420px}.uth .cad .details.spotify span{width:200px;bottom:20px;left:118px;text-align:right}.uth .cad .details.spotify:before{left:-115px;top:-81px;width:433px;height:124px;background-image:url('assets/img/a9/over-spotify.png')}.uth .cad .details:hover:after{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.uth .cad .details:hover:before,.uth .cad .details:hover span{visibility:visible;opacity:1}.uth .normal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f1f1f1;overflow:hidden}.uth .normal span.product{position:absolute;top:0;bottom:0;right:0;width:449px;background-image:url('assets/img/a9/A9-normal.png');background-repeat:no-repeat;background-position:50% 223px}.uth .drag{position:absolute;width:50px;height:50px;bottom:90px;right:20%;background-image:url('assets/img/a9/nav-button-bg.png');cursor:move}.uth .drag,.uth .drag .arrows{background-repeat:no-repeat;background-size:80%;background-position:50% 50%}.uth .drag .arrows{display:block;opacity:1;visibility:visible;width:100%;height:100%;background-image:url('assets/img/a9/nav-button-arrows_loop.gif');transition:all .4s cubic-bezier(.42,.005,.07,1)}/* .uth .drag:hover{background-image:url('assets/img/a9/nav-button-hover.png')} *//*
.uth .drag:hover .arrows{opacity:0;visibility:hidden}
*/

/* 360旋转 */
.paddle,.paddle-small{position:absolute;color:#fff;text-indent:100%;white-space:nowrap;display:block;width:35px;height:35px;text-decoration:none;background-color:#000;outline:5px solid rgba(255,255,255,0.15);overflow:hidden}
.paddle:before,.paddle-small:before{content:"\e608";font-family:'glyphicon';font-size:26px;font-size:1.3rem;line-height:36px;text-align:center;text-indent:0;position:absolute;top:0;left:0;width:35px;height:35px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}
.paddle:hover,.paddle-small:hover{color:#ff5a00;outline:5px solid rgba(255,255,255,0.15)}
.paddle-left,.paddle-small-left{left:0}
.paddle-right,.paddle-small-right{right:0}
.paddle-right:before,.paddle-small-right:before{content:"\e609"}      
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}
.dot-nav{text-align:center;width:100%;height:50px}
.dot-nav ul,.dot-nav ol{display:inline-block;margin:0;padding:0;list-style-type:none}
.dot-nav li{display:table-cell;font-size:10px;font-size:.5rem;font-weight:400;line-height:1;color:#999;height:50px;padding:0 .65em;vertical-align:middle;cursor:pointer}
.dot-nav li.active,.dot-nav li:hover{color:#ff3c00}
.dot-nav li a{color:inherit;text-decoration:none}