﻿@charset "utf-8";
*{ margin:0; padding:0; color:#333333; outline:none; word-break:break-all;}
body{ font-size:12px; font-family:Arial,SimSun;overflow-x: scroll; background-color:#e2e2e4;}
ul,ol{list-style:none; margin:0; padding:0;}
input,select{vertical-align:middle;}
img{ border:none;}
a{ text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur()); }
a:focus{outline:none;}
a:hover,a:active,a:focus{ outline:none;}
a:hover{ text-decoration:underline; color:#004CB2;}
.clearit{ clear:both;}

.header{
	clear:both;
	margin:0 auto;
	width:1120px;
	height:151px;
	background:url(../images/header_bg.jpg) left top repeat-x; position:relative;
	overflow:hidden;
}
.top{
	clear:both;
	margin:0 auto;
	width:1000px;
	height:111px;
	overflow:hidden;
}
.ico{
	float:right;
	padding:25px 10px 0 0;
}
.ico a{
	padding:0 0 0 35px;
}
.ico-1{
	background:url(../images/ico-1.gif) 22px center no-repeat;
	*background:url(../images/ico-1.gif) 22px 2px no-repeat;
}
.ico-2{
	background:url(../images/ico-2.gif) 18px 4px no-repeat;
	*background:url(../images/ico-2.gif) 18px 2px no-repeat;
}
.ico-3{
	background:url(../images/ico-3.gif) 15px center no-repeat;
	*background:url(../images/ico-3.gif) 15px 2px no-repeat;
}
.nav{
	clear:both;
	width:100%;
	height:50px;
	background:url(../images/nav_bg.jpg) center top no-repeat;
}
.nav ul{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}
.nav li{
	float:left;
	width:111px;
	text-align:center;
	line-height:40px;height:40px;
	font-family:Microsoft YaHei;
}

.nav li a,
.nav li a:link,
.nav li a:visited{
	display:block;
	color:#fff;
	font-size:13px;
}

.nav li a:hover,
.nav li a:active{
	color:#fff;
	text-decoration:none;
}


.nav li a span.ch{font-size:13PX; font-family:"微软雅黑";color:#FFFFFF; line-height:17PX; padding-top:5px; text-align:center; display:block;}
.nav li a span.en{font-size:9PX;color:#97b4de; line-height:13PX; text-align:center; font-family: Arial, Helvetica, sans-serif;}


.mlt{ font-size:14px; color:#666666;}
.myinput{border:1px solid #C8C8C8; height:22px; line-height:22px;}
.mytextarea{border:1px solid #C8C8C8;}

.banner-box{ width:1120px; height:278px; overflow:hidden; position:relative; margin:0 auto;}
#banner{ width:auto; height:278px; position:absolute; left:0; top:0;}
#banner li{ position:absolute; left:0; top:0; opacity:0;}
.page-box{ width:100%; position:absolute; right:0; bottom:0;}
#page{ margin:0 auto; text-align:center; width:198px; height:28px; padding:16px 42px 0 36px; overflow:hidden; background:url(../images/page.png) left top no-repeat;}
#page span{ display:inline-block; width:17px;  cursor:pointer;  margin-left:10px; background:url(../images/page-1.png) left top no-repeat;}
#page span.click{ background:url(../images/page-2.png) left top no-repeat;}




.about-banner{
	clear:both;
	width:1000px; margin:0 auto;
	height:249px;
	text-align:center;
}

.pro-banner{
	clear:both;
	width:100%;
	height:249px;
	background:url(../images/pro-banner.jpg) left top no-repeat;
}

.news-banner{
	clear:both;
	width:100%;
	height:249px;
	background:url(../images/news-banner.jpg) left top no-repeat;
}

/*--------------  Footer  ---------------*/
.footer-content{
	 clear:both;
	 width:100%; 
	 height:253px; 
	 overflow:hidden;
	 background:#001659 url(../images/footer-bg.jpg) no-repeat center center;
	 border-bottom:1px #00052B solid;
}
.footer-content .section{
	margin:0 auto;
	width:1000px;
	height:auto;
	padding-top:27px;
	overflow:hidden;
}
.F-contact{
	float:left;
	width:305px;
	height:auto;
	padding:0 55px 0 12px;
	overflow:hidden;
}
.F-contact p{
	line-height:24px;
	color:#a5b6d7;
}
.F-contact p a{
	ine-height:24px;
	color:#a5b6d7;
}
.F-message{
	float:left;
	width:280px;
	padding-right:66px;
	height:auto;
	overflow:hidden;
}
.F-job{
	float:left;
	width:280px;
	height:auto;
	overflow:hidden;
}

.footer{
	width:100%;
	height:auto;
	padding:15px 0 20px;
	clear:both;
	background:#001659 url(../images/footer-bg.jpg) no-repeat center -253px;
	overflow:hidden;
	border-top:1px #00438A solid;
}
.footer-text{
	margin:0 auto;
	text-align:center;
	padding:0 10px 0 20px;
	width:970px;
	color:#a5b6d7;
}
.footer-text a{ color:#a5b6d7;}
.footer-text p{ color:#a5b6d7;}


.content-box{
	clear:both;
	width:100%;
	height:auto;
	background:#ffffff url(../images/content_bg.jpg) repeat-x left top;
	overflow:hidden;
}
.content{
	clear:both;
	margin:0 auto;
	width:1120px;
	height:auto;
	background:#ffffff url(../images/content_bg.jpg) repeat-x left top;
	overflow:hidden;
}
.contentn{
	clear:both;
	margin:0 auto;
	width:1000px;
	height:auto;
	background:#ffffff url(../images/content_bg.jpg) repeat-x left top;
	overflow:hidden;
}
.content h1 span a,
.content h1 span a:link,
.content h1 span a:visiteeed,
.content h1 span a:hover,
.content h1 span a:active{ color:#B1B1B1;}
.H-pro{
    float:left;
	padding:67px 17px 10px 0;
	width:200px;
	background:url(../images/ptb.jpg) left 28px no-repeat;
}
.H-pro h1{
	display:none;
}
.H-pro ul{ margin:0; padding:7px 5px 0;}
.H-pro li{
	width:180px;
	line-height:28px;height:28px;
	border-bottom:1px dashed #ccc;
	background:url(../images/jt.jpg) left center no-repeat;
	padding-left:10px;
}
.H-pro li a{color:#333333;}
.H-pro li a:hover{color:#004CB2;}

/* ============搜索表单============== */
.ss{ width:200px; height:17px; padding:14px 0 0;}
.globalsearchform{
float:left;
width:140px;
padding:0 0 0 2px;
margin:0px;
height:17px;
font:12px/15px simsun;
color:#8c8c8c;
}

.globalsearchform1{
float:right;
padding:0;
margin:1px 0px 0px 0px;
line-height:17px;
}

.globalsearchform .input{
border:0px;
width:140px;
height:15px;
line-height:15px;
padding:0px;
margin:1px 0px 0px 0px;
color:#000;
background:#fff;
border:1px #c5c5c5 solid;
}
/* ============搜索表单============== */



.H-about{
	float:left;
	padding:67px 17px 0 0;
	width:320px;
	height:240px;
	background:url(../images/atb.jpg) left 28px no-repeat;
}
.H-about h1{
	display:none;
}
.H-about-img{
	clear:both;
	padding:9px 0 0 0px;
	width:312px;
	height:95px;
	background:url(../images/about-img_bg.jpg) 4px 9px no-repeat;
}
.H-about-img span{ 
	display:block;
	float:right;
	width:148px;
	height:77px;
	padding:16px 0 0 33px;
	padding:18px 0 0 33px\9;
	color:#fff;
	background:url(../images/H-map.jpg) left top no-repeat;
}
.H-article{
	clear:both;
	width:308px;
	height:88px; 
	padding:10px 0 0 12px;
	overflow:hidden;
}
.H-article p{
	font-size:12px;
	line-height:22px;
	color:#757575;
}
.H-article a,
.H-article:link,
.H-article:visited,
.H-article:hover,
.H-article:active{ color:#004CB2;}
.H-news{
	float:left;
	padding:67px 0px 0 0;
	width:340px;
	height:240px;
	background:url(../images/ntb.jpg) left 28px no-repeat;
}
.H-news h1{
	display:none;
}
.H-news-img{
	clear:both;
	padding:12px 0 4px 0px;
	width:330px;
	height:83px;
	background:url(../images/news-img-bg.jpg) 0px 9px no-repeat;
	overflow:hidden;
}
.H-news-img b a{
	display:block;
	float:left;
	width:190px;
	height:18px;
	color:#1B56A5;
	padding:8px 0 0 15px;
}
.H-news-img p{
	display:block;
	float:left;
	width:190px;
	height:auto;
	color:#757575;
	padding:3px 0 0 15px;
	line-height:20px;
}
.H-news-img span{ 
	display:block;
	float:left;
	width:154px;
	height:77px;
	padding:18px 0 0 45px;
	color:#fff;
}
.H-article{ margin:0; padding:0 0 0 5px;}
.H-article li{
	line-height:28px;
	border-bottom:1px dashed #ccc;
}
.H-article li span{
	float:right;
	color:#757575;
}
.H-article li a,
.H-article li a:link,
.H-article li a:visited{	color:#757575;}
.H-article li a:hover,
.H-article li a:active{	color:#1B56A5;}
.H-staff{
	float:left;
	padding-top:67px;
	width:225px;
	height:240px;
	background:url(../images/H-title_bg.jpg) -775px 28px no-repeat;
}
.H-staff h1{
	display:none;
}
.staff-img-list{
	clear:both;
	width:225px; 
	height:186px;
	padding:9px 0 0 1px;
	overflow:hidden;
}

.cate{width:753px;padding:0 0 0 150px;line-height:25px;}
.cate a{
	width:105px; float:left; padding-left:20px; line-height:24px;
	background:url(../images/ico-4.jpg) left center no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pro{width:903px; float:right;}
.H-pro-title{
	clear:both;
	width:753px;
	height:37px;
	line-height:44px;
	padding:0 0 0 150px;
	border-bottom:1px solid #ccc;
	background:url(../images/pro-title-bg.jpg) left top no-repeat;
	overflow:hidden;
}
.H-pro-title a{
	width:105px; float:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	background:url(../images/ico-4.jpg) left center no-repeat;
}
.pro-list{
	width:100%;
	padding:15px 0px;
	overflow:hidden;
	position:relative;
}
.pro-list ul{
	overflow:hidden; margin:0; padding:0;
}
.pro-list li{
	float:left;
	width:180px;
	padding:0 0 15px;
	position:relative;
}
.pro-list li img{
	border:1px solid #E5E5E5;
}
.pro-list li a{
	display:block;
	line-height:34px;
	padding:0;
	text-align:center;
}
.big{
	position:absolute;
	right:25px;
	bottom:33px;
	width:41px;
	height:41px;
	background:url(../images/ico-5.png) right bottom no-repeat;
}
.big-hover{ background:url(../images/ico-55.png) right bottom no-repeat;}
#left-btn{
	width:31px;
	height:152px;
	padding:68px 29px 0 0;
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
}
#right-btn{
	width:31px;
	height:152px;
	padding:68px 0 0 29px;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
}

.about-us{
	padding-bottom:82px;
}
h1{
	clear:both;
	display:block;
	width:100%;
	padding-top:35px;
	line-height:30px;
	color:#0A0A0A;
	font-size:16px;
	font-family:Microsoft YaHei;
	border-bottom:4px solid #C4C4C4;
	position:relative;
}
h1 b{
	padding-left:13px;
	color:#AEAEAE;
	font-size:14px;
	text-transform:uppercase;
}
h1 span{
	position:absolute;
	right:2px;
	bottom:0;
	color:#B1B1B1;
	font-size:12px;
	font-weight:normal;
}
h1 span a{
	color:inherit;
}
.class{
	clear:both;
	width:996px;
	padding:26px 2px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	
}
.class a{
	padding:0 25px 0; line-height:23px;height:23px;
	background:url(../images/ico-4.jpg) left center no-repeat;
}
.class a.cur{
	background:url(../images/ico-active.jpg) left center no-repeat;
}

.bt{background:url(../images/icon_online.gif) 35px center no-repeat; color:#a5b6d7; font-size:13px;}
.qt{background:url(../images/icon_qq.gif) left center no-repeat; padding-left:18px;color:#a5b6d7; }
.lt{background:url(../images/icon_contact.gif) 35px center no-repeat; color:#a5b6d7; font-size:13px;}
.bt a{color:#a5b6d7;}
.qt a{color:#a5b6d7;}
.lt a{color:#a5b6d7;}
.pg{ padding:15px 0; text-align:center;}
.about-us{font-size:12px; padding:15px 0;color:#777777;line-height:25px;}
.about-us h2{ 
	font-size:13px;
	color:#0e3793;
	padding-top:35px;
}
.about-us p{
	font-size:12px;
	color:#777777;
	line-height:25px;
	/*text-indent:2em;*/
}
.about-us ul{
	padding:38px 15px;
	height:auto;
	overflow:hidden;
}
.about-us li{
	float:left;
	width:195px;
	height:255px;
	padding:0 63px 0 0;
}

.n-pro{
    float:left;
	padding:70px 50px 10px 0;
	width:200px;
	background:url(../images/ptb.jpg) left 36px no-repeat;
}
.n-pro h1{
	display:none;
}
.n-pro ul{ margin:0; padding:0;width:200px;}
.n-pro li{
	width:190px;
	line-height:28px;height:28px;
	border-bottom:1px dashed #ccc;
	background:url(../images/jt.jpg) left center no-repeat;
	padding:0 0 0 10px;
}
.n-pro li a{color:#333333;}
.n-pro li a:hover{color:#004CB2;}

.pr{width:750px; float:left;}
.products{
	width:750px;padding:5px 0 50px 0;display:block; position:relative;
}
.products ul{ margin:0; padding:0 0 0 20px;}
.products li{
	float:left;
	width:195px;
	height:235px;
	padding:0 63px 0 0;
}
.products li.rb{ padding:0;}

.products li img{
	width:193px;
	height:171px;
	border:1px solid #E5E5E5;
	border-bottom:3px solid #e5e5e5;
}
.products li:hover img{
	border-bottom:3px solid #00295D;
}
.products li td{
	text-align:center;
	letter-spacing:1px;
}
.products li a{
	display:block;
	padding-top:10px;
	line-height:22px;
	text-align:center;
	letter-spacing:normal;
}
.products li i{
	font-weight:bold;
	font-style:normal;
	color:#f00;
}



/*----------------- 新闻中心 ---------------*/
.news-list{
	padding-bottom:50px;
}
.news-list ul{
	margin:0;
	padding:0;
	height:auto;
	overflow:hidden;
	width:1000px;
	padding-bottom:50px;
}
.news-list li{ float:left; display:block; width:990px; height:93px; padding:25px 5px; overflow:hidden; border-bottom:1px solid #c4c4c4; position:relative;}
.news-list li em{ width:192px; height:93px; padding:0 15px 0 33px; float:left; overflow:hidden;}
.news-list li em a{width: 160px; display: block; border: 5px solid #ccc; text-align: center;}
.news-list li em img{max-width:160px; height:73px;}
.news-list li i{ float:left; width:725px; font-weight:bold; font-style:normal;}
.news-list li i a{ text-decoration:underline;}
.news-list li i span{ float:right; font-weight:normal; color:#C4C4C4;}
.news-list li p{ float:left; width:725px; padding:10px 0 0; margin:0; line-height:22px; height:70px; overflow:hidden;}
a.more{ position:absolute; right:33px; bottom:22px;}
a.more img{ width:50px; height:14px; border:none;}
.article{
	clear:both;
	width:994px;
	padding:0 3px 10px;
	height:auto; margin-bottom:15px;
	overflow:hidden;
}
.article h3{
	clear:both;
	color:#666666;
	font-size:13px;
	padding:20px 0 0;
}
.article p{
	clear:both;
	color:#666666;
	font-size:13px;
	padding:0 0 3px;
}




















/*--------------- 分页-详细 ----------------*/
.page{ clear:both; overflow:hidden; width:370px; height:26px; margin:0 auto; text-align:center;}
.page a,
.page a:link,
.page a:visited{ height:22px; display:block; float:left; margin:0 5px 0 0; line-height:22px;  padding:0px 8px; border:1px solid #ccc;}
.page a:hover,
.page a:active{ text-decoration:underline;}
.tag{ width:994px; clear:both; height:auto; padding-bottom:10px;}
.tag p{ text-indent:0; color:#777;}
.tag b{ color:#777;}
.tag a,
.tag a:link,
.tag a:visited,
.tag a:hover,
.tag a:active{ color:#777;}
.show h6{ margin:0 auto; margin-top:8px; font-size:18px; font-weight:normal; width:916px; padding-left:32px; background:#F4F4F4 url(../images/ico.gif) 15px center no-repeat; line-height:36px; border-top:1px solid #E2E2E2; color:#3a6088;}
.details{ clear:both; width:1000px; text-align:center; padding:30px 0; line-height:24px; font-size:18px; font-weight:bold;}
h6{ font-size:12px; width:1000px; line-height:30px; background:#E9E9E9; text-align:center; color:#999999; font-weight:normal;}
.pagedown{  background:#e9e9e9; width:994px; line-height:30px; margin-top:30px; clear:both;}
.pagedown span{ width:450px; padding:0 30px 0 10px; background:#e9e9e9; display:block; float:left; text-align:left; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.pagedown span a,
.pagedown span a:link,
.pagedown span a:visited{ color:#767676; padding:1px 8px; border:none;}
.pagedown span a:hover,
.pagedown span a:active{ text-decoration:underline;}
ul.xiangguan{width:1000px; float:left; height:auto; overflow:hidden; margin:0; padding:0;} 
ul.xiangguan li{width:450px;border:none; float:left; line-height:28px; height:28px;padding:0 60px 0 16px; background:url(../images/ico.gif) left 11px no-repeat; overflow:hidden;}
ul.xiangguan li.r{ padding:0 0 0 16px;}
ul.xiangguan li span,ul.xiangguan li.r span{ float:right; text-align:right; height:28px;}
ul.xiangguan li a,ul.xiangguan li.r a{ height:28px;}
h5{ clear:both; display:block; padding:30px 0 15px 0; font-size:15px; color:#666; width:994px;}



/*               在线留言                */
.msg{ padding:40px 0 80px 260px; display:block; background:url(../images/CONTACT.png) 40px 30px no-repeat;}
.msg td{ font-size:14px;}
.msg td input.text{ height:22px; line-height:22px; background:url(../images/text.jpg) repeat-x top left; border:1px solid #C8C8C8;}
.msg td textarea{ border:1px solid #C8C8C8;}
.msg td font{ color:red;}
.msg td span{ color:#BBBBBB; font-size:12px;}
.msg h4{ text-align:center; font-size:18px; padding-bottom:10px;}
.job{ padding:0 20px;}
.job font{ font-size:12px;}



/*               产品详细                */
.S_title{ clear:both; width:100%; text-indent:5px; line-height:65px; font-size:14px; font-weight:bold; color:#666666;}
.pleft{ float:left; width:300px; height:auto; overflow:hidden; padding-right:50px; padding-left:5px;}
.pleft-list{ clear:both; width:300px; margin-top:-25px; overflow:hidden;}
.pleft-list li{ width:60px; height:64px; overflow:hidden; padding:0; margin:6px 5px 0; float:left; cursor:pointer;}
.pleft-list li img{ border:none; background:#ccc; padding:2px; margin-top:6px;}
.pleft-list li img:hover{ border:none; background:url(../images/bg.png) top left no-repeat; margin-top:0; padding:8px 3px 2px 2px;}
.pleft-list li img.fo{ border:none; background:url(../images/bg.png) top left no-repeat; margin-top:0; padding:8px 3px 2px 2px;}
#img-list{ display:block; width:295px; height:229px;  border:1px solid #ccc; text-align:center; overflow:hidden; position:relative;}
#img-list b{
	width:295px;
	height:229px;
	display:none;
	position:absolute;
	left:0;
	top:0;
}

.zoombox {width:295px; height:350px;}
.zoombox .zoompic {display:block; text-align:center;width:295px;height:261px;border:1px solid #ccc;margin:0 auto; margin-bottom:4px;}
.zoombox .sliderbox {overflow:hidden;margin:0;width:298px;}
.zoombox .sliderbox .arrow-btn {width:8px;	height:9px;background:url(../images/arrow-btn02.png) no-repeat; cursor:pointer; margin-top:38px;}
.zoombox .sliderbox #btn-left {float:left;background-position:0 0; cursor:pointer;}
.zoombox .sliderbox #btn-left.dasabled {background-position:0 bottom;}
.zoombox .sliderbox #btn-right {float:right;background-position:right 0; cursor:pointer;}
.zoombox .sliderbox #btn-right.dasabled {background-position:right bottom;}

.zoombox .sliderbox .slider {float:left; height:94px;width:280px;position:relative; overflow:hidden; padding:0; display:inline;}
.zoombox .sliderbox .slider ul{ position:absolute;left:0;width:10000px; height:85px; margin:0; padding:0 0 0;}
.zoombox .sliderbox .slider li { float:left;width:70px; padding:0; text-align:center;}
.zoombox .sliderbox .slider li a{ margin:0 auto; width:58px; background-color:#fff; display:inline-block;}
.zoombox .sliderbox .slider li a:hover{}
.zoombox .sliderbox .slider li img { width:56px; height:50px;border:none; background:#ccc; padding:2px; margin-top:6px;}
.zoombox .sliderbox .slider li:hover img {border:0;}
.zoombox .sliderbox .slider li img:hover{background:url(../images/bg.png) top left no-repeat; margin-top:0; padding:8px 3px 2px 2px;}
.zoombox .sliderbox .slider li.current img{background:url(../images/bg.png) top left no-repeat; margin-top:0; padding:8px 3px 2px 2px;}


.pright{ float:left; width:380px; padding:0;color:#666666;line-height:24px;}
.pright em{ display:block; font-style:normal; color:#666666; height:24px;}
.ppro{ clear:both; width:100%; padding-top:10px;}
.pro-btn{ width:100%; height:auto;  border-bottom:1px solid #ccc; margin-bottom:20px; overflow:hidden;}
.pro-btn span{ display:block; float:left; width:123px; height:37px; line-height:40px; color:#666666; font-size:14px; font-weight:bold; text-align:center; overflow:hidden; margin-left:20px; cursor:pointer;}
.pro-btn span.focus{ background:url(../images/pro-btn.jpg) left top no-repeat; color:#2250AF;}




















