@charset "gb2312";
/* CSS Document */


body { font-family: "宋体";font-size: 12px;color: #000;margin: 0px;padding: 0px; background:url(../images/bg1.jpg) center top no-repeat;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,p,dl,dt,dd,ol,th,td{margin: 0px;padding: 0px;}
li {list-style-type: none;}
form,input,button,option,textarea,select{ margin: 0px;padding: 0px;}
input,button,textarea,select{font:100% Tahoma,Helvetica,Arial,sans-serif;}
a {color: #000;text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: underline;}
a:active {text-decoration: underline;}
table {font-size:inherit;font:100%;}
th { font-weight:normal;}
img { border: 0;}
h3 { font-size: 14px; color: #000;}
h4 { font-size: 12px;}
.clear { clear: both; height: 0px; overflow: hidden;}
/*全局样式*/


/*页码 begin*/
.page{ text-align:center; padding:30px 0;  color:#333; }
.page a{ padding:1px 3px; margin:2px 1px; color:#333; background:#f0f0f0;}
.page a.cur{ color:red; background:#ccc;}
/*页码 end*/

#header{ width:982px; margin:0 auto;}
.topbar{ height:88px; position: relative;}
.topbar .logo{ width:436px; height:70px; position:absolute; top:8px; left:10px;}
.topbar .phone{ width:255px; height:28px; position:absolute;top:44px; right:21px;}

.menu{ width:982px;  margin:0 auto; position:relative; z-index:999;}
.menu .left{ width:22px; height:46px; background:url(../images/menu_left.jpg) 0 0 no-repeat; float:left; overflow:hidden;}
.menu .cont{width:937px; height:46px;background: url(../images/menubg_04.jpg) 0 0 repeat-x; float:left;}
.menu .rig { width:23px; height:46px; background:url(../images/menu_rig.jpg) 0 0 no-repeat; float:right; overflow:hidden;}
.menu .cont li{ width:79px; height:46px; line-height:46px;float:left; margin-left:8px; display:inline; position:relative;z-index:9999;}
.menu .cont li.line{ width:18px; height:26px; background: url(../images/menu_line_09.jpg) 0 0; no-repeat; margin-top:0;}
.menu ul li img{ display:block; line-height:0px;}

.smallnav{ position:absolute; top:46px; line-height:32px; height:32px; overflow:hidden; display:none; z-index:9999;}
.smallnav .leftbg{ background: url(../images/001.png) no-repeat left top; padding-left:14px; height:32px; float:left;}
.smallnav .rightbg{ background: url(../images/003.png) no-repeat right top; padding-right:14px; height:32px; float:right;}
.smallnav .contbg{height:32px;overflow:hidden; float:left; background:url(../images/002.png) 0 0 repeat-x;}
.smallnav .contbg a{ float:left; white-space:nowrap; padding:0 10px; text-decoration:none;} 


.menu .botbg{ height:36px; margin:0 auto;}
.menu .botbg .lef{ float:left;width:22px; height:36px;  background:url(../images/menu_bot_left.jpg) 0 0 no-repeat;}
.menu .botbg .rig{ float:right;width:23px; height:36px; background:url(../images/menu_bot_rig.jpg) 0 0 no-repeat;}
.menu .botbg .con{ float:left; width:937px;height:36px; background:url(../images/menu_botbg_22.png) 0 0 repeat-x;}

.banner{ width:974px; height:290px; border:4px solid #fff;position: relative; z-index:1;}
.banner ul.big {  z-index: 8; display: block; width:974px; height:290px; overflow:hidden; }
.banner ul.big li { position: absolute; TOP: 0px; LEFT: 0px; width:974px; height:290px;  overflow:hidden;}
.banner ul.big li img{ width:974px; height:290px; display:block;}
.banner ul.num { width:84px; height:18px; background:url(../images/123_33.png) 0 0 no-repeat; position:absolute; top:258px; right:505px;}
.banner ul.num li { float:left; display:inline; line-height:18px; margin-left:12px; margin-top:4px;}
.banner ul.num li a{ display:block; width:10px; height:10px; background:url(../images/2_35.jpg) 0 0 no-repeat; outline:none;}
.banner ul.num li a:hover{display:block; width:10px; height:10px; background: url(../images/1_33.jpg) 0 0 no-repeat;}
.banner ul.num li .current{ background:url(../images/1_33.jpg) 0 0 no-repeat;display:block; width:10px; height:10px;}
.banne{ width:974px; height:240px;border:4px solid #fff; overflow:hidden;}

.mininav{ width:956px; height:105px; margin:0 auto; position:relative;}
.mininavbg{ position:absolute; top:0; left:0;}
.mininav .tel{ width:188px; height:59px; position:absolute; top:33px; left:113px;}
.mininav .add{ position:absolute; top:33px; left:386px; width:211px; height:59px;}
.mininav .email{ position:absolute; top:33px; right:78px; width:206px; height:59px;}


.content{ width:956px; margin:0 auto; margin-top:14px;}
.mod1 .title{ height:25px;}
.mod1 .title .tit_left{ width:12px; height:25px; float:left; background:url(../images/tit_leftbf_31.jpg) 0 0 no-repeat;}
.mod1 .title .tit_cont{ height:25px;float:left; background:url(../images/titbg.jpg) 0 0 repeat-x;}
.mod1 .title .tit_cont span.more{ float:right; width:45px; height:17px; margin-top:4px;}
.mod1 .title .tit_cont h3{}
.mod1 .title .tit_rig{ width:11px; height:25px; float:right; background:url(../images/tit_rigbg_36.jpg) 0 0 no-repeat;}


.news{ width:362px; float:left;}
.news .title .tit_cont{ width:339px;}
.news .cont{ width:350px;  margin:5px auto;}
.news .cont li{ width:337px; height:26px; border-bottom:1px solid #ECEDF0; line-height:26px; background: url(../images/licon_49.jpg) 0 10px no-repeat; padding-left:12px;}
.news .cont li a{ float:left; color:#333;}
.news .cont li span.date{ float:right;}

.about{ width:565px; float:right;}
.about .title .tit_cont{ width:542px;}
.about .cont{ padding:10px;}
.about .cont .photo{ width:123px; height:142px; border:1px solid  #B2B2B2; float:left; overflow:hidden;}
.about .cont .txt{ width:400px; height:150px; float:right; overflow:hidden; line-height:22px; color:#414141;}

.line{ width:956px; height:5px; margin:0 auto; overflow:hidden; background:url(../images/linebg_46.jpg) 0 0 repeat-x;}

.product{ width:956px; height:229px; margin-top:10px;}
.product .title .tit_cont{ width:933px;}
.product .cont{ height:177px; width:936px;border:1px solid #6CAEE1; margin-top:5px; padding:10px;}


.product ul li { width:208px; padding: 0 13px; height: 182px ;float: left;overflow: hidden;}
.product ul li .photo {width:195px;height:153px; /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:133px;/*约为高度的0.873，2000.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.product ul li .photo img {vertical-align:middle;}
.product ul li .photo .edfedf {position:absolute;top:0px;left:0px;}
.product ul li .name {text-align: center;line-height: 28px;}
.product ul li .photo a{border:1px solid #ccc;width:195px;height:153px; display:block;}
.product ul li .photo a:hover{ border:1px solid #740303; display:block; width:195px; height:153px;}
.product ul li .name a{ color:#000;}



.case{ width:956px; height:229px; margin-top:10px; margin-bottom:17px;}
.case .title .tit_cont{ width:933px;}
.case .cont{ height:177px;width:936px; border:1px solid #6CAEE1; margin-top:5px; padding:10px;}

.case ul li { width: 208px;padding: 0 13px; height: 182px ;float: left;overflow: hidden;}
.case ul li .photo {width:195px;height:153px; /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:133px;/*约为高度的0.873，2000.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.case ul li .photo img {vertical-align:middle;}
.case ul li .photo .edfedf {position:absolute;top:0px;left:0px;}
.case ul li .name {text-align: center;line-height: 28px;}
.case ul li .photo a{border:1px solid #ccc;width:195px;height:153px; display:block;}
.case ul li .photo a:hover{ border:1px solid #740303; display:block; width:195px; height:153px;}
.case ul li .name a{ color:#000;}

.link{ margin:0 auto; width:956px;  }
.link .link_left{ float:left; width:27px; height:51px; background:url(../images/link_left_37.jpg) 0 0 no-repeat;}
.link .link_cont{ float:left; width:924px; height:49px; border:1px solid #5997E8; border-left: none; border-right:none;}
.link .link_rig{ float:right; width:5px; height:51px; background:url(../images/link_rig_37.jpg) 0 0 no-repeat;}

.link .link_cont .tit{ float:left; font-size:14px; font-weight:bold; line-height:49px;}
.link .link_cont .cont{ float:right; width:860px;}
.link .link_cont .cont li{ width:152px; height:32px; float:left; margin:8px 0 7px 20px; display:inline; overflow:hidden;}

.copy{ height:54px; background: #5997E8; margin-top:10px; line-height:24px; text-align:center; padding-top:15px; color:#fff;}
.copy a{ color:#F00;}


/*内页开始*/
.ny_content{ width:956px; margin:0 auto; margin-top:12px;}
.mod2 .side{ width:192px; float:left;}
.mod2 .side .topbg{ width:192px; height:55px; background: url(../images/side_tit.jpg) 0 0 no-repeat;}
.mod2 .side .cont{ width:192px; height:auto !important; height:303px; min-height:303px; background: url(../images/sidebg.jpg) 0 0 repeat-y; padding-top:20px;}
.mod2 .side .botbg{ width:192px; height:32px; background: url(../images/side_botbg.jpg) 0 0 no-repeat;}
.mod2 .side .cont li{ width:166px; height:29px; margin:0 auto; overflow:hidden; font-weight:bold; line-height:29px; }
.mod2 .side .cont li a{ display:block;width:132px; height:29px; background:url(../images/side_libg2.jpg);color:#064a80; text-decoration:none; padding-left:32px;}
.mod2 .side .cont li a:hover{display:block;width:132px; height:29px; background: url(../images/side_libg1.jpg) 0 0 no-repeat; color:#fff;}
.mod2 .side .cont li a.cur{display:block;width:132px; height:29px; background: url(../images/side_libg1.jpg) 0 0 no-repeat; color:#fff;}

.mod2 .main{ width:748px; float:right;}
.mod2 .main .title{ width:748px; height:26px; background:url(../images/main_title_05.png) 0 0 no-repeat; line-height:26px;}
.mod2 .main .title span.star{ float:right;}
.mod2 .main .title h3{ color:#156694; padding-left:40px; float:left;}

/*公司简介*/
.ny_dan .cont {width:669px; height:auto !important; height:440px; min-height:440px;line-height:28px; padding-top:20px;}
.ny_about{ width:956px; margin:0 auto; margin-top:12px;}
.ny_about .main .cont{ padding-left:45px;}
.ny_about .side .topbg{ width:192px; height:55px; background:url(../images/abouttiti_03.jpg) -1px 0 no-repeat;}

/*新闻中心*/
.ny_news { width: 709px; height:auto !important; height:300px; min-height:300px; }
.ny_news .newsbg{ width:145px; height:270px; float:left;background:url(../images/newsbg_03.jpg) 0 0 no-repeat; margin-top:66px;}
.ny_news ul{ width:564px; float:right;}
.ny_news li { line-height: 30px; width: 564px; border-bottom:1px dashed #ccc; float: left;}
.ny_news li a { float: left;}
.ny_news li .date { float: right; padding-right: 10px;}

/*产品中心*/
.ny_pro .cont {width:708px; height:auto !important; height:440px; min-height:440px;line-height:28px; padding:20px 10px;}
.ny_pro .cont li{ width: 161px; padding: 0 5px; height: 173px; float:left; display:inline;  }
.ny_pro ul li .photo {
	width:160px;
	height:122px;
	border: 1px solid #333;
	padding:4px 1px;
	overflow:hidden;
	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 86px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.ny_pro ul li .photo img {vertical-align:middle; }
.ny_pro ul li .name { text-align: center; line-height: 28px; float:left; width:100%; }


/*工程案例*/
.ny_case .cont {width:708px; height:auto !important; height:440px; min-height:440px;line-height:28px; padding:20px 10px;}
.ny_case .cont li{ width: 161px; padding: 0 5px; height: 173px; float:right; display:inline; }
.ny_case ul li .photo {
	width:160px;
	height:122px;
	padding:4px 1px;
	border: 1px solid #333;
	overflow:hidden;
	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 86px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.ny_case ul li .photo img {vertical-align:middle; }
.ny_case ul li .name { text-align: center; line-height: 28px; float:left; width:100%; }


/*售后服务*/
.ny_service .cont .photo{ width:318px; height:249px; float:left; overflow:hidden; margin-top:50px;}
.ny_service .cont .txt{ width:380px; float:right; line-height:24px; margin-top:30px; overflow:hidden; padding-right:20px;}
.ny_service .cont .txt h4{ width:380px; margin-top:5px;}
.ny_service .cont .txt p{ border-bottom:1px solid #ccc;width:380px; }


/*在线留言*/
.ny_msg .cont .bridge { line-height: 30px; text-align: right;}
.ny_msg .cont .welcome { width: 95%; border-bottom: 1px dashed #ccc; height: 45px; line-height: 45px; text-align: center;}
.ny_msg .cont .msg_form { width: 380px; margin: 0 auto; padding-top: 25px;}
.ny_msg .cont .msg_form li { width: 100%; float: left; padding: 2px 0;}
.ny_msg .cont .msg_form li .type { width: 100px; float: left; line-height: 21px;}
.ny_msg .cont .msg_form li input { height: 14px; padding:2px 0; line-height: 14px; }

.ny_msg .cont  .msglist { width: 100%; }
.ny_msg .cont  .msglist ul { border: 1px solid #ccc;}
.ny_msg .cont  .msglist li { line-height: 24px;}
.ny_msg .cont  .msglist li .msg_name{ border-bottom: 1px solid #ccc;}


.ny_dan .photo{ width:387px; height: 289px;  background:url(../images/lianxi_03.jpg) right bottom no-repeat; overflow:hidden; float:right;}
.ny_dan .txt{ font-size:14px; line-height:30px; float:left; width:290px; height:150px;  margin-left:22px; display: inline;}


/*新闻详细*/
.detail { width: 700px; margin: 0 auto; padding-bottom:17px;}
.detail .cont { border-top:0px; padding: 0 20px; width: 658px; height:auto!important;height:621px;min-height:621px; }
.detail .titi { height: 40px; line-height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; overflow:hidden;}

.detail .related { padding:6px 0; text-align: center;}
.detail .related span { padding: 0 10px;}
.detail .text { padding: 10px; line-height: 23px;}
.detail .text .photo { text-align: center;}
.detail .cont .photo { text-align:center;}
.detail .other { padding: 8px 0 ; width: 100%;}
.detail .other li {line-height: 24px;}
.detail .print { padding: 8px 0; text-align: right; clear: both;}
.detail .print a { margin-right: 20px;}
/*产品详细*/
.Menubox{width:630px;background: url(../images/protit_03.jpg) 0 0 repeat-x;height:31px;line-height:31px; margin-top:20px;}
.Menubox li{float:left;display:block;cursor:pointer;width:154px; height:31px;text-align:center;font-weight:bold;}
.Menubox li a{ display:block; width:154px; height:31px; }
.Menubox li a:hover{ display:block; width:154px; height:31px; background:url(../images/a_03.jpg) 0 0 repeat-x;color:#fff;}
.Menubox li.hover{display:block; width:154px; height:31px; background:url(../images/a_03.jpg) 0 0 repeat-x;color:#fff;}
.Contentbox{ width:630px;clear:both;padding-top:8px;}

.Contentbox li.photo{ text-align:center; width:600px; height:200px; margin-top:50px; overflow:hidden;}
.Contentbox li.txt{ text-align:center; width:600px; line-height:24px; text-align:left; margin-top:20px;}
.Contentbox li.txt h3{ color:#F00; margin-left:30px;}
#apDiv1 {
	position:fixed;
	left:7px;
	top:100px;
	width:120px;
	height:550px;
	z-index:1000;
	_position:absolute;
	_top:expression_r(documentElement.scrollTop + 300 + "px");
}
#apDiv2 {
	position:fixed;
	right:7px;
	top:100px;
	width:120px;
	height:550px;
	z-index:1000;
	_position:absolute;
	_top:expression_r(documentElement.scrollTop + 300 + "px");
}