BODY {
	BACKGROUND:  url(body_bg.png) #ffffff ; MARGIN: 0px; FONT: 12px/1.5 "Î¢ÈíÑÅºÚ","ËÎÌå",Tahoma, Helvetica, Arial, sans-serif; COLOR: #333
}
/* CSS Document */
/*-------------------------------------- È«¾Ö¹«¹²ÑùÊ½---------------------------- ------------*/



ul,dl{ list-style-type:none;}
ul,li{ margin:0px; }
h1,h2,h3,h5,h6,dl,dt,dd,td{ margin:0; padding:0; font-weight:normal; font-size:12px; color:#222; font-family:"Î¢ÈíÑÅºÚ",arial;}
h4{ margin:0; padding:0; font-weight:normal; font-size:12px; color:#fff; font-family:"Î¢ÈíÑÅºÚ",arial;}


A:link {
	FONT-SIZE: 12px;COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 12px;COLOR: #333333; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 12px;COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 12px; RIGHT: 0px; COLOR: #ff6600; POSITION: relative; TOP: 0px; TEXT-DECORATION: none
}


A.font1 {
	FONT-SIZE: 14px; COLOR: #017da1; TEXT-DECORATION: none
}
A.font2 {
	FONT-SIZE: 14px; COLOR: #fff; TEXT-DECORATION: none
}
A.font3 {
	COLOR: #fff; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
A.font4 {
	FONT-WEIGHT: normal; COLOR: #515253; LINE-HEIGHT: 30px
}
A.font5 {
	FONT-SIZE: 14px; COLOR: #118eba; TEXT-DECORATION: none
}

.gray14 {
	font-size: 14px;
	line-height:170%;
}
.gray14 A:visited {
	FONT-SIZE: 14px;COLOR: #222; TEXT-DECORATION: none
}
.gray14 A:active {
	FONT-SIZE: 14px;COLOR: #222; TEXT-DECORATION: none
	}
.gray14 a {
	font-size: 14px;
	color: #222;
	text-decoration: none;
}
.gray14 a:hover {
	font-size: 14px;
	color: #cc0000;
	text-decoration: underline;
}


.gray14ind {
	font-size: 16px;
	color: #ffffff;
	line-height:170%;
}
.gray14ind a:visited {
	FONT-SIZE: 16px;COLOR: #ffffff; TEXT-DECORATION: none
}
.gray14ind A:active {
	FONT-SIZE: 16px;COLOR: #ffffff; TEXT-DECORATION: none
}
.gray14ind a {
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
.gray14ind a:hover {
	font-size: 16px;
	color: #ffff00;
	text-decoration: none;
}


.gray14ind2 {
	font-size: 14px;
	line-height:170%;
}
.gray14ind2 a {
	font-size: 14px;
	color: #ff6600;
	text-decoration: none;
}
.gray14ind2 a:hover {
	font-size: 14px;
	color: #0084CC;
	text-decoration: none;
}

.gray14zx {
	font-size: 13px;
	line-height:100%;
}
.gray14zx a {
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.gray14zx a:hover {
	font-size: 13px;
	color: #ff0000;
	text-decoration: underline;
}


.gray14about {
	font-size: 15px;
	line-height:100%;
}
.gray14about a {
	font-size: 15px;
	color: #555555;
	text-decoration: none;
}
.gray14about a:hover {
	font-size: 15px;
	color: #ff0000;
	text-decoration: underline;
}

.bottom {
	font-size: 12px;
	color: #eeeeee;
	line-height:22px;
}
.bottom a {
	font-size: 12px;
	color: #eeeeee;
	text-decoration: none;
}
.bottom a:hover {
	font-size: 12px;
	color: #ffff00;
	text-decoration: underline;
}

.yqlj {
	font-size: 12px;
	line-height:100%;
}
.yqlj a {
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}
.yqlj a:hover {
	font-size: 12px;
	color: #ffff00;
	text-decoration: underline;
}

.classfl {
	font-size: 14px;
	line-height:100%;
}
.classfl A:visited {
	FONT-SIZE: 14px;COLOR: #686868; TEXT-DECORATION: none
}
.classfl A:active {
	FONT-SIZE: 14px;COLOR: #686868; TEXT-DECORATION: none
}
.classfl a {
	font-size: 14px;
	color: #686868;
	text-decoration: none;
}
.classfl a:hover {
	font-size: 14px;
	color: #ff6600;
	text-decoration: underline;
}

.sysc {
	font-size: 12px;
	line-height:100%;
	color:#eeeeee;
}
.sysc A:visited {
	FONT-SIZE: 12px;COLOR: #eeeeee; TEXT-DECORATION: none
}
.sysc A:active {
	FONT-SIZE: 12px;COLOR: #eeeeee; TEXT-DECORATION: none
}
.sysc a {
	font-size: 12px;
	color: #eeeeee;
	text-decoration: none;
}
.sysc a:hover {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}


.font18 {
	font-size: 14px;
	line-height:100%;
}
.font18 A:visited {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.font18 A:active {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.font18 a {
	font-size: 14px;
	color: #222222;
	text-decoration: none;
}
.font18 a:hover {
	font-size: 14px;
	color: #ff6600;
	text-decoration: underline;
}

.more {
	font-size: 12px;
	line-height:100%;
	color:#ffffff;
}
.more A:visited {
	FONT-SIZE: 12px;COLOR: #ffffff; TEXT-DECORATION: none
}
.more A:active {
	FONT-SIZE: 12px;COLOR: #ffffff; TEXT-DECORATION: none
}
.more a {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.more a:hover {
	font-size: 12px;
	color: #ffff00;
	text-decoration: none;
}

.more2 {
	font-size: 12px;
	line-height:100%;
	color:#cc0000;
}
.more2 A:visited {
	FONT-SIZE: 12px;COLOR: #cc0000; TEXT-DECORATION: none
}
.more2 A:active {
	FONT-SIZE: 12px;COLOR: #cc0000; TEXT-DECORATION: none
}
.more2 a {
	font-size: 12px;
	color: #cc0000;
	text-decoration: none;
}
.more2 a:hover {
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}

.left{ float:left}
.m_top{ margin-top:8px;}
.m_left{ margin:0 8px 0 8px;}
h4{ font-size:14px; font-weight:bold; color:#222;}
h3{font-weight:bold; color:#34A2BA; text-align:center}
h2{font-weight:bold; color:#34A2BA; text-align:center; font-size:16px;}
.border{border:1px solid #C8E5ED;}
form{ padding:0px; margin:0px ; border:0px;}
/*------------------------------------- top---------------------------- ------------*/


.nav1{width:941px; height:33px; background:url(../images/nav_bj.jpg) repeat-x;margin:1px;  padding-left:15px;}
.nav1 li{ width:100px; height:33px; line-height:33px; float:left; background:url(../images/nav_line.jpg) no-repeat right; text-align:center}
.nav1 li a{ width:100px; height:33px;color:#fff; display:block;}
.nav1 li a:hover{ background:url(../images/nav_img.jpg) no-repeat center 25px; color:#EEE;}
.nav1 span li{ background:none}
.wei{ width:950px; line-height:20px; font-size:12px;}
.wei span{float:left;}
.search1_1{ width:250px; height:20px; display:inline; float:right;}
.search1_1 input{width:180px; height:17px;float:left; line-height:16px; border:1px solid #9DDAE7; color:#999}
.search1_1 label input{ width:54px; margin-left:8px; height:20px; border:none;}
.link1{ width:950px; border:1px solid #C8E5ED}
.link_title{ width:900px; height:22px;background:url(../images/right_bj.gif); font-size:14px;padding:7px 0 0 13px; color:#2B98B3}
.link_centen{ margin:5px; line-height:25px;}
.link_centen span{ margin:0px 5px; color:#CCC;}
.foot{ width:950px; text-align:center; line-height:28px; margin:10px 0; float:left;}
.foot1{ width:950px; margin-top:8px; border:1px solid #C8E5ED; background-color:#ffffff; text-align:center; padding:8px 0px 5px 0px; float:left;}
.page_nav{width:100%; margin-top:8px; margin-bottom:8px; line-height:28px; float:left;}
.page_nav a{border:1px solid #CCC; width:40px; line-height:22px; padding-top:2px; margin-right:2px; display:block; float:left; text-align:center;}

TD.prd {
	VERTICAL-ALIGN: middle
}
.prd A:link {
	FONT-SIZE: 14px; HEIGHT: 30px;  font-family:"Î¢ÈíÑÅºÚ",arial; background-color:#eeeeee; COLOR: #222222; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}
.prd A:visited {
	FONT-SIZE: 14px; HEIGHT: 30px;  font-family:"Î¢ÈíÑÅºÚ",arial; background-color:#eeeeee; COLOR: #222222; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}
.prd A:hover {
	FONT-SIZE: 14px; HEIGHT: 30px;  font-family:"Î¢ÈíÑÅºÚ",arial; BACKGROUND-IMAGE: url(../images/prd.png); COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}
.prd A:active {
	FONT-SIZE: 14px; HEIGHT: 30px;  font-family:"Î¢ÈíÑÅºÚ",arial; BACKGROUND-IMAGE: url(../images/prd.png); COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}

TD.prd2 {
	VERTICAL-ALIGN: middle
}
.prd2 A:link {
	FONT-SIZE: 12px; HEIGHT: 30px; FONT-FAMILY: "ËÎÌå"; BACKGROUND-IMAGE: url(/images/flbg2.png); COLOR: #222222; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}
.prd2 A:visited {
	FONT-SIZE: 12px; HEIGHT: 30px; FONT-FAMILY: "ËÎÌå"; BACKGROUND-IMAGE: url(/images/flbg2.png); COLOR: #222222; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}
.prd2 A:hover {
	FONT-SIZE: 12px; HEIGHT: 30px; FONT-FAMILY: "ËÎÌå"; BACKGROUND-IMAGE: url(/images/flbg1.png); COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}
.prd2 A:active {
	FONT-SIZE: 12px; HEIGHT: 30px; FONT-FAMILY: "ËÎÌå"; BACKGROUND-IMAGE: url(/images/flbg1.png); COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 30px; LINE-width: 80px
}


#service{}
#service .clo{ background:#ffffff; float:left; height:310px; border:1px solid #dddddd; margin:2px 2px 2px 0; padding-top:2px; text-align:center; width:458px;}
#service .clo:hover{ background:#c7ba7f;}

#case .clo{ float:left; margin:10px 3px 10px 1px; width:450px; position:relative; }
#case .clo img{ margin-bottom:10px; width:450px;}
#case .clo span{ display:none; position:absolute; left:0px; top:0px;}
#case .clo:hover span{ display:block;}
#case .clo a{ color:#000; font-size:14px; font-weight:bold;}
#case .clo p{ line-height:20px; margin-top:5px;}

#service_hj{}
#service_hj .clo_hj{ background:#ffffff; float:left; height:285px; border:0px solid #dddddd; margin:2px 2px 2px 2px; padding-top:2px; text-align:center; width:310px;}
#service_hj .clo_hj:hover{ background:#eeeeee; border:1px solid #cccccc}

#case .clo_hj{ float:left; margin:10px 3px 10px 1px; width:310px; position:relative; }
#case .clo_hj img{ margin-bottom:10px; width:310px;}
#case .clo_hj span{ display:none; position:absolute; left:0px; top:0px;}
#case .clo_hj:hover span{ display:block;}
#case .clo_hj a{ color:#000; font-size:14px; font-weight:bold;}
#case .clo_hj p{ line-height:20px; margin-top:5px;}


#service_hj2{}
#service_hj2 .clo_hj2{ background:#ffffff; float:left; height:213px; border:1px solid #dddddd; margin:2px 2px 2px 0; padding-top:2px; text-align:center; width:240px;}
#service_hj2 .clo_hj2:hover{ background:#eeeeee; border:1px solid #cccccc}

#case .clo_hj2{ float:left; margin:10px 3px 10px 1px; width:230px; position:relative; }
#case .clo_hj2 img{ margin-bottom:10px; width:230px;}
#case .clo_hj2 span{ display:none; position:absolute; left:0px; top:0px;}
#case .clo_hj2 hover span{ display:block;}
#case .clo_hj2 a{ color:#000; font-size:14px; font-weight:bold;}
#case .clo_hj2 p{ line-height:20px; margin-top:5px;}

.kc a {
	font-size: 14px;
	color: #222222;
	text-decoration: none;
}
.kc A:visited {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.kc A:active {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
	}

.kc a:hover {
	font-size: 14px;
	color: #222222;
    text-decoration: none;
}

.kc2 a {
	font-size: 14px;
	color: #222222;
	text-decoration: none;
}
.kc2 A:visited {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.kc2 A:active {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
	}

.kc2 a:hover {
	font-size: 14px;
	color: #222222;
    text-decoration: none;
}

/*ÓÒ±ß¹ö¶¯Ìõ´°¿Ú*/
/***************************{Common CSS Class}*****************************/

p{background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font: inherit; -webkit-text-size-adjust: none; }
object, :focus { outline: none; }





.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.lc { margin: 0 auto; }
.fl, .il .fl { float: left; }
.fr, .il .fr { float: right; }
.fc, .il .fc { float: none; clear: both; }
.col{width:1100px; margin:auto;}
.rel { position: relative; }
.abs { position: absolute; } 
.dIBlock{ display:inline-block;}
.il { list-style: none; }
.clear{clear:both; font-size:0; line-height:0;float: none; }
.icon{background-image:url(../xjs/icon.png); background-repeat:no-repeat;}
.hide{display:none;}
.pubColor{color:#84c225;}
 

.floatBox{ border:1px solid #e0e0e0; border-bottom:none; width:68px; height:320px; background-color:#f0f0f0; margin-left:555px; position:fixed; left:54%; top:50%; margin-top:-160px; z-index:999;}
.floatBox a{ display:block; width:100%; height:79px; border-bottom:1px solid #e0e0e0;}
.floatBox a:hover{ background:#fff;}
.gotopIcon{ width:30px; height:17px; background-position:-1px -1px; left:18px; top:20px;}
.gotopTxt{ padding-top:55px; color:#393939;}
.Icon53{width:59px; height:40px; background-position:-224px -26px; left:5px; top:5px;}
.Iconsj{width:29px; height:29px; background-position:-311px -73px; left:20px; top:20px;}
.Iconhd{width:50px; height:50px; background-position:-360px -0px; left:15px; top:10px;}
.apperweima{  height:350px; width:110px; left:-205px; top:100px;}


/*Í¼Æ¬·Å´ó*/

.imgmax img{ background:url(/images/loading.gif) no-repeat center center;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}

.imgmax img:hover{opacity: 0.9;filter: alpha(opacity=100);transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-webkit-transition:all 0.2s linear; -webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);-m-transform:scale(1.01);transform:scale(1.01);}



.anli_tab{
	text-align: center;
	margin-bottom:35px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.anli_tab a{
	display: inline-block; width:120px; font-size:14px;
	height: 32px;
	line-height: 32px;
	padding:0 11px;
	color:#ffffff;
	font-family: "Î¢ÈíÑÅºÚ";
	background-color: #951722;
	border-radius: 3px;
	margin:0 3px;
}
.anli_tab a:hover{
	color:#fff;
	background-color: #ff6600;font-size:14px;
}



