/* CSS Document */

body,html,div,p,span,a,i,em,b,strong,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input{ margin:0; padding:0;}
body{ font-family:"微软雅黑"; font-size:12px; background:url(../images/body_bg.gif) repeat-x scroll 0 0 #f8f8f8;}
a,a:hover{ text-decoration:none;}
img{ border:medium none;}
ul,li,dl,dd,dt{ list-style:none;}
ul li,ul p,ul span,ul a,ul i,ul em,ul b,dl p,dl span,dl dt,dl dd,dl a,dl i,dl em,dl b{ display:block;}
i,em,p{ font-style:normal;}


/*头部*/
.head{ width:1000px; margin:auto; clear:both; overflow:hidden; background:url(../images/head_bg.gif) no-repeat scroll 0 0; height:101px;}
.h_p{ float:left; margin:45px 0 0 410px; width:320px; overflow:hidden;}
.h_a{ float:right;}
.h_a1{ height:40px; clear:both; text-align:right; overflow:hidden; float:right; margin:17px 0 0 0;}
.h_a2{ background:url(../images/search_bg.gif) no-repeat scroll 0 0; width:214px; height:25px; clear:both; float:right; overflow:hidden; margin:5px 0 0 0;}
.h_a21{ width:150px; height:25px; float:left; background:none; border:none; color:#acacac; line-height:25px; padding:0 0 0 2px;}
.h_a22{ background:none; border:none; cursor:pointer; width:60px; float:right; height:25px;}

/*导航*/
.nav{width:1001px; height:45px; clear:both; margin:auto;}
div.examples_body {
     width: 1001px;
	 height:45px;
	 clear: both;
}

ul.topnav {
	clear:both;
}
ul.topnav li {
	float: left;
	font-size:16px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	display:inline;
	width:143px;
	height:45px;
	line-height:45px;
	z-index:99999;
}
ul.topnav li a {
	color: #fff;
	display: block;
	text-align:center;
	background:url(../images/nav_lan.png) no-repeat scroll 0 0;
	width:142px;
	height:45px;
	float: left;
}
ul.topnav li.red a{
	color: #fff;
	display: block;
	text-align:center;
	background:url(../images/nav_hong.png) no-repeat scroll 0 0;
	width:142px;
	height:45px;

}
ul.topnav li a:hover {
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	background-position:0 -45px;
}
ul.topnav li a.subhover { /*--Hover effect for trigger--*/
    background-position: center bottom; cursor: pointer;
}  
ul.topnav li ul.subnav {
	width: 130px;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 6px; 
	top: 45px;	
	margin: 0; padding: 0;
	display: none;
	float: left;
}
ul.topnav li ul.subnav li{
	width: 130px;
	height:37px;
	clear: both;
	background: #6dcaff;
}
html ul.topnav li ul.subnav li a {
	width: 130px;
	height:37px;
	float: left;
	background-color: #6dcaff;
	background:none;
	font-size:14px;
	line-height:37px;
	text-align:center;
	color:#000000;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #1b73a7;
	color:#fff;
	width:130px;
}
ul.topnav li.red ul.subnav li{
	width: 130px;
	height:37px;
	clear: both;
	background: #ffcccc;
}
html ul.topnav li.red ul.subnav li a {
	width: 130px;
	height:37px;
	float: left;
	background-color: #e60000;
	background:none;
	font-size:14px;
	line-height:37px;
	text-align:center;
	color:#000000;
}
html ul.topnav li.red ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #e60000;
	color:#fff;
	width:130px;
}

/*大图*/
.fla{ width:1000px; height:315px; background:url(../images/fla_bg.png) no-repeat scroll 0 bottom; clear:both; overflow:hidden; margin:auto; padding:10px 0 0 0;}
#myFocus{ width:1000px; height:300px;}

/*底部*/
.link{ width:1000px; margin:20px auto 0 auto; clear:both; overflow:hidden; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background-color:#FFF;}
.link_a{ width:92px; float:left; height:35px; padding:23px 0 0 10px;}
.link_b{ width:880px; float:right; overflow:hidden; padding:5px 0 0 0;}
.link_b1{ clear:both;}
.link_b2{ clear:both; color:#ebebeb; padding:5px 0;}
.link_b1 a{padding:0 10px 0 0;}
.link_b2 a{ color:#636363}
.foot{ width:100%; background-color:#004d8f;}
.foot1{ width:1000px; clear:both; overflow:hidden; margin:auto; padding:5px 0;}
.f_a{ float:left; text-align:center; width:910px; line-height:180%; color:#FFF; padding:15px 0 0 0;}
.f_a a{ color:#FFF;}
.f_b{ width:90px; float:right;}

/*首页*/
.con{ width:1000px; clear:both; overflow:hidden; margin:auto;}
.con_a{ background:url(../images/con_a_bg.png) no-repeat scroll 0 0; width:1000px; height:263px; clear:both; overflow:hidden; margin:15px 0 0 0;}
.con_a2{ background:url(../images/con_a_bg.png) no-repeat scroll -1PX 0 #FFF; width:998px; height:263px; border-left:1px solid #d2d2d2;  border-right:1px solid #d2d2d2; clear:both; overflow:hidden;}
.con_a3{ background:url(../images/con_c_bg.png) no-repeat scroll -1PX 0 #FFF; width:998px; height:264px; border-left:1px solid #d2d2d2;  border-right:1px solid #d2d2d2; clear:both; overflow:hidden;}
.con_a_t{ width:1000px; height:38px; clear:both; overflow:hidden;}
.con_a_t p{ color:#FFF; font-size:16px; padding:8px 0 0 18px; float:left;}
.con_a_t a{ color:#000; margin:15px 20px 0 0; float:right;}
.con_a1{ width:1000px; clear:both; overflow:hidden;}
.con_a1 ul li{ width:185px; height:190px; float:left; margin:10px 0 0 12px;_margin:10px 0 0 9px;}
.con_a1 ul li span{ width:185px; height:30px; line-height:30px; background-color:#ececec; color:#000; font-size:14px; text-align:center;}
.con_a1 ul li a:hover span{ color:#004d8f;}
.con_a1 ul li a{ cursor:pointer;}
#demo {overflow:hidden;width: 980px;margin:auto;}
#indemo {float: left;width: 800%;}
.con_b{ width:1000px; clear:both; overflow:hidden; margin:20px 0 0 0;}
.con_b1{ background:url(../images/con_b1.gif) no-repeat scroll 0 0; width:286px; height:226px; float:left; overflow:hidden;}
.con_b1 a{ width:286px; height:75px; display:block; clear:both;}
.con_b2{ background:url(../images/con_b2_bg.gif) no-repeat scroll 0 0; width:700px; height:226px; float:right;}
.con_b21{ width:340px; height:226px; float:left; overflow:hidden; margin:0 0 0 25px;_margin:0 0 0 13px;}
.con_b22{ width:250px; height:226px; float:right; overflow:hidden; margin:0 27px 0 0;_margin:0 13px 0 0;}
.con_b_t{ clear:both; overflow:hidden; border-bottom:1px solid #eeeeee; height:40px;}
.con_b_t p{ font-size:14px; color:#124380; float:left; line-height:45px;}
.con_b_t span{ font-size:14px; color:#e60000; float:left;line-height:45px;}
.con_b_t a{ float:right; color:#959595;line-height:50px;}
.con_b21b{ width:250px; height:165px; overflow:hidden; clear:both; color:#666666; line-height:180%; margin:10px 0 0 0;}
.con_b21b1{ font-size:14px; clear:both; text-align:center; color:#666666}
.con_b21a{ width:340px; clear:both; overflow:hidden;ZOOM: 1; POSITION: relative; text-align:center; margin:7px 0 0 0;}
#ISL_Cont_1{ width:250px; margin:auto;position:relative; }
.LeftBotton {	BACKGROUND: url(../images/LeftBotton.gif) no-repeat 0px 0px; LEFT: 5px; FLOAT: left; WIDTH: 25px; CURSOR: pointer; POSITION: absolute; TOP: 78px; HEIGHT: 36px}
.RightBotton {	RIGHT: 5px; BACKGROUND: url(../images/RightBotton.gif) no-repeat 0px 0px; FLOAT: right; WIDTH: 25px; CURSOR: pointer; POSITION: absolute; TOP: 78px; HEIGHT: 36px}
.con_b21a1{ width:248px; height:170px; float:left; overflow:hidden; text-align:center; color:#000; border:1px solid #d5d5d5;position:relative;}
.con_b21a1 img{ position:relative; z-index:1; clear:both; width:248px; height:170px;}
.con_b21a1 span{ position:absolute; z-index:999; clear:both; width:248px; height:26px; line-height:26px; color:#000; left:0; bottom:0; background-color:#d5d5d5;}

/*公司介绍*/
.wrap{ background:url(../images/wrap_bg.gif) no-repeat scroll 0 0 #FFF; width:1000px; min-height:409px; margin:auto; clear:both; overflow:hidden; margin:10px auto 0 auto; padding:0 0 20px 0;}
.left{ float:left; width:203px; margin-left:20px;_margin-left:10px;}
.l_a{ clear:both; width:200px; margin:15px 0 10px 0;}
.l_a dl dt{ background:url(../images/l_a_bg.gif) no-repeat scroll 0 0; width:200px; height:35px; clear:both; font-size:14px; font-weight:bold; color:#fff; padding:4px 0 0 0; text-align:center;}
.l_a dl dd{ background:url(../images/l_a1_bg1.gif) no-repeat scroll 0 0; width:200px; height:38px;}
.l_a dl dd a{ color:#000; padding:7px 0 0 50px;}
.l_a dl dd a:hover{ color:#1e80e3;background:url(../images/l_a1_bg.gif) no-repeat scroll 0 0;}
.l_a dl dd a.hover{ color:#1e80e3;background:url(../images/l_a1_bg.gif) no-repeat scroll 0 0;}
.l_b{ text-align:center; width:200px; overflow:hidden;}
.l_b a{ margin:5px 0;}

.right{ float:right; width:710px; margin-right:20px;_margin-right:10px;}
.r_a1{ background:url(../images/r_bg.gif) no-repeat scroll 0 28px; width:710px; padding:5px 0 0 0; height:30px; margin:10px 0 0 0;}
.r_a1 span{ font-size:16px; color:#004d8f; margin:0 5px 0 0; float:left;}
.r_a1 i{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#979797; float:left; padding-top:3px; width:70px; text-align:center;}
.r_a1 p{ float:right; color:#868686; padding:5px 0 0 0;}
.r_a1 p a{color:#868686;}
.r_a1 p a:hover{color:#1e80e3;}
.r_a2{ width:710px; clear:both; line-height:200%; color:#666666; padding:15px 0 0 0;}

/*成功案例*/
.r_b{ width:710px; clear:both; overflow:hidden;}
.r_b ul li{ width:220px; float:left; height:220px; overflow:hidden; margin:20px 5px 0 10px;_margin:20px 5px 0 7px;}
.r_b ul li p{ font-size:14px; color:#666666; line-height:150%; padding:10px 0 0 0; text-align:center; clear:both;}

/*新闻中心*/
.r_c{ width:710px; clear:both; overflow:hidden;padding:5px 0 0 0;}
.r_c ul li{ width:710px; clear:both; height:35px; overflow:hidden; border-bottom:1px dashed #aeaeae;}
.r_c ul li a{ width:710px; clear:both; overflow:hidden; height:35px; cursor:pointer;}
.r_c ul li b{ color:#7d7d7d; float:left; width:15px; overflow:hidden; line-height:35px;}
.r_c ul li i{ width:10px; height:20px;  overflow:hidden; float:left; margin:7px 0 0 0;}
.r_c ul li em{  width:10px; height:20px; float:left; margin:7px 0 0 0;}
.r_c ul li p{ float:left;  height:20px; line-height:20px; max-width:600px; overflow:hidden; color:#363636; margin:7px 0 0 0;}
.r_c ul li a:hover p{ background:url(../images/l_d_bg.gif) no-repeat scroll -20px 0;}
.r_c ul li a:hover i{ background:url(../images/l_d_bg.gif) no-repeat scroll 0 0; }
.r_c ul li a:hover em{background:url(../images/l_d_bg.gif) no-repeat scroll right 0;}
.r_c ul li span{ color:#7d7d7d; float:right; width:70px; line-height:35px; text-align:center;}
.r_c1{ width:710px; clear:both; text-align:center; font-size:16px; color:#000; padding:20px 0 15px 0;}
.r_c2{ width:710px; height:24px; line-height:24px; background-color:#f5f5f5; color:#959595; text-align:center;}
.r_c2 span{ color:#e60000;}
.r_c3{ width:710px; clear:both; overflow:hidden; line-height:180%; color:#464646; padding:20px 0;}
.r_c4{ border-top:1px solid #eeeeee; width:710px; clear:both; overflow:hidden; padding:15px 0 0 0;}
.r_c4a{ float:left; color:#7d7d7d;}
.r_c4b{ float:right; color:#7d7d7d;}
.r_c4 a{ color:#000000;}
.r_c5{ clear:both; overflow:hidden; padding:0 0 20px 0;}

/*资料下载*/
.r_d{ width:710px; clear:both; overflow:hidden; padding:5px 0 0 0;}
.r_d ul li{ width:710px; clear:both; height:35px;line-height:35px;  overflow:hidden; border-bottom:1px dashed #aeaeae;}
.r_d ul li i{ width:15px; color:#7d7d7d; overflow:hidden; float:left;}
.r_d ul li p{ color:#363636; float:left; overflow:hidden;}
.r_d ul li span{ color:#7d7d7d; width:80px;  overflow:hidden; padding:0 0 0 10px; float:left;}
.r_d ul li em{ color:#e60000; text-decoration:underline; float:right; width:40px;}
.r_d ul li a{ cursor:pointer;}
.r_d ul li a:hover p{ color:#e60000;}

/*在线留言*/
.r_e{ width:710px; clear:both; padding:15px 0 0 0;}
.r_e1{ clear:both;width:710px; padding:5px 0 0 0;}
.r_e1 span{ float:left; width:75px; height:23px; line-height:23px; color:#666666}
.r_e1 i{ float:left; width:10px; padding:0 0 0 10px; height:23px; line-height:23px; color:#e60000;}
.r_e1 input{ float:left; width:270px; height:18px; background-color:#f8f8f8; border:1px solid #d8d8d8; padding:5px 0 0 2px;}
.r_e1 textarea{ float:left; background-color:#f8f8f8; border:1px solid #d8d8d8;}
.r_e2{ clear:both; width:450px; text-align:center; padding:15px 0 0 0;}
.r_e2 input{ background:url(../images/r_e2_bg.gif) no-repeat scroll 0 0; border:none; width:61px; height:26px; text-align:center; cursor:pointer;  margin:0 5px;}

/*产品展示*/
.l_c{ width:203px; clear:both; margin:auto; margin:10px 0;}
.l_c1{ background:url(../images/l_c1_bg.gif) no-repeat scroll 0 0; width:203px; height:32px; overflow:hidden; clear:both; text-align:center; font-size:16px; color:#005fd7; font-weight:bold; padding:8px 0 0 0;}
.l_c3{ background:url(../images/l_c3_bg.gif) no-repeat scroll 0 0; width:203px; height:10px; overflow:hidden; clear:both;}
.l_c2{ background:url(../images/l_c2_bg.gif) repeat-y scroll 0 0; width:203px; overflow:hidden; clear:both;}
.l_c2a{ background:url(../images/l_a_bg.gif) no-repeat scroll 0 0; width:200px; height:30px; clear:both; font-size:14px; font-weight:bold; color:#fff; padding:5px 0 0 0; margin:5px auto; text-align:center;}
.l_c2a a{ color:#FFF;}
.l_c2b{ background:url(../images/l_c2b_bg.gif) no-repeat scroll 0 0; width:160px; height:28px; line-height:28px; overflow:hidden; margin:auto; font-size:12px; padding:0 0 0 22px;}
.l_c2b a{ color:#000;}
.l_c2b a:hover{  color:#0471ff;}
.l_c2b a.hover{ color:#0471ff;}
.l_c2c{font-size:14px; clear:both; width:182px; margin:auto;padding:5px 0 5px 47px;}
.l_c2c a{ color:#1e80e3;}
.r_f{ width:710px; clear:both; overflow:hidden;}
.r_f ul li{ width:215px; height:215px; float:left; overflow:hidden; text-align:center; margin:20px 10px 0 10px;_margin:20px 5px 0 10px;}
.r_f ul li p{ clear:both; text-align:center; background-color:#ececec; font-size:14px; width:215px; height:30px; line-height:30px; overflow:hidden; color:#000;}
.r_f ul li a{ cursor:pointer;}
.r_f ul li a:hover p{ color:#004d8f;}
.r_f1{ width:710px; clear:both; overflow:hidden; padding:15px 0 0 0;}
.r_f1a{ float:left; width:320px; height:220px;}

#preview{ float:none; text-align:center; width:320px;}
.jqzoom{ width:320px; height:220px; position:relative;}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:380px;height:220px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; 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-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#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;}

.r_f1b{ float:right;}
.r_f1b1{ background:url(../images/r_f1b1_bg.gif) no-repeat scroll 0 bottom; width:350px; height:30px; margin:0 0 10px 0; line-height:30px; color:#004d8f; font-size:14px;}
.r_f1b2,.r_f1b3{ clear:both;width:350px; font-size:14px;}
.r_f1b2 span{ float:left; color:#004d8f;}
.r_f1b3 span{color:#004d8f; clear:both;}
.r_f1b3 p{ clear:both;color:#666666;}
.r_f1b2 p{ float:left;color:#666666;}
.r_f2{ clear:both; overflow:hidden; width:710px;}
.r_f2a{ clear:both; overflow:hidden; color:#004d8f; font-size:16px;}
.r_f2b{ clear:both; overflow:hidden; line-height:180%; color:#666666;}
.page{ clear:both; padding:20px 0; width:710px; text-align:center; margin:auto;}
.page a{ color:#000;}


#nav {
width:200px;
margin:auto;
padding:5px 0 0 0; 
}
#nav a {
display: block;
color: #fff;
}
#nav a:hover {
}
#nav li {
float: left;
clear: left;
background:url(../images/l_a_bg.gif) no-repeat scroll 0 0; width:200px; height:30px;font-size:13px; font-weight:bold; color:#fff; padding:4px 0 0 0; margin:2px auto; text-align:center;
}
#nav ul {
position: absolute;
margin-left: 200px;*margin-left: 100px;
margin-top: -25px;
}
#nav ul {
display: none;
}

#nav li.show ul {
display: block;background:#ccc; font-size:12px; padding:5px 0 0 0; overflow:hidden;
}
#nav li.show li{background:#CCC;font-size:12px; width:190px; height:25px; text-align:center; font-weight:normal; overflow:hidden; margin:0; padding:0;}
#nav li.show li ul {
display: none;

}
#nav li.show li a{ color:#000;}
#nav li.show li a:hover{ color:#005fd7;}
#nav li li.show ul {
display: block;
}

/*客服*/
.QQbox{ z-index:99; width: 178px; right: 0; top: 145px; position: absolute;}

.QQbox .press{ right: 0; border: none; cursor: pointer;width: 33px; height: 158px;position: absolute;}

.QQbox .Qlist{ left: 0; width: 145px; background: url(../images/qq_listbg.gif) repeat-y -155px 0;  position: absolute;}

.QQbox .Qlist .t,

.QQbox .Qlist .b{ float: right; height: 6px; width: 145px; font-size: 1px; }

.QQbox .Qlist .t{ background: url(../images/qq_listbg.gif) no-repeat left; }

.QQbox .Qlist .b{ background: url(../images/qq_listbg.gif) no-repeat right; }

.QQbox .Qlist .con{ background: #fff; width: 90%; margin: 0 auto; }

.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(../images/qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}

.QQbox .Qlist .con ul{  }

.QQbox .Qlist .con ul li{  padding: 10px 0 0 10px;height: 20px; background: #ffffff;}
.con ul li a{ color:#000;}

.QQbox .Qlist .con ul li.odd{ background: #fff; }