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

html,body {
	-webkit-text-size-adjust:none;
	padding: 0;
	margin: 0;
}/*chrome font-size<12px */
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-decoration: none;
	letter-spacing:0.5px;
	background-color:#000;
	font-family: "Myriad Pro",Arial;
}
#wrapper {
}

.hover_2{
position: relative;
height: 115px;
float: left;
width: 155px;
}

/*--------------------------------大圖---*/
/*背景大圖*/
#banner_list div._imgs {
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	position: fixed;
	float: left;
	/*background:url(images/loading.gif) no-repeat center center;*/
}
#banner_list div img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
#banner_list {
	width:100%;
	height:100%;
}
/*---------------------------------------內容區塊 / 白----*/
#content{
	position:absolute;
	left:0;
	top:0;
	width:1200px;
	background:#ffffff;
	z-index:999;
}
/*-----------------------------------------------區塊---*/
.header{
	height:40px;
	background:#1e1e1e;
	border-bottom:3px solid #2b95ff;
}
.logo{
	padding:0 45px 0 37px;
	width:101px;
	height:43px;
	float:left;
}
/*-*/
.list{
	float:left;
	width:481px;
	height:43px;
}
.list ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.list li{
	display:block;
	float:left;
}
.list li a{
	text-decoration: none;
}
/*-*/
.list li.but01 a{
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	width:110px;
	height:43px;
	display:block;
	margin-right:50px;
}
.list li.but01 a:hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:110px;
	height:43px;
	display:block;
}
.list_but01_a_hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:110px;
	height:43px;
	margin-right:50px;
	display:block;
}
.list li.but02 a{
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	width:35px;
	height:43px;
	display:block;
	background-position: -160px 0px;
	margin-right:50px;
}
.list li.but02 a:hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:35px;
	height:43px;
	display:block;
}
.list_but02_a_hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:35px;
	height:43px;
	display:block;
	background-position: -160px 0px;
	margin-right:50px;
}
.list li.but03 a{
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	width:63px;
	height:43px;
	display:block;
	background-position: -242px 0px;
	margin-right:49px;
}
.list li.but03 a:hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:63px;
	height:43px;
	display:block;
}
.list_but03_a_hover a{
	background-image: url(../images/list_ahover02.png);
	background-repeat: no-repeat;
	width:63px;
	height:43px;
	display:block;
	background-position: -242px 0px;
	margin-right:49px;
}
.list_but03_a_hover a:hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:63px;
	height:43px;
	display:block;
}
.list_but03_a_hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:63px;
	height:43px;
	display:block;
	background-position: -242px 0px;
	margin-right:49px;
}

/*---選單下拉--*/
.list_btn03_ahover{
	position:absolute;
	z-index:-1;
	background-image: url(../images/list_bg.png);
	background-repeat: repeat;
	margin:43px 0 0 183px;
	padding:55px 49px 55px 40px;
	width:672px;
	font-family:"Myriad Pro";
	opacity:0;
	filter:alpha(opacity=0);
}
/*---*/
.list li.but04 a{
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	width:75px;
	height:43px;
	display:block;
	background-position: -353px 0px;
}
.list li.but04 a:hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:75px;
	height:43px;
	display:block;
}
.list_but04_a_hover{
	background-image: url(../images/list_ahover.png);
	background-repeat: no-repeat;
	width:75px;
	height:43px;
	display:block;
	background-position: -353px 0px;
}
/*-*/
.search{
	float:left;
	width:172px;
	height:26px;
	background:#525252;
	padding:6px 0 0 0;
	margin:5px 5px 0 359px;
}
.search_box{
	background:none; border:none; width:129px; font-family:"Myriad Pro"; color:#ffffff;
}
.search_box02{
	background:none; border:none; width:295px; font-family:"Myriad Pro"; color:#404040;
}
/*-----------------------------------------------------------------區塊02------**/
.con_block{
	width:1159px;
	height:847px;
	padding:13px 29px 0 12px;
}
/*-*/
.con_left{
	float:left;
	width:933px;
	margin:0 30px 0 0;
}
.banner{
	float:left;
	width:933px;
	height:639px;
	opacity:0;
}
.banner img{


}

.index_banner{	

}
.index_banner img{
	margin-left:0px;
	margin-right:0px;

}
/*-------------------------左右鍵換圖---*/
ul, li {
		margin: 0;
		padding: 0;
		list-style: none;  
	}
	#abgne-block{
		margin: 0 auto;
		width: 933px;	/* 框架圖片的寬 */
		height: 639px;	/* 框架圖片的高 */
		position: relative;
	}

	#abgne-block a.prev, #abgne-block a.next {
		position: absolute;
		top: 297px;
		display: block;
		width: 43px;	/* 左右鈕圖片的寬 */
		height: 45px;	/* 左右鈕圖片的高 */
		text-indent: -9999px;
		z-index:999;
	}

	#abgne-block .prev {
		background: url('../images/left_btn.jpg') no-repeat;
	}
	#abgne-block a:hover.prev {
		background: url('../images/left_btn_2.jpg') no-repeat;
	}

	#abgne-block .next {
		background: url('../images/right_btn.jpg') no-repeat;
		right: 0;
	}
    #abgne-block a:hover.next {
		background: url('../images/right_btn_2.jpg') no-repeat;
	}
	
	#abgne-block .slides {
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		width: 933px;	/* 框架中間區塊的寬 */
		height: 639px;	/* 框架中間區塊的高 */
	}
	
 .shine2 {
	z-index:1000;
	position:absolute;
	top:0;
	left:0;
	width:933px;
	height:639px;
	display: none;
	background:url(../images/shine3.png) no-repeat; 
	display:block;
}

	#abgne-block .slides ul {
		position: absolute;
		width: 933px;
		height:639px;
		height: 100%;
	}

	#abgne-block .slides li {
		width: 933px;	/* 框架中間區塊的寬 */
		height: 100%;
		float: left;
	}
	/*-*/
	.banner_t{
		position:absolute;
		z-index:999;
		margin:272px 0 0 150px;
		display:none;
	}
	.banner_t img{
		margin-top:-40px;
	}
	.banner_t02{
		position:absolute;
		z-index:999;
		margin:199px 0 0 151px;
	}
	.banner_t02 img{
		margin-top:-40px;
		filter:alpha(opacity=0);
		opacity:0;
	}
/*---------------*/
.pro_banenr{
	float:left;
	width:933px;
}
/*--卷軸-*/
#scrollbar2 { width: 933px; margin: 0; padding:0; }
#scrollbar2 .viewport { width: 931px; height:197px; overflow: hidden; position: relative; background-color:#e1e1e1; border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#scrollbar2 .overview { list-style: none; width: 1864px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
#scrollbar2 .overview img{ float: left; }
#scrollbar2 .scrollbar{ background:#cfcfcf; position: relative; clear: both; height: 9px;}
#scrollbar2 .track { background: #cfcfcf; height:9px; position: relative; }
#scrollbar2 .thumb { background: #292929 url("../images/track_x.png") 50% 50% no-repeat; height: 9px; cursor: pointer; overflow: hidden; position: absolute; left:0; top: 0px;}
#scrollbar2 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/*-*/
.pro_t01{
	color:#ffffff; font-size:18px; font-family:"Myriad Pro"; font-weight:bold; display:none;
}
.pro_t002{
	color:#ffffff; font-family:"Myriad Pro"; display:none;
}
._item{
  position:relative;
  float:left;
  display:block;
  width:232px;
  height:197px;
  border-right:1px solid #e1e1e1;
}
.i01,.i02,.i03,.i04{
	opacity:0;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:198px;
	width:174px;
	height:87px;
	padding:21px 29px 21px 29px;
	cursor:pointer;
	z-index:999;
	background-image: url(../images/in_pro_bg.png);
	background-repeat: repeat;
}
/*-*/
.con_right{
	float:left;
	width:196px;
	margin-top:34px;
	opacity:0;
}
/*-*/
.in_about{
	width:196px;
	height:291px;
	margin-bottom:43px;
}
.ab_tit{
	font-size:30px;
	color:#1e1e1e;
/*	font-family:"Myriad Pro";*/
	padding-bottom:31px;
	line-height:23px;
}
.ab_con{
	color:#565656;
	line-height:19px;
}
.ab_con A:link , .ab_con A:visited{
	color:#565656;
	text-decoration:none;
}
.ab_con A:hover , .ab_con A:active{
	color:#383838;
	text-decoration:none;
}
/*-*/
.in_news{
	width:196px;
	height:334px;
}
/*--*/
.news_tit{
	width:196px;
	font-size:30px;
	color:#1e1e1e;
	/*font-family:"Myriad Pro";*/
	height:23px;
	padding-bottom:20px;
	margin-bottom:28px;
	border-bottom:1px solid #575757;
}
.news_con{
	color:#565656;
	/*font-family:"Myriad Pro";*/
	line-height:18px;
}
.news_con A:link , .news_con A:visited{
	color:#565656;
	text-decoration:none;
}
.news_con A:hover , .news_con A:active{
	color:#383838;
	text-decoration:none;
}
/*-*/
.news_t{
	color:#212121;
	/*font-family:"Myriad Pro";*/
	font-weight:bold;
}
/*-輪播*/
#product {
	width: 196px;
	height: 300px;
}
#product ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#product li {
	display: block;
	width: 196px;
	height: 300px;
	padding: 0;
	float: left;
	position: relative;
	color:#565656;
	/*font-family: "Myriad Pro";*/
}
#product .pager {
	width:120px;
	height:9px;
	z-index:1000;
	position:absolute;
	margin-left:141px;
	margin-top:-56px;
}
#product .pager a {
	background: transparent url(../images/index_banner_control.png) no-repeat 1px 0px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 10px;
	margin-left:16px;
	margin-right:0px;
}
#product .pager a:hover {
	background: transparent url(../images/index_banner_control.png) no-repeat 1px -25px;
	text-decoration: underline;
}
#product .pager a.selected {
	background: transparent url(../images/index_banner_control.png) no-repeat 1px -50px;
	text-decoration: underline;
}
/*-----------------------------------------------------------------區塊03--------*/
.con_block02{
	clear:both;
	width:1170px;
	height:275px;
	background:#f2f2f2;
	padding:50px 0 0 30px;
	/*font-family:"Myriad Pro";*/
}
.footer_list{
	float:left;
	width:182px;
	color:#474747;
	font-size:14px;
	font-weight:bold;
}
.footer_list A:link , .footer_list A:visited{
	color:#474747;
	text-decoration:none;
}
.footer_list A:hover , .footer_list A:active{
	color:#000000;
	text-decoration:none;
}
.footer_list_t{
	color:#7d7d7d;
	font-size:12px;
	font-weight:normal;
}
.footer_list_t A:link , .footer_list_t A:visited{
	color:#7d7d7d;
	text-decoration:none;
}
.footer_list_t A:hover , .footer_list_t A:active{
	color:#585858;
	text-decoration:none;
}
.space{
	float:left;
	width:55px;
	height:30px;
}
.footer_contact{
	float:left;
	width:304px;
}
.footer_f{
	float:left;
	width:368px;
	color:#b5b5b5;
	line-height:18px;
}
.footer_f A:link , .footer_f A:visited{
	color:#b5b5b5;
	text-decoration:none;
}
.footer_f A:hover , .footer_f A:active{
	color:#797979;
	text-decoration:none;
}
/*-*/
.footer_line{
	border-right:1px solid #565656;
}
.footer_t{
	color:#474747;
	font-size:14px;
	font-weight:bold;
	/*font-family:"Myriad Pro";*/
}
.footer_list_t02{
	color:#7d7d7d;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}
.footer_list_t02 A:link , .footer_list_t02 A:visited{
	color:#7d7d7d;
	text-decoration:none;
}
.footer_list_t02 A:hover , .footer_list_t02 A:active{
	color:#585858;
	text-decoration:none;
}
/*--*/
.top{
	position:absolute;
	z-index:999;
	margin-top:181px;
	margin-left:498px;
}




/*-----------------------------------------------------------------------------------------------內頁部分-----------------*/
/*-內頁右側-*/
.news_pro{
	width:196px;
	font-size:15px;
	color:#1e1e1e;
	/*font-family:"Myriad Pro";*/
	height:13px;
	padding-bottom:10px;
	margin-bottom:28px;
	border-bottom:1px solid #575757;
}
.news_pro_con{
color: #808080;
/*font-family: "Myriad Pro";*/
line-height: 18px;
position: relative;
right: 24px;
text-align: center;
float: right;
}
.news_pro_con A:link , .news_pro_con A:visited{
	color:#808080;
	text-decoration:none;
}
.news_pro_con A:hover , .news_pro_con A:active{
	color:#636363;
	text-decoration:none;
}
.news_pro_con_tit{
	color:#191919;
	font-size:14px;
}
/*---內頁banner--*/
.ex_banner{
	float:left;
	width:933px;
	height:472px;
	opacity:0;
	overflow:hidden;
}
/*-----標題--*/
.ex_con_title{
	float:left;
	padding-top:18px;
/*	font-family:"Myriad Pro";*/
}
.ex_con_line{
	border-bottom:1px solid #b6b6b6;
}
/*-----*/
.ex_con_tit{
	padding-left:18px;
	color:#000000;
	font-size:30px;
}
.ex_con_tit02{
	padding-right:18px;
	color:#8b8b8b;
	font-size:12px;
	font-weight:bold;
}
.ex_con_tit02 A:link , .ex_con_tit02 A:visited{
	color:#8b8b8b;
	text-decoration:none;
}
.ex_con_tit02 A:hover , .ex_con_tit02 A:active{
	color:#5e5e5e;
	text-decoration:none;
}
/*------------編輯器-----*/
.ex_con{
	float:left;
	padding:0 0 0 18px;
	color:#6b6b6b;
	margin-bottom:103px;
/*	font-family:"Myriad Pro";*/
}
/*------關於我們*/
.ab_con_t{
	font-size:20px;
	color:#404040;
	font-weight:bold;
}
.ab_con_t02{
	color:#404040;
	font-size:18px;
}
.ab_con_t03{
	line-height:16px;
}
/*---------news-----*/
.news_search_bg{
	background-image: url(../images/search_middle.jpg);
	background-repeat: repeat-x;
}
.news_line{
	border:1px solid #f0f0f0;
}
.news_bg{
	padding:27px 20px 23px 16px;
	background:#f7f7f7;
	border-bottom:1px solid #e2e2e2;
	/*display:none;*/
}
.news_bg02{
	padding:27px 20px 23px 16px;
	background:#ffffff;
	border-bottom:1px solid #e2e2e2;
	/*display:none;*/
}
.exnews_t{
	color:#404040;
}

.exnews_t a{
	color:#404040;
	text-decoration:none;
}
.exnews_t02{
	color:#8e8e8e;
}
.exnews_t03{
	color:#2e2e2e;
}
.exnews_t03 A:link , .exnews_t03 A:visited{
	color:#2e2e2e;
	text-decoration:none;
	display:block;
	width:70px;
	height:30px;
}
.exnews_t03 A:hover , .exnews_t03 A:active{
	color:#2B95FF;
	text-decoration:none;
}
.exnews_t04{
	color:#6b6b6b;
	line-height:15px;
}

.exnews_t04 a{
	color:#6b6b6b;
	line-height:14px;
	text-decoration:none;
}
/*----------------news_d-----*/
.news_d{
	position:absolute;
	width:100%;

	background-image: url(../images/news_d_bg.png);
	background-repeat: repeat;
}
.news_d_block{
	background-color: #FFF;
	background-image: url(../images/news_d_bg02.png);
	background-repeat: no-repeat;
	position:absolute;
	left:50%;
	margin-left:-400px;
	width:671px;
	margin-bottom:85px;
	padding:32px 65px 42px 65px;
	color:#6b6b6b;
	/*font-family:"Myriad Pro";*/
	line-height:18px;
}
/*--*/
.news_d_t{
	color:#404040;
}
/*--------------------------------------product------*/
.pro_list_t{
	color:#59acff;
	/*font-family:"Myriad Pro";*/
	font-size:14px;
}
.pro_list_t02{
	color:#e6e6e6;
/*	font-family:"Myriad Pro";*/
	font-size:14px;
}
/*-輪播*/
#product02 {
	width: 328px;
	height: 201px;
}
#product02 ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#product02 li {
	display: block;
	width: 328px;
	height: 201px;
	padding: 0;
	float: left;
	position: relative;
}
#product02 .pager02 {
	height:9px;
	z-index:1000;
	position:absolute;
	/*margin-left:254px;width:120px;*/
	margin-top:-16px;
	right:0;
	margin-right:393px;
}
#product02 .pager02 a {
	background: transparent url(../images/index_banner_control02.png) no-repeat 1px 0px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 10px;
	margin-left:16px;
	margin-right:0px;
}
#product02 .pager02 a:hover {
	background: transparent url(../images/index_banner_control02.png) no-repeat 1px -25px;
	text-decoration: underline;
}
#product02 .pager02 a.selected {
	background: transparent url(../images/index_banner_control02.png) no-repeat 1px -51px;
	text-decoration: underline;
}
/*-------*/
.list_line{
	background-image: url(../images/list_line.png);
	background-repeat: repeat-y;
	background-position: 124px 0px;
	color:#929292;
}
.list_line A:link , .list_line A:visited{
	color:#929292;
	text-decoration:none;
}
.list_line A:hover , .list_line A:active{
	color:#d7d7d7;
	text-decoration:none;
}
.list_t{
	color:#ffffff;
	font-size:14px;
}
/*---*/
.pro_t{
	color:#000000;
	font-size:30px;
	/*font-family:"Myriad Pro";*/
}
.pro_t02{
	color:#929292;
	font-size:14px;
}
.pro_t03{
	color:#1b1b1b;
	/*font-family:"Myriad Pro";*/
    font-size:14px;
}
.pro_line{
	border-bottom:1px solid #dbdbdb;
}
/*-----*/
._item02{
  position:relative;
  display:block;
  width:188px;
  height:188px;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask02{
	position:absolute;
	top:0px;
	left:0px;
	width:188px;
	height:188px;
	cursor:pointer;
	z-index:999;
	background-image: url(../images/pro_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/*---------------------------------------------product_d------*/
.product_d_block{
	padding:35px;
	position:absolute;
	background:#ffffff;
	width:668px;
}
.pro_d{
	position:absolute;
	z-index:999;
	bottom:0;
	margin-bottom:148px;
	margin-left:164px;
}
/*-----*/
._item03{
  position:relative;
  display:block;
  width:68px;
  height:68px;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask03{
	position:absolute;
	top:0px;
	left:0px;
	width:66px;
	height:66px;
	border:1px solid #000;
	cursor:pointer;
	overflow: hidden;
	z-index:999;
}
/*---------------------------------------------contact---*/
.contact_t{
	color:#4377ab;
	font-size:18px;
}
.contact_t02{
	color:#000;
	font-size:13px;
}
.contact_t03{
	color:#6b6b6b;
	font-size:13px;
}
.contact_t03 A:link , .contact_t03 A:visited{
	color:#6b6b6b;
	text-decoration:none;
}
.contact_t03 A:hover , .contact_t03 A:active{
	color:#2e2e2e;
	text-decoration:none;
}
.contact_t04{
	color:#202020;
	font-size:13px;
}
.contact_space{
	border:1px solid #e0e0e0;
	padding:11px;
}
.contact_space02{
	border:1px solid #ffffff;
	padding:11px;
}
.contact_box{
	border:none; background:none; width:406px;color:#9f9f9f;
	font-size:13px;
}
.contact_box02{
	border:none; background:none; width:502px;color:#9f9f9f;
	font-size:13px;
}


/*效果*/
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation: pulse 10s linear 1 alternate;
-moz-animation: pulse 10s linear 1 alternate;
-o-animation: pulse 10s linear 1 alternate;
-ms-animation: pulse 10s linear 1 alternate;
animation: pulse 10s linear 1 alternate;
}
  @-webkit-keyframes pulse {
     0% {-webkit-transform:scale(1.15, 1.15);-moz-transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15);-o-transform:scale(1.15, 1.15);transform:scale(1.15, 1.15)}
     100% {-webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1)}
  }
  @-moz-keyframes pulse {
    0% {-webkit-transform:scale(1.15, 1.15);-moz-transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15);-o-transform:scale(1.15, 1.15);transform:scale(1.15, 1.15)}
    100% {-webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1)}
  }
  @-o-keyframes pulse {
    0% {-webkit-transform:scale(1.15, 1.15);-moz-transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15);-o-transform:scale(1.15, 1.15);transform:scale(1.15, 1.15)}
    100% {-webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1)}
  }

/*
#banner_list{
	right: 0 !important;
	left: auto !important;
}*/