@charset "utf-8";
/* CSS Document for product */

/* for iphone and pc */
	.banner_c{ height:500px; background:url(../images/product-images/pro_inset10.png) 70px bottom no-repeat; overflow:hidden; padding-left:520px; width:480px;}
		.txt{ margin:160px 0 0 30px;overflow: auto;}
			.txt_icon{ background:url(../images/banner_img.png) no-repeat; height:32px;}			
			.txt h3{ font-size:36px; color:#000; font-weight:bold; margin-top:10px;}
			.txt h5{ font-size:21px; color:#333;}
			.txt p{margin-top:15px; font-size:17px;}
			.iphone,.android{ display:block; float:left; width:32px; height:32px; margin-right:20px; background:url(../images/banner_img.png) no-repeat;}
				.iphone{ background-position:-37px -172px;}
				.android{ background-position:-74px -172px;}
				.iphone:hover{ background-position:-148px -172px;}
				.android:hover{ background-position:-185px -172px;}
		.introduce h3,.introduce h3 a{ font-size:26px; font-weight:100; color:#363636;}
		.introduce p{ font-size:16px; margin-top:15px; line-height:26px;}
			.introduce p a{ text-decoration:underline; font-size:14px;}
	.iphone_info li{ height:350px; padding:280px 0 75px 0;}
	.iphone_info .intro_item1{ padding-left:70px; background:url(../images/product/iphone_inset1.png) 515px center no-repeat;}
	.iphone_info .intro_item2{ padding-left:515px; background:url(../images/product/iphone_inset2.png) 0 center no-repeat;}
	.iphone_info .intro_item3{ padding-left:70px; background:url(../images/product/iphone_inset3.png) 450px center no-repeat;}
	.iphone_info .intro_item4{ padding-left:515px; background:url(../images/product/iphone_inset4.png) 40px center no-repeat;}
	.iphone_info .intro_item5{ padding-left:70px; background:url(../images/product/iphone_inset5.png) 540px center no-repeat;}
	.main h2{ padding:50px 20px 20px; font-size:26px; font-weight:100; color:#363636;}
	.introduce{ width:900px; margin:0 auto;}		
		.strengths li{ height:160px; padding:50px 0 105px 45px; border-top:1px solid #e5e1db;}
		.strengths h3{ padding-left:55px; font-size:32px; background:url(../images/product/icon.png) no-repeat;}
		.strengths .intro_item2	h3{ background-position:0 -48px;}
		.strengths .intro_item3	h3{ background-position:0 -96px;}
		.strengths .intro_item4	h3{ background-position:0 -144px;}
		.strengths .intro_item5	h3{ background-position:0 -192px;}
		.strengths .intro_item1{ background:url(../images/product/strengths_inset1.jpg) 480px 50px no-repeat;}
		.strengths .intro_item2{ background:url(../images/product/strengths_inset2.jpg) 55px 50px no-repeat; padding-left:455px; padding-top:100px;}
		.strengths .intro_item3{ background:url(../images/product/strengths_inset3.jpg) 480px 50px no-repeat; padding-top:80px;}
		.strengths .intro_item4{ background:url(../images/product/strengths_inset4.jpg) 55px 70px no-repeat; padding-left:455px; padding-bottom:160px;}
		.strengths .intro_item5{ background:url(../images/product/strengths_inset5.jpg) 480px 50px no-repeat;}
		.strengths_partner{ width:900px; margin:0 auto 30px;}
			.strengths_partner p{ overflow:hidden; padding:25px 0;}
			.strengths_partner span{display:block; width:270px; float:left;}
				.strengths_partner span img{ margin-right:20px;}
.tips{ margin-bottom:60px;}
	.tips p{ padding-left:100px; line-height:36px;}

.overview{ background:url(../images/product-images/pc_inset.png) center top no-repeat; margin:50px 0; padding:440px 0 0 140px; color:#393939;} 
	.overview h1{ font-size:40px; font-weight:800; color:#363636;}
	.overview h3{ font-size:24px; font-weight:100; margin:15px 0;}
.pc_info{ padding:0 20px;}
	.pc_info li{ height:430px; padding-top:110px;}
	.pc_info .intro_item1{ padding-left:40px; background:url(../images/product-images/pro_inset09.png) right center no-repeat;}
	.pc_info .intro_item2{ padding-left:472px; background:
	url(../images/product-images/pro_inset10.png) left center no-repeat; height:360px;}
	.pc_info .intro_item3{ padding-left:40px; background:url(../images/product-images/pro_inset11.png) right center no-repeat; height:380px;}
	.pc_info .intro_item4{ padding:60px 0 0 720px; background:url(../images/product-images/pro_inset12.png) 0 top no-repeat; height:340px;}
	.pc_info .intro_item5{ padding:160px 0 0 40px; background:url(../images/product-images/pro_inset13.png) right center no-repeat; height:380px;}
	.pc_info .intro_item6{ padding-left:650px; background:url(../images/product-images/pro_inset14.png) left center no-repeat;}
	.pc_info .intro_item7{ padding-left:40px; background:url(../images/product-images/pro_inset15.png) right center no-repeat;}
	
/* for price */
.product_kinds{ margin-top:25px; height:490px; clear:both; overflow:hidden;}
	.product_kinds li{ float:left; width:240px; margin:0 5px; display:inline;}
		.product_kinds li h5{ background:url(../images/product/images.png) no-repeat; width:100%; height:68px; text-indent:-10000em; overflow:hidden}
		li.kind_item2 h5{ background-position:-241px 0;}
		li.kind_item3 h5{ background-position:-482px 0;}
		li.kind_item4 h5{ background-position:-723px 0;}
		.product_info{ width:213px; padding-left:25px;  height:420px; border:1px solid #ccc; color:#8d8d8d; font-size:16px; line-height:24px; background:url(../images/product/bg_content.png) bottom repeat-x; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
			.kind{ text-align:right; padding-right:10px; margin-top:10px; font-size:21px; color:#0088cc;}
			.price{ padding-left:20px;  margin:40px 0 40px 0; font-size:50px; position:relative;}
				.unit{ font-size:14px; color:#606060;}
				.sign{ position:absolute;left:0; top:-25px; _left:-20px; _top:0; *+top:-5px; font-size:30px; color:#8d8d8d; font-style:normal;}
			.kind_item1 .price{ color:#32ac8b;}
			.kind_item2 .price{ color:#f9c112;}
			.kind_item3 .price{ color:#ee6537;}
			.kind_item4 .price{ color:#5f2f2a; font-size:35px;}
.case{ margin-top:20px; clear:both; overflow:hidden;}
	.case li{ float:left; width:50%;}
		.case li p{ font-size:24px; padding:15px 0; text-align:center;}
.remark{ margin:50px 50px 0;}
	.remark h5{ font-size:16px; color:#363636; font-weight:100;}
	.remark p{ margin-top:10px;}
.rollphotos{ margin:80px auto; height:50px; position:relative; clear:both;}
		.leftbtn{ width:14px; height:50px; background:url(../images/home/left.png) center no-repeat; float:left; cursor: pointer; margin-left:17px;}
		.rightbtn{ width:14px; height:50px; background:url(../images/home/right.png) center no-repeat; float:left; cursor: pointer;}
	
		.pribox{ float:left; width:930px; height:50px; overflow:hidden;}
			.pribox ul li{ float:left; height:50px; padding:0 2px;text-align: center;}
			#pribox ul li img{width:130px;height:50px;}
		.more{ position:absolute; right:20px; bottom:-25px; color:#a7a7a7; font-size:12px;}
/* for increment */
.functions{ clear:both; overflow:hidden;}
	.functions li{ float:left; margin:25px 29px; display:inline; width:190px; height:160px; border:1px solid #ccc; text-align:center; background:url(../images/product/bg_item.png) bottom repeat-x;}
	.fun_img{ padding-bottom:8px; background:url(../images/product/shadow.png) center bottom no-repeat; margin-top:15px;}
	.fun_txt{ margin-top:10px;}
		.fun_txt a{ font-size:21px; color:#000;}
.fun_info{ margin:40px auto; line-height:24px;}
	.fun_info h3{ font-size:24px; margin-bottom:10px; color:#363636;}
		.fun_info p a{ font-size:14px; text-decoration:underline;}
	.fun_item1{ height:510px; padding:30px 0 0 28px; background:url(../images/product/pc_inset1.png) 320px top no-repeat;}
	.fun_item2{ height:430px; padding:80px 0 0 640px; background:url(../images/product/pc_inset2.png) 28px top no-repeat;}
	.fun_item3{ height:380px; padding:60px 0 0 640px; background:url(../images/product-images/pc_inset3.png) 0 top no-repeat;}
	.fun_item4{ height:400px; padding:80px 0 0 28px; background:url(../images/product/pc_inset4.png) 400px top no-repeat;}
	.fun_item5{ height:420px; padding:70px 0 0 28px; background:url(../images/product/pc_inset5.png) 350px top no-repeat;}
	.fun_item6{ height:440px; padding:100px 0 0 790px; background:url(../images/product/pc_inset6.png) 28px top no-repeat;}
	.fun_item7{ height:380px; padding:110px 0 0 730px; background:url(../images/product/pc_inset7.png) 20px top no-repeat;}
	.item_change{ margin:0 0 0 310px; height:34px; background:url(../images/home/bg_change.png) 0 -106px no-repeat;}
		.item_change a{ display:block; float:left; width:203px; height:34px;_height:32px; line-height:34px; text-align:center; font-size:16px; cursor:pointer;}
		
	.midActive{ background:url(../images/home/bg_change.png) -203px -70px no-repeat; color:#fff;}
	.leftActive{ background:url(../images/home/bg_change.png) 0 -70px no-repeat; color:#fff;}
	.rightActive{ background:url(../images/home/bg_change.png) -406px -70px no-repeat; color:#fff;}
	.midHover{ background:url(../images/home/bg_change.png) -203px -35px no-repeat; color:#0088CC;}
	.leftHover{ background:url(../images/home/bg_change.png) 0 -35px no-repeat; color:#0088CC;}
	.rightHover{ background:url(../images/home/bg_change.png) -406px -35px no-repeat; color:#0088CC;}
/* for index */
.pro_overview{ width:880px; padding:0 45px 0 75px; color:#393939;}
	.pro_overview h1{ font-size:40px; font-weight:800; color:#0a0001; margin-top:50px;}
	.pro_overview h4{ font-size:24px; font-weight:100; color:#0a0001; margin-top:50px;}
	.pro_overview p{ margin-top:15px;}
	.chat,.pro_list{ padding-bottom:70px;}
		.chat li,.pro_list li{ width:100%; clear:both; overflow:hidden;}
			.chat_item{ float:left; margin-top:50px; margin-left:20px;}
				.chat_inset{ float:left;}
				.chat_txt{ padding:30px 50px 0 20px; float:left; color:#5a6574;}
		
			.list_item{ float:left; width:293px; text-align:center; margin-top:50px;}
				.list_item a{ text-decoration:underline; font-size:16px;}
				.item_img{ display:block; width:181px; height:181px; margin:0 auto;}
				.list_item1{ background:url(../images/product/pro_inset.png);}
				.list_item2{ background:url(../images/product/pro_inset.png) -181px 0;}
				.list_item3{ background:url(../images/product/pro_inset.png) -362px 0;}
				.list_item4{ background:url(../images/product/pro_inset.png) -543px 0;}
				.list_item5{ background:url(../images/product/pro_inset.png) -724px 0;}
.addcontent{
	margin: 18px 0 0 30px;
}
.addcontent p{margin-top: 14px;font-size: 14px;}
.addcontent a{color: #2980b9;font-size: 16px;text-decoration: underline;}