
/* CSS Document */
.clearall {zoom:1;}
.clearall:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
*{ padding:0px; margin:0px auto;}
img{ border:none;}
ul,li{ padding:0px; margin:0px; list-style-type:none;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#2f4370; text-decoration:underline;}
em,i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
body{
   margin:0 auto;
   background:url(../image/bgg.jpg) repeat-x;
   font-size:12px; 
   text-align:center;
   font-family:"宋體";
   color:#000;
}
.mt15{ margin-top:15px;}

.header{ width:980px; height:125px; padding-top:12px; overflow:hidden;}
.hd-top{ height:65px; overflow:hidden;}
.hd-r{ width:315px; line-height:22px; height:55px; text-align:right; margin-top:10px; overflow:hidden;}
.ssmenu input{ float:left; height:18px; display:inline-block; border:none;}
.ssmenu input.intext{ width:125px; padding:2px 2px 2px 6px; height:14px; line-height:14px; background:url(../image/ssbg.png) 0 0 no-repeat;}
.ssmenu input.ss_btn{ width:30px; background:url(../image/ssbg.png) -133px 0 no-repeat; cursor:pointer;}
.ssmenu span a{ padding:0 10px;}
.tel{ font-size:16px; font-family:"Microsoft yahei"; color:#333; line-height:35px; padding-right:10px;}

/*定位樣式*/
.menu{ height:40px; width:980px; margin-top:20px; overflow:hidden; background:url(../image/mbg.jpg);}

#nav li.mainlevel{ float:left; width:138px; height:40px; line-height:40px; font-size:14px; font-family:"微軟雅黑"; overflow:hidden; background:url(../image/nav_jg.png) left no-repeat; padding-left:1px;}
#nav .mainlevel a { width:138px; height:40px; line-height:40px; color:#fff; text-decoration:none; display:block;}
#nav .mainlevel a:hover { width:138px; height:40px; display:block; color:#000; background:#eee;}
#nav .mainlevel ul { width:auto; min-width:138px; display:none; position:absolute; background:#f1f1f1;margin-left:0px;*margin-left:-69px; padding-bottom:8px;z-index:9999;}
#nav .mainlevel li {width:auto; min-width:138px; height:25px;line-height:25px;margin-top:5px; font-size:12px;/*IE6 only*/ overflow:hidden;}
#nav .mainlevel li a{ width:auto; min-width:138px; height:25px; display:block; line-height:25px;color:#000; }
#nav .mainlevel li a:hover{ display:block; width:auto; min-width:138px;;height:25px;background:none; text-decoration:underline;}

/*banner樣式*/
.banner{ width:1420px;}
.indexCon{width:1420px;overflow:hidden; text-align:center;}
.indexCon .flashBanner{width:1420px;height:443px;overflow:hidden;margin-bottom:12px;}
.flashBanner{position:relative;}
.flashBanner .mask{height:43px;line-height:32px;width:1220px;text-align:right;position:absolute;left:0;bottom:-43px;overflow:hidden;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer;border:1px #ccc solid;}
.flashBanner .mask img.show{margin-bottom:25px;}

.main{ width:980px; overflow:hidden; background:#fff;}
.left{ width:284px; overflow:hidden;}
.lbox{ width:282px; border:1px solid #a1c3e4;}
.ltit{ height:30px; background:url(../image/nbg.jpg) repeat-x; line-height:30px; overflow:hidden;height:30px; line-height:30px; font-size:14px; font-family:"微軟雅黑"; padding-left:20px;}
.ltit img{ margin:5px 0 5px 8px;}
.lmore{ float:right; margin-right:6px; font-family:Arial, Helvetica, sans-serif;}
.lmore a{ color:#ff0000;}
.lboxcon{ width:265px; margin:10px 8px; text-align:left; overflow:hidden;}
.newli li{ width:252px; height:32px; line-height:32px; border-bottom:1px dashed #dcdcdc; background:url(../image/icon01.jpg) 3px 13px no-repeat; padding-left:15px; overflow:hidden;}
.newli li span{ color:#ff0000; padding-left:8px;}
.mlli dl{ width:252px; margin:5px 8px 0; line-height:22px;}
.mlli dt a{ height:25px; display:inline-block; line-height:25px; background:url(../image/icon_hb.jpg) 0 9px no-repeat; overflow:hidden; padding-left:15px;}
.mlli dt a.zkicon{ background:url(../image/icon_zk.jpg) 0 9px no-repeat;}
.mlli dd ul{ width:240px; margin-left:8px}
.mlli dd li{ width:225px; height:22px; overflow:hidden; background:url(../image/icon02.jpg) 0 7px no-repeat; padding-left:15px;}
.ulis li{ width:252px; line-height:22px; margin-left:8px;}

.right{ width:670px; overflow:hidden;}
.rtit{ height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.rbt{ height:28px; background:url(../image/icon03.jpg) left 8px no-repeat; display:inline-block; border-bottom:2px solid #4d6081; padding-left:12px;height:30px; line-height:30px; font-size:14px; font-family:"微軟雅黑"; }
.rboxcon p{ line-height:24px; text-align:left;}
.rboxcon p a{ color:#ff0904;}
.pros{ width:710px;}
.pros dl{ float:left; width:315px; height:125px; display:block; background:url(../image/lisbg.jpg) left 130px no-repeat; padding-bottom:20px; margin:0 40px 15px 0; overflow:hidden;}
.pros dt{ float:left; width:145px; height:120px; overflow:hidden;}
.pros dt img{ width:145px; height:120px;}
.pros dd{ float:right; width:155px; height:120px; overflow:hidden; text-align:left; margin-left:0;}
.pros dd h3{ height:45px; overflow:hidden; line-height:22px; font-family:"Microsoft yahei"; font-size:14px; margin-bottom:5px;}
.pros dd h3 a{ color:#2d558e;}
.pros dd p{ height:35px; line-height:18px; margin-bottom:8px; overflow:hidden;}
.pros dd span{ float:right;}

.footer{ height:80px; padding-top:23px; background:url(../image/footer_bg.jpg); color:#fff;}


/*內頁樣式*/
#main_banner_wrap{overflow:hidden; position:relative; z-index:2;}
.main_banner{ height:250px; left:50%; margin-left:-960px; overflow:hidden; position:relative; width:1920px; z-index:3;}

.submain{ width:980px; overflow:hidden; background:#fff;}
.subleft{ width:270px; overflow:hidden;}
.sublbox{ width:268px; border:1px solid #a1c3e4; padding-bottom:15px;}
.cpdh-tit,.flbt-tit{ height:52px; background:url(../image/lbg.png) repeat-x; line-height:35px; font-family:"微軟雅黑"; font-size:15px; color:#000; text-align:left; padding-left:15px;}
.cpdhh-tit{ height:52px; background:url(../image/llbg.png) repeat-x; line-height:35px; font-family:"微軟雅黑"; font-size:15px; color:#000; text-align:left; padding-left:15px;}
.cpdh-con,.flbt-con{ width:255px; margin-top:3px;}
.cpdh-con dl{ margin-top:6px;}
.cpdh-con dt a{ color:#454545;}
.cpdh-con dd{ float:left; width:120px; height:24px; line-height:24px; margin:0px 0px 0px 7px; _margin:0px 0px 0px 5px; overflow:hidden; text-align:left;}
.flbt-con li{ width:231px; height:37px; background:url(../image/libg.jpg) no-repeat; line-height:37px; font-size:14px; color:#26649e;font-family:"微軟雅黑";font-weight:bold;  margin:10px 0px 0px 10px; text-decoration:none; text-align:left;}
.flbt-con li a{ color:#26649e; font-weight:bold; padding-left:10px;}
.flbt-con li a:hover{ width:231px; height:37px; display:inline-block; background:url(../image/lihoverbg.jpg) no-repeat; font-family:"微軟雅黑"; line-height:37px; color:#f00; text-decoration:none; padding-left:10px;}


.subright{ width:680px; overflow:hidden;font-family:"微軟雅黑"; background:url(../image/rbg.jpg) no-repeat;}
.right-tit{ width:100%; height:162px; line-height:32px; text-align:left; padding:20 0px 0px 20px;}
.right-tit span{ padding-right:20px; font-size:12px; color:#333; line-height:83px; width:350px; display:block; float:right; text-align:right;}
.right-con{ width:100%; text-align:left;}

.about{ width:660px; overflow:hidden; font-size:14px; line-height:24px; margin:20px 10px 30px 10px;}
.soft,.hrs{ width:660px; margin:20px 10px 30px 10px; overflow:hidden;}
.sxbox h3{ height:25px; line-height:25px; font-size:14px; border-bottom:1px solid #ddd; color:#333; font-weight:700; padding-left:10px;} 
.sxbox p{ margin-top:10px; padding-left:15px;}
.sxbox p select{ float:left; height:22px; border:1px solid #b6d8e4; padding:1px;}
.sxbox p span{ float:left; display:inline-block; width:260px; height:20px; border:1px solid #b6d8e4; margin-left:8px; line-height:20px;}
.sxbox p span .ints{ border:0; width:220px; float:left; display:inline-block; padding:1px 5px;}
.sxbox p span .btns{ width:17px; height:15px; float:right; display:block; border:0; background:url(../image/ss_icon.jpg) no-repeat; margin:2px 5px;}
.softlis{ width:660px;}
.softlis li{ width:642px; height:32px; line-height:32px; border-bottom:1px dashed #dcdcdc; background:url(../image/icon01.jpg) 3px 13px no-repeat; padding-left:15px; overflow:hidden;}
.softlis li span{ float:right; margin-right:5px; color:#666;}
.hnews_t{ height:30px; line-height:30px; border-bottom:1px solid #ddd;}
.hnews_t h3{ background:url(../image/icon04.jpg) 5px 10px no-repeat; padding-left:30px; font-size:14px;}
.hnews_n h3{ background:#E4F1F0; padding:15px; border-bottom:1px dashed #ccc; line-height:26px; font-size:14px; color:#333;}
.hnewscon{ line-height:24px; padding:0 10px 10px;}

.new-con{ width:660px;}
.bt{ width:95%; height:55px; border-bottom:1px solid #e5e3e3; text-align:center; line-height:25px;}
.bt h2{ font-size:14px;}
.bt p{ margin-top:5px;}
.con{ width:96%; line-height:22px; text-align:left; margin-top:15px; font-size:14px;}

.hrlis{ text-align:center;}
.hrlis thead{ background:#eef4f7; font-weight:700;}
.hrlis tbody{ background:#f1f1f1;}
.hrlis td{ height:30px; border-bottom:2px solid #fff;}
.hrcons{ line-height:30px;}
.hrcons h3{ height:30px; background:#eef4f7; border-bottom:1px solid #ddd; margin-bottom:10px; font-size:14px;}
.hrcons h3 span{ height:30px; display:block; background:url(../image/icon05.jpg) 10px 10px no-repeat; padding-left:30px;}
.hrcons li{ width:680px; overflow:hidden; background:#f3f3f3; line-height:30px; border-bottom:1px solid #ddd; margin-top:2px;}
.hrcons ul{ padding-bottom:25px;}
.hrcons li em{ float:left; width:150px; text-align:left; padding-left:10px;}
.hrcons li span{ float:left; width:510px; padding-left:10px; background:#fff; color:#333;}


.cpdh-con{ width:255px; margin-top:3px; overflow:hidden;}
.cpdh-con dl{ width:255px; overflow:hidden; margin-top:6px;}
.cpdh-con dt .ico{width:20px;height:30px; display:inline-block;line-height:30px;overflow:hidden;background:#fff url(../image/icon_hb.jpg) 5px 12px no-repeat;border-bottom:1px solid #e6e6e6;color:#454545; float:left;}
.cpdh-con dt .tit{width:225px;height:30px; display:inline-block;line-height:30px;overflow:hidden;text-align:left;padding-left:0px;font-weight:bold;border-bottom:1px solid #e6e6e6;color:#454545; float:left;}
.cpdh-con dt a.zkiconp{background:#fff url(../image/icon_zk.jpg) 5px 12px no-repeat;}
.cpdh-con dd{ width:230px; height:auto; text-align:left; padding-left:15px;}
.cpdhbox li{ width:215px; height:22px; overflow:hidden; background:url(../image/icon02.jpg) 0 7px no-repeat; padding-left:15px;}
.cpdh-con li{ text-align:left; line-height:24px;}


.products{ width:660px; margin:20px 10px 0 10px; overflow:hidden;}
.prolis dl{ height:120px; width:320px; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:15px; line-height:22px; float:left;}
.prolis dt{ float:left;}
.prolis dt img{ width:145px; height:120px;}
.prolis dd{ float:right; width:165px; height:120px; overflow:hidden;}
.prolis dd h3{ height:24px; overflow:hidden; line-height:24px; font-family:"Microsoft yahei"; font-size:14px; margin-bottom:5px;}
.prolis dd h3 a{ color:#2d558e;}

.pro-js{}
.pro-js dt{ float:left;}
.pro-js dt img{ width:240px; height:160px;}
.pro-js dd{ float:right; width:400px; line-height:20px; text-align:left; margin-left:0;}
.pro-js dd h3{line-height:24px; font-size:18px; color:#2c3666; margin-bottom:5px; font-family:"Microsoft yahei";}
.pro-js dd b{font:700 14px/30px "宋體"; color:#FF6600;}
.procon{ margin-top:15px;}
.pro-res{ width:638px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:5px; box-shadow:1px 1px 8px #ddd inset;padding:10px;}
.pro-res em{display:inline-block; font-size:14px; font-family:"宋體"; font-weight:700; color:#FF6600; margin-right:15px;}
.pro-res span{ height:30px; display:inline-block; font:15px/30px "Microsoft yahei"; padding-left:35px; margin-right:20px;}
.pro-res span.bg01{ background:url(../image/hc01.jpg) 0 2px no-repeat;}
.pro-res span.bg02{ background:url(../image/hc02.jpg) 0 2px no-repeat;}
.pro-res span.bg03{ background:url(../image/hc03.jpg) 0 2px no-repeat;}
.pro-oths{ margin-top:20px;}
.pro-td{ width:520px; overflow:hidden;}
.othert{ width:660px; height:30px; line-height:30px; border-bottom:2px solid #555; overflow:hidden;}
.othert span{ display:inline-block; height:30px; float:left; font:700 14px/30px "宋體"; color:#FF6600; cursor:pointer; padding:0 8px;}
.othern{ width:640px; line-height:24px; color:#333; padding:10px; overflow:hidden;}
.othern li{ float:left; width:310px;}



/*分頁樣式*/
.fenye{ width:660px; height:30px; line-height:30px; background:#e6e6e6; margin:20px 10px 20px; overflow:hidden;}
.fenye ul{ float:right;}
.fenye li{ float:left; margin:0px 6px;}



/*分篇樣式*/
.fenpian{ width:660px; height:60px;background:#dddedf; margin-top:25px; text-align:left; overflow:hidden; color:#b00606;}
.fenpian ul li{ margin-left:10px; line-height:25px; margin-top:3px;}




ul, li {
	list-style:none;
}
.float-contact-mini {
	position: absolute;
	right: 1px;
	top: 175px;
}
.float-contact-mini a {
	background: url("../image/sprites.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 65px;
	line-height: 110%;
	padding: 46px 5px 0;
	text-align: center;
	text-decoration: none !important;
	width: 18px;
}
.float-contact {
	display: none;
	position: absolute;
	right: 1px;
	top: 175px;
	width: 102px;
}
.float-contact .close {
	background: url("../image/sprites.png") no-repeat scroll -29px 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 31px;
	line-height: 31px;
	padding-left: 22px;
	text-decoration: none !important;
}
.float-contact .container {
	background:#FFFFFF;
	border-color: #E3E3E3;
	border-style: solid;
	border-width: 0 1px;
	padding: 1px 0;
	text-align: center;
}
.float-contact .container {
	border-style: solid;
	text-align: center;
}
.float-contact .qq {
	padding: 7px 0 6px;
}
.float-contact .qqtitle {
	line-height: 200%;
}
.float-contact .qq .btn {
	padding-top: 4px;margin:0;
	padding:0;
}
.float-contact .qq .btn li {
	padding-bottom: 5px;
}
.float-contact .qq .btn a {
	background: url("../image/sprites.png") no-repeat scroll -43px -80px transparent;
	color: #1A649D;
	display: block;
	height: 23px;
	line-height: 23px;
	margin: 0 auto;
	padding-left: 23px;
	width: 53px;
}
.float-contact .qqtel {
	background: url("/images/shadow-2.png") repeat-x scroll 0 100% transparent;
	padding-bottom: 14px;
}
.float-contact .qqtel .qqcontent {
	color: #FF6600;
	font-size: 117%;
	font-weight: bold;
	line-height: 130%;
	letter-spacing:0;
}
.float-contact .myqqlink {
	background: url("/images/bg-x.png") repeat-x scroll 0 -320px #FA8400;
	border-bottom: 1px solid #E3E3E3;
	color: #FFFFFF !important;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none !important;
}
h3.qqtitle {
	margin:0;
	padding:0;
}




.KeFuDiv{
	position: absolute;
	height:160px;
	width:118px;
}
.KeFuList{
	background:url(../image/mid001.gif);
}
.KeFuTitle{
	background:url(../image/list_001.gif);
	margin-left:9px;
	font-size:9pt;
	width:101px;
	height:20px;
	text-align:center;
}
.KeFuItem{
	text-align:center;
	margin-top:8px;
	font-size:9pt;
}




