*{margin:0px; padding:0px}
body{font-size:12px; color:#333; background: url(../images/topbg.jpg) repeat-x;font-family:"΢ÈíÑźÚ";}
ul {list-style-type: none;}
img {border:0px;}

.f_black{color:#000;}
.f_red {color:#C00;}
.f_white {color:#FFF;}
.f_gray {color:#999;}
.f_orange {color:#DD9A31;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_mblue {color:#3B97D6;}
.f_dblue {color:#006DCC;}
.f_gold {color:#F60;}
.f_Arial {font-family:Arial, Helvetica, sans-serif;}
.f_yk {font-family:"΢ÈíÑźÚ";}
.blod {font-weight:bold;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px15 {font-size:15px;}
.px16 {font-size:16px;}
.px20 {font-size:20px;}
.input{height:18px; border:solid 1px #CCCCCC; background:#F7F7F7;}
.input2 {border:#666 solid 1px; background-color:#FFF;}
.fleft{float:left}
.fright{float:right}
.nbold {font-weight:normal}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.clear{clear:both; line-height:0px;}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #C00;
}
a:active {
	text-decoration: none;
}

a.wg:link,a.wg:visited,a.wg:active {color:#999;text-decoration:none;}
a.wg:hover {color:#C00;}
a.wr:link,a.wr:visited,a.wr:active {color:#C00;text-decoration:none;}
a.wr:hover {color:#333;}
a.wh:link,a.wh:visited,a.wh:active {color:#FFF;text-decoration:none;}
a.wh:hover {color:#F60;}
a.wb:link,a.wb:visited,a.wb:active {color:#075AA6;text-decoration:none;}
a.wb:hover {color:#F60;}

#top,#mid,.kk{width:1180px; margin:0 auto;}
#od {
	height:30px;
	line-height:30px;
	color:#5393CB;
}
#od a {
	color:#5393CB;
}
#od a:hover {
	color:#F90;
}
#od span {
	margin:0 10px;
}
#logo {
	background: url(../images/logo.jpg) no-repeat left center;
	height: 110px;
}
#tel {
	float:right;
	height:50px;
	background:url(../images/h_tel.gif) no-repeat;
	padding-left:60px;
	margin-top:25px;
	padding-top:5px;
}
#tel span{
	display:block;
	font-size:25px;
	color:#0073BD;
	font-family:Arial, Helvetica, sans-serif;
}
#menu {
	clear: both;
	height: 50px;
}
#menu li {
	float: left;
}
#menu li span {
	height: 50px;
	line-height: 50px;
	background: url(../images/menu_od.jpg) no-repeat right center;
	padding:0 45px;
	display:block;
}
#menu li span.nobg{
    background:none;
}
#menu li a{
    font-family:"΢ÈíÑźÚ";
	font-size:15px;
	color:#FFF;
}
#menu li a:hover span{
	color:#FFF;
	background:#5fc4c0;
	margin-left:-2px;
}
#menu li.mainlevel{
    position:relative;
	z-index:999;
}
#menu li.mainlevel:hover span{
	color:#FFF;
	background:#5fc4c0;
	margin-left:-2px;
}
#menu li.mainlevel:hover a span {
	color:#FFF;
	background:#5fc4c0;
	margin-left:-2px;
}
#home #menu li a span#m1,#about #menu li a span#m2,#news #menu li a span#m3,#proapp #menu li a span#m4,#product #menu li a span#m5,#case #menu li a span#m6,#message #menu li a span#m7,#contact #menu li a span#m8 {
	color:#FFF;
	background:#5fc4c0;
	margin-left:-2px;
}
#menu li ul {
    width:150px;
	position:absolute;
	background:#FFF;
	display:none;
	top:50px;
	left:-2px;
	filter: Alpha(opacity=85);   
	-moz-opacity:.85;   
	opacity:0.85;
}
#menu li ul li{
	background: none;
	width:150px;
	margin-left:0px;
}
#menu li ul li a{
    padding:5px;
	font-size:12px;
	font-weight:normal;
	width:140px;
	line-height:18px;
	display:block;
	color:#333;
	font-family:Arial;
	text-align:center;
	border-bottom:solid 1px #EEE;
}
#menu li ul li a:hover{
	color:#FFF;
	font-weight:normal;
	background-color: #5fc4c0;
	border-bottom:solid 1px #5fc4c0;
}

/*»ÃµÆƬ*/
#bn{width:100%; height:380px; position:relative; margin-top:5px;}
.bgstretcher-area {text-align:center;_text-align: left;}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}
#nav {
    position:absolute;
	top:350px;
	text-align:center;
	width: 100%;
	_left:45%;
}
#nav UL LI {
    display:inline-block;
	margin-right: 8px;
	border:solid 1px #5fc4c0;
}
#nav UL LI A {color: #FFF; background:#1E85C2; width:20px; height:20px; line-height:20px; display:block; text-align:center; font-size:12px;}
#nav UL LI.showPage A {background:#0073BD; width:25px; height:25px; line-height:25px;}

#prev{position:absolute; left:10px; top:225px; cursor:pointer;}
#prev a{display:block;width:30px; height:43px;font-size:0px;background:url(../images/scroll_btn.png) left bottom;filter: Alpha(opacity=5);-moz-opacity:.05;opacity:0.05;}
#prev a:hover{background:url(../images/scroll_btn.png) left bottom;filter: Alpha(opacity=50);-moz-opacity:.50;opacity:0.50;}
#next{position:absolute; right:10px; top:225px; cursor:pointer;}
#next a{display:block;width:30px; height:43px;font-size:0px;background:url(../images/scroll_btn.png) right bottom;filter: Alpha(opacity=5);-moz-opacity:.05;opacity:0.05;}
#next a:hover{background:url(../images/scroll_btn.png) right bottom;filter: Alpha(opacity=50);-moz-opacity:.50;opacity:0.50;}
/**/
#hotkey {
	height:40px;
	background:#F2F2F2;
}
#hotkey h1 {
	font-size:14px;
	float:left;
	line-height:40px;
}
#hotkey .kk > span {
	padding:0 5px;
	line-height:40px;
}
#ss {
	background: url(../images/ssbg.jpg) no-repeat;
	float: right;
	height: 23px;
	width: 228px;
	margin-top:7px;
}
#ss .sskw {
    width:152px;
	height:23px; 
	background:none;
	border:none;
	line-height:23px;
	padding:0 5px 0 30px;
}
#ss .ssbn {
    width:41px;
	height:23px;
	background:none;
	border:none;
	cursor:pointer;
}
#mid_lt {
	float: left;
	width: 260px;
}
.lttit {
	background: url(../images/tit1.jpg) no-repeat;
	height: 27px;
	margin-top: 20px;
	font-size: 13px;
	line-height: 27px;
	color: #FFF;
	padding: 0 10px;
}
.ltcon {
	border: 1px solid #0266C8;
	border-top:none;
	padding: 10px;
	background: #E5EEF3;
	line-height:24.5px;
}
.ptype a{
	height:34px;
	line-height:31px;
	background:url(../images/product.jpg) no-repeat;
	padding-left:30px;
	font-size:14px;
	display:block;
}
.ptype a:hover,.ptype a.on{
	background:url(../images/product1.jpg) no-repeat;
	color:#0266C8;
}
.hm_contact {
	height: 35px;
	line-height: 35px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
	color: #1875D2;
	font-weight: bold;
	margin-top: 24px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
}
#mid_rt {
	float: right;
	width: 900px;
}
.rttit {
	background: url(../images/tit2.jpg) no-repeat;
	height: 53px;
	width: 882px;
	margin-top:20px;
	margin-left:-11px;
	line-height:53px;
	padding-left:30px;
	padding-right:10px;
	color:#FFF;
	font-family:"΢ÈíÑźÚ";
	font-size:15px;
}
.rtcon {
	border: 1px solid #C3C7CA;
	border-top:none;
	padding: 9px;
	background:#FFF;
}
#hmpro {
	height: 290px;
	overflow:hidden;
	width: 1180px;
	background:url(../images/pro_bg.jpg) no-repeat;
	margin-top:20px;
	text-align:center;
}
#hmpro h1 {
	height:60px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	font-family:"΢ÈíÑźÚ";
	font-weight:normal;
}
#pro_ltbtn {
	width:40px;
	height:60px;
	background:url(../images/left_btn.png) no-repeat left;
	float:left;
	margin-top:60px;
}
#pro_rtbtn {
	width:40px;
	height:60px;
	background:url(../images/right_btn.png) no-repeat right;
	float:left;
	margin-top:60px;
}
#pro_more {
	display:inline-block;
	width:81px;
	height:34px;
	background:url(../images/promore_bg.jpg) no-repeat;
	font-size:14px;
	line-height:34px;
}
.hmpro {
	position:relative;
	height:200px;
	width:1100px;
	overflow:hidden;
	float:left;
}
.hmpro ul{
    position:absolute;
}
.hmpro li{
    float:left;
	width:220px;
	height:200px;
}
.hmpro_img {
	height: 170px;
	width: 190px;
	margin: 0 auto;
	text-align:center;
}
.hmpro_img img {vertical-align: middle;margin-right: -1px;}
.hmpro_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.hmpro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.hmpro_txt {
	width: 190px;
	margin:0 auto;
    line-height:30px;
	text-align:center;
	height:30px;
	overflow:hidden;
}
.hmpro_txt a {
	color:#FFF;
}
.hmpro2 {
	margin-top:20px;
	border:solid 1px #0266C8;
	background:#FFF;
}
.hmpro2 h1 {
	height:29px;
	line-height:28px;
	border-bottom:solid 1px #0266C8;
	background:#FFF url(../images/subnav1.jpg) repeat-x;
	font-weight:normal;
	padding:0 10px;
}
.hmpro2 h1 div {
	float:left;
	width:102px;
	height:29px;
	background:url(../images/subnav2.jpg) no-repeat;
	text-align:center;
	line-height:29px;
	font-family:"΢ÈíÑźÚ";
	font-size:15px;
	color:#FFF;
}
.hmpro2 ul {
	padding:10px 9px;
}
.hmpro2 li{
    float:left;
	width:220px;
	height:220px;
	margin-top:5px;
}
.hmpro2_img {
	height: 190px;
	width: 190px;
	border:solid 1px #DFDFDF;
	background:#FFF;
	margin: 0 auto;
	text-align:center;
}
.hmpro2_img img {vertical-align: middle;margin-right: -1px;}
.hmpro2_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.hmpro2_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.hmpro2_txt {
	width: 192px;
	margin:0 auto;
    line-height:25px;
	text-align:center;
	height:25px;
	overflow:hidden;
}
.hmnews {
	width: 420px;
	margin-top:15px;
	padding:10px;
	border:solid 1px #0266C8;
	background: #FFF;
}
.hmnews h3{
    height:23px;
	font-size:15px;
	border-bottom:solid 1px #0266C8;
	color:#075AA6;
}
.hmnews li {
	line-height: 28px;
	background: url(../images/line.jpg) repeat-x left bottom;
	height: 28px;
	overflow:hidden;
}
.hmnews li a{
    padding-left:15px;
	background:url(../images/td.jpg) no-repeat 5px center;
}
.hmcase {
	width: 1178px;
	border:solid 1px #0266C8;
	margin-top:15px;
	background:#FFF;
}
.hmcase_t {
	padding:5px 10px;
}
.hmcase_t h3  {
    color:#1665A8;
	line-height:30px;
	font-size:15px;
	border-bottom: solid 1px #0266C8;
}
.hmcase_b {
	height:5px;
	overflow:hidden;
}
.hmcase_c {
	float: left;
	width: 1120px;
	height: 215px;
	position:relative;
	overflow:hidden;
}
.hmcase_c ul {
    position:absolute;
}
.hmcase_c li {
	height: 210px;
	width: 224px;
	margin-top: 5px;
	float:left;
}
.hmcase_img {
	height: 180px;
	width: 210px;
	border: 1px solid #DFDFDF;
	padding:1px;
	text-align: center;
	margin:0 auto;
	background-color: #FFF;
}
.hmcase_img img {vertical-align: middle;margin-right: -1px;}
.hmcase_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.hmcase_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.hmcase_tit {
	line-height:22px;
	text-align:center;
	overflow: hidden;
	height:22px;
	width: 212px;
	margin:3px auto 0 auto;
}
#btn_l {
	background: url(../images/move_lt.jpg) no-repeat right center;
	float: left;
	height: 180px;
	width: 29px;
	cursor:pointer;
}
#btn_r {
	background: url(../images/move_rt.jpg) no-repeat left center;
	float: left;
	height: 180px;
	width: 29px;
	cursor:pointer;
}
#link {
	border-top: 1px solid #EEE;
	padding:20px;
	background:#F5F5F5;
	margin-top:20px;
}
#link li {
	padding-right: 5px;
	padding-left: 5px;
	display:inline-block;
	font-size:13px;
}
#btm {
	background: #F5F5F5;
	line-height: 24px;
	border-top: 1px solid #DDD;
}
#btm_con {
	background:url(../images/logo.png) left center no-repeat;
	padding: 10px 0px 10px 300px;
}
#btm_link {
	background:#0073BD;
	padding:20px;
	text-align:center;
}
#btm_link li {
	display:inline-block;
	background: url(../images/menu_od.jpg) no-repeat right center;
	padding:0 45px;
	font-size:14px;
}
#btm_link li.nobg {
	background:none;
}
#btm_link li a {
	color:#FFF;
}
.type {
	background: url(../images/line2.jpg) repeat-x left bottom;
	height: 30px;
}
.type a {
    display:block;
	line-height: 29px;
	background: url(../images/type1.jpg) no-repeat 5px center;
	height: 29px;
	padding-left: 22px;
}
.type a:hover,.type a.on {
    background:#0863B2 url(../images/type2.jpg)  no-repeat 5px center;
	color:#FFF;
}
.stype {
	width: 200px;
	margin: 0px auto 5px auto;
	background: url(../images/line2.jpg) repeat-x left bottom;
}
.stype a {
	background: url(../images/td2.jpg) no-repeat 12px 3px;
	line-height: 22px;
	padding-left: 25px;
}
.stype a.on {
    color:#C00;
}
.ny_contact {
	padding-bottom: 100px;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#mid_rt.bd{ border: solid 1px #0266C8; margin:20px 0;}
#rt_tit {
	height: 30px;
	background:#FFF url(../images/td1.jpg) no-repeat 10px 12px;
	font-size: 16px;
	line-height: 30px;
	color: #0777BF;
	border-bottom: 1px solid #188AD1;
	padding:5px 10px 5px 20px;
}
#rt_con {
	line-height: 24px;
	padding:10px;
	background:#FFF;
	min-height:500px;
	height:auto !important;
	height:500px;
}
.news_list{
    background:url(../images/line.jpg) repeat-x left bottom;
	line-height:30px;
	height:30px;
	overflow:hidden;
}
.news_list a{
	padding-left:12px;
	background: url(../images/td.jpg) no-repeat left 4px;
}
.ny_list {
	margin-top: 10px;
	width: 880px;
	overflow: hidden;
}
.ny_list li {
	float: left;
	height: 200px;
	width: 176px;
	overflow: hidden;
}
.pic_img {
	height: 150px;
	width: 150px;
	padding: 1px;
	border: 1px solid #e4e4e4;
	text-align: center;
	background:#FFF;
	margin:0 auto;
}
.pic_img img {vertical-align: middle;margin-right: -1px;}
.pic_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.pic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.pic_tit {
	line-height:25px;
	text-align:center;
	overflow: hidden;
	height:25px;
	width: 152px;
	margin:0 auto;
}
.ny_list2 {
	width: 880px;
	margin-top: 10px;
	height: 190px;
	background:url(../images/line.jpg) repeat-x left 180px;
}
.ny_list2_img {
	float: left;
	height: 160px;
	width: 160px;
	text-align:center;
	padding: 1px;
	border: 1px solid #EEE;
}
.ny_list2_img img {vertical-align: middle;margin-right: -1px;}
.ny_list2_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.ny_list2_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.ny_list2_main {
	float: right;
	height: 160px;
	width: 700px;
}
.ny_list2_main h3 {
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	border-bottom: 1px  solid #EEE;
}
.ny_list2_main p {
	line-height: 22px;
	color:#666;
}
#search {
	padding:10px;
	border:solid 1px #EEE;
	background:#FFF;
	margin:10px 0;
}
.search {
	background: url(../images/line.jpg) repeat-x left bottom;
	line-height: 24px;
	padding: 10px;
}
.pro {
	margin-top: 10px;
	overflow: hidden;
}
.pro li {
	float: left;
	height: 260px;
	width: 220px;
	overflow: hidden;
}
.pro_img {
	width: 200px;
	height: 200px;
	padding: 1px;
	border: 1px solid #e4e4e4;
	text-align: center;
	background:#FFF;
	margin:0 auto;
}
.pro_img img {vertical-align: middle;margin-right: -1px;}
.pro_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.pro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.pro_tit {
	width: 204px;
	line-height:20px;
	text-align:center;
	margin:5px auto 0 auto;
}
.btnOver{
	height:35px;
	width:124px;
	color:#FFF;
	background: url(../images/tab.jpg) no-repeat left top;
}
.btnOut{
	height:35px;
	width:124px;
	background: url(../images/tab.jpg) no-repeat right top;
}
.divShow{}
.unShow{display:none;}
.showmenu {
	height: 30px;
	width: 100%;
	border-bottom: 2px solid #1261B1;
}
.showmenu li {
	float: left;
	text-align:center;
	cursor:pointer;
	height:30px;
	line-height:30px;
	width:124px;
	margin-right: 5px;
	font-weight: bold;
	font-size:15px;
	font-family:"΢ÈíÑźÚ";
}
.showmenu li a:hover{
    display:block;
	height:30px;
	width:124px;
	color:#FFF;
}
.showcon {
	padding: 5px;
	line-height: 24px;
}
.showpro {
	width: 880px;
}
.showpro_img {
	float: left;
	width: 330px;
}
.showpro_img img {vertical-align: middle;margin-right: -1px;}
.showpro_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.showpro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.showpro_txt {
	float: right;
	width: 550px;
	line-height: 22px;
}
#showpro_img_b {
	float: left;
	height: 240px;
	width: 310px;
	border: 1px solid #EEE;
	text-align:center;
}
#showpro_img_s {
	height: 60px;
	width: 310px;
	margin-top:10px;
}
.LeftArr {
	background: url(../images/move_lt2.jpg) no-repeat center center;
	float: left;
	height: 59px;
	width: 15px;
	cursor:pointer;
}
.ISL_Cont {
	float: left;
	height: 59px;
	width: 280px;
	overflow:hidden;
    position:relative;
}
.ISL_Cont li {
	float: left;
	height: 59px;
	width: 60px;
	padding-right: 5px;
	padding-left: 5px;
}
.RightArr {
	background: url(../images/move_rt2.jpg) no-repeat center center;
	float: left;
	height: 59px;
	width: 15px;
	cursor:pointer;	
}
.pro_pics {
	float: left;
	height: 53px;
	width: 53px;
	border: 1px solid #EEE;
	text-align: center;
	overflow: hidden;
	background:#FFF;
}
.pro_pics2 {
	float: left;
	height: 53px;
	width: 53px;
	border: 2px solid #FF9900;
	text-align: center;
	overflow: hidden;
	background:#FFF;
}
.pro_pics img {
	vertical-align: middle;
	margin-right: -1px;
}
.pro_pics span {
	display: -moz-inline-box;/*Õë¶Ô»ðºü*/
}
.pro_pics span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
.pro_pics2 img {
	vertical-align: middle;
	margin-right: -1px;
}
.pro_pics2 span {
	display: -moz-inline-box;/*Õë¶Ô»ðºü*/
}
.pro_pics2 span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
#tspic{position:absolute; width:2500px;top:0px; left:0px;}
#hmtype {
	margin-top:20px;
	border:solid 1px #0266C8;
	background:#FFF;
}
#hmtype h1 {
	height:29px;
	line-height:28px;
	border-bottom:solid 1px #0266C8;
	background:#FFF url(../images/subnav.jpg) no-repeat;
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	padding:0 10px;
}
#hmtype ul {
	padding:15px;
}
#hmtype ul li a {
	height:34px;
	line-height:31px;
	background:url(../images/product.jpg) no-repeat;
	padding-left:30px;
	font-size:14px;
	display:block;
}
#hmtype ul li a:hover {
	background:url(../images/product1.jpg) no-repeat;
	color:#0266C8;
}