@charset "utf-8";
/* CSS Document */
.designimg img{
	width:auto;
	max-width:100%;
}

@media all and (max-width:1190px){

.page{
	height:auto;
}
.page-intro{
	height:100%;
}
.width1110,.next_text,.column_text,.tab_imgbox,#footer,.function7 .column_text,.contrast_img{
	width:98%;
}
.show ul,.list_img,.products .table .tr{
	width:100%;
}
.banner_design .text,.column_textw980,.banner .text,.column_1 .text,.column_3 .text{
	width:98%;
}
.design_1,.design_2,.design_4,.design_5,.design_6,.width1110,.column1_atlas_1,.function,.functionbg,.function_3,.function6,.next_text,.banner_function,.design_7 p,.products .column,.column_1_warp {
	padding-left:20px;
	padding-right:20px;
}
#footer .width1110,.nav,.banner_design .width1110,.products .column_6 .text2{
	padding:0;
}
.show_below {
	padding:15px 0; 
}
	.width1110,.nav li,.show ul,.banner_design,.investment .td li,.products .table .tr,.products .table li,.products .table,.function,.functionbg,.function_3,.function6,.next_text ,.banner_function,.function4 .text,.design ,.design_6,.design_7 p{
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	.logo img,.show_below img,.show ul li img,.banner_design img,.designimg img,.column_tab img,.column_8_warp img,.story img,.list_img img,.video img,.bannerimg img,.functionimg img,.tab_img_scroll4 img,.functionimg5 img,.function6 img,.banner img,.function4 img,.function7 img,.function_1 #tab2 img,
	.design_5img img,.design_6 img,.design_7 img,.col_4_img,.col_img img,.column_3 ul li img,.item img{
		width:auto;
		max-width:100%;
		height:auto;
	}
.show ul{
	margin:0 auto;
	padding:0 10px;
}
.show ul li,.list_img li{
	width:23.5%;
	margin-right:2%;
}
.show ul li:nth-child(4n),.list_img li:nth-child(4n){
	margin-right:0;
}
.height777,.banner_design,.designimg,.design_box,.design_4 .design_img,.tab_img4,.tab_img7,.functionimg,.functionimg2,.functionimg3,.functionimg5{
	height:auto;
}
.design_3,.banner_specification,.column_2investment .column_left,.banner_investment{
	height:auto;
	padding:180px 0;
}
.design_3 .column_text,.column_6_warp2 .text{
	padding:0;
}
.design_4 .design_img,.story1 img{
	margin-bottom:20px;
}
.f_col{
	margin-right:3%;
}
.f_col_1,.f_col_2{
	width:17%;
}
.f_col_3,.products .table .td li{
	width:25%;
}
.f_col_4{
	width:32%;
	margin-right:0;
	float:right;
}
.story{
	padding:0 20px 20px;
}
.story2 .text,.story3 .text{
	width:100%;
	min-width:50%;
	margin-top:60px;
}
.story2 .story_box,.story3 .story_box,.column_text,.column_2_warp .column_2{
	padding:40px 0 20px;
}
.story3 .storyimg{
	background-size:auto 120%;
	background-position:center top;
	height:300px;
}
.story2 span, .story3 span{
	font-size:32px;
	display:inline-block;
}
.list_img li span{
	padding-top:30%;
}
.video,.function4 .pull_left,.design_5 .text,.contrast_img span{
	width:48%;
}

.video1{
	margin-right:4%;
}
.column_6_warp2 .text,.column_6 .text2,.column_warp .column_6 .text{
	width:54%;
}
.column_6 .text2,.column_6_warp{
	padding:60px 0;
}
.column_6_warp{
	background-size:120% 100%;
}
.banner_specification,.column_2investment .column_left,.banner_investment,.column_2{
	background-size:100% 100%;
	}
.tabs2{
	width:30%;
}
.tab-content2{
	width:68%;
}
.tabs2 a{
	padding-left:30px;
}
.list_tab dd{
	width:auto;
	margin-right:30px;
	margin-top:10px;
}
.column_right .text{
	max-width:100%;
	margin-left:15px;
	position:relative;
	top:0;
	left:0;
	margin-top:15px;
}
.column_2 p{
	margin:10px 0;
}
.investment_1 .td li{
	width:36%;
	padding-left:20px;
}
.investment .td .td_1{
	width:25%;
	padding-left:20px;
	margin-right:3%;
}
.investment_2 .td li{
	width:25%;
	padding-left:15px;
}
.function6 .text{
	width:58%;
	margin-top:100px;
}
.function6 .pull_right{
	width:40%;
}
.function4 .text{
	margin-top:80px;
}
.function4 .text,.function7 .text,.design_6 .text{
	width:52%;
}
.function4 .column_text{
	padding:30px 0 0;
}
.function7 .pull_left,.design_6 .pull_left{
	width:46%;
}
.function7 .column_text{
	padding:30px 0;
}
.function7 .text,.design_6 .text{
	margin-top:60px;
}
.contrast_img span{
	margin:0 1%;
	text-align:center;
}
.contrast_img span img{
	display:block;
	margin:auto;
}
.column_warp .column_6 .text{
	margin-top:20px;
}
.column_warp{
	height:auto;
	overflow:visible;
}
.column_3 ul{
	width:175% !important;
}
.column_3 ul li{
	margin-right:1%;
	text-align:center;
	width:13%;
}
.column_3 ul li:last-child{
	margin:0;
}

#bscrollbar-handel{
	cursor:move;
	width:14%;
	background:#3d4c82;
	height:7px;
	overflow:hidden;
	position:absolute;
	bottom:0;
}
.banner_fixed{
	background-attachment:scroll;
}
/*tabs*/
.design_1 .tabs,.design_2 .tabs,.design_4 .tabs, .function_1 .tabs,.function_2 .tabs,.banner_function .tabs{
	position:relative;
	top:0;
}
.design .tab-content .column_text, .function_1 .tab-content .column_text, .function_2 .tab-content .column_text{
	margin-bottom:0;
}
.design_4 .design_img2{
	margin-bottom:20px;
}
.design_2 #tab3 p,.design_5img2 img{
	padding-top:20px;
}
.design_5 .tabs{
	bottom:20px;
}
.column_text_tabs{
	top:auto;
}
.design_6 .tabs{
	margin-top:-180px;
	right:auto;
	left:48%;
}
.design_5 .text,.design_5 #tab10 .text{
	padding:20px 0 50px;
}
#dragContainer{
	width:100%;
	}
#dragDiv{
width:10%;
	}
	.column_3 .item{
		height:296px;
		overflow:hidden;
		padding:0;
	}
.banner_function p{
	margin:20px auto 30px;
}
.banner_function #bannertab2 img{
	padding-bottom:10px;
}
.column_8_warp .column_text,.column_8_warp{
	padding-bottom:0;
}
}
@media all and (max-width:980px) and (min-width:768px){
	.nav li, .nav li a span{
		margin-left:7px;
	}
	.nav ul{
		margin-top:10px;
	}
	.show ul li{
		margin-bottom:10px;
	}
}
@media all and (max-width:980px) {
	.logo{
		width:200px;
	}
	.banner_design{
		padding:50px 20px 0;
	}
	.banner_design .text{
		margin-bottom:30px;
	}
	.list_img li{
		margin-bottom:15px;
	}
	.column1_atlas_1{
		padding-bottom:30px;
	}
	.design_6 .tabs{
	margin-top:-80px;
}

}
@media all and (max-width:820px){
	h1, h1 a,.column h1, .column_3 h1 a,h1 span,
	.story2 span, .story3 span{
	font-size:28px;
}

	 .banner_design p{font-size:14px;}
	 .column_5{
	padding-bottom:0;
}
.function7 .text,.function7 .text p{
	margin:0;
}
.design_6 .tabs{
	margin-top:-30px;
}
.design_6 .column_text{
	padding:20px 0 40px;
}
.design_7 .design_text{
	position:relative;
}
.design_7 .design_text .tabs,.design_4 .column_text{
	margin-bottom:20px;
}
.design_7 #tab14{
	padding-top:20px;

}
}
@media all and (max-width:767px){
	#pull{
		display:block;
		width:30px;
		height:17px;
		background:url(/templets/mac/images/pull.jpg) no-repeat left top;
		margin-top:13px;
	}
	.nav ul{
		width:100%;
		display:none;
	}
	.nav li, .nav li a span{
		margin-left:14px;
	}
	.f_col{
	margin-right:2%;
}
.f_col_1,.f_col_2{
	width:14%;
}
.f_col_3{
	width:30%;
}
.f_col_4{
	width:36%;
	margin-right:0;
}
.f_col_4 big{
	font-size:28px;
}
.f_col_4 p{
	font-size:12px;
}
.footer_link{
	margin-top:30px;
	padding:10px 0 15px;
}
.footer_link span{
	float:none;
	display:block;
}
.footer_link span a{
	margin-left:0;
}


.column_text,.banner_function h1{
	padding-top:40px;
}
.story3 .story2text,.story2 .story2text,.story3 .storyimg,.storyimg{
	width:100%;

}
.story2 .text,.story3 .text{
	max-width:100%;
	text-align:center;
	margin-top:10px;
}
.story3 .storyimg{
	height:240px;
}

.column_6_warp2 .text,.column_6 .text2,.column_warp .column_6 .text{
	width:70%;
}
.column_6_warp{
	background-size:165% 100%;
}
.tabs2 a{
	padding-left:10px
}
.list_tab{
	padding-bottom:15px;
	margin-bottom:15px;
}
.investment .td li{
	padding:10px 0 6px;

}
.investment_2  .td li{
	text-align:center;
}
.investment_2  .td li:nth-child(1),
.investment_2  .td li:nth-child(2){
	width:21%;
}
.investment_2  .td li:nth-child(3),
.investment_2  .td li:nth-child(4){
	width:29%;
}


.function6 .text{
	margin-top:60px;
}
.function4 .text,.functionimg3{
	margin-top:0;
}
.function4 .column_text p{
	margin:0;
}
.products .table .td li{
	padding-left:0;
	text-align:center;
}
body {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
.banner_investment .banner_text,.banner_specification .banner_text {
	bottom:5px;
}
.banner .text{
	margin:0 auto;
}
.banner .video{
	display:none;
}
.column_1_warp  .text{
	margin-top:10px;
}
#page_buy .tab_img_scroll3{
	position:absolute;
	top:10px;
}
#page_buy  .column_1_warp {
	padding-top:240px;
}
}

@media all and (max-width:639px){
	.nav li, .nav li a span{
		margin-left:7px;
	}
.show{
	padding:25px 0 5px;
}
.f_col{
	width:100%;
	margin-right:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.f_col h2{
	margin-bottom:5px;
}
#footer{
	text-align:center;
	margin-top:40px;
}
.f_col li,.f_col_4 .online{
	margin:0 10px;
	display:inline-block;
}
.f_col_4 .online{
	margin:0 auto;
	float:none;
}
.f_col_4{
	text-align:center;
	border:none;
}
.f_col_4 big{
	padding:5px 0;
}
.footer_link{
	margin-top:0;
}
.column1_atlas_2 .list_img{
	margin-top:50px;
}
.investment .td .td_1{
	width:20%;
	padding-left:5px;
	margin-right:0;
}
.investment_1 .td li{
	width:40%;
	padding-left:5px;
	font-size:12px;
}
.investment_1 .column_text{
	margin-bottom:30px;
}
.investment_2 .column_text{
	margin-bottom:0;
}
.design_6 .text,.column_6 h1 span{
	margin-top:0;
}
	.design_6  .tabs{
	width:48%;
	max-width:326px;
}
.design_6  .tabs li{
	width:50%;
}
.design_6  .tabs li a{
	width:100%;
}
.design_6  .tabs li a,.design_6  .tabs .active a{
	background-size:400% 100%;
}
.products .table .td li,.products .table .th li{
	font-size:12px;
}
.products .table .td li:nth-child(3){
	width:20%;
}
.products .table .td li:nth-child(4){
	width:30%;
}
.products .table .tr{
	padding:10px 0;
}
.column_6_warp,.column_6 .text2{
	background-size:200% 100%;
	background-position:left top;
}
.column_6_warp2 .text,.column_warp .column_6 .text,.column_6 .text2{
	width:100%;
}
.column_6 .text{
	text-align:center;
}
.column_6 h1 span{
	display:inline-block;
}

}
@media all and (max-width:568px){
	.nav li, .nav li a span{
		margin-left:0;
	}
	.nav li{
		width:100%;
		padding:5px 10px;
		border-bottom:1px solid #5769aa;
	}
	.nav ul{
		border-top:1px solid #5769aa;
	}
	.nav li a span{
		display:none;
	}
	.show_below .title{
		font-size:18px;
	}
	.show_below .button_show{
	padding-right:18px;
	margin:0 12px 0 0;
}
.show_below img{
	width:80px;
	margin-top:3px;
}
.investment_1 .td li{
	font-size:11px;
}
.list_img li span,.investment_2  .td li{
	font-size:12px;
}
.investment .table .th li{
	font-size:12px;
}
.investment_1 .td li{
	text-align:center;
}
.function6 .text{
	margin-top:30px;
}
.design_5 .text,.design_5 #tab10 .text{
	width:100%;
	text-align:center;
	padding-bottom:10px;
}
.design_5 .tabs{
	position:relative;
}
.design_5 img{
	display:none;
}
.design_5 span{
	margin:0;
}
.banner_home{
	height:auto;
	background-size:100% auto;
	background-position:center 53px;
	padding-top:53px;
}
.banner_home p,.banner_home h1{
	color:#333;
}
.banner_text1{
	position:relative;
	background:none;
	padding-top:45%;
}
/*#page_buy .tab_img_scroll3{
	bottom:0;
}*/
.container,.page-intro{
	height:auto;
}
}
@media all and (max-width:540px){

.column_2 p,.function4 .text{
	margin:10px 0;
}
.column_right,.tabs2,
.tab-content2,.function4 .text,.function7 .text,.function7 .pull_left,.design_6 .text{
	width:100%;
}
.column_2investment .column_left{
	width:100%;
	margin:0 auto;
	padding:80px 0; 
	
}
.tabs2 a{
	padding:10px 0 10px 10px;
}

.investment .table .th li{
	height:45px;
	line-height:16px;
}

.investment_1 .td li,.function4 .text,.function6 .text,.function7 .column_text .text{
	text-align:center;
}
.column_6 .text2{
	padding:20px 0; 
}

.investment_1 .tr:nth-child(10) .td li:nth-child(3),.investment_1 .tr:nth-child(12) .td li:nth-child(2){
	width:43%;
}
.investment_1 .tr:nth-child(10) .td li:nth-child(2),.investment_1 .tr:nth-child(12) .td li:nth-child(3){
	width:37%;
}
.list_tab dd,.list_tab dt, dd{
	margin:15px 15px 0;
}
.list_tab h4{
	margin-left:15px;
}
.function6 .text{
	width:100%;
	margin-top:0;
}
.function6 .pull_right,.design_5img,.design_6 .pull_left{
	width:80%;
	float:none;
	margin:0 auto;
}
.design_6 .tabs{	
	top:20px;
	position:absolute;
	margin-top:0;
	left:50%;
	margin-left:-25%;
}
.design_6 .text{
	padding-top:50px;
	text-align:center;
}
.show ul li{
	width:49%;
	margin-right:2%;
	margin-bottom:5px;
}
.show ul li:nth-child(2n){
	margin-right:0;
}
.banner_specification,.banner_investment,.column_2{
	background-size:100% auto;
	}
.banner_specification p,.banner_investment p,.banner_investment h1{
	color:#333;
	}
.banner_investment h1{
	bottom:0;
}
.banner_investment .banner_text{
	top:205px;
}
.function4 img{
	display:none;
}
.function4 .text{
	padding:5px 20px;
}
.page .column_right{
	padding-top:30%;
}
.column_right{
	text-align:center;
}
.column_2_warp {
	padding-top:30px;
}
#page_buy  .column_1_warp {
	padding-top:185px;
}
}

@media all and (max-width:460px){
	h1, h1 a,.column h1, .column_3 h1 a,h1 span,.story2 span, .story3 span{
		font-size:22px;
	}
	.story3 .storyimg{
		background-size:auto 100%;
	}
	.tabs,.design_6  .tabs{
	width:98%;
	max-width:326px;
}
.design_1 .tabs,.design_2 .tabs,.design_4 .tabs, .function_1 .tabs,.function_2 .tabs,.banner_function .tabs,.design_6 .tabs{
	margin-left:-50%;
}

.tabs li,.design_6  .tabs li{
	width:50%;
}
.tabs li a,.design_6  .tabs li a{
	width:100%;
}

.show_below img{
	display:none;
}
.column_3 .item img{
	margin:0 auto;
}
.banner_investment .banner_text{
	top:180px;
}

@media all and (max-width:400px){
#page_buy  .column_1_warp {
	padding-top:125px;
}

}