@charset "utf-8";

/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width: 1230px;
}

* {
	margin: 0px;
	padding: 0px;
}
a{
	text-decoration:none;
	color:#000;
}

ul {
	list-style-type: none;
}
img {
  border: 0px;
}
body {
	width: 100%;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	margin: 0;
	/* [disabled]text-align:center; */
}
#container {
	position: relative;
	width: 100%;
	float: left;
	height: auto;
}


.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		float:left;
		width:35%;
		text-align:center;
		margin-top:10px;
		margin-right:30px;
	}
	.main_top_right{
		margin-top: 15px;
		float:right;
		width:60%;
	}
		.main_top_search{
			float:left;
			width:90%;
			text-align:right;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_search_button_google{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:250px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			display:inline;
			float:left;
			width:100%;
			margin-left:8%;
			margin-top:20px;
		}
			.main_top_menu_button{
				float:left;
				text-align:center;
				font-size:18px;				
				margin-left:2%;
				margin-right:2%;
			}
			.main_top_menu_button:hover{
				color:#f00;				
			}
		.main_top_menu_p{
			display:none;
		}
			

.index_runimg{
	width:100%;
	border-top:1px #999 solid;
	padding-top:1px;
}

.index_prorunimg{
	width:98%;
	margin-top:20px;
	margin-bottom:20px;
}


.main_title{
	width:100%;
	background-color:#005bac;
	text-align:center;
	color:#FFF;
	font-size:#16px;
	font-weight:600;
	letter-spacing:3px;
	padding-top:10px;
	padding-bottom:10px;
}


.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:100%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:24pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:15pt;
		 letter-spacing:1px;
		 line-height:32px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:45%;
				padding:10px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:38%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:22%;
				height:315px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			.index_content_announcement_youtube{
				float:left;
				width:22%;
				height:315px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}


.main_content_bg{
	float:left;
	width:100%;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:20px;
}
	.main_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
		.main_content_path{
			width:100%;
			font-size:11px;
			color:#333;
			margin-bottom:20px;
		}
		.main_content_left{
			float:left;
			width:25%;
		}
			.main_content_menu{
				height:auto;
				color:#fdfdfd;
			}
		.main_content_right{
			float:right;
			width:74%;
			margin-top:5px;
			letter-spacing:2px;
			line-height:23px;
			font-size:14px;
		}
		

.main_content_right_news{
	float:left;
	width:96%;
	padding:10px;
	border-bottom:1px dashed #ccc;
}
	.main_content_right_news_img{
		float:left;
		width:18%;
		text-align:center;
		margin-right:20px;
	}
		.main_content_right_news_img img{
			max-width:160px;
			border:#ddd 1px solid;
		}
	.main_content_right_news_content{
		float:left;
		width:70%;
	}
		.main_content_right_news_content_title{
			float:left;
			width:100%;
		}
			.news_content_title{
				float:left;
				width:70%;
				color:#900;
				font-size:15pt;
				line-height:28px;
			}
			.news_content_date{
				float:left;
				text-align:right;
				width:30%;
				color:#009;
				font-size:10pt;
				font-weight:600;
			}
		.main_content_right_news_content_content{
			float:left;
			width:100%;
			margin-top:10px;
			min-height:120px;
		}
.main_content_right_news:hover{
	background-color:#F3f3f3;
}


.news_title{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:600;
	color:#900;
	line-height:38px;
}
.news_date{
	float:right;
	text-align:right;
	width:100%;
	font-size:12px;
	color:#999;
	border-bottom:#ccc 1px dashed;
}
.news_content{
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center;
	font-size:15px;
	color:#333;
	line-height:26px;
	letter-spacing:2px;
}
	.news_content p{
		text-align:left;
		margin-top:10px;
	}
.news_button{
	float:left;
	width:60px;
	margin-top:30px;
	margin-left:46%;
	padding:5px;
	border:#ccc 1px solid;
	color:#999;
	text-align:center;
	font-size:13px;
	font-weight:600;
}
.news_button:hover{
	border:#999 1px solid;
	background-color:#900;
	color:#FFF;
}

.product_form_proname{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:800;
	line-height:52px;
}
.product_form{
	float:left;
	width:29%;
	height:auto;
	margin-right:1.5%;
	margin-bottom:15px;
	padding:10px;
	border:1px #dedede solid;
	border-top:1px #FFF solid;
	box-shadow:0px 1px 2px 1px #EEE;
	text-align:center;
}
	.product_form_img{
		float:left;
		width:100%;
	}
		.product_form_img img{
			max-width:260px;
			
		}
	.product_form_name{
		float:left;
		width:100%;
		font-size:15px;
		line-height:32px;
		text-align:center;
	}
.product_form:hover{
	background-color:#f3f3f3;
}


.product_introduction{
	float:left;
	width:100%;
}
	.product_introduction_img{
		float:left;
		width:38%;
		height:auto;
		padding:0;
	}
	.product_introduction_detailed{
		float:left;
		width:55%;
		height:auto;
		margin-left:20px;
		font-size:15px;
		line-height:36px;
	}
		.product_form_proname_s{
			float:left;
			width:100%;
			font-size:22px;
			font-weight:800;
			line-height:52px;
		}
.product_introduction_tag{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
}
.product_introduction_tag img{
	/* [disabled]max-width:400px; */
}


.dealer_title_1{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#0d5e9c;
	border-top:3px #064d84 solid;
}
.dealer_content_1{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#9bd3ff;
	border-top:#ddd 1px solid;
	border-bottom:2px #66a8dc solid;
}
.dealer_title_2{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#b20000;
	border-top:3px #890505 solid;
}
.dealer_content_2{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#f6a3a3;
	border-top:#ddd 1px solid;
	border-bottom:2px #cb7272 solid;
}
.dealer_title_3{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#8a2ca2;
	border-top:3px #6f0589 solid;
}
.dealer_content_3{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#e7a7f7;
	border-top:#ddd 1px solid;
	border-bottom:2px #bc7ecc solid;
}
.dealer_title_4{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#333;
	border-top:3px #000 solid;
}
.dealer_content_4{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#ccc;
	border-top:#ddd 1px solid;
	border-bottom:2px #aaa solid;
}
.dealer_title_5{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#007550;
	border-top:3px #005439 solid;
}
.dealer_content_5{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#bff3d4;
	border-top:#ddd 1px solid;
	border-bottom:2px #95ddb2 solid;
}
.dealer_title_6{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#753d00;
	border-top:3px #4c2d0b solid;
}
.dealer_content_6{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#e0c8af;
	border-top:#ddd 1px solid;
	border-bottom:2px #b9a48d solid;
}
.dealer_title_7{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16pt;
	font-weight:600;
	line-height:40px;
	color:#fff;
	background-color:#242d65;
	border-top:3px #0a1240 solid;
}
.dealer_content_7{
	float:left;
	width:96%;
	margin-bottom:20px;
	padding:2%;
	font-size:11pt;
	color:#111;
	line-height:26px;
	letter-spacing:2px;
	background-color:#9eacff;
	border-top:#ddd 1px solid;
	border-bottom:2px #0a1240 solid;
}

.contact_form{
	width:100%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px;
	border-top:#ccc 2px dashed;
}
	.contact_form_l{
		float:left;
		width:48%;
		margin-left:4%;
	}
		.contact_form_l_title{
			width:100%;
			font-size:12pt;
			color:#333;
			line-height:38px;
		}
		.contact_form_l_field{
			width:100%;
			margin-bottom:10px;
		}
	.contact_form_r{
		float:left;
		width:48%;
	}

.footer{
	float:left;
	width:100%;
	background-color:#005bac;
	padding-top:20px;
	padding-bottom:20px;
}
.footer a{color:#fff;}
	.footer_content{
		width:100%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;
		font-size:14px;
		line-height:26px;
	}
	.footer_content_left{
		float:left;
		width:58%;
		margin-right:30px;
	}
	
	.footer_content_right{
		float:right;
		text-align:right;
		width:38%;
	}
	
	
/*totop*/
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: rgba(20%,20%,20%,0.4);
    color: white;
    cursor: pointer;
	border-radius:0.6em;
	font-size:12px;
}


@media only screen and (max-width: 1300px) {
.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:24pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:15pt;
		 letter-spacing:1px;
		 line-height:32px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:45%;
				padding:10px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:38%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:22%;
				height:315px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			.index_content_announcement_youtube{
				float:left;
				width:22%;
				height:315px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
}

@media only screen and (max-width: 1024px) {
.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		/* float:left; */
		width:50%;
		text-align:center;
		/* margin-top:10px;
		margin-right:30px; */
		margin: 1% 24%;
	}
	.main_top_right{
		/* float:left; */
		width:70%;
		margin: 1% 14%;
	}
		.main_top_search{
			float:left;
			width:90%;
			text-align:right;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			/* float:left;
			width:100%; 
			margin-left:2%;
			margin-top:20px;*/
			width: 80%;
			margin: 1% 9%;
		}
			.main_top_menu_button{
				float:left;
				text-align:center;
				font-size:18px;
				margin-left:2%;
				margin-right:2%;
			}
			.main_top_menu_button:hover{
				color:#f00;
			}	

.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:20pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:13pt;
		 letter-spacing:1px;
		 line-height:32px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:42%;
				padding:10px;
				margin-right:1.5%;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:40%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:23%;
				height:315px;
				margin-right:1.5%;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			.index_content_announcement_youtube{
				float:left;
				width:23%;
				height:315px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
				
.product_form_proname{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:800;
	line-height:52px;
}
.product_form{
	float:left;
	width:28%;
	height:auto;
	margin-right:1%;
	margin-bottom:15px;
	padding:10px;
	border:1px #dedede solid;
	border-top:1px #FFF solid;
	box-shadow:0px 1px 2px 1px #EEE;
}
	.product_form_img{
		float:left;
		width:100%;
	}
		.product_form_img img{
			max-width:260px;
		}
	.product_form_name{
		float:left;
		width:100%;
		font-size:15px;
		line-height:32px;
		text-align:center;
	}
.product_form:hover{
	background-color:#f3f3f3;
}

				
.footer{
	float:left;
	width:100%;
	background-color:#333;
	padding-top:20px;
	padding-bottom:20px;
}
	.footer_content{
		width:98%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;
		font-size:14px;
		line-height:26px;
	}
	.footer_content_left{
		float:left;
		width:58%;
		margin-right:30px;
	}
	.footer_content_right{
		float:right;
		text-align:right;
		width:38%;
	}
}



@media only screen and (max-width: 980px) {
.index_prorunimg{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}

.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		float:left;
		width:50%;
		text-align:center;
		/* margin-top:10px;
		margin-right:30px; */
		margin: 1% 24%;
	}
	.main_top_right{
		float:left;
		width:65%;
		margin-top:15px;
	}
		.main_top_search{
			float:left;
			width:100%;			
			text-align:right;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			float:left;
			width:100%;
			margin-left:6%;
			margin-top:20px;
		}
			.main_top_menu_button{
				float:left;
				text-align:center;
				font-size:16px;
				margin-left:2%;
				margin-right:2%;
			}
			.main_top_menu_button:hover{
				color:#f00;
			}
			
			
.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:18pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:11pt;
		 letter-spacing:1px;
		 line-height:32px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:97%;
				height: auto;
				padding:10px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:40%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:35%;
				height:350px;
				margin-left:5%;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
				padding-left:8%;
			}
			.index_content_announcement_youtube{
				float:left;
				width:40%;
				height:350px;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
				
.contact_form{
	width:100%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px;
	border-top:#ccc 2px dashed;
}
	.contact_form_l{
		float:left;
		width:100%;
		margin-left:4%;
	}
		.contact_form_l_title{
			width:100%;
			font-size:12pt;
			color:#333;
			line-height:38px;
		}
		.contact_form_l_field{
			width:100%;
			margin-bottom:10px;
		}
	.contact_form_r{
		float:left;
		width:100%;
		margin-left:4%;
	}
			
}



@media only screen and (max-width: 768px) {
.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		float:left;
		width:50%;
		text-align:center;
		/* margin-top:10px;
		margin-right:30px; */
		margin: 2% 23%;
	}
	.main_top_right{
		float:left;
		/* width:100%;
		margin-top:-25px; */
		width: 80%;
		margin: 1% 9%;
	}
		.main_top_search{
			float:left;
			width:100%;			
			text-align:right;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			float:left;
			width:100%;
			margin-left:3%;
			margin-top:20px;
		}
			.main_top_menu_button{
				float:left;
				text-align:center;
				font-size:18px;
				margin-left:1.8%;
				margin-right:1.8%;
			}
			.main_top_menu_button:hover{
				color:#f00;
			}
			
			
.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:18pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:11pt;
		 letter-spacing:1px;
		 line-height:32px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:97%;
				height: auto;
				padding:10px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:40%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:45%;
				height:330px;
				margin-left:0;
				margin-right:5px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
				padding-left:3%;
			}
			.index_content_announcement_youtube{
				float:left;
				width:45%;
				height:330px;
				margin-right:5px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}

.main_content_right_news{
	float:left;
	width:96%;
	padding:10px;
	border-bottom:1px dashed #ccc;
}
	.main_content_right_news_img{
		float:left;
		width:18%;
		text-align:center;
		margin-right:20px;
	}
		.main_content_right_news_img img{
			max-width:160px;
			border:#ddd 1px solid;
		}
	.main_content_right_news_content{
		float:left;
		width:70%;
	}
		.main_content_right_news_content_title{
			float:left;
			width:100%;
		}
			.news_content_title{
				float:left;
				width:70%;
				color:#900;
				font-size:13pt;
				line-height:28px;
			}
			.news_content_date{
				float:left;
				text-align:right;
				width:30%;
				color:#009;
				font-size:8pt;
				font-weight:600;
			}
		.main_content_right_news_content_content{
			float:left;
			width:100%;
			margin-top:10px;
			min-height:120px;
		}
.main_content_right_news:hover{
	background-color:#F3f3f3;
}

.product_form_proname{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:800;
	line-height:52px;
}
.product_form{
	float:left;
	width:42%;
	height:auto;
	margin-right:3%;
	margin-bottom:15px;
	padding:10px;
	border:1px #dedede solid;
	border-top:1px #FFF solid;
	box-shadow:0px 1px 2px 1px #EEE;
}
	.product_form_img{
		float:left;
		width:100%;
	}
		.product_form_img img{
			max-width:260px;
		}
	.product_form_name{
		float:left;
		width:100%;
		font-size:15px;
		line-height:32px;
		text-align:center;
	}
.product_form:hover{
	background-color:#f3f3f3;
}

.product_introduction{
	float:left;
	width:100%;
}
	.product_introduction_img{
		float:left;
		width:80%;
		height:auto;
		padding:0;
		margin-left:18%;
		text-align:center;
	}
	.product_introduction_detailed{
		float:left;
		width:98%;
		height:auto;
		margin-left:0;
		font-size:15px;
		line-height:36px;
	}
		.product_form_proname_s{
			float:left;
			width:100%;
			font-size:22px;
			font-weight:800;
			line-height:52px;
		}
.product_introduction_tag{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
}
				
.footer{
	float:left;
	width:100%;
	background-color:#333;
	padding-top:20px;
	padding-bottom:20px;
}
	.footer_content{
		width:98%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;
		font-size:14px;
		line-height:26px;
	}
	.footer_content_left{
		float:left;
		width:58%;
		margin-right:30px;
	}
	.footer_content_right{
		float:right;
		text-align:right;
		width:30%;
	}
			
}



@media only screen and (max-width: 640px) {
.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		float:left;
		width:50%;
		text-align:center;
		margin-top:10px;
		margin-right:30px;
	}
	.main_top_right{
		float:left;
		width:100%;
		margin-top:-25px;
	}
		.main_top_search{
			float:left;
			width:100%;			
			text-align:right;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			float:left;
			width:100%;
			margin-left:0px;
			margin-top:20px;
		}
			.main_top_menu_button{
				float:left;
				text-align:center;
				font-size:13px;
				margin-left:1.5%;
				margin-right:1.5%;
			}
			.main_top_menu_button:hover{
				color:#f00;
			}
			
			
.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:14pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:9pt;
		 letter-spacing:1.5px;
		 line-height:22px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:97%;
				height: auto;
				padding:10px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:40%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:45%;
				height:315px;
				margin-left:0;
				margin-right:1%;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			.index_content_announcement_youtube{
				float:left;
				width:45%;
				height:315px;
				margin-right:1%;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
				
.main_content_bg{
	float:left;
	width:100%;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:20px;
}
	.main_content{
		width:98%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
		.main_content_path{
			width:100%;
			font-size:11px;
			color:#333;
			margin-bottom:20px;
		}
		.main_content_left{
			float:left;
			width:100%;
			margin-right:25px;
		}
			.main_content_menu{
				height:auto;
				color:#fdfdfd;
			}
		.main_content_right{
			float:right;
			width:100%;
			margin-top:5px;
			margin-bottom:10px;
			letter-spacing:2px;
			line-height:23px;
			font-size:14px;
		}
				
.footer{
	float:left;
	width:100%;
	background-color:#333;
	padding-top:20px;
	padding-bottom:20px;
}
	.footer_content{
		width:98%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;
		font-size:10pt;
		line-height:22px;
	}
	.footer_content_left{
		float:left;
		width:58%;
		margin-right:30px;
	}
	.footer_content_right{
		float:right;
		text-align:right;
		width:30%;
	}
			
}


@media only screen and (max-width: 638px) {
.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		float:left;
		width:80%;
		text-align:center;
		margin-top:10px;
		margin-right:30px;
		margin-left:10%;
	}
	.main_top_right{
		float:left;
		width:100%;
		margin-top:10px;
		margin-left: auto;
	}
		.main_top_search{
			float:left;
			width:100%;
			text-align:right;
			margin-bottom:10px;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			display:none;
		}
		.main_top_menu_p{
			display:inline;
		}
		
.main_content_right_news{
	float:left;
	width:96%;
	padding:10px;
	border-bottom:1px dashed #ccc;
}
	.main_content_right_news_img{
		float:left;
		width:100%;
		text-align:center;
		margin-right:20px;
	}
		.main_content_right_news_img img{
			max-width:160px;
			border:#ddd 1px solid;
		}
	.main_content_right_news_content{
		float:left;
		width:100%;
	}
		.main_content_right_news_content_title{
			float:left;
			width:100%;
		}
			.news_content_title{
				float:left;
				width:70%;
				color:#900;
				font-size:13pt;
				line-height:28px;
			}
			.news_content_date{
				float:left;
				text-align:right;
				width:30%;
				color:#009;
				font-size:8pt;
				font-weight:600;
			}
		.main_content_right_news_content_content{
			float:left;
			width:100%;
			margin-top:10px;
			min-height:120px;
		}
.main_content_right_news:hover{
	background-color:#F3f3f3;
}


.footer{
	float:left;
	width:100%;
	background-color:#333;
	padding-top:20px;
	padding-bottom:20px;
}
	.footer_content{
		width:98%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;		
		font-size:10pt;
		line-height:22px;
	}
	.footer_content_left{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.footer_content_right{
		float:right;
		text-align: center;
		width:100%;
	}
}


@media only screen and (max-width: 480px) {
.main_top{
	width: 100%;
	max-width:1230px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
}
	.main_top_logo{
		float:left;
		width:95%;
		text-align:center;
		margin-top:10px;
		margin-right:30px;
		margin-left:2%;
	}
	.main_top_right{
		float:left;
		width:100%;
		margin-top:10px;
		margin-left: auto;
	}
		.main_top_search{
			float:left;
			width:100%;
			text-align:right;
			margin-bottom:10px;
		}
			.main_top_search_button{
				float:right;
				text-align:left;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:3px;
				margin-right:10px;
				width:160px;
				border:1px #ccc solid;
				-webkit-border-radius: 4px;/*chrom*/
 				-moz-broder-radius: 4px;/*Firefox*/
 				-o-border-radius: 4px; /*Opera*/
 				-ms-border-radius: 4px; /*IE*/
 				border-radius: 4px;
			}
			.main_top_language_button{
				float:right;
				width:35px;
				margin-top:5px;
				opacity:0.2;
			}
			.main_top_language_button_in{
				float:right;
				width:35px;
				padding-top:4px;
				border:1px #ccc solid;
				background-color:#eee;
			}
		.main_top_menu{
			display:none;
		}
		.main_top_menu_p{
			display:inline;
			margin-top:10px;
		}
		
.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:97%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:14pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:9pt;
		 letter-spacing:1.5px;
		 line-height:22px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:100%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:96%;
				height: auto;
				padding:10px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:100%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:40%;
					margin-right:20px;
				}
					.index_content_announcement_news_information_img img{
						max-width:200px;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:55%;
					height:auto;
					padding-top:5px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:72%;
				height: auto;
				margin-left:5%;
				margin-right:20px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
				padding-left:10%;
			}
			.index_content_announcement_youtube{
				float:left;
				width:80%;
				height: auto;
				margin-left:5%;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
				
.main_content_bg{
	float:left;
	width:100%;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:20px;
}
	.main_content{
		width:96%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
		.main_content_path{
			width:100%;
			font-size:9pt;
			color:#333;
			margin-bottom:20px;
		}
		.main_content_left{
			float:left;
			width:100%;
			margin-right:25px;
		}
			.main_content_menu{
				height:auto;
				color:#fdfdfd;
			}
		.main_content_right{
			float:right;
			width:100%;
			margin-top:5px;
			margin-bottom:10px;
			letter-spacing:1.5px;
			line-height:20px;
			font-size:10pt;
		}
		

.news_button{
	float:left;
	width:60px;
	margin-top:30px;
	margin-left:42%;
	padding:5px;
	border:#ccc 1px solid;
	color:#999;
	text-align:center;
	font-size:13px;
	font-weight:600;
}
.news_button:hover{
	border:#999 1px solid;
	background-color:#900;
	color:#FFF;
}

.product_introduction{
	float:left;
	width:100%;
}
	.product_introduction_img{
		float:left;
		width:88%;
		height:auto;
		padding:0;
		margin-left:8%;
		text-align:center;
	}
	.product_introduction_detailed{
		float:left;
		width:98%;
		height:auto;
		margin-left:0;
		font-size:15px;
		line-height:28px;
	}
		.product_form_proname_s{
			float:left;
			width:100%;
			font-size:22px;
			font-weight:800;
			line-height:52px;
		}
.product_introduction_tag{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
}
				
.footer{
	float:left;
	width:100%;
	background-color:#333;
	padding-top:20px;
	padding-bottom:20px;
}
	.footer_content{
		width:96%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;
		font-size:9pt;
		line-height:26px;
	}
	.footer_content_left{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.footer_content_right{
		float:right;
		text-align: center;
		width:100%;
	}
}


@media only screen and (max-width: 460px) {
.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:96%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:14pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:9pt;
		 letter-spacing:1.5px;
		 line-height:22px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:96%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:96%;
				height: auto;
				padding:10px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:99%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:100%;
					margin-right:20px;
					margin-bottom:5px;
					margin-top:25px;
				}
					.index_content_announcement_news_information_img img{
						max-width:80%;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:80%;
					height:auto;
					padding-top:5px;
					padding-left:36px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						margin-bottom:25px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:96%;
				height:315px;
				margin-left:0;
				margin-right:20px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			.index_content_announcement_youtube{
				float:left;
				width:96%;
				height: auto;
				margin-left:0;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
				
.product_form_proname{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:800;
	line-height:52px;
}
.product_form{
	float:left;
	width:94%;
	height:auto;
	margin-right:3%;
	margin-bottom:15px;
	padding:10px;
	border:1px #dedede solid;
	border-top:1px #FFF solid;
	box-shadow:0px 1px 2px 1px #EEE;
}
	.product_form_img{
		float:left;
		width:100%;
	}
		.product_form_img img{
			max-width:260px;
		}
	.product_form_name{
		float:left;
		width:100%;
		font-size:15px;
		line-height:32px;
		text-align:center;
	}
.product_form:hover{
	background-color:#f3f3f3;
}

.footer{
	float:left;
	width:100%;
	background-color:#005bac;
	padding-top:20px;
	padding-bottom:20px;
}
	.footer_content{
		width:96%;		
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		color:#FFF;
		font-size:9pt;
		line-height:26px;
	}
	.footer_content_left{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.footer_content_right{
		float:right;
		text-align: center;
		width:100%;
	}
}

@media only screen and (max-width: 320px) {
	.index_content_bg{
	float:left;
	width:100%;
	background-color:#eef2f7;
	padding-top:10px;
	padding-bottom:20px;
}
	.index_content{
		width:94%;
		max-width:1230px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	.index_title_font{
		font-size:14pt;
		line-height:48px;
		letter-spacing:3px;
	}
	.index_content_font{
		 font-size:9pt;
		 letter-spacing:2px;
		 line-height:22px;
		 color:#0097dc;
	}
		.index_content_announcement{
			width:95%;
			max-width:1230px;
			margin-top:20px;
		}
			.index_content_announcement_news{
				float:left;
				width:97%;
				height: auto;
				padding:10px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
			}
				.index_content_announcement_news_information{
					width:99%;
					text-align:center;
					margin-bottom:170px;
				}
				.index_content_announcement_news_information_img{
					float:left;
					width:100%;
					margin-right:20px;
					margin-bottom:5px;
					margin-top:25px;
				}
					.index_content_announcement_news_information_img img{
						max-width:80%;
					}
				.index_content_announcement_news_information_content{
					float:left;
					width:80%;
					height:auto;
					padding-top:5px;
					padding-left:32px;
				}
					.announcement_news_information_content_date{
						width:100%;
						text-align:left;
						font-size:13px;
					}
					.announcement_news_information_content_title{
						width:100%;
						text-align:left;
						font-size:17px;
						margin-top:10px;
					}
					.announcement_news_information_content_information{
						width:100%;
						height:60px;
						text-align:left;
						font-size:16px;
						color:#888;
					}
					.announcement_news_information_content_button{
						width:100%;
						margin-top:10px;
						margin-bottom:25px;
						text-align:right;
						font-size:14px;
						font-weight:600;
						color:#1a9ced;
					}
						.announcement_news_information_content_button a{
							color:#1a9ced;
						}
						.announcement_news_information_content_button a:hover{
							color:#900;
						}
						.news_information_content_button_arrow{
							float:right;
							width:15px;
							height:15px;
							background-color:#006dc0;
							margin-left:10px;
							margin-top:2px;
							text-align:center;
							vertical-align:middle;
						}
						.news_information_content_button_arrow:hover{
							background-color:#900;
						}
			.index_content_announcement_fb{
				float:left;
				width:90%;
				height: auto;
				margin-left:5%;
				margin-right:20px;
				margin-bottom:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			.index_content_announcement_youtube{
				float:left;
				width:90%;
				height: auto;
				margin-left:5%;
				margin-right:20px;
				border:#CCC 1px solid;
				background-color:#FFF;
				padding:10px;
			}
				.index_content_announcement_youtube_top{
					width:96%;
					padding:2%;
					background-color:#ce1312;
					color:#FFF;
					font-size:16px;
					font-weight:600;					
				}
				.index_content_announcement_youtube_img{
					width:100%;
					margin-bottom:10px;
				}
				.index_content_announcement_youtube_title{
					width:100%;
					margin-bottom:10px;
					font-size:18px;
				}
				.index_content_announcement_youtube_content{
					width:100%;
					margin-bottom:10px;
					font-size:16px;
					color:#888;
				}
				
.main_content_right_news{
	float:left;
	width:94%;
	padding:10px;
	border-bottom:1px dashed #ccc;
}
	.main_content_right_news_img{
		float:left;
		width:18%;
		text-align:center;
		margin-right:20px;
	}
		.main_content_right_news_img img{
			max-width:160px;
			border:#ddd 1px solid;
		}
	.main_content_right_news_content{
		float:left;
		width:70%;
	}
		.main_content_right_news_content_title{
			float:left;
			width:100%;
		}
			.news_content_title{
				float:left;
				width:70%;
				color:#900;
				font-size:11pt;
				line-height:28px;
			}
			.news_content_date{
				float:left;
				text-align:right;
				width:30%;
				color:#009;
				font-size:5pt;
				font-weight:600;
			}
		.main_content_right_news_content_content{
			float:left;
			width:100%;
			margin-top:10px;
			min-height:120px;
		}
.main_content_right_news:hover{
	background-color:#F3f3f3;
}

.news_title{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:600;
	color:#900;
	line-height:38px;
}
.news_date{
	float:right;
	text-align:right;
	width:100%;
	font-size:12px;
	color:#999;
	border-bottom:#ccc 1px dashed;
}
.news_content{
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center;
	font-size:10pt;
	color:#333;
	line-height:22px;
	letter-spacing:2px;
}
	.news_content p{
		text-align:left;
		margin-top:10px;
	}
.news_button{
	float:left;
	width:60px;
	margin-top:30px;
	margin-left:40%;
	padding:5px;
	border:#ccc 1px solid;
	color:#999;
	text-align:center;
	font-size:13px;
	font-weight:600;
}
.news_button:hover{
	border:#999 1px solid;
	background-color:#900;
	color:#FFF;
}

.product_introduction{
	float:left;
	width:100%;
}
	.product_introduction_img{
		float:left;
		width:94%;
		height:auto;
		padding:0;
		margin-left:2%;
		text-align:center;
	}
	.product_introduction_detailed{
		float:left;
		width:98%;
		height:auto;
		margin-left:0;
		font-size:15px;
		line-height:28px;
	}
		.product_form_proname_s{
			float:left;
			width:100%;
			font-size:22px;
			font-weight:800;
			line-height:52px;
		}
.product_introduction_tag{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
}
				

}
/* .factory-img{
	margin: 5px;
	width: 10%;
} */