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

html{-webkit-text-size-adjust: none; height:100%; }
body { margin:0; padding:0; font-family:Arial,"Lucida Sans Unicode", "Lucida Grande"; font-size:12px; color:#888888; word-break:break-all; line-height:18px; height:100%; background:url(../images/body_topbg.jpg) top left repeat-x;}
div,ul,ol,li,p,span,a,img,dl,dt,dd{ margin:0; padding:0; list-style:none;}
a{ color:#888888; text-decoration:none;}
a:hover{ color:#5082a7; text-decoration:none;}
img{ border:none;}
html body div.clear,html body span.clear{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }


.top_bg{ width:100%; height:100px;}
.top{ width:1000px;  margin:0 auto;}
.logo{ margin:0; padding:0; width:315px; height:98px; line-height:500px; overflow:hidden; background:url(../images/logo.png); float:left;}
.top_r{ float:right; margin:20px 0 0 0;}
.top_rt{ float:right;}
.top_login{ float:left;font-weight:bold;}
.top_login dt{padding:0  5px; float:left;}
.top_login dd{ float:left; padding-right:20px;}
.top_login a{ color:#08aaa4;}

.lang{ float:left; padding:0 0 0 10px; position:relative;}
.lang div{ float:left; background:url(../images/lang_more.jpg) right center no-repeat; padding:0 10px 0 0;}
.lang ul{ display:none; background:url(../images/lang_bg.png); width:92px; padding:0 3px; overflow:hidden; position:absolute; z-index:999; margin:-6px 0 0 -3px;}
.lang li{ float:left; line-height:30px;}
.lang .cn{ background:url(../images/lang_cn_ico.jpg) left center no-repeat; display:block; padding:0 0 0 23px; width:60px;}
.lang .en{ background:url(../images/lang_gb_ico.jpg) left center no-repeat; display:block; padding:0 0 0 23px; width:60px;}
.lang .de{ background:url(../images/lang_de_ico.jpg) left center no-repeat; display:block; padding:0 0 0 23px; width:60px;}
.lang .jp{ background:url(../images/lang_jp_ico.jpg) left center no-repeat; display:block; padding:0 0 0 23px; width:60px;}



.nav{ float:right; margin:15px 0 0 0;}
.nav li{ float:left; padding:0 0 0 5px;  text-align:center; font-size:14px;}
.nav li a{ width:90px; line-height:30px; padding:0 0 14px 0; display:block; text-align:center; color:#323232; font-weight:bold;}
.nav li a:hover{color:#0bc9d0;}
.nav .sz{color:#0bc9d0;}
.bmc{ width:100px;}
.hr{ width:80px;}
.contactus{width:95px;}

.flash{ width:100%; height:445px; overflow:hidden;}

.ind_body{ width:1000px; margin:0 auto; overflow:hidden;}
.ind_body2{ width:980px; margin:0 auto; overflow:hidden;}
.about_box{ width:320px; height:200px; background:url(../images/ind_box_bg_01.jpg);  float:left;}
.ind_box_tit{ color:#5082a7; padding:10px 0 10px 20px; margin:0 0 0 10px; font-size:14px;}
.about_ico{ background:url(../images/about_ico.jpg) left center no-repeat;}

.about_box .ind_lr_box{margin:0 10px;}
.details{ padding:0 0 0 145px;}
.details a{ color:#9bc88c; font-family:Arial, Helvetica, sans-serif; padding: 0 10px 0 0; background:url(../images/det_ico.jpg) right center no-repeat;}
.topLoop .bd{ margin:0 10px;}

.news_box{ width:320px; height:200px; background:url(../images/ind_box_bg_01.jpg);  float:left; margin:0 0 0 20px; display:inline;}
.news_ico{ background:url(../images/news_ico.jpg) left 10px no-repeat;}

.ind_news_list{ width:100%; overflow:hidden; padding:7px 0; background:url(../images/ind_list_line.jpg) center bottom repeat-x;}
.ind_news_list dt{ width:100%; float:left;}
.ind_news_list a{ color:#3c9bd8; font-size:14px;}
.ind_news_list dd{ width:100%; float:left;}

.ind_jt{ margin-top:-12px; margin-right:5px;}
.ind_jt dl{ float:right; font-family:Arial, Helvetica, sans-serif;}
.ind_jt dt{ float:left;}
.ind_jt dd{ float:left; margin:0 0 0 10px;}
.ind_jt a{ cursor:pointer;}
.ind_jt .jtl{ background:url(../images/prev_ico.jpg) left center no-repeat; padding:0 0 0 10px; color:#9bc88c;}
.ind_jt .jtr{ background:url(../images/next_ico.jpg) right center no-repeat; padding:0 10px 0 0; color:#9bc88c;}
.ind_jt .jtl2{ background:url(../images/prev_ico_02.jpg) left center no-repeat; padding:0 0 0 10px; color:#9bc88c;}
.ind_jt .jtr2{ background:url(../images/next_ico_02.jpg) right center no-repeat; padding:0 10px 0 0; color:#9bc88c;}

.case_box{ width:320px; height:200px; background:url(../images/ind_box_bg_01.jpg);  float:left; margin:0 0 0 20px; display:inline;}
.case_ico{ background:url(../images/case_ico.jpg) left 10px no-repeat;}

.ind_case_list{ width:100%; overflow:hidden; padding:4px 0; background:url(../images/ind_list_line.jpg) center bottom repeat-x;}
.ind_case_list dt{ float:left;}
.ind_case_list a{ color:#3c9bd8; font-size:14px;}
.ind_case_list dd{ width:210px; float:right;}

.pro_box{ width:660px; height:200px; background:url(../images/ind_box_bg_02.jpg);  float:left; margin:10PX 0 0 0;}
.pro_box2{ width:300px; height:200px; float:left; }
.pro_ico{ background:url(../images/pro_ico.jpg) left 10px no-repeat;}

.ind_pro_kk{  width:90px; height:100px; padding:2px; float:left;}
.ind_pro_lr{ float:left; width:170px; color:#74828c; padding-top:10px;}
.ind_pro_lr dl{ width:100%; float:left; line-height:18px;}
.ind_pro_lr dt{ width:60px; text-align:left; float:left;}
.ind_pro_lr dd{ width:90px; text-align:left; float:left;}
.dlpro{ color:#3c9bd8;}

.ind_pro_kk2{ background:url(../images/pro_kk.jpg); width:180px; height:180px; padding:2px; float:left;}
.ind_pro_lr2{ float:left; width:170px;}
.ind_pro_lr2 dl{ width:100%; float:left; line-height:25px;}
.ind_pro_lr2 dt{ width:80px; text-align:right; float:left;}
.ind_pro_lr2 dd{ width:90px; text-align:left; float:left;}
.pro_lr{ width:360px; margin:0 auto; overflow:hidden;}

.ind_pro_list{ width:100%; overflow:hidden;}
.ind_pro_list li{ float:left;width:300px;}

.ad{ margin:10px 0 0 20px; float:left; display:inline; overflow:hidden; width:320px;}
.ad li{ float:left; background:url(../images/yy_01.jpg) bottom center no-repeat; padding: 0 0 10px 0; margin:0;}
.ad a{float:left;}
.ad img{float:left;}

.ad2{ float:left; display:inline; overflow:hidden; width:100%;}
.ad2 li{ float:left; margin: 10px 0 0 0;}
.ad2 a{float:left;}
.ad2 img{float:left;}

/*---------------footer-------------------*/
#footer { border-top: 1px #ADADAD dotted; height: 50px; margin: 20px auto; position:relative;}
#footerin { margin: 0 auto; padding: 8px; width:1000px; color: #64717c;}
#footerin ul { float: left; list-style-type: none; margin: 0px; padding: 0px; }
#footerin li.words { color: #0a58a7; float: left; font-size: 11px; font:Arial, Helvetica, sans-serif; }
#footerin li.words a { color: #0a58a7; float: left; font-size: 11px; text-decoration: none; }
#footerin li.words a:hover { color: #024283; float: left; font-size: 11px; text-decoration: underline; }
#footerin li.line { color: #666666; float: left; font-size: 9px; padding-left: 17px; padding-right: 17px; }
#footerin li.copyright { color:#AAAAAA; float: left; font-size: 11px; padding-left: 130px;text-align:right}
#footerin li.copyright a{ color:#AAAAAA;font-size: 11px;}
#footerin li.copyright a:hover{ color: #50A6A4;font-size: 11px;}
#footercopyright {color:#5b5b5b; float: left; font-size: 11px; padding-rigth: 12px; text-align: right; width: 350px; padding-top:15px;}
#footercopyright a {color:#4da398; font-size: 11px; text-decoration: underline; }
#footercopyright a:hover {color: #4da398; font-size: 11px; text-decoration: none; }
#footerlinks { color: #666; float: left; font-size: 11px; padding-rigth: 12px; text-align: left; width: 611px; height:30px; padding-top:15px; vertical-align:middle;}
#footerlinks a { color: #666; font-size: 11px; text-decoration: underline; }
#footerlinks a:hover { color: #09928E; font-size: 11px; text-decoration: none; }
#footerlinks2 { color: #666; float: left; font-size: 11px; padding-rigth: 12px; text-align: left; width:611px; height:30px; padding-top:10px; vertical-align:middle;}
#footerlinks2 span.descript{ color: #64717c; font-size: 11px; margin-top:6px;}
#footerlinks2 span.descript a { color: #64717c; font-size: 11px; text-decoration: underline; margin-top:6px;}
#footerlinks2 span.descript a:hover { color: #64717c; font-size: 11px; text-decoration: none; margin-top:6px;}



.banner_01{ background:url(../images/banner_01.jpg) center center no-repeat; width:100%; height:200px;}
.banner_02{ background:url(../images/banner_02.jpg) center center no-repeat; width:100%; height:200px;}
.banner_03{ background:url(../images/banner_03.jpg) center center no-repeat; width:100%; height:200px;}
.banner_04{ background:url(../images/banner_04.jpg) center center no-repeat; width:100%; height:200px;}
.banner_05{ background:url(../images/banner_05.jpg) center center no-repeat; width:100%; height:200px;}
.banner_06{ background:url(../images/banner_06.jpg) center center no-repeat; width:100%; height:200px;}


.lr_body{ width:1000px; margin:0 auto; overflow:hidden; margin-top:10px;}

.lr_l{ float:left; width:180px;}
.menu{ width:100%; overflow:hidden;}
.menu_tit{ width:100%; height:41px; background:url(../images/menu_tit_01.jpg); color:#5082a7; font-weight:bold; font-size:14px; line-height:44px; text-indent:25px;}
.menu_lr{ background:url(../images/menu_bg.jpg); overflow:hidden; width:100%;}
.menu_lr li{ background:url(../images/menu_line.jpg) center bottom no-repeat; padding:5px 0; margin:0 10px; line-height:34px; float:left;}
.menu_lr a{ padding:0 10px; width:140px; display:block; float:left; color:#5082a7; font-size:14px;}
.menu_lr .sz{ background:url(../images/menu_sz.jpg); color:#fff;}

.lr_r{ float:right; width:810px;}
.lr_box_tit{ width:100%; background:url(../images/lr_box_tit.jpg); height:41px;}
.lr_box_tit span{ line-height:41px; padding:0 0 0 33px; color:#5082a7; font-size:14px;}
.lr_box_lr{ background:url(../images/lr_box_bg.jpg); width:790px; overflow:hidden; padding: 0 10px 10px 10px; color:#666; line-height:24px;}
.lr_box_bot{ width:100%; line-height:5px; height:5px; overflow:hidden;}

.news_list{ width:100%; overflow:hidden;}
.news_list dl{ width:100%; overflow:hidden; background:url(../images/list_line.jpg) center bottom repeat-x; line-height:40px;}
.news_list dt{ float:left;}
.news_list dd{ float:right;}

.fy2{ width:100%; margin:0 auto; margin-top:10px;  margin-bottom:10px; height:20px; line-height:12px; padding:10px 0 0; background:#80a0b8; text-align:center; color:#fff;}
.fy2 a{ color:#fff;}


.case_list{ width:100%; overflow:hidden;}
.case_list dl{ width:100%; overflow:hidden;background:url(../images/list_line.jpg) center bottom repeat-x; padding:10px 0;}
.case_list dt{ float:left; background:url(../images/case_kk.jpg); width:122px; height:82px; padding:2px;}
.case_list a{ color:#3c9bd8; font-size:14px;}
.case_list dd{ width:595px; float:right; line-height:20px;}

.pro_list{ width:100%; overflow:hidden;}
.pro_list dl{ float:left; width:184px; margin:10px 29px;}
.pro_list dt{ float:left; width:180px; padding:2px; background:url(../images/pro_kk.jpg);}
.pro_list dd{ width:184px; text-align:center;}

.leftLoop{ overflow:hidden; position:relative; }

.xxsm{ width:100%; background:#5082a7; line-height:30px; padding:0; margin:0; height:30px;}
.xxsm span{ padding:0 0 0 10px; color:#fff; font-weight:bold;}

.xxlr{ width:100%; overflow:hidden; margin:10px 0 0 0;}


.login_lr1{ width:320px; overflow:hidden; float:left; margin-top:10px;}
.login_lr1 ul{ width:320px; margin:0 auto; float:left; display:inline;}
.login_lr1 li{ display:block; line-height:40px; font-size:14px; color:#333; line-height:40px;}
.login_lr1 .login_an{ margin:0 auto; display:block; float:left; width:320px;}
.login_lr1 .login_an .tjan{ display:block; height:36px; width:89px; background:url(../images/login_an01.jpg) no-repeat; border:none; cursor:pointer;  margin:0 auto;}
.login_lr1 .logink{ height:24px; line-height:24px; border:1px solid #999; margin:8px 0 8px 0; padding:0; width:250px;}

.login_lrr{ width:350px; overflow:hidden; float:right;}
.login_lrr ul{ width:350px; float:left; display:inline; overflow:hidden;}
.login_lrr li{ display:block; line-height:40px; font-size:14px; color:#666; line-height:40px; width:350px;}
.login_lrr .login_bt{font-weight:bold;}
.login_lrr .login_an2{ margin:5px 0 0 0; display:block; float:left;}
.login_lrr .login_an2 a{ display:block; height:36px; width:139px; background:url(../images/login_an02.jpg) no-repeat;}

.login_reg{ width:420px; margin:0 auto; overflow:hidden;}
.login_reg ul{ width:420px;}
.login_reg li{ line-height:40px;  overflow:hidden; display:block; color:#333; margin:8px 0 8px 0;}
.login_reg span{ display:block; text-align:right; float:left; width:100px;font-size:14px;}
.login_reg span img{ margin:8px 0 0 10px;}
.login_reg p{ line-height:18px; color:#999; float:left; width:320px; padding:0 0 0 100px;}
.login_reg p a{ color:#06F; text-decoration:underline;}
.login_reg .lrk{ float:left; height:24px; line-height:24px; border:1px solid #ddd; margin:8px 0 8px 0; padding:0; width:250px;}
.login_reg .lrk2{ float:left; height:24px; line-height:24px; border:1px solid #ddd; margin:8px 0 8px 0; padding:0;}

.login_regan{ margin:0 0 0 100px; width:94px; display:block; height:37px; background:url(../images/login_an03.jpg) no-repeat; border:none; padding:0; cursor:pointer;}

.news_lr_tit{ width:100%; text-align:center; font-size:24px; font-family:"微软雅黑"; line-height:40px; height:40px; color:#333;}
.zw{ margin:0 auto; width:100%; overflow:hidden; margin-top:10px; padding-bottom:10px;}



/* 单个图片幻灯片盒子 - 公用类 */
.slideBox2{ width:790px; height:360px; overflow:hidden; position:relative;}
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#1e82d6; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd img{ width:790px; height:360px; }

/* 多个左滚动 - 图片- 公用类 */
.leftLoop2{ overflow:hidden; position:relative; margin:15px 0 0 0;}
.leftLoop2 .hd{ overflow:hidden;  height:160px; width:20px; float:left; }
.leftLoop2 .hd .prev,.leftLoop2 .hd .next{ display:block;  width:20px; height:160px; float:right;  overflow:hidden;  
	 cursor:pointer; background:url(../images/pro_jr.jpg) no-repeat;}
.leftLoop2 .hd .next{ background:url(../images/pro_jl.jpg) no-repeat;  }
.leftLoop2 .bd{ padding:0 5px; height:160px; float:left; width:740px;}
.leftLoop2 .bd ul{ overflow:hidden; zoom:1; }
.leftLoop2 .bd ul li{ margin:0 14px 0 13px; padding:10px 30px; width:160px; height:140px; text-align:center; float:left; _display:inline; overflow:hidden;  background:url(../images/pro_list_bg.jpg); }
.leftLoop2 .bd ul li.new{ background:url(../images/pro_list_bg_n.jpg);}


/*---------------index-------------------*/
#contentindex{width:1100px; margin-left:10px; overflow:hidden;}
#indexstatepic {width:1000px; height:420px; float:left; margin:0px; padding:0px;}
#indexarea01 { width:256px; height:114px; float:left; background:url(../images/botmlink_bg.jpg) top left no-repeat; padding:18px 22px;font-size:16px;}
#indexarea02 { width:276px; height:114px; float:left; background:url(../images/botmlink_bg2.jpg) top left no-repeat; padding:18px 22px; margin-left:20px;}
#indexarea03 { width:300px; height:150px; float:left; margin-left:20px; display:inline;_margin-left:0px;}
#learnmore {width:160px; float:left; font-size:12px; color:#145ad9;}
#learnmore a{width:160px; float:left; font-size:12px; color:#145ad9;}
#indexeventbg{ width:922px; height:13px; float:left; background:url(../images/event_bg.jpg) left top no-repeat; padding:18px 29px 28px 29px;}
/*-----------------marquee--------------------*/
	div#abgne_marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		width: 600px;
		height: 25px;
		/*border: 1px solid #ccc;*/
	}
	div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#abgne_marquee li {
		width:500px;
	}
	div#abgne_marquee ul {
		position: absolute;
		left: 40px;			/* 往後推個 30px */
	}
	div#abgne_marquee ul li a {
		display: block;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:12px;
		height: 25px;
		line-height: 13px;
		text-decoration: none;
	}
	div#abgne_marquee div.marquee_btn {
		position: absolute;
		cursor: pointer;
	}
	div#abgne_marquee div#marquee_next_btn {
		left: 5px;
	}
	div#abgne_marquee div#marquee_prev_btn {
		left: 20px;
	}


.link li{width:163px; height:73px; border:1px solid #cccccc; float:left; margin:0 15px 15px 15px;}

.link {
width: 100%;
overflow: hidden;
}
.link ul{width:790px;}

.menu_lr dt {
background: url(../images/menu_ico.jpg) left center no-repeat;
line-height: 34px;
float: left;
width: 100%;
}
.pro_list2 li {
float: left;
background: url(../images/pro_kk2.jpg) right center no-repeat;
margin: 0 0 10px 0;
padding: 10px;
width: 710px;
overflow: hidden;
}
.title2 {
float: right;
width: 530px;
}
.pic2 {
float: left;
}
.pro_list2 {
width: 100%;
overflow: hidden;
}
#preview {
float: none;
margin: 20px auto;
text-align: center;
width: 700px;
}
.jqzoom {
width: 650px;
height: 650px;
position: relative;
}
#spec-n5 {
width: 660px;
height: 56px;
padding-top: 6px;
overflow: hidden;
}
#spec-left {
background: url(../images/left.gif) no-repeat;
width: 10px;
height: 45px;
float: left;
cursor: pointer;
margin-top: 5px;
}
#spec-list {
width: 625px;
float: left;
overflow: hidden;
margin-left: 2px;
display: inline;
}
#spec-list div {
margin-top: 0;
margin-left: -40px;
}
#spec-list ul li {
float: left;
margin-right: 0px;
display: inline;
width: 62px;
}
#spec-list ul li img {
padding: 2px;
border: 1px solid #ccc;
width: 50px;
height: 50px;
}
#spec-right {
background: url(../images/right.gif) no-repeat;
width: 10px;
height: 45px;
float: left;
cursor: pointer;
margin-top: 5px;
}


.site_map{ overflow:hidden; width:100%;}
.site_map dl{ overflow:hidden; width:100%; line-height:30px; padding:5px 0;}
.site_map dt{ float:left; text-align:center; background: url(../images/agency_an03.jpg) left top no-repeat; width:120px; height:30px; padding:0 20px 0 0;}
.site_map dt a{ color:#5082a7; font-size:12px; font-weight:bold;}
.site_map dd{ float:left;}
.site_map dd a{ color:#777; height:28px; line-height:28px; display:block; font-size:12px; width:80px; text-align:center; background:#f6f6f8; border: solid 1px #c2c7cb; margin:0 10px 0 0;}
.site_map dd a:hover{ background:#f0f0f0; color:#5082a7;}

.hr_sub{ display:none; width:120px; text-align:center; background:#164492; position:absolute; z-index:9999;}
.hr_sub span{ border-bottom: solid 1px #27529b; float:left; width:100%; overflow:hidden;}
.hr_sub span a{ font-weight:normal; font-size:12px; width:100%; color:#fff; padding:0; line-height:35px;}