@charset "utf-8";
@import url("copyright.css");
A:link { FONT-STYLE: normal; TEXT-DECORATION: none; color: #666464} 
A:visited { FONT-STYLE: normal; TEXT-DECORATION: none; color: #666464} 
A:active { FONT-STYLE: normal; TEXT-DECORATION: none; color: #666464} 
A:hover { COLOR: #949495; FONT-STYLE: normal; TEXT-DECORATION: none;} 
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	font-size: 0.8em;
	color:#5d5d5d;
	line-height: 24px;
	background:url(../images/bg.jpg) repeat-x center -20px;
	font-family: Arial, Helvetica, sans-serif;
}
.c_orang{	color: #F00;}
.f9pt{ font-size:10px;}
.f12pt{font-size:12px;}
.f10px{font-size:10px;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#a9a9a9;}
.c_black{ color:#000;}
.c_red{ color:#ac1100;}
.fhight16{ line-height:16px;}
.point01{ list-style-image:url(../images/ico_point01.gif);}

/* ------------- all ------------- */
#top{width:100%;margin:0px auto; text-align:center;background:url(../images/bg.gif) repeat-x; clear:both;}
#bg_main{	position: relative;	width:1000px; margin:0px auto; clear:both; background-image:url(../images/bg_right.jpg); background-repeat:no-repeat; background-position:center top;}

/* ------------- left ------------- */
.left{
	margin-left:13px;
	_margin-left:7px;
	float:left;
	width:200px;
	background:url(../images/bg_left.jpg) no-repeat;
	min-height:835px;
	height:auto !important;
	height:835px;
	}
.left li,.left ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.menu li{
	color:#f37800;
	margin-bottom:5px;
	padding-left:0px;
	}
.menu li a{
	color:#f37800;
	height:auto;
	line-height:26px;
	font-weight:bold;
	padding-left:15px;
	background:url(../images/mu_01.gif) no-repeat -22px 0;
	display:block;
	}
.menu li a:hover{
	color:white;
	background-position:-246px 0;
	height:auto;
	}
.menu_s01 {
	margin-bottom:10px;
	}
.menu_s01 a{
	padding:0 15px;
	display:block;
	}
.menu_s01 a:hover{
	color:black;
	}

/* ------------- main ------------- */
.main{
	background-repeat: no-repeat;
	background-position: right top;
	border: 0px solid #b32480;
	text-align: left;
	display:inline-block; width: 778px; *width:700px; clear:both;.clear:none; }
h1{ font-size:16px; margin:0px; display:inline;}
.h1{font-size:16px; font-weight:bold;color:#000;float:left; padding:10px 0px 0px 20px;}
h2{font-size:1.2em; margin:0px;}
.title{background:url(../images/title_bg.gif) no-repeat; margin:0px 10px 10px 0px; height:43px;}
.breadcrumbs{ font-size:0.8em;text-align: right; color:#a8a8a8; background-image:url(../images/breadcrumbs_bg01.gif) no-repeat; height:30px; margin:0px; padding-top:5px; border:0px solid #00F;}
.breadcrumbs a:link, .breadcrumbs a:visited  {	color: #a8a8a8;	padding-top: 20px;}
.breadcrumbs a:active, .breadcrumbs a:hover {	color: #a8a8a8;	text-decoration: none; font-weight:bold; padding-top: 20px;}
.home{}
.home:link, .home:visited  {color: #a8a8a8;	padding-top: 20px;}
.home:active, .home:hover {	color: #a8a8a8;	text-decoration: none;}
.breadcrumbs .home{}
.breadcrumbs .home:link, .breadcrumbs .home:visited  {color: #a8a8a8; padding-top: 20px;}
.breadcrumbs .home:active, .breadcrumbs .home:hover { color: #a8a8a8;	text-decoration: none;}
.breadcrumbs img{vertical-align: middle;}


.content{	border: 0px solid #cee;}
.content-main{	border: 0px solid red;	margin: 0px; margin-bottom:30px;}
.both{clear:both;}
.content-main ul ol li{ margin:-20px;}



/* ------------- cat01------------- */
.catlis_box{border: 0px solid #ffcccc;}
.catlis{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:10px 0px 20px 0px;background:url(../images/pro_line.jpg) bottom no-repeat;border:1px solid #069;}
.catlis a:link, .pro a:visited  {color:#fff;}
.catlis a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.catlis img{ float:left;}
.catlislist_description{	margin-left:20px;	float:left;	border:1px solid #069;	width:60%;}
.catlislist_description img{ margin-left:300px;}
.catlis_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/pro_bg_name.jpg) no-repeat; height:36px; padding-left:15px;padding-top:15px;}
.catlis_description{	float:left;	border:0px solid #006;	width:400px;}
.catlis_descriptionimg{ width:305px;float:left;}
.catlis_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.catlis_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.catlis_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}

/* ------------- product 橫向模式 第1種------------- 
.product_box{border: 0px solid #ffcccc;}
.pro{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:10px 0px 20px 0px;background:url(../images/pro_line.jpg) bottom no-repeat;border:0px solid #069;}
.pro a:link, .pro a:visited  {color:#fff;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.pro img{ float:left;}
.prolist_description{	margin-left:20px;	float:left;	border:0px solid #069;	width:75%;}
.prolist_description img{ float:right;}
.pro_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/pro_frame_under01_04.jpg) no-repeat left -5px; min-height:30px; .height:30px; padding:5px 15px 0px 15px;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* ------------- product 橫向模式 第2種-------------
.product_box{background:url(../images/pro_line.jpg) bottom no-repeat;border:0px solid #069;}
.pro{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:8px 0px 20px 8px;background:url(../images/pro_frame.jpg) no-repeat 0px 0px;}
.pro a:link, .pro a:visited  {color:#a79686;}
.pro a:active, .pro a:hover {	color:#66513d;	text-decoration: underline;}
.pro img{ float:left;}
.prolist_description{	margin-left:20px;	float:left;	border:0px solid #069;	width:75%;}
.prolist_description img{ float:right;}
.pro_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/.jpg) no-repeat left -5px; min-height:30px; .height:30px; padding:5px 15px 3px 5px;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* ------------- product 橫向模式 第3種-------------*/
.product_box{background:url(../images/.jpg) bottom no-repeat;border:0px solid #069; float: left; margin:0px 7px;}
.pro{ float:left; margin:0px;font-size:11px; width:330px; line-height:18px; background:url(../images/pro_frame_01.jpg) no-repeat 0px 0px; border-bottom: 0px dotted #CCC; margin-bottom:20px;
position:relative;
}
.pro img{ float:left; margin:1px 1px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#898989;	text-decoration: none;}
.pro_img a img{padding:0px; background:#a8b8bc; float:left;}
.pro_img a:hover img{ padding:0px; background:#c3eaf4;}	
.prolist_description{ width:155px;  float:left;margin-left:15px;}
.prolist_description img {}
.pro_name{color: #282828;font-size:13px; font-weight: bold; min-height:25px; .height:25px; width:155px; float:left;margin-left:15px;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{} */

/* ------------- product 橫向模式 第4種-------------
.product_box{background:url(../images/.jpg) bottom no-repeat;border:0px solid #069; float: left; margin:0px 0px;}
.pro{ float:left; margin:0px;font-size:11px; width:320px; line-height:18px; padding:8px 8px 10px 8px;background:url(../images/pro_frame_06.jpg) no-repeat 0px 0px; margin:0px 8px 20px 8px; min-height:155px; .height:155px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#00aeda;	text-decoration: underline;}
.pro img{ float:left;}
.prolist_description{ margin-top:10px; float:right; border:0px solid #069; width:180px;}
.prolist_description img{ float:right;}
.pro_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/.jpg) no-repeat left -5px; min-height:25px; .height:25px; padding:5px 15px 3px 15px;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;}

/* -------------專用 -------------
.product_box{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.pro{ text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/pro_frame_01.jpg) no-repeat 0px 0px; }
.pro img{ margin:10px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.prolist_description{ text-align:left;}
.prolist_description img { display:block; margin:0 auto; width:auto;}
.pro_name{	color: #000;font-size:13px; text-align:center; height:36px; padding-top:5px;font-weight:bold;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* -------------product02 第2種樣 -------------
.product_box{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.pro{ text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/pro_frame_02.jpg) no-repeat 0px 0px; }
.pro img{ margin:10px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.prolist_description{ text-align:left;}
.prolist_description img { display:block; margin:0 auto; width:auto;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_name{	color: #000;font-size:13px; text-align:center;	height:36px; padding-top:5px;font-weight:bold;}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* -------------product02 第3種樣式 -------------
.product_box{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.pro{ text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/pro_frame_03.jpg) no-repeat 0px 0px; }
.pro img{ margin:10px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.prolist_description{ text-align:left; padding:0px 12px 15px 9px; min-height:50px; background:url(../images/pro_frame_under.jpg) no-repeat 0px bottom;}
.prolist_description img { display:block; margin:0 auto; width:auto;}
.pro_name{	color: #000;font-size:13px; text-align:center;	height:36px; padding-top:5px;font-weight:bold;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* -------------product02 第4種樣式 -------------
.product_box{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.pro{ text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/pro_frame_04.jpg) no-repeat 0px 0px; }
.pro img{ margin:10px; margin-left:20px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.prolist_description{ text-align:left;}
.prolist_description img { display:block; margin:0 auto; width:auto;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_name{	color: #000;font-size:13px; text-align:center;	height:36px; padding-top:5px;font-weight:bold;}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* -------------product02 第5種樣式 -------------
.product_box{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.pro{ text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/.jpg) no-repeat 0px 0px; }
.pro img{ margin:10px; margin-left:20px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.prolist_description{ text-align:left; border-top:0px dotted #999;}
.prolist_description img { display:block; margin:0px 0px 0px auto; width:auto;}
.pro_description{ float:left; margin-left:20px; width:355px;}
.pro_descriptionimg{ width:305px;float:left; display:block}
.pro_name{	color: #000;font-size:13px; text-align:left;padding:8px 0px 0px 25px;font-weight:bold;background:url(../images/pro_frame_under01.jpg) no-repeat 0px top; min-height:36px;}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;} */

/* ------------- search -------------*/
.prod_search{background:url(../images/under_search.gif) no-repeat; width:210px; padding:30px 0px 20px 10px; margin-left:20px;}

/* ------------- page ------------- */
#move_page {	text-align: center;	margin-top: 20px;	margin-bottom: 30px;}
#move_page .onthis{	font-size: 14px;	font-weight: bold;	color: #ee7800;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}
#move_page a {	font-size: 11px;	font-weight: normal;	color: #727171;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}

/* ------------- news ------------- */
.news_date{ float:right;}
.news_list strong{ font-size:13px;}
.news_list { font-size:11px; color:#999;}
.news_listpic{ border:0px #d1d1d1 solid; padding:5px;}

/* ------------- contact ------------- */
.inquiry{}

/* ------------- video ------------- */
.video_box{background:url(../images/video_box.jpg) no-repeat; padding:15px; margin-bottom:10px;}


/* ------------- contact 上下樣式 ------------- */
.contact_add{ font-size:10px; line-height:16px; color:#adb0a5; height:20px; padding:0px 10px 0px 300px; }
.contact_add strong{ color:#000;}
.contact_form{ padding-left:45px; } */
/* ------------- contact 左右樣式 -------------
.contact_add{ font-size:10px; line-height:18px; color:#adb0a5;background:url(../images/mutitle_contact.jpg) no-repeat -30px top; padding:150px 50px 30px 0px; float:left; width:200px;}
.contact_add strong{ color:#000;}
.contact_form{ float:right; border:0px #0C0 solid; width:450px;}

/* ------------- button ------------- */
.but_cancel{ font-size:10px; color:#FFF;padding:10px; margin:10px; border:0px;}
.but_send{font-size:12px; color:#FFF;padding:10px;margin:10px; border:0px;}

/* ------------- table ------------- */
.td_main01{	padding-left: 30px; background-image: url(../images/news_title.jpg); background-repeat:no-repeat; background-position:left; padding-top:20px;}
.td_main02{	padding-left: 0px; border-bottom:#ff9d19 solid 2px;  padding-top:10px; text-align:left; height:33px;}
.td_bg01{ padding: 5px;border-bottom:1px  dashed #e7e6e6; color:#949495;}
.td_bg02{padding: 5px; border-bottom:1px dashed #e7e6e6; color:#949495; }
.td_01{	border-bottom: 1px dotted #c0c0c0;padding:5px;}
.td_02{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.td_03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}

.ind_td_news{ font-size:13px; color:#9e9a8a; border-bottom:#9e9a8a dashed 1px; background-image:url(../images/ind_news_icon.jpg); background-position:left center; background-repeat:no-repeat;}

.ind_td_pro01{ background-image:url(../images/ind_pro_bg.jpg); background-position:center center; background-repeat:no-repeat; height:130px; width:150px; height:135px; *padding-left:3px;}

.ind_td_pro02{ font-size:13px; color:#000; text-align:center;}



/* ------------- topbar ------------- */
#WebCall { width:16px; position:absolute;right:0px; top:0px; margin-top:-160px; float:right; z-index:1;}


#top2{position:relative;width: 976px; box-sizing: border-box; height: 207px; margin: 0 auto 12px; padding: 0 0px; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3);}
.topLink{position: absolute;top: 0;left: 0; width: 100%;text-align: right;box-sizing: border-box;padding: 0 30px 0 0px;z-index: 2;line-height: 1;}
.topLink li ,.topLink a{display: inline-block; color:#FFF; list-style: none; font-size:10px}
.topLink li{margin: 0 5px;}
.topLogo {position: absolute; width: 250px; height: 127px; top: 15px; left: 40px;z-index: 2;}
.topLogo .earth{position: absolute;top: 29px;left: 28px;height: 72px;width: 72px;border-radius: 50%; overflow: hidden;background-image: url('../images/topEarth.png');background-size: 370px 72px; background-repeat: repeat-x; background-position: 0 0; animation: earthRun 6s 0s linear infinite; -webkit-animation: earthRun 6s 0s linear infinite;}
.topLogo .light{display:block;width: 116px;height: 140px;position: absolute;top: -32px;left: 32px; transform-origin: center center; -webkit-transform-origin: center center;animation: LightRun 6s 0s linear infinite; -webkit-animation: LightRun 6s 0s linear infinite; transform: rotateZ(0);-webkit-transform: rotateZ(0);opacity: 0;}
.logotext{position: absolute;width:180px;height: 50px;bottom: 23px; right: 0;}


.topMenu{
	box-sizing: border-box;
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.topMenu .categories{
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #FFF;
	font-size: 14px;
	font-weight: 900;
	width:200px;
	text-align: center;
	padding: 6px 0;
	background-color: #f37800;
	background-image: linear-gradient(170deg, #ffce25 0% ,  #f37800 80% , #f37800 100%);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.topMenu ul{
	height:36px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin:0;
	font-size:0px;
}
.topMenu ul li{
	background-image: linear-gradient(170deg, #ffce25 0% ,  #f37800 80% , #f37800 100%);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 0px 0;
	height: 36px;
	background-color: #f37800;
}
.topMenu ul li a{
	height: 24px;
	overflow: hidden;
	text-align: center;
}
.topMenu ul li:nth-child(1){width: 154px;}
.topMenu ul li:nth-child(2){width: 200px;}
.topMenu ul li:nth-child(3){width: 149px;}
.topMenu ul li:nth-child(4){width: 108px;}
.topMenu ul li:nth-child(5){width: 166px;}

.topMenu ul li,
.topMenu ul li a{
	position: relative;
	font-weight: 900;
	font-size: 14px;
	line-height: 36px;
	color: #FFF;
	display: inline-block;
	text-align: center;
}
.topMenu ul li a > span{
	position: relative;
	top: 0;
	left: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.topMenu ul li a > span:nth-child(2){
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 100%;
}
.topMenu ul li a:hover span:nth-child(1){
	top: -100%;
}
.topMenu ul li a:hover span:nth-child(2){
	top: 0%;
}
.topBg{position: relative;}
.topBg_Item{position: absolute; top: 0; left: 0;z-index: 0;}
.topBg_Item{opacity: 0;}
.topBg_Item:nth-child(1){
	animation: topBg1 12s 0s linear infinite; 
	-webkit-animation: topBg1 12s 0s linear infinite;
}
.topBg_Item:nth-child(2){
	animation: topBg1 12s 6s linear infinite; 
	-webkit-animation: topBg1 12s 6s linear infinite;
}
.textAnimate{
	position: absolute;
	top: 50%;
	left: 41%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
}
.textAnimate div{
	position: relative;
	left: 0;
	overflow: hidden;
	max-width: 0;
	margin-bottom: 10px;
}
.textAnimate div:nth-child(1){
	left: 0%;
	animation: textAnimate1 6s 0s linear infinite; 
	-webkit-animation: textAnimate1 6s 0s linear infinite;

}
.textAnimate div:nth-child(2){
	left: 50%;
	animation: textAnimate2 6s 0s linear infinite; 
	-webkit-animation: textAnimate2 6s 0s linear infinite;

}



@-webkit-keyframes earthRun {
  0%   { background-position: 0 0; }
  100% { background-position: 370px 0; }
}
@-moz-keyframes earthRun {
  0%   { background-position: 0 0; }
  100% { background-position: 370px 0; }
}
@-o-keyframes earthRun {
  0%   { background-position: 0 0; }
  100% { background-position: 370px 0; }
}
@keyframes earthRun {
  0%   { background-position: 0 0; }
  100% { background-position: 370px 0; }
}

@-webkit-keyframes LightRun {
  0%   { opacity: 0;transform: rotateZ(0);-webkit-transform: rotateZ(0);}
  20%   { opacity: 1;}
  80%   { opacity: 1;}
  100% { opacity: 0;transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes LightRun {
  0%   { opacity: 0;transform: rotateZ(0);-webkit-transform: rotateZ(0);}
  20%   { opacity: 1;}
  80%   { opacity: 1;}
  100% { opacity: 0;transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);}
}
@-o-keyframes LightRun {
  0%   { opacity: 0;transform: rotateZ(0);-webkit-transform: rotateZ(0);}
  20%   { opacity: 1;}
  80%   { opacity: 1;}
  100% { opacity: 0;transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);}
}
@keyframes LightRun {
  0%   { opacity: 0;transform: rotateZ(0);-webkit-transform: rotateZ(0);}
  20%   { opacity: 1;}
  80%   { opacity: 1;}
  100% { opacity: 0;transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);}
}

@-webkit-keyframes textAnimate1 {
  0%   {max-width: 0px}
  40% {max-width: 500px}
  100% {max-width: 500px}
}
@-moz-keyframes textAnimate1 {
  0%   {max-width: 0px}
  40% {max-width: 500px}
  100% {max-width: 500px}
}
@-o-keyframes textAnimate1 {
  0%   {max-width: 0px}
  40% {max-width: 500px}
  100% {max-width: 500px}
}
@keyframes textAnimate1 {
  0%   {max-width: 0px}
  40% {max-width: 500px}
  100% {max-width: 500px}
}

@-webkit-keyframes textAnimate2 {
  0%   {max-width: 0px}
  40%   {max-width: 0px}
  80% {max-width: 500px}
  100% {max-width: 500px}
}
@-moz-keyframes textAnimate2 {
  0%   {max-width: 0px}
  40%   {max-width: 0px}
  80% {max-width: 500px}
  100% {max-width: 500px}
}
@-o-keyframes textAnimate2 {
  0%   {max-width: 0px}
  40%   {max-width: 0px}
  80% {max-width: 500px}
  100% {max-width: 500px}
}
@keyframes textAnimate2 {
  0%   {max-width: 0px}
  40%   {max-width: 0px}
  80% {max-width: 500px}
  100% {max-width: 500px}
}


@-webkit-keyframes topBg1 {
  0%   {opacity: 1;}
  50%   {opacity: 1;}
  50.1%   {opacity: 0;}
  100% {opacity: 0;}
}
@-moz-keyframes topBg1 {
   0%   {opacity: 1;}
  50%   {opacity: 1;}
  50.1%   {opacity: 0;}
  100% {opacity: 0;}
}
@-o-keyframes topBg1 {
   0%   {opacity: 1;}
  50%   {opacity: 1;}
  50.1%   {opacity: 0;}
  100% {opacity: 0;}
}
@keyframes topBg1 {
   0%   {opacity: 1;}
  50%   {opacity: 1;}
  50.1%   {opacity: 0;}
  100% {opacity: 0;}
}
.Bannerslider{
	width: 778px;
	height: 196px;
}
.slick-dots{
	bottom: 0;
	right: 0;
	width:auto;
}
.bannerDot{
	box-sizing: border-box;
	padding-right: 30px;
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
}
.bannerDot li{
	cursor: pointer;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	background-color: #FFF;
	border-radius: 50%;
	box-shadow: 1px 1px 2px  0px rgba(0, 0, 0, 0.5) inset;
}
.bannerDot li.slick-active{
	background-color: #f37800;
	box-shadow: 1px 1px 2px  0px rgba(255, 255, 255, 0.5) inset;
}
.bannerDot button{
	display: none;
}