  @charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	border:none;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	line-height:27px;
	font-size:16px;
	outline:none;
	text-decoration:none;
}
.pull_left,.logo,.nav li,.column_3 ul li,.show li,.tabs li,.owl-carousel .owl-item{
	float:left;
}
.pull_right{
	float:right;
}
.clear{clear:both;}
h1,h2,h2 a,h3,.column_3 h1 a,.column_3 h1 span,.story span{color:#333;}
h1,h1 a,.banner p big,h1 span{
	font-size:40px;
	line-height:40px;
	font-weight:lighter;
}
.width1110,.next_text,.column_text,.tab_imgbox{
	width:1110px;
	margin:0 auto;
}
.height777{
	height:777px;
}

/*header*/

#header{
	background:#188943;
	padding:7px 0;
}
.header_home{
	position:absolute;
	width:100%;
	z-index:10;
}
.nav li a,.nav li a span{
	color:#cfd1dd;
}
.nav li,.nav li a span,.column .more span{
	margin-left:20px;
}
.nav ul{
	margin-top:15px;
}
.show_below{
	padding:15px 0;
}
.show_below .button_show{
	background:url(/templets/mac/mobile-mixer_files/show.jpg) no-repeat right 8px;
	padding-right:30px;
	margin:4px 29px 0 0;
}
.show_below .button_show2{
	background:url(/templets/mac/mobile-mixer_files/showdown.png) no-repeat right 8px;;
}
.show_below a{
	color:#3d4b82;
	font-size:18px;
}
.show_below .title{
	color:#3d4c83;
	font-size:24px;
}
.show_box{
	position:relative;
	display:none;
}
.show_fixed{
	display:block;
	position:fixed;
	z-index:15;
	top:0;
	left:0;
	background:#fff;
	background: rgba(255,255,255, 0.6);
	width:100%;
	position:fixed;
}
.show{
	background:#f6f6f6;
	padding:45px 0 25px;
	position:absolute;
	width:100%;
	display:none;
	z-index:11;
}
.show ul{
	width:1140px;
	margin:0 auto;
	padding-left:30px;
}
.show ul li{
	width:255px;
	text-align:center;
	margin:0 30px 20px 0;
}
.show ul li span{
	display:block;
	padding-top:10px;
	color:#333399;
}
/*banner*/
.banner{
	position:relative;
	text-align:center;
	width:100%;
	overflow:hidden;
}
.banner_home{
	height:100%;
	background:url(/templets/mac/mobile-mixer_files/banner1.jpg) no-repeat center top;
	background-size:1920px 100%;
}
.banner_product{background:url(/templets/mac/mobile-mixer_files/product_banner1.jpg) no-repeat center top;}
.banner_design{
	background:url(/templets/mac/mobile-mixer_files/designbg.jpg) no-repeat center  top;
	padding-top:102px;
	height:675px;
}
.banner_function{background:url(/templets/mac/mobile-mixer_files/design_8bg.jpg) no-repeat  center top;}
.design_3{background:url(/templets/mac/mobile-mixer_files/design_3.jpg) no-repeat center top;}
.function4{background:url(/templets/mac/mobile-mixer_files/function4bg.jpg) no-repeat center top;}
.banner_investment{background:url(/templets/mac/mobile-mixer_files/investment_banner.jpg) no-repeat center top;}
.banner_investment2{background:url(/templets/mac/mobile-mixer_files/investment_banner2.jpg) no-repeat center top;}
.banner_specification{background:url(/templets/mac/mobile-mixer_files/specification_banner.jpg) no-repeat center top;}
.banner_fixed{
	background-attachment:fixed;
}
.banner .video{
	width:143px;
	height:39px;
	background:url(/templets/mac/mobile-mixer_files/videp.png) no-repeat left top;
	position:absolute;
	left:50%;
	top:68%;
	margin-left:-73px;
}
.banner .video:hover{
	background:url(/templets/mac/mobile-mixer_files/videphover.png) no-repeat left top;
}
.banner .text{
	margin:30px auto;
}
.banner_text1{
	position:absolute;
	bottom:0;
	width:100%;
	background:#000;
	filter: alpha(opacity=80);
	opacity:0.8;
}
.banner_text1bg{
	transition: background 3s ease-in-out;
	background:none;
}
.banner h1{
	color:#fff;
	margin-bottom:15px;
}
.banner p{
	color:#fff;
}
.banner p big{
	color:#ea6060;
}
.banner_product .text{
	margin-top:65px;
	margin-bottom:70px;
}
.banner_product h1{
	margin-bottom:30px;
}
.banner_product .text p{
	margin-top:12px;
}
.banner_product .text big{
	margin-left:30px;
}
.banner_design h1,.banner_design p{
	color:#fff;
}
.banner_design .text{
	margin:0 auto 90px;
}
.banner_design .text h1{
	margin-bottom:20px;
}
.banner_function h1{
	padding:100px 0 0;
}
.banner_investment .banner_text,.banner_specification .banner_text{
	position:absolute;
	bottom:20px;
	width:100%;
}
/*atlas*/
.column1_atlas_1{
	background:#f9f9f9;
	padding-bottom:130px
}
.column1_atlas_1 .column_text p{
	margin-bottom:65px;
}

#video0,#video1,.off{
	display:none;
}
.video{
	float:left;
}
.video1{
	margin-right:30px;
}
.video_container{
	position:relative;
}
#video0,#video1{
	position:fixed;
	position:absolute;
	z-index:101;
	background: rgba(0,0,0, 0.7);
	width:100%;
	top:0;
	left:0;
	bottom:0;
}

.column1_atlas_2 .list_img{
	margin-top:110px;
	position:relative;
}
.column1_atlas_2{
	position:relative;
}
.portfolio-item { position: relative; }
.box-bg {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	overflow:hidden;
	position:fixed;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.box-wrap {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:101;
	position:fixed;
	-webkit-backface-visibility:hidden;
}
.box-container {
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
}
.box-container:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.box-align-top .box-container:before,.box-s-ready .box-preloader {
	display:none
}
.box-content {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	text-align:left;
	z-index:1045
	border:5px solid #f00;
}
.box-preloader {
	color:#ccc;
	position:absolute;
	top:50%;
	width:auto;
	text-align:center;
	margin-top:-0.8em;
	left:8px;
	right:8px;
	z-index:102;
}
button.box-close, button.box-arrow {
	overflow:visible;
	cursor:pointer;
	background:transparent;
	border:0;
	-webkit-appearance:none;
	display:block;
	outline:none;
	padding:0;
	z-index:1046;
	-webkit-box-shadow:none;
	box-shadow:none
}
.box-close {
	width:44px;
	height:44px;
	line-height:44px;
	position:absolute;
	right:-11px;
	top:0;
	text-align:center;
	opacity:0.75;
	filter:alpha(opacity=75);
	color:white;
	font-size:28px;
}
.box-arrow{
	position:absolute;
	opacity:0.65;
	filter:alpha(opacity=65);
	margin:0;
	top:50%;
	margin-top:-55px;
	padding:0;
	width:90px;
	height:110px;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	border:5px solid #f00;

}
.box-arrow:active {
	margin-top:-54px
}
.box-arrow:hover, .box-arrow:focus {
	opacity:1;
	filter:alpha(opacity=100)
}
.box-arrow:before, .box-arrow:after, .box-arrow .box-b, .box-arrow .box-a {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:0;
	margin-top:35px;
	margin-left:35px;
	border:medium inset transparent
}
.box-arrow:after, .box-arrow .box-a {
	border-top-width:13px;
	border-bottom-width:13px;
	top:8px
}
.box-arrow:before, .box-arrow .box-b {
	border-top-width:21px;
	border-bottom-width:21px;
	opacity:0.7
}
.box-arrow-left {
	left:0
}
.box-arrow-left:after, .box-arrow-left .box-a {
	border-right:17px solid white;
	margin-left:31px
}
.box-arrow-left:before, .box-arrow-left .box-b {
	margin-left:25px;
	border-right:27px solid #3f3f3f
}
.box-arrow-right {
	right:0
}
.box-arrow-right:after, .box-arrow-right .box-a {
	border-left:17px solid white;
	margin-left:39px
}
.box-arrow-right:before, .box-arrow-right .box-b {
	border-left:27px solid #333;
}
img.box-img {
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	line-height:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px 0 40px;
	margin:0 auto
}
.box-image-holder .box-content {
	max-width:100%;
}
.box-gallery .box-image-holder img{
	cursor:pointer
}
/*design*/
.design_1,.design_7,.design_2,.design_4,.function_1,.function_2,.banner_function{
	position:relative;
}
.design_1 .tabs,.design_2 .tabs,.design_4 .tabs,.function_1 .tabs,.function_2 .tabs,.banner_function .tabs{
	position:absolute;
	z-index:10;
	top:230px;
	left:50%;
	margin-left:-163px;
}
.design .tab-content{
	text-align:center;
}
.design .tab-content .column_text,.function_1 .tab-content .column_text,.function_2 .tab-content .column_text{
	padding-top:20px;
	margin-bottom:102px;
}
.designimg{
	margin-top:50px;
	position:relative;
	right:15%;
	min-width:85%;
}
.design_1 #tab2 img{
	padding:30px 0 90px;
}
.design_2 .column_text{
	padding-top:100px;
}
.design_2 .tabs{
	top:260px;
}
.design_2 #tab3 p{
	padding-top:40px;
}
.design_2{
	padding:0 0 44px;
}
.design_3 h1,.design_3 p,.function4 p,.function4 h1,.function4 span{
	color:#fff;
}
.design_3 .column_text{
	padding-top:350px;
}
.design_4 .column_text{
	padding-top:0;
	margin-bottom:130px;
}
.design_4 .tabs{
	top:443px;
}
.design_5{
	background:#121210;
	position:relative;
}
.design_5img{
	width:50%;
	overflow:hidden;
}
.design_5img2 img{
	padding:187px 0 135px;
}
.design_5 .column_text{
	padding:0;
}
.design_5 .text{
	width:540px;
	text-align:left;
	padding-top:247px;
}
.design_5 #tab10 .text{
	padding-top:220px;
}
.design_5 h1,.design_5 span,.design_5 p{
	color:#fff;
}
.design_5 span{
	display:block;
	margin:15px 0 35px;
}
.design_5 .tabs{
	position:absolute;
	z-index:10;
}
.column_text_tabs{
	position:relative;
	top:-280px;
}
.design_6 .column_text{
	position:relative;
	padding:133px 0;
}
.design_6 .tabs{
	position:absolute;
	z-index:1;
	right:214px;
	margin-top:-170px;
}
.design_6 .text{
	width:540px;
	text-align:left;
	margin-top:140px;
}
.design_7 .tab-content{
	text-align:center;
}
/*function*/
.banner_function p{
	margin-bottom:127px;
}
.function .tab-content{
	text-align:center;
}
.function_1 #tab2 img{
	padding:30px 0 100px;
}
.functionimg img{
	display:none;
}
.functionimg3 img{
	width:10px;
	height:auto;
}
.function_2 .tabs{
	top:260px;
}
.function_2 .tab-content .column_text{
	margin-bottom:140px;
}
.function_2 #tab3 p{
	margin-bottom:0;
}
.function_2 #tab4 img{
	padding-bottom:90px;
}
.function_3{
	text-align:center;
}
.function4 .column_text{
	padding-top:115px;
}
.function4 .text{
	width:400px;
	text-align:left;
	margin-top:140px;
}
.function4 span{
	display:block;
	line-height:60px;
}
.function5{
	padding-bottom:90px;
}
.function6 .text{
	width:570px;
	margin-top:165px;
	text-align:left;
}
.function7 .text{
	width:540px;
	margin-top:105px;
	text-align:left;
}
.function7 .column_text{
	width:1170px;
	padding:170px 0 180px;
}
/*investment*/
.investment .table{
	text-align:left;
}
.investment_1 .column_text,.investment_2 .column_text{
	margin-bottom:100px;
}
.investment .td li{
	padding:25px 0 15px;
	border-bottom:1px solid #ececec;
	float:left;
}
.investment_1 .td li{
	width:375px;
	padding-left:50px;
}
.investment_2 .td li{
	width:232px;
	padding-left:45px;
}
.investment .table .th li{
	font-size:20px;
	color:#333;
}
.investment .td .td_1{
	width:145px;
	padding-left:45px;
	margin-right:70px;
}
/*specification*/
.tab-content2{
	width:760px;
	text-align:left;
	border-top:1px solid #e9e9e9;
	padding-top:20px;
}
.list_tab dd{
	float:left;
	width:33%;
}
.list_tab2 dd{
	width:35%;
}
.list_tab,.tabs2 a{
	border-bottom:1px solid #e9e9e9;
}
.list_tab{
	padding-bottom:35px;
	margin-bottom:35px;
}
.list_tab h4{
	color:#f17b01;
	font-weight:500;
}
.list_tab dl{
	clear:both;
}
.list_tab dt,dd{
	margin-top:15px; 
}
.tabs2{
	width:255px;
	border-top:1px solid #e9e9e9;
}
.tabs2 a{
	display:block;
	border-left:3px solid #fff;
	text-align:left;
	padding:18px 0 18px 62px;
}
.tabs2 .active a{
	color:#f17b01;
	border-left:3px solid #f17b01;
}
/*story*/
.story1 img{
	margin-bottom:60px;
}
.story img{
	display:block;
}
.story .text h1{
	position:relative;
	top:30px;
}
.story .text p{
	position:relative;
	top:60px;
}
.story2 .story_box{
	padding:90px 0 40px;
	overflow:hidden;
}
.story3 .storyimg{
	height:574px;
	background:url(/templets/mac/mobile-mixer_files/story3.jpg) no-repeat right center;
}
.story3 .story_box{
	padding:120px 0 40px;
	overflow:hidden;
}
.story2 .text,.story3 .text{
	width:50%;
	min-width:470px;
	max-width:540px;
	text-align:left;
	margin-top:120px;
}
.story2 span,.story3 span{
	display:block;
	line-height:60px;
}
.storyimg{
	width:52%;
}
.story2 .story2text{
	width:48%;
}
.story3 .story2text{
	width:45%;
}
.story3 img{
	width:auto;
	max-width:100%;
	height:auto
}
.story2 img{
}
.storytop .text h1,.storytop .text p{
	transition:top 400ms ease-in-out;
	top:0;
}
/*tabs--js*/
.columnbg{
	background:#f3f3f3
}
.functionbg{
	background:#f5f5f6
}
.column_text{
	padding:80px 0 0;
	text-align:center;
}
.column_textw980{
	width:980px;
}
.column_text p{
	margin:20px 0 30px;
}
.tabs{
	width:326px;
	margin:0 auto;
}
.tabs li a{
	display:block;
	text-align:center;
	line-height:40px;
	width:163px;
	background-image:url(/templets/mac/mobile-mixer_files/cutoverbg.jpg);
	background-repeat:no-repeat;
}
.tabs .active a{
	color:#f17b01;
	background-image:url(/templets/mac/mobile-mixer_files/cutoverbgactive.jpg);
	background-repeat:no-repeat;
}
.active .tbas_left{background-position: left top;}
.tbas_right{background-position:right top;}
.columnbg .tabs li a{background-image:url(/templets/mac/mobile-mixer_files/cutoverbg2.jpg);}
.columnbg .tabs .active a{background-image:url(/templets/mac/mobile-mixer_files/cutoverbgactive2.jpg);}
.design_5 .tabs li a{background-image:url(/templets/mac/mobile-mixer_files/cutoverbg3.jpg);}
.design_5 .tabs .active a{background-image:url(/templets/mac/mobile-mixer_files/cutoverbgactive3.jpg);}
.banner .tabs li a{background-image:url(/templets/mac/mobile-mixer_files/cutoverbg4.gif);}
.banner .tabs .active a{background-image:url(/templets/mac/mobile-mixer_files/cutoverbgactive4.gif);}
.tab_imgbox{
	overflow:hidden;
}
.tab-pane{
	display:none;
}
.tab-content .active{
	display:block;
}
.tab_img{
	position:relative;
}
.contrast{
	text-align:center;
	padding:50px 0 85px;
}
.contrast_img{
	margin:0 auto;
	width:820px;
}
.contrast_img span{
	margin:0 49px;
	display:block;
	width:312px;
	float:left;
	color:#999;
}
.contrast_img span img{
	margin-bottom:20px;
}
.column_tab4 .contrast_img span{
	float:none;
	margin:0 auto;
}
.products .table{
	text-align:left;
	border-top:1px solid #ececec;
	margin-top:45px;
	padding-top:10px;
}
.products .table .tr{
	width:1168px;
	margin:0 auto;
	padding:25px 0 15px;
	border-bottom:1px solid #ececec;
}
.products .table .td li{
	color:#999;
	float:left;
	width:247px;
	padding-left:45px;
}
.products .table .th li{
	font-size:20px;
	color:#666;
}
.table_text{
	margin-top:30px;
	text-align:left;
	margin:30px auto 0;
}
.table_text p{
	color:#999;
}
.column3 .column_text,.column_tab3 .tabs{
	overflow:hidden;
}
.tab_img1,.tab_img6{
	left:100%;
	top:0;
}
.tab_img2,.tab_img5{
	left:-100%;
	top:0;
}
.tab_img3{
	left:0;
	top:504px;
}
.col_img1{
	bottom:-446px;
	left:0;
	text-align:center;
}
.tab_img_scroll{
	transition: top 300ms linear;
	top:0;
}
.tab_img_scroll2{
	transition:left 400ms ease-in-out;
	left:0;
}
.tab_img_scroll3{
	transition: bottom 500ms linear;
	bottom:-50px;
}
.tab_img4{
	height:533px;
}
.tab_img7{
	height:500px;
}
.designimg{
	height:481px;
}
.design_box {
	height:419px;
}
.design_4 .design_img{
	height:313px;
	margin-bottom:210px;
}
.design_4 .design_img2 img{
	padding-top:100px;
}
.design_4 .design_img2{
	margin-bottom:160px;
}
.design_7{
	width:100%;
}
.design_7 .design_text{
	position:absolute;
	z-index:1;
	width:100%;
}
.design_7 .tab_imgbox{
	width:100%;
}
.design_7 #tab14{
	padding:264px 0 50px;
}
.functionimg{
	height:603px;
}
.functionimg2{
	height:599px;
}
.functionimg3{
	margin-top:58px;
	height:617px;
}
.functionimg5{
	height:425px;
}
.tab_img4 img,.tab_img7 img,.designimg img,.design_box img,.design_4 .column_text img,.functionimg2 img,.functionimg5 img{
	display:none;
}
.tab_img_scroll4 img{
	transition:width 700ms ease-in-out;
	width:1170px;
}
.roll_top{
	position:fixed;
	bottom:60px;
	right:30px;
	width:50px;
	height:50px;
	background-image:url(/templets/mac/mobile-mixer_files/top.png);
	background-position:left top;
}
.roll_top:hover{
	background-position:left bottom;
}
.next_text{
	padding:40px 0 30px;
}
.next_text a{
	padding-right:25px;
	font-size:18px;
	background:url(/templets/mac/mobile-mixer_files/nextbg.jpg) no-repeat right center;
}
/*footer*/
#footer{
	width:1170px;
	margin:80px auto 0;
}
#footer h2{
	font-size:20px;
	color:#666;
	font-weight:lighter;
}
.f_col{
	margin-right:95px;
}
.f_col_4 p{
	font-size:14px;
	color:#979595;
}
.f_col_4 big{
	font-size:28px;
	font-family:"Segoe UI";
	display:block;
	padding:25px 0 14px;
	clear:both;
}
.f_col_1{
	width:190px;
}
.f_col_2{
	width:140px;
}
.f_col_3{
	width:226px;
}
.f_col_4{
	text-align:right;
	width:261px;
	margin-right:0;
	margin-top:5px;
}
.f_col_4 .online{
	background:url(/templets/mac/mobile-mixer_files/zixun.jpg) no-repeat;
	width:153px;
	height:38px;
	float:right;
}
.f_col_4 .online:hover{
	background:url(/templets/mac/mobile-mixer_files/zixun_2.jpg) no-repeat;
}
.f_col h2{
	margin-bottom:25px;
}
.footer_link{
	margin-top:90px;
	border-top:1px solid #b2341d;;
	padding:20px 30px 40px;
}
.footer_link p,.footer_link span a{
	font-size:14px;
	color:#b9b9b9;
}
.footer_link span a{
	margin-left:10px;
}
.column .more,.column .more span{
	color:#f17d00;
	font-size:18px;
}
.column_warp{
	position:relative;
	height:100%;
	overflow:hidden;
}
.column_warp .text{
	margin:auto;
	margin-top:90px;
}
.column_1{
	text-align:center;
}
.column_1 p{
	margin:25px 0 30px;
}
.column_1 .text{
	width:980px;
}
.column_1 .text p,.column_1 .text h1,.column_1 a{
	position:relative;
	top:30px;
}
.column_top .text p,.column_top .text h1,.column_top a{
	transition:top 300ms ease-in-out;
	top:0;
}
.column_1_warp_bg{
	background:#f3f3f3
}
.col_img{
	position:relative;
}
.column_2{
	background:#f3f3f3 url(/templets/mac/mobile-mixer_files/col_2.jpg) no-repeat center top;
}
.column_left,.column_right{
	width:50%;
}
.column_2investment{
	background-image:none;
}
.column_2investment .column_left{background:url(/templets/mac/mobile-mixer_files/investment3.jpg) no-repeat right center;}
.column_2investment h1{
	line-height:50px;
}
.column_2 p{
	margin:20px 0 30px;
}
.column_2{
	position:relative;
}
.column_right .text{
	max-width:445px;
	margin-left:85px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-90px;
	padding:30px;background: rgba(0,0,0, 0.8); 
}
.column_right .text h1,.column_right .text p{ color:#fff;}
.column_3{
	border-bottom:1px solid #d6d6d6;
}
.column_3 .text{
	width:938px;
	margin:90px auto 40px;
	text-align:center;
}
.column_3 .text p{
	margin:25px auto 30px;
}
.column_3 .item{
	text-align:center;
	margin:0 13px;
	padding-bottom:76px;
}
.column_3 h2 a{
	font-weight:lighter;
	color:#585858;
	font-size:23px;
}
.column_3 h2{
	margin:25px 0 5px;
}
.column_3 .item p{
	font-size:14px;
	color:#777;
}
.column_3 .item img{
	display:block;
}
.column_3 .item{
}
.column_3 .item:hover{
	background:#f3f3f3;
}
.column_3 .item:hover h2 a,.column_3 .item:hover p{
	color:#f17b01;
}
.column_4_warp{
	background:#f5f5f6;
	text-align:center;
}
.column_4 .text{
	padding-top:30px;
}
.column_4 .text p,.column_5 p,.column_6 p{
	margin:20px auto 30px;
}
.col_4_img{
	margin-top:13px;
}
.column_5{
	text-align:center;
	overflow:hidden;
	padding-bottom:70px;
}
.list_img{
	width:1140px;
	padding-top:50px;
	margin:0 auto;
}
.list_img li{
	float:left;
	margin-right:30px;
	position:relative;
	width:255px;
	margin-bottom:30px;
}
.list_img li img{
	display:block;
}
.list_img li span{
	position:absolute;
	top:0;
	z-index:9;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	padding-top:80px;
	background:#000;
	color:#fff;
	border-radius:5px;
	filter: alpha(opacity=0);
	opacity:0;
}
.list_img li a:hover span{
	transition: opacity 400ms ease-in-out;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.column_6_warp{
	background:url(/templets/mac/mobile-mixer_files/col_6.jpg) no-repeat center top;
}
.column_6 h1,.column_6 span,.column_6 p{
	color:#fff;
}
.column_6 h1 span{
	margin-top:15px;
	display:block;
}
.column_warp .column_6 .text{
	margin:224px 0 0;
	width:562px;
}
.column_6_warp2 .text{
	width:562px;
	padding-top:224px;
}
.column_6 .text2{
	padding:190px 0 280px;
	width:562px;
}
.column_1 h1,.hommbody .column_2 h1,.column_3 h1,.column_4 h1,.column_5 h1,.hommbody.column_6 h1{
	position:relative;
	top:15px;
}
.column_1 p,.hommbody .column_2 p,.column_3 .text p,.column_4 p,.column_5 p,.hommbody .column_6 p{
	position:relative;
	top:30px;
}
.column_top p,.column_top .text p,.column_top h1{
	-moz-transition:top 600ms ease-in-out;
	transition:top 400ms ease-in-out;
	top:0;
}
.hommbody{
	height:100%;
}
.container {
	height:100%;
*height:auto
}
.page{
	height:100%;
}
.pager-wrap a{
	font-size:26px;
}
.pager-wrap {
	margin:-135px 0 0;
	position:fixed;
	right:0;
	top:50%;
	z-index:4;
}
.pager-link {
	display:block;
	height:30px;
	text-align:center;
	width:30px;
	color:#ccc;
}
.onpage_intro .pager-link.pager-link-0 {
	color:#777;
	cursor:default;
}
.onpage_buy .pager-link.pager-link-1,.onpage_gps .pager-link-2,.onpage_sound .pager-link.pager-link-3 ,
.onpage_ble .pager-link.pager-link-4 ,.onpage_sos .pager-link.pager-link-5,.onpage_cloud .pager-link.pager-link-6,
.onpage_footer .pager-link.pager-link-7 {
	color:#777;

}
.column_8_warp{
	background:url(/templets/mac/mobile-mixer_files/design_8bg.jpg) no-repeat  center center;
	text-align:center;
}
.column_8_warp img{
	margin-top:85px;
}
.carousel-warp{
	position:relative;
}
.owl-carousel{
	display: none;
	position: relative;
	-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%;
}
#dragContainer{
	position:relative; margin: 50px auto 0;width:1072px;height:7px;
	}
#dragDiv{
	background-color:blue;height:7px;width:180px;
	}
.noneimg{
	display:none;
}